@zentauri-ui/zentauri-components 1.4.61 → 1.4.63

package/dist/ui/drawer/animated/index.d.ts

@@ -1,5 +1,5 @@
 export { Drawer, DrawerBody, DrawerClose, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from "../drawer-base";
 export { DrawerContentAnimated } from "./drawer-content-animated";
-export type { DrawerContentAnimatedProps, DrawerAnimation, DrawerPresetMotionProps, DrawerAnimationPresets } from "./types";
+export type { DrawerContentAnimatedProps, DrawerAnimation, DrawerPresetMotionProps, DrawerAnimationPresets, } from "./types";
 export { drawerPanelPresets } from "./animations";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/drawer/animated/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/drawer/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,0BAA0B,EAAE,eAAe,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAC5H,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/drawer/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EACV,0BAA0B,EAC1B,eAAe,EACf,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/drawer/animated.js

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkN4NO3SYL_js = require('../../chunk-N4NO3SYL.js');
-var chunkYPLVTUYL_js = require('../../chunk-YPLVTUYL.js');
+var chunkSKPZCISM_js = require('../../chunk-SKPZCISM.js');
+var chunkGBWGVNDA_js = require('../../chunk-GBWGVNDA.js');
 require('../../chunk-UIYFEP3I.js');
-var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -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 } = chunkSKPZCISM_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({
+  chunkGBWGVNDA_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: chunkSKPZCISM_js.drawerOverlayVariants(),
           onClick: () => setOpen(false),
           initial: animation === "none" ? false : overlayMotion.initial,
           animate: animation === "none" ? void 0 : overlayMotion.animate,
@@ -90,8 +89,8 @@ function DrawerContentAnimated({
           "aria-describedby": descriptionId,
           "data-slot": "drawer-content",
           tabIndex: -1,
-          className: chunkUOZYPWDZ_js.cn(
-            chunkN4NO3SYL_js.drawerContentVariants({ side: resolvedSide, size, appearance }),
+          className: chunkZS5756ZC_js.cn(
+            chunkSKPZCISM_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 chunkSKPZCISM_js.Drawer; }
 });
 Object.defineProperty(exports, "DrawerBody", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerBody; }
+  get: function () { return chunkSKPZCISM_js.DrawerBody; }
 });
 Object.defineProperty(exports, "DrawerClose", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerClose; }
+  get: function () { return chunkSKPZCISM_js.DrawerClose; }
 });
 Object.defineProperty(exports, "DrawerFooter", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerFooter; }
+  get: function () { return chunkSKPZCISM_js.DrawerFooter; }
 });
 Object.defineProperty(exports, "DrawerHeader", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerHeader; }
+  get: function () { return chunkSKPZCISM_js.DrawerHeader; }
 });
 Object.defineProperty(exports, "DrawerTitle", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerTitle; }
+  get: function () { return chunkSKPZCISM_js.DrawerTitle; }
 });
 Object.defineProperty(exports, "DrawerTrigger", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerTrigger; }
+  get: function () { return chunkSKPZCISM_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":";;;;;;;;;;;AAEO,IAAM,kBAAA,GAAqB,CAChC,IAAA,MAC4B;AAAA,EAC5B,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACnB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA;AAAI,GAC9B;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IACnC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,IAChC,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EACE,IAAA,KAAS,MAAA,GACL,EAAE,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,CAAA,EAAE,GACrB,IAAA,KAAS,OAAA,GACP,EAAE,CAAA,EAAG,EAAA,EAAI,OAAA,EAAS,CAAA,EAAE,GACpB,IAAA,KAAS,KAAA,GACP,EAAE,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,CAAA,EAAE,GACrB,EAAE,CAAA,EAAG,EAAA,EAAI,SAAS,CAAA,EAAE;AAAA,IAC9B,SAAS,EAAE,CAAA,EAAG,GAAG,CAAA,EAAG,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAClC,IAAA,EACE,IAAA,KAAS,MAAA,GACL,EAAE,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,CAAA,EAAE,GACrB,IAAA,KAAS,OAAA,GACP,EAAE,CAAA,EAAG,EAAA,EAAI,OAAA,EAAS,CAAA,EAAE,GACpB,IAAA,KAAS,KAAA,GACP,EAAE,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,CAAA,EAAE,GACrB,EAAE,CAAA,EAAG,EAAA,EAAI,SAAS,CAAA,EAAE;AAAA,IAC9B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D,CAAA;ACrBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP,IAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,EAAE,MAAM,OAAA,EAAS,OAAA,EAAS,eAAe,UAAA,EAAW,GACxDA,kCAAiB,eAAe,CAAA;AAClC,EAAA,MAAM,eAAe,IAAA,IAAQ,OAAA;AAC7B,EAAA,MAAM,eAAeC,6BAAA,EAAiB;AACtC,EAAA,MAAM,gBACJ,kBAAA,CAAmB,YAAY,CAAA,CAAE,YAAA,GAAe,SAAS,SAAS,CAAA;AACpE,EAAA,MAAM,cACJ,kBAAA,CAAmB,YAAY,CAAA,CAAE,YAAA,GAAe,SAAS,SAAS,CAAA;AAEpE,EAAAC,mCAAA,CAAmB;AAAA,IACjB,IAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,KAAa,WAAA,GAAc,SAAS,IAAA,GAAO,IAAA;AACvE,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAOC,qBAAA;AAAA,oBACLC,cAAA,CAACC,gCACE,QAAA,EAAA,IAAA,mBACCC,eAAA,CAAC,SAAI,SAAA,EAAU,oBAAA,EAAqB,aAAU,eAAA,EAC5C,QAAA,EAAA;AAAA,sBAAAF,cAAA;AAAA,QAACG,mBAAA,CAAO,MAAA;AAAA,QAAP;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,aAAA,EAAW,IAAA;AAAA,UACX,QAAA,EAAU,EAAA;AAAA,UACV,WAAA,EAAU,gBAAA;AAAA,UACV,WAAWC,sCAAA,EAAsB;AAAA,UACjC,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,UAC5B,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,aAAA,CAAc,OAAA;AAAA,UACtD,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,aAAA,CAAc,OAAA;AAAA,UAC1D,IAAA,EAAM,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,aAAA,CAAc,IAAA;AAAA,UACvD,YAAY,aAAA,CAAc;AAAA;AAAA,OAC5B;AAAA,sBACAJ,cAAA;AAAA,QAACG,mBAAA,CAAO,GAAA;AAAA,QAAP;AAAA,UACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,YAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,YAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,cAAA,GAAA,CAAI,IAAI,CAAA;AAAA,YACV,WAAW,GAAA,EAAK;AACd,cAAC,IAAgD,OAAA,GAC/C,IAAA;AAAA,YACJ;AAAA,UACF,CAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAW,MAAA;AAAA,UACX,iBAAA,EAAiB,OAAA;AAAA,UACjB,kBAAA,EAAkB,aAAA;AAAA,UAClB,WAAA,EAAU,gBAAA;AAAA,UACV,QAAA,EAAU,EAAA;AAAA,UACV,SAAA,EAAWE,mBAAA;AAAA,YACTC,uCAAsB,EAAE,IAAA,EAAM,YAAA,EAAc,IAAA,EAAM,YAAY,CAAA;AAAA,YAC9D;AAAA,WACF;AAAA,UACA,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,WAAA,CAAY,OAAA;AAAA,UACpD,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,WAAA,CAAY,OAAA;AAAA,UACxD,IAAA,EAAM,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,WAAA,CAAY,IAAA;AAAA,UACrD,YAAY,WAAA,CAAY,UAAA;AAAA,UACxB,EAAA;AAAA,UACA,KAAA;AAAA,UAEC;AAAA;AAAA;AACH,KAAA,EACF,IACE,IAAA,EACN,CAAA;AAAA,IACA;AAAA,GACF;AACF;AAEA,qBAAA,CAAsB,WAAA,GAAc,eAAA","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 { drawerContentVariants, drawerOverlayVariants } 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 = 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,9 +1,9 @@
 "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-ZIDKBEQJ.mjs';
+export { Drawer, DrawerBody, DrawerClose, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../../chunk-ZIDKBEQJ.mjs';
+import { useFocusManagement } from '../../chunk-K6YI4FJO.mjs';
 import '../../chunk-PMAF6FBF.mjs';
-import { cn } from '../../chunk-DFEZH7TC.mjs';
+import { cn } from '../../chunk-4D54YOL6.mjs';
 import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -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":";;;;;;;;;;AAEO,IAAM,kBAAA,GAAqB,CAChC,IAAA,MAC4B;AAAA,EAC5B,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACnB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA;AAAI,GAC9B;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IACnC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,IAChC,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EACE,IAAA,KAAS,MAAA,GACL,EAAE,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,CAAA,EAAE,GACrB,IAAA,KAAS,OAAA,GACP,EAAE,CAAA,EAAG,EAAA,EAAI,OAAA,EAAS,CAAA,EAAE,GACpB,IAAA,KAAS,KAAA,GACP,EAAE,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,CAAA,EAAE,GACrB,EAAE,CAAA,EAAG,EAAA,EAAI,SAAS,CAAA,EAAE;AAAA,IAC9B,SAAS,EAAE,CAAA,EAAG,GAAG,CAAA,EAAG,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAClC,IAAA,EACE,IAAA,KAAS,MAAA,GACL,EAAE,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,CAAA,EAAE,GACrB,IAAA,KAAS,OAAA,GACP,EAAE,CAAA,EAAG,EAAA,EAAI,OAAA,EAAS,CAAA,EAAE,GACpB,IAAA,KAAS,KAAA,GACP,EAAE,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,CAAA,EAAE,GACrB,EAAE,CAAA,EAAG,EAAA,EAAI,SAAS,CAAA,EAAE;AAAA,IAC9B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D,CAAA;ACrBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP,IAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,EAAE,MAAM,OAAA,EAAS,OAAA,EAAS,eAAe,UAAA,EAAW,GACxD,iBAAiB,eAAe,CAAA;AAClC,EAAA,MAAM,eAAe,IAAA,IAAQ,OAAA;AAC7B,EAAA,MAAM,eAAe,gBAAA,EAAiB;AACtC,EAAA,MAAM,gBACJ,kBAAA,CAAmB,YAAY,CAAA,CAAE,YAAA,GAAe,SAAS,SAAS,CAAA;AACpE,EAAA,MAAM,cACJ,kBAAA,CAAmB,YAAY,CAAA,CAAE,YAAA,GAAe,SAAS,SAAS,CAAA;AAEpE,EAAA,kBAAA,CAAmB;AAAA,IACjB,IAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,KAAa,WAAA,GAAc,SAAS,IAAA,GAAO,IAAA;AACvE,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO,YAAA;AAAA,oBACL,GAAA,CAAC,mBACE,QAAA,EAAA,IAAA,mBACC,IAAA,CAAC,SAAI,SAAA,EAAU,oBAAA,EAAqB,aAAU,eAAA,EAC5C,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA,CAAO,MAAA;AAAA,QAAP;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,aAAA,EAAW,IAAA;AAAA,UACX,QAAA,EAAU,EAAA;AAAA,UACV,WAAA,EAAU,gBAAA;AAAA,UACV,WAAW,qBAAA,EAAsB;AAAA,UACjC,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,UAC5B,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,aAAA,CAAc,OAAA;AAAA,UACtD,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,aAAA,CAAc,OAAA;AAAA,UAC1D,IAAA,EAAM,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,aAAA,CAAc,IAAA;AAAA,UACvD,YAAY,aAAA,CAAc;AAAA;AAAA,OAC5B;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA,CAAO,GAAA;AAAA,QAAP;AAAA,UACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,YAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,YAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,cAAA,GAAA,CAAI,IAAI,CAAA;AAAA,YACV,WAAW,GAAA,EAAK;AACd,cAAC,IAAgD,OAAA,GAC/C,IAAA;AAAA,YACJ;AAAA,UACF,CAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAW,MAAA;AAAA,UACX,iBAAA,EAAiB,OAAA;AAAA,UACjB,kBAAA,EAAkB,aAAA;AAAA,UAClB,WAAA,EAAU,gBAAA;AAAA,UACV,QAAA,EAAU,EAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,sBAAsB,EAAE,IAAA,EAAM,YAAA,EAAc,IAAA,EAAM,YAAY,CAAA;AAAA,YAC9D;AAAA,WACF;AAAA,UACA,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,WAAA,CAAY,OAAA;AAAA,UACpD,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,WAAA,CAAY,OAAA;AAAA,UACxD,IAAA,EAAM,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,WAAA,CAAY,IAAA;AAAA,UACrD,YAAY,WAAA,CAAY,UAAA;AAAA,UACxB,EAAA;AAAA,UACA,KAAA;AAAA,UAEC;AAAA;AAAA;AACH,KAAA,EACF,IACE,IAAA,EACN,CAAA;AAAA,IACA;AAAA,GACF;AACF;AAEA,qBAAA,CAAsB,WAAA,GAAc,eAAA","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 { drawerContentVariants, drawerOverlayVariants } 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 = 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,EACV,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/E,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,qBAAqB,CAC7B,CAAC;AAEF,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,52 +1,52 @@
 "use client";
 'use strict';
 
-var chunkN4NO3SYL_js = require('../chunk-N4NO3SYL.js');
-require('../chunk-YPLVTUYL.js');
+var chunkSKPZCISM_js = require('../chunk-SKPZCISM.js');
+require('../chunk-GBWGVNDA.js');
 require('../chunk-UIYFEP3I.js');
-require('../chunk-UOZYPWDZ.js');
+require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.Drawer; }
+  get: function () { return chunkSKPZCISM_js.Drawer; }
 });
 Object.defineProperty(exports, "DrawerBody", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerBody; }
+  get: function () { return chunkSKPZCISM_js.DrawerBody; }
 });
 Object.defineProperty(exports, "DrawerClose", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerClose; }
+  get: function () { return chunkSKPZCISM_js.DrawerClose; }
 });
 Object.defineProperty(exports, "DrawerContent", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerContent; }
+  get: function () { return chunkSKPZCISM_js.DrawerContent; }
 });
 Object.defineProperty(exports, "DrawerFooter", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerFooter; }
+  get: function () { return chunkSKPZCISM_js.DrawerFooter; }
 });
 Object.defineProperty(exports, "DrawerHeader", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerHeader; }
+  get: function () { return chunkSKPZCISM_js.DrawerHeader; }
 });
 Object.defineProperty(exports, "DrawerTitle", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerTitle; }
+  get: function () { return chunkSKPZCISM_js.DrawerTitle; }
 });
 Object.defineProperty(exports, "DrawerTrigger", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.DrawerTrigger; }
+  get: function () { return chunkSKPZCISM_js.DrawerTrigger; }
 });
 Object.defineProperty(exports, "drawerContentVariants", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.drawerContentVariants; }
+  get: function () { return chunkSKPZCISM_js.drawerContentVariants; }
 });
 Object.defineProperty(exports, "drawerOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkN4NO3SYL_js.drawerOverlayVariants; }
+  get: function () { return chunkSKPZCISM_js.drawerOverlayVariants; }
 });
 //# sourceMappingURL=drawer.js.map
 //# sourceMappingURL=drawer.js.map

package/dist/ui/drawer.mjs

@@ -1,7 +1,7 @@
 "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-ZIDKBEQJ.mjs';
+import '../chunk-K6YI4FJO.mjs';
 import '../chunk-PMAF6FBF.mjs';
-import '../chunk-DFEZH7TC.mjs';
+import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=drawer.mjs.map
 //# 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":"AAYA,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;

package/dist/ui/dropdown.js

@@ -1,15 +1,15 @@
 "use client";
 'use strict';
 
-var chunkBSWYZTYK_js = require('../chunk-BSWYZTYK.js');
-var chunkUOZYPWDZ_js = require('../chunk-UOZYPWDZ.js');
+var chunk7DCFVPWN_js = require('../chunk-7DCFVPWN.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 var react = require('react');
 var fi = require('react-icons/fi');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
 var triggerVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-between rounded-md font-medium transition focus:outline-none cursor-pointer",
+  "inline-flex items-center justify-between rounded-md font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500/60 cursor-pointer",
   {
     variants: {
       variant: {
@@ -30,15 +30,15 @@ var triggerVariants = classVarianceAuthority.cva(
         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-gradient-to-r from-blue-600 to-purple-600 text-gradient-to-r from-blue-600 to-purple-600",
-        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-gradient-to-r from-green-600 to-lime-600",
-        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-gradient-to-r from-red-600 to-pink-600",
-        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-gradient-to-r from-yellow-600 to-orange-600",
-        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-gradient-to-r from-purple-600 to-pink-600",
-        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-gradient-to-r from-teal-600 to-cyan-600",
-        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-gradient-to-r from-indigo-600 to-purple-600",
-        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-gradient-to-r from-pink-600 to-rose-600",
-        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-gradient-to-r from-orange-600 to-red-600"
+        "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600 text-gradient-to-r from-blue-600 to-purple-600",
+        "gradient-green": "bg-linear-to-r from-green-600 to-lime-600 text-gradient-to-r from-green-600 to-lime-600",
+        "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 text-gradient-to-r from-red-600 to-pink-600",
+        "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600 text-gradient-to-r from-yellow-600 to-orange-600",
+        "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600 text-gradient-to-r from-purple-600 to-pink-600",
+        "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 text-gradient-to-r from-teal-600 to-cyan-600",
+        "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600 text-gradient-to-r from-indigo-600 to-purple-600",
+        "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 text-gradient-to-r from-pink-600 to-rose-600",
+        "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600 text-gradient-to-r from-orange-600 to-red-600"
       },
       size: {
         sm: "px-2 py-1 text-sm",
@@ -78,7 +78,7 @@ 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",
+  "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",
   {
     variants: {
       variant: {
@@ -99,15 +99,15 @@ var itemVariants = classVarianceAuthority.cva(
         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-gradient-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-gradient-to-r from-blue-200 to-purple-200 text-blue-800",
-        "gradient-green": "hover:bg-gradient-to-r from-green-600 to-lime-600 hover:text-green-900 bg-gradient-to-r from-green-200 to-lime-200 text-green-800",
-        "gradient-red": "hover:bg-gradient-to-r from-red-600 to-pink-600 hover:text-red-900 bg-gradient-to-r from-red-200 to-pink-200 text-red-800",
-        "gradient-yellow": "hover:bg-gradient-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-gradient-to-r from-yellow-200 to-orange-200 text-yellow-800",
-        "gradient-purple": "hover:bg-gradient-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-gradient-to-r from-purple-200 to-pink-200 text-purple-800",
-        "gradient-teal": "hover:bg-gradient-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-gradient-to-r from-teal-200 to-cyan-200 text-teal-800",
-        "gradient-indigo": "hover:bg-gradient-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-gradient-to-r from-indigo-200 to-purple-200 text-indigo-800",
-        "gradient-pink": "hover:bg-gradient-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-gradient-to-r from-pink-200 to-rose-200 text-pink-800",
-        "gradient-orange": "hover:bg-gradient-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-gradient-to-r from-orange-200 to-red-200 text-orange-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"
       }
     },
     defaultVariants: {
@@ -128,6 +128,7 @@ var Dropdown = ({
   onOpenChange,
   multiSelect = false
 }) => {
+  const menuId = `${react.useId()}-menu`;
   const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
   const [selectedValues, setSelectedValues] = react.useState([]);
   const open = controlledOpen ?? uncontrolledOpen;
@@ -158,7 +159,8 @@ var Dropdown = ({
         toggle,
         selectedValues,
         toggleSelect,
-        multiSelect
+        multiSelect,
+        menuId
       },
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative inline-block", children })
     }
@@ -169,15 +171,25 @@ var DropdownTrigger = ({
   className,
   variant,
   size,
+  onClick,
   ...props
 }) => {
-  const { toggle } = useDropdown();
+  const { toggle, open, menuId } = useDropdown();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
-      onClick: toggle,
-      className: chunkUOZYPWDZ_js.cn(triggerVariants({ variant, size }), className),
+      type: "button",
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      "aria-controls": menuId,
+      className: chunkZS5756ZC_js.cn(triggerVariants({ variant, size }), className),
       ...props,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+          toggle();
+        }
+      },
       children
     }
   );
@@ -190,15 +202,17 @@ var DropdownContent = ({
   divider,
   ...props
 }) => {
-  const { open, setOpen } = useDropdown();
+  const { open, setOpen, menuId } = useDropdown();
   const ref = react.useRef(null);
-  chunkBSWYZTYK_js.useClickOutside({ ref, setOpen });
+  chunk7DCFVPWN_js.useClickOutside({ ref, setOpen });
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
-      className: chunkUOZYPWDZ_js.cn(
+      id: menuId,
+      role: "menu",
+      className: chunkZS5756ZC_js.cn(
         contentVariants({ placement, spacing }),
         className,
         divider && "divide-y divide-current"
@@ -227,12 +241,16 @@ var DropdownItem = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      role: "menuitem",
       tabIndex: 0,
       onClick: handleClick,
       onKeyDown: (e) => {
-        if (e.key === "Enter") handleClick();
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick();
+        }
       },
-      className: chunkUOZYPWDZ_js.cn(itemVariants({ variant }), className),
+      className: chunkZS5756ZC_js.cn(itemVariants({ variant }), className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [