@cfx-dev/ui-components 4.0.1 → 4.1.1

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,69 +1,70 @@
-import { jsx as v, Fragment as Xe, jsxs as st } from "react/jsx-runtime";
+import { jsx as v, Fragment as Ye, jsxs as ct } from "react/jsx-runtime";
 import * as a from "react";
-import { useState as Rt, useRef as jn, useEffect as Xn } from "react";
-import { d as X, b as Hn, c as be, u as Pt } from "../../index-BCnz73Lm.js";
-import { r as zn } from "../../index-2hJuj4UN.js";
-import { c as Mt } from "../../index-CjTSD6zB.js";
-import { u as xt } from "../../index-BW3WdIgK.js";
-import { u as Zn, a as Qn, b as qn, o as Jn, s as er, l as tr, f as nr, c as rr, d as or, h as ar, e as We, g as cr, i as ir, I as sr } from "../../Select-Ds-fm4CN.js";
-import { _ as j, f as Nt, c as ur } from "../../tslib.es6-CBKHJX9H.js";
+import { useState as Pt, useRef as jn, useEffect as Xn } from "react";
+import { c as j, a as Hn, b as be, u as Mt } from "../../index-Cf5Yu9oD.js";
+import { r as Zn } from "../../index-2hJuj4UN.js";
+import { c as xt } from "../../index-CjTSD6zB.js";
+import { u as Nt } from "../../index-ByaXH_ih.js";
+import { u as Qn, a as qn, b as Jn, o as er, s as tr, l as nr, f as rr, c as or, d as ar, h as ir, i as $e, g as cr, e as sr } from "../../index-DBus3GoO.js";
+import { _ as Y, f as It, c as ur } from "../../tslib.es6-CBKHJX9H.js";
 import { Icon as lr } from "../Icon/Icon.js";
 import { Flex as dr } from "../Layout/Flex/Flex.js";
-import { clsx as Ae } from "../../utils/clsx.js";
+import { ui as st } from "../ui.js";
+import { clsx as ut } from "../../utils/clsx.js";
 function Se(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
     if (e == null || e(o), n === !1 || !o.defaultPrevented)
       return t == null ? void 0 : t(o);
   };
 }
-function ut(e, t) {
+function lt(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function It(...e) {
+function At(...e) {
   return (t) => {
     let n = !1;
     const r = e.map((o) => {
-      const c = ut(o, t);
-      return !n && typeof c == "function" && (n = !0), c;
+      const i = lt(o, t);
+      return !n && typeof i == "function" && (n = !0), i;
     });
     if (n)
       return () => {
         for (let o = 0; o < r.length; o++) {
-          const c = r[o];
-          typeof c == "function" ? c() : ut(e[o], null);
+          const i = r[o];
+          typeof i == "function" ? i() : lt(e[o], null);
         }
       };
   };
 }
 function fr(e, t = []) {
   let n = [];
-  function r(c, s) {
-    const i = a.createContext(s), l = n.length;
+  function r(i, s) {
+    const c = a.createContext(s), d = n.length;
     n = [...n, s];
     const u = (f) => {
       var w;
-      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || i, y = a.useMemo(() => h, Object.values(h));
-      return /* @__PURE__ */ v(d.Provider, { value: y, children: g });
+      const { scope: m, children: g, ...h } = f, l = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[d]) || c, C = a.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ v(l.Provider, { value: C, children: g });
     };
-    u.displayName = c + "Provider";
+    u.displayName = i + "Provider";
     function p(f, m) {
-      var d;
-      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || i, h = a.useContext(g);
+      var l;
+      const g = ((l = m == null ? void 0 : m[e]) == null ? void 0 : l[d]) || c, h = a.useContext(g);
       if (h) return h;
       if (s !== void 0) return s;
-      throw new Error(`\`${f}\` must be used within \`${c}\``);
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
     }
     return [u, p];
   }
   const o = () => {
-    const c = n.map((s) => a.createContext(s));
-    return function(i) {
-      const l = (i == null ? void 0 : i[e]) || c;
+    const i = n.map((s) => a.createContext(s));
+    return function(c) {
+      const d = (c == null ? void 0 : c[e]) || i;
       return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
+        () => ({ [`__scope${e}`]: { ...c, [e]: d } }),
+        [c, d]
       );
     };
   };
@@ -77,49 +78,49 @@ function pr(...e) {
       useScope: o(),
       scopeName: o.scopeName
     }));
-    return function(c) {
-      const s = r.reduce((i, { useScope: l, scopeName: u }) => {
-        const f = l(c)[`__scope${u}`];
-        return { ...i, ...f };
+    return function(i) {
+      const s = r.reduce((c, { useScope: d, scopeName: u }) => {
+        const f = d(i)[`__scope${u}`];
+        return { ...c, ...f };
       }, {});
       return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return n.scopeName = t.scopeName, n;
 }
-var At = a.forwardRef((e, t) => {
-  const { children: n, ...r } = e, o = a.Children.toArray(n), c = o.find(vr);
-  if (c) {
-    const s = c.props.children, i = o.map((l) => l === c ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : l);
-    return /* @__PURE__ */ v(Be, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, i) : null });
+var Dt = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(vr);
+  if (i) {
+    const s = i.props.children, c = o.map((d) => d === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : d);
+    return /* @__PURE__ */ v(We, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
   }
-  return /* @__PURE__ */ v(Be, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ v(We, { ...r, ref: t, children: n });
 });
-At.displayName = "Slot";
-var Be = a.forwardRef((e, t) => {
+Dt.displayName = "Slot";
+var We = a.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (a.isValidElement(n)) {
     const o = gr(n);
     return a.cloneElement(n, {
       ...hr(r, n.props),
       // @ts-ignore
-      ref: t ? It(t, o) : o
+      ref: t ? At(t, o) : o
     });
   }
   return a.Children.count(n) > 1 ? a.Children.only(null) : null;
 });
-Be.displayName = "SlotClone";
-var mr = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
+We.displayName = "SlotClone";
+var mr = ({ children: e }) => /* @__PURE__ */ v(Ye, { children: e });
 function vr(e) {
   return a.isValidElement(e) && e.type === mr;
 }
 function hr(e, t) {
   const n = { ...t };
   for (const r in t) {
-    const o = e[r], c = t[r];
-    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
-      c(...i), o(...i);
-    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+    const o = e[r], i = t[r];
+    /^on[A-Z]/.test(r) ? o && i ? n[r] = (...c) => {
+      i(...c), o(...c);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...i } : r === "className" && (n[r] = [o, i].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
@@ -145,10 +146,10 @@ var wr = [
   "span",
   "svg",
   "ul"
-], yr = wr.reduce((e, t) => {
+], Cr = wr.reduce((e, t) => {
   const n = a.forwardRef((r, o) => {
-    const { asChild: c, ...s } = r, i = c ? At : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(i, { ...s, ref: o });
+    const { asChild: i, ...s } = r, c = i ? Dt : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(c, { ...s, ref: o });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
@@ -158,63 +159,63 @@ function M(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
       return t == null ? void 0 : t(o);
   };
 }
-function lt(e, t) {
+function dt(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function He(...e) {
+function je(...e) {
   return (t) => {
     let n = !1;
     const r = e.map((o) => {
-      const c = lt(o, t);
-      return !n && typeof c == "function" && (n = !0), c;
+      const i = dt(o, t);
+      return !n && typeof i == "function" && (n = !0), i;
     });
     if (n)
       return () => {
         for (let o = 0; o < r.length; o++) {
-          const c = r[o];
-          typeof c == "function" ? c() : lt(e[o], null);
+          const i = r[o];
+          typeof i == "function" ? i() : dt(e[o], null);
         }
       };
   };
 }
-function W(...e) {
-  return a.useCallback(He(...e), e);
+function $(...e) {
+  return a.useCallback(je(...e), e);
 }
-function Dt(e, t = []) {
+function Tt(e, t = []) {
   let n = [];
-  function r(c, s) {
-    const i = a.createContext(s), l = n.length;
+  function r(i, s) {
+    const c = a.createContext(s), d = n.length;
     n = [...n, s];
     const u = (f) => {
       var w;
-      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || i, y = a.useMemo(() => h, Object.values(h));
-      return /* @__PURE__ */ v(d.Provider, { value: y, children: g });
+      const { scope: m, children: g, ...h } = f, l = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[d]) || c, C = a.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ v(l.Provider, { value: C, children: g });
     };
-    u.displayName = c + "Provider";
+    u.displayName = i + "Provider";
     function p(f, m) {
-      var d;
-      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || i, h = a.useContext(g);
+      var l;
+      const g = ((l = m == null ? void 0 : m[e]) == null ? void 0 : l[d]) || c, h = a.useContext(g);
       if (h) return h;
       if (s !== void 0) return s;
-      throw new Error(`\`${f}\` must be used within \`${c}\``);
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
     }
     return [u, p];
   }
   const o = () => {
-    const c = n.map((s) => a.createContext(s));
-    return function(i) {
-      const l = (i == null ? void 0 : i[e]) || c;
+    const i = n.map((s) => a.createContext(s));
+    return function(c) {
+      const d = (c == null ? void 0 : c[e]) || i;
       return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
+        () => ({ [`__scope${e}`]: { ...c, [e]: d } }),
+        [c, d]
       );
     };
   };
-  return o.scopeName = e, [r, Cr(o, ...t)];
+  return o.scopeName = e, [r, yr(o, ...t)];
 }
-function Cr(...e) {
+function yr(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -222,53 +223,53 @@ function Cr(...e) {
       useScope: o(),
       scopeName: o.scopeName
     }));
-    return function(c) {
-      const s = r.reduce((i, { useScope: l, scopeName: u }) => {
-        const f = l(c)[`__scope${u}`];
-        return { ...i, ...f };
+    return function(i) {
+      const s = r.reduce((c, { useScope: d, scopeName: u }) => {
+        const f = d(i)[`__scope${u}`];
+        return { ...c, ...f };
       }, {});
       return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return n.scopeName = t.scopeName, n;
 }
-var ze = a.forwardRef((e, t) => {
-  const { children: n, ...r } = e, o = a.Children.toArray(n), c = o.find(br);
-  if (c) {
-    const s = c.props.children, i = o.map((l) => l === c ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : l);
-    return /* @__PURE__ */ v(Ue, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, i) : null });
+var Xe = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(br);
+  if (i) {
+    const s = i.props.children, c = o.map((d) => d === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : d);
+    return /* @__PURE__ */ v(Be, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
   }
-  return /* @__PURE__ */ v(Ue, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ v(Be, { ...r, ref: t, children: n });
 });
-ze.displayName = "Slot";
-var Ue = a.forwardRef((e, t) => {
+Xe.displayName = "Slot";
+var Be = a.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (a.isValidElement(n)) {
-    const o = _r(n);
+    const o = Er(n);
     return a.cloneElement(n, {
       ...Sr(r, n.props),
       // @ts-ignore
-      ref: t ? He(t, o) : o
+      ref: t ? je(t, o) : o
     });
   }
   return a.Children.count(n) > 1 ? a.Children.only(null) : null;
 });
-Ue.displayName = "SlotClone";
-var Er = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
+Be.displayName = "SlotClone";
+var _r = ({ children: e }) => /* @__PURE__ */ v(Ye, { children: e });
 function br(e) {
-  return a.isValidElement(e) && e.type === Er;
+  return a.isValidElement(e) && e.type === _r;
 }
 function Sr(e, t) {
   const n = { ...t };
   for (const r in t) {
-    const o = e[r], c = t[r];
-    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
-      c(...i), o(...i);
-    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+    const o = e[r], i = t[r];
+    /^on[A-Z]/.test(r) ? o && i ? n[r] = (...c) => {
+      i(...c), o(...c);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...i } : r === "className" && (n[r] = [o, i].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
-function _r(e) {
+function Er(e) {
   var r, o;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
@@ -290,56 +291,56 @@ var Rr = [
   "span",
   "svg",
   "ul"
-], B = Rr.reduce((e, t) => {
+], W = Rr.reduce((e, t) => {
   const n = a.forwardRef((r, o) => {
-    const { asChild: c, ...s } = r, i = c ? ze : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(i, { ...s, ref: o });
+    const { asChild: i, ...s } = r, c = i ? Xe : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(c, { ...s, ref: o });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
-function Tt(e, t) {
-  e && zn.flushSync(() => e.dispatchEvent(t));
+function Ot(e, t) {
+  e && Zn.flushSync(() => e.dispatchEvent(t));
 }
-var Pr = "DismissableLayer", Ke = "dismissableLayer.update", Mr = "dismissableLayer.pointerDownOutside", xr = "dismissableLayer.focusOutside", dt, Ot = a.createContext({
+var Pr = "DismissableLayer", Ue = "dismissableLayer.update", Mr = "dismissableLayer.pointerDownOutside", xr = "dismissableLayer.focusOutside", ft, Ft = a.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Ft = a.forwardRef(
+}), Lt = a.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
       onEscapeKeyDown: r,
       onPointerDownOutside: o,
-      onFocusOutside: c,
+      onFocusOutside: i,
       onInteractOutside: s,
-      onDismiss: i,
-      ...l
-    } = e, u = a.useContext(Ot), [p, f] = a.useState(null), m = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = a.useState({}), h = W(t, (S) => f(S)), d = Array.from(u.layers), [y] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), w = d.indexOf(y), E = p ? d.indexOf(p) : -1, b = u.layersWithOutsidePointerEventsDisabled.size > 0, _ = E >= w, R = Ar((S) => {
+      onDismiss: c,
+      ...d
+    } = e, u = a.useContext(Ft), [p, f] = a.useState(null), m = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = a.useState({}), h = $(t, (S) => f(S)), l = Array.from(u.layers), [C] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), w = l.indexOf(C), _ = p ? l.indexOf(p) : -1, b = u.layersWithOutsidePointerEventsDisabled.size > 0, E = _ >= w, R = Ar((S) => {
       const P = S.target, I = [...u.branches].some((T) => T.contains(P));
-      !_ || I || (o == null || o(S), s == null || s(S), S.defaultPrevented || i == null || i());
+      !E || I || (o == null || o(S), s == null || s(S), S.defaultPrevented || c == null || c());
     }, m), x = Dr((S) => {
       const P = S.target;
-      [...u.branches].some((T) => T.contains(P)) || (c == null || c(S), s == null || s(S), S.defaultPrevented || i == null || i());
+      [...u.branches].some((T) => T.contains(P)) || (i == null || i(S), s == null || s(S), S.defaultPrevented || c == null || c());
     }, m);
-    return Zn((S) => {
-      E === u.layers.size - 1 && (r == null || r(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
+    return Qn((S) => {
+      _ === u.layers.size - 1 && (r == null || r(S), !S.defaultPrevented && c && (S.preventDefault(), c()));
     }, m), a.useEffect(() => {
       if (p)
-        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (dt = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(p)), u.layers.add(p), ft(), () => {
-          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = dt);
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (ft = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(p)), u.layers.add(p), pt(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = ft);
         };
     }, [p, m, n, u]), a.useEffect(() => () => {
-      p && (u.layers.delete(p), u.layersWithOutsidePointerEventsDisabled.delete(p), ft());
+      p && (u.layers.delete(p), u.layersWithOutsidePointerEventsDisabled.delete(p), pt());
     }, [p, u]), a.useEffect(() => {
       const S = () => g({});
-      return document.addEventListener(Ke, S), () => document.removeEventListener(Ke, S);
+      return document.addEventListener(Ue, S), () => document.removeEventListener(Ue, S);
     }, []), /* @__PURE__ */ v(
-      B.div,
+      W.div,
       {
-        ...l,
+        ...d,
         ref: h,
         style: {
-          pointerEvents: b ? _ ? "auto" : "none" : void 0,
+          pointerEvents: b ? E ? "auto" : "none" : void 0,
           ...e.style
         },
         onFocusCapture: M(e.onFocusCapture, x.onFocusCapture),
@@ -352,42 +353,42 @@ var Pr = "DismissableLayer", Ke = "dismissableLayer.update", Mr = "dismissableLa
     );
   }
 );
-Ft.displayName = Pr;
+Lt.displayName = Pr;
 var Nr = "DismissableLayerBranch", Ir = a.forwardRef((e, t) => {
-  const n = a.useContext(Ot), r = a.useRef(null), o = W(t, r);
+  const n = a.useContext(Ft), r = a.useRef(null), o = $(t, r);
   return a.useEffect(() => {
-    const c = r.current;
-    if (c)
-      return n.branches.add(c), () => {
-        n.branches.delete(c);
+    const i = r.current;
+    if (i)
+      return n.branches.add(i), () => {
+        n.branches.delete(i);
       };
-  }, [n.branches]), /* @__PURE__ */ v(B.div, { ...e, ref: o });
+  }, [n.branches]), /* @__PURE__ */ v(W.div, { ...e, ref: o });
 });
 Ir.displayName = Nr;
 function Ar(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = X(e), r = a.useRef(!1), o = a.useRef(() => {
+  const n = j(e), r = a.useRef(!1), o = a.useRef(() => {
   });
   return a.useEffect(() => {
-    const c = (i) => {
-      if (i.target && !r.current) {
-        let l = function() {
-          Lt(
+    const i = (c) => {
+      if (c.target && !r.current) {
+        let d = function() {
+          kt(
             Mr,
             n,
             u,
             { discrete: !0 }
           );
         };
-        const u = { originalEvent: i };
-        i.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = l, t.addEventListener("click", o.current, { once: !0 })) : l();
+        const u = { originalEvent: c };
+        c.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = d, t.addEventListener("click", o.current, { once: !0 })) : d();
       } else
         t.removeEventListener("click", o.current);
       r.current = !1;
     }, s = window.setTimeout(() => {
-      t.addEventListener("pointerdown", c);
+      t.addEventListener("pointerdown", i);
     }, 0);
     return () => {
-      window.clearTimeout(s), t.removeEventListener("pointerdown", c), t.removeEventListener("click", o.current);
+      window.clearTimeout(s), t.removeEventListener("pointerdown", i), t.removeEventListener("click", o.current);
     };
   }, [t, n]), {
     // ensures we check React component tree (not just DOM tree)
@@ -395,10 +396,10 @@ function Ar(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function Dr(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = X(e), r = a.useRef(!1);
+  const n = j(e), r = a.useRef(!1);
   return a.useEffect(() => {
-    const o = (c) => {
-      c.target && !r.current && Lt(xr, n, { originalEvent: c }, {
+    const o = (i) => {
+      i.target && !r.current && kt(xr, n, { originalEvent: i }, {
         discrete: !1
       });
     };
@@ -408,35 +409,35 @@ function Dr(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => r.current = !1
   };
 }
-function ft() {
-  const e = new CustomEvent(Ke);
+function pt() {
+  const e = new CustomEvent(Ue);
   document.dispatchEvent(e);
 }
-function Lt(e, t, n, { discrete: r }) {
-  const o = n.originalEvent.target, c = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
-  t && o.addEventListener(e, t, { once: !0 }), r ? Tt(o, c) : o.dispatchEvent(c);
+function kt(e, t, n, { discrete: r }) {
+  const o = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && o.addEventListener(e, t, { once: !0 }), r ? Ot(o, i) : o.dispatchEvent(i);
 }
-var De = 0;
+var Ae = 0;
 function Tr() {
   a.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? pt()), document.body.insertAdjacentElement("beforeend", e[1] ?? pt()), De++, () => {
-      De === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), De--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? mt()), document.body.insertAdjacentElement("beforeend", e[1] ?? mt()), Ae++, () => {
+      Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ae--;
     };
   }, []);
 }
-function pt() {
+function mt() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
-var Te = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", mt = { bubbles: !1, cancelable: !0 }, Or = "FocusScope", kt = a.forwardRef((e, t) => {
+var De = "focusScope.autoFocusOnMount", Te = "focusScope.autoFocusOnUnmount", vt = { bubbles: !1, cancelable: !0 }, Or = "FocusScope", $t = a.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
     onMountAutoFocus: o,
-    onUnmountAutoFocus: c,
+    onUnmountAutoFocus: i,
     ...s
-  } = e, [i, l] = a.useState(null), u = X(o), p = X(c), f = a.useRef(null), m = W(t, (d) => l(d)), g = a.useRef({
+  } = e, [c, d] = a.useState(null), u = j(o), p = j(i), f = a.useRef(null), m = $(t, (l) => d(l)), g = a.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -447,65 +448,65 @@ var Te = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", mt
   }).current;
   a.useEffect(() => {
     if (r) {
-      let d = function(b) {
-        if (g.paused || !i) return;
-        const _ = b.target;
-        i.contains(_) ? f.current = _ : Y(f.current, { select: !0 });
-      }, y = function(b) {
-        if (g.paused || !i) return;
-        const _ = b.relatedTarget;
-        _ !== null && (i.contains(_) || Y(f.current, { select: !0 }));
+      let l = function(b) {
+        if (g.paused || !c) return;
+        const E = b.target;
+        c.contains(E) ? f.current = E : V(f.current, { select: !0 });
+      }, C = function(b) {
+        if (g.paused || !c) return;
+        const E = b.relatedTarget;
+        E !== null && (c.contains(E) || V(f.current, { select: !0 }));
       }, w = function(b) {
         if (document.activeElement === document.body)
           for (const R of b)
-            R.removedNodes.length > 0 && Y(i);
+            R.removedNodes.length > 0 && V(c);
       };
-      document.addEventListener("focusin", d), document.addEventListener("focusout", y);
-      const E = new MutationObserver(w);
-      return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", d), document.removeEventListener("focusout", y), E.disconnect();
+      document.addEventListener("focusin", l), document.addEventListener("focusout", C);
+      const _ = new MutationObserver(w);
+      return c && _.observe(c, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", l), document.removeEventListener("focusout", C), _.disconnect();
       };
     }
-  }, [r, i, g.paused]), a.useEffect(() => {
-    if (i) {
-      ht.add(g);
-      const d = document.activeElement;
-      if (!i.contains(d)) {
-        const w = new CustomEvent(Te, mt);
-        i.addEventListener(Te, u), i.dispatchEvent(w), w.defaultPrevented || (Fr(Br($t(i)), { select: !0 }), document.activeElement === d && Y(i));
+  }, [r, c, g.paused]), a.useEffect(() => {
+    if (c) {
+      gt.add(g);
+      const l = document.activeElement;
+      if (!c.contains(l)) {
+        const w = new CustomEvent(De, vt);
+        c.addEventListener(De, u), c.dispatchEvent(w), w.defaultPrevented || (Fr(Br(Wt(c)), { select: !0 }), document.activeElement === l && V(c));
       }
       return () => {
-        i.removeEventListener(Te, u), setTimeout(() => {
-          const w = new CustomEvent(Oe, mt);
-          i.addEventListener(Oe, p), i.dispatchEvent(w), w.defaultPrevented || Y(d ?? document.body, { select: !0 }), i.removeEventListener(Oe, p), ht.remove(g);
+        c.removeEventListener(De, u), setTimeout(() => {
+          const w = new CustomEvent(Te, vt);
+          c.addEventListener(Te, p), c.dispatchEvent(w), w.defaultPrevented || V(l ?? document.body, { select: !0 }), c.removeEventListener(Te, p), gt.remove(g);
         }, 0);
       };
     }
-  }, [i, u, p, g]);
+  }, [c, u, p, g]);
   const h = a.useCallback(
-    (d) => {
+    (l) => {
       if (!n && !r || g.paused) return;
-      const y = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, w = document.activeElement;
-      if (y && w) {
-        const E = d.currentTarget, [b, _] = Lr(E);
-        b && _ ? !d.shiftKey && w === _ ? (d.preventDefault(), n && Y(b, { select: !0 })) : d.shiftKey && w === b && (d.preventDefault(), n && Y(_, { select: !0 })) : w === E && d.preventDefault();
+      const C = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, w = document.activeElement;
+      if (C && w) {
+        const _ = l.currentTarget, [b, E] = Lr(_);
+        b && E ? !l.shiftKey && w === E ? (l.preventDefault(), n && V(b, { select: !0 })) : l.shiftKey && w === b && (l.preventDefault(), n && V(E, { select: !0 })) : w === _ && l.preventDefault();
       }
     },
     [n, r, g.paused]
   );
-  return /* @__PURE__ */ v(B.div, { tabIndex: -1, ...s, ref: m, onKeyDown: h });
+  return /* @__PURE__ */ v(W.div, { tabIndex: -1, ...s, ref: m, onKeyDown: h });
 });
-kt.displayName = Or;
+$t.displayName = Or;
 function Fr(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
-    if (Y(r, { select: t }), document.activeElement !== n) return;
+    if (V(r, { select: t }), document.activeElement !== n) return;
 }
 function Lr(e) {
-  const t = $t(e), n = vt(t, e), r = vt(t.reverse(), e);
+  const t = Wt(e), n = ht(t, e), r = ht(t.reverse(), e);
   return [n, r];
 }
-function $t(e) {
+function Wt(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (r) => {
       const o = r.tagName === "INPUT" && r.type === "hidden";
@@ -515,7 +516,7 @@ function $t(e) {
   for (; n.nextNode(); ) t.push(n.currentNode);
   return t;
 }
-function vt(e, t) {
+function ht(e, t) {
   for (const n of e)
     if (!kr(n, { upTo: t })) return n;
 }
@@ -531,39 +532,39 @@ function kr(e, { upTo: t }) {
 function $r(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function Y(e, { select: t = !1 } = {}) {
+function V(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== n && $r(e) && t && e.select();
   }
 }
-var ht = Wr();
+var gt = Wr();
 function Wr() {
   let e = [];
   return {
     add(t) {
       const n = e[0];
-      t !== n && (n == null || n.pause()), e = gt(e, t), e.unshift(t);
+      t !== n && (n == null || n.pause()), e = wt(e, t), e.unshift(t);
     },
     remove(t) {
       var n;
-      e = gt(e, t), (n = e[0]) == null || n.resume();
+      e = wt(e, t), (n = e[0]) == null || n.resume();
     }
   };
 }
-function gt(e, t) {
+function wt(e, t) {
   const n = [...e], r = n.indexOf(t);
   return r !== -1 && n.splice(r, 1), n;
 }
 function Br(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Ur = "Arrow", Wt = a.forwardRef((e, t) => {
-  const { children: n, width: r = 10, height: o = 5, ...c } = e;
+var Ur = "Arrow", Bt = a.forwardRef((e, t) => {
+  const { children: n, width: r = 10, height: o = 5, ...i } = e;
   return /* @__PURE__ */ v(
-    B.svg,
+    W.svg,
     {
-      ...c,
+      ...i,
       ref: t,
       width: r,
       height: o,
@@ -573,81 +574,81 @@ var Ur = "Arrow", Wt = a.forwardRef((e, t) => {
     }
   );
 });
-Wt.displayName = Ur;
-var Kr = Wt, Ze = "Popper", [Bt, Ut] = Dt(Ze), [Gr, Kt] = Bt(Ze), Gt = (e) => {
+Bt.displayName = Ur;
+var Kr = Bt, He = "Popper", [Ut, Kt] = Tt(He), [Gr, Gt] = Ut(He), zt = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
   return /* @__PURE__ */ v(Gr, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
-Gt.displayName = Ze;
+zt.displayName = He;
 var Vt = "PopperAnchor", Yt = a.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, c = Kt(Vt, n), s = a.useRef(null), i = W(t, s);
+    const { __scopePopper: n, virtualRef: r, ...o } = e, i = Gt(Vt, n), s = a.useRef(null), c = $(t, s);
     return a.useEffect(() => {
-      c.onAnchorChange((r == null ? void 0 : r.current) || s.current);
-    }), r ? null : /* @__PURE__ */ v(B.div, { ...o, ref: i });
+      i.onAnchorChange((r == null ? void 0 : r.current) || s.current);
+    }), r ? null : /* @__PURE__ */ v(W.div, { ...o, ref: c });
   }
 );
 Yt.displayName = Vt;
-var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
+var Ze = "PopperContent", [zr, Vr] = Ut(Ze), jt = a.forwardRef(
   (e, t) => {
-    var G, ie, F, se, at, ct;
+    var K, ce, F, se, ot, at;
     const {
       __scopePopper: n,
       side: r = "bottom",
       sideOffset: o = 0,
-      align: c = "center",
+      align: i = "center",
       alignOffset: s = 0,
-      arrowPadding: i = 0,
-      avoidCollisions: l = !0,
+      arrowPadding: c = 0,
+      avoidCollisions: d = !0,
       collisionBoundary: u = [],
       collisionPadding: p = 0,
       sticky: f = "partial",
       hideWhenDetached: m = !1,
       updatePositionStrategy: g = "optimized",
       onPlaced: h,
-      ...d
-    } = e, y = Kt(Qe, n), [w, E] = a.useState(null), b = W(t, (ue) => E(ue)), [_, R] = a.useState(null), x = Hn(_), S = (x == null ? void 0 : x.width) ?? 0, P = (x == null ? void 0 : x.height) ?? 0, I = r + (c !== "center" ? "-" + c : ""), T = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, V = Array.isArray(u) ? u : [u], H = V.length > 0, K = {
+      ...l
+    } = e, C = Gt(Ze, n), [w, _] = a.useState(null), b = $(t, (ue) => _(ue)), [E, R] = a.useState(null), x = Hn(E), S = (x == null ? void 0 : x.width) ?? 0, P = (x == null ? void 0 : x.height) ?? 0, I = r + (i !== "center" ? "-" + i : ""), T = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, z = Array.isArray(u) ? u : [u], X = z.length > 0, U = {
       padding: T,
-      boundary: V.filter(Xr),
+      boundary: z.filter(jr),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: H
-    }, { refs: Q, floatingStyles: q, placement: $, isPositioned: J, middlewareData: O } = Qn({
+      altBoundary: X
+    }, { refs: Q, floatingStyles: q, placement: k, isPositioned: J, middlewareData: O } = qn({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: I,
-      whileElementsMounted: (...ue) => qn(...ue, {
+      whileElementsMounted: (...ue) => Jn(...ue, {
         animationFrame: g === "always"
       }),
       elements: {
-        reference: y.anchor
+        reference: C.anchor
       },
       middleware: [
-        Jn({ mainAxis: o + P, alignmentAxis: s }),
-        l && er({
+        er({ mainAxis: o + P, alignmentAxis: s }),
+        d && tr({
           mainAxis: !0,
           crossAxis: !1,
-          limiter: f === "partial" ? tr() : void 0,
-          ...K
+          limiter: f === "partial" ? nr() : void 0,
+          ...U
         }),
-        l && nr({ ...K }),
-        rr({
-          ...K,
-          apply: ({ elements: ue, rects: it, availableWidth: Kn, availableHeight: Gn }) => {
+        d && rr({ ...U }),
+        or({
+          ...U,
+          apply: ({ elements: ue, rects: it, availableWidth: Gn, availableHeight: zn }) => {
             const { width: Vn, height: Yn } = it.reference, he = ue.floating.style;
-            he.setProperty("--radix-popper-available-width", `${Kn}px`), he.setProperty("--radix-popper-available-height", `${Gn}px`), he.setProperty("--radix-popper-anchor-width", `${Vn}px`), he.setProperty("--radix-popper-anchor-height", `${Yn}px`);
+            he.setProperty("--radix-popper-available-width", `${Gn}px`), he.setProperty("--radix-popper-available-height", `${zn}px`), he.setProperty("--radix-popper-anchor-width", `${Vn}px`), he.setProperty("--radix-popper-anchor-height", `${Yn}px`);
           }
         }),
-        _ && or({ element: _, padding: i }),
-        Hr({ arrowWidth: S, arrowHeight: P }),
-        m && ar({ strategy: "referenceHidden", ...K })
+        E && ar({ element: E, padding: c }),
+        Xr({ arrowWidth: S, arrowHeight: P }),
+        m && ir({ strategy: "referenceHidden", ...U })
       ]
-    }), [C, A] = zt($), N = X(h);
+    }), [y, A] = Zt(k), N = j(h);
     be(() => {
       J && (N == null || N());
     }, [J, N]);
-    const U = (G = O.arrow) == null ? void 0 : G.x, ae = (ie = O.arrow) == null ? void 0 : ie.y, ce = ((F = O.arrow) == null ? void 0 : F.centerOffset) !== 0, [ve, z] = a.useState();
+    const B = (K = O.arrow) == null ? void 0 : K.x, ae = (ce = O.arrow) == null ? void 0 : ce.y, ie = ((F = O.arrow) == null ? void 0 : F.centerOffset) !== 0, [ve, H] = a.useState();
     return be(() => {
-      w && z(window.getComputedStyle(w).zIndex);
+      w && H(window.getComputedStyle(w).zIndex);
     }, [w]), /* @__PURE__ */ v(
       "div",
       {
@@ -661,35 +662,35 @@ var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
           zIndex: ve,
           "--radix-popper-transform-origin": [
             (se = O.transformOrigin) == null ? void 0 : se.x,
-            (at = O.transformOrigin) == null ? void 0 : at.y
+            (ot = O.transformOrigin) == null ? void 0 : ot.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((ct = O.hide) == null ? void 0 : ct.referenceHidden) && {
+          ...((at = O.hide) == null ? void 0 : at.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
         },
         dir: e.dir,
         children: /* @__PURE__ */ v(
-          Vr,
+          zr,
           {
             scope: n,
-            placedSide: C,
+            placedSide: y,
             onArrowChange: R,
-            arrowX: U,
+            arrowX: B,
             arrowY: ae,
-            shouldHideArrow: ce,
+            shouldHideArrow: ie,
             children: /* @__PURE__ */ v(
-              B.div,
+              W.div,
               {
-                "data-side": C,
+                "data-side": y,
                 "data-align": A,
-                ...d,
+                ...l,
                 ref: b,
                 style: {
-                  ...d.style,
+                  ...l.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
                   animation: J ? void 0 : "none"
@@ -702,14 +703,14 @@ var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
     );
   }
 );
-jt.displayName = Qe;
-var Xt = "PopperArrow", jr = {
+jt.displayName = Ze;
+var Xt = "PopperArrow", Yr = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
 }, Ht = a.forwardRef(function(t, n) {
-  const { __scopePopper: r, ...o } = t, c = Yr(Xt, r), s = jr[c.placedSide];
+  const { __scopePopper: r, ...o } = t, i = Vr(Xt, r), s = Yr[i.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
@@ -717,25 +718,25 @@ var Xt = "PopperArrow", jr = {
     /* @__PURE__ */ v(
       "span",
       {
-        ref: c.onArrowChange,
+        ref: i.onArrowChange,
         style: {
           position: "absolute",
-          left: c.arrowX,
-          top: c.arrowY,
+          left: i.arrowX,
+          top: i.arrowY,
           [s]: 0,
           transformOrigin: {
             top: "",
             right: "0 0",
             bottom: "center 0",
             left: "100% 0"
-          }[c.placedSide],
+          }[i.placedSide],
           transform: {
             top: "translateY(100%)",
             right: "translateY(50%) rotate(90deg) translateX(-50%)",
             bottom: "rotate(180deg)",
             left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[c.placedSide],
-          visibility: c.shouldHideArrow ? "hidden" : void 0
+          }[i.placedSide],
+          visibility: i.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ v(
           Kr,
@@ -754,34 +755,34 @@ var Xt = "PopperArrow", jr = {
   );
 });
 Ht.displayName = Xt;
-function Xr(e) {
+function jr(e) {
   return e !== null;
 }
-var Hr = (e) => ({
+var Xr = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
-    var y, w, E;
-    const { placement: n, rects: r, middlewareData: o } = t, s = ((y = o.arrow) == null ? void 0 : y.centerOffset) !== 0, i = s ? 0 : e.arrowWidth, l = s ? 0 : e.arrowHeight, [u, p] = zt(n), f = { start: "0%", center: "50%", end: "100%" }[p], m = (((w = o.arrow) == null ? void 0 : w.x) ?? 0) + i / 2, g = (((E = o.arrow) == null ? void 0 : E.y) ?? 0) + l / 2;
-    let h = "", d = "";
-    return u === "bottom" ? (h = s ? f : `${m}px`, d = `${-l}px`) : u === "top" ? (h = s ? f : `${m}px`, d = `${r.floating.height + l}px`) : u === "right" ? (h = `${-l}px`, d = s ? f : `${g}px`) : u === "left" && (h = `${r.floating.width + l}px`, d = s ? f : `${g}px`), { data: { x: h, y: d } };
+    var C, w, _;
+    const { placement: n, rects: r, middlewareData: o } = t, s = ((C = o.arrow) == null ? void 0 : C.centerOffset) !== 0, c = s ? 0 : e.arrowWidth, d = s ? 0 : e.arrowHeight, [u, p] = Zt(n), f = { start: "0%", center: "50%", end: "100%" }[p], m = (((w = o.arrow) == null ? void 0 : w.x) ?? 0) + c / 2, g = (((_ = o.arrow) == null ? void 0 : _.y) ?? 0) + d / 2;
+    let h = "", l = "";
+    return u === "bottom" ? (h = s ? f : `${m}px`, l = `${-d}px`) : u === "top" ? (h = s ? f : `${m}px`, l = `${r.floating.height + d}px`) : u === "right" ? (h = `${-d}px`, l = s ? f : `${g}px`) : u === "left" && (h = `${r.floating.width + d}px`, l = s ? f : `${g}px`), { data: { x: h, y: l } };
   }
 });
-function zt(e) {
+function Zt(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var zr = Gt, Zr = Yt, Qr = jt, qr = Ht;
+var Hr = zt, Zr = Yt, Qr = jt, qr = Ht;
 function Jr(e, t) {
   return a.useReducer((n, r) => t[n][r] ?? n, e);
 }
 var Pe = (e) => {
-  const { present: t, children: n } = e, r = eo(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), c = W(r.ref, to(o));
-  return typeof n == "function" || r.isPresent ? a.cloneElement(o, { ref: c }) : null;
+  const { present: t, children: n } = e, r = eo(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), i = $(r.ref, to(o));
+  return typeof n == "function" || r.isPresent ? a.cloneElement(o, { ref: i }) : null;
 };
 Pe.displayName = "Presence";
 function eo(e) {
-  const [t, n] = a.useState(), r = a.useRef({}), o = a.useRef(e), c = a.useRef("none"), s = e ? "mounted" : "unmounted", [i, l] = Jr(s, {
+  const [t, n] = a.useState(), r = a.useRef({}), o = a.useRef(e), i = a.useRef("none"), s = e ? "mounted" : "unmounted", [c, d] = Jr(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -796,34 +797,34 @@ function eo(e) {
   });
   return a.useEffect(() => {
     const u = ge(r.current);
-    c.current = i === "mounted" ? u : "none";
-  }, [i]), be(() => {
+    i.current = c === "mounted" ? u : "none";
+  }, [c]), be(() => {
     const u = r.current, p = o.current;
     if (p !== e) {
-      const m = c.current, g = ge(u);
-      e ? l("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? l("UNMOUNT") : l(p && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+      const m = i.current, g = ge(u);
+      e ? d("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? d("UNMOUNT") : d(p && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
-  }, [e, l]), be(() => {
+  }, [e, d]), be(() => {
     if (t) {
       let u;
       const p = t.ownerDocument.defaultView ?? window, f = (g) => {
-        const d = ge(r.current).includes(g.animationName);
-        if (g.target === t && d && (l("ANIMATION_END"), !o.current)) {
-          const y = t.style.animationFillMode;
+        const l = ge(r.current).includes(g.animationName);
+        if (g.target === t && l && (d("ANIMATION_END"), !o.current)) {
+          const C = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = C);
           });
         }
       }, m = (g) => {
-        g.target === t && (c.current = ge(r.current));
+        g.target === t && (i.current = ge(r.current));
       };
       return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
         p.clearTimeout(u), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
-      l("ANIMATION_END");
-  }, [t, l]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(i),
+      d("ANIMATION_END");
+  }, [t, d]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
     ref: a.useCallback((u) => {
       u && (r.current = getComputedStyle(u)), n(u);
     }, [])
@@ -843,57 +844,57 @@ function ne(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
       return t == null ? void 0 : t(o);
   };
 }
-function wt(e, t) {
+function Ct(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function Zt(...e) {
+function Qt(...e) {
   return (t) => {
     let n = !1;
     const r = e.map((o) => {
-      const c = wt(o, t);
-      return !n && typeof c == "function" && (n = !0), c;
+      const i = Ct(o, t);
+      return !n && typeof i == "function" && (n = !0), i;
     });
     if (n)
       return () => {
         for (let o = 0; o < r.length; o++) {
-          const c = r[o];
-          typeof c == "function" ? c() : wt(e[o], null);
+          const i = r[o];
+          typeof i == "function" ? i() : Ct(e[o], null);
         }
       };
   };
 }
 function no(...e) {
-  return a.useCallback(Zt(...e), e);
+  return a.useCallback(Qt(...e), e);
 }
 function ro(e, t = []) {
   let n = [];
-  function r(c, s) {
-    const i = a.createContext(s), l = n.length;
+  function r(i, s) {
+    const c = a.createContext(s), d = n.length;
     n = [...n, s];
     const u = (f) => {
       var w;
-      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || i, y = a.useMemo(() => h, Object.values(h));
-      return /* @__PURE__ */ v(d.Provider, { value: y, children: g });
+      const { scope: m, children: g, ...h } = f, l = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[d]) || c, C = a.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ v(l.Provider, { value: C, children: g });
     };
-    u.displayName = c + "Provider";
+    u.displayName = i + "Provider";
     function p(f, m) {
-      var d;
-      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || i, h = a.useContext(g);
+      var l;
+      const g = ((l = m == null ? void 0 : m[e]) == null ? void 0 : l[d]) || c, h = a.useContext(g);
       if (h) return h;
       if (s !== void 0) return s;
-      throw new Error(`\`${f}\` must be used within \`${c}\``);
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
     }
     return [u, p];
   }
   const o = () => {
-    const c = n.map((s) => a.createContext(s));
-    return function(i) {
-      const l = (i == null ? void 0 : i[e]) || c;
+    const i = n.map((s) => a.createContext(s));
+    return function(c) {
+      const d = (c == null ? void 0 : c[e]) || i;
       return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
+        () => ({ [`__scope${e}`]: { ...c, [e]: d } }),
+        [c, d]
       );
     };
   };
@@ -907,49 +908,49 @@ function oo(...e) {
       useScope: o(),
       scopeName: o.scopeName
     }));
-    return function(c) {
-      const s = r.reduce((i, { useScope: l, scopeName: u }) => {
-        const f = l(c)[`__scope${u}`];
-        return { ...i, ...f };
+    return function(i) {
+      const s = r.reduce((c, { useScope: d, scopeName: u }) => {
+        const f = d(i)[`__scope${u}`];
+        return { ...c, ...f };
       }, {});
       return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return n.scopeName = t.scopeName, n;
 }
-var Qt = a.forwardRef((e, t) => {
-  const { children: n, ...r } = e, o = a.Children.toArray(n), c = o.find(co);
-  if (c) {
-    const s = c.props.children, i = o.map((l) => l === c ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : l);
-    return /* @__PURE__ */ v(Ge, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, i) : null });
+var qt = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(io);
+  if (i) {
+    const s = i.props.children, c = o.map((d) => d === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : d);
+    return /* @__PURE__ */ v(Ke, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
   }
-  return /* @__PURE__ */ v(Ge, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ v(Ke, { ...r, ref: t, children: n });
 });
-Qt.displayName = "Slot";
-var Ge = a.forwardRef((e, t) => {
+qt.displayName = "Slot";
+var Ke = a.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (a.isValidElement(n)) {
     const o = so(n);
     return a.cloneElement(n, {
-      ...io(r, n.props),
+      ...co(r, n.props),
       // @ts-ignore
-      ref: t ? Zt(t, o) : o
+      ref: t ? Qt(t, o) : o
     });
   }
   return a.Children.count(n) > 1 ? a.Children.only(null) : null;
 });
-Ge.displayName = "SlotClone";
-var ao = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
-function co(e) {
+Ke.displayName = "SlotClone";
+var ao = ({ children: e }) => /* @__PURE__ */ v(Ye, { children: e });
+function io(e) {
   return a.isValidElement(e) && e.type === ao;
 }
-function io(e, t) {
+function co(e, t) {
   const n = { ...t };
   for (const r in t) {
-    const o = e[r], c = t[r];
-    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
-      c(...i), o(...i);
-    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+    const o = e[r], i = t[r];
+    /^on[A-Z]/.test(r) ? o && i ? n[r] = (...c) => {
+      i(...c), o(...c);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...i } : r === "className" && (n[r] = [o, i].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
@@ -975,40 +976,40 @@ var uo = [
   "span",
   "svg",
   "ul"
-], qt = uo.reduce((e, t) => {
+], Jt = uo.reduce((e, t) => {
   const n = a.forwardRef((r, o) => {
-    const { asChild: c, ...s } = r, i = c ? Qt : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(i, { ...s, ref: o });
+    const { asChild: i, ...s } = r, c = i ? qt : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(c, { ...s, ref: o });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), Fe = "rovingFocusGroup.onEntryFocus", lo = { bubbles: !1, cancelable: !0 }, Me = "RovingFocusGroup", [Ve, Jt, fo] = Mt(Me), [po, en] = ro(
+}, {}), Oe = "rovingFocusGroup.onEntryFocus", lo = { bubbles: !1, cancelable: !0 }, Me = "RovingFocusGroup", [Ge, en, fo] = xt(Me), [po, tn] = ro(
   Me,
   [fo]
-), [mo, vo] = po(Me), tn = a.forwardRef(
-  (e, t) => /* @__PURE__ */ v(Ve.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(Ve.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(ho, { ...e, ref: t }) }) })
+), [mo, vo] = po(Me), nn = a.forwardRef(
+  (e, t) => /* @__PURE__ */ v(Ge.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(Ge.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(ho, { ...e, ref: t }) }) })
 );
-tn.displayName = Me;
+nn.displayName = Me;
 var ho = a.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
     orientation: r,
     loop: o = !1,
-    dir: c,
+    dir: i,
     currentTabStopId: s,
-    defaultCurrentTabStopId: i,
-    onCurrentTabStopIdChange: l,
+    defaultCurrentTabStopId: c,
+    onCurrentTabStopIdChange: d,
     onEntryFocus: u,
     preventScrollOnEntryFocus: p = !1,
     ...f
-  } = e, m = a.useRef(null), g = no(t, m), h = xt(c), [d = null, y] = Pt({
+  } = e, m = a.useRef(null), g = no(t, m), h = Nt(i), [l = null, C] = Mt({
     prop: s,
-    defaultProp: i,
-    onChange: l
-  }), [w, E] = a.useState(!1), b = X(u), _ = Jt(n), R = a.useRef(!1), [x, S] = a.useState(0);
+    defaultProp: c,
+    onChange: d
+  }), [w, _] = a.useState(!1), b = j(u), E = en(n), R = a.useRef(!1), [x, S] = a.useState(0);
   return a.useEffect(() => {
     const P = m.current;
     if (P)
-      return P.addEventListener(Fe, b), () => P.removeEventListener(Fe, b);
+      return P.addEventListener(Oe, b), () => P.removeEventListener(Oe, b);
   }, [b]), /* @__PURE__ */ v(
     mo,
     {
@@ -1016,12 +1017,12 @@ var ho = a.forwardRef((e, t) => {
       orientation: r,
       dir: h,
       loop: o,
-      currentTabStopId: d,
+      currentTabStopId: l,
       onItemFocus: a.useCallback(
-        (P) => y(P),
-        [y]
+        (P) => C(P),
+        [C]
       ),
-      onItemShiftTab: a.useCallback(() => E(!0), []),
+      onItemShiftTab: a.useCallback(() => _(!0), []),
       onFocusableItemAdd: a.useCallback(
         () => S((P) => P + 1),
         []
@@ -1031,7 +1032,7 @@ var ho = a.forwardRef((e, t) => {
         []
       ),
       children: /* @__PURE__ */ v(
-        qt.div,
+        Jt.div,
         {
           tabIndex: w || x === 0 ? -1 : 0,
           "data-orientation": r,
@@ -1044,69 +1045,69 @@ var ho = a.forwardRef((e, t) => {
           onFocus: ne(e.onFocus, (P) => {
             const I = !R.current;
             if (P.target === P.currentTarget && I && !w) {
-              const T = new CustomEvent(Fe, lo);
+              const T = new CustomEvent(Oe, lo);
               if (P.currentTarget.dispatchEvent(T), !T.defaultPrevented) {
-                const V = _().filter(($) => $.focusable), H = V.find(($) => $.active), K = V.find(($) => $.id === d), q = [H, K, ...V].filter(
+                const z = E().filter((k) => k.focusable), X = z.find((k) => k.active), U = z.find((k) => k.id === l), q = [X, U, ...z].filter(
                   Boolean
-                ).map(($) => $.ref.current);
-                on(q, p);
+                ).map((k) => k.ref.current);
+                an(q, p);
               }
             }
             R.current = !1;
           }),
-          onBlur: ne(e.onBlur, () => E(!1))
+          onBlur: ne(e.onBlur, () => _(!1))
         }
       )
     }
   );
-}), nn = "RovingFocusGroupItem", rn = a.forwardRef(
+}), rn = "RovingFocusGroupItem", on = a.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: n,
       focusable: r = !0,
       active: o = !1,
-      tabStopId: c,
+      tabStopId: i,
       ...s
-    } = e, i = We(), l = c || i, u = vo(nn, n), p = u.currentTabStopId === l, f = Jt(n), { onFocusableItemAdd: m, onFocusableItemRemove: g } = u;
+    } = e, c = $e(), d = i || c, u = vo(rn, n), p = u.currentTabStopId === d, f = en(n), { onFocusableItemAdd: m, onFocusableItemRemove: g } = u;
     return a.useEffect(() => {
       if (r)
         return m(), () => g();
     }, [r, m, g]), /* @__PURE__ */ v(
-      Ve.ItemSlot,
+      Ge.ItemSlot,
       {
         scope: n,
-        id: l,
+        id: d,
         focusable: r,
         active: o,
         children: /* @__PURE__ */ v(
-          qt.span,
+          Jt.span,
           {
             tabIndex: p ? 0 : -1,
             "data-orientation": u.orientation,
             ...s,
             ref: t,
             onMouseDown: ne(e.onMouseDown, (h) => {
-              r ? u.onItemFocus(l) : h.preventDefault();
+              r ? u.onItemFocus(d) : h.preventDefault();
             }),
-            onFocus: ne(e.onFocus, () => u.onItemFocus(l)),
+            onFocus: ne(e.onFocus, () => u.onItemFocus(d)),
             onKeyDown: ne(e.onKeyDown, (h) => {
               if (h.key === "Tab" && h.shiftKey) {
                 u.onItemShiftTab();
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const d = yo(h, u.orientation, u.dir);
-              if (d !== void 0) {
+              const l = Co(h, u.orientation, u.dir);
+              if (l !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
-                let w = f().filter((E) => E.focusable).map((E) => E.ref.current);
-                if (d === "last") w.reverse();
-                else if (d === "prev" || d === "next") {
-                  d === "prev" && w.reverse();
-                  const E = w.indexOf(h.currentTarget);
-                  w = u.loop ? Co(w, E + 1) : w.slice(E + 1);
+                let w = f().filter((_) => _.focusable).map((_) => _.ref.current);
+                if (l === "last") w.reverse();
+                else if (l === "prev" || l === "next") {
+                  l === "prev" && w.reverse();
+                  const _ = w.indexOf(h.currentTarget);
+                  w = u.loop ? yo(w, _ + 1) : w.slice(_ + 1);
                 }
-                setTimeout(() => on(w));
+                setTimeout(() => an(w));
               }
             })
           }
@@ -1115,7 +1116,7 @@ var ho = a.forwardRef((e, t) => {
     );
   }
 );
-rn.displayName = nn;
+on.displayName = rn;
 var go = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
@@ -1129,25 +1130,25 @@ var go = {
 function wo(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function yo(e, t, n) {
+function Co(e, t, n) {
   const r = wo(e.key, n);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
     return go[r];
 }
-function on(e, t = !1) {
+function an(e, t = !1) {
   const n = document.activeElement;
   for (const r of e)
     if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
-function Co(e, t) {
+function yo(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Eo = tn, bo = rn, Ce = "right-scroll-bar-position", Ee = "width-before-scroll-bar", So = "with-scroll-bars-hidden", _o = "--removed-body-scroll-bar-size";
-function Le(e, t) {
+var _o = nn, bo = on, ye = "right-scroll-bar-position", _e = "width-before-scroll-bar", So = "with-scroll-bars-hidden", Eo = "--removed-body-scroll-bar-size";
+function Fe(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function Ro(e, t) {
-  var n = Rt(function() {
+  var n = Pt(function() {
     return {
       // value
       value: e,
@@ -1171,17 +1172,17 @@ var Po = typeof window < "u" ? a.useLayoutEffect : a.useEffect, yt = /* @__PURE_
 function Mo(e, t) {
   var n = Ro(null, function(r) {
     return e.forEach(function(o) {
-      return Le(o, r);
+      return Fe(o, r);
     });
   });
   return Po(function() {
     var r = yt.get(n);
     if (r) {
-      var o = new Set(r), c = new Set(e), s = n.current;
-      o.forEach(function(i) {
-        c.has(i) || Le(i, null);
-      }), c.forEach(function(i) {
-        o.has(i) || Le(i, s);
+      var o = new Set(r), i = new Set(e), s = n.current;
+      o.forEach(function(c) {
+        i.has(c) || Fe(c, null);
+      }), i.forEach(function(c) {
+        o.has(c) || Fe(c, s);
       });
     }
     yt.set(n, e);
@@ -1198,40 +1199,40 @@ function No(e, t) {
         throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
       return n.length ? n[n.length - 1] : e;
     },
-    useMedium: function(c) {
-      var s = t(c, r);
+    useMedium: function(i) {
+      var s = t(i, r);
       return n.push(s), function() {
-        n = n.filter(function(i) {
-          return i !== s;
+        n = n.filter(function(c) {
+          return c !== s;
         });
       };
     },
-    assignSyncMedium: function(c) {
+    assignSyncMedium: function(i) {
       for (r = !0; n.length; ) {
         var s = n;
-        n = [], s.forEach(c);
+        n = [], s.forEach(i);
       }
       n = {
-        push: function(i) {
-          return c(i);
+        push: function(c) {
+          return i(c);
         },
         filter: function() {
           return n;
         }
       };
     },
-    assignMedium: function(c) {
+    assignMedium: function(i) {
       r = !0;
       var s = [];
       if (n.length) {
-        var i = n;
-        n = [], i.forEach(c), s = n;
+        var c = n;
+        n = [], c.forEach(i), s = n;
       }
-      var l = function() {
+      var d = function() {
         var p = s;
-        s = [], p.forEach(c);
+        s = [], p.forEach(i);
       }, u = function() {
-        return Promise.resolve().then(l);
+        return Promise.resolve().then(d);
       };
       u(), n = {
         push: function(p) {
@@ -1248,33 +1249,33 @@ function No(e, t) {
 function Io(e) {
   e === void 0 && (e = {});
   var t = No(null);
-  return t.options = j({ async: !0, ssr: !1 }, e), t;
+  return t.options = Y({ async: !0, ssr: !1 }, e), t;
 }
-var an = function(e) {
-  var t = e.sideCar, n = Nt(e, ["sideCar"]);
+var cn = function(e) {
+  var t = e.sideCar, n = It(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var r = t.read();
   if (!r)
     throw new Error("Sidecar medium not found");
-  return a.createElement(r, j({}, n));
+  return a.createElement(r, Y({}, n));
 };
-an.isSideCarExport = !0;
+cn.isSideCarExport = !0;
 function Ao(e, t) {
-  return e.useMedium(t), an;
+  return e.useMedium(t), cn;
 }
-var cn = Io(), ke = function() {
+var sn = Io(), Le = function() {
 }, xe = a.forwardRef(function(e, t) {
   var n = a.useRef(null), r = a.useState({
-    onScrollCapture: ke,
-    onWheelCapture: ke,
-    onTouchMoveCapture: ke
-  }), o = r[0], c = r[1], s = e.forwardProps, i = e.children, l = e.className, u = e.removeScrollBar, p = e.enabled, f = e.shards, m = e.sideCar, g = e.noIsolation, h = e.inert, d = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, E = e.gapMode, b = Nt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), _ = m, R = Mo([n, t]), x = j(j({}, b), o);
+    onScrollCapture: Le,
+    onWheelCapture: Le,
+    onTouchMoveCapture: Le
+  }), o = r[0], i = r[1], s = e.forwardProps, c = e.children, d = e.className, u = e.removeScrollBar, p = e.enabled, f = e.shards, m = e.sideCar, g = e.noIsolation, h = e.inert, l = e.allowPinchZoom, C = e.as, w = C === void 0 ? "div" : C, _ = e.gapMode, b = It(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = m, R = Mo([n, t]), x = Y(Y({}, b), o);
   return a.createElement(
     a.Fragment,
     null,
-    p && a.createElement(_, { sideCar: cn, removeScrollBar: u, shards: f, noIsolation: g, inert: h, setCallbacks: c, allowPinchZoom: !!d, lockRef: n, gapMode: E }),
-    s ? a.cloneElement(a.Children.only(i), j(j({}, x), { ref: R })) : a.createElement(w, j({}, x, { className: l, ref: R }), i)
+    p && a.createElement(E, { sideCar: sn, removeScrollBar: u, shards: f, noIsolation: g, inert: h, setCallbacks: i, allowPinchZoom: !!l, lockRef: n, gapMode: _ }),
+    s ? a.cloneElement(a.Children.only(c), Y(Y({}, x), { ref: R })) : a.createElement(w, Y({}, x, { className: d, ref: R }), c)
   );
 });
 xe.defaultProps = {
@@ -1283,8 +1284,8 @@ xe.defaultProps = {
   inert: !1
 };
 xe.classNames = {
-  fullWidth: Ee,
-  zeroRight: Ce
+  fullWidth: _e,
+  zeroRight: ye
 };
 function Do() {
   if (!document)
@@ -1320,7 +1321,7 @@ var Fo = function() {
       };
     }, [t && n]);
   };
-}, sn = function() {
+}, un = function() {
   var e = Lo(), t = function(n) {
     var r = n.styles, o = n.dynamic;
     return e(r, o), null;
@@ -1331,11 +1332,11 @@ var Fo = function() {
   top: 0,
   right: 0,
   gap: 0
-}, $e = function(e) {
+}, ke = function(e) {
   return parseInt(e || "", 10) || 0;
 }, $o = function(e) {
   var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [$e(n), $e(r), $e(o)];
+  return [ke(n), ke(r), ke(o)];
 }, Wo = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return ko;
@@ -1346,12 +1347,12 @@ var Fo = function() {
     right: t[2],
     gap: Math.max(0, r - n + t[2] - t[0])
   };
-}, Bo = sn(), re = "data-scroll-locked", Uo = function(e, t, n, r) {
-  var o = e.left, c = e.top, s = e.right, i = e.gap;
+}, Bo = un(), re = "data-scroll-locked", Uo = function(e, t, n, r) {
+  var o = e.left, i = e.top, s = e.right, c = e.gap;
   return n === void 0 && (n = "margin"), `
   .`.concat(So, ` {
    overflow: hidden `).concat(r, `;
-   padding-right: `).concat(i, "px ").concat(r, `;
+   padding-right: `).concat(c, "px ").concat(r, `;
   }
   body[`).concat(re, `] {
     overflow: hidden `).concat(r, `;
@@ -1360,129 +1361,129 @@ var Fo = function() {
     t && "position: relative ".concat(r, ";"),
     n === "margin" && `
     padding-left: `.concat(o, `px;
-    padding-top: `).concat(c, `px;
+    padding-top: `).concat(i, `px;
     padding-right: `).concat(s, `px;
     margin-left:0;
     margin-top:0;
-    margin-right: `).concat(i, "px ").concat(r, `;
+    margin-right: `).concat(c, "px ").concat(r, `;
     `),
-    n === "padding" && "padding-right: ".concat(i, "px ").concat(r, ";")
+    n === "padding" && "padding-right: ".concat(c, "px ").concat(r, ";")
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(Ce, ` {
-    right: `).concat(i, "px ").concat(r, `;
+  .`).concat(ye, ` {
+    right: `).concat(c, "px ").concat(r, `;
   }
   
-  .`).concat(Ee, ` {
-    margin-right: `).concat(i, "px ").concat(r, `;
+  .`).concat(_e, ` {
+    margin-right: `).concat(c, "px ").concat(r, `;
   }
   
-  .`).concat(Ce, " .").concat(Ce, ` {
+  .`).concat(ye, " .").concat(ye, ` {
     right: 0 `).concat(r, `;
   }
   
-  .`).concat(Ee, " .").concat(Ee, ` {
+  .`).concat(_e, " .").concat(_e, ` {
     margin-right: 0 `).concat(r, `;
   }
   
   body[`).concat(re, `] {
-    `).concat(_o, ": ").concat(i, `px;
+    `).concat(Eo, ": ").concat(c, `px;
   }
 `);
-}, Ct = function() {
+}, _t = function() {
   var e = parseInt(document.body.getAttribute(re) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Ko = function() {
   a.useEffect(function() {
-    return document.body.setAttribute(re, (Ct() + 1).toString()), function() {
-      var e = Ct() - 1;
+    return document.body.setAttribute(re, (_t() + 1).toString()), function() {
+      var e = _t() - 1;
       e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
     };
   }, []);
 }, Go = function(e) {
   var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
   Ko();
-  var c = a.useMemo(function() {
+  var i = a.useMemo(function() {
     return Wo(o);
   }, [o]);
-  return a.createElement(Bo, { styles: Uo(c, !t, o, n ? "" : "!important") });
-}, Ye = !1;
+  return a.createElement(Bo, { styles: Uo(i, !t, o, n ? "" : "!important") });
+}, ze = !1;
 if (typeof window < "u")
   try {
     var we = Object.defineProperty({}, "passive", {
       get: function() {
-        return Ye = !0, !0;
+        return ze = !0, !0;
       }
     });
     window.addEventListener("test", we, we), window.removeEventListener("test", we, we);
   } catch {
-    Ye = !1;
+    ze = !1;
   }
-var ee = Ye ? { passive: !1 } : !1, Vo = function(e) {
+var ee = ze ? { passive: !1 } : !1, zo = function(e) {
   return e.tagName === "TEXTAREA";
-}, un = function(e, t) {
+}, ln = function(e, t) {
   if (!(e instanceof Element))
     return !1;
   var n = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     n[t] !== "hidden" && // contains scroll inside self
-    !(n.overflowY === n.overflowX && !Vo(e) && n[t] === "visible")
+    !(n.overflowY === n.overflowX && !zo(e) && n[t] === "visible")
   );
+}, Vo = function(e) {
+  return ln(e, "overflowY");
 }, Yo = function(e) {
-  return un(e, "overflowY");
-}, jo = function(e) {
-  return un(e, "overflowX");
-}, Et = function(e, t) {
+  return ln(e, "overflowX");
+}, bt = function(e, t) {
   var n = t.ownerDocument, r = t;
   do {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
-    var o = ln(e, r);
+    var o = dn(e, r);
     if (o) {
-      var c = dn(e, r), s = c[1], i = c[2];
-      if (s > i)
+      var i = fn(e, r), s = i[1], c = i[2];
+      if (s > c)
         return !0;
     }
     r = r.parentNode;
   } while (r && r !== n.body);
   return !1;
-}, Xo = function(e) {
+}, jo = function(e) {
   var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
   return [
     t,
     n,
     r
   ];
-}, Ho = function(e) {
+}, Xo = function(e) {
   var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
   return [
     t,
     n,
     r
   ];
-}, ln = function(e, t) {
-  return e === "v" ? Yo(t) : jo(t);
 }, dn = function(e, t) {
-  return e === "v" ? Xo(t) : Ho(t);
-}, zo = function(e, t) {
+  return e === "v" ? Vo(t) : Yo(t);
+}, fn = function(e, t) {
+  return e === "v" ? jo(t) : Xo(t);
+}, Ho = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, Zo = function(e, t, n, r, o) {
-  var c = zo(e, window.getComputedStyle(t).direction), s = c * r, i = n.target, l = t.contains(i), u = !1, p = s > 0, f = 0, m = 0;
+  var i = Ho(e, window.getComputedStyle(t).direction), s = i * r, c = n.target, d = t.contains(c), u = !1, p = s > 0, f = 0, m = 0;
   do {
-    var g = dn(e, i), h = g[0], d = g[1], y = g[2], w = d - y - c * h;
-    (h || w) && ln(e, i) && (f += w, m += h), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+    var g = fn(e, c), h = g[0], l = g[1], C = g[2], w = l - C - i * h;
+    (h || w) && dn(e, c) && (f += w, m += h), c instanceof ShadowRoot ? c = c.host : c = c.parentNode;
   } while (
     // portaled content
-    !l && i !== document.body || // self content
-    l && (t.contains(i) || t === i)
+    !d && c !== document.body || // self content
+    d && (t.contains(c) || t === c)
   );
   return (p && (Math.abs(f) < 1 || !o) || !p && (Math.abs(m) < 1 || !o)) && (u = !0), u;
-}, ye = function(e) {
+}, Ce = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, bt = function(e) {
-  return [e.deltaX, e.deltaY];
 }, St = function(e) {
+  return [e.deltaX, e.deltaY];
+}, Et = function(e) {
   return e && "current" in e ? e.current : e;
 }, Qo = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
@@ -1493,84 +1494,84 @@ var ee = Ye ? { passive: !1 } : !1, Vo = function(e) {
 `);
 }, Jo = 0, te = [];
 function ea(e) {
-  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Jo++)[0], c = a.useState(sn)[0], s = a.useRef(e);
+  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Jo++)[0], i = a.useState(un)[0], s = a.useRef(e);
   a.useEffect(function() {
     s.current = e;
   }, [e]), a.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(o));
-      var d = ur([e.lockRef.current], (e.shards || []).map(St), !0).filter(Boolean);
-      return d.forEach(function(y) {
-        return y.classList.add("allow-interactivity-".concat(o));
+      var l = ur([e.lockRef.current], (e.shards || []).map(Et), !0).filter(Boolean);
+      return l.forEach(function(C) {
+        return C.classList.add("allow-interactivity-".concat(o));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(o)), d.forEach(function(y) {
-          return y.classList.remove("allow-interactivity-".concat(o));
+        document.body.classList.remove("block-interactivity-".concat(o)), l.forEach(function(C) {
+          return C.classList.remove("allow-interactivity-".concat(o));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var i = a.useCallback(function(d, y) {
-    if ("touches" in d && d.touches.length === 2 || d.type === "wheel" && d.ctrlKey)
+  var c = a.useCallback(function(l, C) {
+    if ("touches" in l && l.touches.length === 2 || l.type === "wheel" && l.ctrlKey)
       return !s.current.allowPinchZoom;
-    var w = ye(d), E = n.current, b = "deltaX" in d ? d.deltaX : E[0] - w[0], _ = "deltaY" in d ? d.deltaY : E[1] - w[1], R, x = d.target, S = Math.abs(b) > Math.abs(_) ? "h" : "v";
-    if ("touches" in d && S === "h" && x.type === "range")
+    var w = Ce(l), _ = n.current, b = "deltaX" in l ? l.deltaX : _[0] - w[0], E = "deltaY" in l ? l.deltaY : _[1] - w[1], R, x = l.target, S = Math.abs(b) > Math.abs(E) ? "h" : "v";
+    if ("touches" in l && S === "h" && x.type === "range")
       return !1;
-    var P = Et(S, x);
+    var P = bt(S, x);
     if (!P)
       return !0;
-    if (P ? R = S : (R = S === "v" ? "h" : "v", P = Et(S, x)), !P)
+    if (P ? R = S : (R = S === "v" ? "h" : "v", P = bt(S, x)), !P)
       return !1;
-    if (!r.current && "changedTouches" in d && (b || _) && (r.current = R), !R)
+    if (!r.current && "changedTouches" in l && (b || E) && (r.current = R), !R)
       return !0;
     var I = r.current || R;
-    return Zo(I, y, d, I === "h" ? b : _, !0);
-  }, []), l = a.useCallback(function(d) {
-    var y = d;
-    if (!(!te.length || te[te.length - 1] !== c)) {
-      var w = "deltaY" in y ? bt(y) : ye(y), E = t.current.filter(function(R) {
-        return R.name === y.type && (R.target === y.target || y.target === R.shadowParent) && Qo(R.delta, w);
+    return Zo(I, C, l, I === "h" ? b : E, !0);
+  }, []), d = a.useCallback(function(l) {
+    var C = l;
+    if (!(!te.length || te[te.length - 1] !== i)) {
+      var w = "deltaY" in C ? St(C) : Ce(C), _ = t.current.filter(function(R) {
+        return R.name === C.type && (R.target === C.target || C.target === R.shadowParent) && Qo(R.delta, w);
       })[0];
-      if (E && E.should) {
-        y.cancelable && y.preventDefault();
+      if (_ && _.should) {
+        C.cancelable && C.preventDefault();
         return;
       }
-      if (!E) {
-        var b = (s.current.shards || []).map(St).filter(Boolean).filter(function(R) {
-          return R.contains(y.target);
-        }), _ = b.length > 0 ? i(y, b[0]) : !s.current.noIsolation;
-        _ && y.cancelable && y.preventDefault();
+      if (!_) {
+        var b = (s.current.shards || []).map(Et).filter(Boolean).filter(function(R) {
+          return R.contains(C.target);
+        }), E = b.length > 0 ? c(C, b[0]) : !s.current.noIsolation;
+        E && C.cancelable && C.preventDefault();
       }
     }
-  }, []), u = a.useCallback(function(d, y, w, E) {
-    var b = { name: d, delta: y, target: w, should: E, shadowParent: ta(w) };
+  }, []), u = a.useCallback(function(l, C, w, _) {
+    var b = { name: l, delta: C, target: w, should: _, shadowParent: ta(w) };
     t.current.push(b), setTimeout(function() {
-      t.current = t.current.filter(function(_) {
-        return _ !== b;
+      t.current = t.current.filter(function(E) {
+        return E !== b;
       });
     }, 1);
-  }, []), p = a.useCallback(function(d) {
-    n.current = ye(d), r.current = void 0;
-  }, []), f = a.useCallback(function(d) {
-    u(d.type, bt(d), d.target, i(d, e.lockRef.current));
-  }, []), m = a.useCallback(function(d) {
-    u(d.type, ye(d), d.target, i(d, e.lockRef.current));
+  }, []), p = a.useCallback(function(l) {
+    n.current = Ce(l), r.current = void 0;
+  }, []), f = a.useCallback(function(l) {
+    u(l.type, St(l), l.target, c(l, e.lockRef.current));
+  }, []), m = a.useCallback(function(l) {
+    u(l.type, Ce(l), l.target, c(l, e.lockRef.current));
   }, []);
   a.useEffect(function() {
-    return te.push(c), e.setCallbacks({
+    return te.push(i), e.setCallbacks({
       onScrollCapture: f,
       onWheelCapture: f,
       onTouchMoveCapture: m
-    }), document.addEventListener("wheel", l, ee), document.addEventListener("touchmove", l, ee), document.addEventListener("touchstart", p, ee), function() {
-      te = te.filter(function(d) {
-        return d !== c;
-      }), document.removeEventListener("wheel", l, ee), document.removeEventListener("touchmove", l, ee), document.removeEventListener("touchstart", p, ee);
+    }), document.addEventListener("wheel", d, ee), document.addEventListener("touchmove", d, ee), document.addEventListener("touchstart", p, ee), function() {
+      te = te.filter(function(l) {
+        return l !== i;
+      }), document.removeEventListener("wheel", d, ee), document.removeEventListener("touchmove", d, ee), document.removeEventListener("touchstart", p, ee);
     };
   }, []);
   var g = e.removeScrollBar, h = e.inert;
   return a.createElement(
     a.Fragment,
     null,
-    h ? a.createElement(c, { styles: qo(o) }) : null,
+    h ? a.createElement(i, { styles: qo(o) }) : null,
     g ? a.createElement(Go, { gapMode: e.gapMode }) : null
   );
 }
@@ -1579,23 +1580,23 @@ function ta(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const na = Ao(cn, ea);
-var fn = a.forwardRef(function(e, t) {
-  return a.createElement(xe, j({}, e, { ref: t, sideCar: na }));
+const na = Ao(sn, ea);
+var pn = a.forwardRef(function(e, t) {
+  return a.createElement(xe, Y({}, e, { ref: t, sideCar: na }));
 });
-fn.classNames = xe.classNames;
-var je = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp", "PageDown", "End"], oa = [...ra, ...pn], aa = {
-  ltr: [...je, "ArrowRight"],
-  rtl: [...je, "ArrowLeft"]
-}, ca = {
+pn.classNames = xe.classNames;
+var Ve = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], mn = ["ArrowUp", "PageDown", "End"], oa = [...ra, ...mn], aa = {
+  ltr: [...Ve, "ArrowRight"],
+  rtl: [...Ve, "ArrowLeft"]
+}, ia = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, pe = "Menu", [de, ia, sa] = Mt(pe), [Z, mn] = Dt(pe, [
+}, pe = "Menu", [de, ca, sa] = xt(pe), [Z, vn] = Tt(pe, [
   sa,
-  Ut,
-  en
-]), Ne = Ut(), vn = en(), [ua, oe] = Z(pe), [la, me] = Z(pe), hn = (e) => {
-  const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: c, modal: s = !0 } = e, i = Ne(t), [l, u] = a.useState(null), p = a.useRef(!1), f = X(c), m = xt(o);
+  Kt,
+  tn
+]), Ne = Kt(), hn = tn(), [ua, oe] = Z(pe), [la, me] = Z(pe), gn = (e) => {
+  const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: i, modal: s = !0 } = e, c = Ne(t), [d, u] = a.useState(null), p = a.useRef(!1), f = j(i), m = Nt(o);
   return a.useEffect(() => {
     const g = () => {
       p.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
@@ -1603,13 +1604,13 @@ var je = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp",
     return document.addEventListener("keydown", g, { capture: !0 }), () => {
       document.removeEventListener("keydown", g, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
     };
-  }, []), /* @__PURE__ */ v(zr, { ...i, children: /* @__PURE__ */ v(
+  }, []), /* @__PURE__ */ v(Hr, { ...c, children: /* @__PURE__ */ v(
     ua,
     {
       scope: t,
       open: n,
       onOpenChange: f,
-      content: l,
+      content: d,
       onContentChange: u,
       children: /* @__PURE__ */ v(
         la,
@@ -1625,29 +1626,29 @@ var je = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp",
     }
   ) });
 };
-hn.displayName = pe;
-var da = "MenuAnchor", qe = a.forwardRef(
+gn.displayName = pe;
+var da = "MenuAnchor", Qe = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e, o = Ne(n);
     return /* @__PURE__ */ v(Zr, { ...o, ...r, ref: t });
   }
 );
-qe.displayName = da;
-var fa = "MenuPortal", [kc, gn] = Z(fa, {
+Qe.displayName = da;
+var fa = "MenuPortal", [Li, wn] = Z(fa, {
   forceMount: void 0
-}), k = "MenuContent", [pa, Je] = Z(k), wn = a.forwardRef(
+}), L = "MenuContent", [pa, qe] = Z(L), Cn = a.forwardRef(
   (e, t) => {
-    const n = gn(k, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, c = oe(k, e.__scopeMenu), s = me(k, e.__scopeMenu);
-    return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || c.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: s.modal ? /* @__PURE__ */ v(ma, { ...o, ref: t }) : /* @__PURE__ */ v(va, { ...o, ref: t }) }) }) });
+    const n = wn(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = oe(L, e.__scopeMenu), s = me(L, e.__scopeMenu);
+    return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || i.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: s.modal ? /* @__PURE__ */ v(ma, { ...o, ref: t }) : /* @__PURE__ */ v(va, { ...o, ref: t }) }) }) });
   }
 ), ma = a.forwardRef(
   (e, t) => {
-    const n = oe(k, e.__scopeMenu), r = a.useRef(null), o = W(t, r);
+    const n = oe(L, e.__scopeMenu), r = a.useRef(null), o = $(t, r);
     return a.useEffect(() => {
-      const c = r.current;
-      if (c) return ir(c);
+      const i = r.current;
+      if (i) return sr(i);
     }, []), /* @__PURE__ */ v(
-      et,
+      Je,
       {
         ...e,
         ref: o,
@@ -1656,7 +1657,7 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
         disableOutsideScroll: !0,
         onFocusOutside: M(
           e.onFocusOutside,
-          (c) => c.preventDefault(),
+          (i) => i.preventDefault(),
           { checkForDefaultPrevented: !1 }
         ),
         onDismiss: () => n.onOpenChange(!1)
@@ -1664,9 +1665,9 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
     );
   }
 ), va = a.forwardRef((e, t) => {
-  const n = oe(k, e.__scopeMenu);
+  const n = oe(L, e.__scopeMenu);
   return /* @__PURE__ */ v(
-    et,
+    Je,
     {
       ...e,
       ref: t,
@@ -1676,34 +1677,34 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
       onDismiss: () => n.onOpenChange(!1)
     }
   );
-}), et = a.forwardRef(
+}), Je = a.forwardRef(
   (e, t) => {
     const {
       __scopeMenu: n,
       loop: r = !1,
       trapFocus: o,
-      onOpenAutoFocus: c,
+      onOpenAutoFocus: i,
       onCloseAutoFocus: s,
-      disableOutsidePointerEvents: i,
-      onEntryFocus: l,
+      disableOutsidePointerEvents: c,
+      onEntryFocus: d,
       onEscapeKeyDown: u,
       onPointerDownOutside: p,
       onFocusOutside: f,
       onInteractOutside: m,
       onDismiss: g,
       disableOutsideScroll: h,
-      ...d
-    } = e, y = oe(k, n), w = me(k, n), E = Ne(n), b = vn(n), _ = ia(n), [R, x] = a.useState(null), S = a.useRef(null), P = W(t, S, y.onContentChange), I = a.useRef(0), T = a.useRef(""), V = a.useRef(0), H = a.useRef(null), K = a.useRef("right"), Q = a.useRef(0), q = h ? fn : a.Fragment, $ = h ? { as: ze, allowPinchZoom: !0 } : void 0, J = (C) => {
-      var G, ie;
-      const A = T.current + C, N = _().filter((F) => !F.disabled), U = document.activeElement, ae = (G = N.find((F) => F.ref.current === U)) == null ? void 0 : G.textValue, ce = N.map((F) => F.textValue), ve = Ma(ce, A, ae), z = (ie = N.find((F) => F.textValue === ve)) == null ? void 0 : ie.ref.current;
+      ...l
+    } = e, C = oe(L, n), w = me(L, n), _ = Ne(n), b = hn(n), E = ca(n), [R, x] = a.useState(null), S = a.useRef(null), P = $(t, S, C.onContentChange), I = a.useRef(0), T = a.useRef(""), z = a.useRef(0), X = a.useRef(null), U = a.useRef("right"), Q = a.useRef(0), q = h ? pn : a.Fragment, k = h ? { as: Xe, allowPinchZoom: !0 } : void 0, J = (y) => {
+      var K, ce;
+      const A = T.current + y, N = E().filter((F) => !F.disabled), B = document.activeElement, ae = (K = N.find((F) => F.ref.current === B)) == null ? void 0 : K.textValue, ie = N.map((F) => F.textValue), ve = Ma(ie, A, ae), H = (ce = N.find((F) => F.textValue === ve)) == null ? void 0 : ce.ref.current;
       (function F(se) {
         T.current = se, window.clearTimeout(I.current), se !== "" && (I.current = window.setTimeout(() => F(""), 1e3));
-      })(A), z && setTimeout(() => z.focus());
+      })(A), H && setTimeout(() => H.focus());
     };
     a.useEffect(() => () => window.clearTimeout(I.current), []), Tr();
-    const O = a.useCallback((C) => {
-      var N, U;
-      return K.current === ((N = H.current) == null ? void 0 : N.side) && Na(C, (U = H.current) == null ? void 0 : U.area);
+    const O = a.useCallback((y) => {
+      var N, B;
+      return U.current === ((N = X.current) == null ? void 0 : N.side) && Na(y, (B = X.current) == null ? void 0 : B.area);
     }, []);
     return /* @__PURE__ */ v(
       pa,
@@ -1711,50 +1712,50 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
         scope: n,
         searchRef: T,
         onItemEnter: a.useCallback(
-          (C) => {
-            O(C) && C.preventDefault();
+          (y) => {
+            O(y) && y.preventDefault();
           },
           [O]
         ),
         onItemLeave: a.useCallback(
-          (C) => {
+          (y) => {
             var A;
-            O(C) || ((A = S.current) == null || A.focus(), x(null));
+            O(y) || ((A = S.current) == null || A.focus(), x(null));
           },
           [O]
         ),
         onTriggerLeave: a.useCallback(
-          (C) => {
-            O(C) && C.preventDefault();
+          (y) => {
+            O(y) && y.preventDefault();
           },
           [O]
         ),
-        pointerGraceTimerRef: V,
-        onPointerGraceIntentChange: a.useCallback((C) => {
-          H.current = C;
+        pointerGraceTimerRef: z,
+        onPointerGraceIntentChange: a.useCallback((y) => {
+          X.current = y;
         }, []),
-        children: /* @__PURE__ */ v(q, { ...$, children: /* @__PURE__ */ v(
-          kt,
+        children: /* @__PURE__ */ v(q, { ...k, children: /* @__PURE__ */ v(
+          $t,
           {
             asChild: !0,
             trapped: o,
-            onMountAutoFocus: M(c, (C) => {
+            onMountAutoFocus: M(i, (y) => {
               var A;
-              C.preventDefault(), (A = S.current) == null || A.focus({ preventScroll: !0 });
+              y.preventDefault(), (A = S.current) == null || A.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: s,
             children: /* @__PURE__ */ v(
-              Ft,
+              Lt,
               {
                 asChild: !0,
-                disableOutsidePointerEvents: i,
+                disableOutsidePointerEvents: c,
                 onEscapeKeyDown: u,
                 onPointerDownOutside: p,
                 onFocusOutside: f,
                 onInteractOutside: m,
                 onDismiss: g,
                 children: /* @__PURE__ */ v(
-                  Eo,
+                  _o,
                   {
                     asChild: !0,
                     ...b,
@@ -1763,8 +1764,8 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
                     loop: r,
                     currentTabStopId: R,
                     onCurrentTabStopIdChange: x,
-                    onEntryFocus: M(l, (C) => {
-                      w.isUsingKeyboardRef.current || C.preventDefault();
+                    onEntryFocus: M(d, (y) => {
+                      w.isUsingKeyboardRef.current || y.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ v(
@@ -1772,32 +1773,32 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
                       {
                         role: "menu",
                         "aria-orientation": "vertical",
-                        "data-state": On(y.open),
+                        "data-state": Fn(C.open),
                         "data-radix-menu-content": "",
                         dir: w.dir,
-                        ...E,
-                        ...d,
+                        ..._,
+                        ...l,
                         ref: P,
-                        style: { outline: "none", ...d.style },
-                        onKeyDown: M(d.onKeyDown, (C) => {
-                          const N = C.target.closest("[data-radix-menu-content]") === C.currentTarget, U = C.ctrlKey || C.altKey || C.metaKey, ae = C.key.length === 1;
-                          N && (C.key === "Tab" && C.preventDefault(), !U && ae && J(C.key));
-                          const ce = S.current;
-                          if (C.target !== ce || !oa.includes(C.key)) return;
-                          C.preventDefault();
-                          const z = _().filter((G) => !G.disabled).map((G) => G.ref.current);
-                          pn.includes(C.key) && z.reverse(), Ra(z);
+                        style: { outline: "none", ...l.style },
+                        onKeyDown: M(l.onKeyDown, (y) => {
+                          const N = y.target.closest("[data-radix-menu-content]") === y.currentTarget, B = y.ctrlKey || y.altKey || y.metaKey, ae = y.key.length === 1;
+                          N && (y.key === "Tab" && y.preventDefault(), !B && ae && J(y.key));
+                          const ie = S.current;
+                          if (y.target !== ie || !oa.includes(y.key)) return;
+                          y.preventDefault();
+                          const H = E().filter((K) => !K.disabled).map((K) => K.ref.current);
+                          mn.includes(y.key) && H.reverse(), Ra(H);
                         }),
-                        onBlur: M(e.onBlur, (C) => {
-                          C.currentTarget.contains(C.target) || (window.clearTimeout(I.current), T.current = "");
+                        onBlur: M(e.onBlur, (y) => {
+                          y.currentTarget.contains(y.target) || (window.clearTimeout(I.current), T.current = "");
                         }),
                         onPointerMove: M(
                           e.onPointerMove,
-                          fe((C) => {
-                            const A = C.target, N = Q.current !== C.clientX;
-                            if (C.currentTarget.contains(A) && N) {
-                              const U = C.clientX > Q.current ? "right" : "left";
-                              K.current = U, Q.current = C.clientX;
+                          fe((y) => {
+                            const A = y.target, N = Q.current !== y.clientX;
+                            if (y.currentTarget.contains(A) && N) {
+                              const B = y.clientX > Q.current ? "right" : "left";
+                              U.current = B, Q.current = y.clientX;
                             }
                           })
                         )
@@ -1813,35 +1814,35 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
     );
   }
 );
-wn.displayName = k;
-var ha = "MenuGroup", tt = a.forwardRef(
+Cn.displayName = L;
+var ha = "MenuGroup", et = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
-    return /* @__PURE__ */ v(B.div, { role: "group", ...r, ref: t });
+    return /* @__PURE__ */ v(W.div, { role: "group", ...r, ref: t });
   }
 );
-tt.displayName = ha;
+et.displayName = ha;
 var ga = "MenuLabel", yn = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
-    return /* @__PURE__ */ v(B.div, { ...r, ref: t });
+    return /* @__PURE__ */ v(W.div, { ...r, ref: t });
   }
 );
 yn.displayName = ga;
-var _e = "MenuItem", _t = "menu.itemSelect", Ie = a.forwardRef(
+var Ee = "MenuItem", Rt = "menu.itemSelect", Ie = a.forwardRef(
   (e, t) => {
-    const { disabled: n = !1, onSelect: r, ...o } = e, c = a.useRef(null), s = me(_e, e.__scopeMenu), i = Je(_e, e.__scopeMenu), l = W(t, c), u = a.useRef(!1), p = () => {
-      const f = c.current;
+    const { disabled: n = !1, onSelect: r, ...o } = e, i = a.useRef(null), s = me(Ee, e.__scopeMenu), c = qe(Ee, e.__scopeMenu), d = $(t, i), u = a.useRef(!1), p = () => {
+      const f = i.current;
       if (!n && f) {
-        const m = new CustomEvent(_t, { bubbles: !0, cancelable: !0 });
-        f.addEventListener(_t, (g) => r == null ? void 0 : r(g), { once: !0 }), Tt(f, m), m.defaultPrevented ? u.current = !1 : s.onClose();
+        const m = new CustomEvent(Rt, { bubbles: !0, cancelable: !0 });
+        f.addEventListener(Rt, (g) => r == null ? void 0 : r(g), { once: !0 }), Ot(f, m), m.defaultPrevented ? u.current = !1 : s.onClose();
       }
     };
     return /* @__PURE__ */ v(
-      Cn,
+      _n,
       {
         ...o,
-        ref: l,
+        ref: d,
         disabled: n,
         onClick: M(e.onClick, p),
         onPointerDown: (f) => {
@@ -1853,34 +1854,34 @@ var _e = "MenuItem", _t = "menu.itemSelect", Ie = a.forwardRef(
           u.current || (m = f.currentTarget) == null || m.click();
         }),
         onKeyDown: M(e.onKeyDown, (f) => {
-          const m = i.searchRef.current !== "";
-          n || m && f.key === " " || je.includes(f.key) && (f.currentTarget.click(), f.preventDefault());
+          const m = c.searchRef.current !== "";
+          n || m && f.key === " " || Ve.includes(f.key) && (f.currentTarget.click(), f.preventDefault());
         })
       }
     );
   }
 );
-Ie.displayName = _e;
-var Cn = a.forwardRef(
+Ie.displayName = Ee;
+var _n = a.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...c } = e, s = Je(_e, n), i = vn(n), l = a.useRef(null), u = W(t, l), [p, f] = a.useState(!1), [m, g] = a.useState("");
+    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...i } = e, s = qe(Ee, n), c = hn(n), d = a.useRef(null), u = $(t, d), [p, f] = a.useState(!1), [m, g] = a.useState("");
     return a.useEffect(() => {
-      const h = l.current;
+      const h = d.current;
       h && g((h.textContent ?? "").trim());
-    }, [c.children]), /* @__PURE__ */ v(
+    }, [i.children]), /* @__PURE__ */ v(
       de.ItemSlot,
       {
         scope: n,
         disabled: r,
         textValue: o ?? m,
-        children: /* @__PURE__ */ v(bo, { asChild: !0, ...i, focusable: !r, children: /* @__PURE__ */ v(
-          B.div,
+        children: /* @__PURE__ */ v(bo, { asChild: !0, ...c, focusable: !r, children: /* @__PURE__ */ v(
+          W.div,
           {
             role: "menuitem",
             "data-highlighted": p ? "" : void 0,
             "aria-disabled": r || void 0,
             "data-disabled": r ? "" : void 0,
-            ...c,
+            ...i,
             ref: u,
             onPointerMove: M(
               e.onPointerMove,
@@ -1899,17 +1900,17 @@ var Cn = a.forwardRef(
       }
     );
   }
-), wa = "MenuCheckboxItem", En = a.forwardRef(
+), wa = "MenuCheckboxItem", bn = a.forwardRef(
   (e, t) => {
     const { checked: n = !1, onCheckedChange: r, ...o } = e;
-    return /* @__PURE__ */ v(Pn, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ v(Mn, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ v(
       Ie,
       {
         role: "menuitemcheckbox",
         "aria-checked": Re(n) ? "mixed" : n,
         ...o,
         ref: t,
-        "data-state": rt(n),
+        "data-state": nt(n),
         onSelect: M(
           o.onSelect,
           () => r == null ? void 0 : r(Re(n) ? !0 : !n),
@@ -1919,29 +1920,29 @@ var Cn = a.forwardRef(
     ) });
   }
 );
-En.displayName = wa;
-var bn = "MenuRadioGroup", [ya, Ca] = Z(
-  bn,
+bn.displayName = wa;
+var Sn = "MenuRadioGroup", [Ca, ya] = Z(
+  Sn,
   { value: void 0, onValueChange: () => {
   } }
-), Sn = a.forwardRef(
+), En = a.forwardRef(
   (e, t) => {
-    const { value: n, onValueChange: r, ...o } = e, c = X(r);
-    return /* @__PURE__ */ v(ya, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ v(tt, { ...o, ref: t }) });
+    const { value: n, onValueChange: r, ...o } = e, i = j(r);
+    return /* @__PURE__ */ v(Ca, { scope: e.__scopeMenu, value: n, onValueChange: i, children: /* @__PURE__ */ v(et, { ...o, ref: t }) });
   }
 );
-Sn.displayName = bn;
-var _n = "MenuRadioItem", Rn = a.forwardRef(
+En.displayName = Sn;
+var Rn = "MenuRadioItem", Pn = a.forwardRef(
   (e, t) => {
-    const { value: n, ...r } = e, o = Ca(_n, e.__scopeMenu), c = n === o.value;
-    return /* @__PURE__ */ v(Pn, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ v(
+    const { value: n, ...r } = e, o = ya(Rn, e.__scopeMenu), i = n === o.value;
+    return /* @__PURE__ */ v(Mn, { scope: e.__scopeMenu, checked: i, children: /* @__PURE__ */ v(
       Ie,
       {
         role: "menuitemradio",
-        "aria-checked": c,
+        "aria-checked": i,
         ...r,
         ref: t,
-        "data-state": rt(c),
+        "data-state": nt(i),
         onSelect: M(
           r.onSelect,
           () => {
@@ -1954,35 +1955,35 @@ var _n = "MenuRadioItem", Rn = a.forwardRef(
     ) });
   }
 );
-Rn.displayName = _n;
-var nt = "MenuItemIndicator", [Pn, Ea] = Z(
-  nt,
+Pn.displayName = Rn;
+var tt = "MenuItemIndicator", [Mn, _a] = Z(
+  tt,
   { checked: !1 }
-), Mn = a.forwardRef(
+), xn = a.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, forceMount: r, ...o } = e, c = Ea(nt, n);
+    const { __scopeMenu: n, forceMount: r, ...o } = e, i = _a(tt, n);
     return /* @__PURE__ */ v(
       Pe,
       {
-        present: r || Re(c.checked) || c.checked === !0,
+        present: r || Re(i.checked) || i.checked === !0,
         children: /* @__PURE__ */ v(
-          B.span,
+          W.span,
           {
             ...o,
             ref: t,
-            "data-state": rt(c.checked)
+            "data-state": nt(i.checked)
           }
         )
       }
     );
   }
 );
-Mn.displayName = nt;
-var ba = "MenuSeparator", xn = a.forwardRef(
+xn.displayName = tt;
+var ba = "MenuSeparator", Nn = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
     return /* @__PURE__ */ v(
-      B.div,
+      W.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -1992,34 +1993,34 @@ var ba = "MenuSeparator", xn = a.forwardRef(
     );
   }
 );
-xn.displayName = ba;
-var Sa = "MenuArrow", Nn = a.forwardRef(
+Nn.displayName = ba;
+var Sa = "MenuArrow", In = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e, o = Ne(n);
     return /* @__PURE__ */ v(qr, { ...o, ...r, ref: t });
   }
 );
-Nn.displayName = Sa;
-var _a = "MenuSub", [$c, In] = Z(_a), le = "MenuSubTrigger", An = a.forwardRef(
+In.displayName = Sa;
+var Ea = "MenuSub", [ki, An] = Z(Ea), le = "MenuSubTrigger", Dn = a.forwardRef(
   (e, t) => {
-    const n = oe(le, e.__scopeMenu), r = me(le, e.__scopeMenu), o = In(le, e.__scopeMenu), c = Je(le, e.__scopeMenu), s = a.useRef(null), { pointerGraceTimerRef: i, onPointerGraceIntentChange: l } = c, u = { __scopeMenu: e.__scopeMenu }, p = a.useCallback(() => {
+    const n = oe(le, e.__scopeMenu), r = me(le, e.__scopeMenu), o = An(le, e.__scopeMenu), i = qe(le, e.__scopeMenu), s = a.useRef(null), { pointerGraceTimerRef: c, onPointerGraceIntentChange: d } = i, u = { __scopeMenu: e.__scopeMenu }, p = a.useCallback(() => {
       s.current && window.clearTimeout(s.current), s.current = null;
     }, []);
     return a.useEffect(() => p, [p]), a.useEffect(() => {
-      const f = i.current;
+      const f = c.current;
       return () => {
-        window.clearTimeout(f), l(null);
+        window.clearTimeout(f), d(null);
       };
-    }, [i, l]), /* @__PURE__ */ v(qe, { asChild: !0, ...u, children: /* @__PURE__ */ v(
-      Cn,
+    }, [c, d]), /* @__PURE__ */ v(Qe, { asChild: !0, ...u, children: /* @__PURE__ */ v(
+      _n,
       {
         id: o.triggerId,
         "aria-haspopup": "menu",
         "aria-expanded": n.open,
         "aria-controls": o.contentId,
-        "data-state": On(n.open),
+        "data-state": Fn(n.open),
         ...e,
-        ref: He(t, o.onTriggerChange),
+        ref: je(t, o.onTriggerChange),
         onClick: (f) => {
           var m;
           (m = e.onClick) == null || m.call(e, f), !(e.disabled || f.defaultPrevented) && (f.currentTarget.focus(), n.open || n.onOpenChange(!0));
@@ -2027,7 +2028,7 @@ var _a = "MenuSub", [$c, In] = Z(_a), le = "MenuSubTrigger", An = a.forwardRef(
         onPointerMove: M(
           e.onPointerMove,
           fe((f) => {
-            c.onItemEnter(f), !f.defaultPrevented && !e.disabled && !n.open && !s.current && (c.onPointerGraceIntentChange(null), s.current = window.setTimeout(() => {
+            i.onItemEnter(f), !f.defaultPrevented && !e.disabled && !n.open && !s.current && (i.onPointerGraceIntentChange(null), s.current = window.setTimeout(() => {
               n.onOpenChange(!0), p();
             }, 100));
           })
@@ -2039,46 +2040,46 @@ var _a = "MenuSub", [$c, In] = Z(_a), le = "MenuSubTrigger", An = a.forwardRef(
             p();
             const m = (g = n.content) == null ? void 0 : g.getBoundingClientRect();
             if (m) {
-              const d = (h = n.content) == null ? void 0 : h.dataset.side, y = d === "right", w = y ? -5 : 5, E = m[y ? "left" : "right"], b = m[y ? "right" : "left"];
-              c.onPointerGraceIntentChange({
+              const l = (h = n.content) == null ? void 0 : h.dataset.side, C = l === "right", w = C ? -5 : 5, _ = m[C ? "left" : "right"], b = m[C ? "right" : "left"];
+              i.onPointerGraceIntentChange({
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
                   // consistently within polygon bounds
                   { x: f.clientX + w, y: f.clientY },
-                  { x: E, y: m.top },
+                  { x: _, y: m.top },
                   { x: b, y: m.top },
                   { x: b, y: m.bottom },
-                  { x: E, y: m.bottom }
+                  { x: _, y: m.bottom }
                 ],
-                side: d
-              }), window.clearTimeout(i.current), i.current = window.setTimeout(
-                () => c.onPointerGraceIntentChange(null),
+                side: l
+              }), window.clearTimeout(c.current), c.current = window.setTimeout(
+                () => i.onPointerGraceIntentChange(null),
                 300
               );
             } else {
-              if (c.onTriggerLeave(f), f.defaultPrevented) return;
-              c.onPointerGraceIntentChange(null);
+              if (i.onTriggerLeave(f), f.defaultPrevented) return;
+              i.onPointerGraceIntentChange(null);
             }
           })
         ),
         onKeyDown: M(e.onKeyDown, (f) => {
           var g;
-          const m = c.searchRef.current !== "";
+          const m = i.searchRef.current !== "";
           e.disabled || m && f.key === " " || aa[r.dir].includes(f.key) && (n.onOpenChange(!0), (g = n.content) == null || g.focus(), f.preventDefault());
         })
       }
     ) });
   }
 );
-An.displayName = le;
-var Dn = "MenuSubContent", Tn = a.forwardRef(
+Dn.displayName = le;
+var Tn = "MenuSubContent", On = a.forwardRef(
   (e, t) => {
-    const n = gn(k, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, c = oe(k, e.__scopeMenu), s = me(k, e.__scopeMenu), i = In(Dn, e.__scopeMenu), l = a.useRef(null), u = W(t, l);
-    return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || c.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(
-      et,
+    const n = wn(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = oe(L, e.__scopeMenu), s = me(L, e.__scopeMenu), c = An(Tn, e.__scopeMenu), d = a.useRef(null), u = $(t, d);
+    return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || i.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(
+      Je,
       {
-        id: i.contentId,
-        "aria-labelledby": i.triggerId,
+        id: c.contentId,
+        "aria-labelledby": c.triggerId,
         ...o,
         ref: u,
         align: "start",
@@ -2088,32 +2089,32 @@ var Dn = "MenuSubContent", Tn = a.forwardRef(
         trapFocus: !1,
         onOpenAutoFocus: (p) => {
           var f;
-          s.isUsingKeyboardRef.current && ((f = l.current) == null || f.focus()), p.preventDefault();
+          s.isUsingKeyboardRef.current && ((f = d.current) == null || f.focus()), p.preventDefault();
         },
         onCloseAutoFocus: (p) => p.preventDefault(),
         onFocusOutside: M(e.onFocusOutside, (p) => {
-          p.target !== i.trigger && c.onOpenChange(!1);
+          p.target !== c.trigger && i.onOpenChange(!1);
         }),
         onEscapeKeyDown: M(e.onEscapeKeyDown, (p) => {
           s.onClose(), p.preventDefault();
         }),
         onKeyDown: M(e.onKeyDown, (p) => {
           var g;
-          const f = p.currentTarget.contains(p.target), m = ca[s.dir].includes(p.key);
-          f && m && (c.onOpenChange(!1), (g = i.trigger) == null || g.focus(), p.preventDefault());
+          const f = p.currentTarget.contains(p.target), m = ia[s.dir].includes(p.key);
+          f && m && (i.onOpenChange(!1), (g = c.trigger) == null || g.focus(), p.preventDefault());
         })
       }
     ) }) }) });
   }
 );
-Tn.displayName = Dn;
-function On(e) {
+On.displayName = Tn;
+function Fn(e) {
   return e ? "open" : "closed";
 }
 function Re(e) {
   return e === "indeterminate";
 }
-function rt(e) {
+function nt(e) {
   return Re(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 function Ra(e) {
@@ -2125,20 +2126,20 @@ function Pa(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
 function Ma(e, t, n) {
-  const o = t.length > 1 && Array.from(t).every((u) => u === t[0]) ? t[0] : t, c = n ? e.indexOf(n) : -1;
-  let s = Pa(e, Math.max(c, 0));
+  const o = t.length > 1 && Array.from(t).every((u) => u === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1;
+  let s = Pa(e, Math.max(i, 0));
   o.length === 1 && (s = s.filter((u) => u !== n));
-  const l = s.find(
+  const d = s.find(
     (u) => u.toLowerCase().startsWith(o.toLowerCase())
   );
-  return l !== n ? l : void 0;
+  return d !== n ? d : void 0;
 }
 function xa(e, t) {
   const { x: n, y: r } = e;
   let o = !1;
-  for (let c = 0, s = t.length - 1; c < t.length; s = c++) {
-    const i = t[c].x, l = t[c].y, u = t[s].x, p = t[s].y;
-    l > r != p > r && n < (u - i) * (r - l) / (p - l) + i && (o = !o);
+  for (let i = 0, s = t.length - 1; i < t.length; s = i++) {
+    const c = t[i].x, d = t[i].y, u = t[s].x, p = t[s].y;
+    d > r != p > r && n < (u - c) * (r - d) / (p - d) + c && (o = !o);
   }
   return o;
 }
@@ -2150,83 +2151,83 @@ function Na(e, t) {
 function fe(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var Ia = hn, Aa = qe, Da = wn, Ta = tt, Oa = yn, Fa = Ie, La = En, ka = Sn, $a = Rn, Wa = Mn, Ba = xn, Ua = Nn, Ka = An, Ga = Tn, ot = "DropdownMenu", [Va, Wc] = fr(
-  ot,
-  [mn]
-), D = mn(), [Ya, Fn] = Va(ot), Ln = (e) => {
+var Ia = gn, Aa = Qe, Da = Cn, Ta = et, Oa = yn, Fa = Ie, La = bn, ka = En, $a = Pn, Wa = xn, Ba = Nn, Ua = In, Ka = Dn, Ga = On, rt = "DropdownMenu", [za, $i] = fr(
+  rt,
+  [vn]
+), D = vn(), [Va, Ln] = za(rt), kn = (e) => {
   const {
     __scopeDropdownMenu: t,
     children: n,
     dir: r,
     open: o,
-    defaultOpen: c,
+    defaultOpen: i,
     onOpenChange: s,
-    modal: i = !0
-  } = e, l = D(t), u = a.useRef(null), [p = !1, f] = Pt({
+    modal: c = !0
+  } = e, d = D(t), u = a.useRef(null), [p = !1, f] = Mt({
     prop: o,
-    defaultProp: c,
+    defaultProp: i,
     onChange: s
   });
   return /* @__PURE__ */ v(
-    Ya,
+    Va,
     {
       scope: t,
-      triggerId: We(),
+      triggerId: $e(),
       triggerRef: u,
-      contentId: We(),
+      contentId: $e(),
       open: p,
       onOpenChange: f,
       onOpenToggle: a.useCallback(() => f((m) => !m), [f]),
-      modal: i,
-      children: /* @__PURE__ */ v(Ia, { ...l, open: p, onOpenChange: f, dir: r, modal: i, children: n })
+      modal: c,
+      children: /* @__PURE__ */ v(Ia, { ...d, open: p, onOpenChange: f, dir: r, modal: c, children: n })
     }
   );
 };
-Ln.displayName = ot;
-var kn = "DropdownMenuTrigger", $n = a.forwardRef(
+kn.displayName = rt;
+var $n = "DropdownMenuTrigger", Wn = a.forwardRef(
   (e, t) => {
-    const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, c = Fn(kn, n), s = D(n);
+    const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, i = Ln($n, n), s = D(n);
     return /* @__PURE__ */ v(Aa, { asChild: !0, ...s, children: /* @__PURE__ */ v(
-      yr.button,
+      Cr.button,
       {
         type: "button",
-        id: c.triggerId,
+        id: i.triggerId,
         "aria-haspopup": "menu",
-        "aria-expanded": c.open,
-        "aria-controls": c.open ? c.contentId : void 0,
-        "data-state": c.open ? "open" : "closed",
+        "aria-expanded": i.open,
+        "aria-controls": i.open ? i.contentId : void 0,
+        "data-state": i.open ? "open" : "closed",
         "data-disabled": r ? "" : void 0,
         disabled: r,
         ...o,
-        ref: It(t, c.triggerRef),
-        onPointerDown: Se(e.onPointerDown, (i) => {
-          !r && i.button === 0 && i.ctrlKey === !1 && (c.onOpenToggle(), c.open || i.preventDefault());
+        ref: At(t, i.triggerRef),
+        onPointerDown: Se(e.onPointerDown, (c) => {
+          !r && c.button === 0 && c.ctrlKey === !1 && (i.onOpenToggle(), i.open || c.preventDefault());
         }),
-        onKeyDown: Se(e.onKeyDown, (i) => {
-          r || (["Enter", " "].includes(i.key) && c.onOpenToggle(), i.key === "ArrowDown" && c.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(i.key) && i.preventDefault());
+        onKeyDown: Se(e.onKeyDown, (c) => {
+          r || (["Enter", " "].includes(c.key) && i.onOpenToggle(), c.key === "ArrowDown" && i.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(c.key) && c.preventDefault());
         })
       }
     ) });
   }
 );
-$n.displayName = kn;
-var Wn = "DropdownMenuContent", Bn = a.forwardRef(
+Wn.displayName = $n;
+var Bn = "DropdownMenuContent", Un = a.forwardRef(
   (e, t) => {
-    const { __scopeDropdownMenu: n, ...r } = e, o = Fn(Wn, n), c = D(n), s = a.useRef(!1);
+    const { __scopeDropdownMenu: n, ...r } = e, o = Ln(Bn, n), i = D(n), s = a.useRef(!1);
     return /* @__PURE__ */ v(
       Da,
       {
         id: o.contentId,
         "aria-labelledby": o.triggerId,
-        ...c,
+        ...i,
         ...r,
         ref: t,
-        onCloseAutoFocus: Se(e.onCloseAutoFocus, (i) => {
-          var l;
-          s.current || (l = o.triggerRef.current) == null || l.focus(), s.current = !1, i.preventDefault();
+        onCloseAutoFocus: Se(e.onCloseAutoFocus, (c) => {
+          var d;
+          s.current || (d = o.triggerRef.current) == null || d.focus(), s.current = !1, c.preventDefault();
         }),
-        onInteractOutside: Se(e.onInteractOutside, (i) => {
-          const l = i.detail.originalEvent, u = l.button === 0 && l.ctrlKey === !0, p = l.button === 2 || u;
+        onInteractOutside: Se(e.onInteractOutside, (c) => {
+          const d = c.detail.originalEvent, u = d.button === 0 && d.ctrlKey === !0, p = d.button === 2 || u;
           (!o.modal || p) && (s.current = !0);
         }),
         style: {
@@ -2241,66 +2242,66 @@ var Wn = "DropdownMenuContent", Bn = a.forwardRef(
     );
   }
 );
-Bn.displayName = Wn;
-var ja = "DropdownMenuGroup", Xa = a.forwardRef(
+Un.displayName = Bn;
+var Ya = "DropdownMenuGroup", ja = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
     return /* @__PURE__ */ v(Ta, { ...o, ...r, ref: t });
   }
 );
-Xa.displayName = ja;
-var Ha = "DropdownMenuLabel", za = a.forwardRef(
+ja.displayName = Ya;
+var Xa = "DropdownMenuLabel", Ha = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
     return /* @__PURE__ */ v(Oa, { ...o, ...r, ref: t });
   }
 );
-za.displayName = Ha;
-var Za = "DropdownMenuItem", Un = a.forwardRef(
+Ha.displayName = Xa;
+var Za = "DropdownMenuItem", Kn = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
     return /* @__PURE__ */ v(Fa, { ...o, ...r, ref: t });
   }
 );
-Un.displayName = Za;
+Kn.displayName = Za;
 var Qa = "DropdownMenuCheckboxItem", qa = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
   return /* @__PURE__ */ v(La, { ...o, ...r, ref: t });
 });
 qa.displayName = Qa;
-var Ja = "DropdownMenuRadioGroup", ec = a.forwardRef((e, t) => {
+var Ja = "DropdownMenuRadioGroup", ei = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
   return /* @__PURE__ */ v(ka, { ...o, ...r, ref: t });
 });
-ec.displayName = Ja;
-var tc = "DropdownMenuRadioItem", nc = a.forwardRef((e, t) => {
+ei.displayName = Ja;
+var ti = "DropdownMenuRadioItem", ni = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
   return /* @__PURE__ */ v($a, { ...o, ...r, ref: t });
 });
-nc.displayName = tc;
-var rc = "DropdownMenuItemIndicator", oc = a.forwardRef((e, t) => {
+ni.displayName = ti;
+var ri = "DropdownMenuItemIndicator", oi = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
   return /* @__PURE__ */ v(Wa, { ...o, ...r, ref: t });
 });
-oc.displayName = rc;
-var ac = "DropdownMenuSeparator", cc = a.forwardRef((e, t) => {
+oi.displayName = ri;
+var ai = "DropdownMenuSeparator", ii = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
   return /* @__PURE__ */ v(Ba, { ...o, ...r, ref: t });
 });
-cc.displayName = ac;
-var ic = "DropdownMenuArrow", sc = a.forwardRef(
+ii.displayName = ai;
+var ci = "DropdownMenuArrow", si = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
     return /* @__PURE__ */ v(Ua, { ...o, ...r, ref: t });
   }
 );
-sc.displayName = ic;
-var uc = "DropdownMenuSubTrigger", lc = a.forwardRef((e, t) => {
+si.displayName = ci;
+var ui = "DropdownMenuSubTrigger", li = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
   return /* @__PURE__ */ v(Ka, { ...o, ...r, ref: t });
 });
-lc.displayName = uc;
-var dc = "DropdownMenuSubContent", fc = a.forwardRef((e, t) => {
+li.displayName = ui;
+var di = "DropdownMenuSubContent", fi = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
   return /* @__PURE__ */ v(
     Ga,
@@ -2319,75 +2320,102 @@ var dc = "DropdownMenuSubContent", fc = a.forwardRef((e, t) => {
     }
   );
 });
-fc.displayName = dc;
-var pc = Ln, mc = $n, vc = Bn, hc = Un;
-const gc = "cfxui__DropdownSelect__content__05ed8", wc = "cfxui__DropdownSelect__item__0e45f", yc = "cfxui__DropdownSelect__trigger__c03df", Cc = "cfxui__DropdownSelect__small__e614b", Ec = "cfxui__DropdownSelect__large__dd0b2", bc = "cfxui__DropdownSelect__onlight__f0191", Sc = "cfxui__DropdownSelect__icon__d05b8", _c = "cfxui__DropdownSelect__placeholder__e0d89", Rc = "cfxui__DropdownSelect__fullWidth__dce56", L = {
-  content: gc,
-  item: wc,
-  trigger: yc,
-  small: Cc,
-  large: Ec,
-  onlight: bc,
-  icon: Sc,
-  placeholder: _c,
-  fullWidth: Rc
-}, Bc = function({
+fi.displayName = di;
+var pi = kn, mi = Wn, vi = Un, hi = Kn;
+const gi = "cfxui__DropdownSelect__trigger__c03df", wi = "cfxui__DropdownSelect__onlight__f0191", Ci = "cfxui__DropdownSelect__fullWidth__dce56", yi = "cfxui__DropdownSelect__icon__d05b8", _i = "cfxui__DropdownSelect__placeholder__e0d89", bi = "cfxui__DropdownSelect__content__05ed8", Si = "cfxui__DropdownSelect__item__0e45f", G = {
+  trigger: gi,
+  onlight: wi,
+  fullWidth: Ci,
+  icon: yi,
+  placeholder: _i,
+  content: bi,
+  item: Si,
+  "dropdownselect-size-initial-large": "cfxui__DropdownSelect__dropdownselect-size-initial-large__d6bf3",
+  "dropdownselect-size-initial-small": "cfxui__DropdownSelect__dropdownselect-size-initial-small__56570",
+  "dropdownselect-size-small-large": "cfxui__DropdownSelect__dropdownselect-size-small-large__7f027",
+  "dropdownselect-size-small-small": "cfxui__DropdownSelect__dropdownselect-size-small-small__bea7a",
+  "dropdownselect-size-small-medium-large": "cfxui__DropdownSelect__dropdownselect-size-small-medium-large__c82c6",
+  "dropdownselect-size-small-medium-small": "cfxui__DropdownSelect__dropdownselect-size-small-medium-small__f719a",
+  "dropdownselect-size-medium-large": "cfxui__DropdownSelect__dropdownselect-size-medium-large__eb839",
+  "dropdownselect-size-medium-small": "cfxui__DropdownSelect__dropdownselect-size-medium-small__698db",
+  "dropdownselect-size-medium-large-large": "cfxui__DropdownSelect__dropdownselect-size-medium-large-large__dd545",
+  "dropdownselect-size-medium-large-small": "cfxui__DropdownSelect__dropdownselect-size-medium-large-small__8cd70",
+  "dropdownselect-size-large-large": "cfxui__DropdownSelect__dropdownselect-size-large-large__3b065",
+  "dropdownselect-size-large-small": "cfxui__DropdownSelect__dropdownselect-size-large-small__5bca7",
+  "dropdownselect-size-xlarge-large": "cfxui__DropdownSelect__dropdownselect-size-xlarge-large__23eae",
+  "dropdownselect-size-xlarge-small": "cfxui__DropdownSelect__dropdownselect-size-xlarge-small__d232d"
+}, Wi = {
+  small: "xxsmall",
+  normal: "xsmall",
+  large: "normal"
+}, Bi = function({
   options: t,
   value: n,
   onChange: r,
   size: o = "normal",
-  fullWidth: c = !1,
+  fullWidth: i = !1,
   onlight: s = !1,
-  disabled: i,
-  placeholder: l = "Select..."
+  disabled: c,
+  placeholder: d = "Select..."
 }) {
-  const u = jn(null), [p, f] = Rt(void 0);
-  return Xn(() => {
-    c && u.current && f(u.current.offsetWidth);
-  }, [c]), /* @__PURE__ */ st(pc, { children: [
+  const u = jn(null), [p, f] = Pt(void 0);
+  Xn(() => {
+    i && u.current && f(u.current.offsetWidth);
+  }, [i]);
+  const m = st.getResponsiveFlatClassnames("dropdownselect-size", o).map((l) => G[l]), g = ut(
+    G.trigger,
+    m,
+    {
+      [G.placeholder]: !n,
+      [G.fullWidth]: i,
+      [G.onlight]: s
+    }
+  ), h = ut(
+    G.content,
+    m,
+    {
+      [G.fullWidth]: i
+    }
+  );
+  return /* @__PURE__ */ ct(pi, { children: [
     /* @__PURE__ */ v(
-      mc,
+      mi,
       {
         ref: u,
-        className: Ae(L.trigger, L[o], {
-          [L.placeholder]: !n,
-          [L.fullWidth]: c,
-          [L.onlight]: s
-        }),
-        disabled: i,
-        children: /* @__PURE__ */ st(dr, { gap: "small", centered: !0, spaceBetween: !0, children: [
-          n || l,
-          /* @__PURE__ */ v(lr, { size: sr[o], className: L.icon, name: "DownChevron" })
+        className: g,
+        disabled: c,
+        children: /* @__PURE__ */ ct(dr, { gap: "small", centered: !0, spaceBetween: !0, children: [
+          n || d,
+          /* @__PURE__ */ v(lr, { className: G.icon, name: "DownChevron" })
         ] })
       }
     ),
     /* @__PURE__ */ v(
-      vc,
+      vi,
       {
         align: "end",
         side: "bottom",
-        className: Ae(L.content, {
-          [L.fullWidth]: c,
-          [L.onlight]: s
-        }),
-        style: { width: p },
-        children: t.map((m) => /* @__PURE__ */ v(
-          hc,
+        className: h,
+        style: {
+          width: p,
+          zIndex: st.zindex("max")
+        },
+        children: t.map((l) => /* @__PURE__ */ v(
+          hi,
           {
-            className: Ae(L.item, L[o], {
-              [L.fullWidth]: c
-            }),
-            onSelect: () => r(m.value),
+            className: G.item,
+            onSelect: () => r(l.value),
             style: { width: p },
-            children: m.label
+            children: l.label
           },
-          m.value
+          l.value
         ))
       }
     )
   ] });
 };
 export {
-  Bc as DropdownSelect,
-  Bc as default
+  Bi as DropdownSelect,
+  Wi as ICON_SIZE_MAP,
+  Bi as default
 };