ics-ui-kit 0.1.9 → 0.1.11

package/dist/components/dropdown.js

@@ -14,7 +14,7 @@ import { u as j } from "../index-xqkGMOJ8.js";
 import { c as qe, R as Je, A as oo, a as to, C as ro } from "../index-DRo26PBK.js";
 import { P as W } from "../index-BpWB3aFK.js";
 import { c as Qe, I as ao, R as so } from "../index-DHyZ_0Ut.js";
-import { u as ue } from "../index-0ioNhtNM.js";
+import { u as de } from "../index-0ioNhtNM.js";
 import { T as M } from "../index-BVqs-uqP.js";
 import { T as co } from "../TriggerButton-CfDObWP9.js";
 import { I as io } from "../Icon-DH3ev9GK.js";
@@ -36,7 +36,7 @@ var ce = ["Enter", " "], fo = ["ArrowDown", "PageUp", "Home"], on = ["ArrowUp",
   qe,
   Qe
 ]), $ = qe(), rn = Qe(), [an, _] = D(K), [bo, U] = D(K), sn = (e) => {
-  const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: a, modal: i = !0 } = e, u = $(o), [m, f] = s.useState(null), l = s.useRef(!1), d = ue(a), g = Wn(r);
+  const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: a, modal: i = !0 } = e, d = $(o), [m, f] = s.useState(null), l = s.useRef(!1), u = de(a), g = Wn(r);
   return s.useEffect(() => {
     const w = () => {
       l.current = !0, document.addEventListener("pointerdown", v, { capture: !0, once: !0 }), document.addEventListener("pointermove", v, { capture: !0, once: !0 });
@@ -44,19 +44,19 @@ var ce = ["Enter", " "], fo = ["ArrowDown", "PageUp", "Home"], on = ["ArrowUp",
     return document.addEventListener("keydown", w, { capture: !0 }), () => {
       document.removeEventListener("keydown", w, { capture: !0 }), document.removeEventListener("pointerdown", v, { capture: !0 }), document.removeEventListener("pointermove", v, { capture: !0 });
     };
-  }, []), /* @__PURE__ */ c(Je, { ...u, children: /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ c(Je, { ...d, children: /* @__PURE__ */ c(
     an,
     {
       scope: o,
       open: n,
-      onOpenChange: d,
+      onOpenChange: u,
       content: m,
       onContentChange: f,
       children: /* @__PURE__ */ c(
         bo,
         {
           scope: o,
-          onClose: s.useCallback(() => d(!1), [d]),
+          onClose: s.useCallback(() => u(!1), [u]),
           isUsingKeyboardRef: l,
           dir: g,
           modal: i,
@@ -67,21 +67,21 @@ var ce = ["Enter", " "], fo = ["ArrowDown", "PageUp", "Home"], on = ["ArrowUp",
   ) });
 };
 sn.displayName = K;
-var Co = "MenuAnchor", de = s.forwardRef(
+var Co = "MenuAnchor", ue = s.forwardRef(
   (e, o) => {
     const { __scopeMenu: n, ...t } = e, r = $(n);
     return /* @__PURE__ */ c(oo, { ...r, ...t, ref: o });
   }
 );
-de.displayName = Co;
+ue.displayName = Co;
 var le = "MenuPortal", [yo, cn] = D(le, {
   forceMount: void 0
-}), un = (e) => {
+}), dn = (e) => {
   const { __scopeMenu: o, forceMount: n, children: t, container: r } = e, a = _(le, o);
   return /* @__PURE__ */ c(yo, { scope: o, forceMount: n, children: /* @__PURE__ */ c(W, { present: n || a.open, children: /* @__PURE__ */ c(Zn, { asChild: !0, container: r, children: t }) }) });
 };
-un.displayName = le;
-var y = "MenuContent", [So, pe] = D(y), dn = s.forwardRef(
+dn.displayName = le;
+var y = "MenuContent", [So, pe] = D(y), un = s.forwardRef(
   (e, o) => {
     const n = cn(y, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, a = _(y, e.__scopeMenu), i = U(y, e.__scopeMenu);
     return /* @__PURE__ */ c(L.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ c(W, { present: t || a.open, children: /* @__PURE__ */ c(L.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ c(_o, { ...r, ref: o }) : /* @__PURE__ */ c(Ro, { ...r, ref: o }) }) }) });
@@ -130,11 +130,11 @@ var y = "MenuContent", [So, pe] = D(y), dn = s.forwardRef(
       trapFocus: r,
       onOpenAutoFocus: a,
       onCloseAutoFocus: i,
-      disableOutsidePointerEvents: u,
+      disableOutsidePointerEvents: d,
       onEntryFocus: m,
       onEscapeKeyDown: f,
       onPointerDownOutside: l,
-      onFocusOutside: d,
+      onFocusOutside: u,
       onInteractOutside: g,
       onDismiss: w,
       disableOutsideScroll: v,
@@ -187,10 +187,10 @@ var y = "MenuContent", [So, pe] = D(y), dn = s.forwardRef(
               qn,
               {
                 asChild: !0,
-                disableOutsidePointerEvents: u,
+                disableOutsidePointerEvents: d,
                 onEscapeKeyDown: f,
                 onPointerDownOutside: l,
-                onFocusOutside: d,
+                onFocusOutside: u,
                 onInteractOutside: g,
                 onDismiss: w,
                 children: /* @__PURE__ */ c(
@@ -253,7 +253,7 @@ var y = "MenuContent", [So, pe] = D(y), dn = s.forwardRef(
     );
   }
 );
-dn.displayName = y;
+un.displayName = y;
 var xo = "MenuGroup", fe = s.forwardRef(
   (e, o) => {
     const { __scopeMenu: n, ...t } = e;
@@ -270,11 +270,11 @@ var Io = "MenuLabel", ln = s.forwardRef(
 ln.displayName = Io;
 var Y = "MenuItem", Xe = "menu.itemSelect", J = s.forwardRef(
   (e, o) => {
-    const { disabled: n = !1, onSelect: t, ...r } = e, a = s.useRef(null), i = U(Y, e.__scopeMenu), u = pe(Y, e.__scopeMenu), m = F(o, a), f = s.useRef(!1), l = () => {
-      const d = a.current;
-      if (!n && d) {
+    const { disabled: n = !1, onSelect: t, ...r } = e, a = s.useRef(null), i = U(Y, e.__scopeMenu), d = pe(Y, e.__scopeMenu), m = F(o, a), f = s.useRef(!1), l = () => {
+      const u = a.current;
+      if (!n && u) {
         const g = new CustomEvent(Xe, { bubbles: !0, cancelable: !0 });
-        d.addEventListener(Xe, (w) => t?.(w), { once: !0 }), Yn(d, g), g.defaultPrevented ? f.current = !1 : i.onClose();
+        u.addEventListener(Xe, (w) => t?.(w), { once: !0 }), Yn(u, g), g.defaultPrevented ? f.current = !1 : i.onClose();
       }
     };
     return /* @__PURE__ */ c(
@@ -284,15 +284,15 @@ var Y = "MenuItem", Xe = "menu.itemSelect", J = s.forwardRef(
         ref: m,
         disabled: n,
         onClick: h(e.onClick, l),
-        onPointerDown: (d) => {
-          e.onPointerDown?.(d), f.current = !0;
+        onPointerDown: (u) => {
+          e.onPointerDown?.(u), f.current = !0;
         },
-        onPointerUp: h(e.onPointerUp, (d) => {
-          f.current || d.currentTarget?.click();
+        onPointerUp: h(e.onPointerUp, (u) => {
+          f.current || u.currentTarget?.click();
         }),
-        onKeyDown: h(e.onKeyDown, (d) => {
-          const g = u.searchRef.current !== "";
-          n || g && d.key === " " || ce.includes(d.key) && (d.currentTarget.click(), d.preventDefault());
+        onKeyDown: h(e.onKeyDown, (u) => {
+          const g = d.searchRef.current !== "";
+          n || g && u.key === " " || ce.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
         })
       }
     );
@@ -301,7 +301,7 @@ var Y = "MenuItem", Xe = "menu.itemSelect", J = s.forwardRef(
 J.displayName = Y;
 var pn = s.forwardRef(
   (e, o) => {
-    const { __scopeMenu: n, disabled: t = !1, textValue: r, ...a } = e, i = pe(Y, n), u = rn(n), m = s.useRef(null), f = F(o, m), [l, d] = s.useState(!1), [g, w] = s.useState("");
+    const { __scopeMenu: n, disabled: t = !1, textValue: r, ...a } = e, i = pe(Y, n), d = rn(n), m = s.useRef(null), f = F(o, m), [l, u] = s.useState(!1), [g, w] = s.useState("");
     return s.useEffect(() => {
       const v = m.current;
       v && w((v.textContent ?? "").trim());
@@ -311,7 +311,7 @@ var pn = s.forwardRef(
         scope: n,
         disabled: t,
         textValue: r ?? g,
-        children: /* @__PURE__ */ c(ao, { asChild: !0, ...u, focusable: !t, children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ c(ao, { asChild: !0, ...d, focusable: !t, children: /* @__PURE__ */ c(
           E.div,
           {
             role: "menuitem",
@@ -330,8 +330,8 @@ var pn = s.forwardRef(
               e.onPointerLeave,
               G((v) => i.onItemLeave(v))
             ),
-            onFocus: h(e.onFocus, () => d(!0)),
-            onBlur: h(e.onBlur, () => d(!1))
+            onFocus: h(e.onFocus, () => u(!0)),
+            onBlur: h(e.onBlur, () => u(!1))
           }
         ) })
       }
@@ -364,7 +364,7 @@ var fn = "MenuRadioGroup", [No, Eo] = D(
   } }
 ), gn = s.forwardRef(
   (e, o) => {
-    const { value: n, onValueChange: t, ...r } = e, a = ue(t);
+    const { value: n, onValueChange: t, ...r } = e, a = de(t);
     return /* @__PURE__ */ c(No, { scope: e.__scopeMenu, value: n, onValueChange: a, children: /* @__PURE__ */ c(fe, { ...r, ref: o }) });
   }
 );
@@ -436,13 +436,13 @@ var ko = "MenuArrow", Cn = s.forwardRef(
 );
 Cn.displayName = ko;
 var he = "MenuSub", [Oo, yn] = D(he), Sn = (e) => {
-  const { __scopeMenu: o, children: n, open: t = !1, onOpenChange: r } = e, a = _(he, o), i = $(o), [u, m] = s.useState(null), [f, l] = s.useState(null), d = ue(r);
-  return s.useEffect(() => (a.open === !1 && d(!1), () => d(!1)), [a.open, d]), /* @__PURE__ */ c(Je, { ...i, children: /* @__PURE__ */ c(
+  const { __scopeMenu: o, children: n, open: t = !1, onOpenChange: r } = e, a = _(he, o), i = $(o), [d, m] = s.useState(null), [f, l] = s.useState(null), u = de(r);
+  return s.useEffect(() => (a.open === !1 && u(!1), () => u(!1)), [a.open, u]), /* @__PURE__ */ c(Je, { ...i, children: /* @__PURE__ */ c(
     an,
     {
       scope: o,
       open: t,
-      onOpenChange: d,
+      onOpenChange: u,
       content: f,
       onContentChange: l,
       children: /* @__PURE__ */ c(
@@ -451,7 +451,7 @@ var he = "MenuSub", [Oo, yn] = D(he), Sn = (e) => {
           scope: o,
           contentId: j(),
           triggerId: j(),
-          trigger: u,
+          trigger: d,
           onTriggerChange: m,
           children: n
         }
@@ -462,15 +462,15 @@ var he = "MenuSub", [Oo, yn] = D(he), Sn = (e) => {
 Sn.displayName = he;
 var O = "MenuSubTrigger", _n = s.forwardRef(
   (e, o) => {
-    const n = _(O, e.__scopeMenu), t = U(O, e.__scopeMenu), r = yn(O, e.__scopeMenu), a = pe(O, e.__scopeMenu), i = s.useRef(null), { pointerGraceTimerRef: u, onPointerGraceIntentChange: m } = a, f = { __scopeMenu: e.__scopeMenu }, l = s.useCallback(() => {
+    const n = _(O, e.__scopeMenu), t = U(O, e.__scopeMenu), r = yn(O, e.__scopeMenu), a = pe(O, e.__scopeMenu), i = s.useRef(null), { pointerGraceTimerRef: d, onPointerGraceIntentChange: m } = a, f = { __scopeMenu: e.__scopeMenu }, l = s.useCallback(() => {
       i.current && window.clearTimeout(i.current), i.current = null;
     }, []);
     return s.useEffect(() => l, [l]), s.useEffect(() => {
-      const d = u.current;
+      const u = d.current;
       return () => {
-        window.clearTimeout(d), m(null);
+        window.clearTimeout(u), m(null);
       };
-    }, [u, m]), /* @__PURE__ */ c(de, { asChild: !0, ...f, children: /* @__PURE__ */ c(
+    }, [d, m]), /* @__PURE__ */ c(ue, { asChild: !0, ...f, children: /* @__PURE__ */ c(
       pn,
       {
         id: r.triggerId,
@@ -480,20 +480,20 @@ var O = "MenuSubTrigger", _n = s.forwardRef(
         "data-state": xn(n.open),
         ...e,
         ref: He(o, r.onTriggerChange),
-        onClick: (d) => {
-          e.onClick?.(d), !(e.disabled || d.defaultPrevented) && (d.currentTarget.focus(), n.open || n.onOpenChange(!0));
+        onClick: (u) => {
+          e.onClick?.(u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
         },
         onPointerMove: h(
           e.onPointerMove,
-          G((d) => {
-            a.onItemEnter(d), !d.defaultPrevented && !e.disabled && !n.open && !i.current && (a.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
+          G((u) => {
+            a.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (a.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
               n.onOpenChange(!0), l();
             }, 100));
           })
         ),
         onPointerLeave: h(
           e.onPointerLeave,
-          G((d) => {
+          G((u) => {
             l();
             const g = n.content?.getBoundingClientRect();
             if (g) {
@@ -502,26 +502,26 @@ var O = "MenuSubTrigger", _n = s.forwardRef(
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
                   // consistently within polygon bounds
-                  { x: d.clientX + x, y: d.clientY },
+                  { x: u.clientX + x, y: u.clientY },
                   { x: T, y: g.top },
                   { x: I, y: g.top },
                   { x: I, y: g.bottom },
                   { x: T, y: g.bottom }
                 ],
                 side: w
-              }), window.clearTimeout(u.current), u.current = window.setTimeout(
+              }), window.clearTimeout(d.current), d.current = window.setTimeout(
                 () => a.onPointerGraceIntentChange(null),
                 300
               );
             } else {
-              if (a.onTriggerLeave(d), d.defaultPrevented) return;
+              if (a.onTriggerLeave(u), u.defaultPrevented) return;
               a.onPointerGraceIntentChange(null);
             }
           })
         ),
-        onKeyDown: h(e.onKeyDown, (d) => {
+        onKeyDown: h(e.onKeyDown, (u) => {
           const g = a.searchRef.current !== "";
-          e.disabled || g && d.key === " " || ho[t.dir].includes(d.key) && (n.onOpenChange(!0), n.content?.focus(), d.preventDefault());
+          e.disabled || g && u.key === " " || ho[t.dir].includes(u.key) && (n.onOpenChange(!0), n.content?.focus(), u.preventDefault());
         })
       }
     ) });
@@ -530,12 +530,12 @@ var O = "MenuSubTrigger", _n = s.forwardRef(
 _n.displayName = O;
 var Rn = "MenuSubContent", Dn = s.forwardRef(
   (e, o) => {
-    const n = cn(y, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, a = _(y, e.__scopeMenu), i = U(y, e.__scopeMenu), u = yn(Rn, e.__scopeMenu), m = s.useRef(null), f = F(o, m);
+    const n = cn(y, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, a = _(y, e.__scopeMenu), i = U(y, e.__scopeMenu), d = yn(Rn, e.__scopeMenu), m = s.useRef(null), f = F(o, m);
     return /* @__PURE__ */ c(L.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ c(W, { present: t || a.open, children: /* @__PURE__ */ c(L.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ c(
       me,
       {
-        id: u.contentId,
-        "aria-labelledby": u.triggerId,
+        id: d.contentId,
+        "aria-labelledby": d.triggerId,
         ...r,
         ref: f,
         align: "start",
@@ -548,14 +548,14 @@ var Rn = "MenuSubContent", Dn = s.forwardRef(
         },
         onCloseAutoFocus: (l) => l.preventDefault(),
         onFocusOutside: h(e.onFocusOutside, (l) => {
-          l.target !== u.trigger && a.onOpenChange(!1);
+          l.target !== d.trigger && a.onOpenChange(!1);
         }),
         onEscapeKeyDown: h(e.onEscapeKeyDown, (l) => {
           i.onClose(), l.preventDefault();
         }),
         onKeyDown: h(e.onKeyDown, (l) => {
-          const d = l.currentTarget.contains(l.target), g = vo[i.dir].includes(l.key);
-          d && g && (a.onOpenChange(!1), u.trigger?.focus(), l.preventDefault());
+          const u = l.currentTarget.contains(l.target), g = vo[i.dir].includes(l.key);
+          u && g && (a.onOpenChange(!1), d.trigger?.focus(), l.preventDefault());
         })
       }
     ) }) }) });
@@ -592,8 +592,8 @@ function Ko(e, o) {
   const { x: n, y: t } = e;
   let r = !1;
   for (let a = 0, i = o.length - 1; a < o.length; i = a++) {
-    const u = o[a], m = o[i], f = u.x, l = u.y, d = m.x, g = m.y;
-    l > t != g > t && n < (d - f) * (t - l) / (g - l) + f && (r = !r);
+    const d = o[a], m = o[i], f = d.x, l = d.y, u = m.x, g = m.y;
+    l > t != g > t && n < (u - f) * (t - l) / (g - l) + f && (r = !r);
   }
   return r;
 }
@@ -605,7 +605,7 @@ function $o(e, o) {
 function G(e) {
   return (o) => o.pointerType === "mouse" ? e(o) : void 0;
 }
-var Uo = sn, Vo = de, Bo = un, zo = dn, jo = fe, Yo = ln, Xo = J, Ho = mn, Wo = gn, Zo = vn, qo = Mn, Jo = bn, Qo = Cn, et = Sn, nt = _n, ot = Dn, Q = "DropdownMenu", [tt, rt] = We(
+var Uo = sn, Vo = ue, Bo = dn, zo = un, jo = fe, Yo = ln, Xo = J, Ho = mn, Wo = gn, Zo = vn, qo = Mn, Jo = bn, Qo = Cn, et = Sn, nt = _n, ot = Dn, Q = "DropdownMenu", [tt, rt] = We(
   Q,
   [tn]
 ), b = tn(), [at, In] = tt(Q), we = (e) => {
@@ -616,8 +616,8 @@ var Uo = sn, Vo = de, Bo = un, zo = dn, jo = fe, Yo = ln, Xo = J, Ho = mn, Wo =
     open: r,
     defaultOpen: a,
     onOpenChange: i,
-    modal: u = !0
-  } = e, m = b(o), f = s.useRef(null), [l, d] = Ze({
+    modal: d = !0
+  } = e, m = b(o), f = s.useRef(null), [l, u] = Ze({
     prop: r,
     defaultProp: a ?? !1,
     onChange: i,
@@ -631,10 +631,10 @@ var Uo = sn, Vo = de, Bo = un, zo = dn, jo = fe, Yo = ln, Xo = J, Ho = mn, Wo =
       triggerRef: f,
       contentId: j(),
       open: l,
-      onOpenChange: d,
-      onOpenToggle: s.useCallback(() => d((g) => !g), [d]),
-      modal: u,
-      children: /* @__PURE__ */ c(Uo, { ...m, open: l, onOpenChange: d, dir: t, modal: u, children: n })
+      onOpenChange: u,
+      onOpenToggle: s.useCallback(() => u((g) => !g), [u]),
+      modal: d,
+      children: /* @__PURE__ */ c(Uo, { ...m, open: l, onOpenChange: u, dir: t, modal: d, children: n })
     }
   );
 };
@@ -655,11 +655,11 @@ var Pn = "DropdownMenuTrigger", Me = s.forwardRef(
         disabled: t,
         ...r,
         ref: He(o, a.triggerRef),
-        onPointerDown: h(e.onPointerDown, (u) => {
-          !t && u.button === 0 && u.ctrlKey === !1 && (a.onOpenToggle(), a.open || u.preventDefault());
+        onPointerDown: h(e.onPointerDown, (d) => {
+          !t && d.button === 0 && d.ctrlKey === !1 && (a.onOpenToggle(), a.open || d.preventDefault());
         }),
-        onKeyDown: h(e.onKeyDown, (u) => {
-          t || (["Enter", " "].includes(u.key) && a.onOpenToggle(), u.key === "ArrowDown" && a.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(u.key) && u.preventDefault());
+        onKeyDown: h(e.onKeyDown, (d) => {
+          t || (["Enter", " "].includes(d.key) && a.onOpenToggle(), d.key === "ArrowDown" && a.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
         })
       }
     ) });
@@ -682,11 +682,11 @@ var Nn = "DropdownMenuContent", Ce = s.forwardRef(
         ...a,
         ...t,
         ref: o,
-        onCloseAutoFocus: h(e.onCloseAutoFocus, (u) => {
-          i.current || r.triggerRef.current?.focus(), i.current = !1, u.preventDefault();
+        onCloseAutoFocus: h(e.onCloseAutoFocus, (d) => {
+          i.current || r.triggerRef.current?.focus(), i.current = !1, d.preventDefault();
         }),
-        onInteractOutside: h(e.onInteractOutside, (u) => {
-          const m = u.detail.originalEvent, f = m.button === 0 && m.ctrlKey === !0, l = m.button === 2 || f;
+        onInteractOutside: h(e.onInteractOutside, (d) => {
+          const m = d.detail.originalEvent, f = m.button === 0 && m.ctrlKey === !0, l = m.button === 2 || f;
           (!r.modal || l) && (i.current = !0);
         }),
         style: {
@@ -716,18 +716,18 @@ var it = "DropdownMenuLabel", Se = s.forwardRef(
   }
 );
 Se.displayName = it;
-var ut = "DropdownMenuItem", _e = s.forwardRef(
+var dt = "DropdownMenuItem", _e = s.forwardRef(
   (e, o) => {
     const { __scopeDropdownMenu: n, ...t } = e, r = b(n);
     return /* @__PURE__ */ c(Xo, { ...r, ...t, ref: o });
   }
 );
-_e.displayName = ut;
-var dt = "DropdownMenuCheckboxItem", Re = s.forwardRef((e, o) => {
+_e.displayName = dt;
+var ut = "DropdownMenuCheckboxItem", Re = s.forwardRef((e, o) => {
   const { __scopeDropdownMenu: n, ...t } = e, r = b(n);
   return /* @__PURE__ */ c(Ho, { ...r, ...t, ref: o });
 });
-Re.displayName = dt;
+Re.displayName = ut;
 var lt = "DropdownMenuRadioGroup", De = s.forwardRef((e, o) => {
   const { __scopeDropdownMenu: n, ...t } = e, r = b(n);
   return /* @__PURE__ */ c(Wo, { ...r, ...t, ref: o });
@@ -756,13 +756,13 @@ var gt = "DropdownMenuArrow", Ne = s.forwardRef(
 );
 Ne.displayName = gt;
 var En = (e) => {
-  const { __scopeDropdownMenu: o, children: n, open: t, onOpenChange: r, defaultOpen: a } = e, i = b(o), [u, m] = Ze({
+  const { __scopeDropdownMenu: o, children: n, open: t, onOpenChange: r, defaultOpen: a } = e, i = b(o), [d, m] = Ze({
     prop: t,
     defaultProp: a ?? !1,
     onChange: r,
     caller: "DropdownMenuSub"
   });
-  return /* @__PURE__ */ c(et, { ...i, open: u, onOpenChange: m, children: n });
+  return /* @__PURE__ */ c(et, { ...i, open: d, onOpenChange: m, children: n });
 }, ht = "DropdownMenuSubTrigger", Ee = s.forwardRef((e, o) => {
   const { __scopeDropdownMenu: n, ...t } = e, r = b(n);
   return /* @__PURE__ */ c(nt, { ...r, ...t, ref: o });
@@ -826,7 +826,7 @@ const Cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   createDropdownMenuScope: rt
 }, Symbol.toStringTag, { value: "Module" })), oe = [
   "rounded-lg bg-transparent text-primary-fg",
-  "hover:bg-secondary-border focus:bg-secondary-bg-hover",
+  "hover:bg-secondary-border focus:bg-secondary-border",
   "[&:has([data-menu-item-action]:hover)]:bg-secondary-bg"
 ], yr = Tn, Mt = An, Sr = kn, _r = ee, Rr = On, Dr = ne, Ln = s.createContext(null), bt = s.forwardRef(({ indicatorIcon: e, indicatorIconClassName: o, indicatorIconPosition: n, children: t, ...r }, a) => /* @__PURE__ */ c(Ln.Provider, { value: { indicatorIcon: e, indicatorIconClassName: o, indicatorIconPosition: n }, children: /* @__PURE__ */ c(ne, { ref: a, ...r, children: t }) }));
 bt.displayName = ne.displayName;
@@ -886,7 +886,7 @@ const _t = M({
   }
 }), Rt = M({
   base: [
-    "shadow-glass-md backdrop-glass-regular relative z-50 min-w-[8rem] overflow-hidden rounded-2xl bg-alpha-40 p-2",
+    "backdrop-glass-regular relative z-50 min-w-[8rem] overflow-hidden rounded-2xl bg-alpha-40 p-2 shadow-glass-md",
     "origin-[--radix-dropdown-menu-content-transform-origin]",
     "data-[state=open]:animate-in data-[state=closed]:animate-out",
     "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -918,7 +918,7 @@ const xt = M({
   }
 }), It = M({
   base: [
-    "group/glass-dropdown-content shadow-glass-md backdrop-glass-regular z-50 min-w-32 rounded-2xl bg-alpha-40 p-2",
+    "group/glass-dropdown-content backdrop-glass-regular z-50 min-w-32 rounded-2xl bg-alpha-40 p-2 shadow-glass-md",
     "max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden",
     "origin-[--radix-dropdown-menu-content-transform-origin]",
     "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -928,16 +928,8 @@ const xt = M({
     "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
   ]
 }), Pt = s.forwardRef(({ className: e, sideOffset: o = 4, portalContainer: n, ...t }, r) => {
-  const { variant: a } = S(), i = en(n), u = a === "glass" ? It({ className: e }) : xt({ theme: a, className: e });
-  return /* @__PURE__ */ c(ee, { container: i, children: /* @__PURE__ */ c(
-    Ae,
-    {
-      ref: r,
-      sideOffset: o,
-      className: u,
-      ...t
-    }
-  ) });
+  const { variant: a } = S(), i = en(n), d = a === "glass" ? It({ className: e }) : xt({ theme: a, className: e });
+  return /* @__PURE__ */ c(ee, { container: i, children: /* @__PURE__ */ c(Ae, { ref: r, sideOffset: o, className: d, ...t }) });
 });
 Pt.displayName = Ae.displayName;
 const Nt = M({
@@ -959,8 +951,8 @@ const Nt = M({
     }
   }
 }), Tt = s.forwardRef(({ className: e, disabled: o, inset: n, children: t, ...r }, a) => {
-  const { variant: i } = S(), u = i === "glass" ? Et({ className: e, disabled: o, inset: n }) : Nt({ className: e, disabled: o, inset: n, theme: i });
-  return /* @__PURE__ */ c(Oe, { ref: a, disabled: o, className: u, ...r, children: t });
+  const { variant: i } = S(), d = i === "glass" ? Et({ className: e, disabled: o, inset: n }) : Nt({ className: e, disabled: o, inset: n, theme: i });
+  return /* @__PURE__ */ c(Oe, { ref: a, disabled: o, className: d, ...r, children: t });
 });
 Tt.displayName = Oe.displayName;
 const At = M({
@@ -1024,17 +1016,17 @@ const At = M({
     checked: !1
   }
 }), Ot = s.forwardRef(({ className: e, children: o, checked: n, disabled: t, ...r }, a) => {
-  const { variant: i } = S(), u = i === "glass" ? kt({ checked: n, disabled: t }) : At({ checked: n, theme: i, disabled: t });
+  const { variant: i } = S(), d = i === "glass" ? kt({ checked: n, disabled: t }) : At({ checked: n, theme: i, disabled: t });
   return /* @__PURE__ */ H(
     Le,
     {
       ref: a,
-      className: u.base({ className: e }),
+      className: d.base({ className: e }),
       checked: n,
       disabled: t,
       ...r,
       children: [
-        /* @__PURE__ */ c("span", { className: u.checkbox(), children: /* @__PURE__ */ c(Fe, { children: n === "indeterminate" ? /* @__PURE__ */ c(lo, { className: u.icon() }) : /* @__PURE__ */ c(nn, { className: u.icon() }) }) }),
+        /* @__PURE__ */ c("span", { className: d.checkbox(), children: /* @__PURE__ */ c(Fe, { children: n === "indeterminate" ? /* @__PURE__ */ c(lo, { className: d.icon() }) : /* @__PURE__ */ c(nn, { className: d.icon() }) }) }),
         o
       ]
     }
@@ -1059,9 +1051,9 @@ const Lt = M({
     }
   }
 }), Kt = s.forwardRef(({ className: e, children: o, disabled: n, ...t }, r) => {
-  const { variant: a } = S(), i = s.useContext(Ln), u = i?.indicatorIcon || nn, m = i?.indicatorIconPosition || "start", f = i?.indicatorIconClassName, l = a === "glass" ? Gt({ disabled: n, className: e }) : Lt({ theme: a, disabled: n, className: e }), d = /* @__PURE__ */ c("span", { className: Ft({ position: m }), children: /* @__PURE__ */ c(Fe, { children: /* @__PURE__ */ c(u, { className: jn("h-4 w-4", f) }) }) });
+  const { variant: a } = S(), i = s.useContext(Ln), d = i?.indicatorIcon || nn, m = i?.indicatorIconPosition || "start", f = i?.indicatorIconClassName, l = a === "glass" ? Gt({ disabled: n, className: e }) : Lt({ theme: a, disabled: n, className: e }), u = /* @__PURE__ */ c("span", { className: Ft({ position: m }), children: /* @__PURE__ */ c(Fe, { children: /* @__PURE__ */ c(d, { className: jn("h-4 w-4", f) }) }) });
   return /* @__PURE__ */ H(Ge, { ref: r, className: l, disabled: n, ...t, children: [
-    d,
+    u,
     o
   ] });
 });
@@ -1147,23 +1139,23 @@ const Ht = M({
   }
 );
 function Ir(e = {}) {
-  const { openDelay: o = 200, closeDelay: n = 300 } = e, [t, r] = s.useState(!1), a = s.useRef(null), i = s.useRef(null), u = s.useCallback(() => {
+  const { openDelay: o = 200, closeDelay: n = 300 } = e, [t, r] = s.useState(!1), a = s.useRef(null), i = s.useRef(null), d = s.useCallback(() => {
     a.current && (clearTimeout(a.current), a.current = null), i.current && (clearTimeout(i.current), i.current = null);
   }, []);
   s.useEffect(() => () => {
-    u();
-  }, [u]);
+    d();
+  }, [d]);
   const m = s.useCallback(() => {
-    u(), a.current = setTimeout(() => {
+    d(), a.current = setTimeout(() => {
       r(!0);
     }, o);
-  }, [o, u]), f = s.useCallback(() => {
-    u(), i.current = setTimeout(() => {
+  }, [o, d]), f = s.useCallback(() => {
+    d(), i.current = setTimeout(() => {
       r(!1);
     }, n);
-  }, [n, u]), l = s.useCallback((w) => {
+  }, [n, d]), l = s.useCallback((w) => {
     w.preventDefault(), w.stopPropagation();
-  }, []), d = s.useCallback((w) => {
+  }, []), u = s.useCallback((w) => {
     w.preventDefault();
   }, []), g = s.useCallback((w) => {
     r(w);
@@ -1182,7 +1174,7 @@ function Ir(e = {}) {
     contentProps: {
       onMouseEnter: m,
       onMouseLeave: f,
-      onCloseAutoFocus: d
+      onCloseAutoFocus: u
     }
   };
 }