@zentauri-ui/zentauri-components 1.6.2 → 1.7.0

package/dist/ui/drawer/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkKA5MORDC_js = require('../../chunk-KA5MORDC.js');
+var chunkK7TCW5PJ_js = require('../../chunk-K7TCW5PJ.js');
 var chunkGBWGVNDA_js = require('../../chunk-GBWGVNDA.js');
 require('../../chunk-UIYFEP3I.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
@@ -42,7 +42,7 @@ function DrawerContentAnimated({
   id,
   style
 }) {
-  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = chunkKA5MORDC_js.useDrawerContext("DrawerContent");
+  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = chunkK7TCW5PJ_js.useDrawerContext("DrawerContent");
   const resolvedSide = side ?? "right";
   const reduceMotion = framerMotion.useReducedMotion();
   const overlayMotion = drawerPanelPresets(resolvedSide)[reduceMotion ? "fade" : animation];
@@ -64,7 +64,7 @@ function DrawerContentAnimated({
         {
           role: "presentation",
           "data-slot": "drawer-overlay",
-          className: chunkKA5MORDC_js.drawerOverlayVariants(),
+          className: chunkK7TCW5PJ_js.drawerOverlayVariants(),
           onClick: () => setOpen(false),
           initial: animation === "none" ? false : overlayMotion.initial,
           animate: animation === "none" ? void 0 : overlayMotion.animate,
@@ -90,7 +90,7 @@ function DrawerContentAnimated({
           "data-slot": "drawer-content",
           tabIndex: -1,
           className: chunkZS5756ZC_js.cn(
-            chunkKA5MORDC_js.drawerContentVariants({ side: resolvedSide, size, appearance }),
+            chunkK7TCW5PJ_js.drawerContentVariants({ side: resolvedSide, size, appearance }),
             className
           ),
           initial: animation === "none" ? false : panelMotion.initial,
@@ -110,31 +110,31 @@ DrawerContentAnimated.displayName = "DrawerContent";
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.Drawer; }
+  get: function () { return chunkK7TCW5PJ_js.Drawer; }
 });
 Object.defineProperty(exports, "DrawerBody", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerBody; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerBody; }
 });
 Object.defineProperty(exports, "DrawerClose", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerClose; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerClose; }
 });
 Object.defineProperty(exports, "DrawerFooter", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerFooter; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerFooter; }
 });
 Object.defineProperty(exports, "DrawerHeader", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerHeader; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerHeader; }
 });
 Object.defineProperty(exports, "DrawerTitle", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerTitle; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerTitle; }
 });
 Object.defineProperty(exports, "DrawerTrigger", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerTrigger; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerTrigger; }
 });
 exports.DrawerContentAnimated = DrawerContentAnimated;
 exports.drawerPanelPresets = drawerPanelPresets;

package/dist/ui/drawer/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { useDrawerContext, drawerOverlayVariants, drawerContentVariants } from '../../chunk-V2PEOBAT.mjs';
-export { Drawer, DrawerBody, DrawerClose, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../../chunk-V2PEOBAT.mjs';
+import { useDrawerContext, drawerOverlayVariants, drawerContentVariants } from '../../chunk-FHLZH3PB.mjs';
+export { Drawer, DrawerBody, DrawerClose, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../../chunk-FHLZH3PB.mjs';
 import { useFocusManagement } from '../../chunk-K6YI4FJO.mjs';
 import '../../chunk-PMAF6FBF.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';

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

@@ -4,7 +4,7 @@ export declare const drawerTriggerVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const drawerContentVariants: (props?: ({
     side?: "left" | "right" | "bottom" | "top" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    size?: "md" | "sm" | "lg" | "xl" | "full" | null | undefined;
     appearance?: "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/drawer/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/drawer/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAmDjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;8EA8EjC,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/drawer/variants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,qBAAqB,oFAA4B,CAAC;AAE/D,eAAO,MAAM,qBAAqB;;8EAOhC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;8EAuBhC,CAAC"}

package/dist/ui/drawer.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkKA5MORDC_js = require('../chunk-KA5MORDC.js');
+var chunkK7TCW5PJ_js = require('../chunk-K7TCW5PJ.js');
 require('../chunk-GBWGVNDA.js');
 require('../chunk-UIYFEP3I.js');
 require('../chunk-ZS5756ZC.js');
@@ -10,43 +10,43 @@ require('../chunk-ZS5756ZC.js');
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.Drawer; }
+  get: function () { return chunkK7TCW5PJ_js.Drawer; }
 });
 Object.defineProperty(exports, "DrawerBody", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerBody; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerBody; }
 });
 Object.defineProperty(exports, "DrawerClose", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerClose; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerClose; }
 });
 Object.defineProperty(exports, "DrawerContent", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerContent; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerContent; }
 });
 Object.defineProperty(exports, "DrawerFooter", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerFooter; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerFooter; }
 });
 Object.defineProperty(exports, "DrawerHeader", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerHeader; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerHeader; }
 });
 Object.defineProperty(exports, "DrawerTitle", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerTitle; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerTitle; }
 });
 Object.defineProperty(exports, "DrawerTrigger", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.DrawerTrigger; }
+  get: function () { return chunkK7TCW5PJ_js.DrawerTrigger; }
 });
 Object.defineProperty(exports, "drawerContentVariants", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.drawerContentVariants; }
+  get: function () { return chunkK7TCW5PJ_js.drawerContentVariants; }
 });
 Object.defineProperty(exports, "drawerOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkKA5MORDC_js.drawerOverlayVariants; }
+  get: function () { return chunkK7TCW5PJ_js.drawerOverlayVariants; }
 });
 //# sourceMappingURL=drawer.js.map
 //# sourceMappingURL=drawer.js.map

package/dist/ui/drawer.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from '../chunk-V2PEOBAT.mjs';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from '../chunk-FHLZH3PB.mjs';
 import '../chunk-K6YI4FJO.mjs';
 import '../chunk-PMAF6FBF.mjs';
 import '../chunk-4D54YOL6.mjs';

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

@@ -1,12 +1,12 @@
 export declare const triggerVariants: (props?: ({
-    variant?: "default" | "outline" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "white" | "black" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "outline" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "white" | "black" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const contentVariants: (props?: ({
     placement?: "left" | "right" | "bottom" | "top" | null | undefined;
-    spacing?: "default" | "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    spacing?: "default" | "none" | "md" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const itemVariants: (props?: ({
-    variant?: "default" | "outline" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "white" | "black" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    variant?: "default" | "outline" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "white" | "black" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/dropdown/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;8EA4D3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;8EAwB3B,CAAC;AAEF,eAAO,MAAM,YAAY;;8EA0DxB,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/variants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,eAAe;;;8EAS1B,CAAC;AAEH,eAAO,MAAM,eAAe;;;8EAS1B,CAAC;AAEH,eAAO,MAAM,YAAY;;8EAOvB,CAAC"}

package/dist/ui/dropdown.js

@@ -8,113 +8,115 @@ var fi = require('react-icons/fi');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-var triggerVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-between rounded-md font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500/60 cursor-pointer",
-  {
-    variants: {
-      variant: {
-        default: "bg-gray-200 dark:bg-gray-900 text-slate-900 dark:text-white",
-        outline: "border border-gray-700 dark:border-gray-300 text-gray-900 dark:text-gray-100",
-        ghost: "bg-transparent text-gray-900 dark:text-gray-100",
-        white: "bg-white text-gray-900",
-        black: "bg-black text-white",
-        sky: "border border-sky-800 dark:border-sky-600 text-sky-800 dark:text-sky-600",
-        rose: "border border-rose-800 dark:border-rose-600 text-rose-800 dark:text-rose-600",
-        purple: "border border-purple-800 dark:border-purple-600 text-purple-800 dark:text-purple-600",
-        pink: "border border-pink-800 dark:border-pink-600 text-pink-800 dark:text-pink-600",
-        orange: "border border-orange-800 dark:border-orange-600 text-orange-800 dark:text-orange-600",
-        yellow: "border border-yellow-800 dark:border-yellow-600 text-yellow-800 dark:text-yellow-600",
-        teal: "border border-teal-800 dark:border-teal-600 text-teal-800 dark:text-teal-600",
-        indigo: "border border-indigo-800 dark:border-indigo-600 text-indigo-800 dark:text-indigo-600",
-        emerald: "border border-emerald-800 dark:border-emerald-600 text-emerald-800 dark:text-emerald-600",
-        gray: "border border-gray-800 dark:border-gray-600 text-gray-800 dark:text-gray-600",
-        amber: "border border-amber-800 dark:border-amber-600 text-amber-800 dark:text-amber-600",
-        violet: "border border-violet-800 dark:border-violet-600 text-violet-800 dark:text-violet-600",
-        "gradient-blue": "bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-blue-200",
-        "gradient-green": "bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-green-200",
-        "gradient-red": "bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-red-200",
-        "gradient-yellow": "bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-yellow-200",
-        "gradient-purple": "bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-purple-200",
-        "gradient-teal": "bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-teal-200",
-        "gradient-indigo": "bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-indigo-200",
-        "gradient-pink": "bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-pink-200",
-        "gradient-orange": "bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-orange-200"
-      },
-      size: {
-        sm: "px-2 py-1 text-sm",
-        md: "px-3 py-2 text-base",
-        lg: "px-4 py-3 text-lg"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
+// src/design-system/dropdown.ts
+var zuiDropdownTriggerBase = "inline-flex items-center justify-between rounded-md font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] cursor-pointer";
+var zuiDropdownTriggerVariants = {
+  default: "bg-[var(--zui-dropdown-trigger-default-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-trigger-default-bg-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-trigger-default-fg-dark,#ffffff)]",
+  outline: "border border-[color:var(--zui-dropdown-trigger-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-dropdown-trigger-outline-border-dark,oklch(87.2%_0.01_258.338))] text-[color:var(--zui-dropdown-trigger-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-outline-fg-dark,oklch(96.7%_0.003_264.542))]",
+  ghost: "bg-[var(--zui-dropdown-trigger-ghost-bg,transparent)] text-[color:var(--zui-dropdown-trigger-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-ghost-fg-dark,oklch(96.7%_0.003_264.542))]",
+  white: "bg-[var(--zui-dropdown-trigger-white-bg,#ffffff)] text-[color:var(--zui-dropdown-trigger-white-fg,oklch(21%_0.034_264.665))]",
+  black: "bg-[var(--zui-dropdown-trigger-black-bg,#000000)] text-[color:var(--zui-dropdown-trigger-black-fg,#ffffff)]",
+  sky: "border border-[color:var(--zui-dropdown-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-dropdown-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-dropdown-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-dropdown-trigger-sky-fg-dark,oklch(58.8%_0.158_241.966))]",
+  rose: "border border-[color:var(--zui-dropdown-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-dropdown-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-dropdown-trigger-rose-fg-dark,oklch(58.6%_0.253_17.585))]",
+  purple: "border border-[color:var(--zui-dropdown-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-dropdown-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-dropdown-trigger-purple-fg-dark,oklch(55.8%_0.288_302.321))]",
+  pink: "border border-[color:var(--zui-dropdown-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-dropdown-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-dropdown-trigger-pink-fg-dark,oklch(59.2%_0.249_0.584))]",
+  orange: "border border-[color:var(--zui-dropdown-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-dropdown-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-dropdown-trigger-orange-fg-dark,oklch(64.6%_0.222_41.116))]",
+  yellow: "border border-[color:var(--zui-dropdown-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-dropdown-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-dropdown-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-dropdown-trigger-yellow-fg-dark,oklch(68.1%_0.162_75.834))]",
+  teal: "border border-[color:var(--zui-dropdown-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-dropdown-trigger-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-dropdown-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-dropdown-trigger-teal-fg-dark,oklch(60%_0.118_184.704))]",
+  indigo: "border border-[color:var(--zui-dropdown-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-dropdown-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-dropdown-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-dropdown-trigger-indigo-fg-dark,oklch(51.1%_0.262_276.966))]",
+  emerald: "border border-[color:var(--zui-dropdown-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-dropdown-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-dropdown-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-dropdown-trigger-emerald-fg-dark,oklch(59.6%_0.145_163.225))]",
+  gray: "border border-[color:var(--zui-dropdown-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-dropdown-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] text-[color:var(--zui-dropdown-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-dropdown-trigger-gray-fg-dark,oklch(44.6%_0.03_256.802))]",
+  amber: "border border-[color:var(--zui-dropdown-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-dropdown-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] text-[color:var(--zui-dropdown-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-dropdown-trigger-amber-fg-dark,oklch(66.6%_0.179_58.318))]",
+  violet: "border border-[color:var(--zui-dropdown-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-dropdown-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] text-[color:var(--zui-dropdown-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-dropdown-trigger-violet-fg-dark,oklch(54.1%_0.281_293.009))]",
+  "gradient-blue": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-trigger-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-trigger-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-blue-fg,oklch(88.2%_0.059_254.128))]",
+  "gradient-green": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-trigger-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-trigger-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-trigger-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-dropdown-trigger-gradient-green-fg,oklch(92.5%_0.084_155.995))]",
+  "gradient-red": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-trigger-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-trigger-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-red-fg,oklch(88.5%_0.062_18.334))]",
+  "gradient-yellow": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-trigger-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-trigger-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-trigger-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg,oklch(94.5%_0.129_101.54))]",
+  "gradient-purple": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-trigger-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-trigger-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-purple-fg,oklch(90.2%_0.063_306.703))]",
+  "gradient-teal": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-trigger-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-dropdown-trigger-gradient-teal-fg,oklch(91%_0.096_180.426))]",
+  "gradient-indigo": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-trigger-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg,oklch(87%_0.065_274.039))]",
+  "gradient-pink": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-trigger-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-gradient-pink-fg,oklch(89.9%_0.061_343.231))]",
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-trigger-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-dropdown-trigger-gradient-orange-fg,oklch(90.1%_0.076_70.697))]"
+};
+var zuiDropdownTriggerSizes = {
+  sm: "px-2 py-1 text-sm",
+  md: "px-3 py-2 text-base",
+  lg: "px-4 py-3 text-lg"
+};
+var zuiDropdownContentBase = "absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border border-[color:var(--zui-dropdown-content-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-dropdown-content-border-dark,#ffffff1a)] bg-[var(--zui-dropdown-content-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-dropdown-content-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-dropdown-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-content-fg-dark,oklch(96.8%_0.007_247.896))] shadow-lg rounded-lg";
+var zuiDropdownPlacements = {
+  top: "bottom-full mb-2",
+  bottom: "top-full mt-2",
+  left: "right-full mr-2",
+  right: "left-full ml-2"
+};
+var zuiDropdownSpacing = {
+  none: "space-y-0",
+  default: "space-y-1",
+  sm: "space-y-2",
+  md: "space-y-3",
+  lg: "space-y-4",
+  xl: "space-y-5"
+};
+var zuiDropdownItemBase = "flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-item-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] font-semibold";
+var zuiDropdownItemVariants = {
+  default: "hover:bg-[var(--zui-dropdown-item-default-bg-hover,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-default-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-default-fg-hover-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-default-fg-dark,oklch(96.7%_0.003_264.542))]",
+  outline: "hover:bg-[var(--zui-dropdown-item-outline-bg-hover,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-outline-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-outline-fg-hover-dark,oklch(21%_0.034_264.665))] border border-[color:var(--zui-dropdown-item-outline-border,#000000)] dark:border-[color:var(--zui-dropdown-item-outline-border-dark,#ffffff)] text-[color:var(--zui-dropdown-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-outline-fg-dark,oklch(96.7%_0.003_264.542))]",
+  ghost: "hover:bg-[var(--zui-dropdown-item-ghost-bg-hover,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-ghost-bg,transparent)] text-[color:var(--zui-dropdown-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))]",
+  white: "hover:bg-[var(--zui-dropdown-item-white-bg-hover,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-white-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-white-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-item-white-bg-dark,#000000)] text-[color:var(--zui-dropdown-item-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-white-fg-dark,#ffffff)]",
+  black: "hover:bg-[var(--zui-dropdown-item-black-bg-hover,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-black-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-black-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-black-bg,#000000)] dark:bg-[var(--zui-dropdown-item-black-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-item-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-item-black-fg-dark,oklch(21%_0.034_264.665))]",
+  sky: "hover:bg-[var(--zui-dropdown-item-sky-bg-hover,oklch(95.1%_0.026_236.824))] hover:text-[color:var(--zui-dropdown-item-sky-fg-hover,oklch(44.3%_0.11_240.79))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-dropdown-item-sky-bg,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-dropdown-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(44.3%_0.11_240.79))]",
+  rose: "hover:bg-[var(--zui-dropdown-item-rose-bg-hover,oklch(94.1%_0.03_12.58))] hover:text-[color:var(--zui-dropdown-item-rose-fg-hover,oklch(45.5%_0.188_13.697))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-dropdown-item-rose-bg,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(45.5%_0.188_13.697))]",
+  purple: "hover:bg-[var(--zui-dropdown-item-purple-bg-hover,oklch(94.6%_0.033_307.174))] hover:text-[color:var(--zui-dropdown-item-purple-fg-hover,oklch(43.8%_0.218_303.724))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-dropdown-item-purple-bg,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(43.8%_0.218_303.724))]",
+  pink: "hover:bg-[var(--zui-dropdown-item-pink-bg-hover,oklch(94.8%_0.028_342.258))] hover:text-[color:var(--zui-dropdown-item-pink-fg-hover,oklch(45.9%_0.187_3.815))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-dropdown-item-pink-bg,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(45.9%_0.187_3.815))]",
+  orange: "hover:bg-[var(--zui-dropdown-item-orange-bg-hover,oklch(95.4%_0.038_75.164))] hover:text-[color:var(--zui-dropdown-item-orange-fg-hover,oklch(47%_0.157_37.304))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-dropdown-item-orange-bg,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(47%_0.157_37.304))]",
+  yellow: "hover:bg-[var(--zui-dropdown-item-yellow-bg-hover,oklch(97.3%_0.071_103.193))] hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover,oklch(47.6%_0.114_61.907))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-dropdown-item-yellow-bg,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-dropdown-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(47.6%_0.114_61.907))]",
+  teal: "hover:bg-[var(--zui-dropdown-item-teal-bg-hover,oklch(95.3%_0.051_180.801))] hover:text-[color:var(--zui-dropdown-item-teal-fg-hover,oklch(43.7%_0.078_188.216))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-dropdown-item-teal-bg,oklch(91%_0.096_180.426))] text-[color:var(--zui-dropdown-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(43.7%_0.078_188.216))]",
+  indigo: "hover:bg-[var(--zui-dropdown-item-indigo-bg-hover,oklch(93%_0.034_272.788))] hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover,oklch(39.8%_0.195_277.366))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-dropdown-item-indigo-bg,oklch(87%_0.065_274.039))] text-[color:var(--zui-dropdown-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(39.8%_0.195_277.366))]",
+  emerald: "hover:bg-[var(--zui-dropdown-item-emerald-bg-hover,oklch(95%_0.052_163.051))] hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover,oklch(43.2%_0.095_166.913))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-dropdown-item-emerald-bg,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-dropdown-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(43.2%_0.095_166.913))]",
+  gray: "hover:bg-[var(--zui-dropdown-item-gray-bg-hover,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-gray-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-gray-bg,oklch(92.8%_0.006_264.531))] text-[color:var(--zui-dropdown-item-gray-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(27.8%_0.033_256.848))]",
+  amber: "hover:bg-[var(--zui-dropdown-item-amber-bg-hover,oklch(96.2%_0.059_95.617))] hover:text-[color:var(--zui-dropdown-item-amber-fg-hover,oklch(47.3%_0.137_46.201))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-dropdown-item-amber-bg,oklch(92.4%_0.12_95.746))] text-[color:var(--zui-dropdown-item-amber-fg,oklch(41.4%_0.112_45.904))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(47.3%_0.137_46.201))]",
+  violet: "hover:bg-[var(--zui-dropdown-item-violet-bg-hover,oklch(94.3%_0.029_294.588))] hover:text-[color:var(--zui-dropdown-item-violet-fg-hover,oklch(43.2%_0.232_292.759))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-dropdown-item-violet-bg,oklch(89.4%_0.057_293.283))] text-[color:var(--zui-dropdown-item-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(43.2%_0.232_292.759))]",
+  "gradient-blue": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover,oklch(62.3%_0.214_259.815))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover-dark,oklch(37.9%_0.146_265.522))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(88.2%_0.059_254.128))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-dropdown-item-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]",
+  "gradient-green": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover,oklch(72.3%_0.219_149.579))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover-dark,oklch(39.3%_0.095_152.535))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(92.5%_0.084_155.995))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(93.8%_0.127_124.321))] text-[color:var(--zui-dropdown-item-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-dropdown-item-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]",
+  "gradient-red": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover,oklch(63.7%_0.237_25.331))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover-dark,oklch(39.6%_0.141_25.723))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(88.5%_0.062_18.334))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-dropdown-item-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]",
+  "gradient-yellow": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover,oklch(79.5%_0.184_86.047))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover-dark,oklch(42.1%_0.095_57.708))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(94.5%_0.129_101.54))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]",
+  "gradient-purple": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover,oklch(62.7%_0.265_303.9))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover-dark,oklch(38.1%_0.176_304.987))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(90.2%_0.063_306.703))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]",
+  "gradient-teal": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover,oklch(70.4%_0.14_182.503))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover-dark,oklch(38.6%_0.063_188.416))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(91%_0.096_180.426))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(91.7%_0.08_205.041))] text-[color:var(--zui-dropdown-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]",
+  "gradient-indigo": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover,oklch(58.5%_0.233_277.117))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover-dark,oklch(35.9%_0.144_278.697))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(87%_0.065_274.039))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]",
+  "gradient-pink": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover,oklch(65.6%_0.241_354.308))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover-dark,oklch(40.8%_0.153_2.432))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(89.9%_0.061_343.231))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]",
+  "gradient-orange": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]"
+};
+
+// src/ui/dropdown/variants.ts
+var triggerVariants = classVarianceAuthority.cva(zuiDropdownTriggerBase, {
+  variants: {
+    variant: zuiDropdownTriggerVariants,
+    size: zuiDropdownTriggerSizes
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
   }
-);
-var contentVariants = classVarianceAuthority.cva(
-  "absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border border-slate-900/10 dark:border-white/10 bg-slate-100 dark:bg-slate-900 text-slate-900 dark:text-slate-100 shadow-lg rounded-lg",
-  {
-    variants: {
-      placement: {
-        top: "bottom-full mb-2",
-        bottom: "top-full mt-2",
-        left: "right-full mr-2",
-        right: "left-full ml-2"
-      },
-      spacing: {
-        none: "space-y-0",
-        default: "space-y-1",
-        sm: "space-y-2",
-        md: "space-y-3",
-        lg: "space-y-4",
-        xl: "space-y-5"
-      }
-    },
-    defaultVariants: {
-      placement: "bottom",
-      spacing: "default"
-    }
+});
+var contentVariants = classVarianceAuthority.cva(zuiDropdownContentBase, {
+  variants: {
+    placement: zuiDropdownPlacements,
+    spacing: zuiDropdownSpacing
+  },
+  defaultVariants: {
+    placement: "bottom",
+    spacing: "default"
   }
-);
-var itemVariants = classVarianceAuthority.cva(
-  "flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500/60 font-semibold",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 text-gray-900 dark:text-gray-100",
-        outline: "hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 border border-black dark:border-white text-gray-900 dark:text-gray-100",
-        ghost: "hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 bg-transparent text-gray-900 dark:text-gray-100",
-        white: "hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 bg-white dark:bg-black text-gray-900 dark:text-white",
-        black: "hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 bg-black dark:bg-white text-white dark:text-gray-900",
-        sky: "hover:bg-sky-100 hover:text-sky-800 dark:hover:text-sky-600 bg-sky-200 text-sky-900 dark:text-sky-800",
-        rose: "hover:bg-rose-100 hover:text-rose-800 dark:hover:text-rose-600 bg-rose-200 text-rose-900 dark:text-rose-800",
-        purple: "hover:bg-purple-100 hover:text-purple-800 dark:hover:text-purple-600 bg-purple-200 text-purple-900 dark:text-purple-800",
-        pink: "hover:bg-pink-100 hover:text-pink-800 dark:hover:text-pink-600 bg-pink-200 text-pink-900 dark:text-pink-800",
-        orange: "hover:bg-orange-100 hover:text-orange-800 dark:hover:text-orange-600 bg-orange-200 text-orange-900 dark:text-orange-800",
-        yellow: "hover:bg-yellow-100 hover:text-yellow-800 dark:hover:text-yellow-600 bg-yellow-200 text-yellow-900 dark:text-yellow-800",
-        teal: "hover:bg-teal-100 hover:text-teal-800 dark:hover:text-teal-600 bg-teal-200 text-teal-900 dark:text-teal-800",
-        indigo: "hover:bg-indigo-100 hover:text-indigo-800 dark:hover:text-indigo-600 bg-indigo-200 text-indigo-900 dark:text-indigo-800",
-        emerald: "hover:bg-emerald-100 hover:text-emerald-800 dark:hover:text-emerald-600 bg-emerald-200 text-emerald-900 dark:text-emerald-800",
-        gray: "hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 bg-gray-200 text-gray-500 dark:text-gray-800",
-        amber: "hover:bg-amber-100 hover:text-amber-800 dark:hover:text-amber-600 bg-amber-200 text-amber-900 dark:text-amber-800",
-        violet: "hover:bg-violet-100 hover:text-violet-800 dark:hover:text-violet-600 bg-violet-200 text-violet-900 dark:text-violet-800",
-        "gradient-blue": "hover:bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 hover:text-blue-500 dark:hover:text-blue-900 bg-linear-to-r from-blue-200 to-purple-200 text-blue-900 dark:text-blue-200",
-        "gradient-green": "hover:bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 hover:text-green-500 dark:hover:text-green-900 bg-linear-to-r from-green-200 to-lime-200 text-green-900 dark:text-green-200",
-        "gradient-red": "hover:bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 hover:text-red-500 dark:hover:text-red-900 bg-linear-to-r from-red-200 to-pink-200 text-red-900 dark:text-red-200",
-        "gradient-yellow": "hover:bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 hover:text-yellow-500 dark:hover:text-yellow-900 bg-linear-to-r from-yellow-200 to-orange-200 text-yellow-900 dark:text-yellow-200",
-        "gradient-purple": "hover:bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 hover:text-purple-500 dark:hover:text-purple-900 bg-linear-to-r from-purple-200 to-pink-200 text-purple-900 dark:text-purple-200",
-        "gradient-teal": "hover:bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 hover:text-teal-500 dark:hover:text-teal-900 bg-linear-to-r from-teal-200 to-cyan-200 text-teal-900 dark:text-teal-200",
-        "gradient-indigo": "hover:bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 hover:text-indigo-500 dark:hover:text-indigo-900 bg-linear-to-r from-indigo-200 to-purple-200 text-indigo-900 dark:text-indigo-200",
-        "gradient-pink": "hover:bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 hover:text-pink-500 dark:hover:text-pink-900 bg-linear-to-r from-pink-200 to-rose-200 text-pink-900 dark:text-pink-200",
-        "gradient-orange": "hover:bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 hover:text-orange-500 dark:hover:text-orange-900 bg-linear-to-r from-orange-200 to-red-200 text-orange-900 dark:text-orange-200"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
+});
+var itemVariants = classVarianceAuthority.cva(zuiDropdownItemBase, {
+  variants: {
+    variant: zuiDropdownItemVariants
+  },
+  defaultVariants: {
+    variant: "default"
   }
-);
+});
 var DropdownContext = react.createContext(null);
 var useDropdown = () => {
   const ctx = react.useContext(DropdownContext);