highsoft-ui 1.0.5 → 1.0.6

package/dist/components/PrefPanel/index.js

@@ -118,22 +118,22 @@ function q(...e) {
 // @__NO_SIDE_EFFECTS__
 function Xt(e) {
   const t = /* @__PURE__ */ dr(e), n = a.forwardRef((r, o) => {
-    const { children: i, ...c } = r, s = a.Children.toArray(i), u = s.find(pr);
+    const { children: i, ...s } = r, c = a.Children.toArray(i), u = c.find(pr);
     if (u) {
-      const l = u.props.children, f = s.map((d) => d === u ? a.Children.count(l) > 1 ? a.Children.only(null) : a.isValidElement(l) ? l.props.children : null : d);
-      return /* @__PURE__ */ C(t, { ...c, ref: o, children: a.isValidElement(l) ? a.cloneElement(l, void 0, f) : null });
+      const l = u.props.children, f = c.map((d) => d === u ? a.Children.count(l) > 1 ? a.Children.only(null) : a.isValidElement(l) ? l.props.children : null : d);
+      return /* @__PURE__ */ C(t, { ...s, ref: o, children: a.isValidElement(l) ? a.cloneElement(l, void 0, f) : null });
     }
-    return /* @__PURE__ */ C(t, { ...c, ref: o, children: i });
+    return /* @__PURE__ */ C(t, { ...s, ref: o, children: i });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
 function dr(e) {
   const t = a.forwardRef((n, r) => {
-    const { children: o, ...i } = n, c = a.isValidElement(o) ? vr(o) : void 0, s = q(c, r);
+    const { children: o, ...i } = n, s = a.isValidElement(o) ? vr(o) : void 0, c = q(s, r);
     if (a.isValidElement(o)) {
       const u = mr(i, o.props);
-      return o.type !== a.Fragment && (u.ref = s), a.cloneElement(o, u);
+      return o.type !== a.Fragment && (u.ref = c), a.cloneElement(o, u);
     }
     return a.Children.count(o) > 1 ? a.Children.only(null) : null;
   });
@@ -147,9 +147,9 @@ function mr(e, t) {
   const n = { ...t };
   for (const r in t) {
     const o = e[r], i = t[r];
-    /^on[A-Z]/.test(r) ? o && i ? n[r] = (...s) => {
-      const u = i(...s);
-      return o(...s), u;
+    /^on[A-Z]/.test(r) ? o && i ? n[r] = (...c) => {
+      const u = i(...c);
+      return o(...c), u;
     } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...i } : r === "className" && (n[r] = [o, i].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
@@ -179,8 +179,8 @@ var gr = [
   "ul"
 ], G = gr.reduce((e, t) => {
   const n = /* @__PURE__ */ Xt(`Primitive.${t}`), r = a.forwardRef((o, i) => {
-    const { asChild: c, ...s } = o, u = c ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ C(u, { ...s, ref: i });
+    const { asChild: s, ...c } = o, u = s ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ C(u, { ...c, ref: i });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
@@ -189,31 +189,31 @@ function yr(e, t) {
 }
 function Kt(e, t = []) {
   let n = [];
-  function r(i, c) {
-    const s = a.createContext(c), u = n.length;
-    n = [...n, c];
+  function r(i, s) {
+    const c = a.createContext(s), u = n.length;
+    n = [...n, s];
     const l = (d) => {
       var y;
-      const { scope: p, children: m, ...g } = d, h = ((y = p == null ? void 0 : p[e]) == null ? void 0 : y[u]) || s, v = a.useMemo(() => g, Object.values(g));
+      const { scope: p, children: m, ...g } = d, h = ((y = p == null ? void 0 : p[e]) == null ? void 0 : y[u]) || c, v = a.useMemo(() => g, Object.values(g));
       return /* @__PURE__ */ C(h.Provider, { value: v, children: m });
     };
     l.displayName = i + "Provider";
     function f(d, p) {
       var h;
-      const m = ((h = p == null ? void 0 : p[e]) == null ? void 0 : h[u]) || s, g = a.useContext(m);
+      const m = ((h = p == null ? void 0 : p[e]) == null ? void 0 : h[u]) || c, g = a.useContext(m);
       if (g) return g;
-      if (c !== void 0) return c;
+      if (s !== void 0) return s;
       throw new Error(`\`${d}\` must be used within \`${i}\``);
     }
     return [l, f];
   }
   const o = () => {
-    const i = n.map((c) => a.createContext(c));
-    return function(s) {
-      const u = (s == null ? void 0 : s[e]) || i;
+    const i = n.map((s) => a.createContext(s));
+    return function(c) {
+      const u = (c == null ? void 0 : c[e]) || i;
       return a.useMemo(
-        () => ({ [`__scope${e}`]: { ...s, [e]: u } }),
-        [s, u]
+        () => ({ [`__scope${e}`]: { ...c, [e]: u } }),
+        [c, u]
       );
     };
   };
@@ -228,11 +228,11 @@ function wr(...e) {
       scopeName: o.scopeName
     }));
     return function(i) {
-      const c = r.reduce((s, { useScope: u, scopeName: l }) => {
+      const s = r.reduce((c, { useScope: u, scopeName: l }) => {
         const d = u(i)[`__scope${l}`];
-        return { ...s, ...d };
+        return { ...c, ...d };
       }, {});
-      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return n.scopeName = t.scopeName, n;
@@ -252,29 +252,29 @@ function xr({
   },
   caller: r
 }) {
-  const [o, i, c] = Er({
+  const [o, i, s] = Er({
     defaultProp: t,
     onChange: n
-  }), s = e !== void 0, u = s ? e : o;
+  }), c = e !== void 0, u = c ? e : o;
   {
     const f = a.useRef(e !== void 0);
     a.useEffect(() => {
       const d = f.current;
-      d !== s && console.warn(
-        `${r} is changing from ${d ? "controlled" : "uncontrolled"} to ${s ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), f.current = s;
-    }, [s, r]);
+      d !== c && console.warn(
+        `${r} is changing from ${d ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), f.current = c;
+    }, [c, r]);
   }
   const l = a.useCallback(
     (f) => {
       var d;
-      if (s) {
+      if (c) {
         const p = Cr(f) ? f(e) : f;
-        p !== e && ((d = c.current) == null || d.call(c, p));
+        p !== e && ((d = s.current) == null || d.call(s, p));
       } else
         i(f);
     },
-    [s, e, i, c]
+    [c, e, i, s]
   );
   return [u, l];
 }
@@ -286,8 +286,8 @@ function Er({
   return br(() => {
     i.current = t;
   }, [t]), a.useEffect(() => {
-    var c;
-    o.current !== n && ((c = i.current) == null || c.call(i, n), o.current = n);
+    var s;
+    o.current !== n && ((s = i.current) == null || s.call(i, n), o.current = n);
   }, [n, o]), [n, r, i];
 }
 function Cr(e) {
@@ -297,12 +297,12 @@ function Pr(e, t) {
   return a.useReducer((n, r) => t[n][r] ?? n, e);
 }
 var it = (e) => {
-  const { present: t, children: n } = e, r = Sr(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), i = q(r.ref, Ar(o));
+  const { present: t, children: n } = e, r = Ar(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), i = q(r.ref, Sr(o));
   return typeof n == "function" || r.isPresent ? a.cloneElement(o, { ref: i }) : null;
 };
 it.displayName = "Presence";
-function Sr(e) {
-  const [t, n] = a.useState(), r = a.useRef(null), o = a.useRef(e), i = a.useRef("none"), c = e ? "mounted" : "unmounted", [s, u] = Pr(c, {
+function Ar(e) {
+  const [t, n] = a.useState(), r = a.useRef(null), o = a.useRef(e), i = a.useRef("none"), s = e ? "mounted" : "unmounted", [c, u] = Pr(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -316,19 +316,19 @@ function Sr(e) {
     }
   });
   return a.useEffect(() => {
-    const l = Se(r.current);
-    i.current = s === "mounted" ? l : "none";
-  }, [s]), te(() => {
+    const l = Ae(r.current);
+    i.current = c === "mounted" ? l : "none";
+  }, [c]), te(() => {
     const l = r.current, f = o.current;
     if (f !== e) {
-      const p = i.current, m = Se(l);
+      const p = i.current, m = Ae(l);
       e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(f && p !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
   }, [e, u]), te(() => {
     if (t) {
       let l;
       const f = t.ownerDocument.defaultView ?? window, d = (m) => {
-        const h = Se(r.current).includes(m.animationName);
+        const h = Ae(r.current).includes(m.animationName);
         if (m.target === t && h && (u("ANIMATION_END"), !o.current)) {
           const v = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
@@ -336,7 +336,7 @@ function Sr(e) {
           });
         }
       }, p = (m) => {
-        m.target === t && (i.current = Se(r.current));
+        m.target === t && (i.current = Ae(r.current));
       };
       return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", d), t.addEventListener("animationend", d), () => {
         f.clearTimeout(l), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", d), t.removeEventListener("animationend", d);
@@ -344,16 +344,16 @@ function Sr(e) {
     } else
       u("ANIMATION_END");
   }, [t, u]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(s),
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
     ref: a.useCallback((l) => {
       r.current = l ? getComputedStyle(l) : null, n(l);
     }, [])
   };
 }
-function Se(e) {
+function Ae(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function Ar(e) {
+function Sr(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);
@@ -395,25 +395,25 @@ var Tr = "DismissableLayer", Je = "dismissableLayer.update", kr = "dismissableLa
       onEscapeKeyDown: r,
       onPointerDownOutside: o,
       onFocusOutside: i,
-      onInteractOutside: c,
-      onDismiss: s,
+      onInteractOutside: s,
+      onDismiss: c,
       ...u
     } = e, l = a.useContext(Zt), [f, d] = a.useState(null), p = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = a.useState({}), g = q(t, (P) => d(P)), h = Array.from(l.layers), [v] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), y = h.indexOf(v), x = f ? h.indexOf(f) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, w = x >= y, E = Fr((P) => {
       const R = P.target, N = [...l.branches].some((O) => O.contains(R));
-      !w || N || (o == null || o(P), c == null || c(P), P.defaultPrevented || s == null || s());
-    }, p), S = Ir((P) => {
+      !w || N || (o == null || o(P), s == null || s(P), P.defaultPrevented || c == null || c());
+    }, p), A = Ir((P) => {
       const R = P.target;
-      [...l.branches].some((O) => O.contains(R)) || (i == null || i(P), c == null || c(P), P.defaultPrevented || s == null || s());
+      [...l.branches].some((O) => O.contains(R)) || (i == null || i(P), s == null || s(P), P.defaultPrevented || c == null || c());
     }, p);
     return Mr((P) => {
-      x === l.layers.size - 1 && (r == null || r(P), !P.defaultPrevented && s && (P.preventDefault(), s()));
+      x === l.layers.size - 1 && (r == null || r(P), !P.defaultPrevented && c && (P.preventDefault(), c()));
     }, p), a.useEffect(() => {
       if (f)
-        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Pt = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), St(), () => {
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Pt = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), At(), () => {
           n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = Pt);
         };
     }, [f, p, n, l]), a.useEffect(() => () => {
-      f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), St());
+      f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), At());
     }, [f, l]), a.useEffect(() => {
       const P = () => m({});
       return document.addEventListener(Je, P), () => document.removeEventListener(Je, P);
@@ -426,8 +426,8 @@ var Tr = "DismissableLayer", Je = "dismissableLayer.update", kr = "dismissableLa
           pointerEvents: b ? w ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: ee(e.onFocusCapture, S.onFocusCapture),
-        onBlurCapture: ee(e.onBlurCapture, S.onBlurCapture),
+        onFocusCapture: ee(e.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: ee(e.onBlurCapture, A.onBlurCapture),
         onPointerDownCapture: ee(
           e.onPointerDownCapture,
           E.onPointerDownCapture
@@ -452,8 +452,8 @@ function Fr(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = de(e), r = a.useRef(!1), o = a.useRef(() => {
   });
   return a.useEffect(() => {
-    const i = (s) => {
-      if (s.target && !r.current) {
+    const i = (c) => {
+      if (c.target && !r.current) {
         let u = function() {
           Gt(
             kr,
@@ -462,16 +462,16 @@ function Fr(e, t = globalThis == null ? void 0 : globalThis.document) {
             { discrete: !0 }
           );
         };
-        const l = { originalEvent: s };
-        s.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = u, t.addEventListener("click", o.current, { once: !0 })) : u();
+        const l = { originalEvent: c };
+        c.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = u, t.addEventListener("click", o.current, { once: !0 })) : u();
       } else
         t.removeEventListener("click", o.current);
       r.current = !1;
-    }, c = window.setTimeout(() => {
+    }, s = window.setTimeout(() => {
       t.addEventListener("pointerdown", i);
     }, 0);
     return () => {
-      window.clearTimeout(c), t.removeEventListener("pointerdown", i), 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)
@@ -492,7 +492,7 @@ function Ir(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => r.current = !1
   };
 }
-function St() {
+function At() {
   const e = new CustomEvent(Je);
   document.dispatchEvent(e);
 }
@@ -500,14 +500,14 @@ function Gt(e, t, n, { discrete: r }) {
   const o = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? yr(o, i) : o.dispatchEvent(i);
 }
-var Ve = "focusScope.autoFocusOnMount", je = "focusScope.autoFocusOnUnmount", At = { bubbles: !1, cancelable: !0 }, Wr = "FocusScope", Qt = a.forwardRef((e, t) => {
+var Ve = "focusScope.autoFocusOnMount", je = "focusScope.autoFocusOnUnmount", St = { bubbles: !1, cancelable: !0 }, Wr = "FocusScope", Qt = a.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
     onMountAutoFocus: o,
     onUnmountAutoFocus: i,
-    ...c
-  } = e, [s, u] = a.useState(null), l = de(o), f = de(i), d = a.useRef(null), p = q(t, (h) => u(h)), m = a.useRef({
+    ...s
+  } = e, [c, u] = a.useState(null), l = de(o), f = de(i), d = a.useRef(null), p = q(t, (h) => u(h)), m = a.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -519,40 +519,40 @@ var Ve = "focusScope.autoFocusOnMount", je = "focusScope.autoFocusOnUnmount", At
   a.useEffect(() => {
     if (r) {
       let h = function(b) {
-        if (m.paused || !s) return;
+        if (m.paused || !c) return;
         const w = b.target;
-        s.contains(w) ? d.current = w : Q(d.current, { select: !0 });
+        c.contains(w) ? d.current = w : Q(d.current, { select: !0 });
       }, v = function(b) {
-        if (m.paused || !s) return;
+        if (m.paused || !c) return;
         const w = b.relatedTarget;
-        w !== null && (s.contains(w) || Q(d.current, { select: !0 }));
+        w !== null && (c.contains(w) || Q(d.current, { select: !0 }));
       }, y = function(b) {
         if (document.activeElement === document.body)
           for (const E of b)
-            E.removedNodes.length > 0 && Q(s);
+            E.removedNodes.length > 0 && Q(c);
       };
       document.addEventListener("focusin", h), document.addEventListener("focusout", v);
       const x = new MutationObserver(y);
-      return s && x.observe(s, { childList: !0, subtree: !0 }), () => {
+      return c && x.observe(c, { childList: !0, subtree: !0 }), () => {
         document.removeEventListener("focusin", h), document.removeEventListener("focusout", v), x.disconnect();
       };
     }
-  }, [r, s, m.paused]), a.useEffect(() => {
-    if (s) {
+  }, [r, c, m.paused]), a.useEffect(() => {
+    if (c) {
       Ot.add(m);
       const h = document.activeElement;
-      if (!s.contains(h)) {
-        const y = new CustomEvent(Ve, At);
-        s.addEventListener(Ve, l), s.dispatchEvent(y), y.defaultPrevented || (Br(jr(Jt(s)), { select: !0 }), document.activeElement === h && Q(s));
+      if (!c.contains(h)) {
+        const y = new CustomEvent(Ve, St);
+        c.addEventListener(Ve, l), c.dispatchEvent(y), y.defaultPrevented || (Br(jr(Jt(c)), { select: !0 }), document.activeElement === h && Q(c));
       }
       return () => {
-        s.removeEventListener(Ve, l), setTimeout(() => {
-          const y = new CustomEvent(je, At);
-          s.addEventListener(je, f), s.dispatchEvent(y), y.defaultPrevented || Q(h ?? document.body, { select: !0 }), s.removeEventListener(je, f), Ot.remove(m);
+        c.removeEventListener(Ve, l), setTimeout(() => {
+          const y = new CustomEvent(je, St);
+          c.addEventListener(je, f), c.dispatchEvent(y), y.defaultPrevented || Q(h ?? document.body, { select: !0 }), c.removeEventListener(je, f), Ot.remove(m);
         }, 0);
       };
     }
-  }, [s, l, f, m]);
+  }, [c, l, f, m]);
   const g = a.useCallback(
     (h) => {
       if (!n && !r || m.paused) return;
@@ -564,7 +564,7 @@ var Ve = "focusScope.autoFocusOnMount", je = "focusScope.autoFocusOnUnmount", At
     },
     [n, r, m.paused]
   );
-  return /* @__PURE__ */ C(G.div, { tabIndex: -1, ...c, ref: p, onKeyDown: g });
+  return /* @__PURE__ */ C(G.div, { tabIndex: -1, ...s, ref: p, onKeyDown: g });
 });
 Qt.displayName = Wr;
 function Br(e, { select: t = !1 } = {}) {
@@ -630,11 +630,11 @@ function jr(e) {
   return e.filter((t) => t.tagName !== "A");
 }
 var Ur = "Portal", en = a.forwardRef((e, t) => {
-  var s;
+  var c;
   const { container: n, ...r } = e, [o, i] = a.useState(!1);
   te(() => i(!0), []);
-  const c = n || o && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
-  return c ? ur.createPortal(/* @__PURE__ */ C(G.div, { ...r, ref: t }), c) : null;
+  const s = n || o && ((c = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : c.body);
+  return s ? ur.createPortal(/* @__PURE__ */ C(G.div, { ...r, ref: t }), s) : null;
 });
 en.displayName = Ur;
 var Ue = 0;
@@ -707,11 +707,11 @@ function Qr(e, t) {
   return Gr(function() {
     var r = Tt.get(n);
     if (r) {
-      var o = new Set(r), i = new Set(e), c = n.current;
-      o.forEach(function(s) {
-        i.has(s) || Ye(s, null);
-      }), i.forEach(function(s) {
-        o.has(s) || Ye(s, c);
+      var o = new Set(r), i = new Set(e), s = n.current;
+      o.forEach(function(c) {
+        i.has(c) || Ye(c, null);
+      }), i.forEach(function(c) {
+        o.has(c) || Ye(c, s);
       });
     }
     Tt.set(n, e);
@@ -729,21 +729,21 @@ function eo(e, t) {
       return n.length ? n[n.length - 1] : e;
     },
     useMedium: function(i) {
-      var c = t(i, r);
-      return n.push(c), function() {
-        n = n.filter(function(s) {
-          return s !== c;
+      var s = t(i, r);
+      return n.push(s), function() {
+        n = n.filter(function(c) {
+          return c !== s;
         });
       };
     },
     assignSyncMedium: function(i) {
       for (r = !0; n.length; ) {
-        var c = n;
-        n = [], c.forEach(i);
+        var s = n;
+        n = [], s.forEach(i);
       }
       n = {
-        push: function(s) {
-          return i(s);
+        push: function(c) {
+          return i(c);
         },
         filter: function() {
           return n;
@@ -752,23 +752,23 @@ function eo(e, t) {
     },
     assignMedium: function(i) {
       r = !0;
-      var c = [];
+      var s = [];
       if (n.length) {
-        var s = n;
-        n = [], s.forEach(i), c = n;
+        var c = n;
+        n = [], c.forEach(i), s = n;
       }
       var u = function() {
-        var f = c;
-        c = [], f.forEach(i);
+        var f = s;
+        s = [], f.forEach(i);
       }, l = function() {
         return Promise.resolve().then(u);
       };
       l(), n = {
         push: function(f) {
-          c.push(f), l();
+          s.push(f), l();
         },
         filter: function(f) {
-          return c = c.filter(f), n;
+          return s = s.filter(f), n;
         }
       };
     }
@@ -799,12 +799,12 @@ var rn = to(), Xe = function() {
     onScrollCapture: Xe,
     onWheelCapture: Xe,
     onTouchMoveCapture: Xe
-  }), o = r[0], i = r[1], c = e.forwardProps, s = e.children, u = e.className, l = e.removeScrollBar, f = e.enabled, d = e.shards, p = e.sideCar, m = e.noIsolation, g = e.inert, h = e.allowPinchZoom, v = e.as, y = v === void 0 ? "div" : v, x = e.gapMode, b = tn(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = p, E = Qr([n, t]), S = V(V({}, b), o);
+  }), o = r[0], i = r[1], s = e.forwardProps, c = e.children, u = e.className, l = e.removeScrollBar, f = e.enabled, d = e.shards, p = e.sideCar, m = e.noRelative, g = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, x = y === void 0 ? "div" : y, b = e.gapMode, w = tn(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = p, A = Qr([n, t]), P = V(V({}, w), o);
   return a.createElement(
     a.Fragment,
     null,
-    f && a.createElement(w, { sideCar: rn, removeScrollBar: l, shards: d, noIsolation: m, inert: g, setCallbacks: i, allowPinchZoom: !!h, lockRef: n, gapMode: x }),
-    c ? a.cloneElement(a.Children.only(s), V(V({}, S), { ref: E })) : a.createElement(y, V({}, S, { className: u, ref: E }), s)
+    f && a.createElement(E, { sideCar: rn, removeScrollBar: l, shards: d, noRelative: m, noIsolation: g, inert: h, setCallbacks: i, allowPinchZoom: !!v, lockRef: n, gapMode: b }),
+    s ? a.cloneElement(a.Children.only(c), V(V({}, P), { ref: A })) : a.createElement(x, V({}, P, { className: u, ref: A }), c)
   );
 });
 We.defaultProps = {
@@ -881,11 +881,11 @@ var co = function() {
     gap: Math.max(0, r - n + t[2] - t[0])
   };
 }, ho = on(), ue = "data-scroll-locked", po = function(e, t, n, r) {
-  var o = e.left, i = e.top, c = e.right, s = e.gap;
+  var o = e.left, i = e.top, s = e.right, c = e.gap;
   return n === void 0 && (n = "margin"), `
   .`.concat(Kr, ` {
    overflow: hidden `).concat(r, `;
-   padding-right: `).concat(s, "px ").concat(r, `;
+   padding-right: `).concat(c, "px ").concat(r, `;
   }
   body[`).concat(ue, `] {
     overflow: hidden `).concat(r, `;
@@ -895,21 +895,21 @@ var co = function() {
     n === "margin" && `
     padding-left: `.concat(o, `px;
     padding-top: `).concat(i, `px;
-    padding-right: `).concat(c, `px;
+    padding-right: `).concat(s, `px;
     margin-left:0;
     margin-top:0;
-    margin-right: `).concat(s, "px ").concat(r, `;
+    margin-right: `).concat(c, "px ").concat(r, `;
     `),
-    n === "padding" && "padding-right: ".concat(s, "px ").concat(r, ";")
+    n === "padding" && "padding-right: ".concat(c, "px ").concat(r, ";")
   ].filter(Boolean).join(""), `
   }
   
   .`).concat(Te, ` {
-    right: `).concat(s, "px ").concat(r, `;
+    right: `).concat(c, "px ").concat(r, `;
   }
   
   .`).concat(ke, ` {
-    margin-right: `).concat(s, "px ").concat(r, `;
+    margin-right: `).concat(c, "px ").concat(r, `;
   }
   
   .`).concat(Te, " .").concat(Te, ` {
@@ -921,7 +921,7 @@ var co = function() {
   }
   
   body[`).concat(ue, `] {
-    `).concat(Zr, ": ").concat(s, `px;
+    `).concat(Zr, ": ").concat(c, `px;
   }
 `);
 }, kt = function() {
@@ -944,12 +944,12 @@ var co = function() {
 }, et = !1;
 if (typeof window < "u")
   try {
-    var Ae = Object.defineProperty({}, "passive", {
+    var Se = Object.defineProperty({}, "passive", {
       get: function() {
         return et = !0, !0;
       }
     });
-    window.addEventListener("test", Ae, Ae), window.removeEventListener("test", Ae, Ae);
+    window.addEventListener("test", Se, Se), window.removeEventListener("test", Se, Se);
   } catch {
     et = !1;
   }
@@ -974,8 +974,8 @@ var ce = et ? { passive: !1 } : !1, go = function(e) {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
     var o = cn(e, r);
     if (o) {
-      var i = an(e, r), c = i[1], s = i[2];
-      if (c > s)
+      var i = an(e, r), s = i[1], c = i[2];
+      if (s > c)
         return !0;
     }
     r = r.parentNode;
@@ -1002,14 +1002,14 @@ var ce = et ? { passive: !1 } : !1, go = function(e) {
 }, Eo = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, Co = function(e, t, n, r, o) {
-  var i = Eo(e, window.getComputedStyle(t).direction), c = i * r, s = n.target, u = t.contains(s), l = !1, f = c > 0, d = 0, p = 0;
+  var i = Eo(e, window.getComputedStyle(t).direction), s = i * r, c = n.target, u = t.contains(c), l = !1, f = s > 0, d = 0, p = 0;
   do {
-    var m = an(e, s), g = m[0], h = m[1], v = m[2], y = h - v - i * g;
-    (g || y) && cn(e, s) && (d += y, p += g), s instanceof ShadowRoot ? s = s.host : s = s.parentNode;
+    var m = an(e, c), g = m[0], h = m[1], v = m[2], y = h - v - i * g;
+    (g || y) && cn(e, c) && (d += y, p += g), c = c.parentNode.host || c.parentNode;
   } while (
     // portaled content
-    !u && s !== document.body || // self content
-    u && (t.contains(s) || t === s)
+    !u && c !== document.body || // self content
+    u && (t.contains(c) || t === c)
   );
   return (f && Math.abs(d) < 1 || !f && Math.abs(p) < 1) && (l = !0), l;
 }, Re = function(e) {
@@ -1020,16 +1020,16 @@ var ce = et ? { passive: !1 } : !1, go = function(e) {
   return e && "current" in e ? e.current : e;
 }, Po = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
-}, So = function(e) {
+}, Ao = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Ao = 0, ae = [];
+}, So = 0, ae = [];
 function Ro(e) {
-  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Ao++)[0], i = a.useState(on)[0], c = a.useRef(e);
+  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(So++)[0], i = a.useState(on)[0], s = a.useRef(e);
   a.useEffect(function() {
-    c.current = e;
+    s.current = e;
   }, [e]), a.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(o));
@@ -1043,16 +1043,16 @@ function Ro(e) {
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var s = a.useCallback(function(h, v) {
+  var c = a.useCallback(function(h, v) {
     if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
-      return !c.current.allowPinchZoom;
-    var y = Re(h), x = n.current, b = "deltaX" in h ? h.deltaX : x[0] - y[0], w = "deltaY" in h ? h.deltaY : x[1] - y[1], E, S = h.target, P = Math.abs(b) > Math.abs(w) ? "h" : "v";
-    if ("touches" in h && P === "h" && S.type === "range")
+      return !s.current.allowPinchZoom;
+    var y = Re(h), x = n.current, b = "deltaX" in h ? h.deltaX : x[0] - y[0], w = "deltaY" in h ? h.deltaY : x[1] - y[1], E, A = h.target, P = Math.abs(b) > Math.abs(w) ? "h" : "v";
+    if ("touches" in h && P === "h" && A.type === "range")
       return !1;
-    var R = Lt(P, S);
+    var R = Lt(P, A);
     if (!R)
       return !0;
-    if (R ? E = P : (E = P === "v" ? "h" : "v", R = Lt(P, S)), !R)
+    if (R ? E = P : (E = P === "v" ? "h" : "v", R = Lt(P, A)), !R)
       return !1;
     if (!r.current && "changedTouches" in h && (b || w) && (r.current = E), !E)
       return !0;
@@ -1069,9 +1069,9 @@ function Ro(e) {
         return;
       }
       if (!x) {
-        var b = (c.current.shards || []).map(_t).filter(Boolean).filter(function(E) {
+        var b = (s.current.shards || []).map(_t).filter(Boolean).filter(function(E) {
           return E.contains(v.target);
-        }), w = b.length > 0 ? s(v, b[0]) : !c.current.noIsolation;
+        }), w = b.length > 0 ? c(v, b[0]) : !s.current.noIsolation;
         w && v.cancelable && v.preventDefault();
       }
     }
@@ -1085,9 +1085,9 @@ function Ro(e) {
   }, []), f = a.useCallback(function(h) {
     n.current = Re(h), r.current = void 0;
   }, []), d = a.useCallback(function(h) {
-    l(h.type, Dt(h), h.target, s(h, e.lockRef.current));
+    l(h.type, Dt(h), h.target, c(h, e.lockRef.current));
   }, []), p = a.useCallback(function(h) {
-    l(h.type, Re(h), h.target, s(h, e.lockRef.current));
+    l(h.type, Re(h), h.target, c(h, e.lockRef.current));
   }, []);
   a.useEffect(function() {
     return ae.push(i), e.setCallbacks({
@@ -1104,8 +1104,8 @@ function Ro(e) {
   return a.createElement(
     a.Fragment,
     null,
-    g ? a.createElement(i, { styles: So(o) }) : null,
-    m ? a.createElement(vo, { gapMode: e.gapMode }) : null
+    g ? a.createElement(i, { styles: Ao(o) }) : null,
+    m ? a.createElement(vo, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
 function Oo(e) {
@@ -1137,25 +1137,25 @@ var Mo = function(e) {
 }, ko = function(e, t, n, r) {
   var o = To(t, Array.isArray(e) ? e : [e]);
   Ne[n] || (Ne[n] = /* @__PURE__ */ new WeakMap());
-  var i = Ne[n], c = [], s = /* @__PURE__ */ new Set(), u = new Set(o), l = function(d) {
-    !d || s.has(d) || (s.add(d), l(d.parentNode));
+  var i = Ne[n], s = [], c = /* @__PURE__ */ new Set(), u = new Set(o), l = function(d) {
+    !d || c.has(d) || (c.add(d), l(d.parentNode));
   };
   o.forEach(l);
   var f = function(d) {
     !d || u.has(d) || Array.prototype.forEach.call(d.children, function(p) {
-      if (s.has(p))
+      if (c.has(p))
         f(p);
       else
         try {
           var m = p.getAttribute(r), g = m !== null && m !== "false", h = (le.get(p) || 0) + 1, v = (i.get(p) || 0) + 1;
-          le.set(p, h), i.set(p, v), c.push(p), h === 1 && g && Oe.set(p, !0), v === 1 && p.setAttribute(n, "true"), g || p.setAttribute(r, "true");
+          le.set(p, h), i.set(p, v), s.push(p), h === 1 && g && Oe.set(p, !0), v === 1 && p.setAttribute(n, "true"), g || p.setAttribute(r, "true");
         } catch (y) {
           console.error("aria-hidden: cannot operate on ", p, y);
         }
     });
   };
-  return f(t), s.clear(), Ze++, function() {
-    c.forEach(function(d) {
+  return f(t), c.clear(), Ze++, function() {
+    s.forEach(function(d) {
       var p = le.get(d) - 1, m = i.get(d) - 1;
       le.set(d, p), i.set(d, m), p || (Oe.has(d) || d.removeAttribute(r), Oe.delete(d)), m || d.removeAttribute(n);
     }), Ze--, Ze || (le = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new WeakMap(), Ne = {});
@@ -1163,7 +1163,7 @@ var Mo = function(e) {
 }, Lo = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
   var r = Array.from(Array.isArray(e) ? e : [e]), o = Mo(e);
-  return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live]"))), ko(r, o, n, "aria-hidden")) : function() {
+  return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live], script"))), ko(r, o, n, "aria-hidden")) : function() {
     return null;
   };
 };
@@ -1176,13 +1176,13 @@ function Do(e) {
         if (!Array.isArray(o) || !o.length)
           return;
         const i = o[0];
-        let c, s;
+        let s, c;
         if ("borderBoxSize" in i) {
           const u = i.borderBoxSize, l = Array.isArray(u) ? u[0] : u;
-          c = l.inlineSize, s = l.blockSize;
+          s = l.inlineSize, c = l.blockSize;
         } else
-          c = e.offsetWidth, s = e.offsetHeight;
-        n({ width: c, height: s });
+          s = e.offsetWidth, c = e.offsetHeight;
+        n({ width: s, height: c });
       });
       return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
     } else
@@ -1228,8 +1228,8 @@ function at(e) {
 function Wo(e, t, n) {
   n === void 0 && (n = !1);
   const r = me(e), o = at(e), i = ct(o);
-  let c = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return t.reference[i] > t.floating[i] && (c = _e(c)), [c, _e(c)];
+  let s = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (s = _e(s)), [s, _e(s)];
 }
 function Bo(e) {
   const t = _e(e);
@@ -1239,14 +1239,14 @@ function nt(e) {
   return e.replace(/start|end/g, (t) => Io[t]);
 }
 function $o(e, t, n) {
-  const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], c = ["bottom", "top"];
+  const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], s = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
       return n ? t ? o : r : t ? r : o;
     case "left":
     case "right":
-      return t ? i : c;
+      return t ? i : s;
     default:
       return [];
   }
@@ -1254,7 +1254,7 @@ function $o(e, t, n) {
 function Ho(e, t, n, r) {
   const o = me(e);
   let i = $o(Z(e), n === "start", r);
-  return o && (i = i.map((c) => c + "-" + o), t && (i = i.concat(i.map(nt)))), i;
+  return o && (i = i.map((s) => s + "-" + o), t && (i = i.concat(i.map(nt)))), i;
 }
 function _e(e) {
   return e.replace(/left|right|bottom|top/g, (t) => Fo[t]);
@@ -1299,7 +1299,7 @@ function Ft(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const i = X(t), c = at(t), s = ct(c), u = Z(t), l = i === "y", f = r.x + r.width / 2 - o.width / 2, d = r.y + r.height / 2 - o.height / 2, p = r[s] / 2 - o[s] / 2;
+  const i = X(t), s = at(t), c = ct(s), u = Z(t), l = i === "y", f = r.x + r.width / 2 - o.width / 2, d = r.y + r.height / 2 - o.height / 2, p = r[c] / 2 - o[c] / 2;
   let m;
   switch (u) {
     case "top":
@@ -1334,10 +1334,10 @@ function Ft(e, t, n) {
   }
   switch (me(t)) {
     case "start":
-      m[c] -= p * (n && l ? -1 : 1);
+      m[s] -= p * (n && l ? -1 : 1);
       break;
     case "end":
-      m[c] += p * (n && l ? -1 : 1);
+      m[s] += p * (n && l ? -1 : 1);
       break;
   }
   return m;
@@ -1347,9 +1347,9 @@ const Vo = async (e, t, n) => {
     placement: r = "bottom",
     strategy: o = "absolute",
     middleware: i = [],
-    platform: c
-  } = n, s = i.filter(Boolean), u = await (c.isRTL == null ? void 0 : c.isRTL(t));
-  let l = await c.getElementRects({
+    platform: s
+  } = n, c = i.filter(Boolean), u = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let l = await s.getElementRects({
     reference: e,
     floating: t,
     strategy: o
@@ -1357,11 +1357,11 @@ const Vo = async (e, t, n) => {
     x: f,
     y: d
   } = Ft(l, r, u), p = r, m = {}, g = 0;
-  for (let h = 0; h < s.length; h++) {
+  for (let h = 0; h < c.length; h++) {
     const {
       name: v,
       fn: y
-    } = s[h], {
+    } = c[h], {
       x,
       y: b,
       data: w,
@@ -1374,7 +1374,7 @@ const Vo = async (e, t, n) => {
       strategy: o,
       middlewareData: m,
       rects: l,
-      platform: c,
+      platform: s,
       elements: {
         reference: e,
         floating: t
@@ -1386,7 +1386,7 @@ const Vo = async (e, t, n) => {
         ...m[v],
         ...w
       }
-    }, E && g <= 50 && (g++, typeof E == "object" && (E.placement && (p = E.placement), E.rects && (l = E.rects === !0 ? await c.getElementRects({
+    }, E && g <= 50 && (g++, typeof E == "object" && (E.placement && (p = E.placement), E.rects && (l = E.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: o
@@ -1410,8 +1410,8 @@ async function we(e, t) {
     x: r,
     y: o,
     platform: i,
-    rects: c,
-    elements: s,
+    rects: s,
+    elements: c,
     strategy: u
   } = e, {
     boundary: l = "clippingAncestors",
@@ -1419,24 +1419,24 @@ async function we(e, t) {
     elementContext: d = "floating",
     altBoundary: p = !1,
     padding: m = 0
-  } = K(t, e), g = fn(m), v = s[p ? d === "floating" ? "reference" : "floating" : d], y = Fe(await i.getClippingRect({
-    element: (n = await (i.isElement == null ? void 0 : i.isElement(v))) == null || n ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
+  } = K(t, e), g = fn(m), v = c[p ? d === "floating" ? "reference" : "floating" : d], y = Fe(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(v))) == null || n ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
     boundary: l,
     rootBoundary: f,
     strategy: u
   })), x = d === "floating" ? {
     x: r,
     y: o,
-    width: c.floating.width,
-    height: c.floating.height
-  } : c.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s.floating)), w = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), w = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
   }, E = Fe(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: s,
+    elements: c,
     rect: x,
     offsetParent: b,
     strategy: u
@@ -1457,8 +1457,8 @@ const jo = (e) => ({
       y: r,
       placement: o,
       rects: i,
-      platform: c,
-      elements: s,
+      platform: s,
+      elements: c,
       middlewareData: u
     } = t, {
       element: l,
@@ -1469,9 +1469,9 @@ const jo = (e) => ({
     const d = fn(f), p = {
       x: n,
       y: r
-    }, m = at(o), g = ct(m), h = await c.getDimensions(l), v = m === "y", y = v ? "top" : "left", x = v ? "bottom" : "right", b = v ? "clientHeight" : "clientWidth", w = i.reference[g] + i.reference[m] - p[m] - i.floating[g], E = p[m] - i.reference[m], S = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l));
-    let P = S ? S[b] : 0;
-    (!P || !await (c.isElement == null ? void 0 : c.isElement(S))) && (P = s.floating[b] || i.floating[g]);
+    }, m = at(o), g = ct(m), h = await s.getDimensions(l), v = m === "y", y = v ? "top" : "left", x = v ? "bottom" : "right", b = v ? "clientHeight" : "clientWidth", w = i.reference[g] + i.reference[m] - p[m] - i.floating[g], E = p[m] - i.reference[m], A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l));
+    let P = A ? A[b] : 0;
+    (!P || !await (s.isElement == null ? void 0 : s.isElement(A))) && (P = c.floating[b] || i.floating[g]);
     const R = w / 2 - E / 2, N = P / 2 - h[g] / 2 - 1, O = ne(d[y], N), I = ne(d[x], N), W = O, M = P - h[g] - I, F = P / 2 - h[g] / 2 + R, k = tt(W, F, M), L = !u.arrow && me(o) != null && F !== k && i.reference[g] / 2 - (F < W ? O : I) - h[g] / 2 < 0, D = L ? F < W ? F - W : F - M : 0;
     return {
       [m]: p[m] + D,
@@ -1494,8 +1494,8 @@ const jo = (e) => ({
       const {
         placement: o,
         middlewareData: i,
-        rects: c,
-        initialPlacement: s,
+        rects: s,
+        initialPlacement: c,
         platform: u,
         elements: l
       } = t, {
@@ -1509,12 +1509,12 @@ const jo = (e) => ({
       } = K(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const y = Z(o), x = X(s), b = Z(s) === s, w = await (u.isRTL == null ? void 0 : u.isRTL(l.floating)), E = p || (b || !h ? [_e(s)] : Bo(s)), S = g !== "none";
-      !p && S && E.push(...Ho(s, h, g, w));
-      const P = [s, ...E], R = await we(t, v), N = [];
+      const y = Z(o), x = X(c), b = Z(c) === c, w = await (u.isRTL == null ? void 0 : u.isRTL(l.floating)), E = p || (b || !h ? [_e(c)] : Bo(c)), A = g !== "none";
+      !p && A && E.push(...Ho(c, h, g, w));
+      const P = [c, ...E], R = await we(t, v), N = [];
       let O = ((r = i.flip) == null ? void 0 : r.overflows) || [];
       if (f && N.push(R[y]), d) {
-        const k = Wo(o, c, w);
+        const k = Wo(o, s, w);
         N.push(R[k[0]], R[k[1]]);
       }
       if (O = [...O, {
@@ -1525,8 +1525,8 @@ const jo = (e) => ({
         const k = (((I = i.flip) == null ? void 0 : I.index) || 0) + 1, L = P[k];
         if (L) {
           var M;
-          const A = d === "alignment" ? x !== X(L) : !1, T = ((M = O[0]) == null ? void 0 : M.overflows[0]) > 0;
-          if (!A || T)
+          const S = d === "alignment" ? x !== X(L) : !1, T = ((M = O[0]) == null ? void 0 : M.overflows[0]) > 0;
+          if (!S || T)
             return {
               data: {
                 index: k,
@@ -1537,13 +1537,13 @@ const jo = (e) => ({
               }
             };
         }
-        let D = (W = O.filter((A) => A.overflows[0] <= 0).sort((A, T) => A.overflows[1] - T.overflows[1])[0]) == null ? void 0 : W.placement;
+        let D = (W = O.filter((S) => S.overflows[0] <= 0).sort((S, T) => S.overflows[1] - T.overflows[1])[0]) == null ? void 0 : W.placement;
         if (!D)
           switch (m) {
             case "bestFit": {
               var F;
-              const A = (F = O.filter((T) => {
-                if (S) {
+              const S = (F = O.filter((T) => {
+                if (A) {
                   const _ = X(T.placement);
                   return _ === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -1551,11 +1551,11 @@ const jo = (e) => ({
                 }
                 return !0;
               }).map((T) => [T.placement, T.overflows.filter((_) => _ > 0).reduce((_, se) => _ + se, 0)]).sort((T, _) => T[1] - _[1])[0]) == null ? void 0 : F[0];
-              A && (D = A);
+              S && (D = S);
               break;
             }
             case "initialPlacement":
-              D = s;
+              D = c;
               break;
           }
         if (o !== D)
@@ -1596,11 +1596,11 @@ const Yo = function(e) {
           const i = await we(t, {
             ...o,
             elementContext: "reference"
-          }), c = It(i, n.reference);
+          }), s = It(i, n.reference);
           return {
             data: {
-              referenceHiddenOffsets: c,
-              referenceHidden: Wt(c)
+              referenceHiddenOffsets: s,
+              referenceHidden: Wt(s)
             }
           };
         }
@@ -1608,11 +1608,11 @@ const Yo = function(e) {
           const i = await we(t, {
             ...o,
             altBoundary: !0
-          }), c = It(i, n.floating);
+          }), s = It(i, n.floating);
           return {
             data: {
-              escapedOffsets: c,
-              escaped: Wt(c)
+              escapedOffsets: s,
+              escaped: Wt(s)
             }
           };
         }
@@ -1627,7 +1627,7 @@ async function Xo(e, t) {
     placement: n,
     platform: r,
     elements: o
-  } = e, i = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), c = Z(n), s = me(n), u = X(n) === "y", l = ["left", "top"].includes(c) ? -1 : 1, f = i && u ? -1 : 1, d = K(t, e);
+  } = e, i = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), s = Z(n), c = me(n), u = X(n) === "y", l = ["left", "top"].includes(s) ? -1 : 1, f = i && u ? -1 : 1, d = K(t, e);
   let {
     mainAxis: p,
     crossAxis: m,
@@ -1641,7 +1641,7 @@ async function Xo(e, t) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return s && typeof g == "number" && (m = s === "end" ? g * -1 : g), u ? {
+  return c && typeof g == "number" && (m = c === "end" ? g * -1 : g), u ? {
     x: m * f,
     y: p * l
   } : {
@@ -1658,15 +1658,15 @@ const Ko = function(e) {
       const {
         x: o,
         y: i,
-        placement: c,
-        middlewareData: s
+        placement: s,
+        middlewareData: c
       } = t, u = await Xo(t, e);
-      return c === ((n = s.offset) == null ? void 0 : n.placement) && (r = s.arrow) != null && r.alignmentOffset ? {} : {
+      return s === ((n = c.offset) == null ? void 0 : n.placement) && (r = c.arrow) != null && r.alignmentOffset ? {} : {
         x: o + u.x,
         y: i + u.y,
         data: {
           ...u,
-          placement: c
+          placement: s
         }
       };
     }
@@ -1682,8 +1682,8 @@ const Ko = function(e) {
         placement: o
       } = t, {
         mainAxis: i = !0,
-        crossAxis: c = !1,
-        limiter: s = {
+        crossAxis: s = !1,
+        limiter: c = {
           fn: (v) => {
             let {
               x: y,
@@ -1705,11 +1705,11 @@ const Ko = function(e) {
         const v = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", x = m + f[v], b = m - f[y];
         m = tt(x, m, b);
       }
-      if (c) {
+      if (s) {
         const v = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", x = g + f[v], b = g - f[y];
         g = tt(x, g, b);
       }
-      const h = s.fn({
+      const h = c.fn({
         ...t,
         [p]: m,
         [d]: g
@@ -1721,7 +1721,7 @@ const Ko = function(e) {
           y: h.y - r,
           enabled: {
             [p]: i,
-            [d]: c
+            [d]: s
           }
         }
       };
@@ -1736,9 +1736,9 @@ const Ko = function(e) {
         y: r,
         placement: o,
         rects: i,
-        middlewareData: c
+        middlewareData: s
       } = t, {
-        offset: s = 0,
+        offset: c = 0,
         mainAxis: u = !0,
         crossAxis: l = !0
       } = K(e, t), f = {
@@ -1746,7 +1746,7 @@ const Ko = function(e) {
         y: r
       }, d = X(o), p = st(d);
       let m = f[p], g = f[d];
-      const h = K(s, t), v = typeof h == "number" ? {
+      const h = K(c, t), v = typeof h == "number" ? {
         mainAxis: h,
         crossAxis: 0
       } : {
@@ -1760,8 +1760,8 @@ const Ko = function(e) {
       }
       if (l) {
         var y, x;
-        const b = p === "y" ? "width" : "height", w = ["top", "left"].includes(Z(o)), E = i.reference[d] - i.floating[b] + (w && ((y = c.offset) == null ? void 0 : y[d]) || 0) + (w ? 0 : v.crossAxis), S = i.reference[d] + i.reference[b] + (w ? 0 : ((x = c.offset) == null ? void 0 : x[d]) || 0) - (w ? v.crossAxis : 0);
-        g < E ? g = E : g > S && (g = S);
+        const b = p === "y" ? "width" : "height", w = ["top", "left"].includes(Z(o)), E = i.reference[d] - i.floating[b] + (w && ((y = s.offset) == null ? void 0 : y[d]) || 0) + (w ? 0 : v.crossAxis), A = i.reference[d] + i.reference[b] + (w ? 0 : ((x = s.offset) == null ? void 0 : x[d]) || 0) - (w ? v.crossAxis : 0);
+        g < E ? g = E : g > A && (g = A);
       }
       return {
         [p]: m,
@@ -1778,8 +1778,8 @@ const Ko = function(e) {
       const {
         placement: o,
         rects: i,
-        platform: c,
-        elements: s
+        platform: s,
+        elements: c
       } = t, {
         apply: u = () => {
         },
@@ -1789,10 +1789,10 @@ const Ko = function(e) {
         height: h
       } = i.floating;
       let v, y;
-      d === "top" || d === "bottom" ? (v = d, y = p === (await (c.isRTL == null ? void 0 : c.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (y = d, v = p === "end" ? "top" : "bottom");
-      const x = h - f.top - f.bottom, b = g - f.left - f.right, w = ne(h - f[v], x), E = ne(g - f[y], b), S = !t.middlewareData.shift;
+      d === "top" || d === "bottom" ? (v = d, y = p === (await (s.isRTL == null ? void 0 : s.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (y = d, v = p === "end" ? "top" : "bottom");
+      const x = h - f.top - f.bottom, b = g - f.left - f.right, w = ne(h - f[v], x), E = ne(g - f[y], b), A = !t.middlewareData.shift;
       let P = w, R = E;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = b), (r = t.middlewareData.shift) != null && r.enabled.y && (P = x), S && !p) {
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = b), (r = t.middlewareData.shift) != null && r.enabled.y && (P = x), A && !p) {
         const O = B(f.left, 0), I = B(f.right, 0), W = B(f.top, 0), M = B(f.bottom, 0);
         m ? R = g - 2 * (O !== 0 || I !== 0 ? O + I : B(f.left, f.right)) : P = h - 2 * (W !== 0 || M !== 0 ? W + M : B(f.top, f.bottom));
       }
@@ -1801,7 +1801,7 @@ const Ko = function(e) {
         availableWidth: R,
         availableHeight: P
       });
-      const N = await c.getDimensions(s.floating);
+      const N = await s.getDimensions(c.floating);
       return g !== N.width || h !== N.height ? {
         reset: {
           rects: !0
@@ -1909,10 +1909,10 @@ function hn(e) {
 function be(e, t, n) {
   var r;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = hn(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), c = $(o);
+  const o = hn(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), s = $(o);
   if (i) {
-    const s = rt(c);
-    return t.concat(c, c.visualViewport || [], Ee(o) ? o : [], s && n ? be(s) : []);
+    const c = rt(s);
+    return t.concat(s, s.visualViewport || [], Ee(o) ? o : [], c && n ? be(c) : []);
   }
   return t.concat(o, be(o, [], n));
 }
@@ -1922,11 +1922,11 @@ function rt(e) {
 function pn(e) {
   const t = z(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
-  const o = U(e), i = o ? e.offsetWidth : n, c = o ? e.offsetHeight : r, s = De(n) !== i || De(r) !== c;
-  return s && (n = i, r = c), {
+  const o = U(e), i = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, c = De(n) !== i || De(r) !== s;
+  return c && (n = i, r = s), {
     width: n,
     height: r,
-    $: s
+    $: c
   };
 }
 function ft(e) {
@@ -1941,10 +1941,10 @@ function fe(e) {
     height: o,
     $: i
   } = pn(t);
-  let c = (i ? De(n.width) : n.width) / r, s = (i ? De(n.height) : n.height) / o;
-  return (!c || !Number.isFinite(c)) && (c = 1), (!s || !Number.isFinite(s)) && (s = 1), {
-    x: c,
-    y: s
+  let s = (i ? De(n.width) : n.width) / r, c = (i ? De(n.height) : n.height) / o;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
   };
 }
 const ei = /* @__PURE__ */ j(0);
@@ -1961,10 +1961,10 @@ function ti(e, t, n) {
 function ie(e, t, n, r) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), i = ft(e);
-  let c = j(1);
-  t && (r ? H(r) && (c = fe(r)) : c = fe(e));
-  const s = ti(i, n, r) ? mn(i) : j(0);
-  let u = (o.left + s.x) / c.x, l = (o.top + s.y) / c.y, f = o.width / c.x, d = o.height / c.y;
+  let s = j(1);
+  t && (r ? H(r) && (s = fe(r)) : s = fe(e));
+  const c = ti(i, n, r) ? mn(i) : j(0);
+  let u = (o.left + c.x) / s.x, l = (o.top + c.y) / s.y, f = o.width / s.x, d = o.height / s.y;
   if (i) {
     const p = $(i), m = r && H(r) ? $(r) : r;
     let g = p, h = rt(g);
@@ -2002,19 +2002,19 @@ function ni(e) {
     offsetParent: r,
     strategy: o
   } = e;
-  const i = o === "fixed", c = Y(r), s = t ? $e(t.floating) : !1;
-  if (r === c || s && i)
+  const i = o === "fixed", s = Y(r), c = t ? $e(t.floating) : !1;
+  if (r === s || c && i)
     return n;
   let u = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = j(1);
   const f = j(0), d = U(r);
-  if ((d || !d && !i) && ((ve(r) !== "body" || Ee(c)) && (u = He(r)), U(r))) {
+  if ((d || !d && !i) && ((ve(r) !== "body" || Ee(s)) && (u = He(r)), U(r))) {
     const m = ie(r);
     l = fe(r), f.x = m.x + r.clientLeft, f.y = m.y + r.clientTop;
   }
-  const p = c && !d && !i ? vn(c, u, !0) : j(0);
+  const p = s && !d && !i ? vn(s, u, !0) : j(0);
   return {
     width: n.width * l.x,
     height: n.height * l.y,
@@ -2027,35 +2027,35 @@ function ri(e) {
 }
 function oi(e) {
   const t = Y(e), n = He(e), r = e.ownerDocument.body, o = B(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), i = B(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
-  let c = -n.scrollLeft + dt(e);
-  const s = -n.scrollTop;
-  return z(r).direction === "rtl" && (c += B(t.clientWidth, r.clientWidth) - o), {
+  let s = -n.scrollLeft + dt(e);
+  const c = -n.scrollTop;
+  return z(r).direction === "rtl" && (s += B(t.clientWidth, r.clientWidth) - o), {
     width: o,
     height: i,
-    x: c,
-    y: s
+    x: s,
+    y: c
   };
 }
 function ii(e, t) {
   const n = $(e), r = Y(e), o = n.visualViewport;
-  let i = r.clientWidth, c = r.clientHeight, s = 0, u = 0;
+  let i = r.clientWidth, s = r.clientHeight, c = 0, u = 0;
   if (o) {
-    i = o.width, c = o.height;
+    i = o.width, s = o.height;
     const l = ut();
-    (!l || l && t === "fixed") && (s = o.offsetLeft, u = o.offsetTop);
+    (!l || l && t === "fixed") && (c = o.offsetLeft, u = o.offsetTop);
   }
   return {
     width: i,
-    height: c,
-    x: s,
+    height: s,
+    x: c,
     y: u
   };
 }
 function si(e, t) {
-  const n = ie(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, i = U(e) ? fe(e) : j(1), c = e.clientWidth * i.x, s = e.clientHeight * i.y, u = o * i.x, l = r * i.y;
+  const n = ie(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, i = U(e) ? fe(e) : j(1), s = e.clientWidth * i.x, c = e.clientHeight * i.y, u = o * i.x, l = r * i.y;
   return {
-    width: c,
-    height: s,
+    width: s,
+    height: c,
     x: u,
     y: l
   };
@@ -2087,12 +2087,12 @@ function ci(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let r = be(e, [], !1).filter((s) => H(s) && ve(s) !== "body"), o = null;
+  let r = be(e, [], !1).filter((c) => H(c) && ve(c) !== "body"), o = null;
   const i = z(e).position === "fixed";
-  let c = i ? re(e) : e;
-  for (; H(c) && !he(c); ) {
-    const s = z(c), u = lt(c);
-    !u && s.position === "fixed" && (o = null), (i ? !u && !o : !u && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ee(c) && !u && gn(e, c)) ? r = r.filter((f) => f !== c) : o = s, c = re(c);
+  let s = i ? re(e) : e;
+  for (; H(s) && !he(s); ) {
+    const c = z(s), u = lt(s);
+    !u && c.position === "fixed" && (o = null), (i ? !u && !o : !u && c.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ee(s) && !u && gn(e, s)) ? r = r.filter((f) => f !== s) : o = c, s = re(s);
   }
   return t.set(e, r), r;
 }
@@ -2103,10 +2103,10 @@ function ai(e) {
     rootBoundary: r,
     strategy: o
   } = e;
-  const c = [...n === "clippingAncestors" ? $e(t) ? [] : ci(t, this._c) : [].concat(n), r], s = c[0], u = c.reduce((l, f) => {
+  const s = [...n === "clippingAncestors" ? $e(t) ? [] : ci(t, this._c) : [].concat(n), r], c = s[0], u = s.reduce((l, f) => {
     const d = $t(t, f, o);
     return l.top = B(d.top, l.top), l.right = ne(d.right, l.right), l.bottom = ne(d.bottom, l.bottom), l.left = B(d.left, l.left), l;
-  }, $t(t, s, o));
+  }, $t(t, c, o));
   return {
     width: u.right - u.left,
     height: u.bottom - u.top,
@@ -2125,8 +2125,8 @@ function li(e) {
   };
 }
 function ui(e, t, n) {
-  const r = U(t), o = Y(t), i = n === "fixed", c = ie(e, !0, i, t);
-  let s = {
+  const r = U(t), o = Y(t), i = n === "fixed", s = ie(e, !0, i, t);
+  let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
@@ -2135,17 +2135,17 @@ function ui(e, t, n) {
     u.x = dt(o);
   }
   if (r || !r && !i)
-    if ((ve(t) !== "body" || Ee(o)) && (s = He(t)), r) {
+    if ((ve(t) !== "body" || Ee(o)) && (c = He(t)), r) {
       const m = ie(t, !0, i, t);
       u.x = m.x + t.clientLeft, u.y = m.y + t.clientTop;
     } else o && l();
   i && !r && o && l();
-  const f = o && !r && !i ? vn(o, s) : j(0), d = c.left + s.scrollLeft - u.x - f.x, p = c.top + s.scrollTop - u.y - f.y;
+  const f = o && !r && !i ? vn(o, c) : j(0), d = s.left + c.scrollLeft - u.x - f.x, p = s.top + c.scrollTop - u.y - f.y;
   return {
     x: d,
     y: p,
-    width: c.width,
-    height: c.height
+    width: s.width,
+    height: s.height
   };
 }
 function qe(e) {
@@ -2211,34 +2211,34 @@ function pi(e, t) {
   let n = null, r;
   const o = Y(e);
   function i() {
-    var s;
-    clearTimeout(r), (s = n) == null || s.disconnect(), n = null;
+    var c;
+    clearTimeout(r), (c = n) == null || c.disconnect(), n = null;
   }
-  function c(s, u) {
-    s === void 0 && (s = !1), u === void 0 && (u = 1), i();
+  function s(c, u) {
+    c === void 0 && (c = !1), u === void 0 && (u = 1), i();
     const l = e.getBoundingClientRect(), {
       left: f,
       top: d,
       width: p,
       height: m
     } = l;
-    if (s || t(), !p || !m)
+    if (c || t(), !p || !m)
       return;
     const g = Me(d), h = Me(o.clientWidth - (f + p)), v = Me(o.clientHeight - (d + m)), y = Me(f), b = {
       rootMargin: -g + "px " + -h + "px " + -v + "px " + -y + "px",
       threshold: B(0, ne(1, u)) || 1
     };
     let w = !0;
-    function E(S) {
-      const P = S[0].intersectionRatio;
+    function E(A) {
+      const P = A[0].intersectionRatio;
       if (P !== u) {
         if (!w)
-          return c();
-        P ? c(!1, P) : r = setTimeout(() => {
-          c(!1, 1e-7);
+          return s();
+        P ? s(!1, P) : r = setTimeout(() => {
+          s(!1, 1e-7);
         }, 1e3);
       }
-      P === 1 && !wn(l, e.getBoundingClientRect()) && c(), w = !1;
+      P === 1 && !wn(l, e.getBoundingClientRect()) && s(), w = !1;
     }
     try {
       n = new IntersectionObserver(E, {
@@ -2251,15 +2251,15 @@ function pi(e, t) {
     }
     n.observe(e);
   }
-  return c(!0), i;
+  return s(!0), i;
 }
 function mi(e, t, n, r) {
   r === void 0 && (r = {});
   const {
     ancestorScroll: o = !0,
     ancestorResize: i = !0,
-    elementResize: c = typeof ResizeObserver == "function",
-    layoutShift: s = typeof IntersectionObserver == "function",
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: u = !1
   } = r, l = ft(e), f = o || i ? [...l ? be(l) : [], ...be(t)] : [];
   f.forEach((y) => {
@@ -2267,9 +2267,9 @@ function mi(e, t, n, r) {
       passive: !0
     }), i && y.addEventListener("resize", n);
   });
-  const d = l && s ? pi(l, n) : null;
+  const d = l && c ? pi(l, n) : null;
   let p = -1, m = null;
-  c && (m = new ResizeObserver((y) => {
+  s && (m = new ResizeObserver((y) => {
     let [x] = y;
     x && x.target === l && m && (m.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       var b;
@@ -2355,9 +2355,9 @@ function Ci(e) {
     platform: o,
     elements: {
       reference: i,
-      floating: c
+      floating: s
     } = {},
-    transform: s = !0,
+    transform: c = !0,
     whileElementsMounted: u,
     open: l
   } = e, [f, d] = a.useState({
@@ -2369,19 +2369,19 @@ function Ci(e) {
     isPositioned: !1
   }), [p, m] = a.useState(r);
   Ie(p, r) || m(r);
-  const [g, h] = a.useState(null), [v, y] = a.useState(null), x = a.useCallback((A) => {
-    A !== S.current && (S.current = A, h(A));
-  }, []), b = a.useCallback((A) => {
-    A !== P.current && (P.current = A, y(A));
-  }, []), w = i || g, E = c || v, S = a.useRef(null), P = a.useRef(null), R = a.useRef(f), N = u != null, O = Ge(u), I = Ge(o), W = Ge(l), M = a.useCallback(() => {
-    if (!S.current || !P.current)
+  const [g, h] = a.useState(null), [v, y] = a.useState(null), x = a.useCallback((S) => {
+    S !== A.current && (A.current = S, h(S));
+  }, []), b = a.useCallback((S) => {
+    S !== P.current && (P.current = S, y(S));
+  }, []), w = i || g, E = s || v, A = a.useRef(null), P = a.useRef(null), R = a.useRef(f), N = u != null, O = Ge(u), I = Ge(o), W = Ge(l), M = a.useCallback(() => {
+    if (!A.current || !P.current)
       return;
-    const A = {
+    const S = {
       placement: t,
       strategy: n,
       middleware: p
     };
-    I.current && (A.platform = I.current), Ei(S.current, P.current, A).then((T) => {
+    I.current && (S.platform = I.current), Ei(A.current, P.current, S).then((T) => {
       const _ = {
         ...T,
         // The floating element's position may be recomputed while it's closed
@@ -2396,8 +2396,8 @@ function Ci(e) {
     });
   }, [p, t, n, I, W]);
   Le(() => {
-    l === !1 && R.current.isPositioned && (R.current.isPositioned = !1, d((A) => ({
-      ...A,
+    l === !1 && R.current.isPositioned && (R.current.isPositioned = !1, d((S) => ({
+      ...S,
       isPositioned: !1
     })));
   }, [l]);
@@ -2405,14 +2405,14 @@ function Ci(e) {
   Le(() => (F.current = !0, () => {
     F.current = !1;
   }), []), Le(() => {
-    if (w && (S.current = w), E && (P.current = E), w && E) {
+    if (w && (A.current = w), E && (P.current = E), w && E) {
       if (O.current)
         return O.current(w, E, M);
       M();
     }
   }, [w, E, M, O, N]);
   const k = a.useMemo(() => ({
-    reference: S,
+    reference: A,
     floating: P,
     setReference: x,
     setFloating: b
@@ -2420,16 +2420,16 @@ function Ci(e) {
     reference: w,
     floating: E
   }), [w, E]), D = a.useMemo(() => {
-    const A = {
+    const S = {
       position: n,
       left: 0,
       top: 0
     };
     if (!L.floating)
-      return A;
+      return S;
     const T = Vt(L.floating, f.x), _ = Vt(L.floating, f.y);
-    return s ? {
-      ...A,
+    return c ? {
+      ...S,
       transform: "translate(" + T + "px, " + _ + "px)",
       ...bn(L.floating) >= 1.5 && {
         willChange: "transform"
@@ -2439,7 +2439,7 @@ function Ci(e) {
       left: T,
       top: _
     };
-  }, [n, s, L.floating, f.x, f.y]);
+  }, [n, c, L.floating, f.x, f.y]);
   return a.useMemo(() => ({
     ...f,
     update: M,
@@ -2469,10 +2469,10 @@ const Pi = (e) => {
       }).fn(n) : {};
     }
   };
-}, Si = (e, t) => ({
+}, Ai = (e, t) => ({
   ...vi(e),
   options: [e, t]
-}), Ai = (e, t) => ({
+}), Si = (e, t) => ({
   ...gi(e),
   options: [e, t]
 }), Ri = (e, t) => ({
@@ -2507,20 +2507,20 @@ var ki = "Arrow", xn = a.forwardRef((e, t) => {
   );
 });
 xn.displayName = ki;
-var Li = xn, ht = "Popper", [En, Cn] = Kt(ht), [Di, Pn] = En(ht), Sn = (e) => {
+var Li = xn, ht = "Popper", [En, Cn] = Kt(ht), [Di, Pn] = En(ht), An = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
   return /* @__PURE__ */ C(Di, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
-Sn.displayName = ht;
-var An = "PopperAnchor", Rn = a.forwardRef(
+An.displayName = ht;
+var Sn = "PopperAnchor", Rn = a.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, i = Pn(An, n), c = a.useRef(null), s = q(t, c);
+    const { __scopePopper: n, virtualRef: r, ...o } = e, i = Pn(Sn, n), s = a.useRef(null), c = q(t, s);
     return a.useEffect(() => {
-      i.onAnchorChange((r == null ? void 0 : r.current) || c.current);
-    }), r ? null : /* @__PURE__ */ C(G.div, { ...o, ref: s });
+      i.onAnchorChange((r == null ? void 0 : r.current) || s.current);
+    }), r ? null : /* @__PURE__ */ C(G.div, { ...o, ref: c });
   }
 );
-Rn.displayName = An;
+Rn.displayName = Sn;
 var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
   (e, t) => {
     var vt, gt, yt, wt, bt, xt;
@@ -2529,8 +2529,8 @@ var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
       side: r = "bottom",
       sideOffset: o = 0,
       align: i = "center",
-      alignOffset: c = 0,
-      arrowPadding: s = 0,
+      alignOffset: s = 0,
+      arrowPadding: c = 0,
       avoidCollisions: u = !0,
       collisionBoundary: l = [],
       collisionPadding: f = 0,
@@ -2539,12 +2539,12 @@ var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
       updatePositionStrategy: m = "optimized",
       onPlaced: g,
       ...h
-    } = e, v = Pn(pt, n), [y, x] = a.useState(null), b = q(t, (ge) => x(ge)), [w, E] = a.useState(null), S = Do(w), P = (S == null ? void 0 : S.width) ?? 0, R = (S == null ? void 0 : S.height) ?? 0, N = r + (i !== "center" ? "-" + i : ""), O = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, I = Array.isArray(l) ? l : [l], W = I.length > 0, M = {
+    } = e, v = Pn(pt, n), [y, x] = a.useState(null), b = q(t, (ge) => x(ge)), [w, E] = a.useState(null), A = Do(w), P = (A == null ? void 0 : A.width) ?? 0, R = (A == null ? void 0 : A.height) ?? 0, N = r + (i !== "center" ? "-" + i : ""), O = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, I = Array.isArray(l) ? l : [l], W = I.length > 0, M = {
       padding: O,
       boundary: I.filter(Wi),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: W
-    }, { refs: F, floatingStyles: k, placement: L, isPositioned: D, middlewareData: A } = Ci({
+    }, { refs: F, floatingStyles: k, placement: L, isPositioned: D, middlewareData: S } = Ci({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: N,
@@ -2555,8 +2555,8 @@ var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
         reference: v.anchor
       },
       middleware: [
-        Si({ mainAxis: o + R, alignmentAxis: c }),
-        u && Ai({
+        Ai({ mainAxis: o + R, alignmentAxis: s }),
+        u && Si({
           mainAxis: !0,
           crossAxis: !1,
           limiter: d === "partial" ? Ri() : void 0,
@@ -2570,7 +2570,7 @@ var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
             Pe.setProperty("--radix-popper-available-width", `${Zn}px`), Pe.setProperty("--radix-popper-available-height", `${qn}px`), Pe.setProperty("--radix-popper-anchor-width", `${Gn}px`), Pe.setProperty("--radix-popper-anchor-height", `${Qn}px`);
           }
         }),
-        w && Ti({ element: w, padding: s }),
+        w && Ti({ element: w, padding: c }),
         Bi({ arrowWidth: P, arrowHeight: R }),
         p && Mi({ strategy: "referenceHidden", ...M })
       ]
@@ -2578,7 +2578,7 @@ var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
     te(() => {
       D && (se == null || se());
     }, [D, se]);
-    const jn = (vt = A.arrow) == null ? void 0 : vt.x, Un = (gt = A.arrow) == null ? void 0 : gt.y, Yn = ((yt = A.arrow) == null ? void 0 : yt.centerOffset) !== 0, [Xn, Kn] = a.useState();
+    const jn = (vt = S.arrow) == null ? void 0 : vt.x, Un = (gt = S.arrow) == null ? void 0 : gt.y, Yn = ((yt = S.arrow) == null ? void 0 : yt.centerOffset) !== 0, [Xn, Kn] = a.useState();
     return te(() => {
       y && Kn(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ C(
@@ -2593,13 +2593,13 @@ var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
           minWidth: "max-content",
           zIndex: Xn,
           "--radix-popper-transform-origin": [
-            (wt = A.transformOrigin) == null ? void 0 : wt.x,
-            (bt = A.transformOrigin) == null ? void 0 : bt.y
+            (wt = S.transformOrigin) == null ? void 0 : wt.x,
+            (bt = S.transformOrigin) == null ? void 0 : bt.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((xt = A.hide) == null ? void 0 : xt.referenceHidden) && {
+          ...((xt = S.hide) == null ? void 0 : xt.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -2642,7 +2642,7 @@ var Nn = "PopperArrow", Ii = {
   bottom: "top",
   left: "right"
 }, Mn = a.forwardRef(function(t, n) {
-  const { __scopePopper: r, ...o } = t, i = Fi(Nn, r), c = Ii[i.placedSide];
+  const { __scopePopper: r, ...o } = t, i = Fi(Nn, r), s = Ii[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.
@@ -2655,7 +2655,7 @@ var Nn = "PopperArrow", Ii = {
           position: "absolute",
           left: i.arrowX,
           top: i.arrowY,
-          [c]: 0,
+          [s]: 0,
           transformOrigin: {
             top: "",
             right: "0 0",
@@ -2695,16 +2695,16 @@ var Bi = (e) => ({
   options: e,
   fn(t) {
     var v, y, x;
-    const { placement: n, rects: r, middlewareData: o } = t, c = ((v = o.arrow) == null ? void 0 : v.centerOffset) !== 0, s = c ? 0 : e.arrowWidth, u = c ? 0 : e.arrowHeight, [l, f] = Tn(n), d = { start: "0%", center: "50%", end: "100%" }[f], p = (((y = o.arrow) == null ? void 0 : y.x) ?? 0) + s / 2, m = (((x = o.arrow) == null ? void 0 : x.y) ?? 0) + u / 2;
+    const { placement: n, rects: r, middlewareData: o } = t, s = ((v = o.arrow) == null ? void 0 : v.centerOffset) !== 0, c = s ? 0 : e.arrowWidth, u = s ? 0 : e.arrowHeight, [l, f] = Tn(n), d = { start: "0%", center: "50%", end: "100%" }[f], p = (((y = o.arrow) == null ? void 0 : y.x) ?? 0) + c / 2, m = (((x = o.arrow) == null ? void 0 : x.y) ?? 0) + u / 2;
     let g = "", h = "";
-    return l === "bottom" ? (g = c ? d : `${p}px`, h = `${-u}px`) : l === "top" ? (g = c ? d : `${p}px`, h = `${r.floating.height + u}px`) : l === "right" ? (g = `${-u}px`, h = c ? d : `${m}px`) : l === "left" && (g = `${r.floating.width + u}px`, h = c ? d : `${m}px`), { data: { x: g, y: h } };
+    return l === "bottom" ? (g = s ? d : `${p}px`, h = `${-u}px`) : l === "top" ? (g = s ? d : `${p}px`, h = `${r.floating.height + u}px`) : l === "right" ? (g = `${-u}px`, h = s ? d : `${m}px`) : l === "left" && (g = `${r.floating.width + u}px`, h = s ? d : `${m}px`), { data: { x: g, y: h } };
   }
 });
 function Tn(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var $i = Sn, kn = Rn, Hi = On, zi = Mn, ze = "Popover", [Ln, ms] = Kt(ze, [
+var $i = An, kn = Rn, Hi = On, zi = Mn, ze = "Popover", [Ln, ms] = Kt(ze, [
   Cn
 ]), Ce = Cn(), [Vi, oe] = Ln(ze), Dn = (e) => {
   const {
@@ -2713,14 +2713,14 @@ var $i = Sn, kn = Rn, Hi = On, zi = Mn, ze = "Popover", [Ln, ms] = Kt(ze, [
     open: r,
     defaultOpen: o,
     onOpenChange: i,
-    modal: c = !1
-  } = e, s = Ce(t), u = a.useRef(null), [l, f] = a.useState(!1), [d, p] = xr({
+    modal: s = !1
+  } = e, c = Ce(t), u = a.useRef(null), [l, f] = a.useState(!1), [d, p] = xr({
     prop: r,
     defaultProp: o ?? !1,
     onChange: i,
     caller: ze
   });
-  return /* @__PURE__ */ C($i, { ...s, children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ C($i, { ...c, children: /* @__PURE__ */ C(
     Vi,
     {
       scope: t,
@@ -2732,7 +2732,7 @@ var $i = Sn, kn = Rn, Hi = On, zi = Mn, ze = "Popover", [Ln, ms] = Kt(ze, [
       hasCustomAnchor: l,
       onCustomAnchorAdd: a.useCallback(() => f(!0), []),
       onCustomAnchorRemove: a.useCallback(() => f(!1), []),
-      modal: c,
+      modal: s,
       children: n
     }
   ) });
@@ -2740,14 +2740,14 @@ var $i = Sn, kn = Rn, Hi = On, zi = Mn, ze = "Popover", [Ln, ms] = Kt(ze, [
 Dn.displayName = ze;
 var _n = "PopoverAnchor", Fn = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe(_n, n), i = Ce(n), { onCustomAnchorAdd: c, onCustomAnchorRemove: s } = o;
-    return a.useEffect(() => (c(), () => s()), [c, s]), /* @__PURE__ */ C(kn, { ...i, ...r, ref: t });
+    const { __scopePopover: n, ...r } = e, o = oe(_n, n), i = Ce(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = o;
+    return a.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ C(kn, { ...i, ...r, ref: t });
   }
 );
 Fn.displayName = _n;
 var In = "PopoverTrigger", Wn = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe(In, n), i = Ce(n), c = q(t, o.triggerRef), s = /* @__PURE__ */ C(
+    const { __scopePopover: n, ...r } = e, o = oe(In, n), i = Ce(n), s = q(t, o.triggerRef), c = /* @__PURE__ */ C(
       G.button,
       {
         type: "button",
@@ -2756,11 +2756,11 @@ var In = "PopoverTrigger", Wn = a.forwardRef(
         "aria-controls": o.contentId,
         "data-state": Vn(o.open),
         ...r,
-        ref: c,
+        ref: s,
         onClick: ee(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? s : /* @__PURE__ */ C(kn, { asChild: !0, ...i, children: s });
+    return o.hasCustomAnchor ? c : /* @__PURE__ */ C(kn, { asChild: !0, ...i, children: c });
   }
 );
 Wn.displayName = In;
@@ -2782,8 +2782,8 @@ var Yi = /* @__PURE__ */ Xt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
   (e, t) => {
     const n = oe(pe, e.__scopePopover), r = a.useRef(null), o = q(t, r), i = a.useRef(!1);
     return a.useEffect(() => {
-      const c = r.current;
-      if (c) return Lo(c);
+      const s = r.current;
+      if (s) return Lo(s);
     }, []), /* @__PURE__ */ C(ln, { as: Yi, allowPinchZoom: !0, children: /* @__PURE__ */ C(
       Hn,
       {
@@ -2791,21 +2791,21 @@ var Yi = /* @__PURE__ */ Xt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
         ref: o,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: ee(e.onCloseAutoFocus, (c) => {
-          var s;
-          c.preventDefault(), i.current || (s = n.triggerRef.current) == null || s.focus();
+        onCloseAutoFocus: ee(e.onCloseAutoFocus, (s) => {
+          var c;
+          s.preventDefault(), i.current || (c = n.triggerRef.current) == null || c.focus();
         }),
         onPointerDownOutside: ee(
           e.onPointerDownOutside,
-          (c) => {
-            const s = c.detail.originalEvent, u = s.button === 0 && s.ctrlKey === !0, l = s.button === 2 || u;
+          (s) => {
+            const c = s.detail.originalEvent, u = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || u;
             i.current = l;
           },
           { checkForDefaultPrevented: !1 }
         ),
         onFocusOutside: ee(
           e.onFocusOutside,
-          (c) => c.preventDefault(),
+          (s) => s.preventDefault(),
           { checkForDefaultPrevented: !1 }
         )
       }
@@ -2822,14 +2822,14 @@ var Yi = /* @__PURE__ */ Xt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (i) => {
-          var c, s;
-          (c = e.onCloseAutoFocus) == null || c.call(e, i), i.defaultPrevented || (r.current || (s = n.triggerRef.current) == null || s.focus(), i.preventDefault()), r.current = !1, o.current = !1;
+          var s, c;
+          (s = e.onCloseAutoFocus) == null || s.call(e, i), i.defaultPrevented || (r.current || (c = n.triggerRef.current) == null || c.focus(), i.preventDefault()), r.current = !1, o.current = !1;
         },
         onInteractOutside: (i) => {
           var u, l;
           (u = e.onInteractOutside) == null || u.call(e, i), i.defaultPrevented || (r.current = !0, i.detail.originalEvent.type === "pointerdown" && (o.current = !0));
-          const c = i.target;
-          ((l = n.triggerRef.current) == null ? void 0 : l.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
+          const s = i.target;
+          ((l = n.triggerRef.current) == null ? void 0 : l.contains(s)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
         }
       }
     );
@@ -2841,8 +2841,8 @@ var Yi = /* @__PURE__ */ Xt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
       trapFocus: r,
       onOpenAutoFocus: o,
       onCloseAutoFocus: i,
-      disableOutsidePointerEvents: c,
-      onEscapeKeyDown: s,
+      disableOutsidePointerEvents: s,
+      onEscapeKeyDown: c,
       onPointerDownOutside: u,
       onFocusOutside: l,
       onInteractOutside: f,
@@ -2860,9 +2860,9 @@ var Yi = /* @__PURE__ */ Xt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
           qt,
           {
             asChild: !0,
-            disableOutsidePointerEvents: c,
+            disableOutsidePointerEvents: s,
             onInteractOutside: f,
-            onEscapeKeyDown: s,
+            onEscapeKeyDown: c,
             onPointerDownOutside: u,
             onFocusOutside: l,
             onDismiss: () => p.onOpenChange(!1),