@zentauri-ui/zentauri-components 1.4.51 → 1.4.62

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

@@ -5,19 +5,19 @@
 export declare const buttonLikeSolidAppearances: {
     readonly default: "bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)]";
     readonly secondary: "bg-slate-800 text-slate-50";
-    readonly destructive: "bg-rose-600 text-white";
+    readonly destructive: "bg-rose-700 text-white";
     readonly outline: "border border-white/10 bg-white/5 text-slate-50";
     readonly ghost: "bg-transparent text-slate-200";
     readonly glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md";
-    readonly emerald: "bg-emerald-600 text-white";
+    readonly emerald: "bg-emerald-800 text-white";
     readonly indigo: "bg-indigo-600 text-white";
     readonly purple: "bg-purple-600 text-white";
     readonly pink: "bg-pink-600 text-white";
-    readonly rose: "bg-rose-600 text-white";
-    readonly sky: "bg-sky-600 text-white";
-    readonly teal: "bg-teal-600 text-white";
-    readonly yellow: "bg-yellow-600 text-white";
-    readonly orange: "bg-orange-600 text-white";
+    readonly rose: "bg-rose-700 text-white";
+    readonly sky: "bg-sky-700 text-white";
+    readonly teal: "bg-teal-700 text-white";
+    readonly yellow: "bg-yellow-800 text-white";
+    readonly orange: "bg-orange-800 text-white";
     readonly "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white";
     readonly "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white";
     readonly "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white";

package/dist/ui/badge.js

@@ -1,22 +1,22 @@
 "use client";
 'use strict';
 
-var chunkE3DZNJAD_js = require('../chunk-E3DZNJAD.js');
+var chunkY4EDWZKH_js = require('../chunk-Y4EDWZKH.js');
 require('../chunk-UOZYPWDZ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Badge(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkE3DZNJAD_js.BadgeBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkY4EDWZKH_js.BadgeBase, { ...props });
 }
 Badge.displayName = "Badge";
 
 Object.defineProperty(exports, "badgeCloseButtonVariants", {
   enumerable: true,
-  get: function () { return chunkE3DZNJAD_js.badgeCloseButtonVariants; }
+  get: function () { return chunkY4EDWZKH_js.badgeCloseButtonVariants; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunkE3DZNJAD_js.badgeVariants; }
+  get: function () { return chunkY4EDWZKH_js.badgeVariants; }
 });
 exports.Badge = Badge;
 //# sourceMappingURL=badge.js.map

package/dist/ui/badge.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { BadgeBase } from '../chunk-XWM2S6VV.mjs';
-export { badgeCloseButtonVariants, badgeVariants } from '../chunk-XWM2S6VV.mjs';
+import { BadgeBase } from '../chunk-EQSSYK27.mjs';
+export { badgeCloseButtonVariants, badgeVariants } from '../chunk-EQSSYK27.mjs';
 import '../chunk-DFEZH7TC.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/ui/buttons/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkBITDSQMR_js = require('../../chunk-BITDSQMR.js');
+var chunkZNDHS5OK_js = require('../../chunk-ZNDHS5OK.js');
 var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -60,7 +60,7 @@ var ButtonAnimated = (props) => {
         target,
         rel: target === "_blank" ? "noopener noreferrer" : void 0,
         "data-slot": "button",
-        className: chunkUOZYPWDZ_js.cn(chunkBITDSQMR_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        className: chunkUOZYPWDZ_js.cn(chunkZNDHS5OK_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
         initial: false,
         ...motionProps2,
         ...rest2,
@@ -85,7 +85,7 @@ var ButtonAnimated = (props) => {
       ref,
       type,
       "data-slot": "button",
-      className: chunkUOZYPWDZ_js.cn(chunkBITDSQMR_js.buttonVariants({ appearance, size }), className),
+      className: chunkUOZYPWDZ_js.cn(chunkZNDHS5OK_js.buttonVariants({ appearance, size }), className),
       initial: false,
       ...motionProps,
       ...rest,

package/dist/ui/buttons/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { buttonVariants } from '../../chunk-BORK3BJO.mjs';
+import { buttonVariants } from '../../chunk-J56L4ZQ3.mjs';
 import { cn } from '../../chunk-DFEZH7TC.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/buttons.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkBITDSQMR_js = require('../chunk-BITDSQMR.js');
+var chunkZNDHS5OK_js = require('../chunk-ZNDHS5OK.js');
 var chunkUOZYPWDZ_js = require('../chunk-UOZYPWDZ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -25,7 +25,7 @@ var ButtonBase = (props) => {
         target,
         rel: target === "_blank" ? "noopener noreferrer" : void 0,
         "data-slot": "button",
-        className: chunkUOZYPWDZ_js.cn(chunkBITDSQMR_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        className: chunkUOZYPWDZ_js.cn(chunkZNDHS5OK_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
         ...rest2,
         children: children2
       }
@@ -46,7 +46,7 @@ var ButtonBase = (props) => {
       ref,
       type,
       "data-slot": "button",
-      className: chunkUOZYPWDZ_js.cn(chunkBITDSQMR_js.buttonVariants({ appearance, size }), className),
+      className: chunkUOZYPWDZ_js.cn(chunkZNDHS5OK_js.buttonVariants({ appearance, size }), className),
       ...rest,
       children
     }
@@ -60,7 +60,7 @@ Button.displayName = "Button";
 
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkBITDSQMR_js.buttonVariants; }
+  get: function () { return chunkZNDHS5OK_js.buttonVariants; }
 });
 exports.Button = Button;
 //# sourceMappingURL=buttons.js.map

package/dist/ui/buttons.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { buttonVariants } from '../chunk-BORK3BJO.mjs';
-export { buttonVariants } from '../chunk-BORK3BJO.mjs';
+import { buttonVariants } from '../chunk-J56L4ZQ3.mjs';
+export { buttonVariants } from '../chunk-J56L4ZQ3.mjs';
 import { cn } from '../chunk-DFEZH7TC.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/ui/drawer/animated/drawer-content-animated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-content-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/drawer/animated/drawer-content-animated.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,IAAc,EACd,IAAI,EACJ,UAAU,EACV,SAAmB,EACnB,QAAQ,EACR,GAAG,EACH,EAAE,EACF,KAAK,GACN,EAAE,0BAA0B,sCAuE5B;yBAjFe,qBAAqB"}
+{"version":3,"file":"drawer-content-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/drawer/animated/drawer-content-animated.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,IAAc,EACd,IAAI,EACJ,UAAU,EACV,SAAmB,EACnB,QAAQ,EACR,GAAG,EACH,EAAE,EACF,KAAK,GACN,EAAE,0BAA0B,sCAsE5B;yBAhFe,qBAAqB"}

package/dist/ui/drawer/animated.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkN4NO3SYL_js = require('../../chunk-N4NO3SYL.js');
-var chunkYPLVTUYL_js = require('../../chunk-YPLVTUYL.js');
+var chunkNX3IHMT7_js = require('../../chunk-NX3IHMT7.js');
+var chunkUP6S75V5_js = require('../../chunk-UP6S75V5.js');
 require('../../chunk-UIYFEP3I.js');
 var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
 var framerMotion = require('framer-motion');
@@ -42,15 +42,16 @@ function DrawerContentAnimated({
   id,
   style
 }) {
-  const { open, setOpen, titleId, descriptionId, contentRef } = chunkN4NO3SYL_js.useDrawerContext("DrawerContent");
+  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = chunkNX3IHMT7_js.useDrawerContext("DrawerContent");
   const resolvedSide = side ?? "right";
   const reduceMotion = framerMotion.useReducedMotion();
   const overlayMotion = drawerPanelPresets(resolvedSide)[reduceMotion ? "fade" : animation];
   const panelMotion = drawerPanelPresets(resolvedSide)[reduceMotion ? "fade" : animation];
-  chunkYPLVTUYL_js.useFocusManagement({
+  chunkUP6S75V5_js.useFocusManagement({
     open,
     setOpen,
-    contentRef
+    contentRef,
+    triggerRef
   });
   const portalTarget = typeof document !== "undefined" ? document.body : null;
   if (!portalTarget) {
@@ -59,13 +60,11 @@ function DrawerContentAnimated({
   return reactDom.createPortal(
     /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: open ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50", "data-slot": "drawer-portal", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.button,
+        framerMotion.motion.div,
         {
-          type: "button",
-          "aria-hidden": true,
-          tabIndex: -1,
+          role: "presentation",
           "data-slot": "drawer-overlay",
-          className: chunkN4NO3SYL_js.drawerOverlayVariants(),
+          className: chunkNX3IHMT7_js.drawerOverlayVariants(),
           onClick: () => setOpen(false),
           initial: animation === "none" ? false : overlayMotion.initial,
           animate: animation === "none" ? void 0 : overlayMotion.animate,
@@ -91,7 +90,7 @@ function DrawerContentAnimated({
           "data-slot": "drawer-content",
           tabIndex: -1,
           className: chunkUOZYPWDZ_js.cn(
-            chunkN4NO3SYL_js.drawerContentVariants({ side: resolvedSide, size, appearance }),
+            chunkNX3IHMT7_js.drawerContentVariants({ side: resolvedSide, size, appearance }),
             className
           ),
           initial: animation === "none" ? false : panelMotion.initial,
@@ -111,31 +110,31 @@ DrawerContentAnimated.displayName = "DrawerContent";
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.Drawer; }
+  get: function () { return chunkNX3IHMT7_js.Drawer; }
 });
 Object.defineProperty(exports, "DrawerBody", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerBody; }
+  get: function () { return chunkNX3IHMT7_js.DrawerBody; }
 });
 Object.defineProperty(exports, "DrawerClose", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerClose; }
+  get: function () { return chunkNX3IHMT7_js.DrawerClose; }
 });
 Object.defineProperty(exports, "DrawerFooter", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerFooter; }
+  get: function () { return chunkNX3IHMT7_js.DrawerFooter; }
 });
 Object.defineProperty(exports, "DrawerHeader", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerHeader; }
+  get: function () { return chunkNX3IHMT7_js.DrawerHeader; }
 });
 Object.defineProperty(exports, "DrawerTitle", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerTitle; }
+  get: function () { return chunkNX3IHMT7_js.DrawerTitle; }
 });
 Object.defineProperty(exports, "DrawerTrigger", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerTrigger; }
+  get: function () { return chunkNX3IHMT7_js.DrawerTrigger; }
 });
 exports.DrawerContentAnimated = DrawerContentAnimated;
 exports.drawerPanelPresets = drawerPanelPresets;

package/dist/ui/drawer/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/drawer/animated/animations.ts","../../../src/ui/drawer/animated/drawer-content-animated.tsx"],"names":["useDrawerContext","useReducedMotion","useFocusManagement","createPortal","jsx","AnimatePresence","jsxs","motion","drawerOverlayVariants","cn","drawerContentVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import { DrawerAnimationPresets } from \"./types\";\n\nexport const drawerPanelPresets = (\n  side: \"left\" | \"right\" | \"top\" | \"bottom\",\n): DrawerAnimationPresets => ({\n  none: {},\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.2 },\n  },\n  scale: {\n    initial: { opacity: 0, scale: 0.98 },\n    animate: { opacity: 1, scale: 1 },\n    exit: { opacity: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 32 },\n  },\n  slide: {\n    initial:\n      side === \"left\"\n        ? { x: -24, opacity: 0 }\n        : side === \"right\"\n          ? { x: 24, opacity: 0 }\n          : side === \"top\"\n            ? { y: -24, opacity: 0 }\n            : { y: 24, opacity: 0 },\n    animate: { x: 0, y: 0, opacity: 1 },\n    exit:\n      side === \"left\"\n        ? { x: -16, opacity: 0 }\n        : side === \"right\"\n          ? { x: 16, opacity: 0 }\n          : side === \"top\"\n            ? { y: -16, opacity: 0 }\n            : { y: 16, opacity: 0 },\n    transition: { type: \"spring\", stiffness: 380, damping: 30 },\n  },\n});\n","\"use client\";\n\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\nimport type { MutableRefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { useFocusManagement } from \"../../../hooks/useFocusManagement\";\n\nimport { drawerPanelPresets } from \"./animations\";\nimport { useDrawerContext } from \"../drawer-base\";\nimport {\n  drawerContentVariants,\n  drawerOverlayVariants,\n} from \"../variants\";\nimport type { DrawerContentAnimatedProps } from \"./types\";\n\nexport function DrawerContentAnimated({\n  className,\n  side = \"right\",\n  size,\n  appearance,\n  animation = \"slide\",\n  children,\n  ref,\n  id,\n  style,\n}: DrawerContentAnimatedProps) {\n  const { open, setOpen, titleId, descriptionId, contentRef } =\n    useDrawerContext(\"DrawerContent\");\n  const resolvedSide = side ?? \"right\";\n  const reduceMotion = useReducedMotion();\n  const overlayMotion =\n    drawerPanelPresets(resolvedSide)[reduceMotion ? \"fade\" : animation];\n  const panelMotion =\n    drawerPanelPresets(resolvedSide)[reduceMotion ? \"fade\" : animation];\n\n  useFocusManagement({\n    open,\n    setOpen,\n    contentRef,\n  });\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <AnimatePresence>\n      {open ? (\n        <div className=\"fixed inset-0 z-50\" data-slot=\"drawer-portal\">\n          <motion.button\n            type=\"button\"\n            aria-hidden\n            tabIndex={-1}\n            data-slot=\"drawer-overlay\"\n            className={drawerOverlayVariants()}\n            onClick={() => setOpen(false)}\n            initial={animation === \"none\" ? false : overlayMotion.initial}\n            animate={animation === \"none\" ? undefined : overlayMotion.animate}\n            exit={animation === \"none\" ? undefined : overlayMotion.exit}\n            transition={overlayMotion.transition}\n          />\n          <motion.div\n            ref={(node) => {\n              contentRef.current = node;\n              if (typeof ref === \"function\") {\n                ref(node);\n              } else if (ref) {\n                (ref as MutableRefObject<HTMLDivElement | null>).current =\n                  node;\n              }\n            }}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={titleId}\n            aria-describedby={descriptionId}\n            data-slot=\"drawer-content\"\n            tabIndex={-1}\n            className={cn(\n              drawerContentVariants({ side: resolvedSide, size, appearance }),\n              className,\n            )}\n            initial={animation === \"none\" ? false : panelMotion.initial}\n            animate={animation === \"none\" ? undefined : panelMotion.animate}\n            exit={animation === \"none\" ? undefined : panelMotion.exit}\n            transition={panelMotion.transition}\n            id={id}\n            style={style}\n          >\n            {children}\n          </motion.div>\n        </div>\n      ) : null}\n    </AnimatePresence>,\n    portalTarget,\n  );\n}\n\nDrawerContentAnimated.displayName = \"DrawerContent\";\n"]}
+{"version":3,"sources":["../../../src/ui/drawer/animated/animations.ts","../../../src/ui/drawer/animated/drawer-content-animated.tsx"],"names":["useDrawerContext","useReducedMotion","useFocusManagement","createPortal","jsx","AnimatePresence","jsxs","motion","drawerOverlayVariants","cn","drawerContentVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import { DrawerAnimationPresets } from \"./types\";\n\nexport const drawerPanelPresets = (\n  side: \"left\" | \"right\" | \"top\" | \"bottom\",\n): DrawerAnimationPresets => ({\n  none: {},\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.2 },\n  },\n  scale: {\n    initial: { opacity: 0, scale: 0.98 },\n    animate: { opacity: 1, scale: 1 },\n    exit: { opacity: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 32 },\n  },\n  slide: {\n    initial:\n      side === \"left\"\n        ? { x: -24, opacity: 0 }\n        : side === \"right\"\n          ? { x: 24, opacity: 0 }\n          : side === \"top\"\n            ? { y: -24, opacity: 0 }\n            : { y: 24, opacity: 0 },\n    animate: { x: 0, y: 0, opacity: 1 },\n    exit:\n      side === \"left\"\n        ? { x: -16, opacity: 0 }\n        : side === \"right\"\n          ? { x: 16, opacity: 0 }\n          : side === \"top\"\n            ? { y: -16, opacity: 0 }\n            : { y: 16, opacity: 0 },\n    transition: { type: \"spring\", stiffness: 380, damping: 30 },\n  },\n});\n","\"use client\";\n\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\nimport type { MutableRefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { useFocusManagement } from \"../../../hooks/useFocusManagement\";\n\nimport { drawerPanelPresets } from \"./animations\";\nimport { useDrawerContext } from \"../drawer-base\";\nimport {\n  drawerContentVariants,\n  drawerOverlayVariants,\n} from \"../variants\";\nimport type { DrawerContentAnimatedProps } from \"./types\";\n\nexport function DrawerContentAnimated({\n  className,\n  side = \"right\",\n  size,\n  appearance,\n  animation = \"slide\",\n  children,\n  ref,\n  id,\n  style,\n}: DrawerContentAnimatedProps) {\n  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } =\n    useDrawerContext(\"DrawerContent\");\n  const resolvedSide = side ?? \"right\";\n  const reduceMotion = useReducedMotion();\n  const overlayMotion =\n    drawerPanelPresets(resolvedSide)[reduceMotion ? \"fade\" : animation];\n  const panelMotion =\n    drawerPanelPresets(resolvedSide)[reduceMotion ? \"fade\" : animation];\n\n  useFocusManagement({\n    open,\n    setOpen,\n    contentRef,\n    triggerRef,\n  });\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <AnimatePresence>\n      {open ? (\n        <div className=\"fixed inset-0 z-50\" data-slot=\"drawer-portal\">\n          <motion.div\n            role=\"presentation\"\n            data-slot=\"drawer-overlay\"\n            className={drawerOverlayVariants()}\n            onClick={() => setOpen(false)}\n            initial={animation === \"none\" ? false : overlayMotion.initial}\n            animate={animation === \"none\" ? undefined : overlayMotion.animate}\n            exit={animation === \"none\" ? undefined : overlayMotion.exit}\n            transition={overlayMotion.transition}\n          />\n          <motion.div\n            ref={(node) => {\n              contentRef.current = node;\n              if (typeof ref === \"function\") {\n                ref(node);\n              } else if (ref) {\n                (ref as MutableRefObject<HTMLDivElement | null>).current =\n                  node;\n              }\n            }}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={titleId}\n            aria-describedby={descriptionId}\n            data-slot=\"drawer-content\"\n            tabIndex={-1}\n            className={cn(\n              drawerContentVariants({ side: resolvedSide, size, appearance }),\n              className,\n            )}\n            initial={animation === \"none\" ? false : panelMotion.initial}\n            animate={animation === \"none\" ? undefined : panelMotion.animate}\n            exit={animation === \"none\" ? undefined : panelMotion.exit}\n            transition={panelMotion.transition}\n            id={id}\n            style={style}\n          >\n            {children}\n          </motion.div>\n        </div>\n      ) : null}\n    </AnimatePresence>,\n    portalTarget,\n  );\n}\n\nDrawerContentAnimated.displayName = \"DrawerContent\";\n"]}

package/dist/ui/drawer/animated.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { useDrawerContext, drawerOverlayVariants, drawerContentVariants } from '../../chunk-PGH27VTL.mjs';
-export { Drawer, DrawerBody, DrawerClose, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../../chunk-PGH27VTL.mjs';
-import { useFocusManagement } from '../../chunk-WL5I7RVS.mjs';
+import { useDrawerContext, drawerOverlayVariants, drawerContentVariants } from '../../chunk-JF3FKUUP.mjs';
+export { Drawer, DrawerBody, DrawerClose, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../../chunk-JF3FKUUP.mjs';
+import { useFocusManagement } from '../../chunk-4E66ICIR.mjs';
 import '../../chunk-PMAF6FBF.mjs';
 import { cn } from '../../chunk-DFEZH7TC.mjs';
 import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
@@ -41,7 +41,7 @@ function DrawerContentAnimated({
   id,
   style
 }) {
-  const { open, setOpen, titleId, descriptionId, contentRef } = useDrawerContext("DrawerContent");
+  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = useDrawerContext("DrawerContent");
   const resolvedSide = side ?? "right";
   const reduceMotion = useReducedMotion();
   const overlayMotion = drawerPanelPresets(resolvedSide)[reduceMotion ? "fade" : animation];
@@ -49,7 +49,8 @@ function DrawerContentAnimated({
   useFocusManagement({
     open,
     setOpen,
-    contentRef
+    contentRef,
+    triggerRef
   });
   const portalTarget = typeof document !== "undefined" ? document.body : null;
   if (!portalTarget) {
@@ -58,11 +59,9 @@ function DrawerContentAnimated({
   return createPortal(
     /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", "data-slot": "drawer-portal", children: [
       /* @__PURE__ */ jsx(
-        motion.button,
+        motion.div,
         {
-          type: "button",
-          "aria-hidden": true,
-          tabIndex: -1,
+          role: "presentation",
           "data-slot": "drawer-overlay",
           className: drawerOverlayVariants(),
           onClick: () => setOpen(false),

package/dist/ui/drawer/animated.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/drawer/animated/animations.ts","../../../src/ui/drawer/animated/drawer-content-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import { DrawerAnimationPresets } from \"./types\";\n\nexport const drawerPanelPresets = (\n  side: \"left\" | \"right\" | \"top\" | \"bottom\",\n): DrawerAnimationPresets => ({\n  none: {},\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.2 },\n  },\n  scale: {\n    initial: { opacity: 0, scale: 0.98 },\n    animate: { opacity: 1, scale: 1 },\n    exit: { opacity: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 32 },\n  },\n  slide: {\n    initial:\n      side === \"left\"\n        ? { x: -24, opacity: 0 }\n        : side === \"right\"\n          ? { x: 24, opacity: 0 }\n          : side === \"top\"\n            ? { y: -24, opacity: 0 }\n            : { y: 24, opacity: 0 },\n    animate: { x: 0, y: 0, opacity: 1 },\n    exit:\n      side === \"left\"\n        ? { x: -16, opacity: 0 }\n        : side === \"right\"\n          ? { x: 16, opacity: 0 }\n          : side === \"top\"\n            ? { y: -16, opacity: 0 }\n            : { y: 16, opacity: 0 },\n    transition: { type: \"spring\", stiffness: 380, damping: 30 },\n  },\n});\n","\"use client\";\n\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\nimport type { MutableRefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { useFocusManagement } from \"../../../hooks/useFocusManagement\";\n\nimport { drawerPanelPresets } from \"./animations\";\nimport { useDrawerContext } from \"../drawer-base\";\nimport {\n  drawerContentVariants,\n  drawerOverlayVariants,\n} from \"../variants\";\nimport type { DrawerContentAnimatedProps } from \"./types\";\n\nexport function DrawerContentAnimated({\n  className,\n  side = \"right\",\n  size,\n  appearance,\n  animation = \"slide\",\n  children,\n  ref,\n  id,\n  style,\n}: DrawerContentAnimatedProps) {\n  const { open, setOpen, titleId, descriptionId, contentRef } =\n    useDrawerContext(\"DrawerContent\");\n  const resolvedSide = side ?? \"right\";\n  const reduceMotion = useReducedMotion();\n  const overlayMotion =\n    drawerPanelPresets(resolvedSide)[reduceMotion ? \"fade\" : animation];\n  const panelMotion =\n    drawerPanelPresets(resolvedSide)[reduceMotion ? \"fade\" : animation];\n\n  useFocusManagement({\n    open,\n    setOpen,\n    contentRef,\n  });\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <AnimatePresence>\n      {open ? (\n        <div className=\"fixed inset-0 z-50\" data-slot=\"drawer-portal\">\n          <motion.button\n            type=\"button\"\n            aria-hidden\n            tabIndex={-1}\n            data-slot=\"drawer-overlay\"\n            className={drawerOverlayVariants()}\n            onClick={() => setOpen(false)}\n            initial={animation === \"none\" ? false : overlayMotion.initial}\n            animate={animation === \"none\" ? undefined : overlayMotion.animate}\n            exit={animation === \"none\" ? undefined : overlayMotion.exit}\n            transition={overlayMotion.transition}\n          />\n          <motion.div\n            ref={(node) => {\n              contentRef.current = node;\n              if (typeof ref === \"function\") {\n                ref(node);\n              } else if (ref) {\n                (ref as MutableRefObject<HTMLDivElement | null>).current =\n                  node;\n              }\n            }}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={titleId}\n            aria-describedby={descriptionId}\n            data-slot=\"drawer-content\"\n            tabIndex={-1}\n            className={cn(\n              drawerContentVariants({ side: resolvedSide, size, appearance }),\n              className,\n            )}\n            initial={animation === \"none\" ? false : panelMotion.initial}\n            animate={animation === \"none\" ? undefined : panelMotion.animate}\n            exit={animation === \"none\" ? undefined : panelMotion.exit}\n            transition={panelMotion.transition}\n            id={id}\n            style={style}\n          >\n            {children}\n          </motion.div>\n        </div>\n      ) : null}\n    </AnimatePresence>,\n    portalTarget,\n  );\n}\n\nDrawerContentAnimated.displayName = \"DrawerContent\";\n"]}
+{"version":3,"sources":["../../../src/ui/drawer/animated/animations.ts","../../../src/ui/drawer/animated/drawer-content-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import { DrawerAnimationPresets } from \"./types\";\n\nexport const drawerPanelPresets = (\n  side: \"left\" | \"right\" | \"top\" | \"bottom\",\n): DrawerAnimationPresets => ({\n  none: {},\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.2 },\n  },\n  scale: {\n    initial: { opacity: 0, scale: 0.98 },\n    animate: { opacity: 1, scale: 1 },\n    exit: { opacity: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 32 },\n  },\n  slide: {\n    initial:\n      side === \"left\"\n        ? { x: -24, opacity: 0 }\n        : side === \"right\"\n          ? { x: 24, opacity: 0 }\n          : side === \"top\"\n            ? { y: -24, opacity: 0 }\n            : { y: 24, opacity: 0 },\n    animate: { x: 0, y: 0, opacity: 1 },\n    exit:\n      side === \"left\"\n        ? { x: -16, opacity: 0 }\n        : side === \"right\"\n          ? { x: 16, opacity: 0 }\n          : side === \"top\"\n            ? { y: -16, opacity: 0 }\n            : { y: 16, opacity: 0 },\n    transition: { type: \"spring\", stiffness: 380, damping: 30 },\n  },\n});\n","\"use client\";\n\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\nimport type { MutableRefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { useFocusManagement } from \"../../../hooks/useFocusManagement\";\n\nimport { drawerPanelPresets } from \"./animations\";\nimport { useDrawerContext } from \"../drawer-base\";\nimport {\n  drawerContentVariants,\n  drawerOverlayVariants,\n} from \"../variants\";\nimport type { DrawerContentAnimatedProps } from \"./types\";\n\nexport function DrawerContentAnimated({\n  className,\n  side = \"right\",\n  size,\n  appearance,\n  animation = \"slide\",\n  children,\n  ref,\n  id,\n  style,\n}: DrawerContentAnimatedProps) {\n  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } =\n    useDrawerContext(\"DrawerContent\");\n  const resolvedSide = side ?? \"right\";\n  const reduceMotion = useReducedMotion();\n  const overlayMotion =\n    drawerPanelPresets(resolvedSide)[reduceMotion ? \"fade\" : animation];\n  const panelMotion =\n    drawerPanelPresets(resolvedSide)[reduceMotion ? \"fade\" : animation];\n\n  useFocusManagement({\n    open,\n    setOpen,\n    contentRef,\n    triggerRef,\n  });\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <AnimatePresence>\n      {open ? (\n        <div className=\"fixed inset-0 z-50\" data-slot=\"drawer-portal\">\n          <motion.div\n            role=\"presentation\"\n            data-slot=\"drawer-overlay\"\n            className={drawerOverlayVariants()}\n            onClick={() => setOpen(false)}\n            initial={animation === \"none\" ? false : overlayMotion.initial}\n            animate={animation === \"none\" ? undefined : overlayMotion.animate}\n            exit={animation === \"none\" ? undefined : overlayMotion.exit}\n            transition={overlayMotion.transition}\n          />\n          <motion.div\n            ref={(node) => {\n              contentRef.current = node;\n              if (typeof ref === \"function\") {\n                ref(node);\n              } else if (ref) {\n                (ref as MutableRefObject<HTMLDivElement | null>).current =\n                  node;\n              }\n            }}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={titleId}\n            aria-describedby={descriptionId}\n            data-slot=\"drawer-content\"\n            tabIndex={-1}\n            className={cn(\n              drawerContentVariants({ side: resolvedSide, size, appearance }),\n              className,\n            )}\n            initial={animation === \"none\" ? false : panelMotion.initial}\n            animate={animation === \"none\" ? undefined : panelMotion.animate}\n            exit={animation === \"none\" ? undefined : panelMotion.exit}\n            transition={panelMotion.transition}\n            id={id}\n            style={style}\n          >\n            {children}\n          </motion.div>\n        </div>\n      ) : null}\n    </AnimatePresence>,\n    portalTarget,\n  );\n}\n\nDrawerContentAnimated.displayName = \"DrawerContent\";\n"]}

package/dist/ui/drawer/drawer-base.d.ts

@@ -4,7 +4,7 @@ export declare function Drawer({ open, defaultOpen, onOpenChange, children, }: D
 export declare namespace Drawer {
     var displayName: string;
 }
-export declare function DrawerTrigger({ className, children, appearance, onClick, ref, ...rest }: DrawerTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerTrigger({ className, children, appearance, onClick, ref: refProp, ...rest }: DrawerTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DrawerTrigger {
     var displayName: string;
 }

package/dist/ui/drawer/drawer-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-base.d.ts","sourceRoot":"","sources":["../../../src/ui/drawer/drawer-base.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AASjB,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAM7D;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,WAAmB,EACnB,YAAY,EACZ,QAAQ,GACT,EAAE,WAAW,2CAkCb;yBAvCe,MAAM;;;AA2CtB,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,UAAU,EACV,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAmBpB;yBA1Be,aAAa;;;AA8B7B,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,IAAc,EACd,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,GAAG,EACH,EAAE,EACF,KAAK,GACN,EAAE,kBAAkB,sCAuDpB;yBAhEe,aAAa;;;AAoE7B,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CASvE;yBATe,YAAY;;;AAa5B,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CASrE;yBATe,UAAU;;;AAa1B,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CASvE;yBATe,YAAY;;;AAa5B,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAWtE;yBAXe,WAAW;;;AAe3B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAiBpB;yBArBe,WAAW"}
+{"version":3,"file":"drawer-base.d.ts","sourceRoot":"","sources":["../../../src/ui/drawer/drawer-base.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AASjB,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAM7D;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,WAAmB,EACnB,YAAY,EACZ,QAAQ,GACT,EAAE,WAAW,2CAoCb;yBAzCe,MAAM;;;AA6CtB,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,UAAU,EACV,OAAO,EACP,GAAG,EAAE,OAAO,EACZ,GAAG,IAAI,EACR,EAAE,kBAAkB,2CA0BpB;yBAjCe,aAAa;;;AAqC7B,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,IAAc,EACd,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,GAAG,EACH,EAAE,EACF,KAAK,GACN,EAAE,kBAAkB,sCAsDpB;yBA/De,aAAa;;;AAmE7B,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CASvE;yBATe,YAAY;;;AAa5B,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CASrE;yBATe,UAAU;;;AAa1B,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CASvE;yBATe,YAAY;;;AAa5B,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAWtE;yBAXe,WAAW;;;AAe3B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAiBpB;yBArBe,WAAW"}

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

@@ -29,5 +29,6 @@ export type DrawerCtx = {
     titleId: string;
     descriptionId: string;
     contentRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLElement | null>;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/E,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEnF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC,YAAY,CAAC,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,GAAG;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC9C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/E,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEnF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC,YAAY,CAAC,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,GAAG;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC3C,CAAC"}

package/dist/ui/drawer.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkN4NO3SYL_js = require('../chunk-N4NO3SYL.js');
-require('../chunk-YPLVTUYL.js');
+var chunkNX3IHMT7_js = require('../chunk-NX3IHMT7.js');
+require('../chunk-UP6S75V5.js');
 require('../chunk-UIYFEP3I.js');
 require('../chunk-UOZYPWDZ.js');
 
@@ -10,43 +10,43 @@ require('../chunk-UOZYPWDZ.js');
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.Drawer; }
+  get: function () { return chunkNX3IHMT7_js.Drawer; }
 });
 Object.defineProperty(exports, "DrawerBody", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerBody; }
+  get: function () { return chunkNX3IHMT7_js.DrawerBody; }
 });
 Object.defineProperty(exports, "DrawerClose", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerClose; }
+  get: function () { return chunkNX3IHMT7_js.DrawerClose; }
 });
 Object.defineProperty(exports, "DrawerContent", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerContent; }
+  get: function () { return chunkNX3IHMT7_js.DrawerContent; }
 });
 Object.defineProperty(exports, "DrawerFooter", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerFooter; }
+  get: function () { return chunkNX3IHMT7_js.DrawerFooter; }
 });
 Object.defineProperty(exports, "DrawerHeader", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerHeader; }
+  get: function () { return chunkNX3IHMT7_js.DrawerHeader; }
 });
 Object.defineProperty(exports, "DrawerTitle", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerTitle; }
+  get: function () { return chunkNX3IHMT7_js.DrawerTitle; }
 });
 Object.defineProperty(exports, "DrawerTrigger", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerTrigger; }
+  get: function () { return chunkNX3IHMT7_js.DrawerTrigger; }
 });
 Object.defineProperty(exports, "drawerContentVariants", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.drawerContentVariants; }
+  get: function () { return chunkNX3IHMT7_js.drawerContentVariants; }
 });
 Object.defineProperty(exports, "drawerOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.drawerOverlayVariants; }
+  get: function () { return chunkNX3IHMT7_js.drawerOverlayVariants; }
 });
 //# sourceMappingURL=drawer.js.map
 //# sourceMappingURL=drawer.js.map

package/dist/ui/drawer.mjs

@@ -1,6 +1,6 @@
 "use client";
-export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from '../chunk-PGH27VTL.mjs';
-import '../chunk-WL5I7RVS.mjs';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from '../chunk-JF3FKUUP.mjs';
+import '../chunk-4E66ICIR.mjs';
 import '../chunk-PMAF6FBF.mjs';
 import '../chunk-DFEZH7TC.mjs';
 //# sourceMappingURL=drawer.mjs.map

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

@@ -1,6 +1,6 @@
 import type { DropdownProps, DropdownTriggerProps, DropdownContentProps, DropdownItemProps } from "./types";
 export declare const Dropdown: ({ children, defaultOpen, open: controlledOpen, onOpenChange, multiSelect, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DropdownTrigger: ({ children, className, variant, size, ...props }: DropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownTrigger: ({ children, className, variant, size, onClick, ...props }: DropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DropdownContent: ({ children, className, placement, spacing, divider, ...props }: DropdownContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export declare const DropdownItem: ({ children, value, className, variant, onSelect, leftIcon, rightIcon, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=dropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/dropdown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAkBjB,eAAO,MAAM,QAAQ,GAAI,6EAMtB,aAAa,4CA0Cf,CAAC;AAKF,eAAO,MAAM,eAAe,GAAI,kDAM7B,oBAAoB,4CAYtB,CAAC;AAKF,eAAO,MAAM,eAAe,GAAI,gEAO7B,oBAAoB,mDAsBtB,CAAC;AAKF,eAAO,MAAM,YAAY,GAAI,kFAS1B,iBAAiB,4CA8BnB,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/dropdown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAkBjB,eAAO,MAAM,QAAQ,GAAI,6EAMtB,aAAa,4CA4Cf,CAAC;AAKF,eAAO,MAAM,eAAe,GAAI,2DAO7B,oBAAoB,4CAqBtB,CAAC;AAKF,eAAO,MAAM,eAAe,GAAI,gEAO7B,oBAAoB,mDAwBtB,CAAC;AAKF,eAAO,MAAM,YAAY,GAAI,kFAS1B,iBAAiB,4CAkCnB,CAAC"}

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

@@ -6,6 +6,7 @@ export type DropdownContextType = {
     selectedValues: string[];
     toggleSelect: (value: string) => void;
     multiSelect: boolean;
+    menuId: string;
 };
 type Variant = "default" | "outline" | "ghost" | "white" | "black" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
 export type DropdownProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,OAAO,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,GACP,OAAO,GACP,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,GACR,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,OAAO,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,GACP,OAAO,GACP,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,GACR,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

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