@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

package/dist/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/scroll-area.ts","../../src/ui/scroll-area/variants.ts","../../src/ui/scroll-area/scroll-area.tsx"],"names":["cva","jsx","cn"],"mappings":"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","file":"scroll-area.js","sourcesContent":["export const zuiScrollAreaBase =\n  \"relative min-w-0 rounded-xl outline-none transition-[background-color,border-color,box-shadow,scrollbar-color] duration-200 [scrollbar-color:var(--zui-scroll-area-thumb,#94a3b8)_var(--zui-scroll-area-track,transparent)] [scrollbar-width:thin] focus-visible:ring-2 focus-visible:ring-[var(--zui-scroll-area-ring-focus,oklch(54.6%_0.245_262.881_/_0.28))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus,#ffffff)] dark:focus-visible:ring-[var(--zui-scroll-area-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))] dark:focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] [&::-webkit-scrollbar]:h-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar]:w-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar-corner]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border-2 [&::-webkit-scrollbar-thumb]:border-solid [&::-webkit-scrollbar-thumb]:border-[var(--zui-scroll-area-thumb-border,transparent)] [&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,transparent)]\";\n\nexport const zuiScrollAreaAppearances = {\n  default:\n    \"[--zui-scroll-area-thumb:#94a3b8] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#e2e8f0] dark:[--zui-scroll-area-thumb:#64748b] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]\",\n  muted:\n    \"[--zui-scroll-area-thumb:#cbd5e1] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#f1f5f9] dark:[--zui-scroll-area-thumb:#475569] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#0f172a]\",\n  outline:\n    \"border border-[color:var(--zui-scroll-area-outline-border,#cbd5e1)] [--zui-scroll-area-thumb:#64748b] [--zui-scroll-area-thumb-border:#ffffff] [--zui-scroll-area-track:#e2e8f0] dark:border-[color:var(--zui-scroll-area-outline-border-dark,#334155)] dark:[--zui-scroll-area-thumb:#94a3b8] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]\",\n  glass:\n    \"border border-[color:var(--zui-scroll-area-glass-border,#ffffff80)] bg-[var(--zui-scroll-area-glass-bg,#ffffff99)] backdrop-blur-md [--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624_/_0.9)] [--zui-scroll-area-thumb-border:#ffffff66] [--zui-scroll-area-track:#ffffff33] dark:border-[color:var(--zui-scroll-area-glass-border-dark,#ffffff1f)] dark:bg-[var(--zui-scroll-area-glass-bg-dark,#0f172acc)] dark:[--zui-scroll-area-thumb:oklch(78.9%_0.154_211.53_/_0.8)] dark:[--zui-scroll-area-thumb-border:#02061766] dark:[--zui-scroll-area-track:#ffffff12]\",\n  sky: \"border border-[color:var(--zui-scroll-area-sky-border,oklch(62.3%_0.214_259.815_/_0.35))] [--zui-scroll-area-thumb:oklch(54.6%_0.245_262.881)] [--zui-scroll-area-thumb-border:#eff6ff] [--zui-scroll-area-track:#dbeafe] dark:border-[color:var(--zui-scroll-area-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#172554]\",\n  emerald:\n    \"border border-[color:var(--zui-scroll-area-emerald-border,oklch(59.6%_0.145_163.225_/_0.35))] [--zui-scroll-area-thumb:oklch(59.6%_0.145_163.225)] [--zui-scroll-area-thumb-border:#ecfdf5] [--zui-scroll-area-track:#d1fae5] dark:border-[color:var(--zui-scroll-area-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(69.6%_0.17_162.48)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#064e3b]\",\n  rose: \"border border-[color:var(--zui-scroll-area-rose-border,oklch(58.6%_0.253_17.585_/_0.3))] [--zui-scroll-area-thumb:oklch(58.6%_0.253_17.585)] [--zui-scroll-area-thumb-border:#fff1f2] [--zui-scroll-area-track:#ffe4e6] dark:border-[color:var(--zui-scroll-area-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(71.2%_0.194_13.428)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#4c0519]\",\n  amber:\n    \"border border-[color:var(--zui-scroll-area-amber-border,oklch(76.9%_0.188_70.08_/_0.35))] [--zui-scroll-area-thumb:oklch(66.6%_0.179_58.318)] [--zui-scroll-area-thumb-border:#fffbeb] [--zui-scroll-area-track:#fef3c7] dark:border-[color:var(--zui-scroll-area-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(82.8%_0.189_84.429)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#451a03]\",\n  violet:\n    \"border border-[color:var(--zui-scroll-area-violet-border,oklch(60.6%_0.25_292.717_/_0.35))] [--zui-scroll-area-thumb:oklch(54.1%_0.281_293.009)] [--zui-scroll-area-thumb-border:#f5f3ff] [--zui-scroll-area-track:#ede9fe] dark:border-[color:var(--zui-scroll-area-violet-border-dark,oklch(70.2%_0.183_293.541_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(70.2%_0.183_293.541)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#2e1065]\",\n} as const;\n\nexport const zuiScrollAreaSizes = {\n  sm: \"[--zui-scroll-area-size:0.375rem]\",\n  md: \"[--zui-scroll-area-size:0.625rem]\",\n  lg: \"[--zui-scroll-area-size:0.875rem]\",\n} as const;\n\nexport const zuiScrollAreaOrientations = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-x-auto overflow-y-hidden\",\n  both: \"overflow-auto\",\n} as const;\n\nexport const zuiScrollAreaVisibility = {\n  auto: \"\",\n  hover:\n    \"[scrollbar-color:transparent_transparent] hover:[scrollbar-color:var(--zui-scroll-area-thumb,#94a3b8)_var(--zui-scroll-area-track,transparent)] [&::-webkit-scrollbar-thumb]:bg-transparent hover:[&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:bg-transparent hover:[&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,transparent)]\",\n  always: \"\",\n  hidden:\n    \"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&::-webkit-scrollbar]:h-0 [&::-webkit-scrollbar]:w-0\",\n} as const;\n\nexport const zuiScrollAreaShadows = {\n  false: \"\",\n  true: \"[box-shadow:inset_0_2px_12px_rgb(15_23_42_/_0.08)] dark:[box-shadow:inset_0_2px_12px_rgb(0_0_0_/_0.3)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiScrollAreaAppearances,\n  zuiScrollAreaBase,\n  zuiScrollAreaOrientations,\n  zuiScrollAreaShadows,\n  zuiScrollAreaSizes,\n  zuiScrollAreaVisibility,\n} from \"../../design-system/scroll-area\";\n\nexport const scrollAreaVariants = cva(zuiScrollAreaBase, {\n  variants: {\n    appearance: zuiScrollAreaAppearances,\n    orientation: zuiScrollAreaOrientations,\n    scrollbar: zuiScrollAreaVisibility,\n    shadow: zuiScrollAreaShadows,\n    size: zuiScrollAreaSizes,\n  },\n  compoundVariants: [\n    {\n      scrollbar: \"always\",\n      orientation: \"vertical\",\n      class: \"overflow-x-hidden overflow-y-scroll\",\n    },\n    {\n      scrollbar: \"always\",\n      orientation: \"horizontal\",\n      class: \"overflow-x-scroll overflow-y-hidden\",\n    },\n    {\n      scrollbar: \"always\",\n      orientation: \"both\",\n      class: \"overflow-scroll\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"vertical\",\n    scrollbar: \"auto\",\n    shadow: false,\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ScrollAreaProps } from \"./types\";\nimport { scrollAreaVariants } from \"./variants\";\n\nexport function ScrollArea(props: ScrollAreaProps) {\n  const {\n    appearance,\n    children,\n    className,\n    orientation,\n    ref,\n    role,\n    scrollbar,\n    shadow,\n    size,\n    tabIndex,\n    viewportClassName,\n    ...rest\n  } = props;\n  const ariaLabel = rest[\"aria-label\"];\n  const ariaLabelledBy = rest[\"aria-labelledby\"];\n  const isNamedRegion =\n    role === \"region\" ||\n    ariaLabel !== undefined ||\n    ariaLabelledBy !== undefined;\n\n  return (\n    <div\n      ref={ref}\n      data-orientation={orientation ?? \"vertical\"}\n      data-scrollbar={scrollbar ?? \"auto\"}\n      data-slot=\"scroll-area\"\n      role={\n        role ??\n        (ariaLabel !== undefined || ariaLabelledBy !== undefined\n          ? \"region\"\n          : undefined)\n      }\n      tabIndex={tabIndex ?? (isNamedRegion ? 0 : undefined)}\n      className={cn(\n        scrollAreaVariants({\n          appearance,\n          orientation,\n          scrollbar,\n          shadow,\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      <div data-slot=\"scroll-area-viewport\" className={viewportClassName}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n"]}
+{"version":3,"sources":["../../src/ui/scroll-area/variants.ts","../../src/ui/scroll-area/scroll-area.tsx"],"names":["cva","zuiScrollAreaBase","zuiScrollAreaAppearances","zuiScrollAreaOrientations","zuiScrollAreaVisibility","zuiScrollAreaShadows","zuiScrollAreaSizes","jsx","cn"],"mappings":";;;;;;;;AAWO,IAAM,kBAAA,GAAqBA,2BAAIC,kCAAA,EAAmB;AAAA,EACvD,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,yCAAA;AAAA,IACZ,WAAA,EAAaC,0CAAA;AAAA,IACb,SAAA,EAAWC,wCAAA;AAAA,IACX,MAAA,EAAQC,qCAAA;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,SAAA,EAAW,QAAA;AAAA,MACX,WAAA,EAAa,UAAA;AAAA,MACb,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,SAAA,EAAW,QAAA;AAAA,MACX,WAAA,EAAa,YAAA;AAAA,MACb,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,SAAA,EAAW,QAAA;AAAA,MACX,WAAA,EAAa,MAAA;AAAA,MACb,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,WAAA,EAAa,UAAA;AAAA,IACb,SAAA,EAAW,MAAA;AAAA,IACX,MAAA,EAAQ,KAAA;AAAA,IACR,IAAA,EAAM;AAAA;AAEV,CAAC;ACpCM,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM;AAAA,IACJ,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,SAAA,GAAY,KAAK,YAAY,CAAA;AACnC,EAAA,MAAM,cAAA,GAAiB,KAAK,iBAAiB,CAAA;AAC7C,EAAA,MAAM,aAAA,GACJ,IAAA,KAAS,QAAA,IACT,SAAA,KAAc,UACd,cAAA,KAAmB,MAAA;AAErB,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,oBAAkB,WAAA,IAAe,UAAA;AAAA,MACjC,kBAAgB,SAAA,IAAa,MAAA;AAAA,MAC7B,WAAA,EAAU,aAAA;AAAA,MACV,MACE,IAAA,KACC,SAAA,KAAc,MAAA,IAAa,cAAA,KAAmB,SAC3C,QAAA,GACA,MAAA,CAAA;AAAA,MAEN,QAAA,EAAU,QAAA,KAAa,aAAA,GAAgB,CAAA,GAAI,MAAA,CAAA;AAAA,MAC3C,SAAA,EAAWC,mBAAA;AAAA,QACT,kBAAA,CAAmB;AAAA,UACjB,UAAA;AAAA,UACA,WAAA;AAAA,UACA,SAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,yCAAC,KAAA,EAAA,EAAI,WAAA,EAAU,sBAAA,EAAuB,SAAA,EAAW,mBAC9C,QAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"scroll-area.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiScrollAreaAppearances,\n  zuiScrollAreaBase,\n  zuiScrollAreaOrientations,\n  zuiScrollAreaShadows,\n  zuiScrollAreaSizes,\n  zuiScrollAreaVisibility,\n} from \"../../design-system/scroll-area\";\n\nexport const scrollAreaVariants = cva(zuiScrollAreaBase, {\n  variants: {\n    appearance: zuiScrollAreaAppearances,\n    orientation: zuiScrollAreaOrientations,\n    scrollbar: zuiScrollAreaVisibility,\n    shadow: zuiScrollAreaShadows,\n    size: zuiScrollAreaSizes,\n  },\n  compoundVariants: [\n    {\n      scrollbar: \"always\",\n      orientation: \"vertical\",\n      class: \"overflow-x-hidden overflow-y-scroll\",\n    },\n    {\n      scrollbar: \"always\",\n      orientation: \"horizontal\",\n      class: \"overflow-x-scroll overflow-y-hidden\",\n    },\n    {\n      scrollbar: \"always\",\n      orientation: \"both\",\n      class: \"overflow-scroll\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"vertical\",\n    scrollbar: \"auto\",\n    shadow: false,\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ScrollAreaProps } from \"./types\";\nimport { scrollAreaVariants } from \"./variants\";\n\nexport function ScrollArea(props: ScrollAreaProps) {\n  const {\n    appearance,\n    children,\n    className,\n    orientation,\n    ref,\n    role,\n    scrollbar,\n    shadow,\n    size,\n    tabIndex,\n    viewportClassName,\n    ...rest\n  } = props;\n  const ariaLabel = rest[\"aria-label\"];\n  const ariaLabelledBy = rest[\"aria-labelledby\"];\n  const isNamedRegion =\n    role === \"region\" ||\n    ariaLabel !== undefined ||\n    ariaLabelledBy !== undefined;\n\n  return (\n    <div\n      ref={ref}\n      data-orientation={orientation ?? \"vertical\"}\n      data-scrollbar={scrollbar ?? \"auto\"}\n      data-slot=\"scroll-area\"\n      role={\n        role ??\n        (ariaLabel !== undefined || ariaLabelledBy !== undefined\n          ? \"region\"\n          : undefined)\n      }\n      tabIndex={tabIndex ?? (isNamedRegion ? 0 : undefined)}\n      className={cn(\n        scrollAreaVariants({\n          appearance,\n          orientation,\n          scrollbar,\n          shadow,\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      <div data-slot=\"scroll-area-viewport\" className={viewportClassName}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n"]}

package/dist/ui/scroll-area.mjs

@@ -1,43 +1,10 @@
 "use client";
+import { zuiScrollAreaBase, zuiScrollAreaSizes, zuiScrollAreaShadows, zuiScrollAreaVisibility, zuiScrollAreaOrientations, zuiScrollAreaAppearances } from '../chunk-SYFTQAZG.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
-// src/design-system/scroll-area.ts
-var zuiScrollAreaBase = "relative min-w-0 rounded-xl outline-none transition-[background-color,border-color,box-shadow,scrollbar-color] duration-200 [scrollbar-color:var(--zui-scroll-area-thumb,#94a3b8)_var(--zui-scroll-area-track,transparent)] [scrollbar-width:thin] focus-visible:ring-2 focus-visible:ring-[var(--zui-scroll-area-ring-focus,oklch(54.6%_0.245_262.881_/_0.28))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus,#ffffff)] dark:focus-visible:ring-[var(--zui-scroll-area-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))] dark:focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] [&::-webkit-scrollbar]:h-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar]:w-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar-corner]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border-2 [&::-webkit-scrollbar-thumb]:border-solid [&::-webkit-scrollbar-thumb]:border-[var(--zui-scroll-area-thumb-border,transparent)] [&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,transparent)]";
-var zuiScrollAreaAppearances = {
-  default: "[--zui-scroll-area-thumb:#94a3b8] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#e2e8f0] dark:[--zui-scroll-area-thumb:#64748b] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]",
-  muted: "[--zui-scroll-area-thumb:#cbd5e1] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#f1f5f9] dark:[--zui-scroll-area-thumb:#475569] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#0f172a]",
-  outline: "border border-[color:var(--zui-scroll-area-outline-border,#cbd5e1)] [--zui-scroll-area-thumb:#64748b] [--zui-scroll-area-thumb-border:#ffffff] [--zui-scroll-area-track:#e2e8f0] dark:border-[color:var(--zui-scroll-area-outline-border-dark,#334155)] dark:[--zui-scroll-area-thumb:#94a3b8] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]",
-  glass: "border border-[color:var(--zui-scroll-area-glass-border,#ffffff80)] bg-[var(--zui-scroll-area-glass-bg,#ffffff99)] backdrop-blur-md [--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624_/_0.9)] [--zui-scroll-area-thumb-border:#ffffff66] [--zui-scroll-area-track:#ffffff33] dark:border-[color:var(--zui-scroll-area-glass-border-dark,#ffffff1f)] dark:bg-[var(--zui-scroll-area-glass-bg-dark,#0f172acc)] dark:[--zui-scroll-area-thumb:oklch(78.9%_0.154_211.53_/_0.8)] dark:[--zui-scroll-area-thumb-border:#02061766] dark:[--zui-scroll-area-track:#ffffff12]",
-  sky: "border border-[color:var(--zui-scroll-area-sky-border,oklch(62.3%_0.214_259.815_/_0.35))] [--zui-scroll-area-thumb:oklch(54.6%_0.245_262.881)] [--zui-scroll-area-thumb-border:#eff6ff] [--zui-scroll-area-track:#dbeafe] dark:border-[color:var(--zui-scroll-area-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#172554]",
-  emerald: "border border-[color:var(--zui-scroll-area-emerald-border,oklch(59.6%_0.145_163.225_/_0.35))] [--zui-scroll-area-thumb:oklch(59.6%_0.145_163.225)] [--zui-scroll-area-thumb-border:#ecfdf5] [--zui-scroll-area-track:#d1fae5] dark:border-[color:var(--zui-scroll-area-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(69.6%_0.17_162.48)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#064e3b]",
-  rose: "border border-[color:var(--zui-scroll-area-rose-border,oklch(58.6%_0.253_17.585_/_0.3))] [--zui-scroll-area-thumb:oklch(58.6%_0.253_17.585)] [--zui-scroll-area-thumb-border:#fff1f2] [--zui-scroll-area-track:#ffe4e6] dark:border-[color:var(--zui-scroll-area-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(71.2%_0.194_13.428)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#4c0519]",
-  amber: "border border-[color:var(--zui-scroll-area-amber-border,oklch(76.9%_0.188_70.08_/_0.35))] [--zui-scroll-area-thumb:oklch(66.6%_0.179_58.318)] [--zui-scroll-area-thumb-border:#fffbeb] [--zui-scroll-area-track:#fef3c7] dark:border-[color:var(--zui-scroll-area-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(82.8%_0.189_84.429)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#451a03]",
-  violet: "border border-[color:var(--zui-scroll-area-violet-border,oklch(60.6%_0.25_292.717_/_0.35))] [--zui-scroll-area-thumb:oklch(54.1%_0.281_293.009)] [--zui-scroll-area-thumb-border:#f5f3ff] [--zui-scroll-area-track:#ede9fe] dark:border-[color:var(--zui-scroll-area-violet-border-dark,oklch(70.2%_0.183_293.541_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(70.2%_0.183_293.541)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#2e1065]"
-};
-var zuiScrollAreaSizes = {
-  sm: "[--zui-scroll-area-size:0.375rem]",
-  md: "[--zui-scroll-area-size:0.625rem]",
-  lg: "[--zui-scroll-area-size:0.875rem]"
-};
-var zuiScrollAreaOrientations = {
-  vertical: "overflow-x-hidden overflow-y-auto",
-  horizontal: "overflow-x-auto overflow-y-hidden",
-  both: "overflow-auto"
-};
-var zuiScrollAreaVisibility = {
-  auto: "",
-  hover: "[scrollbar-color:transparent_transparent] hover:[scrollbar-color:var(--zui-scroll-area-thumb,#94a3b8)_var(--zui-scroll-area-track,transparent)] [&::-webkit-scrollbar-thumb]:bg-transparent hover:[&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:bg-transparent hover:[&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,transparent)]",
-  always: "",
-  hidden: "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&::-webkit-scrollbar]:h-0 [&::-webkit-scrollbar]:w-0"
-};
-var zuiScrollAreaShadows = {
-  false: "",
-  true: "[box-shadow:inset_0_2px_12px_rgb(15_23_42_/_0.08)] dark:[box-shadow:inset_0_2px_12px_rgb(0_0_0_/_0.3)]"
-};
-
-// src/ui/scroll-area/variants.ts
 var scrollAreaVariants = cva(zuiScrollAreaBase, {
   variants: {
     appearance: zuiScrollAreaAppearances,

package/dist/ui/scroll-area.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/scroll-area.ts","../../src/ui/scroll-area/variants.ts","../../src/ui/scroll-area/scroll-area.tsx"],"names":[],"mappings":"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","file":"scroll-area.mjs","sourcesContent":["export const zuiScrollAreaBase =\n  \"relative min-w-0 rounded-xl outline-none transition-[background-color,border-color,box-shadow,scrollbar-color] duration-200 [scrollbar-color:var(--zui-scroll-area-thumb,#94a3b8)_var(--zui-scroll-area-track,transparent)] [scrollbar-width:thin] focus-visible:ring-2 focus-visible:ring-[var(--zui-scroll-area-ring-focus,oklch(54.6%_0.245_262.881_/_0.28))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus,#ffffff)] dark:focus-visible:ring-[var(--zui-scroll-area-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))] dark:focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] [&::-webkit-scrollbar]:h-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar]:w-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar-corner]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border-2 [&::-webkit-scrollbar-thumb]:border-solid [&::-webkit-scrollbar-thumb]:border-[var(--zui-scroll-area-thumb-border,transparent)] [&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,transparent)]\";\n\nexport const zuiScrollAreaAppearances = {\n  default:\n    \"[--zui-scroll-area-thumb:#94a3b8] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#e2e8f0] dark:[--zui-scroll-area-thumb:#64748b] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]\",\n  muted:\n    \"[--zui-scroll-area-thumb:#cbd5e1] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#f1f5f9] dark:[--zui-scroll-area-thumb:#475569] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#0f172a]\",\n  outline:\n    \"border border-[color:var(--zui-scroll-area-outline-border,#cbd5e1)] [--zui-scroll-area-thumb:#64748b] [--zui-scroll-area-thumb-border:#ffffff] [--zui-scroll-area-track:#e2e8f0] dark:border-[color:var(--zui-scroll-area-outline-border-dark,#334155)] dark:[--zui-scroll-area-thumb:#94a3b8] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]\",\n  glass:\n    \"border border-[color:var(--zui-scroll-area-glass-border,#ffffff80)] bg-[var(--zui-scroll-area-glass-bg,#ffffff99)] backdrop-blur-md [--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624_/_0.9)] [--zui-scroll-area-thumb-border:#ffffff66] [--zui-scroll-area-track:#ffffff33] dark:border-[color:var(--zui-scroll-area-glass-border-dark,#ffffff1f)] dark:bg-[var(--zui-scroll-area-glass-bg-dark,#0f172acc)] dark:[--zui-scroll-area-thumb:oklch(78.9%_0.154_211.53_/_0.8)] dark:[--zui-scroll-area-thumb-border:#02061766] dark:[--zui-scroll-area-track:#ffffff12]\",\n  sky: \"border border-[color:var(--zui-scroll-area-sky-border,oklch(62.3%_0.214_259.815_/_0.35))] [--zui-scroll-area-thumb:oklch(54.6%_0.245_262.881)] [--zui-scroll-area-thumb-border:#eff6ff] [--zui-scroll-area-track:#dbeafe] dark:border-[color:var(--zui-scroll-area-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#172554]\",\n  emerald:\n    \"border border-[color:var(--zui-scroll-area-emerald-border,oklch(59.6%_0.145_163.225_/_0.35))] [--zui-scroll-area-thumb:oklch(59.6%_0.145_163.225)] [--zui-scroll-area-thumb-border:#ecfdf5] [--zui-scroll-area-track:#d1fae5] dark:border-[color:var(--zui-scroll-area-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(69.6%_0.17_162.48)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#064e3b]\",\n  rose: \"border border-[color:var(--zui-scroll-area-rose-border,oklch(58.6%_0.253_17.585_/_0.3))] [--zui-scroll-area-thumb:oklch(58.6%_0.253_17.585)] [--zui-scroll-area-thumb-border:#fff1f2] [--zui-scroll-area-track:#ffe4e6] dark:border-[color:var(--zui-scroll-area-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(71.2%_0.194_13.428)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#4c0519]\",\n  amber:\n    \"border border-[color:var(--zui-scroll-area-amber-border,oklch(76.9%_0.188_70.08_/_0.35))] [--zui-scroll-area-thumb:oklch(66.6%_0.179_58.318)] [--zui-scroll-area-thumb-border:#fffbeb] [--zui-scroll-area-track:#fef3c7] dark:border-[color:var(--zui-scroll-area-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(82.8%_0.189_84.429)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#451a03]\",\n  violet:\n    \"border border-[color:var(--zui-scroll-area-violet-border,oklch(60.6%_0.25_292.717_/_0.35))] [--zui-scroll-area-thumb:oklch(54.1%_0.281_293.009)] [--zui-scroll-area-thumb-border:#f5f3ff] [--zui-scroll-area-track:#ede9fe] dark:border-[color:var(--zui-scroll-area-violet-border-dark,oklch(70.2%_0.183_293.541_/_0.35))] dark:[--zui-scroll-area-thumb:oklch(70.2%_0.183_293.541)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#2e1065]\",\n} as const;\n\nexport const zuiScrollAreaSizes = {\n  sm: \"[--zui-scroll-area-size:0.375rem]\",\n  md: \"[--zui-scroll-area-size:0.625rem]\",\n  lg: \"[--zui-scroll-area-size:0.875rem]\",\n} as const;\n\nexport const zuiScrollAreaOrientations = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-x-auto overflow-y-hidden\",\n  both: \"overflow-auto\",\n} as const;\n\nexport const zuiScrollAreaVisibility = {\n  auto: \"\",\n  hover:\n    \"[scrollbar-color:transparent_transparent] hover:[scrollbar-color:var(--zui-scroll-area-thumb,#94a3b8)_var(--zui-scroll-area-track,transparent)] [&::-webkit-scrollbar-thumb]:bg-transparent hover:[&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:bg-transparent hover:[&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,transparent)]\",\n  always: \"\",\n  hidden:\n    \"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&::-webkit-scrollbar]:h-0 [&::-webkit-scrollbar]:w-0\",\n} as const;\n\nexport const zuiScrollAreaShadows = {\n  false: \"\",\n  true: \"[box-shadow:inset_0_2px_12px_rgb(15_23_42_/_0.08)] dark:[box-shadow:inset_0_2px_12px_rgb(0_0_0_/_0.3)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiScrollAreaAppearances,\n  zuiScrollAreaBase,\n  zuiScrollAreaOrientations,\n  zuiScrollAreaShadows,\n  zuiScrollAreaSizes,\n  zuiScrollAreaVisibility,\n} from \"../../design-system/scroll-area\";\n\nexport const scrollAreaVariants = cva(zuiScrollAreaBase, {\n  variants: {\n    appearance: zuiScrollAreaAppearances,\n    orientation: zuiScrollAreaOrientations,\n    scrollbar: zuiScrollAreaVisibility,\n    shadow: zuiScrollAreaShadows,\n    size: zuiScrollAreaSizes,\n  },\n  compoundVariants: [\n    {\n      scrollbar: \"always\",\n      orientation: \"vertical\",\n      class: \"overflow-x-hidden overflow-y-scroll\",\n    },\n    {\n      scrollbar: \"always\",\n      orientation: \"horizontal\",\n      class: \"overflow-x-scroll overflow-y-hidden\",\n    },\n    {\n      scrollbar: \"always\",\n      orientation: \"both\",\n      class: \"overflow-scroll\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"vertical\",\n    scrollbar: \"auto\",\n    shadow: false,\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ScrollAreaProps } from \"./types\";\nimport { scrollAreaVariants } from \"./variants\";\n\nexport function ScrollArea(props: ScrollAreaProps) {\n  const {\n    appearance,\n    children,\n    className,\n    orientation,\n    ref,\n    role,\n    scrollbar,\n    shadow,\n    size,\n    tabIndex,\n    viewportClassName,\n    ...rest\n  } = props;\n  const ariaLabel = rest[\"aria-label\"];\n  const ariaLabelledBy = rest[\"aria-labelledby\"];\n  const isNamedRegion =\n    role === \"region\" ||\n    ariaLabel !== undefined ||\n    ariaLabelledBy !== undefined;\n\n  return (\n    <div\n      ref={ref}\n      data-orientation={orientation ?? \"vertical\"}\n      data-scrollbar={scrollbar ?? \"auto\"}\n      data-slot=\"scroll-area\"\n      role={\n        role ??\n        (ariaLabel !== undefined || ariaLabelledBy !== undefined\n          ? \"region\"\n          : undefined)\n      }\n      tabIndex={tabIndex ?? (isNamedRegion ? 0 : undefined)}\n      className={cn(\n        scrollAreaVariants({\n          appearance,\n          orientation,\n          scrollbar,\n          shadow,\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      <div data-slot=\"scroll-area-viewport\" className={viewportClassName}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n"]}
+{"version":3,"sources":["../../src/ui/scroll-area/variants.ts","../../src/ui/scroll-area/scroll-area.tsx"],"names":[],"mappings":";;;;;;AAWO,IAAM,kBAAA,GAAqB,IAAI,iBAAA,EAAmB;AAAA,EACvD,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,wBAAA;AAAA,IACZ,WAAA,EAAa,yBAAA;AAAA,IACb,SAAA,EAAW,uBAAA;AAAA,IACX,MAAA,EAAQ,oBAAA;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,SAAA,EAAW,QAAA;AAAA,MACX,WAAA,EAAa,UAAA;AAAA,MACb,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,SAAA,EAAW,QAAA;AAAA,MACX,WAAA,EAAa,YAAA;AAAA,MACb,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,SAAA,EAAW,QAAA;AAAA,MACX,WAAA,EAAa,MAAA;AAAA,MACb,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,WAAA,EAAa,UAAA;AAAA,IACb,SAAA,EAAW,MAAA;AAAA,IACX,MAAA,EAAQ,KAAA;AAAA,IACR,IAAA,EAAM;AAAA;AAEV,CAAC;ACpCM,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM;AAAA,IACJ,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,SAAA,GAAY,KAAK,YAAY,CAAA;AACnC,EAAA,MAAM,cAAA,GAAiB,KAAK,iBAAiB,CAAA;AAC7C,EAAA,MAAM,aAAA,GACJ,IAAA,KAAS,QAAA,IACT,SAAA,KAAc,UACd,cAAA,KAAmB,MAAA;AAErB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,oBAAkB,WAAA,IAAe,UAAA;AAAA,MACjC,kBAAgB,SAAA,IAAa,MAAA;AAAA,MAC7B,WAAA,EAAU,aAAA;AAAA,MACV,MACE,IAAA,KACC,SAAA,KAAc,MAAA,IAAa,cAAA,KAAmB,SAC3C,QAAA,GACA,MAAA,CAAA;AAAA,MAEN,QAAA,EAAU,QAAA,KAAa,aAAA,GAAgB,CAAA,GAAI,MAAA,CAAA;AAAA,MAC3C,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA,CAAmB;AAAA,UACjB,UAAA;AAAA,UACA,WAAA;AAAA,UACA,SAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,8BAAC,KAAA,EAAA,EAAI,WAAA,EAAU,sBAAA,EAAuB,SAAA,EAAW,mBAC9C,QAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"scroll-area.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiScrollAreaAppearances,\n  zuiScrollAreaBase,\n  zuiScrollAreaOrientations,\n  zuiScrollAreaShadows,\n  zuiScrollAreaSizes,\n  zuiScrollAreaVisibility,\n} from \"../../design-system/scroll-area\";\n\nexport const scrollAreaVariants = cva(zuiScrollAreaBase, {\n  variants: {\n    appearance: zuiScrollAreaAppearances,\n    orientation: zuiScrollAreaOrientations,\n    scrollbar: zuiScrollAreaVisibility,\n    shadow: zuiScrollAreaShadows,\n    size: zuiScrollAreaSizes,\n  },\n  compoundVariants: [\n    {\n      scrollbar: \"always\",\n      orientation: \"vertical\",\n      class: \"overflow-x-hidden overflow-y-scroll\",\n    },\n    {\n      scrollbar: \"always\",\n      orientation: \"horizontal\",\n      class: \"overflow-x-scroll overflow-y-hidden\",\n    },\n    {\n      scrollbar: \"always\",\n      orientation: \"both\",\n      class: \"overflow-scroll\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"vertical\",\n    scrollbar: \"auto\",\n    shadow: false,\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ScrollAreaProps } from \"./types\";\nimport { scrollAreaVariants } from \"./variants\";\n\nexport function ScrollArea(props: ScrollAreaProps) {\n  const {\n    appearance,\n    children,\n    className,\n    orientation,\n    ref,\n    role,\n    scrollbar,\n    shadow,\n    size,\n    tabIndex,\n    viewportClassName,\n    ...rest\n  } = props;\n  const ariaLabel = rest[\"aria-label\"];\n  const ariaLabelledBy = rest[\"aria-labelledby\"];\n  const isNamedRegion =\n    role === \"region\" ||\n    ariaLabel !== undefined ||\n    ariaLabelledBy !== undefined;\n\n  return (\n    <div\n      ref={ref}\n      data-orientation={orientation ?? \"vertical\"}\n      data-scrollbar={scrollbar ?? \"auto\"}\n      data-slot=\"scroll-area\"\n      role={\n        role ??\n        (ariaLabel !== undefined || ariaLabelledBy !== undefined\n          ? \"region\"\n          : undefined)\n      }\n      tabIndex={tabIndex ?? (isNamedRegion ? 0 : undefined)}\n      className={cn(\n        scrollAreaVariants({\n          appearance,\n          orientation,\n          scrollbar,\n          shadow,\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      <div data-slot=\"scroll-area-viewport\" className={viewportClassName}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n"]}

package/dist/ui/search.js

@@ -1,8 +1,10 @@
 "use client";
 'use strict';
 
-var chunkNRPG2STN_js = require('../chunk-NRPG2STN.js');
+var chunkWBRTXAKP_js = require('../chunk-WBRTXAKP.js');
+require('../chunk-7LFRU6AW.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -56,7 +58,7 @@ var SearchBar = function SearchBar2({
             "aria-label": ariaLabel ?? (combobox ? void 0 : "Search"),
             "data-slot": "search-bar-input",
             className: chunkZS5756ZC_js.cn(
-              chunkNRPG2STN_js.inputVariants({ appearance, size: inputSize, ring, as: "input" }),
+              chunkWBRTXAKP_js.inputVariants({ appearance, size: inputSize, ring, as: "input" }),
               leadingSlot ? "pl-10" : null,
               inputClassName,
               "[&::-webkit-search-cancel-button]:hidden"

package/dist/ui/search.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/search/search-bar.tsx","../../src/ui/search/search-suggestion-utils.ts","../../src/ui/search/search-suggestion-list.tsx","../../src/ui/search/filter-search-suggestions.ts"],"names":["SearchBar","useId","jsxs","cn","jsx","inputVariants","Fragment"],"mappings":";;;;;;;AASO,IAAM,SAAA,GAAY,SAASA,UAAAA,CAAU;AAAA,EAC1C,KAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA,GAAa,SAAA;AAAA,EACb,SAAA,GAAY,IAAA;AAAA,EACZ,IAAA,GAAO,IAAA;AAAA,EACP,EAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,cAAcC,WAAA,EAAM;AAC1B,EAAA,MAAM,YAAY,EAAA,IAAM,WAAA;AACxB,EAAA,MAAM,QAAA,GAAW,QAAQ,iBAAiB,CAAA;AAE1C,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAWC,mBAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA;AAAA,MAEnE,QAAA,EAAA;AAAA,QAAA,WAAA,mBACCC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,yHAAA;AAAA,YACV,aAAA,EAAW,IAAA;AAAA,YAEV,QAAA,EAAA;AAAA;AAAA,SACH,GACE,IAAA;AAAA,wBACJA,cAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,EAAA,EAAI,SAAA;AAAA,YACJ,MAAM,IAAA,IAAQ,QAAA;AAAA,YACd,YAAA,EAAa,KAAA;AAAA,YACb,UAAA,EAAY,KAAA;AAAA,YACZ,QAAA;AAAA,YACA,KAAA;AAAA,YACA,YAAA,EAAY,SAAA,KAAc,QAAA,GAAW,MAAA,GAAY,QAAA,CAAA;AAAA,YACjD,WAAA,EAAU,kBAAA;AAAA,YACV,SAAA,EAAWD,mBAAA;AAAA,cACTE,8BAAA,CAAc,EAAE,UAAA,EAAY,IAAA,EAAM,WAAW,IAAA,EAAM,EAAA,EAAI,SAAS,CAAA;AAAA,cAChE,cAAc,OAAA,GAAU,IAAA;AAAA,cACxB,cAAA;AAAA,cACA;AAAA,aACF;AAAA,YACA,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,cAAA,QAAA,GAAW,KAAK,CAAA;AAChB,cAAA,aAAA,GAAgB,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,YACpC,CAAA;AAAA,YACC,GAAI,QAAA,GACD;AAAA,cACE,IAAA,EAAM,UAAA;AAAA,cACN,mBAAA,EAAqB,MAAA;AAAA,cACrB,eAAA,EAAiB,iBAAA;AAAA,cACjB,iBAAiB,gBAAA,IAAoB,KAAA;AAAA,cACrC,GAAI,sBAAA,GACA,EAAE,uBAAA,EAAyB,sBAAA,KAC3B;AAAC,gBAEP,EAAC;AAAA,YACJ,GAAG;AAAA;AAAA;AACN;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;AC/EjB,SAAS,2BAAA,CACd,WACA,MAAA,EACQ;AACR,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,OAAA,CAAQ,iBAAA,EAAmB,GAAG,CAAA;AAClD,EAAA,OAAO,CAAA,EAAG,SAAS,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA;AACjC;ACDA,IAAM,YAAA,GACJ,yOAAA;AAEK,SAAS,oBAAA,CAAqB;AAAA,EACnC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA8B;AAC5B,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,uBACED,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,8BAAA;AAAA,QACV,SAAA,EAAWD,mBAAA;AAAA,UACT,kEAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,UAAA,IAAc;AAAA;AAAA,KACjB;AAAA,EAEJ;AAEA,EAAA,MAAM,UAAA,GAAa,QAAQ,SAAS,CAAA;AAEpC,EAAA,MAAM,OAGD,EAAC;AACN,EAAA,IAAI,aAAA;AACJ,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,YAAY,OAAA,CAAQ,IAAA,CAAK,KAAA,IAAS,IAAA,CAAK,UAAU,aAAa,CAAA;AACpE,IAAA,IAAI,KAAK,KAAA,EAAO;AACd,MAAA,aAAA,GAAgB,IAAA,CAAK,KAAA;AAAA,IACvB;AACA,IAAA,IAAA,CAAK,IAAA,CAAK,EAAE,IAAA,EAAM,SAAA,EAAW,CAAA;AAAA,EAC/B;AAEA,EAAA,uBACEC,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,wBAAA;AAAA,MACV,YAAA,EAAW,gBAAA;AAAA,MACX,SAAA,EAAWD,mBAAA;AAAA,QACT,kEAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,kBAAAC,cAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACE,GAAI,UAAA,GACD;AAAA,YACE,EAAA,EAAI,SAAA;AAAA,YACJ,IAAA,EAAM;AAAA,cAER,EAAC;AAAA,UACL,SAAA,EAAWD,mBAAA,CAAG,uBAAA,EAAyB,aAAa,CAAA;AAAA,UAEnD,eAAK,GAAA,CAAI,CAAC,EAAE,IAAA,EAAM,WAAU,KAAM;AACjC,YAAA,MAAM,QAAA,GAAW,aAAa,IAAA,CAAK,EAAA;AACnC,YAAA,MAAM,cACJ,UAAA,IAAc,SAAA,GACV,4BAA4B,SAAA,EAAW,IAAA,CAAK,EAAE,CAAA,GAC9C,MAAA;AACN,YAAA,uBACED,gBAACI,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,cAAA,SAAA,mBACCF,cAAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,cAAA;AAAA,kBACL,SAAA,EAAU,kLAAA;AAAA,kBAET,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,eACR,GACE,IAAA;AAAA,8BACJF,eAAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,QAAA;AAAA,kBACL,EAAA,EAAI,WAAA;AAAA,kBACJ,IAAA,EAAM,aAAa,QAAA,GAAW,MAAA;AAAA,kBAC9B,eAAA,EAAe,aAAa,QAAA,GAAW,MAAA;AAAA,kBACvC,aAAA,EAAa,WAAW,EAAA,GAAK,MAAA;AAAA,kBAC7B,SAAA,EAAWC,mBAAA,CAAG,YAAA,EAAc,QAAA,GAAW,eAAe,IAAI,CAAA;AAAA,kBAC1D,YAAA,EAAc,MAAM,gBAAA,GAAmB,IAAA,CAAK,EAAE,CAAA;AAAA,kBAC9C,OAAA,EAAS,MAAM,gBAAA,GAAmB,IAAA,CAAK,EAAE,CAAA;AAAA,kBACzC,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,EAAE,CAAA;AAAA,kBAE/B,QAAA,EAAA;AAAA,oCAAAC,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gDAAA,EACb,eAAK,KAAA,EACR,CAAA;AAAA,oBACC,IAAA,CAAK,8BACJA,cAAAA,CAAC,UAAK,SAAA,EAAU,qDAAA,EACb,QAAA,EAAA,IAAA,CAAK,WAAA,EACR,CAAA,GACE;AAAA;AAAA;AAAA;AACN,aAAA,EAAA,EA5Ba,KAAK,EA6BpB,CAAA;AAAA,UAEJ,CAAC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEA,oBAAA,CAAqB,WAAA,GAAc,sBAAA;;;ACtG5B,SAAS,uBAAA,CAAoD;AAAA,EAClE,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,EAAE,UAAA,EAAY,EAAA;AAC1B,CAAA,EAIQ;AACN,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,EAAA;AACzC,EAAA,MAAM,UAAA,GAAa,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY;AAC5C,EAAA,IAAI,CAAC,UAAA,EAAY;AACf,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,UAAe,EAAC;AACtB,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,OAAA,GACJ,IAAA,CAAK,KAAA,CAAM,WAAA,GAAc,QAAA,CAAS,UAAU,CAAA,IAC5C,IAAA,CAAK,WAAA,EAAa,WAAA,EAAY,CAAE,QAAA,CAAS,UAAU,CAAA,IACnD,IAAA,CAAK,IAAA,EAAM,WAAA,EAAY,CAAE,QAAA,CAAS,UAAU,CAAA,IAC5C,KAAK,QAAA,EAAU,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAA,EAAY,CAAE,QAAA,CAAS,UAAU,CAAC,CAAA;AAEjE,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,OAAA,CAAQ,KAAK,IAAI,CAAA;AACjB,MAAA,IAAI,OAAA,CAAQ,MAAA,IAAU,UAAA,IAAc,UAAA,IAAc,CAAA,EAAG;AACnD,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT","file":"search.js","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputVariants } from \"../inputs/variants\";\n\nimport type { SearchBarProps } from \"./types\";\n\nexport const SearchBar = function SearchBar({\n  value,\n  onValueChange,\n  leadingSlot,\n  className,\n  inputClassName,\n  appearance = \"default\",\n  inputSize = \"md\",\n  ring = true,\n  id,\n  onChange,\n  disabled,\n  type,\n  comboboxListboxId,\n  comboboxActiveOptionId,\n  comboboxExpanded,\n  \"aria-label\": ariaLabel,\n  ref,\n  ...rest\n}: SearchBarProps) {\n  const generatedId = useId();\n  const controlId = id ?? generatedId;\n  const combobox = Boolean(comboboxListboxId);\n\n  return (\n    <div\n      data-slot=\"search-bar\"\n      className={cn(\"relative flex w-full min-w-0 items-center\", className)}\n    >\n      {leadingSlot ? (\n        <span\n          className=\"pointer-events-none absolute left-3 top-1/2 z-1 flex -translate-y-1/2 text-slate-900 dark:text-slate-200 [&_svg]:size-4\"\n          aria-hidden\n        >\n          {leadingSlot}\n        </span>\n      ) : null}\n      <input\n        ref={ref}\n        id={controlId}\n        type={type ?? \"search\"}\n        autoComplete=\"off\"\n        spellCheck={false}\n        disabled={disabled}\n        value={value}\n        aria-label={ariaLabel ?? (combobox ? undefined : \"Search\")}\n        data-slot=\"search-bar-input\"\n        className={cn(\n          inputVariants({ appearance, size: inputSize, ring, as: \"input\" }),\n          leadingSlot ? \"pl-10\" : null,\n          inputClassName,\n          \"[&::-webkit-search-cancel-button]:hidden\",\n        )}\n        onChange={(event) => {\n          onChange?.(event);\n          onValueChange?.(event.target.value);\n        }}\n        {...(combobox\n          ? {\n              role: \"combobox\" as const,\n              \"aria-autocomplete\": \"list\" as const,\n              \"aria-controls\": comboboxListboxId,\n              \"aria-expanded\": comboboxExpanded ?? false,\n              ...(comboboxActiveOptionId\n                ? { \"aria-activedescendant\": comboboxActiveOptionId }\n                : {}),\n            }\n          : {})}\n        {...rest}\n      />\n    </div>\n  );\n};\n\nSearchBar.displayName = \"SearchBar\";\n","/**\n * Builds a stable DOM id for a listbox option so `aria-activedescendant` on the combobox\n * input can reference it. Safe for href-like `itemId` strings.\n */\nexport function searchSuggestionOptionDomId(\n  listboxId: string,\n  itemId: string,\n): string {\n  const safe = itemId.replace(/[^a-zA-Z0-9_-]/g, \"_\");\n  return `${listboxId}_opt_${safe}`;\n}\n","\"use client\";\n\nimport { Fragment } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { searchSuggestionOptionDomId } from \"./search-suggestion-utils\";\n\nimport type { SearchSuggestionListProps } from \"./types\";\n\nconst rowClassName =\n  \"flex w-full flex-col gap-0.5 rounded-lg px-3 py-2.5 text-left text-sm transition-colors dark:hover:bg-white/5 hover:bg-black/10 focus-visible:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50\";\n\nexport function SearchSuggestionList({\n  items,\n  onSelect,\n  activeId,\n  onActiveIdChange,\n  listboxId,\n  className,\n  listClassName,\n  emptyLabel,\n}: SearchSuggestionListProps) {\n  if (items.length === 0) {\n    return (\n      <div\n        data-slot=\"search-suggestion-list-empty\"\n        className={cn(\n          \"px-1 py-6 text-center text-sm text-slate-900 dark:text-slate-200\",\n          className,\n        )}\n      >\n        {emptyLabel ?? \"No matches.\"}\n      </div>\n    );\n  }\n\n  const useListbox = Boolean(listboxId);\n\n  const rows: Array<{\n    item: (typeof items)[number];\n    showGroup: boolean;\n  }> = [];\n  let lastGroupSeen: string | undefined;\n  for (const item of items) {\n    const showGroup = Boolean(item.group && item.group !== lastGroupSeen);\n    if (item.group) {\n      lastGroupSeen = item.group;\n    }\n    rows.push({ item, showGroup });\n  }\n\n  return (\n    <nav\n      data-slot=\"search-suggestion-list\"\n      aria-label=\"Search results\"\n      className={cn(\n        \"flex max-h-[min(50vh,360px)] flex-col gap-1 overflow-y-auto pr-1\",\n        className,\n      )}\n    >\n      <div\n        {...(useListbox\n          ? {\n              id: listboxId,\n              role: \"listbox\" as const,\n            }\n          : {})}\n        className={cn(\"flex flex-col gap-0.5\", listClassName)}\n      >\n        {rows.map(({ item, showGroup }) => {\n          const isActive = activeId === item.id;\n          const optionDomId =\n            useListbox && listboxId\n              ? searchSuggestionOptionDomId(listboxId, item.id)\n              : undefined;\n          return (\n            <Fragment key={item.id}>\n              {showGroup ? (\n                <div\n                  role=\"presentation\"\n                  className=\"sticky rounded-lg top-0 z-1 dark:bg-slate-950/95 bg-slate-50/95 px-2 pb-1 pt-2 text-xs font-semibold uppercase tracking-wide text-slate-900 dark:text-slate-200 backdrop-blur-sm\"\n                >\n                  {item.group}\n                </div>\n              ) : null}\n              <button\n                type=\"button\"\n                id={optionDomId}\n                role={useListbox ? \"option\" : undefined}\n                aria-selected={useListbox ? isActive : undefined}\n                data-active={isActive ? \"\" : undefined}\n                className={cn(rowClassName, isActive ? \"bg-white/5\" : null)}\n                onMouseEnter={() => onActiveIdChange?.(item.id)}\n                onFocus={() => onActiveIdChange?.(item.id)}\n                onClick={() => onSelect(item.id)}\n              >\n                <span className=\"font-medium text-slate-900 dark:text-slate-100\">\n                  {item.label}\n                </span>\n                {item.description ? (\n                  <span className=\"truncate text-xs text-slate-900 dark:text-slate-200\">\n                    {item.description}\n                  </span>\n                ) : null}\n              </button>\n            </Fragment>\n          );\n        })}\n      </div>\n    </nav>\n  );\n}\n\nSearchSuggestionList.displayName = \"SearchSuggestionList\";\n","import type { SearchFilterable } from \"./types\";\n\nexport type FilterSearchSuggestionsOptions = {\n  /** Maximum number of matches returned. */\n  maxResults?: number;\n};\n\n/**\n * Returns items whose label, description, href, or keywords contain the query (case-insensitive).\n * Whitespace-only query matches no items.\n */\nexport function filterSearchSuggestions<T extends SearchFilterable>({\n  query,\n  items,\n  options = { maxResults: 20 },\n}: {\n  query: string;\n  items: readonly T[];\n  options?: FilterSearchSuggestionsOptions;\n}): T[] {\n  const maxResults = options.maxResults ?? 20;\n  const normalized = query.trim().toLowerCase();\n  if (!normalized) {\n    return [];\n  }\n\n  const matches: T[] = [];\n  for (const item of items) {\n    const isMatch =\n      item.label.toLowerCase().includes(normalized) ||\n      item.description?.toLowerCase().includes(normalized) ||\n      item.href?.toLowerCase().includes(normalized) ||\n      item.keywords?.some((k) => k.toLowerCase().includes(normalized));\n\n    if (isMatch) {\n      matches.push(item);\n      if (matches.length >= maxResults || maxResults <= 0) {\n        break;\n      }\n    }\n  }\n  return matches;\n}\n"]}
+{"version":3,"sources":["../../src/ui/search/search-bar.tsx","../../src/ui/search/search-suggestion-utils.ts","../../src/ui/search/search-suggestion-list.tsx","../../src/ui/search/filter-search-suggestions.ts"],"names":["SearchBar","useId","jsxs","cn","jsx","inputVariants","Fragment"],"mappings":"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","file":"search.js","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputVariants } from \"../inputs/variants\";\n\nimport type { SearchBarProps } from \"./types\";\n\nexport const SearchBar = function SearchBar({\n  value,\n  onValueChange,\n  leadingSlot,\n  className,\n  inputClassName,\n  appearance = \"default\",\n  inputSize = \"md\",\n  ring = true,\n  id,\n  onChange,\n  disabled,\n  type,\n  comboboxListboxId,\n  comboboxActiveOptionId,\n  comboboxExpanded,\n  \"aria-label\": ariaLabel,\n  ref,\n  ...rest\n}: SearchBarProps) {\n  const generatedId = useId();\n  const controlId = id ?? generatedId;\n  const combobox = Boolean(comboboxListboxId);\n\n  return (\n    <div\n      data-slot=\"search-bar\"\n      className={cn(\"relative flex w-full min-w-0 items-center\", className)}\n    >\n      {leadingSlot ? (\n        <span\n          className=\"pointer-events-none absolute left-3 top-1/2 z-1 flex -translate-y-1/2 text-slate-900 dark:text-slate-200 [&_svg]:size-4\"\n          aria-hidden\n        >\n          {leadingSlot}\n        </span>\n      ) : null}\n      <input\n        ref={ref}\n        id={controlId}\n        type={type ?? \"search\"}\n        autoComplete=\"off\"\n        spellCheck={false}\n        disabled={disabled}\n        value={value}\n        aria-label={ariaLabel ?? (combobox ? undefined : \"Search\")}\n        data-slot=\"search-bar-input\"\n        className={cn(\n          inputVariants({ appearance, size: inputSize, ring, as: \"input\" }),\n          leadingSlot ? \"pl-10\" : null,\n          inputClassName,\n          \"[&::-webkit-search-cancel-button]:hidden\",\n        )}\n        onChange={(event) => {\n          onChange?.(event);\n          onValueChange?.(event.target.value);\n        }}\n        {...(combobox\n          ? {\n              role: \"combobox\" as const,\n              \"aria-autocomplete\": \"list\" as const,\n              \"aria-controls\": comboboxListboxId,\n              \"aria-expanded\": comboboxExpanded ?? false,\n              ...(comboboxActiveOptionId\n                ? { \"aria-activedescendant\": comboboxActiveOptionId }\n                : {}),\n            }\n          : {})}\n        {...rest}\n      />\n    </div>\n  );\n};\n\nSearchBar.displayName = \"SearchBar\";\n","/**\n * Builds a stable DOM id for a listbox option so `aria-activedescendant` on the combobox\n * input can reference it. Safe for href-like `itemId` strings.\n */\nexport function searchSuggestionOptionDomId(\n  listboxId: string,\n  itemId: string,\n): string {\n  const safe = itemId.replace(/[^a-zA-Z0-9_-]/g, \"_\");\n  return `${listboxId}_opt_${safe}`;\n}\n","\"use client\";\n\nimport { Fragment } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { searchSuggestionOptionDomId } from \"./search-suggestion-utils\";\n\nimport type { SearchSuggestionListProps } from \"./types\";\n\nconst rowClassName =\n  \"flex w-full flex-col gap-0.5 rounded-lg px-3 py-2.5 text-left text-sm transition-colors dark:hover:bg-white/5 hover:bg-black/10 focus-visible:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50\";\n\nexport function SearchSuggestionList({\n  items,\n  onSelect,\n  activeId,\n  onActiveIdChange,\n  listboxId,\n  className,\n  listClassName,\n  emptyLabel,\n}: SearchSuggestionListProps) {\n  if (items.length === 0) {\n    return (\n      <div\n        data-slot=\"search-suggestion-list-empty\"\n        className={cn(\n          \"px-1 py-6 text-center text-sm text-slate-900 dark:text-slate-200\",\n          className,\n        )}\n      >\n        {emptyLabel ?? \"No matches.\"}\n      </div>\n    );\n  }\n\n  const useListbox = Boolean(listboxId);\n\n  const rows: Array<{\n    item: (typeof items)[number];\n    showGroup: boolean;\n  }> = [];\n  let lastGroupSeen: string | undefined;\n  for (const item of items) {\n    const showGroup = Boolean(item.group && item.group !== lastGroupSeen);\n    if (item.group) {\n      lastGroupSeen = item.group;\n    }\n    rows.push({ item, showGroup });\n  }\n\n  return (\n    <nav\n      data-slot=\"search-suggestion-list\"\n      aria-label=\"Search results\"\n      className={cn(\n        \"flex max-h-[min(50vh,360px)] flex-col gap-1 overflow-y-auto pr-1\",\n        className,\n      )}\n    >\n      <div\n        {...(useListbox\n          ? {\n              id: listboxId,\n              role: \"listbox\" as const,\n            }\n          : {})}\n        className={cn(\"flex flex-col gap-0.5\", listClassName)}\n      >\n        {rows.map(({ item, showGroup }) => {\n          const isActive = activeId === item.id;\n          const optionDomId =\n            useListbox && listboxId\n              ? searchSuggestionOptionDomId(listboxId, item.id)\n              : undefined;\n          return (\n            <Fragment key={item.id}>\n              {showGroup ? (\n                <div\n                  role=\"presentation\"\n                  className=\"sticky rounded-lg top-0 z-1 dark:bg-slate-950/95 bg-slate-50/95 px-2 pb-1 pt-2 text-xs font-semibold uppercase tracking-wide text-slate-900 dark:text-slate-200 backdrop-blur-sm\"\n                >\n                  {item.group}\n                </div>\n              ) : null}\n              <button\n                type=\"button\"\n                id={optionDomId}\n                role={useListbox ? \"option\" : undefined}\n                aria-selected={useListbox ? isActive : undefined}\n                data-active={isActive ? \"\" : undefined}\n                className={cn(rowClassName, isActive ? \"bg-white/5\" : null)}\n                onMouseEnter={() => onActiveIdChange?.(item.id)}\n                onFocus={() => onActiveIdChange?.(item.id)}\n                onClick={() => onSelect(item.id)}\n              >\n                <span className=\"font-medium text-slate-900 dark:text-slate-100\">\n                  {item.label}\n                </span>\n                {item.description ? (\n                  <span className=\"truncate text-xs text-slate-900 dark:text-slate-200\">\n                    {item.description}\n                  </span>\n                ) : null}\n              </button>\n            </Fragment>\n          );\n        })}\n      </div>\n    </nav>\n  );\n}\n\nSearchSuggestionList.displayName = \"SearchSuggestionList\";\n","import type { SearchFilterable } from \"./types\";\n\nexport type FilterSearchSuggestionsOptions = {\n  /** Maximum number of matches returned. */\n  maxResults?: number;\n};\n\n/**\n * Returns items whose label, description, href, or keywords contain the query (case-insensitive).\n * Whitespace-only query matches no items.\n */\nexport function filterSearchSuggestions<T extends SearchFilterable>({\n  query,\n  items,\n  options = { maxResults: 20 },\n}: {\n  query: string;\n  items: readonly T[];\n  options?: FilterSearchSuggestionsOptions;\n}): T[] {\n  const maxResults = options.maxResults ?? 20;\n  const normalized = query.trim().toLowerCase();\n  if (!normalized) {\n    return [];\n  }\n\n  const matches: T[] = [];\n  for (const item of items) {\n    const isMatch =\n      item.label.toLowerCase().includes(normalized) ||\n      item.description?.toLowerCase().includes(normalized) ||\n      item.href?.toLowerCase().includes(normalized) ||\n      item.keywords?.some((k) => k.toLowerCase().includes(normalized));\n\n    if (isMatch) {\n      matches.push(item);\n      if (matches.length >= maxResults || maxResults <= 0) {\n        break;\n      }\n    }\n  }\n  return matches;\n}\n"]}

package/dist/ui/search.mjs

@@ -1,6 +1,8 @@
 "use client";
-import { inputVariants } from '../chunk-KVQI5PLL.mjs';
+import { inputVariants } from '../chunk-ZFNVFMWG.mjs';
+import '../chunk-X3N4EVF7.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { useId, Fragment } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/ui/search.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/search/search-bar.tsx","../../src/ui/search/search-suggestion-utils.ts","../../src/ui/search/search-suggestion-list.tsx","../../src/ui/search/filter-search-suggestions.ts"],"names":["SearchBar","jsx","jsxs"],"mappings":"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","file":"search.mjs","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputVariants } from \"../inputs/variants\";\n\nimport type { SearchBarProps } from \"./types\";\n\nexport const SearchBar = function SearchBar({\n  value,\n  onValueChange,\n  leadingSlot,\n  className,\n  inputClassName,\n  appearance = \"default\",\n  inputSize = \"md\",\n  ring = true,\n  id,\n  onChange,\n  disabled,\n  type,\n  comboboxListboxId,\n  comboboxActiveOptionId,\n  comboboxExpanded,\n  \"aria-label\": ariaLabel,\n  ref,\n  ...rest\n}: SearchBarProps) {\n  const generatedId = useId();\n  const controlId = id ?? generatedId;\n  const combobox = Boolean(comboboxListboxId);\n\n  return (\n    <div\n      data-slot=\"search-bar\"\n      className={cn(\"relative flex w-full min-w-0 items-center\", className)}\n    >\n      {leadingSlot ? (\n        <span\n          className=\"pointer-events-none absolute left-3 top-1/2 z-1 flex -translate-y-1/2 text-slate-900 dark:text-slate-200 [&_svg]:size-4\"\n          aria-hidden\n        >\n          {leadingSlot}\n        </span>\n      ) : null}\n      <input\n        ref={ref}\n        id={controlId}\n        type={type ?? \"search\"}\n        autoComplete=\"off\"\n        spellCheck={false}\n        disabled={disabled}\n        value={value}\n        aria-label={ariaLabel ?? (combobox ? undefined : \"Search\")}\n        data-slot=\"search-bar-input\"\n        className={cn(\n          inputVariants({ appearance, size: inputSize, ring, as: \"input\" }),\n          leadingSlot ? \"pl-10\" : null,\n          inputClassName,\n          \"[&::-webkit-search-cancel-button]:hidden\",\n        )}\n        onChange={(event) => {\n          onChange?.(event);\n          onValueChange?.(event.target.value);\n        }}\n        {...(combobox\n          ? {\n              role: \"combobox\" as const,\n              \"aria-autocomplete\": \"list\" as const,\n              \"aria-controls\": comboboxListboxId,\n              \"aria-expanded\": comboboxExpanded ?? false,\n              ...(comboboxActiveOptionId\n                ? { \"aria-activedescendant\": comboboxActiveOptionId }\n                : {}),\n            }\n          : {})}\n        {...rest}\n      />\n    </div>\n  );\n};\n\nSearchBar.displayName = \"SearchBar\";\n","/**\n * Builds a stable DOM id for a listbox option so `aria-activedescendant` on the combobox\n * input can reference it. Safe for href-like `itemId` strings.\n */\nexport function searchSuggestionOptionDomId(\n  listboxId: string,\n  itemId: string,\n): string {\n  const safe = itemId.replace(/[^a-zA-Z0-9_-]/g, \"_\");\n  return `${listboxId}_opt_${safe}`;\n}\n","\"use client\";\n\nimport { Fragment } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { searchSuggestionOptionDomId } from \"./search-suggestion-utils\";\n\nimport type { SearchSuggestionListProps } from \"./types\";\n\nconst rowClassName =\n  \"flex w-full flex-col gap-0.5 rounded-lg px-3 py-2.5 text-left text-sm transition-colors dark:hover:bg-white/5 hover:bg-black/10 focus-visible:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50\";\n\nexport function SearchSuggestionList({\n  items,\n  onSelect,\n  activeId,\n  onActiveIdChange,\n  listboxId,\n  className,\n  listClassName,\n  emptyLabel,\n}: SearchSuggestionListProps) {\n  if (items.length === 0) {\n    return (\n      <div\n        data-slot=\"search-suggestion-list-empty\"\n        className={cn(\n          \"px-1 py-6 text-center text-sm text-slate-900 dark:text-slate-200\",\n          className,\n        )}\n      >\n        {emptyLabel ?? \"No matches.\"}\n      </div>\n    );\n  }\n\n  const useListbox = Boolean(listboxId);\n\n  const rows: Array<{\n    item: (typeof items)[number];\n    showGroup: boolean;\n  }> = [];\n  let lastGroupSeen: string | undefined;\n  for (const item of items) {\n    const showGroup = Boolean(item.group && item.group !== lastGroupSeen);\n    if (item.group) {\n      lastGroupSeen = item.group;\n    }\n    rows.push({ item, showGroup });\n  }\n\n  return (\n    <nav\n      data-slot=\"search-suggestion-list\"\n      aria-label=\"Search results\"\n      className={cn(\n        \"flex max-h-[min(50vh,360px)] flex-col gap-1 overflow-y-auto pr-1\",\n        className,\n      )}\n    >\n      <div\n        {...(useListbox\n          ? {\n              id: listboxId,\n              role: \"listbox\" as const,\n            }\n          : {})}\n        className={cn(\"flex flex-col gap-0.5\", listClassName)}\n      >\n        {rows.map(({ item, showGroup }) => {\n          const isActive = activeId === item.id;\n          const optionDomId =\n            useListbox && listboxId\n              ? searchSuggestionOptionDomId(listboxId, item.id)\n              : undefined;\n          return (\n            <Fragment key={item.id}>\n              {showGroup ? (\n                <div\n                  role=\"presentation\"\n                  className=\"sticky rounded-lg top-0 z-1 dark:bg-slate-950/95 bg-slate-50/95 px-2 pb-1 pt-2 text-xs font-semibold uppercase tracking-wide text-slate-900 dark:text-slate-200 backdrop-blur-sm\"\n                >\n                  {item.group}\n                </div>\n              ) : null}\n              <button\n                type=\"button\"\n                id={optionDomId}\n                role={useListbox ? \"option\" : undefined}\n                aria-selected={useListbox ? isActive : undefined}\n                data-active={isActive ? \"\" : undefined}\n                className={cn(rowClassName, isActive ? \"bg-white/5\" : null)}\n                onMouseEnter={() => onActiveIdChange?.(item.id)}\n                onFocus={() => onActiveIdChange?.(item.id)}\n                onClick={() => onSelect(item.id)}\n              >\n                <span className=\"font-medium text-slate-900 dark:text-slate-100\">\n                  {item.label}\n                </span>\n                {item.description ? (\n                  <span className=\"truncate text-xs text-slate-900 dark:text-slate-200\">\n                    {item.description}\n                  </span>\n                ) : null}\n              </button>\n            </Fragment>\n          );\n        })}\n      </div>\n    </nav>\n  );\n}\n\nSearchSuggestionList.displayName = \"SearchSuggestionList\";\n","import type { SearchFilterable } from \"./types\";\n\nexport type FilterSearchSuggestionsOptions = {\n  /** Maximum number of matches returned. */\n  maxResults?: number;\n};\n\n/**\n * Returns items whose label, description, href, or keywords contain the query (case-insensitive).\n * Whitespace-only query matches no items.\n */\nexport function filterSearchSuggestions<T extends SearchFilterable>({\n  query,\n  items,\n  options = { maxResults: 20 },\n}: {\n  query: string;\n  items: readonly T[];\n  options?: FilterSearchSuggestionsOptions;\n}): T[] {\n  const maxResults = options.maxResults ?? 20;\n  const normalized = query.trim().toLowerCase();\n  if (!normalized) {\n    return [];\n  }\n\n  const matches: T[] = [];\n  for (const item of items) {\n    const isMatch =\n      item.label.toLowerCase().includes(normalized) ||\n      item.description?.toLowerCase().includes(normalized) ||\n      item.href?.toLowerCase().includes(normalized) ||\n      item.keywords?.some((k) => k.toLowerCase().includes(normalized));\n\n    if (isMatch) {\n      matches.push(item);\n      if (matches.length >= maxResults || maxResults <= 0) {\n        break;\n      }\n    }\n  }\n  return matches;\n}\n"]}
+{"version":3,"sources":["../../src/ui/search/search-bar.tsx","../../src/ui/search/search-suggestion-utils.ts","../../src/ui/search/search-suggestion-list.tsx","../../src/ui/search/filter-search-suggestions.ts"],"names":["SearchBar","jsx","jsxs"],"mappings":"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","file":"search.mjs","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputVariants } from \"../inputs/variants\";\n\nimport type { SearchBarProps } from \"./types\";\n\nexport const SearchBar = function SearchBar({\n  value,\n  onValueChange,\n  leadingSlot,\n  className,\n  inputClassName,\n  appearance = \"default\",\n  inputSize = \"md\",\n  ring = true,\n  id,\n  onChange,\n  disabled,\n  type,\n  comboboxListboxId,\n  comboboxActiveOptionId,\n  comboboxExpanded,\n  \"aria-label\": ariaLabel,\n  ref,\n  ...rest\n}: SearchBarProps) {\n  const generatedId = useId();\n  const controlId = id ?? generatedId;\n  const combobox = Boolean(comboboxListboxId);\n\n  return (\n    <div\n      data-slot=\"search-bar\"\n      className={cn(\"relative flex w-full min-w-0 items-center\", className)}\n    >\n      {leadingSlot ? (\n        <span\n          className=\"pointer-events-none absolute left-3 top-1/2 z-1 flex -translate-y-1/2 text-slate-900 dark:text-slate-200 [&_svg]:size-4\"\n          aria-hidden\n        >\n          {leadingSlot}\n        </span>\n      ) : null}\n      <input\n        ref={ref}\n        id={controlId}\n        type={type ?? \"search\"}\n        autoComplete=\"off\"\n        spellCheck={false}\n        disabled={disabled}\n        value={value}\n        aria-label={ariaLabel ?? (combobox ? undefined : \"Search\")}\n        data-slot=\"search-bar-input\"\n        className={cn(\n          inputVariants({ appearance, size: inputSize, ring, as: \"input\" }),\n          leadingSlot ? \"pl-10\" : null,\n          inputClassName,\n          \"[&::-webkit-search-cancel-button]:hidden\",\n        )}\n        onChange={(event) => {\n          onChange?.(event);\n          onValueChange?.(event.target.value);\n        }}\n        {...(combobox\n          ? {\n              role: \"combobox\" as const,\n              \"aria-autocomplete\": \"list\" as const,\n              \"aria-controls\": comboboxListboxId,\n              \"aria-expanded\": comboboxExpanded ?? false,\n              ...(comboboxActiveOptionId\n                ? { \"aria-activedescendant\": comboboxActiveOptionId }\n                : {}),\n            }\n          : {})}\n        {...rest}\n      />\n    </div>\n  );\n};\n\nSearchBar.displayName = \"SearchBar\";\n","/**\n * Builds a stable DOM id for a listbox option so `aria-activedescendant` on the combobox\n * input can reference it. Safe for href-like `itemId` strings.\n */\nexport function searchSuggestionOptionDomId(\n  listboxId: string,\n  itemId: string,\n): string {\n  const safe = itemId.replace(/[^a-zA-Z0-9_-]/g, \"_\");\n  return `${listboxId}_opt_${safe}`;\n}\n","\"use client\";\n\nimport { Fragment } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { searchSuggestionOptionDomId } from \"./search-suggestion-utils\";\n\nimport type { SearchSuggestionListProps } from \"./types\";\n\nconst rowClassName =\n  \"flex w-full flex-col gap-0.5 rounded-lg px-3 py-2.5 text-left text-sm transition-colors dark:hover:bg-white/5 hover:bg-black/10 focus-visible:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50\";\n\nexport function SearchSuggestionList({\n  items,\n  onSelect,\n  activeId,\n  onActiveIdChange,\n  listboxId,\n  className,\n  listClassName,\n  emptyLabel,\n}: SearchSuggestionListProps) {\n  if (items.length === 0) {\n    return (\n      <div\n        data-slot=\"search-suggestion-list-empty\"\n        className={cn(\n          \"px-1 py-6 text-center text-sm text-slate-900 dark:text-slate-200\",\n          className,\n        )}\n      >\n        {emptyLabel ?? \"No matches.\"}\n      </div>\n    );\n  }\n\n  const useListbox = Boolean(listboxId);\n\n  const rows: Array<{\n    item: (typeof items)[number];\n    showGroup: boolean;\n  }> = [];\n  let lastGroupSeen: string | undefined;\n  for (const item of items) {\n    const showGroup = Boolean(item.group && item.group !== lastGroupSeen);\n    if (item.group) {\n      lastGroupSeen = item.group;\n    }\n    rows.push({ item, showGroup });\n  }\n\n  return (\n    <nav\n      data-slot=\"search-suggestion-list\"\n      aria-label=\"Search results\"\n      className={cn(\n        \"flex max-h-[min(50vh,360px)] flex-col gap-1 overflow-y-auto pr-1\",\n        className,\n      )}\n    >\n      <div\n        {...(useListbox\n          ? {\n              id: listboxId,\n              role: \"listbox\" as const,\n            }\n          : {})}\n        className={cn(\"flex flex-col gap-0.5\", listClassName)}\n      >\n        {rows.map(({ item, showGroup }) => {\n          const isActive = activeId === item.id;\n          const optionDomId =\n            useListbox && listboxId\n              ? searchSuggestionOptionDomId(listboxId, item.id)\n              : undefined;\n          return (\n            <Fragment key={item.id}>\n              {showGroup ? (\n                <div\n                  role=\"presentation\"\n                  className=\"sticky rounded-lg top-0 z-1 dark:bg-slate-950/95 bg-slate-50/95 px-2 pb-1 pt-2 text-xs font-semibold uppercase tracking-wide text-slate-900 dark:text-slate-200 backdrop-blur-sm\"\n                >\n                  {item.group}\n                </div>\n              ) : null}\n              <button\n                type=\"button\"\n                id={optionDomId}\n                role={useListbox ? \"option\" : undefined}\n                aria-selected={useListbox ? isActive : undefined}\n                data-active={isActive ? \"\" : undefined}\n                className={cn(rowClassName, isActive ? \"bg-white/5\" : null)}\n                onMouseEnter={() => onActiveIdChange?.(item.id)}\n                onFocus={() => onActiveIdChange?.(item.id)}\n                onClick={() => onSelect(item.id)}\n              >\n                <span className=\"font-medium text-slate-900 dark:text-slate-100\">\n                  {item.label}\n                </span>\n                {item.description ? (\n                  <span className=\"truncate text-xs text-slate-900 dark:text-slate-200\">\n                    {item.description}\n                  </span>\n                ) : null}\n              </button>\n            </Fragment>\n          );\n        })}\n      </div>\n    </nav>\n  );\n}\n\nSearchSuggestionList.displayName = \"SearchSuggestionList\";\n","import type { SearchFilterable } from \"./types\";\n\nexport type FilterSearchSuggestionsOptions = {\n  /** Maximum number of matches returned. */\n  maxResults?: number;\n};\n\n/**\n * Returns items whose label, description, href, or keywords contain the query (case-insensitive).\n * Whitespace-only query matches no items.\n */\nexport function filterSearchSuggestions<T extends SearchFilterable>({\n  query,\n  items,\n  options = { maxResults: 20 },\n}: {\n  query: string;\n  items: readonly T[];\n  options?: FilterSearchSuggestionsOptions;\n}): T[] {\n  const maxResults = options.maxResults ?? 20;\n  const normalized = query.trim().toLowerCase();\n  if (!normalized) {\n    return [];\n  }\n\n  const matches: T[] = [];\n  for (const item of items) {\n    const isMatch =\n      item.label.toLowerCase().includes(normalized) ||\n      item.description?.toLowerCase().includes(normalized) ||\n      item.href?.toLowerCase().includes(normalized) ||\n      item.keywords?.some((k) => k.toLowerCase().includes(normalized));\n\n    if (isMatch) {\n      matches.push(item);\n      if (matches.length >= maxResults || maxResults <= 0) {\n        break;\n      }\n    }\n  }\n  return matches;\n}\n"]}

package/dist/ui/select/types.d.ts

@@ -1,12 +1,13 @@
 import type { VariantProps } from "class-variance-authority";
 import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
+import type { zuiSelectContentAppearances } from "../../design-system/select";
 import type { selectTriggerVariants } from "./variants";
 export type SelectOption = {
     label: ReactNode;
     value: string;
     disabled?: boolean;
 };
-export type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+export type SelectAppearance = keyof typeof zuiSelectContentAppearances;
 export type SelectContextType = {
     open: boolean;
     setOpen: (v: boolean) => void;

package/dist/ui/select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;AACtB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,GACxD,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,2BAA2B,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,GACxD,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC"}

package/dist/ui/select/variants.d.ts

@@ -1,13 +1,13 @@
 export declare const selectTriggerVariants: (props?: ({
-    variant?: "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | null | undefined;
+    variant?: "ruby" | "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "slate" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const selectItemVariants: (props?: ({
-    appearance?: "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | null | undefined;
+    appearance?: "ruby" | "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "slate" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const selectContentVariants: (props?: ({
-    appearance?: "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | null | undefined;
+    appearance?: "ruby" | "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "slate" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
     spacing?: "none" | "default" | "md" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/ui/select.js

@@ -1,129 +1,37 @@
 "use client";
 'use strict';
 
+var chunkFZET7XQV_js = require('../chunk-FZET7XQV.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
 var react = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/design-system/select.ts
-var zuiSelectTriggerBase = "flex items-center cursor-pointer justify-between rounded-md border transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-select-trigger-ring-focus,oklch(44.6%_0.03_256.802))] dark:focus-visible:ring-[var(--zui-select-trigger-ring-focus-dark,oklch(70.7%_0.022_261.325))] focus-visible:ring-offset-2";
-var zuiSelectTriggerVariants = {
-  default: "border-[color:var(--zui-select-trigger-default-border,oklch(87.2%_0.01_258.338))] dark:border-[color:var(--zui-select-trigger-default-border-dark,oklch(87.2%_0.01_258.338))] bg-[var(--zui-select-trigger-default-bg,#ffffff)] dark:bg-[var(--zui-select-trigger-default-bg-dark,#000000)] text-[color:var(--zui-select-trigger-default-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-default-fg-dark,#ffffff)]",
-  outline: "border-2 border-[color:var(--zui-select-trigger-outline-border,oklch(55.1%_0.027_264.364))] dark:border-[color:var(--zui-select-trigger-outline-border-dark,oklch(55.1%_0.027_264.364))] text-[color:var(--zui-select-trigger-outline-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-outline-fg-dark,oklch(96.7%_0.003_264.542))]",
-  ghost: "border-[color:var(--zui-select-trigger-ghost-border,transparent)] dark:border-[color:var(--zui-select-trigger-ghost-border-dark,transparent)] text-[color:var(--zui-select-trigger-ghost-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-ghost-fg-dark,oklch(96.7%_0.003_264.542))]",
-  sky: "border-[color:var(--zui-select-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-select-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-select-trigger-sky-fg,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-select-trigger-sky-fg-dark,oklch(58.8%_0.158_241.966))]",
-  rose: "border-[color:var(--zui-select-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-select-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-select-trigger-rose-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-select-trigger-rose-fg-dark,oklch(58.6%_0.253_17.585))]",
-  purple: "border-[color:var(--zui-select-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-select-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-select-trigger-purple-fg,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-select-trigger-purple-fg-dark,oklch(55.8%_0.288_302.321))]",
-  pink: "border-[color:var(--zui-select-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-select-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-select-trigger-pink-fg,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-select-trigger-pink-fg-dark,oklch(59.2%_0.249_0.584))]",
-  orange: "border-[color:var(--zui-select-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-select-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-select-trigger-orange-fg,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-select-trigger-orange-fg-dark,oklch(64.6%_0.222_41.116))]",
-  yellow: "border-[color:var(--zui-select-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-select-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-select-trigger-yellow-fg,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-select-trigger-yellow-fg-dark,oklch(68.1%_0.162_75.834))]",
-  teal: "border-[color:var(--zui-select-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-select-trigger-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-select-trigger-teal-fg,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-select-trigger-teal-fg-dark,oklch(60%_0.118_184.704))]",
-  indigo: "border-[color:var(--zui-select-trigger-indigo-border,oklch(58.5%_0.233_277.117))] dark:border-[color:var(--zui-select-trigger-indigo-border-dark,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-select-trigger-indigo-fg,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-select-trigger-indigo-fg-dark,oklch(58.5%_0.233_277.117))]",
-  emerald: "border-[color:var(--zui-select-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-select-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-select-trigger-emerald-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-select-trigger-emerald-fg-dark,oklch(59.6%_0.145_163.225))]",
-  glass: "border-[color:var(--zui-select-trigger-glass-border,#00000026)] dark:border-[color:var(--zui-select-trigger-glass-border-dark,#ffffff26)] bg-[var(--zui-select-trigger-glass-bg,#0000001a)] dark:bg-[var(--zui-select-trigger-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-select-trigger-glass-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-glass-fg-dark,#ffffff)] backdrop-blur-md",
-  "gradient-blue": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-blue-from,oklch(37.9%_0.146_265.522))] dark:from-[var(--zui-select-trigger-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-select-trigger-gradient-blue-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-trigger-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-blue-fg-dark,#ffffff)]",
-  "gradient-green": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-green-from,oklch(39.3%_0.095_152.535))] dark:from-[var(--zui-select-trigger-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-select-trigger-gradient-green-to,oklch(40.5%_0.101_131.063))] dark:to-[var(--zui-select-trigger-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-green-fg-dark,#ffffff)]",
-  "gradient-red": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-red-from,oklch(39.6%_0.141_25.723))] dark:from-[var(--zui-select-trigger-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-select-trigger-gradient-red-to,oklch(40.8%_0.153_2.432))] dark:to-[var(--zui-select-trigger-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-red-fg-dark,#ffffff)]",
-  "gradient-yellow": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-yellow-from,oklch(42.1%_0.095_57.708))] dark:from-[var(--zui-select-trigger-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-select-trigger-gradient-yellow-to,oklch(40.8%_0.123_38.172))] dark:to-[var(--zui-select-trigger-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-yellow-fg-dark,#ffffff)]",
-  "gradient-purple": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-purple-from,oklch(38.1%_0.176_304.987))] dark:from-[var(--zui-select-trigger-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-select-trigger-gradient-purple-to,oklch(40.8%_0.153_2.432))] dark:to-[var(--zui-select-trigger-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-purple-fg-dark,#ffffff)]",
-  "gradient-teal": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-teal-from,oklch(38.6%_0.063_188.416))] dark:from-[var(--zui-select-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-select-trigger-gradient-teal-to,oklch(39.8%_0.07_227.392))] dark:to-[var(--zui-select-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-teal-fg-dark,#ffffff)]",
-  "gradient-indigo": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-indigo-from,oklch(35.9%_0.144_278.697))] dark:from-[var(--zui-select-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-select-trigger-gradient-indigo-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-indigo-fg-dark,#ffffff)]",
-  "gradient-pink": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-pink-from,oklch(40.8%_0.153_2.432))] dark:from-[var(--zui-select-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-select-trigger-gradient-pink-to,oklch(41%_0.159_10.272))] dark:to-[var(--zui-select-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-pink-fg-dark,#ffffff)]",
-  "gradient-orange": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-orange-from,oklch(40.8%_0.123_38.172))] dark:from-[var(--zui-select-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-select-trigger-gradient-orange-to,oklch(39.6%_0.141_25.723))] dark:to-[var(--zui-select-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-orange-fg-dark,#ffffff)]"
-};
-var zuiSelectSizes = {
-  sm: "px-2 py-1 text-sm",
-  md: "px-3 py-2",
-  lg: "px-4 py-3 text-lg"
-};
-var zuiSelectItemBase = "cursor-pointer px-3 py-2 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-select-item-ring-focus,oklch(44.6%_0.03_256.802))] dark:focus-visible:ring-[var(--zui-select-item-ring-focus-dark,oklch(70.7%_0.022_261.325))] focus-visible:ring-inset";
-var zuiSelectItemAppearances = {
-  default: "bg-[var(--zui-select-item-default-bg,#ffffff)] dark:bg-[var(--zui-select-item-default-bg-dark,#000000)] text-[color:var(--zui-select-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-default-fg-dark,oklch(92.8%_0.006_264.531))] data-[selected=true]:bg-[var(--zui-select-item-default-bg,oklch(92.8%_0.006_264.531))] dark:data-[selected=true]:bg-[var(--zui-select-item-default-bg-dark,oklch(92.8%_0.006_264.531))] data-[selected=true]:text-[color:var(--zui-select-item-default-fg,oklch(37.3%_0.034_259.733))] dark:data-[selected=true]:text-[color:var(--zui-select-item-default-fg-dark,oklch(21%_0.034_264.665))]",
-  glass: "bg-[var(--zui-select-item-glass-bg,#0000001a)] dark:bg-[var(--zui-select-item-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-select-item-glass-fg,oklch(37.3%_0.034_259.733))] dark:text-[color:var(--zui-select-item-glass-fg-dark,oklch(21%_0.034_264.665))] data-[selected=true]:bg-[var(--zui-select-item-glass-bg,#0000001a)] dark:data-[selected=true]:bg-[var(--zui-select-item-glass-bg-dark,#ffffff1a)] data-[selected=true]:text-[color:var(--zui-select-item-glass-fg,oklch(37.3%_0.034_259.733))] dark:data-[selected=true]:text-[color:var(--zui-select-item-glass-fg-dark,oklch(21%_0.034_264.665))]",
-  outline: "border-2 border-[color:var(--zui-select-item-outline-border,oklch(55.1%_0.027_264.364))] dark:border-[color:var(--zui-select-item-outline-border-dark,oklch(55.1%_0.027_264.364))] text-[color:var(--zui-select-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-outline-fg-dark,oklch(96.7%_0.003_264.542))] data-[selected=true]:border-2 data-[selected=true]:border-[color:var(--zui-select-item-outline-border,oklch(55.1%_0.027_264.364))] dark:data-[selected=true]:border-[color:var(--zui-select-item-outline-border-dark,oklch(55.1%_0.027_264.364))] data-[selected=true]:bg-[var(--zui-select-item-outline-bg,oklch(92.8%_0.006_264.531))] dark:data-[selected=true]:bg-[var(--zui-select-item-outline-bg-dark,oklch(92.8%_0.006_264.531))] data-[selected=true]:text-[color:var(--zui-select-item-outline-fg,oklch(21%_0.034_264.665))] dark:data-[selected=true]:text-[color:var(--zui-select-item-outline-fg-dark,oklch(21%_0.034_264.665))]",
-  ghost: "border-[color:var(--zui-select-item-ghost-border,transparent)] dark:border-[color:var(--zui-select-item-ghost-border-dark,transparent)] text-[color:var(--zui-select-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))] data-[selected=true]:border-[color:var(--zui-select-item-ghost-border,transparent)] dark:data-[selected=true]:border-[color:var(--zui-select-item-ghost-border-dark,transparent)] data-[selected=true]:bg-[var(--zui-select-item-ghost-bg,transparent)] dark:data-[selected=true]:bg-[var(--zui-select-item-ghost-bg-dark,transparent)] data-[selected=true]:text-[color:var(--zui-select-item-ghost-fg,oklch(21%_0.034_264.665))] dark:data-[selected=true]:text-[color:var(--zui-select-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))]",
-  sky: "border-[color:var(--zui-select-item-sky-border,oklch(39.1%_0.09_240.876))] dark:border-[color:var(--zui-select-item-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-select-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-select-item-sky-fg-dark,oklch(90.1%_0.058_230.902))] data-[selected=true]:border-[color:var(--zui-select-item-sky-border,oklch(39.1%_0.09_240.876))] dark:data-[selected=true]:border-[color:var(--zui-select-item-sky-border-dark,oklch(58.8%_0.158_241.966))] data-[selected=true]:bg-[var(--zui-select-item-sky-bg,oklch(90.1%_0.058_230.902))] dark:data-[selected=true]:bg-[var(--zui-select-item-sky-bg-dark,oklch(90.1%_0.058_230.902))] data-[selected=true]:text-[color:var(--zui-select-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:data-[selected=true]:text-[color:var(--zui-select-item-sky-fg-dark,oklch(39.1%_0.09_240.876))]",
-  rose: "border-[color:var(--zui-select-item-rose-border,oklch(41%_0.159_10.272))] dark:border-[color:var(--zui-select-item-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-select-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-select-item-rose-fg-dark,oklch(89.2%_0.058_10.001))] data-[selected=true]:border-[color:var(--zui-select-item-rose-border,oklch(41%_0.159_10.272))] dark:data-[selected=true]:border-[color:var(--zui-select-item-rose-border-dark,oklch(58.6%_0.253_17.585))] data-[selected=true]:bg-[var(--zui-select-item-rose-bg,oklch(89.2%_0.058_10.001))] dark:data-[selected=true]:bg-[var(--zui-select-item-rose-bg-dark,oklch(89.2%_0.058_10.001))] data-[selected=true]:text-[color:var(--zui-select-item-rose-fg,oklch(41%_0.159_10.272))] dark:data-[selected=true]:text-[color:var(--zui-select-item-rose-fg-dark,oklch(41%_0.159_10.272))]",
-  purple: "border-[color:var(--zui-select-item-purple-border,oklch(38.1%_0.176_304.987))] dark:border-[color:var(--zui-select-item-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-select-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-select-item-purple-fg-dark,oklch(90.2%_0.063_306.703))] data-[selected=true]:border-[color:var(--zui-select-item-purple-border,oklch(38.1%_0.176_304.987))] dark:data-[selected=true]:border-[color:var(--zui-select-item-purple-border-dark,oklch(55.8%_0.288_302.321))] data-[selected=true]:bg-[var(--zui-select-item-purple-bg,oklch(90.2%_0.063_306.703))] dark:data-[selected=true]:bg-[var(--zui-select-item-purple-bg-dark,oklch(90.2%_0.063_306.703))] data-[selected=true]:text-[color:var(--zui-select-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:data-[selected=true]:text-[color:var(--zui-select-item-purple-fg-dark,oklch(38.1%_0.176_304.987))]",
-  pink: "border-[color:var(--zui-select-item-pink-border,oklch(40.8%_0.153_2.432))] dark:border-[color:var(--zui-select-item-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-select-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-select-item-pink-fg-dark,oklch(89.9%_0.061_343.231))] data-[selected=true]:border-[color:var(--zui-select-item-pink-border,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:border-[color:var(--zui-select-item-pink-border-dark,oklch(59.2%_0.249_0.584))] data-[selected=true]:bg-[var(--zui-select-item-pink-bg,oklch(89.9%_0.061_343.231))] dark:data-[selected=true]:bg-[var(--zui-select-item-pink-bg-dark,oklch(89.9%_0.061_343.231))] data-[selected=true]:text-[color:var(--zui-select-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:text-[color:var(--zui-select-item-pink-fg-dark,oklch(40.8%_0.153_2.432))]",
-  orange: "border-[color:var(--zui-select-item-orange-border,oklch(40.8%_0.123_38.172))] dark:border-[color:var(--zui-select-item-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-select-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-select-item-orange-fg-dark,oklch(90.1%_0.076_70.697))] data-[selected=true]:border-[color:var(--zui-select-item-orange-border,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:border-[color:var(--zui-select-item-orange-border-dark,oklch(64.6%_0.222_41.116))] data-[selected=true]:bg-[var(--zui-select-item-orange-bg,oklch(90.1%_0.076_70.697))] dark:data-[selected=true]:bg-[var(--zui-select-item-orange-bg-dark,oklch(90.1%_0.076_70.697))] data-[selected=true]:text-[color:var(--zui-select-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:text-[color:var(--zui-select-item-orange-fg-dark,oklch(40.8%_0.123_38.172))]",
-  yellow: "border-[color:var(--zui-select-item-yellow-border,oklch(42.1%_0.095_57.708))] dark:border-[color:var(--zui-select-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-select-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-select-item-yellow-fg-dark,oklch(94.5%_0.129_101.54))] data-[selected=true]:border-[color:var(--zui-select-item-yellow-border,oklch(42.1%_0.095_57.708))] dark:data-[selected=true]:border-[color:var(--zui-select-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] data-[selected=true]:bg-[var(--zui-select-item-yellow-bg,oklch(94.5%_0.129_101.54))] dark:data-[selected=true]:bg-[var(--zui-select-item-yellow-bg-dark,oklch(94.5%_0.129_101.54))] data-[selected=true]:text-[color:var(--zui-select-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:data-[selected=true]:text-[color:var(--zui-select-item-yellow-fg-dark,oklch(42.1%_0.095_57.708))]",
-  teal: "border-[color:var(--zui-select-item-teal-border,oklch(38.6%_0.063_188.416))] dark:border-[color:var(--zui-select-item-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-select-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-select-item-teal-fg-dark,oklch(91%_0.096_180.426))] data-[selected=true]:border-[color:var(--zui-select-item-teal-border,oklch(38.6%_0.063_188.416))] dark:data-[selected=true]:border-[color:var(--zui-select-item-teal-border-dark,oklch(60%_0.118_184.704))] data-[selected=true]:bg-[var(--zui-select-item-teal-bg,oklch(91%_0.096_180.426))] dark:data-[selected=true]:bg-[var(--zui-select-item-teal-bg-dark,oklch(91%_0.096_180.426))] data-[selected=true]:text-[color:var(--zui-select-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:data-[selected=true]:text-[color:var(--zui-select-item-teal-fg-dark,oklch(38.6%_0.063_188.416))]",
-  indigo: "border-[color:var(--zui-select-item-indigo-border,oklch(35.9%_0.144_278.697))] dark:border-[color:var(--zui-select-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-select-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-select-item-indigo-fg-dark,oklch(87%_0.065_274.039))] data-[selected=true]:border-[color:var(--zui-select-item-indigo-border,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:border-[color:var(--zui-select-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] data-[selected=true]:bg-[var(--zui-select-item-indigo-bg,oklch(87%_0.065_274.039))] dark:data-[selected=true]:bg-[var(--zui-select-item-indigo-bg-dark,oklch(87%_0.065_274.039))] data-[selected=true]:text-[color:var(--zui-select-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:text-[color:var(--zui-select-item-indigo-fg-dark,oklch(35.9%_0.144_278.697))]",
-  emerald: "border-[color:var(--zui-select-item-emerald-border,oklch(37.8%_0.077_168.94))] dark:border-[color:var(--zui-select-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-select-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-select-item-emerald-fg-dark,oklch(90.5%_0.093_164.15))] data-[selected=true]:border-[color:var(--zui-select-item-emerald-border,oklch(37.8%_0.077_168.94))] dark:data-[selected=true]:border-[color:var(--zui-select-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] data-[selected=true]:bg-[var(--zui-select-item-emerald-bg,oklch(90.5%_0.093_164.15))] dark:data-[selected=true]:bg-[var(--zui-select-item-emerald-bg-dark,oklch(90.5%_0.093_164.15))] data-[selected=true]:text-[color:var(--zui-select-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:data-[selected=true]:text-[color:var(--zui-select-item-emerald-fg-dark,oklch(37.8%_0.077_168.94))]",
-  "gradient-blue": "bg-[var(--zui-select-item-gradient-blue-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-blue-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-blue-fg,oklch(97%_0.014_254.604))] dark:text-[color:var(--zui-select-item-gradient-blue-fg-dark,oklch(97%_0.014_254.604))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-blue-from,oklch(97%_0.014_254.604))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-blue-from-dark,oklch(97%_0.014_254.604))] data-[selected=true]:to-[var(--zui-select-item-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-blue-to-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-blue-fg-dark,oklch(37.9%_0.146_265.522))]",
-  "gradient-green": "bg-[var(--zui-select-item-gradient-green-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-green-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-green-fg,oklch(98.2%_0.018_155.826))] dark:text-[color:var(--zui-select-item-gradient-green-fg-dark,oklch(98.2%_0.018_155.826))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-green-from-dark,oklch(98.2%_0.018_155.826))] data-[selected=true]:to-[var(--zui-select-item-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-green-to-dark,oklch(98.6%_0.031_120.757))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-green-fg-dark,oklch(39.3%_0.095_152.535))]",
-  "gradient-red": "bg-[var(--zui-select-item-gradient-red-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-red-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-red-fg,oklch(97.1%_0.013_17.38))] dark:text-[color:var(--zui-select-item-gradient-red-fg-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-red-from-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:to-[var(--zui-select-item-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-red-to-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-red-fg-dark,oklch(39.6%_0.141_25.723))]",
-  "gradient-yellow": "bg-[var(--zui-select-item-gradient-yellow-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-yellow-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-yellow-fg,oklch(98.7%_0.026_102.212))] dark:text-[color:var(--zui-select-item-gradient-yellow-fg-dark,oklch(98.7%_0.026_102.212))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-yellow-from-dark,oklch(98.7%_0.026_102.212))] data-[selected=true]:to-[var(--zui-select-item-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-yellow-to-dark,oklch(98%_0.016_73.684))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-yellow-fg-dark,oklch(42.1%_0.095_57.708))]",
-  "gradient-purple": "bg-[var(--zui-select-item-gradient-purple-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-purple-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-purple-fg,oklch(97.7%_0.014_308.299))] dark:text-[color:var(--zui-select-item-gradient-purple-fg-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-purple-from-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:to-[var(--zui-select-item-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-purple-to-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-purple-fg-dark,oklch(38.1%_0.176_304.987))]",
-  "gradient-teal": "bg-[var(--zui-select-item-gradient-teal-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-teal-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-teal-fg,oklch(98.4%_0.014_180.72))] dark:text-[color:var(--zui-select-item-gradient-teal-fg-dark,oklch(98.4%_0.014_180.72))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-teal-from-dark,oklch(98.4%_0.014_180.72))] data-[selected=true]:to-[var(--zui-select-item-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-teal-to-dark,oklch(98.4%_0.019_200.873))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-teal-fg-dark,oklch(38.6%_0.063_188.416))]",
-  "gradient-indigo": "bg-[var(--zui-select-item-gradient-indigo-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-indigo-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-indigo-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-select-item-gradient-indigo-fg-dark,oklch(96.2%_0.018_272.314))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-indigo-from-dark,oklch(96.2%_0.018_272.314))] data-[selected=true]:to-[var(--zui-select-item-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-indigo-to-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-indigo-fg-dark,oklch(35.9%_0.144_278.697))]",
-  "gradient-pink": "bg-[var(--zui-select-item-gradient-pink-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-pink-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-pink-fg,oklch(97.1%_0.014_343.198))] dark:text-[color:var(--zui-select-item-gradient-pink-fg-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-pink-from-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:to-[var(--zui-select-item-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-pink-to-dark,oklch(96.9%_0.015_12.422))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-pink-fg-dark,oklch(40.8%_0.153_2.432))]",
-  "gradient-orange": "bg-[var(--zui-select-item-gradient-orange-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-orange-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-orange-fg,oklch(98%_0.016_73.684))] dark:text-[color:var(--zui-select-item-gradient-orange-fg-dark,oklch(98%_0.016_73.684))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-orange-from,oklch(98%_0.016_73.684))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-orange-from-dark,oklch(98%_0.016_73.684))] data-[selected=true]:to-[var(--zui-select-item-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-orange-to-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-orange-fg-dark,oklch(40.8%_0.123_38.172))]"
-};
-var zuiSelectDisabled = {
-  true: "opacity-50 cursor-not-allowed"
-};
-var zuiSelectContentBase = "absolute z-10 mt-2 w-full rounded-md border bg-[var(--zui-select-content-bg,#ffffff)] dark:bg-[var(--zui-select-content-bg-dark,#000000)] shadow-md";
-var zuiSelectContentAppearances = {
-  default: "bg-[var(--zui-select-content-default-bg,#ffffff)] dark:bg-[var(--zui-select-content-default-bg-dark,#000000)] shadow-md",
-  glass: "bg-[var(--zui-select-content-glass-bg,#0000001a)] dark:bg-[var(--zui-select-content-glass-bg-dark,#ffffff1a)] backdrop-blur-md",
-  outline: "border-2 border-[color:var(--zui-select-content-outline-border,oklch(55.1%_0.027_264.364))] dark:border-[color:var(--zui-select-content-outline-border-dark,oklch(55.1%_0.027_264.364))]",
-  ghost: "border-[color:var(--zui-select-content-ghost-border,transparent)] dark:border-[color:var(--zui-select-content-ghost-border-dark,transparent)]",
-  sky: "border-[color:var(--zui-select-content-sky-border,oklch(39.1%_0.09_240.876))] dark:border-[color:var(--zui-select-content-sky-border-dark,oklch(58.8%_0.158_241.966))]",
-  rose: "border-[color:var(--zui-select-content-rose-border,oklch(41%_0.159_10.272))] dark:border-[color:var(--zui-select-content-rose-border-dark,oklch(58.6%_0.253_17.585))]",
-  purple: "border-[color:var(--zui-select-content-purple-border,oklch(38.1%_0.176_304.987))] dark:border-[color:var(--zui-select-content-purple-border-dark,oklch(55.8%_0.288_302.321))]",
-  pink: "border-[color:var(--zui-select-content-pink-border,oklch(40.8%_0.153_2.432))] dark:border-[color:var(--zui-select-content-pink-border-dark,oklch(59.2%_0.249_0.584))]",
-  orange: "border-[color:var(--zui-select-content-orange-border,oklch(40.8%_0.123_38.172))] dark:border-[color:var(--zui-select-content-orange-border-dark,oklch(64.6%_0.222_41.116))]",
-  yellow: "border-[color:var(--zui-select-content-yellow-border,oklch(42.1%_0.095_57.708))] dark:border-[color:var(--zui-select-content-yellow-border-dark,oklch(68.1%_0.162_75.834))]",
-  teal: "border-[color:var(--zui-select-content-teal-border,oklch(38.6%_0.063_188.416))] dark:border-[color:var(--zui-select-content-teal-border-dark,oklch(60%_0.118_184.704))]",
-  indigo: "border-[color:var(--zui-select-content-indigo-border,oklch(35.9%_0.144_278.697))] dark:border-[color:var(--zui-select-content-indigo-border-dark,oklch(51.1%_0.262_276.966))]",
-  emerald: "border-[color:var(--zui-select-content-emerald-border,oklch(37.8%_0.077_168.94))] dark:border-[color:var(--zui-select-content-emerald-border-dark,oklch(59.6%_0.145_163.225))]",
-  "gradient-blue": "bg-linear-to-r from-[var(--zui-select-content-gradient-blue-from,oklch(37.9%_0.146_265.522))] dark:from-[var(--zui-select-content-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-select-content-gradient-blue-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-content-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl",
-  "gradient-green": "bg-linear-to-r from-[var(--zui-select-content-gradient-green-from,oklch(39.3%_0.095_152.535))] dark:from-[var(--zui-select-content-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-select-content-gradient-green-to,oklch(40.5%_0.101_131.063))] dark:to-[var(--zui-select-content-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] backdrop-blur-xl",
-  "gradient-red": "bg-linear-to-r from-[var(--zui-select-content-gradient-red-from,oklch(39.6%_0.141_25.723))] dark:from-[var(--zui-select-content-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-select-content-gradient-red-to,oklch(40.8%_0.153_2.432))] dark:to-[var(--zui-select-content-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl",
-  "gradient-yellow": "bg-linear-to-r from-[var(--zui-select-content-gradient-yellow-from,oklch(42.1%_0.095_57.708))] dark:from-[var(--zui-select-content-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-select-content-gradient-yellow-to,oklch(40.8%_0.123_38.172))] dark:to-[var(--zui-select-content-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] backdrop-blur-xl",
-  "gradient-purple": "bg-linear-to-r from-[var(--zui-select-content-gradient-purple-from,oklch(38.1%_0.176_304.987))] dark:from-[var(--zui-select-content-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-select-content-gradient-purple-to,oklch(40.8%_0.153_2.432))] dark:to-[var(--zui-select-content-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl",
-  "gradient-teal": "bg-linear-to-r from-[var(--zui-select-content-gradient-teal-from,oklch(38.6%_0.063_188.416))] dark:from-[var(--zui-select-content-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-select-content-gradient-teal-to,oklch(39.8%_0.07_227.392))] dark:to-[var(--zui-select-content-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] backdrop-blur-xl",
-  "gradient-indigo": "bg-linear-to-r from-[var(--zui-select-content-gradient-indigo-from,oklch(35.9%_0.144_278.697))] dark:from-[var(--zui-select-content-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-select-content-gradient-indigo-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-content-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl",
-  "gradient-pink": "bg-linear-to-r from-[var(--zui-select-content-gradient-pink-from,oklch(40.8%_0.153_2.432))] dark:from-[var(--zui-select-content-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-select-content-gradient-pink-to,oklch(41%_0.159_10.272))] dark:to-[var(--zui-select-content-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] backdrop-blur-xl",
-  "gradient-orange": "bg-linear-to-r from-[var(--zui-select-content-gradient-orange-from,oklch(40.8%_0.123_38.172))] dark:from-[var(--zui-select-content-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-select-content-gradient-orange-to,oklch(39.6%_0.141_25.723))] dark:to-[var(--zui-select-content-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] backdrop-blur-xl"
-};
-var zuiSelectSpacing = {
-  none: "space-y-0",
-  default: "space-y-1",
-  sm: "space-y-2",
-  md: "space-y-3",
-  lg: "space-y-4",
-  xl: "space-y-5"
-};
-
-// src/ui/select/variants.ts
-var selectTriggerVariants = classVarianceAuthority.cva(zuiSelectTriggerBase, {
+var selectTriggerVariants = classVarianceAuthority.cva(chunkFZET7XQV_js.zuiSelectTriggerBase, {
   variants: {
-    variant: zuiSelectTriggerVariants,
-    size: zuiSelectSizes
+    variant: chunkFZET7XQV_js.zuiSelectTriggerVariants,
+    size: chunkFZET7XQV_js.zuiSelectSizes
   },
   defaultVariants: {
     variant: "default",
     size: "md"
   }
 });
-var selectItemVariants = classVarianceAuthority.cva(zuiSelectItemBase, {
+var selectItemVariants = classVarianceAuthority.cva(chunkFZET7XQV_js.zuiSelectItemBase, {
   variants: {
-    appearance: zuiSelectItemAppearances,
-    disabled: zuiSelectDisabled
+    appearance: chunkFZET7XQV_js.zuiSelectItemAppearances,
+    disabled: chunkFZET7XQV_js.zuiSelectDisabled
   },
   defaultVariants: {
     appearance: "default"
   }
 });
-var selectContentVariants = classVarianceAuthority.cva(zuiSelectContentBase, {
+var selectContentVariants = classVarianceAuthority.cva(chunkFZET7XQV_js.zuiSelectContentBase, {
   variants: {
-    appearance: zuiSelectContentAppearances,
-    size: zuiSelectSizes,
-    spacing: zuiSelectSpacing
+    appearance: chunkFZET7XQV_js.zuiSelectContentAppearances,
+    size: chunkFZET7XQV_js.zuiSelectSizes,
+    spacing: chunkFZET7XQV_js.zuiSelectSpacing
   },
   defaultVariants: {
     appearance: "default",