@cfx-dev/ui-components 4.0.0 → 4.0.2

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -5,10 +5,11 @@ 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 { 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 ir, i as cr, I as sr } from "../../Select-Ds-fm4CN.js";
 import { _ as j, f as Nt, 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 { ui as fr } from "../ui.js";
 import { clsx as Ae } from "../../utils/clsx.js";
 function Se(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
@@ -25,51 +26,51 @@ function It(...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 = ut(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() : ut(e[o], null);
         }
       };
   };
 }
-function fr(e, t = []) {
+function pr(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), l = 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));
+      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || c, y = a.useMemo(() => h, Object.values(h));
       return /* @__PURE__ */ v(d.Provider, { value: y, 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);
+      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || 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 l = (c == null ? void 0 : c[e]) || i;
       return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
+        () => ({ [`__scope${e}`]: { ...c, [e]: l } }),
+        [c, l]
       );
     };
   };
-  return o.scopeName = e, [r, pr(o, ...t)];
+  return o.scopeName = e, [r, mr(o, ...t)];
 }
-function pr(...e) {
+function mr(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -77,10 +78,10 @@ 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: l, scopeName: u }) => {
+        const f = l(i)[`__scope${u}`];
+        return { ...c, ...f };
       }, {});
       return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
@@ -88,10 +89,10 @@ function pr(...e) {
   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 });
+  const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(hr);
+  if (i) {
+    const s = i.props.children, c = o.map((l) => l === i ? 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, c) : null });
   }
   return /* @__PURE__ */ v(Be, { ...r, ref: t, children: n });
 });
@@ -99,9 +100,9 @@ At.displayName = "Slot";
 var Be = a.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (a.isValidElement(n)) {
-    const o = gr(n);
+    const o = wr(n);
     return a.cloneElement(n, {
-      ...hr(r, n.props),
+      ...gr(r, n.props),
       // @ts-ignore
       ref: t ? It(t, o) : o
     });
@@ -109,26 +110,26 @@ var Be = a.forwardRef((e, t) => {
   return a.Children.count(n) > 1 ? a.Children.only(null) : null;
 });
 Be.displayName = "SlotClone";
-var mr = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
-function vr(e) {
-  return a.isValidElement(e) && e.type === mr;
+var vr = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
+function hr(e) {
+  return a.isValidElement(e) && e.type === vr;
 }
-function hr(e, t) {
+function gr(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 gr(e) {
+function wr(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);
 }
-var wr = [
+var yr = [
   "a",
   "button",
   "div",
@@ -145,10 +146,10 @@ var wr = [
   "span",
   "svg",
   "ul"
-], yr = wr.reduce((e, t) => {
+], Cr = yr.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 ? At : 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 };
 }, {});
@@ -167,14 +168,14 @@ function He(...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 = 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() : lt(e[o], null);
+          const i = r[o];
+          typeof i == "function" ? i() : lt(e[o], null);
         }
       };
   };
@@ -184,37 +185,37 @@ function W(...e) {
 }
 function Dt(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), l = 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));
+      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || c, y = a.useMemo(() => h, Object.values(h));
       return /* @__PURE__ */ v(d.Provider, { value: y, 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);
+      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || 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 l = (c == null ? void 0 : c[e]) || i;
       return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
+        () => ({ [`__scope${e}`]: { ...c, [e]: l } }),
+        [c, l]
       );
     };
   };
-  return o.scopeName = e, [r, Cr(o, ...t)];
+  return o.scopeName = e, [r, Er(o, ...t)];
 }
-function Cr(...e) {
+function Er(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -222,10 +223,10 @@ 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: l, scopeName: u }) => {
+        const f = l(i)[`__scope${u}`];
+        return { ...c, ...f };
       }, {});
       return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
@@ -233,10 +234,10 @@ function Cr(...e) {
   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 });
+  const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(Sr);
+  if (i) {
+    const s = i.props.children, c = o.map((l) => l === i ? 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, c) : null });
   }
   return /* @__PURE__ */ v(Ue, { ...r, ref: t, children: n });
 });
@@ -244,9 +245,9 @@ ze.displayName = "Slot";
 var Ue = a.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (a.isValidElement(n)) {
-    const o = _r(n);
+    const o = Rr(n);
     return a.cloneElement(n, {
-      ...Sr(r, n.props),
+      ..._r(r, n.props),
       // @ts-ignore
       ref: t ? He(t, o) : o
     });
@@ -254,26 +255,26 @@ var Ue = a.forwardRef((e, t) => {
   return a.Children.count(n) > 1 ? a.Children.only(null) : null;
 });
 Ue.displayName = "SlotClone";
-var Er = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
-function br(e) {
-  return a.isValidElement(e) && e.type === Er;
+var br = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
+function Sr(e) {
+  return a.isValidElement(e) && e.type === br;
 }
-function Sr(e, t) {
+function _r(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 Rr(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);
 }
-var Rr = [
+var Pr = [
   "a",
   "button",
   "div",
@@ -290,17 +291,17 @@ var Rr = [
   "span",
   "svg",
   "ul"
-], B = Rr.reduce((e, t) => {
+], B = Pr.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 ? ze : 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));
 }
-var Pr = "DismissableLayer", Ke = "dismissableLayer.update", Mr = "dismissableLayer.pointerDownOutside", xr = "dismissableLayer.focusOutside", dt, Ot = a.createContext({
+var Mr = "DismissableLayer", Ke = "dismissableLayer.update", xr = "dismissableLayer.pointerDownOutside", Nr = "dismissableLayer.focusOutside", dt, Ot = a.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -310,19 +311,19 @@ var Pr = "DismissableLayer", Ke = "dismissableLayer.update", Mr = "dismissableLa
       disableOutsidePointerEvents: n = !1,
       onEscapeKeyDown: r,
       onPointerDownOutside: o,
-      onFocusOutside: c,
+      onFocusOutside: i,
       onInteractOutside: s,
-      onDismiss: i,
+      onDismiss: c,
       ...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) => {
+    } = 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 = Dr((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());
-    }, m), x = Dr((S) => {
+      !_ || I || (o == null || o(S), s == null || s(S), S.defaultPrevented || c == null || c());
+    }, m), x = Tr((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()));
+      E === 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(), () => {
@@ -352,53 +353,53 @@ var Pr = "DismissableLayer", Ke = "dismissableLayer.update", Mr = "dismissableLa
     );
   }
 );
-Ft.displayName = Pr;
-var Nr = "DismissableLayerBranch", Ir = a.forwardRef((e, t) => {
+Ft.displayName = Mr;
+var Ir = "DismissableLayerBranch", Ar = a.forwardRef((e, t) => {
   const n = a.useContext(Ot), r = a.useRef(null), o = W(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 });
 });
-Ir.displayName = Nr;
-function Ar(e, t = globalThis == null ? void 0 : globalThis.document) {
+Ar.displayName = Ir;
+function Dr(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = X(e), r = a.useRef(!1), o = a.useRef(() => {
   });
   return a.useEffect(() => {
-    const c = (i) => {
-      if (i.target && !r.current) {
+    const i = (c) => {
+      if (c.target && !r.current) {
         let l = function() {
           Lt(
-            Mr,
+            xr,
             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 = l, t.addEventListener("click", o.current, { once: !0 })) : l();
       } 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)
     onPointerDownCapture: () => r.current = !0
   };
 }
-function Dr(e, t = globalThis == null ? void 0 : globalThis.document) {
+function Tr(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = X(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 && Lt(Nr, n, { originalEvent: i }, {
         discrete: !1
       });
     };
@@ -413,11 +414,11 @@ function ft() {
   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);
+  const o = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && o.addEventListener(e, t, { once: !0 }), r ? Tt(o, i) : o.dispatchEvent(i);
 }
 var De = 0;
-function Tr() {
+function Or() {
   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++, () => {
@@ -429,14 +430,14 @@ function pt() {
   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 Te = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", mt = { bubbles: !1, cancelable: !0 }, Fr = "FocusScope", kt = 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, l] = a.useState(null), u = X(o), p = X(i), f = a.useRef(null), m = W(t, (d) => l(d)), g = a.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -448,46 +449,46 @@ var Te = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", mt
   a.useEffect(() => {
     if (r) {
       let d = function(b) {
-        if (g.paused || !i) return;
+        if (g.paused || !c) return;
         const _ = b.target;
-        i.contains(_) ? f.current = _ : Y(f.current, { select: !0 });
+        c.contains(_) ? f.current = _ : Y(f.current, { select: !0 });
       }, y = function(b) {
-        if (g.paused || !i) return;
+        if (g.paused || !c) return;
         const _ = b.relatedTarget;
-        _ !== null && (i.contains(_) || Y(f.current, { select: !0 }));
+        _ !== null && (c.contains(_) || Y(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 && Y(c);
       };
       document.addEventListener("focusin", d), document.addEventListener("focusout", y);
       const E = new MutationObserver(w);
-      return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
+      return c && E.observe(c, { childList: !0, subtree: !0 }), () => {
         document.removeEventListener("focusin", d), document.removeEventListener("focusout", y), E.disconnect();
       };
     }
-  }, [r, i, g.paused]), a.useEffect(() => {
-    if (i) {
+  }, [r, c, g.paused]), a.useEffect(() => {
+    if (c) {
       ht.add(g);
       const d = document.activeElement;
-      if (!i.contains(d)) {
+      if (!c.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));
+        c.addEventListener(Te, u), c.dispatchEvent(w), w.defaultPrevented || (Lr(Ur($t(c)), { select: !0 }), document.activeElement === d && Y(c));
       }
       return () => {
-        i.removeEventListener(Te, u), setTimeout(() => {
+        c.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.addEventListener(Oe, p), c.dispatchEvent(w), w.defaultPrevented || Y(d ?? document.body, { select: !0 }), c.removeEventListener(Oe, p), ht.remove(g);
         }, 0);
       };
     }
-  }, [i, u, p, g]);
+  }, [c, u, p, g]);
   const h = a.useCallback(
     (d) => {
       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);
+        const E = d.currentTarget, [b, _] = kr(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();
       }
     },
@@ -495,13 +496,13 @@ var Te = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", mt
   );
   return /* @__PURE__ */ v(B.div, { tabIndex: -1, ...s, ref: m, onKeyDown: h });
 });
-kt.displayName = Or;
-function Fr(e, { select: t = !1 } = {}) {
+kt.displayName = Fr;
+function Lr(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
     if (Y(r, { select: t }), document.activeElement !== n) return;
 }
-function Lr(e) {
+function kr(e) {
   const t = $t(e), n = vt(t, e), r = vt(t.reverse(), e);
   return [n, r];
 }
@@ -517,9 +518,9 @@ function $t(e) {
 }
 function vt(e, t) {
   for (const n of e)
-    if (!kr(n, { upTo: t })) return n;
+    if (!$r(n, { upTo: t })) return n;
 }
-function kr(e, { upTo: t }) {
+function $r(e, { upTo: t }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (t !== void 0 && e === t) return !1;
@@ -528,17 +529,17 @@ function kr(e, { upTo: t }) {
   }
   return !1;
 }
-function $r(e) {
+function Wr(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function Y(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== n && $r(e) && t && e.select();
+    e.focus({ preventScroll: !0 }), e !== n && Wr(e) && t && e.select();
   }
 }
-var ht = Wr();
-function Wr() {
+var ht = Br();
+function Br() {
   let e = [];
   return {
     add(t) {
@@ -555,15 +556,15 @@ function gt(e, t) {
   const n = [...e], r = n.indexOf(t);
   return r !== -1 && n.splice(r, 1), n;
 }
-function Br(e) {
+function Ur(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 Kr = "Arrow", Wt = a.forwardRef((e, t) => {
+  const { children: n, width: r = 10, height: o = 5, ...i } = e;
   return /* @__PURE__ */ v(
     B.svg,
     {
-      ...c,
+      ...i,
       ref: t,
       width: r,
       height: o,
@@ -573,31 +574,31 @@ 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) => {
+Wt.displayName = Kr;
+var Gr = Wt, Ze = "Popper", [Bt, Ut] = Dt(Ze), [Vr, Kt] = Bt(Ze), Gt = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
-  return /* @__PURE__ */ v(Gr, { scope: t, anchor: r, onAnchorChange: o, children: n });
+  return /* @__PURE__ */ v(Vr, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
 Gt.displayName = Ze;
 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 = Kt(Vt, n), s = a.useRef(null), c = W(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(B.div, { ...o, ref: c });
   }
 );
 Yt.displayName = Vt;
-var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
+var Qe = "PopperContent", [Yr, jr] = Bt(Qe), jt = a.forwardRef(
   (e, t) => {
-    var G, ie, F, se, at, ct;
+    var G, ce, F, se, at, it;
     const {
       __scopePopper: n,
       side: r = "bottom",
       sideOffset: o = 0,
-      align: c = "center",
+      align: i = "center",
       alignOffset: s = 0,
-      arrowPadding: i = 0,
+      arrowPadding: c = 0,
       avoidCollisions: l = !0,
       collisionBoundary: u = [],
       collisionPadding: p = 0,
@@ -606,9 +607,9 @@ var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
       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 = {
+    } = 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 + (i !== "center" ? "-" + i : ""), 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 = {
       padding: T,
-      boundary: V.filter(Xr),
+      boundary: V.filter(Hr),
       // 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({
@@ -632,20 +633,20 @@ var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
         l && nr({ ...K }),
         rr({
           ...K,
-          apply: ({ elements: ue, rects: it, availableWidth: Kn, availableHeight: Gn }) => {
-            const { width: Vn, height: Yn } = it.reference, he = ue.floating.style;
+          apply: ({ elements: ue, rects: ct, availableWidth: Kn, availableHeight: Gn }) => {
+            const { width: Vn, height: Yn } = ct.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`);
           }
         }),
-        _ && or({ element: _, padding: i }),
-        Hr({ arrowWidth: S, arrowHeight: P }),
+        _ && or({ element: _, padding: c }),
+        zr({ arrowWidth: S, arrowHeight: P }),
         m && ar({ strategy: "referenceHidden", ...K })
       ]
     }), [C, A] = zt($), N = X(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 U = (G = O.arrow) == null ? void 0 : G.x, ae = (ce = O.arrow) == null ? void 0 : ce.y, ie = ((F = O.arrow) == null ? void 0 : F.centerOffset) !== 0, [ve, z] = a.useState();
     return be(() => {
       w && z(window.getComputedStyle(w).zIndex);
     }, [w]), /* @__PURE__ */ v(
@@ -666,21 +667,21 @@ var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
           // 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) && {
+          ...((it = O.hide) == null ? void 0 : it.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
         },
         dir: e.dir,
         children: /* @__PURE__ */ v(
-          Vr,
+          Yr,
           {
             scope: n,
             placedSide: C,
             onArrowChange: R,
             arrowX: U,
             arrowY: ae,
-            shouldHideArrow: ce,
+            shouldHideArrow: ie,
             children: /* @__PURE__ */ v(
               B.div,
               {
@@ -703,13 +704,13 @@ var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
   }
 );
 jt.displayName = Qe;
-var Xt = "PopperArrow", jr = {
+var Xt = "PopperArrow", Xr = {
   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 = jr(Xt, r), s = Xr[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,28 +718,28 @@ 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,
+          Gr,
           {
             ...o,
             ref: n,
@@ -754,15 +755,15 @@ var Xt = "PopperArrow", jr = {
   );
 });
 Ht.displayName = Xt;
-function Xr(e) {
+function Hr(e) {
   return e !== null;
 }
-var Hr = (e) => ({
+var zr = (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;
+    const { placement: n, rects: r, middlewareData: o } = t, s = ((y = o.arrow) == null ? void 0 : y.centerOffset) !== 0, c = 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) + c / 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 } };
   }
@@ -771,17 +772,17 @@ function zt(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var zr = Gt, Zr = Yt, Qr = jt, qr = Ht;
-function Jr(e, t) {
+var Zr = Gt, Qr = Yt, qr = jt, Jr = Ht;
+function eo(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 = to(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), i = W(r.ref, no(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, {
+function to(e) {
+  const [t, n] = a.useState(), r = a.useRef({}), o = a.useRef(e), i = a.useRef("none"), s = e ? "mounted" : "unmounted", [c, l] = eo(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -796,11 +797,11 @@ 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);
+      const m = i.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;
     }
   }, [e, l]), be(() => {
@@ -815,7 +816,7 @@ function eo(e) {
           });
         }
       }, 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);
@@ -823,7 +824,7 @@ function eo(e) {
     } else
       l("ANIMATION_END");
   }, [t, l]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(i),
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
     ref: a.useCallback((u) => {
       u && (r.current = getComputedStyle(u)), n(u);
     }, [])
@@ -832,7 +833,7 @@ function eo(e) {
 function ge(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function to(e) {
+function no(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);
@@ -852,54 +853,54 @@ function Zt(...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 = wt(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() : wt(e[o], null);
         }
       };
   };
 }
-function no(...e) {
+function ro(...e) {
   return a.useCallback(Zt(...e), e);
 }
-function ro(e, t = []) {
+function oo(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), l = 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));
+      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || c, y = a.useMemo(() => h, Object.values(h));
       return /* @__PURE__ */ v(d.Provider, { value: y, 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);
+      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || 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 l = (c == null ? void 0 : c[e]) || i;
       return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
+        () => ({ [`__scope${e}`]: { ...c, [e]: l } }),
+        [c, l]
       );
     };
   };
-  return o.scopeName = e, [r, oo(o, ...t)];
+  return o.scopeName = e, [r, ao(o, ...t)];
 }
-function oo(...e) {
+function ao(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -907,10 +908,10 @@ 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: l, scopeName: u }) => {
+        const f = l(i)[`__scope${u}`];
+        return { ...c, ...f };
       }, {});
       return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
@@ -918,10 +919,10 @@ function oo(...e) {
   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 });
+  const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(co);
+  if (i) {
+    const s = i.props.children, c = o.map((l) => l === i ? 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, c) : null });
   }
   return /* @__PURE__ */ v(Ge, { ...r, ref: t, children: n });
 });
@@ -929,9 +930,9 @@ Qt.displayName = "Slot";
 var Ge = a.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (a.isValidElement(n)) {
-    const o = so(n);
+    const o = uo(n);
     return a.cloneElement(n, {
-      ...io(r, n.props),
+      ...so(r, n.props),
       // @ts-ignore
       ref: t ? Zt(t, o) : o
     });
@@ -939,26 +940,26 @@ var Ge = a.forwardRef((e, t) => {
   return a.Children.count(n) > 1 ? a.Children.only(null) : null;
 });
 Ge.displayName = "SlotClone";
-var ao = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
+var io = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
 function co(e) {
-  return a.isValidElement(e) && e.type === ao;
+  return a.isValidElement(e) && e.type === io;
 }
-function io(e, t) {
+function so(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 so(e) {
+function uo(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);
 }
-var uo = [
+var lo = [
   "a",
   "button",
   "div",
@@ -975,34 +976,34 @@ var uo = [
   "span",
   "svg",
   "ul"
-], qt = uo.reduce((e, t) => {
+], qt = lo.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(
+}, {}), Fe = "rovingFocusGroup.onEntryFocus", fo = { bubbles: !1, cancelable: !0 }, Me = "RovingFocusGroup", [Ve, Jt, po] = Mt(Me), [mo, en] = oo(
   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 }) }) })
+  [po]
+), [vo, ho] = mo(Me), tn = a.forwardRef(
+  (e, t) => /* @__PURE__ */ v(Ve.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(Ve.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(go, { ...e, ref: t }) }) })
 );
 tn.displayName = Me;
-var ho = a.forwardRef((e, t) => {
+var go = a.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
     orientation: r,
     loop: o = !1,
-    dir: c,
+    dir: i,
     currentTabStopId: s,
-    defaultCurrentTabStopId: i,
+    defaultCurrentTabStopId: c,
     onCurrentTabStopIdChange: l,
     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 = ro(t, m), h = xt(i), [d = null, y] = Pt({
     prop: s,
-    defaultProp: i,
+    defaultProp: c,
     onChange: l
   }), [w, E] = a.useState(!1), b = X(u), _ = Jt(n), R = a.useRef(!1), [x, S] = a.useState(0);
   return a.useEffect(() => {
@@ -1010,7 +1011,7 @@ var ho = a.forwardRef((e, t) => {
     if (P)
       return P.addEventListener(Fe, b), () => P.removeEventListener(Fe, b);
   }, [b]), /* @__PURE__ */ v(
-    mo,
+    vo,
     {
       scope: n,
       orientation: r,
@@ -1044,7 +1045,7 @@ 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(Fe, fo);
               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(
                   Boolean
@@ -1065,9 +1066,9 @@ var ho = a.forwardRef((e, t) => {
       __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 = We(), l = i || c, u = ho(nn, n), p = u.currentTabStopId === l, f = Jt(n), { onFocusableItemAdd: m, onFocusableItemRemove: g } = u;
     return a.useEffect(() => {
       if (r)
         return m(), () => g();
@@ -1095,7 +1096,7 @@ var ho = a.forwardRef((e, t) => {
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const d = yo(h, u.orientation, u.dir);
+              const d = Co(h, u.orientation, u.dir);
               if (d !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
@@ -1104,7 +1105,7 @@ var ho = a.forwardRef((e, t) => {
                 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);
+                  w = u.loop ? Eo(w, E + 1) : w.slice(E + 1);
                 }
                 setTimeout(() => on(w));
               }
@@ -1116,7 +1117,7 @@ var ho = a.forwardRef((e, t) => {
   }
 );
 rn.displayName = nn;
-var go = {
+var wo = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -1126,27 +1127,27 @@ var go = {
   PageDown: "last",
   End: "last"
 };
-function wo(e, t) {
+function yo(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function yo(e, t, n) {
-  const r = wo(e.key, n);
+function Co(e, t, n) {
+  const r = yo(e.key, n);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return go[r];
+    return wo[r];
 }
 function on(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 Eo(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";
+var bo = tn, So = rn, Ce = "right-scroll-bar-position", Ee = "width-before-scroll-bar", _o = "with-scroll-bars-hidden", Ro = "--removed-body-scroll-bar-size";
 function Le(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function Ro(e, t) {
+function Po(e, t) {
   var n = Rt(function() {
     return {
       // value
@@ -1167,69 +1168,69 @@ function Ro(e, t) {
   })[0];
   return n.callback = t, n.facade;
 }
-var Po = typeof window < "u" ? a.useLayoutEffect : a.useEffect, yt = /* @__PURE__ */ new WeakMap();
-function Mo(e, t) {
-  var n = Ro(null, function(r) {
+var Mo = typeof window < "u" ? a.useLayoutEffect : a.useEffect, yt = /* @__PURE__ */ new WeakMap();
+function xo(e, t) {
+  var n = Po(null, function(r) {
     return e.forEach(function(o) {
       return Le(o, r);
     });
   });
-  return Po(function() {
+  return Mo(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) || Le(c, null);
+      }), i.forEach(function(c) {
+        o.has(c) || Le(c, s);
       });
     }
     yt.set(n, e);
   }, [e]), n;
 }
-function xo(e) {
+function No(e) {
   return e;
 }
-function No(e, t) {
-  t === void 0 && (t = xo);
+function Io(e, t) {
+  t === void 0 && (t = No);
   var n = [], r = !1, o = {
     read: function() {
       if (r)
         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 p = s;
-        s = [], p.forEach(c);
+        s = [], p.forEach(i);
       }, u = function() {
         return Promise.resolve().then(l);
       };
@@ -1245,9 +1246,9 @@ function No(e, t) {
   };
   return o;
 }
-function Io(e) {
+function Ao(e) {
   e === void 0 && (e = {});
-  var t = No(null);
+  var t = Io(null);
   return t.options = j({ async: !0, ssr: !1 }, e), t;
 }
 var an = function(e) {
@@ -1260,21 +1261,21 @@ var an = function(e) {
   return a.createElement(r, j({}, n));
 };
 an.isSideCarExport = !0;
-function Ao(e, t) {
+function Do(e, t) {
   return e.useMedium(t), an;
 }
-var cn = Io(), ke = function() {
+var cn = Ao(), ke = 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);
+  }), o = r[0], i = r[1], s = e.forwardProps, c = 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 = xo([n, t]), x = j(j({}, 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(_, { sideCar: cn, removeScrollBar: u, shards: f, noIsolation: g, inert: h, setCallbacks: i, allowPinchZoom: !!d, lockRef: n, gapMode: E }),
+    s ? a.cloneElement(a.Children.only(c), j(j({}, x), { ref: R })) : a.createElement(w, j({}, x, { className: l, ref: R }), c)
   );
 });
 xe.defaultProps = {
@@ -1286,33 +1287,33 @@ xe.classNames = {
   fullWidth: Ee,
   zeroRight: Ce
 };
-function Do() {
+function To() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var t = cr();
+  var t = ir();
   return t && e.setAttribute("nonce", t), e;
 }
-function To(e, t) {
+function Oo(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function Oo(e) {
+function Fo(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
-var Fo = function() {
+var Lo = function() {
   var e = 0, t = null;
   return {
     add: function(n) {
-      e == 0 && (t = Do()) && (To(t, n), Oo(t)), e++;
+      e == 0 && (t = To()) && (Oo(t, n), Fo(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
     }
   };
-}, Lo = function() {
-  var e = Fo();
+}, ko = function() {
+  var e = Lo();
   return function(t, n) {
     a.useEffect(function() {
       return e.add(t), function() {
@@ -1321,37 +1322,37 @@ var Fo = function() {
     }, [t && n]);
   };
 }, sn = function() {
-  var e = Lo(), t = function(n) {
+  var e = ko(), t = function(n) {
     var r = n.styles, o = n.dynamic;
     return e(r, o), null;
   };
   return t;
-}, ko = {
+}, $o = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, $e = function(e) {
   return parseInt(e || "", 10) || 0;
-}, $o = function(e) {
+}, Wo = 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)];
-}, Wo = function(e) {
+}, Bo = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return ko;
-  var t = $o(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+    return $o;
+  var t = Wo(e), n = document.documentElement.clientWidth, r = window.innerWidth;
   return {
     left: t[0],
     top: t[1],
     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;
+}, Uo = sn(), re = "data-scroll-locked", Ko = 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, ` {
+  .`.concat(_o, ` {
    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,22 +1361,22 @@ 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, `;
+    right: `).concat(c, "px ").concat(r, `;
   }
   
   .`).concat(Ee, ` {
-    margin-right: `).concat(i, "px ").concat(r, `;
+    margin-right: `).concat(c, "px ").concat(r, `;
   }
   
   .`).concat(Ce, " .").concat(Ce, ` {
@@ -1387,26 +1388,26 @@ var Fo = function() {
   }
   
   body[`).concat(re, `] {
-    `).concat(_o, ": ").concat(i, `px;
+    `).concat(Ro, ": ").concat(c, `px;
   }
 `);
 }, Ct = function() {
   var e = parseInt(document.body.getAttribute(re) || "0", 10);
   return isFinite(e) ? e : 0;
-}, Ko = function() {
+}, Go = function() {
   a.useEffect(function() {
     return document.body.setAttribute(re, (Ct() + 1).toString()), function() {
       var e = Ct() - 1;
       e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
     };
   }, []);
-}, Go = function(e) {
+}, Vo = function(e) {
   var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
-  Ko();
-  var c = a.useMemo(function() {
-    return Wo(o);
+  Go();
+  var i = a.useMemo(function() {
+    return Bo(o);
   }, [o]);
-  return a.createElement(Bo, { styles: Uo(c, !t, o, n ? "" : "!important") });
+  return a.createElement(Uo, { styles: Ko(i, !t, o, n ? "" : "!important") });
 }, Ye = !1;
 if (typeof window < "u")
   try {
@@ -1419,7 +1420,7 @@ if (typeof window < "u")
   } catch {
     Ye = !1;
   }
-var ee = Ye ? { passive: !1 } : !1, Vo = function(e) {
+var ee = Ye ? { passive: !1 } : !1, Yo = function(e) {
   return e.tagName === "TEXTAREA";
 }, un = function(e, t) {
   if (!(e instanceof Element))
@@ -1428,11 +1429,11 @@ var ee = Ye ? { passive: !1 } : !1, Vo = function(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 && !Yo(e) && n[t] === "visible")
   );
-}, Yo = function(e) {
-  return un(e, "overflowY");
 }, jo = function(e) {
+  return un(e, "overflowY");
+}, Xo = function(e) {
   return un(e, "overflowX");
 }, Et = function(e, t) {
   var n = t.ownerDocument, r = t;
@@ -1440,21 +1441,21 @@ var ee = Ye ? { passive: !1 } : !1, Vo = function(e) {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
     var o = ln(e, r);
     if (o) {
-      var c = dn(e, r), s = c[1], i = c[2];
-      if (s > i)
+      var i = dn(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) {
+}, Ho = function(e) {
   var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
   return [
     t,
     n,
     r
   ];
-}, Ho = function(e) {
+}, zo = function(e) {
   var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
   return [
     t,
@@ -1462,20 +1463,20 @@ var ee = Ye ? { passive: !1 } : !1, Vo = function(e) {
     r
   ];
 }, ln = function(e, t) {
-  return e === "v" ? Yo(t) : jo(t);
+  return e === "v" ? jo(t) : Xo(t);
 }, dn = function(e, t) {
-  return e === "v" ? Xo(t) : Ho(t);
-}, zo = function(e, t) {
+  return e === "v" ? Ho(t) : zo(t);
+}, Zo = 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;
+}, Qo = function(e, t, n, r, o) {
+  var i = Zo(e, window.getComputedStyle(t).direction), s = i * r, c = n.target, l = 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 = dn(e, c), h = g[0], d = g[1], y = g[2], w = d - y - i * h;
+    (h || w) && ln(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)
+    !l && c !== document.body || // self content
+    l && (t.contains(c) || t === c)
   );
   return (p && (Math.abs(f) < 1 || !o) || !p && (Math.abs(m) < 1 || !o)) && (u = !0), u;
 }, ye = function(e) {
@@ -1484,16 +1485,16 @@ var ee = Ye ? { passive: !1 } : !1, Vo = function(e) {
   return [e.deltaX, e.deltaY];
 }, St = function(e) {
   return e && "current" in e ? e.current : e;
-}, Qo = function(e, t) {
+}, qo = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
-}, qo = function(e) {
+}, Jo = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, 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);
+}, ea = 0, te = [];
+function ta(e) {
+  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(ea++)[0], i = a.useState(sn)[0], s = a.useRef(e);
   a.useEffect(function() {
     s.current = e;
   }, [e]), a.useEffect(function() {
@@ -1509,7 +1510,7 @@ function ea(e) {
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var i = a.useCallback(function(d, y) {
+  var c = a.useCallback(function(d, y) {
     if ("touches" in d && d.touches.length === 2 || d.type === "wheel" && d.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";
@@ -1523,12 +1524,12 @@ function ea(e) {
     if (!r.current && "changedTouches" in d && (b || _) && (r.current = R), !R)
       return !0;
     var I = r.current || R;
-    return Zo(I, y, d, I === "h" ? b : _, !0);
+    return Qo(I, y, d, I === "h" ? b : _, !0);
   }, []), l = a.useCallback(function(d) {
     var y = d;
-    if (!(!te.length || te[te.length - 1] !== c)) {
+    if (!(!te.length || te[te.length - 1] !== i)) {
       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 R.name === y.type && (R.target === y.target || y.target === R.shadowParent) && qo(R.delta, w);
       })[0];
       if (E && E.should) {
         y.cancelable && y.preventDefault();
@@ -1537,12 +1538,12 @@ function ea(e) {
       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;
+        }), _ = b.length > 0 ? c(y, b[0]) : !s.current.noIsolation;
         _ && y.cancelable && y.preventDefault();
       }
     }
   }, []), u = a.useCallback(function(d, y, w, E) {
-    var b = { name: d, delta: y, target: w, should: E, shadowParent: ta(w) };
+    var b = { name: d, delta: y, target: w, should: E, shadowParent: na(w) };
     t.current.push(b), setTimeout(function() {
       t.current = t.current.filter(function(_) {
         return _ !== b;
@@ -1551,18 +1552,18 @@ function ea(e) {
   }, []), 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));
+    u(d.type, bt(d), d.target, c(d, e.lockRef.current));
   }, []), m = a.useCallback(function(d) {
-    u(d.type, ye(d), d.target, i(d, e.lockRef.current));
+    u(d.type, ye(d), d.target, c(d, 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;
+        return d !== i;
       }), document.removeEventListener("wheel", l, ee), document.removeEventListener("touchmove", l, ee), document.removeEventListener("touchstart", p, ee);
     };
   }, []);
@@ -1570,32 +1571,32 @@ function ea(e) {
   return a.createElement(
     a.Fragment,
     null,
-    h ? a.createElement(c, { styles: qo(o) }) : null,
-    g ? a.createElement(Go, { gapMode: e.gapMode }) : null
+    h ? a.createElement(i, { styles: Jo(o) }) : null,
+    g ? a.createElement(Vo, { gapMode: e.gapMode }) : null
   );
 }
-function ta(e) {
+function na(e) {
   for (var t = null; e !== null; )
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const na = Ao(cn, ea);
+const ra = Do(cn, ta);
 var fn = a.forwardRef(function(e, t) {
-  return a.createElement(xe, j({}, e, { ref: t, sideCar: na }));
+  return a.createElement(xe, j({}, e, { ref: t, sideCar: ra }));
 });
 fn.classNames = xe.classNames;
-var je = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp", "PageDown", "End"], oa = [...ra, ...pn], aa = {
+var je = ["Enter", " "], oa = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp", "PageDown", "End"], aa = [...oa, ...pn], ia = {
   ltr: [...je, "ArrowRight"],
   rtl: [...je, "ArrowLeft"]
 }, ca = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, pe = "Menu", [de, ia, sa] = Mt(pe), [Z, mn] = Dt(pe, [
-  sa,
+}, pe = "Menu", [de, sa, ua] = Mt(pe), [Z, mn] = Dt(pe, [
+  ua,
   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);
+]), Ne = Ut(), vn = en(), [la, oe] = Z(pe), [da, me] = Z(pe), hn = (e) => {
+  const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: i, modal: s = !0 } = e, c = Ne(t), [l, u] = a.useState(null), p = a.useRef(!1), f = X(i), m = xt(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,8 +1604,8 @@ 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(
-    ua,
+  }, []), /* @__PURE__ */ v(Zr, { ...c, children: /* @__PURE__ */ v(
+    la,
     {
       scope: t,
       open: n,
@@ -1612,7 +1613,7 @@ var je = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp",
       content: l,
       onContentChange: u,
       children: /* @__PURE__ */ v(
-        la,
+        da,
         {
           scope: t,
           onClose: a.useCallback(() => f(!1), [f]),
@@ -1626,26 +1627,26 @@ var je = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp",
   ) });
 };
 hn.displayName = pe;
-var da = "MenuAnchor", qe = a.forwardRef(
+var fa = "MenuAnchor", qe = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e, o = Ne(n);
-    return /* @__PURE__ */ v(Zr, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ v(Qr, { ...o, ...r, ref: t });
   }
 );
-qe.displayName = da;
-var fa = "MenuPortal", [kc, gn] = Z(fa, {
+qe.displayName = fa;
+var pa = "MenuPortal", [Wi, gn] = Z(pa, {
   forceMount: void 0
-}), k = "MenuContent", [pa, Je] = Z(k), wn = a.forwardRef(
+}), k = "MenuContent", [ma, Je] = Z(k), wn = 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 = gn(k, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = oe(k, e.__scopeMenu), s = me(k, 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(va, { ...o, ref: t }) : /* @__PURE__ */ v(ha, { ...o, ref: t }) }) }) });
   }
-), ma = a.forwardRef(
+), va = a.forwardRef(
   (e, t) => {
     const n = oe(k, e.__scopeMenu), r = a.useRef(null), o = W(t, r);
     return a.useEffect(() => {
-      const c = r.current;
-      if (c) return ir(c);
+      const i = r.current;
+      if (i) return cr(i);
     }, []), /* @__PURE__ */ v(
       et,
       {
@@ -1656,14 +1657,14 @@ 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)
       }
     );
   }
-), va = a.forwardRef((e, t) => {
+), ha = a.forwardRef((e, t) => {
   const n = oe(k, e.__scopeMenu);
   return /* @__PURE__ */ v(
     et,
@@ -1682,9 +1683,9 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
       __scopeMenu: n,
       loop: r = !1,
       trapFocus: o,
-      onOpenAutoFocus: c,
+      onOpenAutoFocus: i,
       onCloseAutoFocus: s,
-      disableOutsidePointerEvents: i,
+      disableOutsidePointerEvents: c,
       onEntryFocus: l,
       onEscapeKeyDown: u,
       onPointerDownOutside: p,
@@ -1693,20 +1694,20 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
       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;
+    } = e, y = oe(k, n), w = me(k, n), E = Ne(n), b = vn(n), _ = sa(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, ce;
+      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, ie = N.map((F) => F.textValue), ve = xa(ie, A, ae), z = (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.useEffect(() => () => window.clearTimeout(I.current), []), Tr();
+    a.useEffect(() => () => window.clearTimeout(I.current), []), Or();
     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);
+      return K.current === ((N = H.current) == null ? void 0 : N.side) && Ia(C, (U = H.current) == null ? void 0 : U.area);
     }, []);
     return /* @__PURE__ */ v(
-      pa,
+      ma,
       {
         scope: n,
         searchRef: T,
@@ -1738,7 +1739,7 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
           {
             asChild: !0,
             trapped: o,
-            onMountAutoFocus: M(c, (C) => {
+            onMountAutoFocus: M(i, (C) => {
               var A;
               C.preventDefault(), (A = S.current) == null || A.focus({ preventScroll: !0 });
             }),
@@ -1747,14 +1748,14 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
               Ft,
               {
                 asChild: !0,
-                disableOutsidePointerEvents: i,
+                disableOutsidePointerEvents: c,
                 onEscapeKeyDown: u,
                 onPointerDownOutside: p,
                 onFocusOutside: f,
                 onInteractOutside: m,
                 onDismiss: g,
                 children: /* @__PURE__ */ v(
-                  Eo,
+                  bo,
                   {
                     asChild: !0,
                     ...b,
@@ -1768,7 +1769,7 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ v(
-                      Qr,
+                      qr,
                       {
                         role: "menu",
                         "aria-orientation": "vertical",
@@ -1782,11 +1783,11 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
                         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;
+                          const ie = S.current;
+                          if (C.target !== ie || !aa.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);
+                          pn.includes(C.key) && z.reverse(), Pa(z);
                         }),
                         onBlur: M(e.onBlur, (C) => {
                           C.currentTarget.contains(C.target) || (window.clearTimeout(I.current), T.current = "");
@@ -1814,24 +1815,24 @@ var fa = "MenuPortal", [kc, gn] = Z(fa, {
   }
 );
 wn.displayName = k;
-var ha = "MenuGroup", tt = a.forwardRef(
+var ga = "MenuGroup", tt = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
     return /* @__PURE__ */ v(B.div, { role: "group", ...r, ref: t });
   }
 );
-tt.displayName = ha;
-var ga = "MenuLabel", yn = a.forwardRef(
+tt.displayName = ga;
+var wa = "MenuLabel", yn = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
     return /* @__PURE__ */ v(B.div, { ...r, ref: t });
   }
 );
-yn.displayName = ga;
+yn.displayName = wa;
 var _e = "MenuItem", _t = "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(_e, e.__scopeMenu), c = Je(_e, e.__scopeMenu), l = W(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();
@@ -1853,7 +1854,7 @@ 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 !== "";
+          const m = c.searchRef.current !== "";
           n || m && f.key === " " || je.includes(f.key) && (f.currentTarget.click(), f.preventDefault());
         })
       }
@@ -1863,24 +1864,24 @@ var _e = "MenuItem", _t = "menu.itemSelect", Ie = a.forwardRef(
 Ie.displayName = _e;
 var Cn = 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 = Je(_e, n), c = vn(n), l = a.useRef(null), u = W(t, l), [p, f] = a.useState(!1), [m, g] = a.useState("");
     return a.useEffect(() => {
       const h = l.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(
+        children: /* @__PURE__ */ v(So, { asChild: !0, ...c, focusable: !r, children: /* @__PURE__ */ v(
           B.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,7 +1900,7 @@ var Cn = a.forwardRef(
       }
     );
   }
-), wa = "MenuCheckboxItem", En = a.forwardRef(
+), ya = "MenuCheckboxItem", En = a.forwardRef(
   (e, t) => {
     const { checked: n = !1, onCheckedChange: r, ...o } = e;
     return /* @__PURE__ */ v(Pn, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ v(
@@ -1919,29 +1920,29 @@ var Cn = a.forwardRef(
     ) });
   }
 );
-En.displayName = wa;
-var bn = "MenuRadioGroup", [ya, Ca] = Z(
+En.displayName = ya;
+var bn = "MenuRadioGroup", [Ca, Ea] = Z(
   bn,
   { value: void 0, onValueChange: () => {
   } }
 ), Sn = 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 = X(r);
+    return /* @__PURE__ */ v(Ca, { scope: e.__scopeMenu, value: n, onValueChange: i, children: /* @__PURE__ */ v(tt, { ...o, ref: t }) });
   }
 );
 Sn.displayName = bn;
 var _n = "MenuRadioItem", Rn = 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 = Ea(_n, e.__scopeMenu), i = n === o.value;
+    return /* @__PURE__ */ v(Pn, { 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": rt(i),
         onSelect: M(
           r.onSelect,
           () => {
@@ -1955,22 +1956,22 @@ var _n = "MenuRadioItem", Rn = a.forwardRef(
   }
 );
 Rn.displayName = _n;
-var nt = "MenuItemIndicator", [Pn, Ea] = Z(
+var nt = "MenuItemIndicator", [Pn, ba] = Z(
   nt,
   { checked: !1 }
 ), Mn = a.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, forceMount: r, ...o } = e, c = Ea(nt, n);
+    const { __scopeMenu: n, forceMount: r, ...o } = e, i = ba(nt, 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,
           {
             ...o,
             ref: t,
-            "data-state": rt(c.checked)
+            "data-state": rt(i.checked)
           }
         )
       }
@@ -1978,7 +1979,7 @@ var nt = "MenuItemIndicator", [Pn, Ea] = Z(
   }
 );
 Mn.displayName = nt;
-var ba = "MenuSeparator", xn = a.forwardRef(
+var Sa = "MenuSeparator", xn = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
     return /* @__PURE__ */ v(
@@ -1992,25 +1993,25 @@ var ba = "MenuSeparator", xn = a.forwardRef(
     );
   }
 );
-xn.displayName = ba;
-var Sa = "MenuArrow", Nn = a.forwardRef(
+xn.displayName = Sa;
+var _a = "MenuArrow", Nn = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e, o = Ne(n);
-    return /* @__PURE__ */ v(qr, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ v(Jr, { ...o, ...r, ref: t });
   }
 );
-Nn.displayName = Sa;
-var _a = "MenuSub", [$c, In] = Z(_a), le = "MenuSubTrigger", An = a.forwardRef(
+Nn.displayName = _a;
+var Ra = "MenuSub", [Bi, In] = Z(Ra), le = "MenuSubTrigger", An = 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 = In(le, e.__scopeMenu), i = Je(le, e.__scopeMenu), s = a.useRef(null), { pointerGraceTimerRef: c, onPointerGraceIntentChange: l } = 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);
       };
-    }, [i, l]), /* @__PURE__ */ v(qe, { asChild: !0, ...u, children: /* @__PURE__ */ v(
+    }, [c, l]), /* @__PURE__ */ v(qe, { asChild: !0, ...u, children: /* @__PURE__ */ v(
       Cn,
       {
         id: o.triggerId,
@@ -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));
           })
@@ -2040,7 +2041,7 @@ var _a = "MenuSub", [$c, In] = Z(_a), le = "MenuSubTrigger", An = a.forwardRef(
             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({
+              i.onPointerGraceIntentChange({
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
                   // consistently within polygon bounds
@@ -2051,20 +2052,20 @@ var _a = "MenuSub", [$c, In] = Z(_a), le = "MenuSubTrigger", An = a.forwardRef(
                   { x: E, y: m.bottom }
                 ],
                 side: d
-              }), window.clearTimeout(i.current), i.current = window.setTimeout(
-                () => c.onPointerGraceIntentChange(null),
+              }), 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 !== "";
-          e.disabled || m && f.key === " " || aa[r.dir].includes(f.key) && (n.onOpenChange(!0), (g = n.content) == null || g.focus(), f.preventDefault());
+          const m = i.searchRef.current !== "";
+          e.disabled || m && f.key === " " || ia[r.dir].includes(f.key) && (n.onOpenChange(!0), (g = n.content) == null || g.focus(), f.preventDefault());
         })
       }
     ) });
@@ -2073,12 +2074,12 @@ var _a = "MenuSub", [$c, In] = Z(_a), le = "MenuSubTrigger", An = a.forwardRef(
 An.displayName = le;
 var Dn = "MenuSubContent", Tn = 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(
+    const n = gn(k, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = oe(k, e.__scopeMenu), s = me(k, e.__scopeMenu), c = 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 || i.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(
       et,
       {
-        id: i.contentId,
-        "aria-labelledby": i.triggerId,
+        id: c.contentId,
+        "aria-labelledby": c.triggerId,
         ...o,
         ref: u,
         align: "start",
@@ -2092,7 +2093,7 @@ var Dn = "MenuSubContent", Tn = a.forwardRef(
         },
         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();
@@ -2100,7 +2101,7 @@ var Dn = "MenuSubContent", Tn = a.forwardRef(
         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());
+          f && m && (i.onOpenChange(!1), (g = c.trigger) == null || g.focus(), p.preventDefault());
         })
       }
     ) }) }) });
@@ -2116,59 +2117,59 @@ function Re(e) {
 function rt(e) {
   return Re(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-function Ra(e) {
+function Pa(e) {
   const t = document.activeElement;
   for (const n of e)
     if (n === t || (n.focus(), document.activeElement !== t)) return;
 }
-function Pa(e, t) {
+function Ma(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));
+function xa(e, t, n) {
+  const o = t.length > 1 && Array.from(t).every((u) => u === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1;
+  let s = Ma(e, Math.max(i, 0));
   o.length === 1 && (s = s.filter((u) => u !== n));
   const l = s.find(
     (u) => u.toLowerCase().startsWith(o.toLowerCase())
   );
   return l !== n ? l : void 0;
 }
-function xa(e, t) {
+function Na(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, l = t[i].y, u = t[s].x, p = t[s].y;
+    l > r != p > r && n < (u - c) * (r - l) / (p - l) + c && (o = !o);
   }
   return o;
 }
-function Na(e, t) {
+function Ia(e, t) {
   if (!t) return !1;
   const n = { x: e.clientX, y: e.clientY };
-  return xa(n, t);
+  return Na(n, 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(
+var Aa = hn, Da = qe, Ta = wn, Oa = tt, Fa = yn, La = Ie, ka = En, $a = Sn, Wa = Rn, Ba = Mn, Ua = xn, Ka = Nn, Ga = An, Va = Tn, ot = "DropdownMenu", [Ya, Ui] = pr(
   ot,
   [mn]
-), D = mn(), [Ya, Fn] = Va(ot), Ln = (e) => {
+), D = mn(), [ja, Fn] = Ya(ot), Ln = (e) => {
   const {
     __scopeDropdownMenu: t,
     children: n,
     dir: r,
     open: o,
-    defaultOpen: c,
+    defaultOpen: i,
     onOpenChange: s,
-    modal: i = !0
+    modal: c = !0
   } = e, l = D(t), u = a.useRef(null), [p = !1, f] = Pt({
     prop: o,
-    defaultProp: c,
+    defaultProp: i,
     onChange: s
   });
   return /* @__PURE__ */ v(
-    Ya,
+    ja,
     {
       scope: t,
       triggerId: We(),
@@ -2177,33 +2178,33 @@ var Ia = hn, Aa = qe, Da = wn, Ta = tt, Oa = yn, Fa = Ie, La = En, ka = Sn, $a =
       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(Aa, { ...l, open: p, onOpenChange: f, dir: r, modal: c, children: n })
     }
   );
 };
 Ln.displayName = ot;
 var kn = "DropdownMenuTrigger", $n = a.forwardRef(
   (e, t) => {
-    const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, c = Fn(kn, n), s = D(n);
-    return /* @__PURE__ */ v(Aa, { asChild: !0, ...s, children: /* @__PURE__ */ v(
-      yr.button,
+    const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, i = Fn(kn, n), s = D(n);
+    return /* @__PURE__ */ v(Da, { asChild: !0, ...s, children: /* @__PURE__ */ v(
+      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: It(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());
         })
       }
     ) });
@@ -2212,21 +2213,21 @@ var kn = "DropdownMenuTrigger", $n = a.forwardRef(
 $n.displayName = kn;
 var Wn = "DropdownMenuContent", Bn = 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 = Fn(Wn, n), i = D(n), s = a.useRef(!1);
     return /* @__PURE__ */ v(
-      Da,
+      Ta,
       {
         id: o.contentId,
         "aria-labelledby": o.triggerId,
-        ...c,
+        ...i,
         ...r,
         ref: t,
-        onCloseAutoFocus: Se(e.onCloseAutoFocus, (i) => {
+        onCloseAutoFocus: Se(e.onCloseAutoFocus, (c) => {
           var l;
-          s.current || (l = o.triggerRef.current) == null || l.focus(), s.current = !1, i.preventDefault();
+          s.current || (l = o.triggerRef.current) == null || l.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 l = c.detail.originalEvent, u = l.button === 0 && l.ctrlKey === !0, p = l.button === 2 || u;
           (!o.modal || p) && (s.current = !0);
         }),
         style: {
@@ -2242,68 +2243,68 @@ var Wn = "DropdownMenuContent", Bn = a.forwardRef(
   }
 );
 Bn.displayName = Wn;
-var ja = "DropdownMenuGroup", Xa = a.forwardRef(
+var Xa = "DropdownMenuGroup", Ha = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
-    return /* @__PURE__ */ v(Ta, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ v(Oa, { ...o, ...r, ref: t });
   }
 );
-Xa.displayName = ja;
-var Ha = "DropdownMenuLabel", za = a.forwardRef(
+Ha.displayName = Xa;
+var za = "DropdownMenuLabel", Za = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
-    return /* @__PURE__ */ v(Oa, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ v(Fa, { ...o, ...r, ref: t });
   }
 );
-za.displayName = Ha;
-var Za = "DropdownMenuItem", Un = a.forwardRef(
+Za.displayName = za;
+var Qa = "DropdownMenuItem", Un = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
-    return /* @__PURE__ */ v(Fa, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ v(La, { ...o, ...r, ref: t });
   }
 );
-Un.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) => {
+Un.displayName = Qa;
+var qa = "DropdownMenuCheckboxItem", Ja = 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) => {
+Ja.displayName = qa;
+var ei = "DropdownMenuRadioGroup", ti = 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) => {
+ti.displayName = ei;
+var ni = "DropdownMenuRadioItem", ri = 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) => {
+ri.displayName = ni;
+var oi = "DropdownMenuItemIndicator", ai = 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(
+ai.displayName = oi;
+var ii = "DropdownMenuSeparator", ci = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+  return /* @__PURE__ */ v(Ua, { ...o, ...r, ref: t });
+});
+ci.displayName = ii;
+var si = "DropdownMenuArrow", ui = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
-    return /* @__PURE__ */ v(Ua, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ v(Ka, { ...o, ...r, ref: t });
   }
 );
-sc.displayName = ic;
-var uc = "DropdownMenuSubTrigger", lc = a.forwardRef((e, t) => {
+ui.displayName = si;
+var li = "DropdownMenuSubTrigger", di = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
-  return /* @__PURE__ */ v(Ka, { ...o, ...r, ref: t });
+  return /* @__PURE__ */ v(Ga, { ...o, ...r, ref: t });
 });
-lc.displayName = uc;
-var dc = "DropdownMenuSubContent", fc = a.forwardRef((e, t) => {
+di.displayName = li;
+var fi = "DropdownMenuSubContent", pi = a.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
   return /* @__PURE__ */ v(
-    Ga,
+    Va,
     {
       ...o,
       ...r,
@@ -2319,42 +2320,42 @@ 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({
+pi.displayName = fi;
+var mi = Ln, vi = $n, hi = Bn, gi = Un;
+const wi = "cfxui__DropdownSelect__content__05ed8", yi = "cfxui__DropdownSelect__item__0e45f", Ci = "cfxui__DropdownSelect__trigger__c03df", Ei = "cfxui__DropdownSelect__small__e614b", bi = "cfxui__DropdownSelect__large__dd0b2", Si = "cfxui__DropdownSelect__onlight__f0191", _i = "cfxui__DropdownSelect__icon__d05b8", Ri = "cfxui__DropdownSelect__placeholder__e0d89", Pi = "cfxui__DropdownSelect__fullWidth__dce56", L = {
+  content: wi,
+  item: yi,
+  trigger: Ci,
+  small: Ei,
+  large: bi,
+  onlight: Si,
+  icon: _i,
+  placeholder: Ri,
+  fullWidth: Pi
+}, Ki = function({
   options: t,
   value: n,
   onChange: r,
   size: o = "normal",
-  fullWidth: c = !1,
+  fullWidth: i = !1,
   onlight: s = !1,
-  disabled: i,
+  disabled: c,
   placeholder: l = "Select..."
 }) {
   const u = jn(null), [p, f] = Rt(void 0);
   return Xn(() => {
-    c && u.current && f(u.current.offsetWidth);
-  }, [c]), /* @__PURE__ */ st(pc, { children: [
+    i && u.current && f(u.current.offsetWidth);
+  }, [i]), /* @__PURE__ */ st(mi, { children: [
     /* @__PURE__ */ v(
-      mc,
+      vi,
       {
         ref: u,
         className: Ae(L.trigger, L[o], {
           [L.placeholder]: !n,
-          [L.fullWidth]: c,
+          [L.fullWidth]: i,
           [L.onlight]: s
         }),
-        disabled: i,
+        disabled: c,
         children: /* @__PURE__ */ st(dr, { gap: "small", centered: !0, spaceBetween: !0, children: [
           n || l,
           /* @__PURE__ */ v(lr, { size: sr[o], className: L.icon, name: "DownChevron" })
@@ -2362,20 +2363,23 @@ const gc = "cfxui__DropdownSelect__content__05ed8", wc = "cfxui__DropdownSelect_
       }
     ),
     /* @__PURE__ */ v(
-      vc,
+      hi,
       {
         align: "end",
         side: "bottom",
         className: Ae(L.content, {
-          [L.fullWidth]: c,
+          [L.fullWidth]: i,
           [L.onlight]: s
         }),
-        style: { width: p },
+        style: {
+          width: p,
+          zIndex: fr.zindex("max")
+        },
         children: t.map((m) => /* @__PURE__ */ v(
-          hc,
+          gi,
           {
             className: Ae(L.item, L[o], {
-              [L.fullWidth]: c
+              [L.fullWidth]: i
             }),
             onSelect: () => r(m.value),
             style: { width: p },
@@ -2388,6 +2392,6 @@ const gc = "cfxui__DropdownSelect__content__05ed8", wc = "cfxui__DropdownSelect_
   ] });
 };
 export {
-  Bc as DropdownSelect,
-  Bc as default
+  Ki as DropdownSelect,
+  Ki as default
 };