ics-ui-kit 0.1.13 → 0.1.15

package/dist/components/dropdown.js

@@ -2,7 +2,7 @@ import { jsx as c, jsxs as H } from "react/jsx-runtime";
 import { c as jn } from "../cn-dsXlqdJg.js";
 import { u as S, n as ie } from "../ComponentVariantProvider-brk0g-hm.js";
 import * as s from "react";
-import { P as E, c as h, d as Yn, a as Xn } from "../index-CFaU3UXv.js";
+import { P as E, c as g, d as Yn, a as Xn } from "../index-CFaU3UXv.js";
 import { u as F, c as He } from "../index-DLcqcWxM.js";
 import { c as We } from "../index-DFZozV_h.js";
 import { u as Ze } from "../index-437EL2iq.js";
@@ -26,7 +26,7 @@ import { M as lo } from "../minus-BltQa7Q2.js";
 import { C as nn } from "../check-CeyaOoZv.js";
 import { C as po } from "../chevron-right-D3juAhA-.js";
 import { S as mo } from "../search-CDdgqSGg.js";
-var ce = ["Enter", " "], fo = ["ArrowDown", "PageUp", "Home"], on = ["ArrowUp", "PageDown", "End"], go = [...fo, ...on], ho = {
+var ce = ["Enter", " "], fo = ["ArrowDown", "PageUp", "Home"], on = ["ArrowUp", "PageDown", "End"], ho = [...fo, ...on], go = {
   ltr: [...ce, "ArrowRight"],
   rtl: [...ce, "ArrowLeft"]
 }, vo = {
@@ -37,7 +37,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, d = $(o), [m, f] = s.useState(null), l = s.useRef(!1), u = de(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), h = 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 });
@@ -59,7 +59,7 @@ var ce = ["Enter", " "], fo = ["ArrowDown", "PageUp", "Home"], on = ["ArrowUp",
           scope: o,
           onClose: s.useCallback(() => u(!1), [u]),
           isUsingKeyboardRef: l,
-          dir: g,
+          dir: h,
           modal: i,
           children: t
         }
@@ -101,7 +101,7 @@ var y = "MenuContent", [So, pe] = D(y), un = s.forwardRef(
         trapFocus: n.open,
         disableOutsidePointerEvents: n.open,
         disableOutsideScroll: !0,
-        onFocusOutside: h(
+        onFocusOutside: g(
           e.onFocusOutside,
           (a) => a.preventDefault(),
           { checkForDefaultPrevented: !1 }
@@ -136,15 +136,15 @@ var y = "MenuContent", [So, pe] = D(y), un = s.forwardRef(
       onEscapeKeyDown: f,
       onPointerDownOutside: l,
       onFocusOutside: u,
-      onInteractOutside: g,
+      onInteractOutside: h,
       onDismiss: w,
       disableOutsideScroll: v,
       ...x
     } = e, T = _(y, n), I = U(y, n), Gn = $(n), Fn = rn(n), Ve = wo(n), [Kn, Be] = s.useState(null), V = s.useRef(null), $n = F(o, V, T.onContentChange), B = s.useRef(0), z = s.useRef(""), Un = s.useRef(0), te = s.useRef(null), ze = s.useRef("right"), re = s.useRef(0), Vn = v ? Qn : s.Fragment, Bn = v ? { as: Do, allowPinchZoom: !0 } : void 0, zn = (p) => {
-      const N = z.current + p, R = Ve().filter((C) => !C.disabled), A = document.activeElement, ae = R.find((C) => C.ref.current === A)?.textValue, se = R.map((C) => C.textValue), je = Fo(se, N, ae), k = R.find((C) => C.textValue === je)?.ref.current;
+      const N = z.current + p, R = Ve().filter((C) => !C.disabled), k = document.activeElement, ae = R.find((C) => C.ref.current === k)?.textValue, se = R.map((C) => C.textValue), je = Fo(se, N, ae), A = R.find((C) => C.textValue === je)?.ref.current;
       (function C(Ye) {
         z.current = Ye, window.clearTimeout(B.current), Ye !== "" && (B.current = window.setTimeout(() => C(""), 1e3));
-      })(N), k && setTimeout(() => k.focus());
+      })(N), A && setTimeout(() => A.focus());
     };
     s.useEffect(() => () => window.clearTimeout(B.current), []), Jn();
     const P = s.useCallback((p) => ze.current === te.current?.side && $o(p, te.current?.area), []);
@@ -180,7 +180,7 @@ var y = "MenuContent", [So, pe] = D(y), un = s.forwardRef(
           {
             asChild: !0,
             trapped: r,
-            onMountAutoFocus: h(a, (p) => {
+            onMountAutoFocus: g(a, (p) => {
               p.preventDefault(), V.current?.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: i,
@@ -192,7 +192,7 @@ var y = "MenuContent", [So, pe] = D(y), un = s.forwardRef(
                 onEscapeKeyDown: f,
                 onPointerDownOutside: l,
                 onFocusOutside: u,
-                onInteractOutside: g,
+                onInteractOutside: h,
                 onDismiss: w,
                 children: /* @__PURE__ */ c(
                   ao,
@@ -204,7 +204,7 @@ var y = "MenuContent", [So, pe] = D(y), un = s.forwardRef(
                     loop: t,
                     currentTabStopId: Kn,
                     onCurrentTabStopIdChange: Be,
-                    onEntryFocus: h(m, (p) => {
+                    onEntryFocus: g(m, (p) => {
                       I.isUsingKeyboardRef.current || p.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
@@ -220,25 +220,25 @@ var y = "MenuContent", [So, pe] = D(y), un = s.forwardRef(
                         ...x,
                         ref: $n,
                         style: { outline: "none", ...x.style },
-                        onKeyDown: h(x.onKeyDown, (p) => {
-                          const R = p.target.closest("[data-radix-menu-content]") === p.currentTarget, A = p.ctrlKey || p.altKey || p.metaKey, ae = p.key.length === 1;
-                          R && (p.key === "Tab" && p.preventDefault(), !A && ae && zn(p.key));
+                        onKeyDown: g(x.onKeyDown, (p) => {
+                          const R = p.target.closest("[data-radix-menu-content]") === p.currentTarget, k = p.ctrlKey || p.altKey || p.metaKey, ae = p.key.length === 1;
+                          R && (p.key === "Tab" && p.preventDefault(), !k && ae && zn(p.key));
                           const se = V.current;
-                          if (p.target !== se || !go.includes(p.key)) return;
+                          if (p.target !== se || !ho.includes(p.key)) return;
                           p.preventDefault();
-                          const k = Ve().filter((C) => !C.disabled).map((C) => C.ref.current);
-                          on.includes(p.key) && k.reverse(), Lo(k);
+                          const A = Ve().filter((C) => !C.disabled).map((C) => C.ref.current);
+                          on.includes(p.key) && A.reverse(), Lo(A);
                         }),
-                        onBlur: h(e.onBlur, (p) => {
+                        onBlur: g(e.onBlur, (p) => {
                           p.currentTarget.contains(p.target) || (window.clearTimeout(B.current), z.current = "");
                         }),
-                        onPointerMove: h(
+                        onPointerMove: g(
                           e.onPointerMove,
                           G((p) => {
                             const N = p.target, R = re.current !== p.clientX;
                             if (p.currentTarget.contains(N) && R) {
-                              const A = p.clientX > re.current ? "right" : "left";
-                              ze.current = A, re.current = p.clientX;
+                              const k = p.clientX > re.current ? "right" : "left";
+                              ze.current = k, re.current = p.clientX;
                             }
                           })
                         )
@@ -274,8 +274,8 @@ var Y = "MenuItem", Xe = "menu.itemSelect", J = s.forwardRef(
     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 });
-        u.addEventListener(Xe, (w) => t?.(w), { once: !0 }), Yn(u, g), g.defaultPrevented ? f.current = !1 : i.onClose();
+        const h = new CustomEvent(Xe, { bubbles: !0, cancelable: !0 });
+        u.addEventListener(Xe, (w) => t?.(w), { once: !0 }), Yn(u, h), h.defaultPrevented ? f.current = !1 : i.onClose();
       }
     };
     return /* @__PURE__ */ c(
@@ -284,16 +284,16 @@ var Y = "MenuItem", Xe = "menu.itemSelect", J = s.forwardRef(
         ...r,
         ref: m,
         disabled: n,
-        onClick: h(e.onClick, l),
+        onClick: g(e.onClick, l),
         onPointerDown: (u) => {
           e.onPointerDown?.(u), f.current = !0;
         },
-        onPointerUp: h(e.onPointerUp, (u) => {
+        onPointerUp: g(e.onPointerUp, (u) => {
           f.current || u.currentTarget?.click();
         }),
-        onKeyDown: h(e.onKeyDown, (u) => {
-          const g = d.searchRef.current !== "";
-          n || g && u.key === " " || ce.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
+        onKeyDown: g(e.onKeyDown, (u) => {
+          const h = d.searchRef.current !== "";
+          n || h && u.key === " " || ce.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
         })
       }
     );
@@ -302,7 +302,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), d = rn(n), m = s.useRef(null), f = F(o, m), [l, u] = 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), [h, 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,
+        textValue: r ?? h,
         children: /* @__PURE__ */ c(ro, { asChild: !0, ...d, focusable: !t, children: /* @__PURE__ */ c(
           E.div,
           {
@@ -321,18 +321,18 @@ var pn = s.forwardRef(
             "data-disabled": t ? "" : void 0,
             ...a,
             ref: f,
-            onPointerMove: h(
+            onPointerMove: g(
               e.onPointerMove,
               G((v) => {
                 t ? i.onItemLeave(v) : (i.onItemEnter(v), v.defaultPrevented || v.currentTarget.focus({ preventScroll: !0 }));
               })
             ),
-            onPointerLeave: h(
+            onPointerLeave: g(
               e.onPointerLeave,
               G((v) => i.onItemLeave(v))
             ),
-            onFocus: h(e.onFocus, () => u(!0)),
-            onBlur: h(e.onBlur, () => u(!1))
+            onFocus: g(e.onFocus, () => u(!0)),
+            onBlur: g(e.onBlur, () => u(!1))
           }
         ) })
       }
@@ -349,7 +349,7 @@ var pn = s.forwardRef(
         ...r,
         ref: o,
         "data-state": ve(n),
-        onSelect: h(
+        onSelect: g(
           r.onSelect,
           () => t?.(X(n) ? !0 : !n),
           { checkForDefaultPrevented: !1 }
@@ -363,16 +363,16 @@ var fn = "MenuRadioGroup", [No, Eo] = D(
   fn,
   { value: void 0, onValueChange: () => {
   } }
-), gn = s.forwardRef(
+), hn = s.forwardRef(
   (e, o) => {
     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 }) });
   }
 );
-gn.displayName = fn;
-var hn = "MenuRadioItem", vn = s.forwardRef(
+hn.displayName = fn;
+var gn = "MenuRadioItem", vn = s.forwardRef(
   (e, o) => {
-    const { value: n, ...t } = e, r = Eo(hn, e.__scopeMenu), a = n === r.value;
+    const { value: n, ...t } = e, r = Eo(gn, e.__scopeMenu), a = n === r.value;
     return /* @__PURE__ */ c(wn, { scope: e.__scopeMenu, checked: a, children: /* @__PURE__ */ c(
       J,
       {
@@ -381,7 +381,7 @@ var hn = "MenuRadioItem", vn = s.forwardRef(
         ...t,
         ref: o,
         "data-state": ve(a),
-        onSelect: h(
+        onSelect: g(
           t.onSelect,
           () => r.onValueChange?.(n),
           { checkForDefaultPrevented: !1 }
@@ -390,13 +390,13 @@ var hn = "MenuRadioItem", vn = s.forwardRef(
     ) });
   }
 );
-vn.displayName = hn;
-var ge = "MenuItemIndicator", [wn, To] = D(
-  ge,
+vn.displayName = gn;
+var he = "MenuItemIndicator", [wn, To] = D(
+  he,
   { checked: !1 }
 ), Mn = s.forwardRef(
   (e, o) => {
-    const { __scopeMenu: n, forceMount: t, ...r } = e, a = To(ge, n);
+    const { __scopeMenu: n, forceMount: t, ...r } = e, a = To(he, n);
     return /* @__PURE__ */ c(
       W,
       {
@@ -413,8 +413,8 @@ var ge = "MenuItemIndicator", [wn, To] = D(
     );
   }
 );
-Mn.displayName = ge;
-var Ao = "MenuSeparator", bn = s.forwardRef(
+Mn.displayName = he;
+var ko = "MenuSeparator", bn = s.forwardRef(
   (e, o) => {
     const { __scopeMenu: n, ...t } = e;
     return /* @__PURE__ */ c(
@@ -428,16 +428,16 @@ var Ao = "MenuSeparator", bn = s.forwardRef(
     );
   }
 );
-bn.displayName = Ao;
-var ko = "MenuArrow", Cn = s.forwardRef(
+bn.displayName = ko;
+var Ao = "MenuArrow", Cn = s.forwardRef(
   (e, o) => {
     const { __scopeMenu: n, ...t } = e, r = $(n);
     return /* @__PURE__ */ c(oo, { ...r, ...t, ref: o });
   }
 );
-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), [d, m] = s.useState(null), [f, l] = s.useState(null), u = de(r);
+Cn.displayName = Ao;
+var ge = "MenuSub", [Oo, yn] = D(ge), Sn = (e) => {
+  const { __scopeMenu: o, children: n, open: t = !1, onOpenChange: r } = e, a = _(ge, 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,
     {
@@ -460,7 +460,7 @@ var he = "MenuSub", [Oo, yn] = D(he), Sn = (e) => {
     }
   ) });
 };
-Sn.displayName = he;
+Sn.displayName = ge;
 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: d, onPointerGraceIntentChange: m } = a, f = { __scopeMenu: e.__scopeMenu }, l = s.useCallback(() => {
@@ -484,7 +484,7 @@ var O = "MenuSubTrigger", _n = s.forwardRef(
         onClick: (u) => {
           e.onClick?.(u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
         },
-        onPointerMove: h(
+        onPointerMove: g(
           e.onPointerMove,
           G((u) => {
             a.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (a.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
@@ -492,22 +492,22 @@ var O = "MenuSubTrigger", _n = s.forwardRef(
             }, 100));
           })
         ),
-        onPointerLeave: h(
+        onPointerLeave: g(
           e.onPointerLeave,
           G((u) => {
             l();
-            const g = n.content?.getBoundingClientRect();
-            if (g) {
-              const w = n.content?.dataset.side, v = w === "right", x = v ? -5 : 5, T = g[v ? "left" : "right"], I = g[v ? "right" : "left"];
+            const h = n.content?.getBoundingClientRect();
+            if (h) {
+              const w = n.content?.dataset.side, v = w === "right", x = v ? -5 : 5, T = h[v ? "left" : "right"], I = h[v ? "right" : "left"];
               a.onPointerGraceIntentChange({
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
                   // consistently within polygon bounds
                   { 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 }
+                  { x: T, y: h.top },
+                  { x: I, y: h.top },
+                  { x: I, y: h.bottom },
+                  { x: T, y: h.bottom }
                 ],
                 side: w
               }), window.clearTimeout(d.current), d.current = window.setTimeout(
@@ -520,9 +520,9 @@ var O = "MenuSubTrigger", _n = s.forwardRef(
             }
           })
         ),
-        onKeyDown: h(e.onKeyDown, (u) => {
-          const g = a.searchRef.current !== "";
-          e.disabled || g && u.key === " " || ho[t.dir].includes(u.key) && (n.onOpenChange(!0), n.content?.focus(), u.preventDefault());
+        onKeyDown: g(e.onKeyDown, (u) => {
+          const h = a.searchRef.current !== "";
+          e.disabled || h && u.key === " " || go[t.dir].includes(u.key) && (n.onOpenChange(!0), n.content?.focus(), u.preventDefault());
         })
       }
     ) });
@@ -548,15 +548,15 @@ var Rn = "MenuSubContent", Dn = s.forwardRef(
           i.isUsingKeyboardRef.current && m.current?.focus(), l.preventDefault();
         },
         onCloseAutoFocus: (l) => l.preventDefault(),
-        onFocusOutside: h(e.onFocusOutside, (l) => {
+        onFocusOutside: g(e.onFocusOutside, (l) => {
           l.target !== d.trigger && a.onOpenChange(!1);
         }),
-        onEscapeKeyDown: h(e.onEscapeKeyDown, (l) => {
+        onEscapeKeyDown: g(e.onEscapeKeyDown, (l) => {
           i.onClose(), l.preventDefault();
         }),
-        onKeyDown: h(e.onKeyDown, (l) => {
-          const u = l.currentTarget.contains(l.target), g = vo[i.dir].includes(l.key);
-          u && g && (a.onOpenChange(!1), d.trigger?.focus(), l.preventDefault());
+        onKeyDown: g(e.onKeyDown, (l) => {
+          const u = l.currentTarget.contains(l.target), h = vo[i.dir].includes(l.key);
+          u && h && (a.onOpenChange(!1), d.trigger?.focus(), l.preventDefault());
         })
       }
     ) }) }) });
@@ -593,8 +593,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 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);
+    const d = o[a], m = o[i], f = d.x, l = d.y, u = m.x, h = m.y;
+    l > t != h > t && n < (u - f) * (t - l) / (h - l) + f && (r = !r);
   }
   return r;
 }
@@ -606,7 +606,7 @@ function $o(e, o) {
 function G(e) {
   return (o) => o.pointerType === "mouse" ? e(o) : void 0;
 }
-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(
+var Uo = sn, Vo = ue, Bo = dn, zo = un, jo = fe, Yo = ln, Xo = J, Ho = mn, Wo = hn, 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) => {
@@ -633,7 +633,7 @@ var Uo = sn, Vo = ue, Bo = dn, zo = un, jo = fe, Yo = ln, Xo = J, Ho = mn, Wo =
       contentId: j(),
       open: l,
       onOpenChange: u,
-      onOpenToggle: s.useCallback(() => u((g) => !g), [u]),
+      onOpenToggle: s.useCallback(() => u((h) => !h), [u]),
       modal: d,
       children: /* @__PURE__ */ c(Uo, { ...m, open: l, onOpenChange: u, dir: t, modal: d, children: n })
     }
@@ -656,10 +656,10 @@ var Pn = "DropdownMenuTrigger", Me = s.forwardRef(
         disabled: t,
         ...r,
         ref: He(o, a.triggerRef),
-        onPointerDown: h(e.onPointerDown, (d) => {
+        onPointerDown: g(e.onPointerDown, (d) => {
           !t && d.button === 0 && d.ctrlKey === !1 && (a.onOpenToggle(), a.open || d.preventDefault());
         }),
-        onKeyDown: h(e.onKeyDown, (d) => {
+        onKeyDown: g(e.onKeyDown, (d) => {
           t || (["Enter", " "].includes(d.key) && a.onOpenToggle(), d.key === "ArrowDown" && a.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
         })
       }
@@ -683,10 +683,10 @@ var Nn = "DropdownMenuContent", Ce = s.forwardRef(
         ...a,
         ...t,
         ref: o,
-        onCloseAutoFocus: h(e.onCloseAutoFocus, (d) => {
+        onCloseAutoFocus: g(e.onCloseAutoFocus, (d) => {
           i.current || r.triggerRef.current?.focus(), i.current = !1, d.preventDefault();
         }),
-        onInteractOutside: h(e.onInteractOutside, (d) => {
+        onInteractOutside: g(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);
         }),
@@ -749,13 +749,13 @@ var ft = "DropdownMenuSeparator", Pe = s.forwardRef((e, o) => {
   return /* @__PURE__ */ c(Jo, { ...r, ...t, ref: o });
 });
 Pe.displayName = ft;
-var gt = "DropdownMenuArrow", Ne = s.forwardRef(
+var ht = "DropdownMenuArrow", Ne = s.forwardRef(
   (e, o) => {
     const { __scopeDropdownMenu: n, ...t } = e, r = b(n);
     return /* @__PURE__ */ c(Qo, { ...r, ...t, ref: o });
   }
 );
-Ne.displayName = gt;
+Ne.displayName = ht;
 var En = (e) => {
   const { __scopeDropdownMenu: o, children: n, open: t, onOpenChange: r, defaultOpen: a } = e, i = b(o), [d, m] = Ze({
     prop: t,
@@ -764,11 +764,11 @@ var En = (e) => {
     caller: "DropdownMenuSub"
   });
   return /* @__PURE__ */ c(et, { ...i, open: d, onOpenChange: m, children: n });
-}, ht = "DropdownMenuSubTrigger", Ee = s.forwardRef((e, o) => {
+}, gt = "DropdownMenuSubTrigger", Ee = s.forwardRef((e, o) => {
   const { __scopeDropdownMenu: n, ...t } = e, r = b(n);
   return /* @__PURE__ */ c(nt, { ...r, ...t, ref: o });
 });
-Ee.displayName = ht;
+Ee.displayName = gt;
 var vt = "DropdownMenuSubContent", Te = s.forwardRef((e, o) => {
   const { __scopeDropdownMenu: n, ...t } = e, r = b(n);
   return /* @__PURE__ */ c(
@@ -789,12 +789,12 @@ var vt = "DropdownMenuSubContent", Te = s.forwardRef((e, o) => {
   );
 });
 Te.displayName = vt;
-var Tn = we, An = Me, ee = be, Ae = Ce, kn = ye, ke = Se, Oe = _e, Le = Re, ne = De, Ge = xe, Fe = Ie, Ke = Pe, wt = Ne, On = En, $e = Ee, Ue = Te;
+var Tn = we, kn = Me, ee = be, ke = Ce, An = ye, Ae = Se, Oe = _e, Le = Re, ne = De, Ge = xe, Fe = Ie, Ke = Pe, wt = Ne, On = En, $e = Ee, Ue = Te;
 const yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Arrow: wt,
   CheckboxItem: Le,
-  Content: Ae,
+  Content: ke,
   DropdownMenu: we,
   DropdownMenuArrow: Ne,
   DropdownMenuCheckboxItem: Re,
@@ -811,10 +811,10 @@ const yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   DropdownMenuSubContent: Te,
   DropdownMenuSubTrigger: Ee,
   DropdownMenuTrigger: Me,
-  Group: kn,
+  Group: An,
   Item: Oe,
   ItemIndicator: Fe,
-  Label: ke,
+  Label: Ae,
   Portal: ee,
   RadioGroup: ne,
   RadioItem: Ge,
@@ -823,13 +823,13 @@ const yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Sub: On,
   SubContent: Ue,
   SubTrigger: $e,
-  Trigger: An,
+  Trigger: kn,
   createDropdownMenuScope: rt
 }, Symbol.toStringTag, { value: "Module" })), oe = [
   "rounded-lg bg-transparent text-primary-fg",
   "hover:bg-secondary-border focus:bg-secondary-border",
   "[&:has([data-menu-item-action]:hover)]:bg-secondary-bg"
-], Sr = Tn, Mt = An, _r = kn, Rr = ee, Dr = On, xr = 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 }) }));
+], Sr = Tn, Mt = kn, _r = An, Rr = ee, Dr = On, xr = 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;
 const Ct = M({
   extend: q,
@@ -930,9 +930,9 @@ const xt = M({
   ]
 }), Pt = s.forwardRef(({ className: e, sideOffset: o = 4, portalContainer: n, ...t }, r) => {
   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 }) });
+  return /* @__PURE__ */ c(ee, { container: i, children: /* @__PURE__ */ c(ke, { ref: r, sideOffset: o, className: d, ...t }) });
 });
-Pt.displayName = Ae.displayName;
+Pt.displayName = ke.displayName;
 const Nt = M({
   extend: q,
   base: "",
@@ -956,11 +956,11 @@ const Nt = M({
   return /* @__PURE__ */ c(Oe, { ref: a, disabled: o, className: d, ...r, children: t });
 });
 Tt.displayName = Oe.displayName;
-const At = M({
+const kt = M({
   extend: q,
   base: "",
   slots: {
-    checkbox: "flex h-4 w-4 items-center justify-center rounded-sm border transition-colors",
+    checkbox: "flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border transition-colors",
     icon: "h-3.5 w-3.5 text-primary-bg"
   },
   variants: {
@@ -991,10 +991,10 @@ const At = M({
   defaultVariants: {
     checked: !1
   }
-}), kt = M({
+}), At = M({
   slots: {
     base: [...Z, ...oe],
-    checkbox: "flex h-4 w-4 items-center justify-center rounded-sm border transition-colors",
+    checkbox: "flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border transition-colors",
     icon: "h-3.5 w-3.5 text-primary-bg"
   },
   variants: {
@@ -1017,7 +1017,7 @@ const At = M({
     checked: !1
   }
 }), Ot = s.forwardRef(({ className: e, children: o, checked: n, disabled: t, ...r }, a) => {
-  const { variant: i } = S(), d = i === "glass" ? kt({ checked: n, disabled: t }) : At({ checked: n, theme: i, disabled: t });
+  const { variant: i } = S(), d = i === "glass" ? At({ checked: n, disabled: t }) : kt({ checked: n, theme: i, disabled: t });
   return /* @__PURE__ */ H(
     Le,
     {
@@ -1075,7 +1075,7 @@ const $t = M({
 }), Ut = s.forwardRef(({ className: e, inset: o, ...n }, t) => {
   const { variant: r } = S(), a = ie(r, ["inverse"]);
   return /* @__PURE__ */ c(
-    ke,
+    Ae,
     {
       ref: t,
       className: $t({ inset: o, className: e, theme: a }),
@@ -1083,7 +1083,7 @@ const $t = M({
     }
   );
 });
-Ut.displayName = ke.displayName;
+Ut.displayName = Ae.displayName;
 const Vt = M({
   base: "-mx-1 my-1 h-px bg-secondary-border",
   variants: {
@@ -1158,13 +1158,13 @@ function Pr(e = {}) {
     w.preventDefault(), w.stopPropagation();
   }, []), u = s.useCallback((w) => {
     w.preventDefault();
-  }, []), g = s.useCallback((w) => {
+  }, []), h = s.useCallback((w) => {
     r(w);
   }, []);
   return {
     rootProps: {
       open: t,
-      onOpenChange: g,
+      onOpenChange: h,
       modal: !1
     },
     triggerProps: {