@zentauri-ui/zentauri-components 1.5.31 → 1.6.2

package/dist/ui/drawer/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkQ5B44QW7_js = require('../../chunk-Q5B44QW7.js');
+var chunkKA5MORDC_js = require('../../chunk-KA5MORDC.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 } = chunkQ5B44QW7_js.useDrawerContext("DrawerContent");
+  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = chunkKA5MORDC_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: chunkQ5B44QW7_js.drawerOverlayVariants(),
+          className: chunkKA5MORDC_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(
-            chunkQ5B44QW7_js.drawerContentVariants({ side: resolvedSide, size, appearance }),
+            chunkKA5MORDC_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 chunkQ5B44QW7_js.Drawer; }
+  get: function () { return chunkKA5MORDC_js.Drawer; }
 });
 Object.defineProperty(exports, "DrawerBody", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerBody; }
+  get: function () { return chunkKA5MORDC_js.DrawerBody; }
 });
 Object.defineProperty(exports, "DrawerClose", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerClose; }
+  get: function () { return chunkKA5MORDC_js.DrawerClose; }
 });
 Object.defineProperty(exports, "DrawerFooter", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerFooter; }
+  get: function () { return chunkKA5MORDC_js.DrawerFooter; }
 });
 Object.defineProperty(exports, "DrawerHeader", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerHeader; }
+  get: function () { return chunkKA5MORDC_js.DrawerHeader; }
 });
 Object.defineProperty(exports, "DrawerTitle", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerTitle; }
+  get: function () { return chunkKA5MORDC_js.DrawerTitle; }
 });
 Object.defineProperty(exports, "DrawerTrigger", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerTrigger; }
+  get: function () { return chunkKA5MORDC_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-JBAUEGYD.mjs';
-export { Drawer, DrawerBody, DrawerClose, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../../chunk-JBAUEGYD.mjs';
+import { useDrawerContext, drawerOverlayVariants, drawerContentVariants } from '../../chunk-V2PEOBAT.mjs';
+export { Drawer, DrawerBody, DrawerClose, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../../chunk-V2PEOBAT.mjs';
 import { useFocusManagement } from '../../chunk-K6YI4FJO.mjs';
 import '../../chunk-PMAF6FBF.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';

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;;8EA2CjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;8EAsEjC,CAAC"}
+{"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"}

package/dist/ui/drawer.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkQ5B44QW7_js = require('../chunk-Q5B44QW7.js');
+var chunkKA5MORDC_js = require('../chunk-KA5MORDC.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 chunkQ5B44QW7_js.Drawer; }
+  get: function () { return chunkKA5MORDC_js.Drawer; }
 });
 Object.defineProperty(exports, "DrawerBody", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerBody; }
+  get: function () { return chunkKA5MORDC_js.DrawerBody; }
 });
 Object.defineProperty(exports, "DrawerClose", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerClose; }
+  get: function () { return chunkKA5MORDC_js.DrawerClose; }
 });
 Object.defineProperty(exports, "DrawerContent", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerContent; }
+  get: function () { return chunkKA5MORDC_js.DrawerContent; }
 });
 Object.defineProperty(exports, "DrawerFooter", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerFooter; }
+  get: function () { return chunkKA5MORDC_js.DrawerFooter; }
 });
 Object.defineProperty(exports, "DrawerHeader", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerHeader; }
+  get: function () { return chunkKA5MORDC_js.DrawerHeader; }
 });
 Object.defineProperty(exports, "DrawerTitle", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerTitle; }
+  get: function () { return chunkKA5MORDC_js.DrawerTitle; }
 });
 Object.defineProperty(exports, "DrawerTrigger", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.DrawerTrigger; }
+  get: function () { return chunkKA5MORDC_js.DrawerTrigger; }
 });
 Object.defineProperty(exports, "drawerContentVariants", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.drawerContentVariants; }
+  get: function () { return chunkKA5MORDC_js.drawerContentVariants; }
 });
 Object.defineProperty(exports, "drawerOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkQ5B44QW7_js.drawerOverlayVariants; }
+  get: function () { return chunkKA5MORDC_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-JBAUEGYD.mjs';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from '../chunk-V2PEOBAT.mjs';
 import '../chunk-K6YI4FJO.mjs';
 import '../chunk-PMAF6FBF.mjs';
 import '../chunk-4D54YOL6.mjs';

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;;;8EAoD3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;8EAwB3B,CAAC;AAEF,eAAO,MAAM,YAAY;;8EAuDxB,CAAC"}
+{"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"}

package/dist/ui/dropdown.js

@@ -13,32 +13,32 @@ var triggerVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        default: "bg-gray-900 text-white",
-        outline: "border border-gray-300",
-        ghost: "bg-transparent",
+        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-600 text-sky-600",
-        rose: "border border-rose-600 text-rose-600",
-        purple: "border border-purple-600 text-purple-600",
-        pink: "border border-pink-600 text-pink-600",
-        orange: "border border-orange-600 text-orange-600",
-        yellow: "border border-yellow-600 text-yellow-600",
-        teal: "border border-teal-600 text-teal-600",
-        indigo: "border border-indigo-600 text-indigo-600",
-        emerald: "border border-emerald-600 text-emerald-600",
-        gray: "border border-gray-600 text-gray-600",
-        amber: "border border-amber-600 text-amber-600",
-        violet: "border border-violet-600 text-violet-600",
-        "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600 text-blue-200",
-        "gradient-green": "bg-linear-to-r from-green-600 to-lime-600 text-green-200",
-        "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 text-red-200",
-        "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600 text-yellow-200",
-        "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600 text-purple-200",
-        "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 text-teal-200",
-        "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600 text-indigo-200",
-        "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 text-pink-200",
-        "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600 text-orange-200"
+        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",
@@ -53,7 +53,7 @@ var triggerVariants = classVarianceAuthority.cva(
   }
 );
 var contentVariants = classVarianceAuthority.cva(
-  "absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border",
+  "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: {
@@ -78,36 +78,36 @@ var contentVariants = classVarianceAuthority.cva(
   }
 );
 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",
+  "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-900 text-gray-100",
-        outline: "hover:bg-gray-100 hover:text-gray-900 border border-white text-gray-100",
-        ghost: "hover:bg-gray-100 hover:text-gray-900 bg-transparent text-gray-100",
-        white: "hover:bg-gray-100 hover:text-gray-900 bg-white text-gray-900",
-        black: "hover:bg-gray-100 hover:text-gray-900 bg-black text-white",
-        sky: "hover:bg-sky-100 hover:text-sky-600 bg-sky-200 text-sky-800",
-        rose: "hover:bg-rose-100 hover:text-rose-600 bg-rose-200 text-rose-800",
-        purple: "hover:bg-purple-100 hover:text-purple-600 bg-purple-200 text-purple-800",
-        pink: "hover:bg-pink-100 hover:text-pink-600 bg-pink-200 text-pink-800",
-        orange: "hover:bg-orange-100 hover:text-orange-600 bg-orange-200 text-orange-800",
-        yellow: "hover:bg-yellow-100 hover:text-yellow-600 bg-yellow-200 text-yellow-800",
-        teal: "hover:bg-teal-100 hover:text-teal-600 bg-teal-200 text-teal-800",
-        indigo: "hover:bg-indigo-100 hover:text-indigo-600 bg-indigo-200 text-indigo-800",
-        emerald: "hover:bg-emerald-100 hover:text-emerald-600 bg-emerald-200 text-emerald-800",
-        gray: "hover:bg-gray-100 hover:text-gray-900 bg-gray-200 text-gray-800",
-        amber: "hover:bg-amber-100 hover:text-amber-600 bg-amber-200 text-amber-800",
-        violet: "hover:bg-violet-100 hover:text-violet-600 bg-violet-200 text-violet-800",
-        "gradient-blue": "hover:bg-linear-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-linear-to-r from-blue-200 to-purple-200 text-blue-800",
-        "gradient-green": "hover:bg-linear-to-r from-green-600 to-lime-600 hover:text-green-900 bg-linear-to-r from-green-200 to-lime-200 text-green-800",
-        "gradient-red": "hover:bg-linear-to-r from-red-600 to-pink-600 hover:text-red-900 bg-linear-to-r from-red-200 to-pink-200 text-red-800",
-        "gradient-yellow": "hover:bg-linear-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-linear-to-r from-yellow-200 to-orange-200 text-yellow-800",
-        "gradient-purple": "hover:bg-linear-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-linear-to-r from-purple-200 to-pink-200 text-purple-800",
-        "gradient-teal": "hover:bg-linear-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-linear-to-r from-teal-200 to-cyan-200 text-teal-800",
-        "gradient-indigo": "hover:bg-linear-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-linear-to-r from-indigo-200 to-purple-200 text-indigo-800",
-        "gradient-pink": "hover:bg-linear-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-linear-to-r from-pink-200 to-rose-200 text-pink-800",
-        "gradient-orange": "hover:bg-linear-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-linear-to-r from-orange-200 to-red-200 text-orange-800"
+        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: {

package/dist/ui/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/dropdown/variants.ts","../../src/ui/dropdown/dropdown.tsx"],"names":["cva","createContext","useContext","useId","useState","jsx","cn","useRef","useClickOutside","jsxs","FiCheck"],"mappings":"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","file":"dropdown.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const triggerVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-gray-900 text-white\",\n        outline: \"border border-gray-300\",\n        ghost: \"bg-transparent\",\n        white: \"bg-white text-gray-900\",\n        black: \"bg-black text-white\",\n        sky: \"border border-sky-600 text-sky-600\",\n        rose: \"border border-rose-600 text-rose-600\",\n        purple: \"border border-purple-600 text-purple-600\",\n        pink: \"border border-pink-600 text-pink-600\",\n        orange: \"border border-orange-600 text-orange-600\",\n        yellow: \"border border-yellow-600 text-yellow-600\",\n        teal: \"border border-teal-600 text-teal-600\",\n        indigo: \"border border-indigo-600 text-indigo-600\",\n        emerald: \"border border-emerald-600 text-emerald-600\",\n        gray: \"border border-gray-600 text-gray-600\",\n        amber: \"border border-amber-600 text-amber-600\",\n        violet: \"border border-violet-600 text-violet-600\",\n        \"gradient-blue\":\n          \"bg-linear-to-r from-blue-600 to-purple-600 text-blue-200\",\n        \"gradient-green\":\n          \"bg-linear-to-r from-green-600 to-lime-600 text-green-200\",\n        \"gradient-red\":\n          \"bg-linear-to-r from-red-600 to-pink-600 text-red-200\",\n        \"gradient-yellow\":\n          \"bg-linear-to-r from-yellow-600 to-orange-600 text-yellow-200\",\n        \"gradient-purple\":\n          \"bg-linear-to-r from-purple-600 to-pink-600 text-purple-200\",\n        \"gradient-teal\":\n          \"bg-linear-to-r from-teal-600 to-cyan-600 text-teal-200\",\n        \"gradient-indigo\":\n          \"bg-linear-to-r from-indigo-600 to-purple-600 text-indigo-200\",\n        \"gradient-pink\":\n          \"bg-linear-to-r from-pink-600 to-rose-600 text-pink-200\",\n        \"gradient-orange\":\n          \"bg-linear-to-r from-orange-600 to-red-600 text-orange-200\",\n      },\n      size: {\n        sm: \"px-2 py-1 text-sm\",\n        md: \"px-3 py-2 text-base\",\n        lg: \"px-4 py-3 text-lg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const contentVariants = cva(\n  \"absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border\",\n  {\n    variants: {\n      placement: {\n        top: \"bottom-full mb-2\",\n        bottom: \"top-full mt-2\",\n        left: \"right-full mr-2\",\n        right: \"left-full ml-2\",\n      },\n      spacing: {\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      },\n    },\n    defaultVariants: {\n      placement: \"bottom\",\n      spacing: \"default\",\n    },\n  },\n);\n\nexport const itemVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-gray-100 hover:text-gray-900 text-gray-100\",\n        outline:\n          \"hover:bg-gray-100 hover:text-gray-900 border border-white text-gray-100\",\n        ghost:\n          \"hover:bg-gray-100 hover:text-gray-900 bg-transparent text-gray-100\",\n        white: \"hover:bg-gray-100 hover:text-gray-900 bg-white text-gray-900\",\n        black: \"hover:bg-gray-100 hover:text-gray-900 bg-black text-white\",\n        sky: \"hover:bg-sky-100 hover:text-sky-600 bg-sky-200 text-sky-800\",\n        rose: \"hover:bg-rose-100 hover:text-rose-600 bg-rose-200 text-rose-800\",\n        purple:\n          \"hover:bg-purple-100 hover:text-purple-600 bg-purple-200 text-purple-800\",\n        pink: \"hover:bg-pink-100 hover:text-pink-600 bg-pink-200 text-pink-800\",\n        orange:\n          \"hover:bg-orange-100 hover:text-orange-600 bg-orange-200 text-orange-800\",\n        yellow:\n          \"hover:bg-yellow-100 hover:text-yellow-600 bg-yellow-200 text-yellow-800\",\n        teal: \"hover:bg-teal-100 hover:text-teal-600 bg-teal-200 text-teal-800\",\n        indigo:\n          \"hover:bg-indigo-100 hover:text-indigo-600 bg-indigo-200 text-indigo-800\",\n        emerald:\n          \"hover:bg-emerald-100 hover:text-emerald-600 bg-emerald-200 text-emerald-800\",\n        gray: \"hover:bg-gray-100 hover:text-gray-900 bg-gray-200 text-gray-800\",\n        amber:\n          \"hover:bg-amber-100 hover:text-amber-600 bg-amber-200 text-amber-800\",\n        violet:\n          \"hover:bg-violet-100 hover:text-violet-600 bg-violet-200 text-violet-800\",\n        \"gradient-blue\":\n          \"hover:bg-linear-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-linear-to-r from-blue-200 to-purple-200 text-blue-800\",\n        \"gradient-green\":\n          \"hover:bg-linear-to-r from-green-600 to-lime-600 hover:text-green-900 bg-linear-to-r from-green-200 to-lime-200 text-green-800\",\n        \"gradient-red\":\n          \"hover:bg-linear-to-r from-red-600 to-pink-600 hover:text-red-900 bg-linear-to-r from-red-200 to-pink-200 text-red-800\",\n        \"gradient-yellow\":\n          \"hover:bg-linear-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-linear-to-r from-yellow-200 to-orange-200 text-yellow-800\",\n        \"gradient-purple\":\n          \"hover:bg-linear-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-linear-to-r from-purple-200 to-pink-200 text-purple-800\",\n        \"gradient-teal\":\n          \"hover:bg-linear-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-linear-to-r from-teal-200 to-cyan-200 text-teal-800\",\n        \"gradient-indigo\":\n          \"hover:bg-linear-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-linear-to-r from-indigo-200 to-purple-200 text-indigo-800\",\n        \"gradient-pink\":\n          \"hover:bg-linear-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-linear-to-r from-pink-200 to-rose-200 text-pink-800\",\n        \"gradient-orange\":\n          \"hover:bg-linear-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-linear-to-r from-orange-200 to-red-200 text-orange-800\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n  useId,\n} from \"react\";\nimport { FiCheck } from \"react-icons/fi\";\nimport { cn } from \"../../lib/utils\";\nimport type {\n  DropdownContextType,\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownContentProps,\n  DropdownItemProps,\n} from \"./types\";\nimport { triggerVariants, contentVariants, itemVariants } from \"./variants\";\nimport { useClickOutside } from \"../../hooks/useClickOutside\";\n\n/* =========================\n   Context\n========================= */\nconst DropdownContext = createContext<DropdownContextType | null>(null);\n\nconst useDropdown = () => {\n  const ctx = useContext(DropdownContext);\n  if (!ctx) throw new Error(\"Use inside Dropdown\");\n  return ctx;\n};\n\n/* =========================\n   Root\n========================= */\nexport const Dropdown = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  multiSelect = false,\n}: DropdownProps) => {\n  const menuId = `${useId()}-menu`;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [selectedValues, setSelectedValues] = useState<string[]>([]);\n\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = (val: boolean) => {\n    if (controlledOpen !== undefined) {\n      onOpenChange?.(val);\n    } else {\n      setUncontrolledOpen(val);\n    }\n  };\n\n  const toggle = () => setOpen(!open);\n\n  const toggleSelect = (value: string) => {\n    if (!multiSelect) {\n      setSelectedValues([value]);\n      setOpen(false);\n      return;\n    }\n\n    setSelectedValues((prev) =>\n      prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n    );\n  };\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        open,\n        setOpen,\n        toggle,\n        selectedValues,\n        toggleSelect,\n        multiSelect,\n        menuId,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </DropdownContext.Provider>\n  );\n};\n\n/* =========================\n   Trigger\n========================= */\nexport const DropdownTrigger = ({\n  children,\n  className,\n  variant,\n  size,\n  onClick,\n  ...props\n}: DropdownTriggerProps) => {\n  const { toggle, open, menuId } = useDropdown();\n\n  return (\n    <button\n      type=\"button\"\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n      aria-controls={menuId}\n      className={cn(triggerVariants({ variant, size }), className)}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          toggle();\n        }\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n\n/* =========================\n   Content\n========================= */\nexport const DropdownContent = ({\n  children,\n  className,\n  placement = \"bottom\",\n  spacing = \"default\",\n  divider,\n  ...props\n}: DropdownContentProps) => {\n  const { open, setOpen, menuId } = useDropdown();\n  const ref = useRef<HTMLDivElement>(null);\n\n  // click outside\n  useClickOutside({ ref, setOpen });\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={ref}\n      id={menuId}\n      role=\"menu\"\n      className={cn(\n        contentVariants({ placement, spacing }),\n        className,\n        divider && \"divide-y divide-current\",\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\n/* =========================\n   Item\n========================= */\nexport const DropdownItem = ({\n  children,\n  value,\n  className,\n  variant,\n  onSelect,\n  leftIcon,\n  rightIcon,\n  ...props\n}: DropdownItemProps) => {\n  const { toggleSelect, selectedValues } = useDropdown();\n  const isSelected = selectedValues.includes(value);\n\n  const handleClick = () => {\n    toggleSelect(value);\n    onSelect?.();\n  };\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          handleClick();\n        }\n      }}\n      className={cn(itemVariants({ variant }), className)}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        {leftIcon}\n        {children}\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {isSelected && <FiCheck />}\n        {rightIcon}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/ui/dropdown/variants.ts","../../src/ui/dropdown/dropdown.tsx"],"names":["cva","createContext","useContext","useId","useState","jsx","cn","useRef","useClickOutside","jsxs","FiCheck"],"mappings":"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","file":"dropdown.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const triggerVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-gray-200 dark:bg-gray-900 text-slate-900 dark:text-white\",\n        outline:\n          \"border border-gray-700 dark:border-gray-300 text-gray-900 dark:text-gray-100\",\n        ghost: \"bg-transparent text-gray-900 dark:text-gray-100\",\n        white: \"bg-white text-gray-900\",\n        black: \"bg-black text-white\",\n        sky: \"border border-sky-800 dark:border-sky-600 text-sky-800 dark:text-sky-600\",\n        rose: \"border border-rose-800 dark:border-rose-600 text-rose-800 dark:text-rose-600\",\n        purple:\n          \"border border-purple-800 dark:border-purple-600 text-purple-800 dark:text-purple-600\",\n        pink: \"border border-pink-800 dark:border-pink-600 text-pink-800 dark:text-pink-600\",\n        orange:\n          \"border border-orange-800 dark:border-orange-600 text-orange-800 dark:text-orange-600\",\n        yellow:\n          \"border border-yellow-800 dark:border-yellow-600 text-yellow-800 dark:text-yellow-600\",\n        teal: \"border border-teal-800 dark:border-teal-600 text-teal-800 dark:text-teal-600\",\n        indigo:\n          \"border border-indigo-800 dark:border-indigo-600 text-indigo-800 dark:text-indigo-600\",\n        emerald:\n          \"border border-emerald-800 dark:border-emerald-600 text-emerald-800 dark:text-emerald-600\",\n        gray: \"border border-gray-800 dark:border-gray-600 text-gray-800 dark:text-gray-600\",\n        amber:\n          \"border border-amber-800 dark:border-amber-600 text-amber-800 dark:text-amber-600\",\n        violet:\n          \"border border-violet-800 dark:border-violet-600 text-violet-800 dark:text-violet-600\",\n        \"gradient-blue\":\n          \"bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-blue-200\",\n        \"gradient-green\":\n          \"bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-green-200\",\n        \"gradient-red\":\n          \"bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-red-200\",\n        \"gradient-yellow\":\n          \"bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-yellow-200\",\n        \"gradient-purple\":\n          \"bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-purple-200\",\n        \"gradient-teal\":\n          \"bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-teal-200\",\n        \"gradient-indigo\":\n          \"bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-indigo-200\",\n        \"gradient-pink\":\n          \"bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-pink-200\",\n        \"gradient-orange\":\n          \"bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-orange-200\",\n      },\n      size: {\n        sm: \"px-2 py-1 text-sm\",\n        md: \"px-3 py-2 text-base\",\n        lg: \"px-4 py-3 text-lg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const contentVariants = cva(\n  \"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\",\n  {\n    variants: {\n      placement: {\n        top: \"bottom-full mb-2\",\n        bottom: \"top-full mt-2\",\n        left: \"right-full mr-2\",\n        right: \"left-full ml-2\",\n      },\n      spacing: {\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      },\n    },\n    defaultVariants: {\n      placement: \"bottom\",\n      spacing: \"default\",\n    },\n  },\n);\n\nexport const itemVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 text-gray-900 dark:text-gray-100\",\n        outline:\n          \"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\",\n        ghost:\n          \"hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 bg-transparent text-gray-900 dark:text-gray-100\",\n        white:\n          \"hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 bg-white dark:bg-black text-gray-900 dark:text-white\",\n        black:\n          \"hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 bg-black dark:bg-white text-white dark:text-gray-900\",\n        sky: \"hover:bg-sky-100 hover:text-sky-800 dark:hover:text-sky-600 bg-sky-200 text-sky-900 dark:text-sky-800\",\n        rose: \"hover:bg-rose-100 hover:text-rose-800 dark:hover:text-rose-600 bg-rose-200 text-rose-900 dark:text-rose-800\",\n        purple:\n          \"hover:bg-purple-100 hover:text-purple-800 dark:hover:text-purple-600 bg-purple-200 text-purple-900 dark:text-purple-800\",\n        pink: \"hover:bg-pink-100 hover:text-pink-800 dark:hover:text-pink-600 bg-pink-200 text-pink-900 dark:text-pink-800\",\n        orange:\n          \"hover:bg-orange-100 hover:text-orange-800 dark:hover:text-orange-600 bg-orange-200 text-orange-900 dark:text-orange-800\",\n        yellow:\n          \"hover:bg-yellow-100 hover:text-yellow-800 dark:hover:text-yellow-600 bg-yellow-200 text-yellow-900 dark:text-yellow-800\",\n        teal: \"hover:bg-teal-100 hover:text-teal-800 dark:hover:text-teal-600 bg-teal-200 text-teal-900 dark:text-teal-800\",\n        indigo:\n          \"hover:bg-indigo-100 hover:text-indigo-800 dark:hover:text-indigo-600 bg-indigo-200 text-indigo-900 dark:text-indigo-800\",\n        emerald:\n          \"hover:bg-emerald-100 hover:text-emerald-800 dark:hover:text-emerald-600 bg-emerald-200 text-emerald-900 dark:text-emerald-800\",\n        gray: \"hover:bg-gray-100 hover:text-gray-500 dark:hover:text-gray-900 bg-gray-200 text-gray-500 dark:text-gray-800\",\n        amber:\n          \"hover:bg-amber-100 hover:text-amber-800 dark:hover:text-amber-600 bg-amber-200 text-amber-900 dark:text-amber-800\",\n        violet:\n          \"hover:bg-violet-100 hover:text-violet-800 dark:hover:text-violet-600 bg-violet-200 text-violet-900 dark:text-violet-800\",\n        \"gradient-blue\":\n          \"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\",\n        \"gradient-green\":\n          \"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\",\n        \"gradient-red\":\n          \"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\",\n        \"gradient-yellow\":\n          \"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\",\n        \"gradient-purple\":\n          \"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\",\n        \"gradient-teal\":\n          \"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\",\n        \"gradient-indigo\":\n          \"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\",\n        \"gradient-pink\":\n          \"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\",\n        \"gradient-orange\":\n          \"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\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n  useId,\n} from \"react\";\nimport { FiCheck } from \"react-icons/fi\";\nimport { cn } from \"../../lib/utils\";\nimport type {\n  DropdownContextType,\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownContentProps,\n  DropdownItemProps,\n} from \"./types\";\nimport { triggerVariants, contentVariants, itemVariants } from \"./variants\";\nimport { useClickOutside } from \"../../hooks/useClickOutside\";\n\n/* =========================\n   Context\n========================= */\nconst DropdownContext = createContext<DropdownContextType | null>(null);\n\nconst useDropdown = () => {\n  const ctx = useContext(DropdownContext);\n  if (!ctx) throw new Error(\"Use inside Dropdown\");\n  return ctx;\n};\n\n/* =========================\n   Root\n========================= */\nexport const Dropdown = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  multiSelect = false,\n}: DropdownProps) => {\n  const menuId = `${useId()}-menu`;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [selectedValues, setSelectedValues] = useState<string[]>([]);\n\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = (val: boolean) => {\n    if (controlledOpen !== undefined) {\n      onOpenChange?.(val);\n    } else {\n      setUncontrolledOpen(val);\n    }\n  };\n\n  const toggle = () => setOpen(!open);\n\n  const toggleSelect = (value: string) => {\n    if (!multiSelect) {\n      setSelectedValues([value]);\n      setOpen(false);\n      return;\n    }\n\n    setSelectedValues((prev) =>\n      prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n    );\n  };\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        open,\n        setOpen,\n        toggle,\n        selectedValues,\n        toggleSelect,\n        multiSelect,\n        menuId,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </DropdownContext.Provider>\n  );\n};\n\n/* =========================\n   Trigger\n========================= */\nexport const DropdownTrigger = ({\n  children,\n  className,\n  variant,\n  size,\n  onClick,\n  ...props\n}: DropdownTriggerProps) => {\n  const { toggle, open, menuId } = useDropdown();\n\n  return (\n    <button\n      type=\"button\"\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n      aria-controls={menuId}\n      className={cn(triggerVariants({ variant, size }), className)}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          toggle();\n        }\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n\n/* =========================\n   Content\n========================= */\nexport const DropdownContent = ({\n  children,\n  className,\n  placement = \"bottom\",\n  spacing = \"default\",\n  divider,\n  ...props\n}: DropdownContentProps) => {\n  const { open, setOpen, menuId } = useDropdown();\n  const ref = useRef<HTMLDivElement>(null);\n\n  // click outside\n  useClickOutside({ ref, setOpen });\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={ref}\n      id={menuId}\n      role=\"menu\"\n      className={cn(\n        contentVariants({ placement, spacing }),\n        className,\n        divider && \"divide-y divide-current\"\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\n/* =========================\n   Item\n========================= */\nexport const DropdownItem = ({\n  children,\n  value,\n  className,\n  variant,\n  onSelect,\n  leftIcon,\n  rightIcon,\n  ...props\n}: DropdownItemProps) => {\n  const { toggleSelect, selectedValues } = useDropdown();\n  const isSelected = selectedValues.includes(value);\n\n  const handleClick = () => {\n    toggleSelect(value);\n    onSelect?.();\n  };\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          handleClick();\n        }\n      }}\n      className={cn(itemVariants({ variant }), className)}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        {leftIcon}\n        {children}\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {isSelected && <FiCheck />}\n        {rightIcon}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/ui/dropdown.mjs

@@ -11,32 +11,32 @@ var triggerVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-gray-900 text-white",
-        outline: "border border-gray-300",
-        ghost: "bg-transparent",
+        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-600 text-sky-600",
-        rose: "border border-rose-600 text-rose-600",
-        purple: "border border-purple-600 text-purple-600",
-        pink: "border border-pink-600 text-pink-600",
-        orange: "border border-orange-600 text-orange-600",
-        yellow: "border border-yellow-600 text-yellow-600",
-        teal: "border border-teal-600 text-teal-600",
-        indigo: "border border-indigo-600 text-indigo-600",
-        emerald: "border border-emerald-600 text-emerald-600",
-        gray: "border border-gray-600 text-gray-600",
-        amber: "border border-amber-600 text-amber-600",
-        violet: "border border-violet-600 text-violet-600",
-        "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600 text-blue-200",
-        "gradient-green": "bg-linear-to-r from-green-600 to-lime-600 text-green-200",
-        "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 text-red-200",
-        "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600 text-yellow-200",
-        "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600 text-purple-200",
-        "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 text-teal-200",
-        "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600 text-indigo-200",
-        "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 text-pink-200",
-        "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600 text-orange-200"
+        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",
@@ -51,7 +51,7 @@ var triggerVariants = cva(
   }
 );
 var contentVariants = cva(
-  "absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border",
+  "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: {
@@ -76,36 +76,36 @@ var contentVariants = cva(
   }
 );
 var itemVariants = 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",
+  "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-900 text-gray-100",
-        outline: "hover:bg-gray-100 hover:text-gray-900 border border-white text-gray-100",
-        ghost: "hover:bg-gray-100 hover:text-gray-900 bg-transparent text-gray-100",
-        white: "hover:bg-gray-100 hover:text-gray-900 bg-white text-gray-900",
-        black: "hover:bg-gray-100 hover:text-gray-900 bg-black text-white",
-        sky: "hover:bg-sky-100 hover:text-sky-600 bg-sky-200 text-sky-800",
-        rose: "hover:bg-rose-100 hover:text-rose-600 bg-rose-200 text-rose-800",
-        purple: "hover:bg-purple-100 hover:text-purple-600 bg-purple-200 text-purple-800",
-        pink: "hover:bg-pink-100 hover:text-pink-600 bg-pink-200 text-pink-800",
-        orange: "hover:bg-orange-100 hover:text-orange-600 bg-orange-200 text-orange-800",
-        yellow: "hover:bg-yellow-100 hover:text-yellow-600 bg-yellow-200 text-yellow-800",
-        teal: "hover:bg-teal-100 hover:text-teal-600 bg-teal-200 text-teal-800",
-        indigo: "hover:bg-indigo-100 hover:text-indigo-600 bg-indigo-200 text-indigo-800",
-        emerald: "hover:bg-emerald-100 hover:text-emerald-600 bg-emerald-200 text-emerald-800",
-        gray: "hover:bg-gray-100 hover:text-gray-900 bg-gray-200 text-gray-800",
-        amber: "hover:bg-amber-100 hover:text-amber-600 bg-amber-200 text-amber-800",
-        violet: "hover:bg-violet-100 hover:text-violet-600 bg-violet-200 text-violet-800",
-        "gradient-blue": "hover:bg-linear-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-linear-to-r from-blue-200 to-purple-200 text-blue-800",
-        "gradient-green": "hover:bg-linear-to-r from-green-600 to-lime-600 hover:text-green-900 bg-linear-to-r from-green-200 to-lime-200 text-green-800",
-        "gradient-red": "hover:bg-linear-to-r from-red-600 to-pink-600 hover:text-red-900 bg-linear-to-r from-red-200 to-pink-200 text-red-800",
-        "gradient-yellow": "hover:bg-linear-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-linear-to-r from-yellow-200 to-orange-200 text-yellow-800",
-        "gradient-purple": "hover:bg-linear-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-linear-to-r from-purple-200 to-pink-200 text-purple-800",
-        "gradient-teal": "hover:bg-linear-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-linear-to-r from-teal-200 to-cyan-200 text-teal-800",
-        "gradient-indigo": "hover:bg-linear-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-linear-to-r from-indigo-200 to-purple-200 text-indigo-800",
-        "gradient-pink": "hover:bg-linear-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-linear-to-r from-pink-200 to-rose-200 text-pink-800",
-        "gradient-orange": "hover:bg-linear-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-linear-to-r from-orange-200 to-red-200 text-orange-800"
+        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: {