@mieweb/ui 0.9.0 → 0.10.0

package/dist/{chunk-4SM3I7WE.cjs → chunk-RXPEZXAB.cjs}

@@ -1,6 +1,7 @@
 'use strict';
 
 var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
+var chunkNV2CWBI2_cjs = require('./chunk-NV2CWBI2.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
 var chunkFSGEDDF2_cjs = require('./chunk-FSGEDDF2.cjs');
@@ -31,6 +32,13 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var placementOffset = 8;
+var menuTransformOrigin = {
+  bottom: "origin-top",
+  top: "origin-bottom",
+  right: "origin-left",
+  left: "origin-right"
+};
+var DROPDOWN_FALLBACK_ANIMATION = "animate-fade-in";
 var DropdownContext = React__namespace.createContext(null);
 function getNodeText(node) {
   if (typeof node === "string" || typeof node === "number") {
@@ -279,7 +287,7 @@ function Dropdown({
     [multiSelect, selectedValues, toggleSelectedValue, registerOutsideRef]
   );
   chunkFHY3K6PL_cjs.useEscapeKey(handleClose, isOpen);
-  const { anchorRef, floatingRef, style } = chunkAOHJILLU_cjs.useAnchoredPosition({
+  const { anchorRef, floatingRef, style, actualSide } = chunkAOHJILLU_cjs.useAnchoredPosition({
     open: isOpen,
     placement,
     offset: placementOffset,
@@ -348,20 +356,26 @@ function Dropdown({
       className: "relative inline-flex",
       children: [
         triggerElement,
-        isOpen && reactDom.createPortal(
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
+        typeof document !== "undefined" && reactDom.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkNV2CWBI2_cjs.AnimatedPresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkNV2CWBI2_cjs.Animated,
             {
               ref: floatingRef,
+              preset: "menu",
+              mode: "presence",
+              custom: actualSide,
               style: { ...style, ...widthStyle },
               "data-slot": "dropdown-menu",
               className: chunkS5RVSXDV_cjs.cn(
                 "flex min-w-[12rem] flex-col overflow-hidden",
                 "rounded-xl border border-neutral-200 bg-white shadow-lg",
                 "dark:border-neutral-700 dark:bg-neutral-800",
-                "animate-in fade-in zoom-in-95 duration-100",
+                // Anchors the scale to the trigger. Static per side and never
+                // animated, so CSS owns it rather than the preset.
+                menuTransformOrigin[actualSide],
                 className
               ),
+              fallbackClassName: DROPDOWN_FALLBACK_ANIMATION,
               children: [
                 searchable && /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
@@ -389,31 +403,40 @@ function Dropdown({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { id: menuId, role: "menu", className: "min-h-0 overflow-y-auto", children: [
-                  multiSelect && showSelectAll && visibleSelectableValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", "data-slot": "dropdown-select-all", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      DropdownItem,
-                      {
-                        checked: allVisibleSelected,
-                        indeterminate: !allVisibleSelected && someVisibleSelected,
-                        onClick: handleSelectAll,
-                        children: selectAllLabel
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(DropdownSeparator, {})
-                  ] }),
-                  searchable ? hasSearchResults ? filteredChildren : /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: "text-muted-foreground px-3 py-4 text-center text-sm",
-                      "data-slot": "dropdown-empty",
-                      children: searchEmptyState
-                    }
-                  ) : children
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    id: menuId,
+                    role: "menu",
+                    className: "min-h-0 overflow-y-auto",
+                    children: [
+                      multiSelect && showSelectAll && visibleSelectableValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", "data-slot": "dropdown-select-all", children: /* @__PURE__ */ jsxRuntime.jsx(
+                          DropdownItem,
+                          {
+                            checked: allVisibleSelected,
+                            indeterminate: !allVisibleSelected && someVisibleSelected,
+                            onClick: handleSelectAll,
+                            children: selectAllLabel
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(DropdownSeparator, {})
+                      ] }),
+                      searchable ? hasSearchResults ? filteredChildren : /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: "text-muted-foreground px-3 py-4 text-center text-sm",
+                          "data-slot": "dropdown-empty",
+                          children: searchEmptyState
+                        }
+                      ) : children
+                    ]
+                  }
+                )
               ]
-            }
-          ),
+            },
+            "dropdown-menu"
+          ) }),
           document.body
         )
       ]
@@ -634,7 +657,7 @@ function DropdownSubmenu({
   const closeTimer = React__namespace.useRef(
     void 0
   );
-  const { anchorRef, floatingRef, style } = chunkAOHJILLU_cjs.useAnchoredPosition({ open, placement: "right-start", offset: 4 });
+  const { anchorRef, floatingRef, style, actualSide } = chunkAOHJILLU_cjs.useAnchoredPosition({ open, placement: "right-start", offset: 4 });
   const registerOutsideRef = dropdownContext?.registerOutsideRef;
   React__namespace.useLayoutEffect(() => {
     if (!open || !registerOutsideRef) return;
@@ -718,12 +741,15 @@ function DropdownSubmenu({
         ]
       }
     ),
-    open && reactDom.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
+    typeof document !== "undefined" && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(chunkNV2CWBI2_cjs.AnimatedPresence, { children: open && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkNV2CWBI2_cjs.Animated,
         {
           ref: floatingRef,
           style,
+          preset: "menu",
+          mode: "presence",
+          custom: actualSide,
           id: menuId,
           role: "menu",
           tabIndex: -1,
@@ -734,8 +760,10 @@ function DropdownSubmenu({
             "flex min-w-[min(10rem,calc(100vw-1rem))] flex-col overflow-hidden",
             "rounded-xl border border-neutral-200 bg-white shadow-lg",
             "dark:border-neutral-700 dark:bg-neutral-800",
-            "animate-in fade-in zoom-in-95 duration-100"
+            // Anchors the scale to the trigger, as on the root menu.
+            menuTransformOrigin[actualSide]
           ),
+          fallbackClassName: DROPDOWN_FALLBACK_ANIMATION,
           onPointerEnter: cancelClose,
           onPointerLeave: (event) => {
             if (event.pointerType === "mouse") scheduleClose();
@@ -748,8 +776,9 @@ function DropdownSubmenu({
             }
           },
           children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 overflow-y-auto", children })
-        }
-      ),
+        },
+        "dropdown-submenu"
+      ) }),
       document.body
     )
   ] });
@@ -794,5 +823,5 @@ exports.DropdownItem = DropdownItem;
 exports.DropdownLabel = DropdownLabel;
 exports.DropdownSeparator = DropdownSeparator;
 exports.DropdownSubmenu = DropdownSubmenu;
-//# sourceMappingURL=chunk-4SM3I7WE.cjs.map
-//# sourceMappingURL=chunk-4SM3I7WE.cjs.map
+//# sourceMappingURL=chunk-RXPEZXAB.cjs.map
+//# sourceMappingURL=chunk-RXPEZXAB.cjs.map

package/dist/chunk-RXPEZXAB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dropdown/Dropdown.tsx"],"names":["React","useEscapeKey","useAnchoredPosition","useClickOutside","jsx","jsxs","createPortal","AnimatedPresence","Animated","cn","inputVariants","Fragment","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,IAAM,eAAA,GAAkB,CAAA;AAOxB,IAAM,mBAAA,GAAoD;AAAA,EACxD,MAAA,EAAQ,YAAA;AAAA,EACR,GAAA,EAAK,eAAA;AAAA,EACL,KAAA,EAAO,aAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAUA,IAAM,2BAAA,GAA8B,iBAAA;AAcpC,IAAM,eAAA,GAAwBA,+BAA2C,IAAI,CAAA;AAE7E,SAAS,YAAY,IAAA,EAA+B;AAClD,EAAA,IAAI,OAAO,IAAA,KAAS,QAAA,IAAY,OAAO,SAAS,QAAA,EAAU;AACxD,IAAA,OAAO,OAAO,IAAI,CAAA;AAAA,EACpB;AAEA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,IAAA,OAAO,IAAA,CAAK,GAAA,CAAI,WAAW,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,EACvC;AAEA,EAAA,IAAUA,gBAAA,CAAA,cAAA,CAA+C,IAAI,CAAA,EAAG;AAC9D,IAAA,OAAO,WAAA,CAAY,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA;AAAA,EACxC;AAEA,EAAA,OAAO,EAAA;AACT;AAEA,SAAS,iBAAA,CACP,MACA,SAAA,EAC+B;AAC/B,EAAA,OAAaA,gBAAA,CAAA,cAAA,CAAe,IAAI,CAAA,IAAK,IAAA,CAAK,IAAA,KAAS,SAAA;AACrD;AAEA,SAAS,0BAA0B,IAAA,EAAgC;AACjE,EAAA,IAAI,IAAA,IAAQ,IAAA,IAAQ,OAAO,IAAA,KAAS,SAAA,EAAW;AAC7C,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,IAAA,OAAO,IAAA,CAAK,KAAK,yBAAyB,CAAA;AAAA,EAC5C;AAEA,EAAA,IAAI,CAAOA,gBAAA,CAAA,cAAA,CAA+C,IAAI,CAAA,EAAG;AAC/D,IAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,MAAA,OAAO,IAAA,CAAK,IAAA,EAAK,CAAE,MAAA,GAAS,CAAA;AAAA,IAC9B;AAEA,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,IAAA,CAAK,SAAeA,gBAAA,CAAA,QAAA,EAAU;AAChC,IAAA,OAAaA,gBAAA,CAAA,QAAA,CAAS,OAAA,CAAQ,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,CAAE,IAAA;AAAA,MACjD;AAAA,KACF;AAAA,EACF;AAEA,EAAA,IACE,IAAA,CAAK,SAAS,iBAAA,IACd,IAAA,CAAK,SAAS,aAAA,IACd,IAAA,CAAK,SAAS,cAAA,EACd;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,IAAI,IAAA,CAAK,SAAS,eAAA,EAAiB;AACjC,IAAA,OAAaA,gBAAA,CAAA,QAAA,CAAS,OAAA,CAAQ,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,CAAE,IAAA;AAAA,MACjD;AAAA,KACF;AAAA,EACF;AAEA,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,0BACP,QAAA,EACmB;AACnB,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAkB;AAC1C,IAAA,KAAA,IAAS,UAAU,KAAA,GAAQ,CAAA,EAAG,OAAA,IAAW,CAAA,EAAG,WAAW,CAAA,EAAG;AACxD,MAAA,MAAM,KAAA,GAAQ,SAAS,OAAO,CAAA;AAE9B,MAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,iBAAiB,CAAA,EAAG;AAC/C,QAAA,OAAO,KAAA;AAAA,MACT;AAEA,MAAA,IAAI,yBAAA,CAA0B,KAAK,CAAA,EAAG;AACpC,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF;AAEA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAkB;AACzC,IAAA,KAAA,IAAS,UAAU,KAAA,GAAQ,CAAA,EAAG,UAAU,QAAA,CAAS,MAAA,EAAQ,WAAW,CAAA,EAAG;AACrE,MAAA,MAAM,KAAA,GAAQ,SAAS,OAAO,CAAA;AAE9B,MAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,iBAAiB,CAAA,EAAG;AAC/C,QAAA,OAAO,KAAA;AAAA,MACT;AAEA,MAAA,IAAI,yBAAA,CAA0B,KAAK,CAAA,EAAG;AACpC,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF;AAEA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AAEA,EAAA,OAAO,QAAA,CAAS,MAAA,CAAO,CAAC,KAAA,EAAO,KAAA,KAAU;AACvC,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,iBAAiB,CAAA,EAAG;AAC/C,MAAA,OAAO,gBAAA,CAAiB,KAAK,CAAA,IAAK,eAAA,CAAgB,KAAK,CAAA;AAAA,IACzD;AAEA,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,aAAa,CAAA,EAAG;AAC3C,MAAA,OAAO,gBAAgB,KAAK,CAAA;AAAA,IAC9B;AAEA,IAAA,OAAO,IAAA;AAAA,EACT,CAAC,CAAA;AACH;AAEA,SAAS,sBAAA,CACP,UACA,KAAA,EACmB;AACnB,EAAA,MAAM,eAAA,GAAkB,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY;AAEjD,EAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,IAAA,OAAaA,gBAAA,CAAA,QAAA,CAAS,QAAQ,QAAQ,CAAA;AAAA,EACxC;AAEA,EAAA,MAAM,mBAAyBA,gBAAA,CAAA,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA,CACrD,GAAA,CAAI,CAAC,KAAA,KAAU;AACd,IAAA,IAAI,CAAOA,gBAAA,CAAA,cAAA,CAA+C,KAAK,CAAA,EAAG;AAChE,MAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,OAAO,UAAU,QAAA,EAAU;AAC1D,QAAA,OAAO,MAAA,CAAO,KAAK,CAAA,CAAE,WAAA,GAAc,QAAA,CAAS,eAAe,IACvD,KAAA,GACA,IAAA;AAAA,MACN;AAEA,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,IAAI,KAAA,CAAM,SAAeA,gBAAA,CAAA,QAAA,EAAU;AACjC,MAAA,MAAM,gBAAA,GAAmB,sBAAA;AAAA,QACvB,MAAM,KAAA,CAAM,QAAA;AAAA,QACZ;AAAA,OACF;AAEA,MAAA,OAAO,iBAAiB,MAAA,GAAS,CAAA,GACvBA,8BAAa,KAAA,EAAO,MAAA,EAAW,gBAAgB,CAAA,GACrD,IAAA;AAAA,IACN;AAEA,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,cAAc,CAAA,EAAG;AAC5C,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,YAAY,CAAA,EAAG;AAC1C,MAAA,MAAM,UAAA,GAAa;AAAA,QACjB,WAAA,CAAY,KAAA,CAAM,KAAA,CAAM,QAAQ,CAAA;AAAA,QAChC,MAAM,KAAA,CAAM;AAAA,QAEX,MAAA,CAAO,OAAO,EACd,IAAA,CAAK,GAAG,EACR,WAAA,EAAY;AAEf,MAAA,OAAO,UAAA,CAAW,QAAA,CAAS,eAAe,CAAA,GAAI,KAAA,GAAQ,IAAA;AAAA,IACxD;AAEA,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,eAAe,CAAA,EAAG;AAC7C,MAAA,MAAM,UAAA,GAAa;AAAA,QACjB,WAAA,CAAY,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA;AAAA,QAC7B,MAAM,KAAA,CAAM;AAAA,QAEX,MAAA,CAAO,OAAO,EACd,IAAA,CAAK,GAAG,EACR,WAAA,EAAY;AAIf,MAAA,IAAI,UAAA,CAAW,QAAA,CAAS,eAAe,CAAA,EAAG;AACxC,QAAA,OAAO,KAAA;AAAA,MACT;AAEA,MAAA,MAAM,eAAA,GAAkB,sBAAA;AAAA,QACtB,MAAM,KAAA,CAAM,QAAA;AAAA,QACZ;AAAA,OACF;AAEA,MAAA,OAAO,0BAA0B,eAAe,CAAA,GACtCA,8BAAa,KAAA,EAAO,MAAA,EAAW,eAAe,CAAA,GACpD,IAAA;AAAA,IACN;AAEA,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,eAAe,CAAA,EAAG;AAC7C,MAAA,MAAM,eAAA,GAAkB,sBAAA;AAAA,QACtB,MAAM,KAAA,CAAM,QAAA;AAAA,QACZ;AAAA,OACF;AAEA,MAAA,OAAO,0BAA0B,eAAe,CAAA,GACtCA,8BAAa,KAAA,EAAO,MAAA,EAAW,eAAe,CAAA,GACpD,IAAA;AAAA,IACN;AAEA,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,iBAAiB,CAAA,EAAG;AAC/C,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,aAAa,CAAA,EAAG;AAC3C,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAA,GAAiB,MAAM,KAAA,CAAM,QAAA;AAEnC,IAAA,IAAI,mBAAmB,MAAA,EAAW;AAChC,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,MAAM,sBAAA,GAAyB,sBAAA;AAAA,MAC7B,cAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,OAAO,uBAAuB,MAAA,GAAS,CAAA,GAC7BA,8BAAa,KAAA,EAAO,MAAA,EAAW,sBAAsB,CAAA,GAC3D,IAAA;AAAA,EACN,CAAC,CAAA,CACA,MAAA,CAAO,CAAC,KAAA,KAAU,UAAU,IAAI,CAAA;AAEnC,EAAA,OAAO,0BAA0B,gBAAgB,CAAA;AACnD;AAEA,SAAS,oBAAoB,QAAA,EAAqC;AAChE,EAAA,OAAaA,0BAAS,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAA,CAAQ,CAAC,KAAA,KAAU;AACzD,IAAA,IACE,CAAOA,gBAAA,CAAA,cAAA;AAAA,MACL;AAAA,KACF,EACA;AACA,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,IAAI,KAAA,CAAM,IAAA,KAAeA,gBAAA,CAAA,QAAA,IAAY,KAAA,CAAM,SAAS,eAAA,EAAiB;AACnE,MAAA,OAAO,mBAAA,CAAoB,KAAA,CAAM,KAAA,CAAM,QAAQ,CAAA;AAAA,IACjD;AAEA,IAAA,IAAI,iBAAA,CAAkB,KAAA,EAAO,YAAY,CAAA,EAAG;AAC1C,MAAA,OAAO,OAAO,KAAA,CAAM,KAAA,CAAM,KAAA,KAAU,QAAA,GAAW,CAAC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,GAAI,EAAC;AAAA,IACxE;AAEA,IAAA,OAAO,KAAA,CAAM,MAAM,QAAA,KAAa,MAAA,GAC5B,oBAAoB,KAAA,CAAM,KAAA,CAAM,QAAQ,CAAA,GACxC,EAAC;AAAA,EACP,CAAC,CAAA;AACH;AAeA,SAAS,QAAA,CAAS;AAAA,EAChB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,EAAM,cAAA;AAAA,EACN,YAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,KAAA,GAAQ,MAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,iBAAA,GAAoB,WAAA;AAAA,EACpB,eAAA,GAAkB,uBAAA;AAAA,EAClB,gBAAA,GAAmB,kBAAA;AAAA,EACnB,WAAA,GAAc,KAAA;AAAA,EACd,cAAA,EAAgB,wBAAA;AAAA,EAChB,wBAAwB,EAAC;AAAA,EACzB,sBAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,cAAA,GAAiB;AACnB,CAAA,EAAkB;AAChB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAUA,0BAAS,KAAK,CAAA;AACpE,EAAA,MAAM,CAAC,0BAAA,EAA4B,6BAA6B,CAAA,GACxDA,0BAAS,qBAAqB,CAAA;AACtC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAUA,0BAAS,EAAE,CAAA;AACvD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAUA,gBAAA,CAAA,QAAA,CAEpD,EAAE,CAAA;AACJ,EAAA,MAAM,YAAA,GAAqBA,wBAAuB,IAAI,CAAA;AACtD,EAAA,MAAM,cAAA,GAAuBA,wBAAyB,IAAI,CAAA;AAC1D,EAAA,MAAM,SAAeA,gBAAA,CAAA,KAAA,EAAM;AAE3B,EAAA,MAAM,eAAe,cAAA,KAAmB,MAAA;AACxC,EAAA,MAAM,6BAA6B,wBAAA,KAA6B,MAAA;AAChE,EAAA,MAAM,MAAA,GAAS,eAAe,cAAA,GAAiB,gBAAA;AAC/C,EAAA,MAAM,cAAA,GAAiB,6BACnB,wBAAA,GACA,0BAAA;AAEJ,EAAA,MAAM,OAAA,GAAgBA,gBAAA,CAAA,WAAA;AAAA,IACpB,CAAC,KAAA,KAAmB;AAClB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,MAC3B;AACA,MAAA,YAAA,GAAe,KAAK,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,GAC7B;AAEA,EAAA,MAAM,YAAA,GAAqBA,6BAAY,MAAM;AAC3C,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,OAAA,CAAQ,CAAC,MAAM,CAAA;AAAA,IACjB;AAAA,EACF,CAAA,EAAG,CAAC,QAAA,EAAU,MAAA,EAAQ,OAAO,CAAC,CAAA;AAE9B,EAAA,MAAM,WAAA,GAAoBA,6BAAY,MAAM;AAC1C,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,iBAAA,GAA0BA,gBAAA,CAAA,WAAA;AAAA,IAC9B,CAAC,MAAA,KAAqB;AACpB,MAAA,IAAI,CAAC,0BAAA,EAA4B;AAC/B,QAAA,6BAAA,CAA8B,MAAM,CAAA;AAAA,MACtC;AACA,MAAA,sBAAA,GAAyB,MAAM,CAAA;AAAA,IACjC,CAAA;AAAA,IACA,CAAC,4BAA4B,sBAAsB;AAAA,GACrD;AAEA,EAAA,MAAM,mBAAA,GAA4BA,gBAAA,CAAA,WAAA;AAAA,IAChC,CAAC,KAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,WAAA,EAAa;AAChB,QAAA;AAAA,MACF;AAEA,MAAA,iBAAA;AAAA,QACE,cAAA,CAAe,QAAA,CAAS,KAAK,CAAA,GACzB,eAAe,MAAA,CAAO,CAAC,aAAA,KAAkB,aAAA,KAAkB,KAAK,CAAA,GAChE,CAAC,GAAG,gBAAgB,KAAK;AAAA,OAC/B;AAAA,IACF,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,cAAA,EAAgB,iBAAiB;AAAA,GACjD;AAEA,EAAA,MAAM,kBAAA,GAA2BA,gBAAA,CAAA,WAAA;AAAA,IAC/B,CAAC,GAAA,KAA6C;AAC5C,MAAA,mBAAA,CAAoB,CAAC,IAAA,KAAS,CAAC,GAAG,IAAA,EAAM,GAAG,CAAC,CAAA;AAC5C,MAAA,OAAO,MAAM,mBAAA,CAAoB,CAAC,IAAA,KAAS,IAAA,CAAK,OAAO,CAAC,CAAA,KAAM,CAAA,KAAM,GAAG,CAAC,CAAA;AAAA,IAC1E,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,eAAA,GAAwBA,gBAAA,CAAA,OAAA;AAAA,IAC5B,OAAO;AAAA,MACL,WAAA;AAAA,MACA,cAAA;AAAA,MACA,mBAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,cAAA,EAAgB,mBAAA,EAAqB,kBAAkB;AAAA,GACvE;AAEA,EAAAC,8BAAA,CAAa,aAAa,MAAM,CAAA;AAGhC,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAa,KAAA,EAAO,UAAA,KAAeC,qCAAA,CAGpD;AAAA,IACA,IAAA,EAAM,MAAA;AAAA,IACN,SAAA;AAAA,IACA,MAAA,EAAQ,eAAA;AAAA,IACR,eAAe,KAAA,KAAU;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,WAAA,GAAoBF,gBAAA,CAAA,OAAA;AAAA,IACxB,MAAM,CAAC,YAAA,EAAc,WAAA,EAAa,GAAG,gBAAgB,CAAA;AAAA,IACrD,CAAC,aAAa,gBAAgB;AAAA,GAChC;AACA,EAAAG,iCAAA,CAAgB,WAAA,EAAa,aAAa,MAAM,CAAA;AAEhD,EAAMH,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA,cAAA,CAAe,EAAE,CAAA;AACjB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,qBAAA,CAAsB,MAAM,cAAA,CAAe,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,IAC7D;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,UAAU,CAAC,CAAA;AAGvB,EAAA,MAAM,cAAA,GAAuBA,8BAAa,OAAA,EAAS;AAAA,IACjD,OAAA,EAAS,YAAA;AAAA,IACT,eAAA,EAAiB,MAAA;AAAA,IACjB,eAAA,EAAiB,MAAA;AAAA,IACjB,eAAA,EAAiB,SAAS,MAAA,GAAS,MAAA;AAAA,IACnC,QAAA,EAAU,QAAA,IAAY,OAAA,CAAQ,KAAA,CAAM;AAAA,GACrC,CAAA;AAED,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,KAAU,QAAA,GAAW,EAAE,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,EAAK,GAAI,EAAC;AAE1E,EAAA,MAAM,gBAAA,GAAyBA,gBAAA,CAAA,OAAA;AAAA,IAC7B,MAAM,sBAAA,CAAuB,QAAA,EAAU,WAAW,CAAA;AAAA,IAClD,CAAC,UAAU,WAAW;AAAA,GACxB;AACA,EAAA,MAAM,uBAAA,GAAgCA,gBAAA,CAAA,OAAA;AAAA,IACpC,MAAM,mBAAA,CAAoB,UAAA,GAAa,gBAAA,GAAmB,QAAQ,CAAA;AAAA,IAClE,CAAC,QAAA,EAAU,gBAAA,EAAkB,UAAU;AAAA,GACzC;AACA,EAAA,MAAM,gBAAA,GAAyBA,gBAAA,CAAA,OAAA;AAAA,IAC7B,MAAM,0BAA0B,gBAAgB,CAAA;AAAA,IAChD,CAAC,gBAAgB;AAAA,GACnB;AACA,EAAA,MAAM,kBAAA,GACJ,uBAAA,CAAwB,MAAA,GAAS,CAAA,IACjC,uBAAA,CAAwB,KAAA,CAAM,CAAC,KAAA,KAAU,cAAA,CAAe,QAAA,CAAS,KAAK,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,uBAAA,CAAwB,IAAA;AAAA,IAAK,CAAC,KAAA,KACxD,cAAA,CAAe,QAAA,CAAS,KAAK;AAAA,GAC/B;AAEA,EAAA,MAAM,eAAA,GAAwBA,6BAAY,MAAM;AAC9C,IAAA,IAAI,CAAC,WAAA,IAAe,uBAAA,CAAwB,MAAA,KAAW,CAAA,EAAG;AACxD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,eAAA,GAAkB,IAAI,GAAA,CAAI,uBAAuB,CAAA;AAEvD,IAAA,iBAAA;AAAA,MACE,kBAAA,GACI,eAAe,MAAA,CAAO,CAAC,UAAU,CAAC,eAAA,CAAgB,IAAI,KAAK,CAAC,IAC5D,KAAA,CAAM,IAAA,qBAAS,GAAA,CAAI,CAAC,GAAG,cAAA,EAAgB,GAAG,uBAAuB,CAAC,CAAC;AAAA,KACzE;AAAA,EACF,CAAA,EAAG;AAAA,IACD,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACEI,cAAA,CAAC,eAAA,CAAgB,QAAA,EAAhB,EAAyB,OAAO,eAAA,EAC/B,QAAA,kBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,QAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,QAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AAAA,MACtB,CAAA;AAAA,MACA,SAAA,EAAU,sBAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,cAAA;AAAA,QACA,OAAO,aAAa,WAAA,IACnBC,qBAAA;AAAA,0BACEF,cAAA,CAACG,sCACE,QAAA,EAAA,MAAA,oBACCF,eAAA;AAAA,YAACG,0BAAA;AAAA,YAAA;AAAA,cAEC,GAAA,EAAK,WAAA;AAAA,cACL,MAAA,EAAO,MAAA;AAAA,cACP,IAAA,EAAK,UAAA;AAAA,cAIL,MAAA,EAAQ,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAG,UAAA,EAAW;AAAA,cACjC,WAAA,EAAU,eAAA;AAAA,cACV,SAAA,EAAWC,oBAAA;AAAA,gBACT,6CAAA;AAAA,gBACA,yDAAA;AAAA,gBACA,6CAAA;AAAA;AAAA;AAAA,gBAGA,oBAAoB,UAAU,CAAA;AAAA,gBAC9B;AAAA,eACF;AAAA,cACA,iBAAA,EAAmB,2BAAA;AAAA,cAElB,QAAA,EAAA;AAAA,gBAAA,UAAA,oBACCL,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAU,kEAAA;AAAA,oBACV,WAAA,EAAU,iBAAA;AAAA,oBAEV,QAAA,kBAAAA,cAAA;AAAA,sBAAC,OAAA;AAAA,sBAAA;AAAA,wBACC,GAAA,EAAK,cAAA;AAAA,wBACL,IAAA,EAAK,QAAA;AAAA,wBACL,KAAA,EAAO,WAAA;AAAA,wBACP,UAAU,CAAC,KAAA,KAAU,cAAA,CAAe,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,wBACtD,WAAA,EAAa,iBAAA;AAAA,wBACb,YAAA,EAAY,eAAA;AAAA,wBACZ,eAAA,EAAe,MAAA;AAAA,wBACf,mBAAA,EAAkB,MAAA;AAAA,wBAClB,WAAA,EAAU,uBAAA;AAAA,wBACV,SAAA,EAAWK,oBAAA;AAAA,0BACTC,+BAAA,CAAc,EAAE,IAAA,EAAM,IAAA,EAAM,CAAA;AAAA,0BAC5B,SAAA;AAAA,0BACA;AAAA;AACF;AAAA;AACF;AAAA,iBACF;AAAA,gCAEFL,eAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,EAAA,EAAI,MAAA;AAAA,oBACJ,IAAA,EAAK,MAAA;AAAA,oBACL,SAAA,EAAU,yBAAA;AAAA,oBAET,QAAA,EAAA;AAAA,sBAAA,WAAA,IACC,iBACA,uBAAA,CAAwB,MAAA,GAAS,CAAA,oBAC/BA,eAAA,CAAAM,qBAAA,EACE,QAAA,EAAA;AAAA,wCAAAP,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,KAAA,EAAM,WAAA,EAAU,qBAAA,EAC7B,QAAA,kBAAAA,cAAA;AAAA,0BAAC,YAAA;AAAA,0BAAA;AAAA,4BACC,OAAA,EAAS,kBAAA;AAAA,4BACT,aAAA,EACE,CAAC,kBAAA,IAAsB,mBAAA;AAAA,4BAEzB,OAAA,EAAS,eAAA;AAAA,4BAER,QAAA,EAAA;AAAA;AAAA,yBACH,EACF,CAAA;AAAA,uDACC,iBAAA,EAAA,EAAkB;AAAA,uBAAA,EACrB,CAAA;AAAA,sBAEH,UAAA,GACC,mBACE,gBAAA,mBAEAA,cAAA;AAAA,wBAAC,KAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAU,qDAAA;AAAA,0BACV,WAAA,EAAU,gBAAA;AAAA,0BAET,QAAA,EAAA;AAAA;AAAA,uBACH,GAGF;AAAA;AAAA;AAAA;AAEJ;AAAA,aAAA;AAAA,YAjFI;AAAA,WAkFN,EAEJ,CAAA;AAAA,UACA,QAAA,CAAS;AAAA;AACX;AAAA;AAAA,GACJ,EACF,CAAA;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AA8BvB,IAAM,cAAA,GAAuBJ,gBAAA,CAAA,UAAA;AAAA,EAC3B,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,UAAU,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnE,IAAA,uBACEK,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,iBAAA;AAAA,QACV,SAAA,EAAWI,oBAAA;AAAA,UACT,yDAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAAJ,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,yBAAA;AAAA,cACV,WAAA,EAAU,qBAAA;AAAA,cAET,QAAA,EAAA;AAAA,gBAAA,MAAA;AAAA,gCACDA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,kCAAAD,cAAA;AAAA,oBAAC,GAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,iEAAA;AAAA,sBACV,WAAA,EAAU,uBAAA;AAAA,sBAET,QAAA,EAAA;AAAA;AAAA,mBACH;AAAA,kBACC,QAAA,oBACCA,cAAA;AAAA,oBAAC,GAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,wCAAA;AAAA,sBACV,WAAA,EAAU,0BAAA;AAAA,sBAET,QAAA,EAAA;AAAA;AAAA;AACH,iBAAA,EAEJ;AAAA;AAAA;AAAA,WACF;AAAA,UACC;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAW7B,IAAM,eAAA,GAAwBJ,gBAAA,CAAA,UAAA;AAAA,EAC5B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,uBACEI,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,kBAAA;AAAA,QACV,SAAA,EAAWK,oBAAA,CAAG,KAAA,EAAO,SAAS,CAAA;AAAA,QAC7B,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAqB9B,SAAS,oBAAA,CAAqB;AAAA,EAC5B,OAAA;AAAA,EACA,aAAA,GAAgB;AAClB,CAAA,EAGG;AACD,EAAA,uBACEL,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,MAAA;AAAA,MACZ,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWK,oBAAA;AAAA,QACT,mGAAA;AAAA,QACA,OAAA,IAAW,gBACP,8CAAA,GACA;AAAA,OACN;AAAA,MAEC,QAAA,EAAA,aAAA,mBACCL,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAU,SAAA;AAAA,UACV,KAAA,EAAM,4BAAA;AAAA,UACN,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UAEL,QAAA,kBAAAA,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAE,QAAA;AAAA,cACF,MAAA,EAAO,cAAA;AAAA,cACP,WAAA,EAAY,GAAA;AAAA,cACZ,aAAA,EAAc;AAAA;AAAA;AAChB;AAAA,OACF,mBAEAA,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAU,SAAA;AAAA,UACV,KAAA,EAAM,4BAAA;AAAA,UACN,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UAEL,QAAA,kBAAAA,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAE,4BAAA;AAAA,cACF,MAAA,EAAO,cAAA;AAAA,cACP,WAAA,EAAY,GAAA;AAAA,cACZ,aAAA,EAAc,OAAA;AAAA,cACd,cAAA,EAAe;AAAA;AAAA;AACjB;AAAA;AACF;AAAA,GAEJ;AAEJ;AAKA,IAAM,YAAA,GAAqBJ,gBAAA,CAAA,UAAA;AAAA,EACzB,CACE;AAAA,IACE,SAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,QAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA,GAAgB,KAAA;AAAA,IAChB,eAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,eAAA,GAAwBA,4BAAW,eAAe,CAAA;AACxD,IAAA,MAAM,SAAA,GAAY,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,MAAA;AACtD,IAAA,MAAM,qBAAA,GAAwB,eAAA,EAAiB,cAAA,IAAkB,EAAC;AAClE,IAAA,MAAM,oBACH,eAAA,EAAiB,WAAA,KAAgB,QAAQ,SAAA,KAAc,MAAA,IACxD,YAAY,MAAA,IACZ,aAAA;AACF,IAAA,MAAM,SAAA,GACJ,YACC,iBAAA,GACG,SAAA,KAAc,UAAa,qBAAA,CAAsB,QAAA,CAAS,SAAS,CAAA,GACnE,KAAA,CAAA;AAEN,IAAA,MAAM,WAAA,GAAoBA,gBAAA,CAAA,WAAA;AAAA,MACxB,CAAC,KAAA,KAA+C;AAC9C,QAAA,IACE,eAAA,IACA,iBAAA,IACA,SAAA,KAAc,MAAA,IACd,CAAC,QAAA,EACD;AACA,UAAA,eAAA,CAAgB,oBAAoB,SAAS,CAAA;AAC7C,UAAA,eAAA,GAAkB,CAAC,SAAS,CAAA;AAAA,QAC9B;AAEA,QAAA,OAAA,GAAU,KAAK,CAAA;AAAA,MACjB,CAAA;AAAA,MACA;AAAA,QACE,QAAA;AAAA,QACA,eAAA;AAAA,QACA,SAAA;AAAA,QACA,iBAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,uBACEK,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAM,oBAAoB,kBAAA,GAAqB,UAAA;AAAA,QAC/C,cAAA,EACE,iBAAA,GAAqB,aAAA,GAAgB,OAAA,GAAU,SAAA,GAAa,MAAA;AAAA,QAE9D,QAAA;AAAA,QACA,WAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAWI,oBAAA;AAAA,UACT,wEAAA;AAAA,UACA,gCAAA;AAAA,UACA,oBAAA;AAAA,UACA,YAAY,SAAA,IAAa;AAAA,YACvB,wCAAA;AAAA,YACA,gDAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA,YAAY,QAAA,IAAY;AAAA,YACtB,gCAAA;AAAA,YACA,0CAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA;AAAA,SACF;AAAA,QACA,kBAAA,EAAkB,UAAA;AAAA,QAClB,OAAA,EAAS,WAAA;AAAA,QACT,KAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,iBAAA,oBACCL,cAAA;AAAA,YAAC,oBAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,SAAA;AAAA,cACT;AAAA;AAAA,WACF;AAAA,UAED,wBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kBAAA,EAAmB,WAAA,EAAU,sBAC1C,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,yCAED,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,WAAA,EAAU,uBACrC,QAAA,EACH;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAsB3B,IAAM,iBAAA,GAAoB,GAAA;AAoB1B,SAAS,eAAA,CAAgB;AAAA,EACvB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUJ,0BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,SAAeA,gBAAA,CAAA,KAAA,EAAM;AAC3B,EAAA,MAAM,eAAA,GAAwBA,4BAAW,eAAe,CAAA;AACxD,EAAA,MAAM,UAAA,GAAmBA,gBAAA,CAAA,MAAA;AAAA,IACvB;AAAA,GACF;AAEA,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAa,KAAA,EAAO,UAAA,EAAW,GAAIE,qCAAA,CAGpD,EAAE,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,MAAA,EAAQ,GAAG,CAAA;AAM/C,EAAA,MAAM,qBAAqB,eAAA,EAAiB,kBAAA;AAC5C,EAAMF,iCAAgB,MAAM;AAC1B,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,kBAAA,EAAoB;AAClC,IAAA,OAAO,mBAAmB,WAAW,CAAA;AAAA,EACvC,CAAA,EAAG,CAAC,IAAA,EAAM,kBAAA,EAAoB,WAAW,CAAC,CAAA;AAE1C,EAAMA,gBAAA,CAAA,SAAA,CAAU,MAAM,MAAM,YAAA,CAAa,WAAW,OAAO,CAAA,EAAG,EAAE,CAAA;AAEhE,EAAA,MAAM,WAAA,GAAc,MAAM,YAAA,CAAa,UAAA,CAAW,OAAO,CAAA;AACzD,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,WAAA,EAAY;AACZ,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,EACd,CAAA;AACA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,WAAA,EAAY;AACZ,IAAA,UAAA,CAAW,UAAU,UAAA,CAAW,MAAM,OAAA,CAAQ,KAAK,GAAG,iBAAiB,CAAA;AAAA,EACzE,CAAA;AACA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,WAAA,EAAY;AACZ,IAAA,OAAA,CAAQ,KAAK,CAAA;AACb,IAAA,SAAA,CAAU,SAAS,KAAA,EAAM;AAAA,EAC3B,CAAA;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAG3B,IAAA,qBAAA,CAAsB,MAAM;AAC1B,MAAA,WAAA,CAAY,OAAA,EACR,aAAA,CAA2B,6BAA6B,CAAA,EACxD,KAAA,EAAM;AAAA,IACZ,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACEK,eAAA,CAAAM,qBAAA,EACE,QAAA,EAAA;AAAA,oBAAAN,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,UAAA;AAAA,QACL,QAAA;AAAA,QACA,eAAA,EAAc,MAAA;AAAA,QACd,eAAA,EAAe,IAAA;AAAA,QACf,eAAA,EAAe,OAAO,MAAA,GAAS,MAAA;AAAA,QAC/B,WAAA,EAAU,0BAAA;AAAA,QACV,SAAA,EAAWI,oBAAA;AAAA,UACT,wEAAA;AAAA,UACA,gCAAA;AAAA,UACA,oBAAA;AAAA,UACA,wCAAA;AAAA,UACA,gDAAA;AAAA,UACA,gDAAA;AAAA,UACA,IAAA,IAAQ,oCAAA;AAAA,UACR;AAAA,SACF;AAAA,QACA,cAAA,EAAgB,CAAC,KAAA,KAAU;AAGzB,UAAA,IAAI,KAAA,CAAM,WAAA,KAAgB,OAAA,EAAS,OAAA,EAAQ;AAAA,QAC7C,CAAA;AAAA,QACA,cAAA,EAAgB,CAAC,KAAA,KAAU;AACzB,UAAA,IAAI,KAAA,CAAM,WAAA,KAAgB,OAAA,EAAS,aAAA,EAAc;AAAA,QACnD,CAAA;AAAA,QACA,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,UAAA,OAAA,EAAQ;AAGR,UAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,cAAA,EAAe;AAAA,QACzC,CAAA;AAAA,QACA,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,UAAA,IAAI,KAAA,CAAM,QAAQ,YAAA,EAAc;AAC9B,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,OAAA,EAAQ;AACR,YAAA,cAAA,EAAe;AAAA,UACjB,WACE,IAAA,KACC,KAAA,CAAM,QAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,QAAA,CAAA,EAC5C;AACA,YAAA,KAAA,CAAM,cAAA,EAAe;AAGrB,YAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,YAAA,eAAA,EAAgB;AAAA,UAClB;AAAA,QACF,CAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,IAAA,mCACE,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAmB,WAAA,EAAU,sBAC1C,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,yCAED,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EAAqB,WAAA,EAAU,uBAC5C,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,0BACAL,cAAA;AAAA,YAACQ,wBAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAM,EAAA;AAAA,cACN,aAAA,EAAY,MAAA;AAAA,cACZ,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,KACF;AAAA,IACC,OAAO,aAAa,WAAA,IACnBN,qBAAA;AAAA,sBACEF,cAAA,CAACG,sCACE,QAAA,EAAA,IAAA,oBACCH,cAAA;AAAA,QAACI,0BAAA;AAAA,QAAA;AAAA,UAEC,GAAA,EAAK,WAAA;AAAA,UACL,KAAA;AAAA,UACA,MAAA,EAAO,MAAA;AAAA,UACP,IAAA,EAAK,UAAA;AAAA,UAIL,MAAA,EAAQ,UAAA;AAAA,UACR,EAAA,EAAI,MAAA;AAAA,UACJ,IAAA,EAAK,MAAA;AAAA,UAGL,QAAA,EAAU,EAAA;AAAA,UACV,WAAA,EAAU,kBAAA;AAAA,UACV,SAAA,EAAWC,oBAAA;AAAA;AAAA;AAAA,YAGT,mEAAA;AAAA,YACA,yDAAA;AAAA,YACA,6CAAA;AAAA;AAAA,YAEA,oBAAoB,UAAU;AAAA,WAChC;AAAA,UACA,iBAAA,EAAmB,2BAAA;AAAA,UACnB,cAAA,EAAgB,WAAA;AAAA,UAChB,cAAA,EAAgB,CAAC,KAAA,KAAU;AACzB,YAAA,IAAI,KAAA,CAAM,WAAA,KAAgB,OAAA,EAAS,aAAA,EAAc;AAAA,UACnD,CAAA;AAAA,UACA,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,YAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,QAAA,EAAU;AACvD,cAAA,KAAA,CAAM,cAAA,EAAe;AACrB,cAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,cAAA,eAAA,EAAgB;AAAA,YAClB;AAAA,UACF,CAAA;AAAA,UAEA,QAAA,kBAAAL,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS;AAAA,SAAA;AAAA,QArC/C;AAAA,OAsCN,EAEJ,CAAA;AAAA,MACA,QAAA,CAAS;AAAA;AACX,GAAA,EACJ,CAAA;AAEJ;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAS9B,SAAS,iBAAA,CAAkB,EAAE,SAAA,EAAU,EAA2B;AAChE,EAAA,uBACEA,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,SAAA,EAAWK,oBAAA;AAAA,QACT,qDAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAShC,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,uBACEL,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAWK,oBAAA;AAAA,QACT,4DAAA;AAAA,QACA,uBAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-RXPEZXAB.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { ChevronRight as ChevronRightIcon } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport {\n  useAnchoredPosition,\n  type AnchoredPlacement,\n  type AnchoredSide,\n} from '../../hooks/useAnchoredPosition';\nimport { Animated, AnimatedPresence } from '../../motion';\nimport { inputVariants } from '../Input';\n\nexport type DropdownPlacement = AnchoredPlacement;\n\nexport interface DropdownProps {\n  /** The trigger element (usually a button) */\n  trigger: React.ReactElement<{\n    onClick?: () => void;\n    disabled?: boolean;\n    'aria-haspopup'?: string;\n    'aria-expanded'?: boolean;\n    'aria-controls'?: string;\n  }>;\n  /** Dropdown content */\n  children: React.ReactNode;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Placement of the dropdown */\n  placement?: DropdownPlacement;\n  /** Additional class name for the dropdown menu */\n  className?: string;\n  /** Width of the dropdown menu */\n  width?: 'auto' | 'trigger' | number;\n  /** Whether the dropdown is disabled */\n  disabled?: boolean;\n  /** Whether to render a search field at the top of the dropdown */\n  searchable?: boolean;\n  /** Placeholder text for the search input */\n  searchPlaceholder?: string;\n  /** Accessible label for the search input */\n  searchAriaLabel?: string;\n  /** Content to render when no items match the search query */\n  searchEmptyState?: React.ReactNode;\n  /** Whether dropdown items support multi-select checkboxes */\n  multiSelect?: boolean;\n  /** Selected item values for controlled multi-select dropdowns */\n  selectedValues?: string[];\n  /** Initial selected item values for uncontrolled multi-select dropdowns */\n  defaultSelectedValues?: string[];\n  /** Callback fired when selected values change in multi-select mode */\n  onSelectedValuesChange?: (values: string[]) => void;\n  /** Whether to render a select-all control for multi-select dropdowns */\n  showSelectAll?: boolean;\n  /** Label for the select-all control */\n  selectAllLabel?: React.ReactNode;\n}\n\nconst placementOffset = 8; // matches the previous mt-2/mb-2 gap\n\n/**\n * Scale origin per resolved side, so the menu grows out of its trigger rather\n * than out of its own middle. Written as whole literal class names because\n * Tailwind's scanner only matches complete strings.\n */\nconst menuTransformOrigin: Record<AnchoredSide, string> = {\n  bottom: 'origin-top',\n  top: 'origin-bottom',\n  right: 'origin-left',\n  left: 'origin-right',\n};\n\n/**\n * CSS stand-in used when no motion runtime is active.\n *\n * Note this replaces `animate-in fade-in zoom-in-95 duration-100`, which was\n * dead markup: those are `tailwindcss-animate` utilities and that plugin is not\n * installed, so none of them were ever emitted into the stylesheet. `animate-fade-in`\n * is a real utility from this package's own Tailwind preset.\n */\nconst DROPDOWN_FALLBACK_ANIMATION = 'animate-fade-in';\n\ninterface DropdownContextValue {\n  multiSelect: boolean;\n  selectedValues: string[];\n  toggleSelectedValue: (value: string) => void;\n  /**\n   * Registers a portaled descendant (submenu panel) with the root dropdown's\n   * click-outside detection so clicks inside it don't close the menu.\n   * Returns an unregister function.\n   */\n  registerOutsideRef: (ref: React.RefObject<HTMLElement | null>) => () => void;\n}\n\nconst DropdownContext = React.createContext<DropdownContextValue | null>(null);\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getNodeText).join(' ');\n  }\n\n  if (React.isValidElement<{ children?: React.ReactNode }>(node)) {\n    return getNodeText(node.props.children);\n  }\n\n  return '';\n}\n\nfunction isDropdownElement<P>(\n  node: React.ReactNode,\n  component: React.JSXElementConstructor<P>\n): node is React.ReactElement<P> {\n  return React.isValidElement(node) && node.type === component;\n}\n\nfunction hasVisibleDropdownContent(node: React.ReactNode): boolean {\n  if (node == null || typeof node === 'boolean') {\n    return false;\n  }\n\n  if (Array.isArray(node)) {\n    return node.some(hasVisibleDropdownContent);\n  }\n\n  if (!React.isValidElement<{ children?: React.ReactNode }>(node)) {\n    if (typeof node === 'string') {\n      return node.trim().length > 0;\n    }\n\n    return true;\n  }\n\n  if (node.type === React.Fragment) {\n    return React.Children.toArray(node.props.children).some(\n      hasVisibleDropdownContent\n    );\n  }\n\n  if (\n    node.type === DropdownSeparator ||\n    node.type === DropdownLabel ||\n    node.type === DropdownHeader\n  ) {\n    return false;\n  }\n\n  if (node.type === DropdownContent) {\n    return React.Children.toArray(node.props.children).some(\n      hasVisibleDropdownContent\n    );\n  }\n\n  return true;\n}\n\nfunction normalizeDropdownSiblings(\n  children: React.ReactNode[]\n): React.ReactNode[] {\n  const hasContentBefore = (index: number) => {\n    for (let current = index - 1; current >= 0; current -= 1) {\n      const child = children[current];\n\n      if (isDropdownElement(child, DropdownSeparator)) {\n        return false;\n      }\n\n      if (hasVisibleDropdownContent(child)) {\n        return true;\n      }\n    }\n\n    return false;\n  };\n\n  const hasContentAfter = (index: number) => {\n    for (let current = index + 1; current < children.length; current += 1) {\n      const child = children[current];\n\n      if (isDropdownElement(child, DropdownSeparator)) {\n        return false;\n      }\n\n      if (hasVisibleDropdownContent(child)) {\n        return true;\n      }\n    }\n\n    return false;\n  };\n\n  return children.filter((child, index) => {\n    if (isDropdownElement(child, DropdownSeparator)) {\n      return hasContentBefore(index) && hasContentAfter(index);\n    }\n\n    if (isDropdownElement(child, DropdownLabel)) {\n      return hasContentAfter(index);\n    }\n\n    return true;\n  });\n}\n\nfunction filterDropdownChildren(\n  children: React.ReactNode,\n  query: string\n): React.ReactNode[] {\n  const normalizedQuery = query.trim().toLowerCase();\n\n  if (!normalizedQuery) {\n    return React.Children.toArray(children);\n  }\n\n  const filteredChildren = React.Children.toArray(children)\n    .map((child) => {\n      if (!React.isValidElement<{ children?: React.ReactNode }>(child)) {\n        if (typeof child === 'string' || typeof child === 'number') {\n          return String(child).toLowerCase().includes(normalizedQuery)\n            ? child\n            : null;\n        }\n\n        return null;\n      }\n\n      if (child.type === React.Fragment) {\n        const fragmentChildren = filterDropdownChildren(\n          child.props.children,\n          normalizedQuery\n        );\n\n        return fragmentChildren.length > 0\n          ? React.cloneElement(child, undefined, fragmentChildren)\n          : null;\n      }\n\n      if (isDropdownElement(child, DropdownHeader)) {\n        return child;\n      }\n\n      if (isDropdownElement(child, DropdownItem)) {\n        const searchText = [\n          getNodeText(child.props.children),\n          child.props.searchText,\n        ]\n          .filter(Boolean)\n          .join(' ')\n          .toLowerCase();\n\n        return searchText.includes(normalizedQuery) ? child : null;\n      }\n\n      if (isDropdownElement(child, DropdownSubmenu)) {\n        const searchText = [\n          getNodeText(child.props.label),\n          child.props.searchText,\n        ]\n          .filter(Boolean)\n          .join(' ')\n          .toLowerCase();\n\n        // Keep the whole submenu when its label matches; otherwise filter its\n        // items and keep it only when something inside still matches.\n        if (searchText.includes(normalizedQuery)) {\n          return child;\n        }\n\n        const submenuChildren = filterDropdownChildren(\n          child.props.children,\n          normalizedQuery\n        );\n\n        return hasVisibleDropdownContent(submenuChildren)\n          ? React.cloneElement(child, undefined, submenuChildren)\n          : null;\n      }\n\n      if (isDropdownElement(child, DropdownContent)) {\n        const contentChildren = filterDropdownChildren(\n          child.props.children,\n          normalizedQuery\n        );\n\n        return hasVisibleDropdownContent(contentChildren)\n          ? React.cloneElement(child, undefined, contentChildren)\n          : null;\n      }\n\n      if (isDropdownElement(child, DropdownSeparator)) {\n        return child;\n      }\n\n      if (isDropdownElement(child, DropdownLabel)) {\n        return child;\n      }\n\n      const nestedChildren = child.props.children;\n\n      if (nestedChildren === undefined) {\n        return child;\n      }\n\n      const filteredNestedChildren = filterDropdownChildren(\n        nestedChildren,\n        normalizedQuery\n      );\n\n      return filteredNestedChildren.length > 0\n        ? React.cloneElement(child, undefined, filteredNestedChildren)\n        : null;\n    })\n    .filter((child) => child !== null);\n\n  return normalizeDropdownSiblings(filteredChildren);\n}\n\nfunction getSelectableValues(children: React.ReactNode): string[] {\n  return React.Children.toArray(children).flatMap((child) => {\n    if (\n      !React.isValidElement<{ children?: React.ReactNode; value?: unknown }>(\n        child\n      )\n    ) {\n      return [];\n    }\n\n    if (child.type === React.Fragment || child.type === DropdownContent) {\n      return getSelectableValues(child.props.children);\n    }\n\n    if (isDropdownElement(child, DropdownItem)) {\n      return typeof child.props.value === 'string' ? [child.props.value] : [];\n    }\n\n    return child.props.children !== undefined\n      ? getSelectableValues(child.props.children)\n      : [];\n  });\n}\n\n/**\n * An accessible dropdown menu component.\n *\n * @example\n * ```tsx\n * <Dropdown\n *   trigger={<Button>Options</Button>}\n * >\n *   <DropdownItem onClick={() => console.log('Edit')}>Edit</DropdownItem>\n *   <DropdownItem onClick={() => console.log('Delete')} variant=\"danger\">Delete</DropdownItem>\n * </Dropdown>\n * ```\n */\nfunction Dropdown({\n  trigger,\n  children,\n  open: controlledOpen,\n  onOpenChange,\n  placement = 'bottom-start',\n  className,\n  width = 'auto',\n  disabled = false,\n  searchable = false,\n  searchPlaceholder = 'Search...',\n  searchAriaLabel = 'Search dropdown items',\n  searchEmptyState = 'No results found',\n  multiSelect = false,\n  selectedValues: controlledSelectedValues,\n  defaultSelectedValues = [],\n  onSelectedValuesChange,\n  showSelectAll = false,\n  selectAllLabel = 'Select all',\n}: DropdownProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const [uncontrolledSelectedValues, setUncontrolledSelectedValues] =\n    React.useState(defaultSelectedValues);\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [extraOutsideRefs, setExtraOutsideRefs] = React.useState<\n    ReadonlyArray<React.RefObject<HTMLElement | null>>\n  >([]);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n  const menuId = React.useId();\n\n  const isControlled = controlledOpen !== undefined;\n  const isSelectedValuesControlled = controlledSelectedValues !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n  const selectedValues = isSelectedValuesControlled\n    ? controlledSelectedValues\n    : uncontrolledSelectedValues;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const handleToggle = React.useCallback(() => {\n    if (!disabled) {\n      setOpen(!isOpen);\n    }\n  }, [disabled, isOpen, setOpen]);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, [setOpen]);\n\n  const setSelectedValues = React.useCallback(\n    (values: string[]) => {\n      if (!isSelectedValuesControlled) {\n        setUncontrolledSelectedValues(values);\n      }\n      onSelectedValuesChange?.(values);\n    },\n    [isSelectedValuesControlled, onSelectedValuesChange]\n  );\n\n  const toggleSelectedValue = React.useCallback(\n    (value: string) => {\n      if (!multiSelect) {\n        return;\n      }\n\n      setSelectedValues(\n        selectedValues.includes(value)\n          ? selectedValues.filter((selectedValue) => selectedValue !== value)\n          : [...selectedValues, value]\n      );\n    },\n    [multiSelect, selectedValues, setSelectedValues]\n  );\n\n  const registerOutsideRef = React.useCallback(\n    (ref: React.RefObject<HTMLElement | null>) => {\n      setExtraOutsideRefs((prev) => [...prev, ref]);\n      return () => setExtraOutsideRefs((prev) => prev.filter((r) => r !== ref));\n    },\n    []\n  );\n\n  const dropdownContext = React.useMemo<DropdownContextValue>(\n    () => ({\n      multiSelect,\n      selectedValues,\n      toggleSelectedValue,\n      registerOutsideRef,\n    }),\n    [multiSelect, selectedValues, toggleSelectedValue, registerOutsideRef]\n  );\n\n  useEscapeKey(handleClose, isOpen);\n\n  // Portal + fixed positioning so the menu escapes overflow-hidden ancestors.\n  const { anchorRef, floatingRef, style, actualSide } = useAnchoredPosition<\n    HTMLDivElement,\n    HTMLDivElement\n  >({\n    open: isOpen,\n    placement,\n    offset: placementOffset,\n    matchMinWidth: width === 'trigger',\n  });\n\n  const outsideRefs = React.useMemo(\n    () => [containerRef, floatingRef, ...extraOutsideRefs],\n    [floatingRef, extraOutsideRefs]\n  );\n  useClickOutside(outsideRefs, handleClose, isOpen);\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      setSearchQuery('');\n      return;\n    }\n\n    if (searchable) {\n      requestAnimationFrame(() => searchInputRef.current?.focus());\n    }\n  }, [isOpen, searchable]);\n\n  // Clone trigger to add event handlers\n  const triggerElement = React.cloneElement(trigger, {\n    onClick: handleToggle,\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? menuId : undefined,\n    disabled: disabled || trigger.props.disabled,\n  });\n\n  const widthStyle = typeof width === 'number' ? { width: `${width}px` } : {};\n\n  const filteredChildren = React.useMemo(\n    () => filterDropdownChildren(children, searchQuery),\n    [children, searchQuery]\n  );\n  const visibleSelectableValues = React.useMemo(\n    () => getSelectableValues(searchable ? filteredChildren : children),\n    [children, filteredChildren, searchable]\n  );\n  const hasSearchResults = React.useMemo(\n    () => hasVisibleDropdownContent(filteredChildren),\n    [filteredChildren]\n  );\n  const allVisibleSelected =\n    visibleSelectableValues.length > 0 &&\n    visibleSelectableValues.every((value) => selectedValues.includes(value));\n  const someVisibleSelected = visibleSelectableValues.some((value) =>\n    selectedValues.includes(value)\n  );\n\n  const handleSelectAll = React.useCallback(() => {\n    if (!multiSelect || visibleSelectableValues.length === 0) {\n      return;\n    }\n\n    const visibleValueSet = new Set(visibleSelectableValues);\n\n    setSelectedValues(\n      allVisibleSelected\n        ? selectedValues.filter((value) => !visibleValueSet.has(value))\n        : Array.from(new Set([...selectedValues, ...visibleSelectableValues]))\n    );\n  }, [\n    allVisibleSelected,\n    multiSelect,\n    selectedValues,\n    setSelectedValues,\n    visibleSelectableValues,\n  ]);\n\n  return (\n    <DropdownContext.Provider value={dropdownContext}>\n      <div\n        ref={(node) => {\n          containerRef.current = node;\n          anchorRef.current = node;\n        }}\n        className=\"relative inline-flex\"\n      >\n        {triggerElement}\n        {typeof document !== 'undefined' &&\n          createPortal(\n            <AnimatedPresence>\n              {isOpen && (\n                <Animated\n                  key=\"dropdown-menu\"\n                  ref={floatingRef as React.Ref<HTMLElement>}\n                  preset=\"menu\"\n                  mode=\"presence\"\n                  // Post-flip side, not the requested `placement`: a menu that\n                  // flipped for want of room has to animate from where it\n                  // actually landed.\n                  custom={actualSide}\n                  style={{ ...style, ...widthStyle }}\n                  data-slot=\"dropdown-menu\"\n                  className={cn(\n                    'flex min-w-[12rem] flex-col overflow-hidden',\n                    'rounded-xl border border-neutral-200 bg-white shadow-lg',\n                    'dark:border-neutral-700 dark:bg-neutral-800',\n                    // Anchors the scale to the trigger. Static per side and never\n                    // animated, so CSS owns it rather than the preset.\n                    menuTransformOrigin[actualSide],\n                    className\n                  )}\n                  fallbackClassName={DROPDOWN_FALLBACK_ANIMATION}\n                >\n                  {searchable && (\n                    <div\n                      className=\"shrink-0 border-b border-neutral-200 p-2 dark:border-neutral-700\"\n                      data-slot=\"dropdown-search\"\n                    >\n                      <input\n                        ref={searchInputRef}\n                        type=\"search\"\n                        value={searchQuery}\n                        onChange={(event) => setSearchQuery(event.target.value)}\n                        placeholder={searchPlaceholder}\n                        aria-label={searchAriaLabel}\n                        aria-controls={menuId}\n                        aria-autocomplete=\"list\"\n                        data-slot=\"dropdown-search-input\"\n                        className={cn(\n                          inputVariants({ size: 'sm' }),\n                          'text-sm',\n                          'dark:border-neutral-600 dark:bg-neutral-700 dark:text-neutral-100'\n                        )}\n                      />\n                    </div>\n                  )}\n                  <div\n                    id={menuId}\n                    role=\"menu\"\n                    className=\"min-h-0 overflow-y-auto\"\n                  >\n                    {multiSelect &&\n                      showSelectAll &&\n                      visibleSelectableValues.length > 0 && (\n                        <>\n                          <div className=\"p-2\" data-slot=\"dropdown-select-all\">\n                            <DropdownItem\n                              checked={allVisibleSelected}\n                              indeterminate={\n                                !allVisibleSelected && someVisibleSelected\n                              }\n                              onClick={handleSelectAll}\n                            >\n                              {selectAllLabel}\n                            </DropdownItem>\n                          </div>\n                          <DropdownSeparator />\n                        </>\n                      )}\n                    {searchable ? (\n                      hasSearchResults ? (\n                        filteredChildren\n                      ) : (\n                        <div\n                          className=\"text-muted-foreground px-3 py-4 text-center text-sm\"\n                          data-slot=\"dropdown-empty\"\n                        >\n                          {searchEmptyState}\n                        </div>\n                      )\n                    ) : (\n                      children\n                    )}\n                  </div>\n                </Animated>\n              )}\n            </AnimatedPresence>,\n            document.body\n          )}\n      </div>\n    </DropdownContext.Provider>\n  );\n}\n\nDropdown.displayName = 'Dropdown';\n\n// ============================================================================\n// Dropdown Header Component\n// ============================================================================\n\nexport interface DropdownHeaderProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  /** Avatar element or image */\n  avatar?: React.ReactNode;\n  /** Primary text (e.g., user name) */\n  title: React.ReactNode;\n  /** Secondary text (e.g., email) */\n  subtitle?: React.ReactNode;\n}\n\n/**\n * A header section for dropdown menus, typically used for user info.\n *\n * @example\n * ```tsx\n * <DropdownHeader\n *   avatar={<Avatar name=\"John Doe\" />}\n *   title=\"John Doe\"\n *   subtitle=\"john@example.com\"\n * />\n * ```\n */\nconst DropdownHeader = React.forwardRef<HTMLDivElement, DropdownHeaderProps>(\n  ({ className, avatar, title, subtitle, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"dropdown-header\"\n        className={cn(\n          'border-b border-neutral-200 p-4 dark:border-neutral-700',\n          className\n        )}\n        {...props}\n      >\n        <div\n          className=\"flex items-center gap-3\"\n          data-slot=\"dropdown-header-row\"\n        >\n          {avatar}\n          <div className=\"min-w-0 flex-1\">\n            <p\n              className=\"truncate text-sm font-semibold text-neutral-900 dark:text-white\"\n              data-slot=\"dropdown-header-title\"\n            >\n              {title}\n            </p>\n            {subtitle && (\n              <p\n                className=\"text-muted-foreground truncate text-xs\"\n                data-slot=\"dropdown-header-subtitle\"\n              >\n                {subtitle}\n              </p>\n            )}\n          </div>\n        </div>\n        {children}\n      </div>\n    );\n  }\n);\n\nDropdownHeader.displayName = 'DropdownHeader';\n\n// ============================================================================\n// Dropdown Content Component\n// ============================================================================\n\nexport type DropdownContentProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A container for dropdown menu items with proper padding.\n */\nconst DropdownContent = React.forwardRef<HTMLDivElement, DropdownContentProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"dropdown-content\"\n        className={cn('p-2', className)}\n        {...props}\n      />\n    );\n  }\n);\n\nDropdownContent.displayName = 'DropdownContent';\n\n// ============================================================================\n// Dropdown Item Component\n// ============================================================================\n\nexport interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon to display before the label */\n  icon?: React.ReactNode;\n  /** Danger variant for destructive actions */\n  variant?: 'default' | 'danger';\n  /** Optional text used when filtering searchable dropdown items */\n  searchText?: string;\n  /** Checked state for multi-select items */\n  checked?: boolean;\n  /** Indeterminate state for multi-select items */\n  indeterminate?: boolean;\n  /** Callback fired when a multi-select item changes */\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nfunction DropdownItemCheckbox({\n  checked,\n  indeterminate = false,\n}: {\n  checked: boolean;\n  indeterminate?: boolean;\n}) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"dropdown-checkbox\"\n      className={cn(\n        'flex h-4 w-4 shrink-0 items-center justify-center rounded border-2 transition-colors duration-150',\n        checked || indeterminate\n          ? 'border-primary-500 bg-primary-800 text-white'\n          : 'border-input bg-background text-transparent'\n      )}\n    >\n      {indeterminate ? (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-3 w-3\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n        >\n          <path\n            d=\"M4 8h8\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n          />\n        </svg>\n      ) : (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-3 w-3\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n        >\n          <path\n            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      )}\n    </span>\n  );\n}\n\n/**\n * An item within a Dropdown menu.\n */\nconst DropdownItem = React.forwardRef<HTMLButtonElement, DropdownItemProps>(\n  (\n    {\n      className,\n      icon,\n      variant = 'default',\n      children,\n      searchText,\n      checked,\n      indeterminate = false,\n      onCheckedChange,\n      onClick,\n      value,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const dropdownContext = React.useContext(DropdownContext);\n    const itemValue = typeof value === 'string' ? value : undefined;\n    const contextSelectedValues = dropdownContext?.selectedValues ?? [];\n    const isMultiSelectItem =\n      (dropdownContext?.multiSelect === true && itemValue !== undefined) ||\n      checked !== undefined ||\n      indeterminate;\n    const isChecked =\n      checked ??\n      (isMultiSelectItem\n        ? itemValue !== undefined && contextSelectedValues.includes(itemValue)\n        : false);\n\n    const handleClick = React.useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (\n          dropdownContext &&\n          isMultiSelectItem &&\n          itemValue !== undefined &&\n          !disabled\n        ) {\n          dropdownContext.toggleSelectedValue(itemValue);\n          onCheckedChange?.(!isChecked);\n        }\n\n        onClick?.(event);\n      },\n      [\n        disabled,\n        dropdownContext,\n        isChecked,\n        isMultiSelectItem,\n        itemValue,\n        onCheckedChange,\n        onClick,\n      ]\n    );\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role={isMultiSelectItem ? 'menuitemcheckbox' : 'menuitem'}\n        aria-checked={\n          isMultiSelectItem ? (indeterminate ? 'mixed' : isChecked) : undefined\n        }\n        disabled={disabled}\n        data-slot=\"dropdown-item\"\n        className={cn(\n          'flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm',\n          'transition-colors duration-150',\n          'focus:outline-none',\n          variant === 'default' && [\n            'text-neutral-700 dark:text-neutral-300',\n            'hover:bg-neutral-100 dark:hover:bg-neutral-700',\n            'focus:bg-neutral-100 dark:focus:bg-neutral-700',\n          ],\n          variant === 'danger' && [\n            'text-red-600 dark:text-red-400',\n            'hover:bg-red-50 dark:hover:bg-red-900/20',\n            'focus:bg-red-50 dark:focus:bg-red-900/20',\n          ],\n          className\n        )}\n        data-search-text={searchText}\n        onClick={handleClick}\n        value={value}\n        {...props}\n      >\n        {isMultiSelectItem && (\n          <DropdownItemCheckbox\n            checked={isChecked}\n            indeterminate={indeterminate}\n          />\n        )}\n        {icon && (\n          <span className=\"h-4 w-4 shrink-0\" data-slot=\"dropdown-item-icon\">\n            {icon}\n          </span>\n        )}\n        <span className=\"font-medium\" data-slot=\"dropdown-item-label\">\n          {children}\n        </span>\n      </button>\n    );\n  }\n);\n\nDropdownItem.displayName = 'DropdownItem';\n\n// ============================================================================\n// Dropdown Submenu Component\n// ============================================================================\n\nexport interface DropdownSubmenuProps {\n  /** The parent item's label */\n  label: React.ReactNode;\n  /** Icon to display before the label */\n  icon?: React.ReactNode;\n  /** Whether the submenu trigger is disabled */\n  disabled?: boolean;\n  /** Optional text used when filtering searchable dropdown items */\n  searchText?: string;\n  /** Additional class name for the submenu trigger item */\n  className?: string;\n  /** Submenu items */\n  children: React.ReactNode;\n}\n\n/** Delay before a hover-opened submenu closes, allowing diagonal travel. */\nconst submenuCloseDelay = 150;\n\n/**\n * A dropdown item that opens a nested flyout menu.\n *\n * Opens on hover or click, and via ArrowRight/Enter/Space from the keyboard;\n * ArrowLeft or Escape closes just the submenu (Escape is stopped so the root\n * menu stays open) and returns focus to the trigger.\n *\n * @example\n * ```tsx\n * <Dropdown trigger={<Button>Options</Button>}>\n *   <DropdownItem onClick={copy}>Copy</DropdownItem>\n *   <DropdownSubmenu label=\"Copy as\">\n *     <DropdownItem onClick={copyMarkdown}>Markdown</DropdownItem>\n *     <DropdownItem onClick={copyPlain}>Plain text</DropdownItem>\n *   </DropdownSubmenu>\n * </Dropdown>\n * ```\n */\nfunction DropdownSubmenu({\n  label,\n  icon,\n  disabled = false,\n  className,\n  children,\n}: DropdownSubmenuProps) {\n  const [open, setOpen] = React.useState(false);\n  const menuId = React.useId();\n  const dropdownContext = React.useContext(DropdownContext);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  );\n\n  const { anchorRef, floatingRef, style, actualSide } = useAnchoredPosition<\n    HTMLButtonElement,\n    HTMLDivElement\n  >({ open, placement: 'right-start', offset: 4 });\n\n  // Let the root dropdown treat clicks inside the portaled flyout as \"inside\"\n  // so they don't dismiss the whole menu. Layout effect so the registration\n  // flushes before the browser can deliver the next mousedown/touchstart —\n  // a passive effect could lose a fast open-then-click race.\n  const registerOutsideRef = dropdownContext?.registerOutsideRef;\n  React.useLayoutEffect(() => {\n    if (!open || !registerOutsideRef) return;\n    return registerOutsideRef(floatingRef);\n  }, [open, registerOutsideRef, floatingRef]);\n\n  React.useEffect(() => () => clearTimeout(closeTimer.current), []);\n\n  const cancelClose = () => clearTimeout(closeTimer.current);\n  const openNow = () => {\n    if (disabled) return;\n    cancelClose();\n    setOpen(true);\n  };\n  const scheduleClose = () => {\n    cancelClose();\n    closeTimer.current = setTimeout(() => setOpen(false), submenuCloseDelay);\n  };\n  const closeAndRefocus = () => {\n    cancelClose();\n    setOpen(false);\n    anchorRef.current?.focus();\n  };\n\n  const focusFirstItem = () => {\n    // The flyout positions in a layout effect; wait a frame so it's measurable\n    // and visible before moving focus.\n    requestAnimationFrame(() => {\n      floatingRef.current\n        ?.querySelector<HTMLElement>('[data-slot=\"dropdown-item\"]')\n        ?.focus();\n    });\n  };\n\n  return (\n    <>\n      <button\n        ref={anchorRef}\n        type=\"button\"\n        role=\"menuitem\"\n        disabled={disabled}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-controls={open ? menuId : undefined}\n        data-slot=\"dropdown-submenu-trigger\"\n        className={cn(\n          'flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm',\n          'transition-colors duration-150',\n          'focus:outline-none',\n          'text-neutral-700 dark:text-neutral-300',\n          'hover:bg-neutral-100 dark:hover:bg-neutral-700',\n          'focus:bg-neutral-100 dark:focus:bg-neutral-700',\n          open && 'bg-neutral-100 dark:bg-neutral-700',\n          className\n        )}\n        onPointerEnter={(event) => {\n          // Hover-open is a mouse affordance; touch taps go through onClick so\n          // the flyout doesn't open-then-toggle on the same tap.\n          if (event.pointerType === 'mouse') openNow();\n        }}\n        onPointerLeave={(event) => {\n          if (event.pointerType === 'mouse') scheduleClose();\n        }}\n        onClick={(event) => {\n          openNow();\n          // Keyboard activation (Enter/Space fire click with detail 0) moves\n          // focus into the flyout; pointer clicks leave focus on the trigger.\n          if (event.detail === 0) focusFirstItem();\n        }}\n        onKeyDown={(event) => {\n          if (event.key === 'ArrowRight') {\n            event.preventDefault();\n            openNow();\n            focusFirstItem();\n          } else if (\n            open &&\n            (event.key === 'ArrowLeft' || event.key === 'Escape')\n          ) {\n            event.preventDefault();\n            // Keep the root menu open: stop Escape before it reaches the\n            // document-level listener that closes the whole dropdown.\n            event.stopPropagation();\n            closeAndRefocus();\n          }\n        }}\n      >\n        {icon && (\n          <span className=\"h-4 w-4 shrink-0\" data-slot=\"dropdown-item-icon\">\n            {icon}\n          </span>\n        )}\n        <span className=\"flex-1 font-medium\" data-slot=\"dropdown-item-label\">\n          {label}\n        </span>\n        <ChevronRightIcon\n          size={16}\n          aria-hidden=\"true\"\n          className=\"shrink-0 text-neutral-400 rtl:-scale-x-100\"\n        />\n      </button>\n      {typeof document !== 'undefined' &&\n        createPortal(\n          <AnimatedPresence>\n            {open && (\n              <Animated\n                key=\"dropdown-submenu\"\n                ref={floatingRef}\n                style={style}\n                preset=\"menu\"\n                mode=\"presence\"\n                // A submenu opens to the side and flips when it runs out of\n                // room, so it has to animate from the side it actually landed\n                // on — same contract as the root menu.\n                custom={actualSide}\n                id={menuId}\n                role=\"menu\"\n                // Programmatically focusable (a11y: interactive role); focus\n                // lands on the menu items themselves.\n                tabIndex={-1}\n                data-slot=\"dropdown-submenu\"\n                className={cn(\n                  // min() keeps the preferred width from beating the hook's\n                  // maxWidth viewport clamp on very narrow screens.\n                  'flex min-w-[min(10rem,calc(100vw-1rem))] flex-col overflow-hidden',\n                  'rounded-xl border border-neutral-200 bg-white shadow-lg',\n                  'dark:border-neutral-700 dark:bg-neutral-800',\n                  // Anchors the scale to the trigger, as on the root menu.\n                  menuTransformOrigin[actualSide]\n                )}\n                fallbackClassName={DROPDOWN_FALLBACK_ANIMATION}\n                onPointerEnter={cancelClose}\n                onPointerLeave={(event) => {\n                  if (event.pointerType === 'mouse') scheduleClose();\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === 'ArrowLeft' || event.key === 'Escape') {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    closeAndRefocus();\n                  }\n                }}\n              >\n                <div className=\"min-h-0 overflow-y-auto\">{children}</div>\n              </Animated>\n            )}\n          </AnimatedPresence>,\n          document.body\n        )}\n    </>\n  );\n}\n\nDropdownSubmenu.displayName = 'DropdownSubmenu';\n\n// ============================================================================\n// Dropdown Separator Component\n// ============================================================================\n\n/**\n * A separator between dropdown items.\n */\nfunction DropdownSeparator({ className }: { className?: string }) {\n  return (\n    <hr\n      data-slot=\"dropdown-separator\"\n      className={cn(\n        'border-t border-neutral-200 dark:border-neutral-700',\n        className\n      )}\n    />\n  );\n}\n\nDropdownSeparator.displayName = 'DropdownSeparator';\n\n// ============================================================================\n// Dropdown Label Component\n// ============================================================================\n\n/**\n * A label/header for a group of dropdown items.\n */\nfunction DropdownLabel({\n  className,\n  children,\n}: {\n  className?: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"dropdown-label\"\n      className={cn(\n        'px-3 py-1.5 text-xs font-semibold tracking-wider uppercase',\n        'text-muted-foreground',\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nDropdownLabel.displayName = 'DropdownLabel';\n\nexport {\n  Dropdown,\n  DropdownHeader,\n  DropdownContent,\n  DropdownItem,\n  DropdownSubmenu,\n  DropdownSeparator,\n  DropdownLabel,\n};\n"]}

package/dist/{chunk-VTR2KGLY.cjs → chunk-S3BCHPXT.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkL52N6BEN_cjs = require('./chunk-L52N6BEN.cjs');
+var chunkAUOTJQGO_cjs = require('./chunk-AUOTJQGO.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
@@ -81,7 +81,7 @@ function KeyboardShortcutsOverlay({
   ] });
   const footer = hint === null ? null : hint ?? defaultHint;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkL52N6BEN_cjs.Modal,
+    chunkAUOTJQGO_cjs.Modal,
     {
       open,
       onOpenChange: (o) => {
@@ -90,14 +90,14 @@ function KeyboardShortcutsOverlay({
       size: "sm",
       "aria-label": title,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkL52N6BEN_cjs.ModalHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkL52N6BEN_cjs.ModalTitle, { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkAUOTJQGO_cjs.ModalHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkAUOTJQGO_cjs.ModalTitle, { className: "flex items-center gap-2 text-sm", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Keyboard, { "aria-hidden": "true", className: "text-primary-500 h-4 w-4" }),
             title
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkL52N6BEN_cjs.ModalClose, {})
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAUOTJQGO_cjs.ModalClose, {})
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkL52N6BEN_cjs.ModalBody, { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkAUOTJQGO_cjs.ModalBody, { className: "flex flex-col gap-4", children: [
           shortcuts && /* @__PURE__ */ jsxRuntime.jsx(
             ShortcutList,
             {
@@ -116,7 +116,7 @@ function KeyboardShortcutsOverlay({
             )
           ] }, group.title))
         ] }),
-        footer && /* @__PURE__ */ jsxRuntime.jsx(chunkL52N6BEN_cjs.ModalFooter, { className: "text-muted-foreground justify-center text-[11px]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer }) })
+        footer && /* @__PURE__ */ jsxRuntime.jsx(chunkAUOTJQGO_cjs.ModalFooter, { className: "text-muted-foreground justify-center text-[11px]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer }) })
       ]
     }
   );
@@ -124,5 +124,5 @@ function KeyboardShortcutsOverlay({
 
 exports.Kbd = Kbd;
 exports.KeyboardShortcutsOverlay = KeyboardShortcutsOverlay;
-//# sourceMappingURL=chunk-VTR2KGLY.cjs.map
-//# sourceMappingURL=chunk-VTR2KGLY.cjs.map
+//# sourceMappingURL=chunk-S3BCHPXT.cjs.map
+//# sourceMappingURL=chunk-S3BCHPXT.cjs.map

package/dist/{chunk-VTR2KGLY.cjs.map → chunk-S3BCHPXT.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["React","Kbd","jsx","cn","jsxs","Fragment","Modal","ModalHeader","ModalTitle","Keyboard","ModalClose","ModalBody","ModalFooter"],"mappings":"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","file":"chunk-VTR2KGLY.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["React","Kbd","jsx","cn","jsxs","Fragment","Modal","ModalHeader","ModalTitle","Keyboard","ModalClose","ModalBody","ModalFooter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,IAAM,GAAA,GAAYA,4BAAkC,SAASC,IAAAA,CAClE,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EACtB,GAAA,EACA;AACA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,oBAAA;AAAA,QACT,2FAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AA+BD,SAAS,IAAA,CAAK;AAAA,EACZ,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,IAAA,GAAO,MAAM,OAAA,CAAQ,IAAI,IAAI,IAAA,GAAO,IAAA,CAAK,MAAM,KAAK,CAAA;AAC1D,EAAA,uBACED,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EACb,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACZE,eAAA,CAAOJ,gBAAA,CAAA,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,oBAAAE,cAAA,CAAC,OAAK,QAAA,EAAA,CAAA,EAAE,CAAA;AAAA,IACP,CAAA,GAAI,KAAK,MAAA,GAAS,CAAA,mCAChB,MAAA,EAAA,EAAK,SAAA,EAAU,wCACb,QAAA,EAAA,iBAAA,EACH;AAAA,GAAA,EAAA,EALiB,GAAG,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAO9B,CACD,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,sCACG,IAAA,EAAA,EAAG,SAAA,EAAU,qCACX,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,qBACdE,eAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEC,SAAA,EAAU,iEAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,CAAA,CAAE,WAAA,EAAY,CAAA;AAAA,wBACzCA,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,CAAA,CAAE,MAAM,iBAAA,EAAsC;AAAA;AAAA,KAAA;AAAA,IAJrD,GAAG,CAAA,CAAE,WAAW,IAAI,MAAA,CAAO,CAAA,CAAE,IAAI,CAAC,CAAA;AAAA,GAM1C,CAAA,EACH,CAAA;AAEJ;AAyBO,SAAS,wBAAA,CAAyB;AAAA,EACvC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,GAAQ,oBAAA;AAAA,EACR,IAAA;AAAA,EACA,iBAAA,GAAoB;AACtB,CAAA,EAAkC;AAChC,EAAA,MAAM,WAAA,mBACJE,eAAA,CAAAC,mBAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACMH,cAAA,CAAC,OAAI,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,IAAM;AAAA,GAAA,EACpB,CAAA;AAEF,EAAA,MAAM,MAAA,GAAS,IAAA,KAAS,IAAA,GAAO,IAAA,GAAQ,IAAA,IAAQ,WAAA;AAE/C,EAAA,uBACEE,eAAA;AAAA,IAACE,uBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,QAAA,IAAI,CAAC,GAAG,OAAA,EAAQ;AAAA,MAClB,CAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,YAAA,EAAY,KAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAAF,eAAA,CAACG,6BAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,eAAA,CAACI,4BAAA,EAAA,EAAW,WAAU,iCAAA,EACpB,QAAA,EAAA;AAAA,4BAAAN,cAAA,CAACO,oBAAA,EAAA,EAAS,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,0BAAA,EAA2B,CAAA;AAAA,YACjE;AAAA,WAAA,EACH,CAAA;AAAA,yCACCC,4BAAA,EAAA,EAAW;AAAA,SAAA,EACd,CAAA;AAAA,wBACAN,eAAA,CAACO,2BAAA,EAAA,EAAU,SAAA,EAAU,qBAAA,EAClB,QAAA,EAAA;AAAA,UAAA,SAAA,oBACCT,cAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,SAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,UAED,QAAQ,GAAA,CAAI,CAAC,0BACZE,eAAA,CAAC,KAAA,EAAA,EAAsB,WAAU,qBAAA,EAC/B,QAAA,EAAA;AAAA,4BAAAF,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qEAAA,EACX,QAAA,EAAA,KAAA,CAAM,KAAA,EACT,CAAA;AAAA,4BACAA,cAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBACC,WAAW,KAAA,CAAM,SAAA;AAAA,gBACjB;AAAA;AAAA;AACF,WAAA,EAAA,EAPQ,KAAA,CAAM,KAQhB,CACD;AAAA,SAAA,EACH,CAAA;AAAA,QACC,MAAA,mCACEU,6BAAA,EAAA,EAAY,SAAA,EAAU,oDACrB,QAAA,kBAAAV,cAAA,CAAC,MAAA,EAAA,EAAM,kBAAO,CAAA,EAChB;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-S3BCHPXT.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}

package/dist/{chunk-KU3XRHWA.js → chunk-TZX76ZNZ.js}

@@ -1,4 +1,5 @@
 import { inputVariants } from './chunk-3IMM2PM4.js';
+import { AnimatedPresence, Animated } from './chunk-XCP454Q6.js';
 import { cn } from './chunk-TQONQSJO.js';
 import { useEscapeKey } from './chunk-T4ME7QCT.js';
 import { useClickOutside } from './chunk-62ZOA6PX.js';
@@ -9,6 +10,13 @@ import { ChevronRight } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var placementOffset = 8;
+var menuTransformOrigin = {
+  bottom: "origin-top",
+  top: "origin-bottom",
+  right: "origin-left",
+  left: "origin-right"
+};
+var DROPDOWN_FALLBACK_ANIMATION = "animate-fade-in";
 var DropdownContext = React.createContext(null);
 function getNodeText(node) {
   if (typeof node === "string" || typeof node === "number") {
@@ -257,7 +265,7 @@ function Dropdown({
     [multiSelect, selectedValues, toggleSelectedValue, registerOutsideRef]
   );
   useEscapeKey(handleClose, isOpen);
-  const { anchorRef, floatingRef, style } = useAnchoredPosition({
+  const { anchorRef, floatingRef, style, actualSide } = useAnchoredPosition({
     open: isOpen,
     placement,
     offset: placementOffset,
@@ -326,20 +334,26 @@ function Dropdown({
       className: "relative inline-flex",
       children: [
         triggerElement,
-        isOpen && createPortal(
-          /* @__PURE__ */ jsxs(
-            "div",
+        typeof document !== "undefined" && createPortal(
+          /* @__PURE__ */ jsx(AnimatedPresence, { children: isOpen && /* @__PURE__ */ jsxs(
+            Animated,
             {
               ref: floatingRef,
+              preset: "menu",
+              mode: "presence",
+              custom: actualSide,
               style: { ...style, ...widthStyle },
               "data-slot": "dropdown-menu",
               className: cn(
                 "flex min-w-[12rem] flex-col overflow-hidden",
                 "rounded-xl border border-neutral-200 bg-white shadow-lg",
                 "dark:border-neutral-700 dark:bg-neutral-800",
-                "animate-in fade-in zoom-in-95 duration-100",
+                // Anchors the scale to the trigger. Static per side and never
+                // animated, so CSS owns it rather than the preset.
+                menuTransformOrigin[actualSide],
                 className
               ),
+              fallbackClassName: DROPDOWN_FALLBACK_ANIMATION,
               children: [
                 searchable && /* @__PURE__ */ jsx(
                   "div",
@@ -367,31 +381,40 @@ function Dropdown({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs("div", { id: menuId, role: "menu", className: "min-h-0 overflow-y-auto", children: [
-                  multiSelect && showSelectAll && visibleSelectableValues.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("div", { className: "p-2", "data-slot": "dropdown-select-all", children: /* @__PURE__ */ jsx(
-                      DropdownItem,
-                      {
-                        checked: allVisibleSelected,
-                        indeterminate: !allVisibleSelected && someVisibleSelected,
-                        onClick: handleSelectAll,
-                        children: selectAllLabel
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx(DropdownSeparator, {})
-                  ] }),
-                  searchable ? hasSearchResults ? filteredChildren : /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "text-muted-foreground px-3 py-4 text-center text-sm",
-                      "data-slot": "dropdown-empty",
-                      children: searchEmptyState
-                    }
-                  ) : children
-                ] })
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    id: menuId,
+                    role: "menu",
+                    className: "min-h-0 overflow-y-auto",
+                    children: [
+                      multiSelect && showSelectAll && visibleSelectableValues.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx("div", { className: "p-2", "data-slot": "dropdown-select-all", children: /* @__PURE__ */ jsx(
+                          DropdownItem,
+                          {
+                            checked: allVisibleSelected,
+                            indeterminate: !allVisibleSelected && someVisibleSelected,
+                            onClick: handleSelectAll,
+                            children: selectAllLabel
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx(DropdownSeparator, {})
+                      ] }),
+                      searchable ? hasSearchResults ? filteredChildren : /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "text-muted-foreground px-3 py-4 text-center text-sm",
+                          "data-slot": "dropdown-empty",
+                          children: searchEmptyState
+                        }
+                      ) : children
+                    ]
+                  }
+                )
               ]
-            }
-          ),
+            },
+            "dropdown-menu"
+          ) }),
           document.body
         )
       ]
@@ -612,7 +635,7 @@ function DropdownSubmenu({
   const closeTimer = React.useRef(
     void 0
   );
-  const { anchorRef, floatingRef, style } = useAnchoredPosition({ open, placement: "right-start", offset: 4 });
+  const { anchorRef, floatingRef, style, actualSide } = useAnchoredPosition({ open, placement: "right-start", offset: 4 });
   const registerOutsideRef = dropdownContext?.registerOutsideRef;
   React.useLayoutEffect(() => {
     if (!open || !registerOutsideRef) return;
@@ -696,12 +719,15 @@ function DropdownSubmenu({
         ]
       }
     ),
-    open && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
+    typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx(AnimatedPresence, { children: open && /* @__PURE__ */ jsx(
+        Animated,
         {
           ref: floatingRef,
           style,
+          preset: "menu",
+          mode: "presence",
+          custom: actualSide,
           id: menuId,
           role: "menu",
           tabIndex: -1,
@@ -712,8 +738,10 @@ function DropdownSubmenu({
             "flex min-w-[min(10rem,calc(100vw-1rem))] flex-col overflow-hidden",
             "rounded-xl border border-neutral-200 bg-white shadow-lg",
             "dark:border-neutral-700 dark:bg-neutral-800",
-            "animate-in fade-in zoom-in-95 duration-100"
+            // Anchors the scale to the trigger, as on the root menu.
+            menuTransformOrigin[actualSide]
           ),
+          fallbackClassName: DROPDOWN_FALLBACK_ANIMATION,
           onPointerEnter: cancelClose,
           onPointerLeave: (event) => {
             if (event.pointerType === "mouse") scheduleClose();
@@ -726,8 +754,9 @@ function DropdownSubmenu({
             }
           },
           children: /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-y-auto", children })
-        }
-      ),
+        },
+        "dropdown-submenu"
+      ) }),
       document.body
     )
   ] });
@@ -766,5 +795,5 @@ function DropdownLabel({
 DropdownLabel.displayName = "DropdownLabel";
 
 export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator, DropdownSubmenu };
-//# sourceMappingURL=chunk-KU3XRHWA.js.map
-//# sourceMappingURL=chunk-KU3XRHWA.js.map
+//# sourceMappingURL=chunk-TZX76ZNZ.js.map
+//# sourceMappingURL=chunk-TZX76ZNZ.js.map