highsoft-ui 1.0.4 → 1.0.6

package/dist/components/PrefPanel/index.js

@@ -1,7 +1,7 @@
-import { jsx as C, jsxs as J, Fragment as qn } from "react/jsx-runtime";
-import { z as Gn } from "../../index-CMegByeX.js";
+import { jsx as C, jsxs as J, Fragment as jt } from "react/jsx-runtime";
 import * as a from "react";
-import { useState as Qn, useLayoutEffect as Jn, useEffect as er } from "react";
+import { useState as Ut, useLayoutEffect as Jn, useEffect as Yt } from "react";
+import { z as er } from "../../index-CMegByeX.js";
 import { _ as xe } from "../../extends-hS2Bh-Yp.js";
 import { c as tr } from "../../clsx-OuTLNxxd.js";
 import { Button as nr } from "../Button/index.js";
@@ -116,24 +116,24 @@ function q(...e) {
   return a.useCallback(fr(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function jt(e) {
+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 };
@@ -178,42 +178,42 @@ var gr = [
   "svg",
   "ul"
 ], G = gr.reduce((e, t) => {
-  const n = /* @__PURE__ */ jt(`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 n = /* @__PURE__ */ Xt(`Primitive.${t}`), r = a.forwardRef((o, 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 };
 }, {});
 function yr(e, t) {
   e && ot.flushSync(() => e.dispatchEvent(t));
 }
-function Ut(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);
@@ -384,36 +384,36 @@ function Mr(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
   }, [n, t]);
 }
-var Tr = "DismissableLayer", Je = "dismissableLayer.update", kr = "dismissableLayer.pointerDownOutside", Lr = "dismissableLayer.focusOutside", Pt, Yt = a.createContext({
+var Tr = "DismissableLayer", Je = "dismissableLayer.update", kr = "dismissableLayer.pointerDownOutside", Lr = "dismissableLayer.focusOutside", Pt, Zt = a.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Xt = a.forwardRef(
+}), qt = a.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
       onEscapeKeyDown: r,
       onPointerDownOutside: o,
       onFocusOutside: i,
-      onInteractOutside: c,
-      onDismiss: s,
+      onInteractOutside: s,
+      onDismiss: c,
       ...u
-    } = e, l = a.useContext(Yt), [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) => {
+    } = 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
@@ -436,9 +436,9 @@ var Tr = "DismissableLayer", Je = "dismissableLayer.update", kr = "dismissableLa
     );
   }
 );
-Xt.displayName = Tr;
+qt.displayName = Tr;
 var Dr = "DismissableLayerBranch", _r = a.forwardRef((e, t) => {
-  const n = a.useContext(Yt), r = a.useRef(null), o = q(t, r);
+  const n = a.useContext(Zt), r = a.useRef(null), o = q(t, r);
   return a.useEffect(() => {
     const i = r.current;
     if (i)
@@ -452,26 +452,26 @@ 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() {
-          Kt(
+          Gt(
             kr,
             n,
             l,
             { 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)
@@ -482,7 +482,7 @@ function Ir(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = de(e), r = a.useRef(!1);
   return a.useEffect(() => {
     const o = (i) => {
-      i.target && !r.current && Kt(Lr, n, { originalEvent: i }, {
+      i.target && !r.current && Gt(Lr, n, { originalEvent: i }, {
         discrete: !1
       });
     };
@@ -492,22 +492,22 @@ 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);
 }
-function Kt(e, t, n, { discrete: r }) {
+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", Zt = 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(qt(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,19 +564,19 @@ 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 });
 });
-Zt.displayName = Wr;
+Qt.displayName = Wr;
 function Br(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
     if (Q(r, { select: t }), document.activeElement !== n) return;
 }
 function $r(e) {
-  const t = qt(e), n = Rt(t, e), r = Rt(t.reverse(), e);
+  const t = Jt(e), n = Rt(t, e), r = Rt(t.reverse(), e);
   return [n, r];
 }
-function qt(e) {
+function Jt(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (r) => {
       const o = r.tagName === "INPUT" && r.type === "hidden";
@@ -629,14 +629,14 @@ function Nt(e, t) {
 function jr(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Ur = "Portal", Gt = a.forwardRef((e, t) => {
-  var s;
+var Ur = "Portal", en = a.forwardRef((e, t) => {
+  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;
 });
-Gt.displayName = Ur;
+en.displayName = Ur;
 var Ue = 0;
 function Yr() {
   a.useEffect(() => {
@@ -659,7 +659,7 @@ var V = function() {
     return t;
   }, V.apply(this, arguments);
 };
-function Qt(e, t) {
+function tn(e, t) {
   var n = {};
   for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -677,7 +677,7 @@ function Ye(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function qr(e, t) {
-  var n = Qn(function() {
+  var n = Ut(function() {
     return {
       // value
       value: e,
@@ -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;
         }
       };
     }
@@ -780,8 +780,8 @@ function to(e) {
   var t = eo(null);
   return t.options = V({ async: !0, ssr: !1 }, e), t;
 }
-var Jt = function(e) {
-  var t = e.sideCar, n = Qt(e, ["sideCar"]);
+var nn = function(e) {
+  var t = e.sideCar, n = tn(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var r = t.read();
@@ -789,22 +789,22 @@ var Jt = function(e) {
     throw new Error("Sidecar medium not found");
   return a.createElement(r, V({}, n));
 };
-Jt.isSideCarExport = !0;
+nn.isSideCarExport = !0;
 function no(e, t) {
-  return e.useMedium(t), Jt;
+  return e.useMedium(t), nn;
 }
-var en = to(), Xe = function() {
+var rn = to(), Xe = function() {
 }, We = a.forwardRef(function(e, t) {
   var n = a.useRef(null), r = a.useState({
     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 = Qt(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: en, 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 = {
@@ -854,7 +854,7 @@ var co = function() {
       };
     }, [t && n]);
   };
-}, tn = function() {
+}, on = function() {
   var e = ao(), t = function(n) {
     var r = n.styles, o = n.dynamic;
     return e(r, o), null;
@@ -880,12 +880,12 @@ var co = function() {
     right: t[2],
     gap: Math.max(0, r - n + t[2] - t[0])
   };
-}, ho = tn(), ue = "data-scroll-locked", po = function(e, t, n, r) {
-  var o = e.left, i = e.top, c = e.right, s = e.gap;
+}, ho = on(), ue = "data-scroll-locked", po = 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(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,18 +944,18 @@ 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;
   }
 var ce = et ? { passive: !1 } : !1, go = function(e) {
   return e.tagName === "TEXTAREA";
-}, nn = function(e, t) {
+}, sn = function(e, t) {
   if (!(e instanceof Element))
     return !1;
   var n = window.getComputedStyle(e);
@@ -965,17 +965,17 @@ var ce = et ? { passive: !1 } : !1, go = function(e) {
     !(n.overflowY === n.overflowX && !go(e) && n[t] === "visible")
   );
 }, yo = function(e) {
-  return nn(e, "overflowY");
+  return sn(e, "overflowY");
 }, wo = function(e) {
-  return nn(e, "overflowX");
+  return sn(e, "overflowX");
 }, Lt = function(e, t) {
   var n = t.ownerDocument, r = t;
   do {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
-    var o = rn(e, r);
+    var o = cn(e, r);
     if (o) {
-      var i = on(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;
@@ -995,21 +995,21 @@ var ce = et ? { passive: !1 } : !1, go = function(e) {
     n,
     r
   ];
-}, rn = function(e, t) {
+}, cn = function(e, t) {
   return e === "v" ? yo(t) : wo(t);
-}, on = function(e, t) {
+}, an = function(e, t) {
   return e === "v" ? bo(t) : xo(t);
 }, 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 = on(e, s), g = m[0], h = m[1], v = m[2], y = h - v - i * g;
-    (g || y) && rn(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(tn)[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) {
@@ -1113,23 +1113,23 @@ function Oo(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const No = no(en, Ro);
-var sn = a.forwardRef(function(e, t) {
+const No = no(rn, Ro);
+var ln = a.forwardRef(function(e, t) {
   return a.createElement(We, V({}, e, { ref: t, sideCar: No }));
 });
-sn.classNames = We.classNames;
+ln.classNames = We.classNames;
 var Mo = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, le = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new WeakMap(), Ne = {}, Ze = 0, cn = function(e) {
-  return e && (e.host || cn(e.parentNode));
+}, le = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new WeakMap(), Ne = {}, Ze = 0, un = function(e) {
+  return e && (e.host || un(e.parentNode));
 }, To = function(e, t) {
   return t.map(function(n) {
     if (e.contains(n))
       return n;
-    var r = cn(n);
+    var r = un(n);
     return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(n) {
     return !!n;
@@ -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]);
@@ -1268,7 +1268,7 @@ function zo(e) {
     ...e
   };
 }
-function an(e) {
+function fn(e) {
   return typeof e != "number" ? zo(e) : {
     top: e,
     right: e,
@@ -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 = an(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,
@@ -1466,12 +1466,12 @@ const jo = (e) => ({
     } = K(e, t) || {};
     if (l == null)
       return {};
-    const d = an(f), p = {
+    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
@@ -1814,7 +1814,7 @@ function Be() {
   return typeof window < "u";
 }
 function ve(e) {
-  return ln(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return dn(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function $(e) {
   var t;
@@ -1822,9 +1822,9 @@ function $(e) {
 }
 function Y(e) {
   var t;
-  return (t = (ln(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (dn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function ln(e) {
+function dn(e) {
   return Be() ? e instanceof Node || e instanceof $(e).Node : !1;
 }
 function H(e) {
@@ -1902,31 +1902,31 @@ function re(e) {
   );
   return Bt(t) ? t.host : t;
 }
-function un(e) {
+function hn(e) {
   const t = re(e);
-  return he(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : U(t) && Ee(t) ? t : un(t);
+  return he(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : U(t) && Ee(t) ? t : hn(t);
 }
 function be(e, t, n) {
   var r;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = un(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));
 }
 function rt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function fn(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) {
@@ -1940,15 +1940,15 @@ function fe(e) {
     width: r,
     height: o,
     $: i
-  } = fn(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
+  } = pn(t);
+  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);
-function dn(e) {
+function mn(e) {
   const t = $(e);
   return !ut() || !t.visualViewport ? ei : {
     x: t.visualViewport.offsetLeft,
@@ -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) ? dn(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);
@@ -1984,7 +1984,7 @@ function dt(e, t) {
   const n = He(e).scrollLeft;
   return t ? t.left + n : ie(Y(e)).left + n;
 }
-function hn(e, t, n) {
+function vn(e, t, n) {
   n === void 0 && (n = !1);
   const r = e.getBoundingClientRect(), o = r.left + t.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
@@ -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 ? hn(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
   };
@@ -2069,7 +2069,7 @@ function $t(e, t, n) {
   else if (H(t))
     r = si(t, n);
   else {
-    const o = dn(e);
+    const o = mn(e);
     r = {
       x: t.x - o.x,
       y: t.y - o.y,
@@ -2079,20 +2079,20 @@ function $t(e, t, n) {
   }
   return Fe(r);
 }
-function pn(e, t) {
+function gn(e, t) {
   const n = re(e);
-  return n === t || !H(n) || he(n) ? !1 : z(n).position === "fixed" || pn(n, t);
+  return n === t || !H(n) || he(n) ? !1 : z(n).position === "fixed" || gn(n, t);
 }
 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 && pn(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,
@@ -2118,15 +2118,15 @@ function li(e) {
   const {
     width: t,
     height: n
-  } = fn(e);
+  } = pn(e);
   return {
     width: t,
     height: n
   };
 }
 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 ? hn(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) {
@@ -2159,7 +2159,7 @@ function Ht(e, t) {
   let n = e.offsetParent;
   return Y(e) === n && (n = n.ownerDocument.body), n;
 }
-function mn(e, t) {
+function yn(e, t) {
   const n = $(e);
   if ($e(e))
     return n;
@@ -2178,7 +2178,7 @@ function mn(e, t) {
   return r && he(r) && qe(r) && !lt(r) ? n : r || Jo(e) || n;
 }
 const fi = async function(e) {
-  const t = this.getOffsetParent || mn, n = this.getDimensions, r = await n(e.floating);
+  const t = this.getOffsetParent || yn, n = this.getDimensions, r = await n(e.floating);
   return {
     reference: ui(e.reference, await t(e.floating), e.strategy),
     floating: {
@@ -2196,7 +2196,7 @@ const hi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ni,
   getDocumentElement: Y,
   getClippingRect: ai,
-  getOffsetParent: mn,
+  getOffsetParent: yn,
   getElementRects: fi,
   getClientRects: ri,
   getDimensions: li,
@@ -2204,41 +2204,41 @@ const hi = {
   isElement: H,
   isRTL: di
 };
-function vn(e, t) {
+function wn(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
 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 && !vn(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;
@@ -2280,7 +2280,7 @@ function mi(e, t, n, r) {
   u && v();
   function v() {
     const y = ie(e);
-    h && !vn(h, y) && n(), h = y, g = requestAnimationFrame(v);
+    h && !wn(h, y) && n(), h = y, g = requestAnimationFrame(v);
   }
   return n(), () => {
     var y;
@@ -2302,7 +2302,7 @@ const vi = Ko, gi = Zo, yi = Uo, wi = Go, bi = Yo, zt = jo, xi = qo, Ei = (e, t,
     platform: i
   });
 };
-var Le = typeof document < "u" ? Jn : er;
+var Le = typeof document < "u" ? Jn : Yt;
 function Ie(e, t) {
   if (e === t)
     return !0;
@@ -2333,11 +2333,11 @@ function Ie(e, t) {
   }
   return e !== e && t !== t;
 }
-function gn(e) {
+function bn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function Vt(e, t) {
-  const n = gn(e);
+  const n = bn(e);
   return Math.round(t * n) / n;
 }
 function Ge(e) {
@@ -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,18 +2420,18 @@ 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)",
-      ...gn(L.floating) >= 1.5 && {
+      ...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) => ({
@@ -2491,7 +2491,7 @@ const Pi = (e) => {
   ...Pi(e),
   options: [e, t]
 });
-var ki = "Arrow", yn = a.forwardRef((e, t) => {
+var ki = "Arrow", xn = a.forwardRef((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...i } = e;
   return /* @__PURE__ */ C(
     G.svg,
@@ -2506,22 +2506,22 @@ var ki = "Arrow", yn = a.forwardRef((e, t) => {
     }
   );
 });
-yn.displayName = ki;
-var Li = yn, ht = "Popper", [wn, bn] = Ut(ht), [Di, xn] = wn(ht), En = (e) => {
+xn.displayName = ki;
+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 });
 };
-En.displayName = ht;
-var Cn = "PopperAnchor", Pn = a.forwardRef(
+An.displayName = ht;
+var Sn = "PopperAnchor", Rn = a.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, i = xn(Cn, 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 });
   }
 );
-Pn.displayName = Cn;
-var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
+Rn.displayName = Sn;
+var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
   (e, t) => {
     var vt, gt, yt, wt, bt, xt;
     const {
@@ -2529,8 +2529,8 @@ var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = 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] = wn(pt), Sn = a.forwardRef(
       updatePositionStrategy: m = "optimized",
       onPlaced: g,
       ...h
-    } = e, v = xn(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] = wn(pt), Sn = 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,
@@ -2565,22 +2565,22 @@ var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
         u && Oi({ ...M }),
         Ni({
           ...M,
-          apply: ({ elements: ge, rects: Et, availableWidth: Yn, availableHeight: Xn }) => {
-            const { width: Kn, height: Zn } = Et.reference, Pe = ge.floating.style;
-            Pe.setProperty("--radix-popper-available-width", `${Yn}px`), Pe.setProperty("--radix-popper-available-height", `${Xn}px`), Pe.setProperty("--radix-popper-anchor-width", `${Kn}px`), Pe.setProperty("--radix-popper-anchor-height", `${Zn}px`);
+          apply: ({ elements: ge, rects: Et, availableWidth: Zn, availableHeight: qn }) => {
+            const { width: Gn, height: Qn } = Et.reference, Pe = ge.floating.style;
+            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 })
       ]
-    }), [T, _] = On(L), se = de(g);
+    }), [T, _] = Tn(L), se = de(g);
     te(() => {
       D && (se == null || se());
     }, [D, se]);
-    const Hn = (vt = A.arrow) == null ? void 0 : vt.x, zn = (gt = A.arrow) == null ? void 0 : gt.y, Vn = ((yt = A.arrow) == null ? void 0 : yt.centerOffset) !== 0, [jn, Un] = 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 && Un(window.getComputedStyle(y).zIndex);
+      y && Kn(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ C(
       "div",
       {
@@ -2591,15 +2591,15 @@ var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
           transform: D ? k.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: jn,
+          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"
           }
@@ -2611,9 +2611,9 @@ var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
             scope: n,
             placedSide: T,
             onArrowChange: E,
-            arrowX: Hn,
-            arrowY: zn,
-            shouldHideArrow: Vn,
+            arrowX: jn,
+            arrowY: Un,
+            shouldHideArrow: Yn,
             children: /* @__PURE__ */ C(
               G.div,
               {
@@ -2635,14 +2635,14 @@ var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
     );
   }
 );
-Sn.displayName = pt;
-var An = "PopperArrow", Ii = {
+On.displayName = pt;
+var Nn = "PopperArrow", Ii = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, Rn = a.forwardRef(function(t, n) {
-  const { __scopePopper: r, ...o } = t, i = Fi(An, r), c = Ii[i.placedSide];
+}, Mn = a.forwardRef(function(t, n) {
+  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 An = "PopperArrow", Ii = {
           position: "absolute",
           left: i.arrowX,
           top: i.arrowY,
-          [c]: 0,
+          [s]: 0,
           transformOrigin: {
             top: "",
             right: "0 0",
@@ -2686,7 +2686,7 @@ var An = "PopperArrow", Ii = {
     )
   );
 });
-Rn.displayName = An;
+Mn.displayName = Nn;
 function Wi(e) {
   return e !== null;
 }
@@ -2695,32 +2695,32 @@ 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] = On(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 On(e) {
+function Tn(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var $i = En, Nn = Pn, Hi = Sn, zi = Rn, ze = "Popover", [Mn, ms] = Ut(ze, [
-  bn
-]), Ce = bn(), [Vi, oe] = Mn(ze), Tn = (e) => {
+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 {
     __scopePopover: t,
     children: n,
     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,80 +2732,80 @@ var $i = En, Nn = Pn, Hi = Sn, zi = Rn, ze = "Popover", [Mn, ms] = Ut(ze, [
       hasCustomAnchor: l,
       onCustomAnchorAdd: a.useCallback(() => f(!0), []),
       onCustomAnchorRemove: a.useCallback(() => f(!1), []),
-      modal: c,
+      modal: s,
       children: n
     }
   ) });
 };
-Tn.displayName = ze;
-var kn = "PopoverAnchor", Ln = a.forwardRef(
+Dn.displayName = ze;
+var _n = "PopoverAnchor", Fn = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe(kn, n), i = Ce(n), { onCustomAnchorAdd: c, onCustomAnchorRemove: s } = o;
-    return a.useEffect(() => (c(), () => s()), [c, s]), /* @__PURE__ */ C(Nn, { ...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 });
   }
 );
-Ln.displayName = kn;
-var Dn = "PopoverTrigger", _n = a.forwardRef(
+Fn.displayName = _n;
+var In = "PopoverTrigger", Wn = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe(Dn, 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",
         "aria-haspopup": "dialog",
         "aria-expanded": o.open,
         "aria-controls": o.contentId,
-        "data-state": $n(o.open),
+        "data-state": Vn(o.open),
         ...r,
-        ref: c,
+        ref: s,
         onClick: ee(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? s : /* @__PURE__ */ C(Nn, { asChild: !0, ...i, children: s });
+    return o.hasCustomAnchor ? c : /* @__PURE__ */ C(kn, { asChild: !0, ...i, children: c });
   }
 );
-_n.displayName = Dn;
-var mt = "PopoverPortal", [ji, Ui] = Mn(mt, {
+Wn.displayName = In;
+var mt = "PopoverPortal", [ji, Ui] = Ln(mt, {
   forceMount: void 0
-}), Fn = (e) => {
+}), Bn = (e) => {
   const { __scopePopover: t, forceMount: n, children: r, container: o } = e, i = oe(mt, t);
-  return /* @__PURE__ */ C(ji, { scope: t, forceMount: n, children: /* @__PURE__ */ C(it, { present: n || i.open, children: /* @__PURE__ */ C(Gt, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ C(ji, { scope: t, forceMount: n, children: /* @__PURE__ */ C(it, { present: n || i.open, children: /* @__PURE__ */ C(en, { asChild: !0, container: o, children: r }) }) });
 };
-Fn.displayName = mt;
-var pe = "PopoverContent", In = a.forwardRef(
+Bn.displayName = mt;
+var pe = "PopoverContent", $n = a.forwardRef(
   (e, t) => {
     const n = Ui(pe, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, i = oe(pe, e.__scopePopover);
     return /* @__PURE__ */ C(it, { present: r || i.open, children: i.modal ? /* @__PURE__ */ C(Xi, { ...o, ref: t }) : /* @__PURE__ */ C(Ki, { ...o, ref: t }) });
   }
 );
-In.displayName = pe;
-var Yi = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
+$n.displayName = pe;
+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);
-    }, []), /* @__PURE__ */ C(sn, { as: Yi, allowPinchZoom: !0, children: /* @__PURE__ */ C(
-      Wn,
+      const s = r.current;
+      if (s) return Lo(s);
+    }, []), /* @__PURE__ */ C(ln, { as: Yi, allowPinchZoom: !0, children: /* @__PURE__ */ C(
+      Hn,
       {
         ...e,
         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 }
         )
       }
@@ -2815,41 +2815,41 @@ var Yi = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
   (e, t) => {
     const n = oe(pe, e.__scopePopover), r = a.useRef(!1), o = a.useRef(!1);
     return /* @__PURE__ */ C(
-      Wn,
+      Hn,
       {
         ...e,
         ref: t,
         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();
         }
       }
     );
   }
-), Wn = a.forwardRef(
+), Hn = a.forwardRef(
   (e, t) => {
     const {
       __scopePopover: n,
       trapFocus: r,
       onOpenAutoFocus: o,
       onCloseAutoFocus: i,
-      disableOutsidePointerEvents: c,
-      onEscapeKeyDown: s,
+      disableOutsidePointerEvents: s,
+      onEscapeKeyDown: c,
       onPointerDownOutside: u,
       onFocusOutside: l,
       onInteractOutside: f,
       ...d
     } = e, p = oe(pe, n), m = Ce(n);
     return Yr(), /* @__PURE__ */ C(
-      Zt,
+      Qt,
       {
         asChild: !0,
         loop: !0,
@@ -2857,19 +2857,19 @@ var Yi = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
         onMountAutoFocus: o,
         onUnmountAutoFocus: i,
         children: /* @__PURE__ */ C(
-          Xt,
+          qt,
           {
             asChild: !0,
-            disableOutsidePointerEvents: c,
+            disableOutsidePointerEvents: s,
             onInteractOutside: f,
-            onEscapeKeyDown: s,
+            onEscapeKeyDown: c,
             onPointerDownOutside: u,
             onFocusOutside: l,
             onDismiss: () => p.onOpenChange(!1),
             children: /* @__PURE__ */ C(
               Hi,
               {
-                "data-state": $n(p.open),
+                "data-state": Vn(p.open),
                 role: "dialog",
                 id: p.contentId,
                 ...m,
@@ -2890,9 +2890,9 @@ var Yi = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
       }
     );
   }
-), Bn = "PopoverClose", Zi = a.forwardRef(
+), zn = "PopoverClose", Zi = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe(Bn, n);
+    const { __scopePopover: n, ...r } = e, o = oe(zn, n);
     return /* @__PURE__ */ C(
       G.button,
       {
@@ -2904,7 +2904,7 @@ var Yi = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
     );
   }
 );
-Zi.displayName = Bn;
+Zi.displayName = zn;
 var qi = "PopoverArrow", Gi = a.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = Ce(n);
@@ -2912,10 +2912,10 @@ var qi = "PopoverArrow", Gi = a.forwardRef(
   }
 );
 Gi.displayName = qi;
-function $n(e) {
+function Vn(e) {
   return e ? "open" : "closed";
 }
-var Qi = Tn, Ji = Ln, es = _n, ts = Fn, ns = In;
+var Qi = Dn, Ji = Fn, es = Wn, ts = Bn, ns = $n;
 const rs = "_anchor_14hmz_17", os = "_container_14hmz_22", is = "_radio_14hmz_39", ss = "_check_14hmz_51", cs = "_radioInput_14hmz_59", ye = {
   anchor: rs,
   container: os,
@@ -2924,7 +2924,7 @@ const rs = "_anchor_14hmz_17", os = "_container_14hmz_22", is = "_radio_14hmz_39
   radioInput: cs
 };
 function Qe({ children: e, id: t, ...n }) {
-  return /* @__PURE__ */ J(qn, { children: [
+  return /* @__PURE__ */ J(jt, { children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -2941,13 +2941,15 @@ function Qe({ children: e, id: t, ...n }) {
   ] });
 }
 function vs() {
-  const { theme: e, systemTheme: t, setTheme: n } = Gn();
-  return /* @__PURE__ */ J(Qi, { children: [
+  const { theme: e, systemTheme: t, setTheme: n } = er(), [r, o] = Ut(!1);
+  return Yt(() => {
+    o(!0);
+  }, []), /* @__PURE__ */ J(Qi, { children: [
     /* @__PURE__ */ C(es, { asChild: !0, children: /* @__PURE__ */ J(nr, { variant: "transparent", children: [
       /* @__PURE__ */ C(ar, {}),
       /* @__PURE__ */ C(Ji, { className: ye.anchor })
     ] }) }),
-    /* @__PURE__ */ C(ts, { children: /* @__PURE__ */ J(ns, { sideOffset: 8, className: ye.container, children: [
+    /* @__PURE__ */ C(ts, { children: /* @__PURE__ */ C(ns, { sideOffset: 8, className: ye.container, children: r && /* @__PURE__ */ J(jt, { children: [
       /* @__PURE__ */ C("span", { children: "Appearance" }),
       /* @__PURE__ */ J(
         Qe,
@@ -2990,7 +2992,7 @@ function vs() {
           ]
         }
       )
-    ] }) })
+    ] }) }) })
   ] });
 }
 export {