@trail-ui/react/dist/multiselect/tw-utils.js

"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/multiselect/tw-utils.ts
var tw_utils_exports = {};
__export(tw_utils_exports, {
  composeTailwindRenderProps: () => composeTailwindRenderProps,
  focusOutlineStyle: () => focusOutlineStyle,
  groupContentStyle: () => groupContentStyle,
  inputFieldStyle: () => inputFieldStyle,
  selectBoxIndicator: () => selectBoxIndicator
});
module.exports = __toCommonJS(tw_utils_exports);
var import_react_aria_components = require("react-aria-components");
var import_tailwind_merge = require("tailwind-merge");
function composeTailwindRenderProps(className, tw) {
  return (0, import_react_aria_components.composeRenderProps)(className, (className2) => (0, import_tailwind_merge.twMerge)(tw, className2));
}
var focusOutlineStyle = ["outline outline-2 outline-blue-500 outline-offset-2"];
var inputFieldStyle = [
  "group flex flex-col",
  "[&_[data-slot=label]:not([class*=mb-])]:mb-1",
  "[&_[data-slot=description]:not([class*=mb-]):has(+:is(input,textarea,[data-slot=control]))]:mb-2",
  "[&_:is(input,textarea,[data-slot=control])+[data-slot=description]:not([class*=mt-])]:mt-1"
];
var groupContentStyle = [
  "group flex flex-col",
  "[&_[data-slot=description]:not([class*=mt-]):has(+[data-slot=content])]:mt-1",
  "[&:has(:is([type=checkbox],[type=radio],[role=switch]))_[data-slot=content]:not([class*=mt-])]:mt-6",
  "[&:has(:is([type=checkbox],[type=radio],[role=switch]))_[data-slot=content]:not([class*=gap-])]:gap-6",
  "[&[data-orientation=horizontal]:has(:is([type=checkbox],[type=radio],[role=switch]))_[data-slot=content]:not([class*=gap-y-])]:gap-y-2"
];
var selectBoxIndicator = [
  "before:pointer-events-none before:absolute before:end-1.5 before:top-[42%] before:size-[5px] before:-translate-x-1.5 before:-translate-y-1/2 before:rotate-45 before:border-l-[1.5px] before:border-t-[1.5px] before:border-muted before:content-[''] rtl:before:translate-x-1.5",
  "after:pointer-events-none after:absolute after:bottom-[42%] after:end-1.5 after:size-[5px] after:-translate-x-1.5 after:translate-y-1/2 after:rotate-45  after:border-b-[1.5px] after:border-r-[1.5px] after:border-muted after:content-[''] rtl:after:translate-x-1.5"
];
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  composeTailwindRenderProps,
  focusOutlineStyle,
  groupContentStyle,
  inputFieldStyle,
  selectBoxIndicator
});