@zentauri-ui/zentauri-components 1.7.4 → 1.7.6

package/dist/ui/select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/select.ts","../../src/ui/select/variants.ts","../../src/ui/select/select.tsx"],"names":["cva","createContext","useContext","useId","useState","useRef","useEffect","useCallback","jsx","cn","jsxs"],"mappings":"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","file":"select.js","sourcesContent":["export const zuiSelectTriggerBase =\n  \"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\";\n\nexport const zuiSelectTriggerVariants = {\n  default:\n    \"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)]\",\n  outline:\n    \"border-2 border-[color:var(--zui-select-trigger-outline-border,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))]\",\n  ghost:\n    \"border-[color:var(--zui-select-trigger-ghost-border,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))]\",\n  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))]\",\n  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))]\",\n  purple:\n    \"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))]\",\n  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))]\",\n  orange:\n    \"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))]\",\n  yellow:\n    \"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))]\",\n  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))]\",\n  indigo:\n    \"border-[color:var(--zui-select-trigger-indigo-border,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-select-trigger-indigo-fg,oklch(25.7%_0.09_281.288))]\",\n  emerald:\n    \"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))]\",\n  glass:\n    \"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\",\n  \"gradient-blue\":\n    \"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)]\",\n  \"gradient-green\":\n    \"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)]\",\n  \"gradient-red\":\n    \"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)]\",\n  \"gradient-yellow\":\n    \"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)]\",\n  \"gradient-purple\":\n    \"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)]\",\n  \"gradient-teal\":\n    \"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)]\",\n  \"gradient-indigo\":\n    \"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)]\",\n  \"gradient-pink\":\n    \"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)]\",\n  \"gradient-orange\":\n    \"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)]\",\n} as const;\n\nexport const zuiSelectSizes = {\n  sm: \"px-2 py-1 text-sm\",\n  md: \"px-3 py-2\",\n  lg: \"px-4 py-3 text-lg\",\n} as const;\n\nexport const zuiSelectItemBase =\n  \"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\";\n\nexport const zuiSelectItemAppearances = {\n  default:\n    \"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))] 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))]\",\n  glass:\n    \"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))]\",\n  outline:\n    \"border-2 border-[color:var(--zui-select-item-outline-border,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))] data-[selected=true]:bg-[var(--zui-select-item-outline-bg,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))]\",\n  ghost:\n    \"border-[color:var(--zui-select-item-ghost-border,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)] data-[selected=true]:bg-[var(--zui-select-item-ghost-bg,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))]\",\n  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))] 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))]\",\n  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))] 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))]\",\n  purple:\n    \"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))] 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))]\",\n  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))] 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))]\",\n  orange:\n    \"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))] 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))]\",\n  yellow:\n    \"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))] 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))]\",\n  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))] 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))]\",\n  indigo:\n    \"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))] 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))]\",\n  emerald:\n    \"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))] 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))]\",\n  \"gradient-blue\":\n    \"bg-[var(--zui-select-item-gradient-blue-bg,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))]\",\n  \"gradient-green\":\n    \"bg-[var(--zui-select-item-gradient-green-bg,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))]\",\n  \"gradient-red\":\n    \"bg-[var(--zui-select-item-gradient-red-bg,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))]\",\n  \"gradient-yellow\":\n    \"bg-[var(--zui-select-item-gradient-yellow-bg,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))]\",\n  \"gradient-purple\":\n    \"bg-[var(--zui-select-item-gradient-purple-bg,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))]\",\n  \"gradient-teal\":\n    \"bg-[var(--zui-select-item-gradient-teal-bg,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))]\",\n  \"gradient-indigo\":\n    \"bg-[var(--zui-select-item-gradient-indigo-bg,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))]\",\n  \"gradient-pink\":\n    \"bg-[var(--zui-select-item-gradient-pink-bg,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))]\",\n  \"gradient-orange\":\n    \"bg-[var(--zui-select-item-gradient-orange-bg,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))]\",\n} as const;\n\nexport const zuiSelectDisabled = {\n  true: \"opacity-50 cursor-not-allowed\",\n} as const;\n\nexport const zuiSelectContentBase =\n  \"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\";\n\nexport const zuiSelectContentAppearances = {\n  default:\n    \"bg-[var(--zui-select-content-default-bg,#ffffff)] dark:bg-[var(--zui-select-content-default-bg-dark,#000000)] shadow-md\",\n  glass:\n    \"bg-[var(--zui-select-content-glass-bg,#0000001a)] dark:bg-[var(--zui-select-content-glass-bg-dark,#ffffff1a)] backdrop-blur-md\",\n  outline:\n    \"border-2 border-[color:var(--zui-select-content-outline-border,oklch(55.1%_0.027_264.364))]\",\n  ghost: \"border-[color:var(--zui-select-content-ghost-border,transparent)]\",\n  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))]\",\n  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))]\",\n  purple:\n    \"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))]\",\n  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))]\",\n  orange:\n    \"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))]\",\n  yellow:\n    \"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))]\",\n  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))]\",\n  indigo:\n    \"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))]\",\n  emerald:\n    \"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))]\",\n  \"gradient-blue\":\n    \"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\",\n  \"gradient-green\":\n    \"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\",\n  \"gradient-red\":\n    \"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\",\n  \"gradient-yellow\":\n    \"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\",\n  \"gradient-purple\":\n    \"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\",\n  \"gradient-teal\":\n    \"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\",\n  \"gradient-indigo\":\n    \"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\",\n  \"gradient-pink\":\n    \"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\",\n  \"gradient-orange\":\n    \"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\",\n} as const;\n\nexport const zuiSelectSpacing = {\n  none: \"space-y-0\",\n  default: \"space-y-1\",\n  sm: \"space-y-2\",\n  md: \"space-y-3\",\n  lg: \"space-y-4\",\n  xl: \"space-y-5\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSelectContentAppearances,\n  zuiSelectContentBase,\n  zuiSelectDisabled,\n  zuiSelectItemAppearances,\n  zuiSelectItemBase,\n  zuiSelectSizes,\n  zuiSelectSpacing,\n  zuiSelectTriggerBase,\n  zuiSelectTriggerVariants,\n} from \"../../design-system/select\";\n\nexport const selectTriggerVariants = cva(zuiSelectTriggerBase, {\n  variants: {\n    variant: zuiSelectTriggerVariants,\n    size: zuiSelectSizes,\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const selectItemVariants = cva(zuiSelectItemBase, {\n  variants: {\n    appearance: zuiSelectItemAppearances,\n    disabled: zuiSelectDisabled,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const selectContentVariants = cva(zuiSelectContentBase, {\n  variants: {\n    appearance: zuiSelectContentAppearances,\n    size: zuiSelectSizes,\n    spacing: zuiSelectSpacing,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    spacing: \"default\",\n  },\n});\n","\"use client\";\nimport { useState, useEffect, useCallback, useRef, useId } from \"react\";\nimport {\n  SelectProps,\n  SelectOption,\n  SelectTriggerProps,\n  SelectContentProps,\n  SelectItemProps,\n  SelectValueProps,\n} from \"./types\";\nimport { createContext, useContext } from \"react\";\nimport { SelectContextType } from \"./types\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  selectContentVariants,\n  selectItemVariants,\n  selectTriggerVariants,\n} from \"./variants\";\n\nexport const SelectContext = createContext<SelectContextType | null>(null);\n\nexport const useSelect = () => {\n  const ctx = useContext(SelectContext);\n  if (!ctx) throw new Error(\"Select components must be used inside Select\");\n  return ctx;\n};\n\nexport const Select = ({\n  children,\n  value,\n  defaultValue = [],\n  onChange,\n  multiple = true,\n}: SelectProps) => {\n  const listboxId = `${useId()}-listbox`;\n  const [internal, setInternal] = useState<string[]>(defaultValue);\n  const [open, setOpen] = useState(false);\n  const [options, setOptions] = useState<SelectOption[]>([]);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const selected = value ?? internal;\n\n  useEffect(() => {\n    if (!open) return;\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const root = rootRef.current;\n      if (!root) return;\n      const target = event.target;\n      if (target instanceof Node && !root.contains(target)) {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, [open]);\n\n  const setSelected = (vals: string[]) => {\n    if (value !== undefined) {\n      onChange?.(vals);\n    } else {\n      setInternal(vals);\n      onChange?.(vals);\n    }\n  };\n\n  const toggleValue = (val: string) => {\n    if (multiple) {\n      if (selected.includes(val)) {\n        setSelected(selected.filter((v) => v !== val));\n      } else {\n        setSelected([...selected, val]);\n      }\n    } else {\n      setSelected([val]);\n      setOpen(false);\n    }\n  };\n\n  const isSelected = (val: string) => selected.includes(val);\n\n  const registerOption = useCallback((opt: SelectOption) => {\n    setOptions((prev) => {\n      if (prev.find((o) => o.value === opt.value)) return prev;\n      return [...prev, opt];\n    });\n  }, []);\n\n  return (\n    <SelectContext.Provider\n      value={{\n        open,\n        setOpen,\n        selected,\n        toggleValue,\n        isSelected,\n        registerOption,\n        options,\n        multiple,\n        listboxId,\n      }}\n    >\n      <div ref={rootRef} className=\"relative w-full\">\n        {children}\n      </div>\n    </SelectContext.Provider>\n  );\n};\n\nexport const SelectTrigger = ({\n  className,\n  variant,\n  size,\n  onClick,\n  ...props\n}: SelectTriggerProps) => {\n  const { open, setOpen, listboxId } = useSelect();\n\n  return (\n    <button\n      type=\"button\"\n      aria-expanded={open}\n      aria-haspopup=\"listbox\"\n      aria-controls={listboxId}\n      className={cn(selectTriggerVariants({ variant, size }), className)}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          setOpen(!open);\n        }\n      }}\n    />\n  );\n};\n\nexport const SelectValue = ({\n  placeholder = \"Select...\",\n  className,\n  ...props\n}: SelectValueProps) => {\n  const { selected, options } = useSelect();\n\n  const selectedOptions = options.filter((o) => selected.includes(o.value));\n\n  if (selectedOptions.length === 0) {\n    return (\n      <span className={cn(className)} {...props}>\n        {placeholder}\n      </span>\n    );\n  }\n\n  return (\n    <span className={cn(className)} {...props}>\n      {selectedOptions.map((option, index) => (\n        <span key={option.value}>\n          {index > 0 ? \", \" : null}\n          {option.label}\n        </span>\n      ))}\n    </span>\n  );\n};\n\nexport const SelectContent = ({\n  children,\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  spacing = \"default\",\n  ...props\n}: SelectContentProps) => {\n  const { open, listboxId, multiple } = useSelect();\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const panel = panelRef.current;\n    if (!panel) {\n      return;\n    }\n    const opts = Array.from(\n      panel.querySelectorAll<HTMLElement>('[role=\"option\"]'),\n    ).filter((el) => el.getAttribute(\"aria-disabled\") !== \"true\");\n    requestAnimationFrame(() => opts[0]?.focus());\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const panel = panelRef.current;\n    if (!panel) {\n      return;\n    }\n\n    const enabledOptions = () =>\n      Array.from(panel.querySelectorAll<HTMLElement>('[role=\"option\"]')).filter(\n        (el) => el.getAttribute(\"aria-disabled\") !== \"true\",\n      );\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const options = enabledOptions();\n      if (options.length === 0) {\n        return;\n      }\n\n      const idx = options.findIndex((el) => el === document.activeElement);\n\n      if (event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const next = idx < 0 ? 0 : Math.min(idx + 1, options.length - 1);\n        options[next]?.focus();\n        return;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const prev = idx <= 0 ? options.length - 1 : Math.max(idx - 1, 0);\n        options[prev]?.focus();\n        return;\n      }\n\n      if (event.key === \"Home\") {\n        event.preventDefault();\n        options[0]?.focus();\n        return;\n      }\n\n      if (event.key === \"End\") {\n        event.preventDefault();\n        options[options.length - 1]?.focus();\n      }\n    };\n\n    panel.addEventListener(\"keydown\", handleKeyDown);\n    return () => panel.removeEventListener(\"keydown\", handleKeyDown);\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={panelRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-multiselectable={multiple}\n      tabIndex={-1}\n      className={cn(\n        selectContentVariants({ appearance, size, spacing }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const SelectItem = ({\n  value,\n  children,\n  disabled,\n  appearance = \"default\",\n  className,\n  ...props\n}: SelectItemProps) => {\n  const { toggleValue, isSelected, registerOption } = useSelect();\n\n  useEffect(() => {\n    registerOption({ label: children, value, disabled });\n  }, [children, disabled, registerOption, value]);\n\n  const isActive = isSelected(value);\n\n  return (\n    <div\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled ? true : undefined}\n      tabIndex={-1}\n      onClick={() => !disabled && toggleValue(value)}\n      onKeyDown={(e) => {\n        if (disabled) {\n          return;\n        }\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          toggleValue(value);\n        }\n      }}\n      data-selected={isActive ? \"true\" : \"false\"}\n      className={cn(\n        selectItemVariants({\n          disabled,\n          appearance,\n        }),\n        \"flex justify-between\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {isActive && <span>✓</span>}\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/design-system/select.ts","../../src/ui/select/variants.ts","../../src/ui/select/select.tsx"],"names":["cva","createContext","useContext","useId","useState","useRef","useEffect","useCallback","jsx","cn","jsxs"],"mappings":"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","file":"select.js","sourcesContent":["export const zuiSelectTriggerBase =\n  \"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\";\n\nexport const zuiSelectTriggerVariants = {\n  default:\n    \"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)]\",\n  outline:\n    \"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))]\",\n  ghost:\n    \"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))]\",\n  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))]\",\n  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))]\",\n  purple:\n    \"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))]\",\n  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))]\",\n  orange:\n    \"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))]\",\n  yellow:\n    \"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))]\",\n  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))]\",\n  indigo:\n    \"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))]\",\n  emerald:\n    \"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))]\",\n  glass:\n    \"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\",\n  \"gradient-blue\":\n    \"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)]\",\n  \"gradient-green\":\n    \"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)]\",\n  \"gradient-red\":\n    \"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)]\",\n  \"gradient-yellow\":\n    \"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)]\",\n  \"gradient-purple\":\n    \"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)]\",\n  \"gradient-teal\":\n    \"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)]\",\n  \"gradient-indigo\":\n    \"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)]\",\n  \"gradient-pink\":\n    \"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)]\",\n  \"gradient-orange\":\n    \"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)]\",\n} as const;\n\nexport const zuiSelectSizes = {\n  sm: \"px-2 py-1 text-sm\",\n  md: \"px-3 py-2\",\n  lg: \"px-4 py-3 text-lg\",\n} as const;\n\nexport const zuiSelectItemBase =\n  \"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\";\n\nexport const zuiSelectItemAppearances = {\n  default:\n    \"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))]\",\n  glass:\n    \"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))]\",\n  outline:\n    \"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))]\",\n  ghost:\n    \"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))]\",\n  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))]\",\n  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))]\",\n  purple:\n    \"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))]\",\n  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))]\",\n  orange:\n    \"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))]\",\n  yellow:\n    \"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))]\",\n  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))]\",\n  indigo:\n    \"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))]\",\n  emerald:\n    \"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))]\",\n  \"gradient-blue\":\n    \"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))]\",\n  \"gradient-green\":\n    \"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))]\",\n  \"gradient-red\":\n    \"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))]\",\n  \"gradient-yellow\":\n    \"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))]\",\n  \"gradient-purple\":\n    \"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))]\",\n  \"gradient-teal\":\n    \"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))]\",\n  \"gradient-indigo\":\n    \"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))]\",\n  \"gradient-pink\":\n    \"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))]\",\n  \"gradient-orange\":\n    \"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))]\",\n} as const;\n\nexport const zuiSelectDisabled = {\n  true: \"opacity-50 cursor-not-allowed\",\n} as const;\n\nexport const zuiSelectContentBase =\n  \"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\";\n\nexport const zuiSelectContentAppearances = {\n  default:\n    \"bg-[var(--zui-select-content-default-bg,#ffffff)] dark:bg-[var(--zui-select-content-default-bg-dark,#000000)] shadow-md\",\n  glass:\n    \"bg-[var(--zui-select-content-glass-bg,#0000001a)] dark:bg-[var(--zui-select-content-glass-bg-dark,#ffffff1a)] backdrop-blur-md\",\n  outline:\n    \"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))]\",\n  ghost:\n    \"border-[color:var(--zui-select-content-ghost-border,transparent)] dark:border-[color:var(--zui-select-content-ghost-border-dark,transparent)]\",\n  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))]\",\n  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))]\",\n  purple:\n    \"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))]\",\n  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))]\",\n  orange:\n    \"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))]\",\n  yellow:\n    \"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))]\",\n  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))]\",\n  indigo:\n    \"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))]\",\n  emerald:\n    \"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))]\",\n  \"gradient-blue\":\n    \"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\",\n  \"gradient-green\":\n    \"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\",\n  \"gradient-red\":\n    \"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\",\n  \"gradient-yellow\":\n    \"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\",\n  \"gradient-purple\":\n    \"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\",\n  \"gradient-teal\":\n    \"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\",\n  \"gradient-indigo\":\n    \"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\",\n  \"gradient-pink\":\n    \"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\",\n  \"gradient-orange\":\n    \"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\",\n} as const;\n\nexport const zuiSelectSpacing = {\n  none: \"space-y-0\",\n  default: \"space-y-1\",\n  sm: \"space-y-2\",\n  md: \"space-y-3\",\n  lg: \"space-y-4\",\n  xl: \"space-y-5\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSelectContentAppearances,\n  zuiSelectContentBase,\n  zuiSelectDisabled,\n  zuiSelectItemAppearances,\n  zuiSelectItemBase,\n  zuiSelectSizes,\n  zuiSelectSpacing,\n  zuiSelectTriggerBase,\n  zuiSelectTriggerVariants,\n} from \"../../design-system/select\";\n\nexport const selectTriggerVariants = cva(zuiSelectTriggerBase, {\n  variants: {\n    variant: zuiSelectTriggerVariants,\n    size: zuiSelectSizes,\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const selectItemVariants = cva(zuiSelectItemBase, {\n  variants: {\n    appearance: zuiSelectItemAppearances,\n    disabled: zuiSelectDisabled,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const selectContentVariants = cva(zuiSelectContentBase, {\n  variants: {\n    appearance: zuiSelectContentAppearances,\n    size: zuiSelectSizes,\n    spacing: zuiSelectSpacing,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    spacing: \"default\",\n  },\n});\n","\"use client\";\nimport { useState, useEffect, useCallback, useRef, useId } from \"react\";\nimport {\n  SelectProps,\n  SelectOption,\n  SelectTriggerProps,\n  SelectContentProps,\n  SelectItemProps,\n  SelectValueProps,\n} from \"./types\";\nimport { createContext, useContext } from \"react\";\nimport { SelectContextType } from \"./types\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  selectContentVariants,\n  selectItemVariants,\n  selectTriggerVariants,\n} from \"./variants\";\n\nexport const SelectContext = createContext<SelectContextType | null>(null);\n\nexport const useSelect = () => {\n  const ctx = useContext(SelectContext);\n  if (!ctx) throw new Error(\"Select components must be used inside Select\");\n  return ctx;\n};\n\nexport const Select = ({\n  children,\n  value,\n  defaultValue = [],\n  onChange,\n  multiple = true,\n}: SelectProps) => {\n  const listboxId = `${useId()}-listbox`;\n  const [internal, setInternal] = useState<string[]>(defaultValue);\n  const [open, setOpen] = useState(false);\n  const [options, setOptions] = useState<SelectOption[]>([]);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const selected = value ?? internal;\n\n  useEffect(() => {\n    if (!open) return;\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const root = rootRef.current;\n      if (!root) return;\n      const target = event.target;\n      if (target instanceof Node && !root.contains(target)) {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, [open]);\n\n  const setSelected = (vals: string[]) => {\n    if (value !== undefined) {\n      onChange?.(vals);\n    } else {\n      setInternal(vals);\n      onChange?.(vals);\n    }\n  };\n\n  const toggleValue = (val: string) => {\n    if (multiple) {\n      if (selected.includes(val)) {\n        setSelected(selected.filter((v) => v !== val));\n      } else {\n        setSelected([...selected, val]);\n      }\n    } else {\n      setSelected([val]);\n      setOpen(false);\n    }\n  };\n\n  const isSelected = (val: string) => selected.includes(val);\n\n  const registerOption = useCallback((opt: SelectOption) => {\n    setOptions((prev) => {\n      if (prev.find((o) => o.value === opt.value)) return prev;\n      return [...prev, opt];\n    });\n  }, []);\n\n  return (\n    <SelectContext.Provider\n      value={{\n        open,\n        setOpen,\n        selected,\n        toggleValue,\n        isSelected,\n        registerOption,\n        options,\n        multiple,\n        listboxId,\n      }}\n    >\n      <div ref={rootRef} className=\"relative w-full\">\n        {children}\n      </div>\n    </SelectContext.Provider>\n  );\n};\n\nexport const SelectTrigger = ({\n  className,\n  variant,\n  size,\n  onClick,\n  ...props\n}: SelectTriggerProps) => {\n  const { open, setOpen, listboxId } = useSelect();\n\n  return (\n    <button\n      type=\"button\"\n      aria-expanded={open}\n      aria-haspopup=\"listbox\"\n      aria-controls={listboxId}\n      className={cn(selectTriggerVariants({ variant, size }), className)}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          setOpen(!open);\n        }\n      }}\n    />\n  );\n};\n\nexport const SelectValue = ({\n  placeholder = \"Select...\",\n  className,\n  ...props\n}: SelectValueProps) => {\n  const { selected, options } = useSelect();\n\n  const selectedOptions = options.filter((o) => selected.includes(o.value));\n\n  if (selectedOptions.length === 0) {\n    return (\n      <span className={cn(className)} {...props}>\n        {placeholder}\n      </span>\n    );\n  }\n\n  return (\n    <span className={cn(className)} {...props}>\n      {selectedOptions.map((option, index) => (\n        <span key={option.value}>\n          {index > 0 ? \", \" : null}\n          {option.label}\n        </span>\n      ))}\n    </span>\n  );\n};\n\nexport const SelectContent = ({\n  children,\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  spacing = \"default\",\n  ...props\n}: SelectContentProps) => {\n  const { open, listboxId, multiple } = useSelect();\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const panel = panelRef.current;\n    if (!panel) {\n      return;\n    }\n    const opts = Array.from(\n      panel.querySelectorAll<HTMLElement>('[role=\"option\"]'),\n    ).filter((el) => el.getAttribute(\"aria-disabled\") !== \"true\");\n    requestAnimationFrame(() => opts[0]?.focus());\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const panel = panelRef.current;\n    if (!panel) {\n      return;\n    }\n\n    const enabledOptions = () =>\n      Array.from(panel.querySelectorAll<HTMLElement>('[role=\"option\"]')).filter(\n        (el) => el.getAttribute(\"aria-disabled\") !== \"true\",\n      );\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const options = enabledOptions();\n      if (options.length === 0) {\n        return;\n      }\n\n      const idx = options.findIndex((el) => el === document.activeElement);\n\n      if (event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const next = idx < 0 ? 0 : Math.min(idx + 1, options.length - 1);\n        options[next]?.focus();\n        return;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n        const prev = idx <= 0 ? options.length - 1 : Math.max(idx - 1, 0);\n        options[prev]?.focus();\n        return;\n      }\n\n      if (event.key === \"Home\") {\n        event.preventDefault();\n        options[0]?.focus();\n        return;\n      }\n\n      if (event.key === \"End\") {\n        event.preventDefault();\n        options[options.length - 1]?.focus();\n      }\n    };\n\n    panel.addEventListener(\"keydown\", handleKeyDown);\n    return () => panel.removeEventListener(\"keydown\", handleKeyDown);\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={panelRef}\n      id={listboxId}\n      role=\"listbox\"\n      aria-multiselectable={multiple}\n      tabIndex={-1}\n      className={cn(\n        selectContentVariants({ appearance, size, spacing }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const SelectItem = ({\n  value,\n  children,\n  disabled,\n  appearance = \"default\",\n  className,\n  ...props\n}: SelectItemProps) => {\n  const { toggleValue, isSelected, registerOption } = useSelect();\n\n  useEffect(() => {\n    registerOption({ label: children, value, disabled });\n  }, [children, disabled, registerOption, value]);\n\n  const isActive = isSelected(value);\n\n  return (\n    <div\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled ? true : undefined}\n      tabIndex={-1}\n      onClick={() => !disabled && toggleValue(value)}\n      onKeyDown={(e) => {\n        if (disabled) {\n          return;\n        }\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          toggleValue(value);\n        }\n      }}\n      data-selected={isActive ? \"true\" : \"false\"}\n      className={cn(\n        selectItemVariants({\n          disabled,\n          appearance,\n        }),\n        \"flex justify-between\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {isActive && <span>✓</span>}\n    </div>\n  );\n};\n"]}

package/dist/ui/select.mjs

@@ -8,8 +8,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 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))] 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)] 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))]",
+  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))]",
@@ -17,18 +17,18 @@ var zuiSelectTriggerVariants = {
   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))] text-[color:var(--zui-select-trigger-indigo-fg,oklch(25.7%_0.09_281.288))]",
+  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)]",
-  "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)]",
-  "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)]",
-  "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)]",
-  "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)]",
-  "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)]",
-  "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)]",
-  "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)]",
-  "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)]"
+  "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",
@@ -37,28 +37,28 @@ var zuiSelectSizes = {
 };
 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))] 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))]",
+  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))] 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))] data-[selected=true]:bg-[var(--zui-select-item-outline-bg,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)] 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)] data-[selected=true]:bg-[var(--zui-select-item-ghost-bg,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))] 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))] 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))] 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))] 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))] 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))] 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))] 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))] 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))] 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)] 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))]",
-  "gradient-green": "bg-[var(--zui-select-item-gradient-green-bg,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))]",
-  "gradient-red": "bg-[var(--zui-select-item-gradient-red-bg,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))]",
-  "gradient-yellow": "bg-[var(--zui-select-item-gradient-yellow-bg,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))]",
-  "gradient-purple": "bg-[var(--zui-select-item-gradient-purple-bg,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))]",
-  "gradient-teal": "bg-[var(--zui-select-item-gradient-teal-bg,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))]",
-  "gradient-indigo": "bg-[var(--zui-select-item-gradient-indigo-bg,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))]",
-  "gradient-pink": "bg-[var(--zui-select-item-gradient-pink-bg,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))]",
-  "gradient-orange": "bg-[var(--zui-select-item-gradient-orange-bg,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))]"
+  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"
@@ -67,8 +67,8 @@ var zuiSelectContentBase = "absolute z-10 mt-2 w-full rounded-md border bg-[var(
 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))]",
-  ghost: "border-[color:var(--zui-select-content-ghost-border,transparent)]",
+  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))]",