highsoft-ui 1.0.15 → 1.0.16

package/dist/components/PrefPanel/index.js

@@ -1,14 +1,14 @@
-import { jsx as C, jsxs as J, Fragment as Ut } from "react/jsx-runtime";
-import { z as Gn } from "../../index-CMegByeX.js";
+import { jsx as C, jsxs as Q, Fragment as Ut } from "react/jsx-runtime";
+import { z as Qn } from "../../index-CMegByeX.js";
 import * as a from "react";
-import { useState as Qn, useLayoutEffect as Jn, useEffect as er } from "react";
+import { useState as Jn, useLayoutEffect as er, useEffect as tr } from "react";
 import { _ as xe } from "../../extends-hS2Bh-Yp.js";
-import { c as tr } from "../../clsx-OuTLNxxd.js";
-import { Button as nr } from "../Button/index.js";
-import { useMounted as rr } from "../../utils.js";
+import { c as nr } from "../../clsx-OuTLNxxd.js";
+import { Button as rr } from "../Button/index.js";
+import { useMounted as or } from "../../utils.js";
 import * as zt from "react-dom";
-import or from "react-dom";
-var ir = function(t) {
+import ir from "react-dom";
+var sr = function(t) {
   return /* @__PURE__ */ C("svg", xe({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -24,7 +24,7 @@ var ir = function(t) {
       d: "M20 6 9 17l-5-5"
     })
   }));
-}, sr = function(t) {
+}, cr = function(t) {
   return /* @__PURE__ */ C("svg", xe({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -40,7 +40,7 @@ var ir = function(t) {
       d: "M15 17v4H9v-4m-3.8 0h13.6c1.1201 0 1.6802 0 2.108-.218a2 2 0 0 0 .874-.874C22 15.4802 22 14.9201 22 13.8V6.2c0-1.1201 0-1.6802-.218-2.108a2 2 0 0 0-.874-.874C20.4802 3 19.9201 3 18.8 3H5.2c-1.1201 0-1.6802 0-2.108.218a2 2 0 0 0-.874.874C2 4.5198 2 5.08 2 6.2v7.6c0 1.1201 0 1.6802.218 2.108.1917.3763.4977.6823.874.874C3.5198 17 4.08 17 5.2 17"
     })
   }));
-}, cr = function(t) {
+}, ar = function(t) {
   return /* @__PURE__ */ C("svg", xe({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -56,7 +56,7 @@ var ir = function(t) {
       d: "M21.9548 12.9564c-1.3769 2.4153-3.9757 4.0437-6.9548 4.0437-4.4183 0-8-3.5817-8-8 0-2.9794 1.6287-5.5783 4.0443-6.9552C5.9698 2.5261 2 6.7994 2 11.9998c0 5.5229 4.4772 10 10 10 5.2002 0 9.4733-3.9693 9.9548-9.0434"
     })
   }));
-}, ar = function(t) {
+}, lr = function(t) {
   return /* @__PURE__ */ C("svg", xe({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -72,7 +72,7 @@ var ir = function(t) {
       d: "M3 8h12m0 0c0 1.6569 1.3431 3 3 3s3-1.3431 3-3-1.3431-3-3-3-3 1.3431-3 3m-6 8h12M9 16c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3"
     })
   }));
-}, lr = function(t) {
+}, ur = function(t) {
   return /* @__PURE__ */ C("svg", xe({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -94,7 +94,7 @@ function Et(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function ur(...e) {
+function jt(...e) {
   return (t) => {
     let n = !1;
     const r = e.map((o) => {
@@ -110,11 +110,11 @@ function ur(...e) {
       };
   };
 }
-function q(...e) {
-  return a.useCallback(ur(...e), e);
+function re(...e) {
+  return a.useCallback(jt(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function jt(e) {
+function Yt(e) {
   const t = /* @__PURE__ */ fr(e), n = a.forwardRef((r, o) => {
     const { children: i, ...s } = r, c = a.Children.toArray(i), u = c.find(hr);
     if (u) {
@@ -128,10 +128,10 @@ function jt(e) {
 // @__NO_SIDE_EFFECTS__
 function fr(e) {
   const t = a.forwardRef((n, r) => {
-    const { children: o, ...i } = n, s = a.isValidElement(o) ? mr(o) : void 0, c = q(s, r);
+    const { children: o, ...i } = n;
     if (a.isValidElement(o)) {
-      const u = pr(i, o.props);
-      return o.type !== a.Fragment && (u.ref = c), a.cloneElement(o, u);
+      const s = mr(o), c = pr(i, o.props);
+      return o.type !== a.Fragment && (c.ref = r ? jt(r, s) : s), a.cloneElement(o, c);
     }
     return a.Children.count(o) > 1 ? a.Children.only(null) : null;
   });
@@ -175,8 +175,8 @@ var vr = [
   "span",
   "svg",
   "ul"
-], G = vr.reduce((e, t) => {
-  const n = /* @__PURE__ */ jt(`Primitive.${t}`), r = a.forwardRef((o, i) => {
+], q = vr.reduce((e, t) => {
+  const n = /* @__PURE__ */ Yt(`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 });
   });
@@ -185,7 +185,7 @@ var vr = [
 function gr(e, t) {
   e && zt.flushSync(() => e.dispatchEvent(t));
 }
-function Yt(e, t = []) {
+function Xt(e, t = []) {
   let n = [];
   function r(i, s) {
     const c = a.createContext(s), u = n.length;
@@ -235,14 +235,14 @@ function yr(...e) {
   };
   return n.scopeName = t.scopeName, n;
 }
-function ee(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function J(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
     if (e == null || e(o), n === !1 || !o.defaultPrevented)
       return t == null ? void 0 : t(o);
   };
 }
-var te = globalThis != null && globalThis.document ? a.useLayoutEffect : () => {
-}, wr = a[" useInsertionEffect ".trim().toString()] || te;
+var ee = globalThis != null && globalThis.document ? a.useLayoutEffect : () => {
+}, wr = a[" useInsertionEffect ".trim().toString()] || ee;
 function br({
   prop: e,
   defaultProp: t,
@@ -295,7 +295,7 @@ function Cr(e, t) {
   return a.useReducer((n, r) => t[n][r] ?? n, e);
 }
 var ot = (e) => {
-  const { present: t, children: n } = e, r = Pr(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 = Pr(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), i = re(r.ref, Ar(o));
   return typeof n == "function" || r.isPresent ? a.cloneElement(o, { ref: i }) : null;
 };
 ot.displayName = "Presence";
@@ -316,13 +316,13 @@ function Pr(e) {
   return a.useEffect(() => {
     const l = Ae(r.current);
     i.current = c === "mounted" ? l : "none";
-  }, [c]), te(() => {
+  }, [c]), ee(() => {
     const l = r.current, f = o.current;
     if (f !== e) {
       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(() => {
+  }, [e, u]), ee(() => {
     if (t) {
       let l;
       const f = t.ownerDocument.defaultView ?? window, d = (m) => {
@@ -360,7 +360,7 @@ var Sr = a[" useId ".trim().toString()] || (() => {
 }), Rr = 0;
 function Or(e) {
   const [t, n] = a.useState(Sr());
-  return te(() => {
+  return ee(() => {
     n((r) => r ?? String(Rr++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
@@ -382,11 +382,11 @@ function Nr(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
   }, [n, t]);
 }
-var Mr = "DismissableLayer", Je = "dismissableLayer.update", Tr = "dismissableLayer.pointerDownOutside", kr = "dismissableLayer.focusOutside", Ct, Xt = a.createContext({
+var Mr = "DismissableLayer", Je = "dismissableLayer.update", Tr = "dismissableLayer.pointerDownOutside", kr = "dismissableLayer.focusOutside", Ct, Kt = a.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Kt = a.forwardRef(
+}), Zt = a.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
@@ -396,7 +396,7 @@ var Mr = "DismissableLayer", Je = "dismissableLayer.update", Tr = "dismissableLa
       onInteractOutside: s,
       onDismiss: c,
       ...u
-    } = e, l = a.useContext(Xt), [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 = _r((P) => {
+    } = e, l = a.useContext(Kt), [f, d] = a.useState(null), p = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = a.useState({}), g = re(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 = _r((P) => {
       const R = P.target, N = [...l.branches].some((O) => O.contains(R));
       !w || N || (o == null || o(P), s == null || s(P), P.defaultPrevented || c == null || c());
     }, p), A = Fr((P) => {
@@ -416,7 +416,7 @@ var Mr = "DismissableLayer", Je = "dismissableLayer.update", Tr = "dismissableLa
       const P = () => m({});
       return document.addEventListener(Je, P), () => document.removeEventListener(Je, P);
     }, []), /* @__PURE__ */ C(
-      G.div,
+      q.div,
       {
         ...u,
         ref: g,
@@ -424,9 +424,9 @@ var Mr = "DismissableLayer", Je = "dismissableLayer.update", Tr = "dismissableLa
           pointerEvents: b ? w ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: ee(e.onFocusCapture, A.onFocusCapture),
-        onBlurCapture: ee(e.onBlurCapture, A.onBlurCapture),
-        onPointerDownCapture: ee(
+        onFocusCapture: J(e.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: J(e.onBlurCapture, A.onBlurCapture),
+        onPointerDownCapture: J(
           e.onPointerDownCapture,
           E.onPointerDownCapture
         )
@@ -434,16 +434,16 @@ var Mr = "DismissableLayer", Je = "dismissableLayer.update", Tr = "dismissableLa
     );
   }
 );
-Kt.displayName = Mr;
+Zt.displayName = Mr;
 var Lr = "DismissableLayerBranch", Dr = a.forwardRef((e, t) => {
-  const n = a.useContext(Xt), r = a.useRef(null), o = q(t, r);
+  const n = a.useContext(Kt), r = a.useRef(null), o = re(t, r);
   return a.useEffect(() => {
     const i = r.current;
     if (i)
       return n.branches.add(i), () => {
         n.branches.delete(i);
       };
-  }, [n.branches]), /* @__PURE__ */ C(G.div, { ...e, ref: o });
+  }, [n.branches]), /* @__PURE__ */ C(q.div, { ...e, ref: o });
 });
 Dr.displayName = Lr;
 function _r(e, t = globalThis == null ? void 0 : globalThis.document) {
@@ -453,7 +453,7 @@ function _r(e, t = globalThis == null ? void 0 : globalThis.document) {
     const i = (c) => {
       if (c.target && !r.current) {
         let u = function() {
-          Zt(
+          qt(
             Tr,
             n,
             l,
@@ -480,7 +480,7 @@ function Fr(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 && Zt(kr, n, { originalEvent: i }, {
+      i.target && !r.current && qt(kr, n, { originalEvent: i }, {
         discrete: !1
       });
     };
@@ -494,18 +494,18 @@ function Pt() {
   const e = new CustomEvent(Je);
   document.dispatchEvent(e);
 }
-function Zt(e, t, n, { discrete: r }) {
+function qt(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 ? gr(o, i) : o.dispatchEvent(i);
 }
-var Ue = "focusScope.autoFocusOnMount", ze = "focusScope.autoFocusOnUnmount", At = { bubbles: !1, cancelable: !0 }, Ir = "FocusScope", qt = a.forwardRef((e, t) => {
+var Ue = "focusScope.autoFocusOnMount", ze = "focusScope.autoFocusOnUnmount", At = { bubbles: !1, cancelable: !0 }, Ir = "FocusScope", Gt = a.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
     onMountAutoFocus: o,
     onUnmountAutoFocus: i,
     ...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({
+  } = e, [c, u] = a.useState(null), l = de(o), f = de(i), d = a.useRef(null), p = re(t, (h) => u(h)), m = a.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -519,15 +519,15 @@ var Ue = "focusScope.autoFocusOnMount", ze = "focusScope.autoFocusOnUnmount", At
       let h = function(b) {
         if (m.paused || !c) return;
         const w = b.target;
-        c.contains(w) ? d.current = w : Q(d.current, { select: !0 });
+        c.contains(w) ? d.current = w : G(d.current, { select: !0 });
       }, v = function(b) {
         if (m.paused || !c) return;
         const w = b.relatedTarget;
-        w !== null && (c.contains(w) || Q(d.current, { select: !0 }));
+        w !== null && (c.contains(w) || G(d.current, { select: !0 }));
       }, y = function(b) {
         if (document.activeElement === document.body)
           for (const E of b)
-            E.removedNodes.length > 0 && Q(c);
+            E.removedNodes.length > 0 && G(c);
       };
       document.addEventListener("focusin", h), document.addEventListener("focusout", v);
       const x = new MutationObserver(y);
@@ -541,12 +541,12 @@ var Ue = "focusScope.autoFocusOnMount", ze = "focusScope.autoFocusOnUnmount", At
       const h = document.activeElement;
       if (!c.contains(h)) {
         const y = new CustomEvent(Ue, At);
-        c.addEventListener(Ue, l), c.dispatchEvent(y), y.defaultPrevented || (Wr(Ur(Gt(c)), { select: !0 }), document.activeElement === h && Q(c));
+        c.addEventListener(Ue, l), c.dispatchEvent(y), y.defaultPrevented || (Wr(Ur(Qt(c)), { select: !0 }), document.activeElement === h && G(c));
       }
       return () => {
         c.removeEventListener(Ue, l), setTimeout(() => {
           const y = new CustomEvent(ze, At);
-          c.addEventListener(ze, f), c.dispatchEvent(y), y.defaultPrevented || Q(h ?? document.body, { select: !0 }), c.removeEventListener(ze, f), Rt.remove(m);
+          c.addEventListener(ze, f), c.dispatchEvent(y), y.defaultPrevented || G(h ?? document.body, { select: !0 }), c.removeEventListener(ze, f), Rt.remove(m);
         }, 0);
       };
     }
@@ -557,24 +557,24 @@ var Ue = "focusScope.autoFocusOnMount", ze = "focusScope.autoFocusOnUnmount", At
       const v = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, y = document.activeElement;
       if (v && y) {
         const x = h.currentTarget, [b, w] = Br(x);
-        b && w ? !h.shiftKey && y === w ? (h.preventDefault(), n && Q(b, { select: !0 })) : h.shiftKey && y === b && (h.preventDefault(), n && Q(w, { select: !0 })) : y === x && h.preventDefault();
+        b && w ? !h.shiftKey && y === w ? (h.preventDefault(), n && G(b, { select: !0 })) : h.shiftKey && y === b && (h.preventDefault(), n && G(w, { select: !0 })) : y === x && h.preventDefault();
       }
     },
     [n, r, m.paused]
   );
-  return /* @__PURE__ */ C(G.div, { tabIndex: -1, ...s, ref: p, onKeyDown: g });
+  return /* @__PURE__ */ C(q.div, { tabIndex: -1, ...s, ref: p, onKeyDown: g });
 });
-qt.displayName = Ir;
+Gt.displayName = Ir;
 function Wr(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
-    if (Q(r, { select: t }), document.activeElement !== n) return;
+    if (G(r, { select: t }), document.activeElement !== n) return;
 }
 function Br(e) {
-  const t = Gt(e), n = St(t, e), r = St(t.reverse(), e);
+  const t = Qt(e), n = St(t, e), r = St(t.reverse(), e);
   return [n, r];
 }
-function Gt(e) {
+function Qt(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (r) => {
       const o = r.tagName === "INPUT" && r.type === "hidden";
@@ -600,7 +600,7 @@ function $r(e, { upTo: t }) {
 function Hr(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function Q(e, { select: t = !1 } = {}) {
+function G(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== n && Hr(e) && t && e.select();
@@ -627,14 +627,14 @@ function Ot(e, t) {
 function Ur(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var zr = "Portal", Qt = a.forwardRef((e, t) => {
+var zr = "Portal", Jt = a.forwardRef((e, t) => {
   var c;
   const { container: n, ...r } = e, [o, i] = a.useState(!1);
-  te(() => i(!0), []);
+  ee(() => i(!0), []);
   const s = n || o && ((c = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : c.body);
-  return s ? or.createPortal(/* @__PURE__ */ C(G.div, { ...r, ref: t }), s) : null;
+  return s ? ir.createPortal(/* @__PURE__ */ C(q.div, { ...r, ref: t }), s) : null;
 });
-Qt.displayName = zr;
+Jt.displayName = zr;
 var je = 0;
 function jr() {
   a.useEffect(() => {
@@ -657,7 +657,7 @@ var U = function() {
     return t;
   }, U.apply(this, arguments);
 };
-function Jt(e, t) {
+function en(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")
@@ -675,7 +675,7 @@ function Ye(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function Zr(e, t) {
-  var n = Qn(function() {
+  var n = Jn(function() {
     return {
       // value
       value: e,
@@ -778,8 +778,8 @@ function eo(e) {
   var t = Jr(null);
   return t.options = U({ async: !0, ssr: !1 }, e), t;
 }
-var en = function(e) {
-  var t = e.sideCar, n = Jt(e, ["sideCar"]);
+var tn = function(e) {
+  var t = e.sideCar, n = en(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var r = t.read();
@@ -787,21 +787,21 @@ var en = function(e) {
     throw new Error("Sidecar medium not found");
   return a.createElement(r, U({}, n));
 };
-en.isSideCarExport = !0;
+tn.isSideCarExport = !0;
 function to(e, t) {
-  return e.useMedium(t), en;
+  return e.useMedium(t), tn;
 }
-var tn = eo(), Xe = function() {
+var nn = eo(), 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], 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 = Jt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = p, A = Gr([n, t]), P = U(U({}, w), 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 = en(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = p, A = Gr([n, t]), P = U(U({}, w), o);
   return a.createElement(
     a.Fragment,
     null,
-    f && a.createElement(E, { sideCar: tn, removeScrollBar: l, shards: d, noRelative: m, noIsolation: g, inert: h, setCallbacks: i, allowPinchZoom: !!v, lockRef: n, gapMode: b }),
+    f && a.createElement(E, { sideCar: nn, 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), U(U({}, P), { ref: A })) : a.createElement(x, U({}, P, { className: u, ref: A }), c)
   );
 });
@@ -852,7 +852,7 @@ var so = function() {
       };
     }, [t && n]);
   };
-}, nn = function() {
+}, rn = function() {
   var e = co(), t = function(n) {
     var r = n.styles, o = n.dynamic;
     return e(r, o), null;
@@ -878,7 +878,7 @@ var so = function() {
     right: t[2],
     gap: Math.max(0, r - n + t[2] - t[0])
   };
-}, fo = nn(), ue = "data-scroll-locked", ho = function(e, t, n, r) {
+}, fo = rn(), ue = "data-scroll-locked", ho = 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(Xr, ` {
@@ -953,7 +953,7 @@ if (typeof window < "u")
   }
 var ce = et ? { passive: !1 } : !1, vo = function(e) {
   return e.tagName === "TEXTAREA";
-}, rn = function(e, t) {
+}, on = function(e, t) {
   if (!(e instanceof Element))
     return !1;
   var n = window.getComputedStyle(e);
@@ -963,16 +963,16 @@ var ce = et ? { passive: !1 } : !1, vo = function(e) {
     !(n.overflowY === n.overflowX && !vo(e) && n[t] === "visible")
   );
 }, go = function(e) {
-  return rn(e, "overflowY");
+  return on(e, "overflowY");
 }, yo = function(e) {
-  return rn(e, "overflowX");
+  return on(e, "overflowX");
 }, kt = function(e, t) {
   var n = t.ownerDocument, r = t;
   do {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
-    var o = on(e, r);
+    var o = sn(e, r);
     if (o) {
-      var i = sn(e, r), s = i[1], c = i[2];
+      var i = cn(e, r), s = i[1], c = i[2];
       if (s > c)
         return !0;
     }
@@ -993,17 +993,17 @@ var ce = et ? { passive: !1 } : !1, vo = function(e) {
     n,
     r
   ];
-}, on = function(e, t) {
-  return e === "v" ? go(t) : yo(t);
 }, sn = function(e, t) {
+  return e === "v" ? go(t) : yo(t);
+}, cn = function(e, t) {
   return e === "v" ? wo(t) : bo(t);
 }, xo = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, Eo = function(e, t, n, r, o) {
   var i = xo(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 = sn(e, c), g = m[0], h = m[1], v = m[2], y = h - v - i * g;
-    (g || y) && on(e, c) && (d += y, p += g), c = c.parentNode.host || c.parentNode;
+    var m = cn(e, c), g = m[0], h = m[1], v = m[2], y = h - v - i * g;
+    (g || y) && sn(e, c) && (d += y, p += g), c = c.parentNode.host || c.parentNode;
   } while (
     // portaled content
     !u && c !== document.body || // self content
@@ -1025,7 +1025,7 @@ var ce = et ? { passive: !1 } : !1, vo = function(e) {
 `);
 }, Ao = 0, ae = [];
 function So(e) {
-  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Ao++)[0], i = a.useState(nn)[0], s = a.useRef(e);
+  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Ao++)[0], i = a.useState(rn)[0], s = a.useRef(e);
   a.useEffect(function() {
     s.current = e;
   }, [e]), a.useEffect(function() {
@@ -1111,23 +1111,23 @@ function Ro(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const Oo = to(tn, So);
-var cn = a.forwardRef(function(e, t) {
+const Oo = to(nn, So);
+var an = a.forwardRef(function(e, t) {
   return a.createElement(We, U({}, e, { ref: t, sideCar: Oo }));
 });
-cn.classNames = We.classNames;
+an.classNames = We.classNames;
 var No = 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, an = function(e) {
-  return e && (e.host || an(e.parentNode));
+}, le = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new WeakMap(), Ne = {}, Ze = 0, ln = function(e) {
+  return e && (e.host || ln(e.parentNode));
 }, Mo = function(e, t) {
   return t.map(function(n) {
     if (e.contains(n))
       return n;
-    var r = an(n);
+    var r = ln(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;
@@ -1167,7 +1167,7 @@ var No = function(e) {
 };
 function Lo(e) {
   const [t, n] = a.useState(void 0);
-  return te(() => {
+  return ee(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const r = new ResizeObserver((o) => {
@@ -1187,7 +1187,7 @@ function Lo(e) {
       n(void 0);
   }, [e]), t;
 }
-const Do = ["top", "right", "bottom", "left"], ne = Math.min, B = Math.max, De = Math.round, Me = Math.floor, z = (e) => ({
+const Do = ["top", "right", "bottom", "left"], te = Math.min, B = Math.max, De = Math.round, Me = Math.floor, z = (e) => ({
   x: e,
   y: e
 }), _o = {
@@ -1200,7 +1200,7 @@ const Do = ["top", "right", "bottom", "left"], ne = Math.min, B = Math.max, De =
   end: "start"
 };
 function tt(e, t, n) {
-  return B(e, ne(t, n));
+  return B(e, te(t, n));
 }
 function K(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -1266,7 +1266,7 @@ function Ho(e) {
     ...e
   };
 }
-function ln(e) {
+function un(e) {
   return typeof e != "number" ? Ho(e) : {
     top: e,
     right: e,
@@ -1417,7 +1417,7 @@ async function we(e, t) {
     elementContext: d = "floating",
     altBoundary: p = !1,
     padding: m = 0
-  } = K(t, e), g = ln(m), v = c[p ? d === "floating" ? "reference" : "floating" : d], y = Fe(await i.getClippingRect({
+  } = K(t, e), g = un(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,
@@ -1464,13 +1464,13 @@ const Uo = (e) => ({
     } = K(e, t) || {};
     if (l == null)
       return {};
-    const d = ln(f), p = {
+    const d = un(f), p = {
       x: n,
       y: r
     }, m = ct(o), g = st(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;
+    const R = w / 2 - E / 2, N = P / 2 - h[g] / 2 - 1, O = te(d[y], N), I = te(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,
       data: {
@@ -1788,7 +1788,7 @@ const Xo = function(e) {
       } = i.floating;
       let v, y;
       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;
+      const x = h - f.top - f.bottom, b = g - f.left - f.right, w = te(h - f[v], x), E = te(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), A && !p) {
         const O = B(f.left, 0), I = B(f.right, 0), W = B(f.top, 0), M = B(f.bottom, 0);
@@ -1812,7 +1812,7 @@ function Be() {
   return typeof window < "u";
 }
 function ve(e) {
-  return un(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return fn(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function $(e) {
   var t;
@@ -1820,9 +1820,9 @@ function $(e) {
 }
 function Y(e) {
   var t;
-  return (t = (un(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (fn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function un(e) {
+function fn(e) {
   return Be() ? e instanceof Node || e instanceof $(e).Node : !1;
 }
 function H(e) {
@@ -1860,13 +1860,13 @@ function at(e) {
   return ["transform", "translate", "scale", "rotate", "perspective"].some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((r) => (n.willChange || "").includes(r)) || ["paint", "layout", "strict", "content"].some((r) => (n.contain || "").includes(r));
 }
 function Qo(e) {
-  let t = re(e);
+  let t = ne(e);
   for (; j(t) && !he(t); ) {
     if (at(t))
       return t;
     if ($e(t))
       return null;
-    t = re(t);
+    t = ne(t);
   }
   return null;
 }
@@ -1888,7 +1888,7 @@ function He(e) {
     scrollTop: e.scrollY
   };
 }
-function re(e) {
+function ne(e) {
   if (ve(e) === "html")
     return e;
   const t = (
@@ -1900,14 +1900,14 @@ function re(e) {
   );
   return Wt(t) ? t.host : t;
 }
-function fn(e) {
-  const t = re(e);
-  return he(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : j(t) && Ee(t) ? t : fn(t);
+function dn(e) {
+  const t = ne(e);
+  return he(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : j(t) && Ee(t) ? t : dn(t);
 }
 function be(e, t, n) {
   var r;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = fn(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), s = $(o);
+  const o = dn(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), s = $(o);
   if (i) {
     const c = rt(s);
     return t.concat(s, s.visualViewport || [], Ee(o) ? o : [], c && n ? be(c) : []);
@@ -1917,7 +1917,7 @@ function be(e, t, n) {
 function rt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function dn(e) {
+function hn(e) {
   const t = V(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
   const o = j(e), i = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, c = De(n) !== i || De(r) !== s;
@@ -1938,7 +1938,7 @@ function fe(e) {
     width: r,
     height: o,
     $: i
-  } = dn(t);
+  } = hn(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,
@@ -1946,7 +1946,7 @@ function fe(e) {
   };
 }
 const Jo = /* @__PURE__ */ z(0);
-function hn(e) {
+function pn(e) {
   const t = $(e);
   return !lt() || !t.visualViewport ? Jo : {
     x: t.visualViewport.offsetLeft,
@@ -1961,7 +1961,7 @@ function ie(e, t, n, r) {
   const o = e.getBoundingClientRect(), i = ut(e);
   let s = z(1);
   t && (r ? H(r) && (s = fe(r)) : s = fe(e));
-  const c = ei(i, n, r) ? hn(i) : z(0);
+  const c = ei(i, n, r) ? pn(i) : z(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;
@@ -1982,7 +1982,7 @@ function ft(e, t) {
   const n = He(e).scrollLeft;
   return t ? t.left + n : ie(Y(e)).left + n;
 }
-function pn(e, t, n) {
+function mn(e, t, n) {
   n === void 0 && (n = !1);
   const r = e.getBoundingClientRect(), o = r.left + t.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
@@ -2012,7 +2012,7 @@ function ti(e) {
     const m = ie(r);
     l = fe(r), f.x = m.x + r.clientLeft, f.y = m.y + r.clientTop;
   }
-  const p = s && !d && !i ? pn(s, u, !0) : z(0);
+  const p = s && !d && !i ? mn(s, u, !0) : z(0);
   return {
     width: n.width * l.x,
     height: n.height * l.y,
@@ -2067,7 +2067,7 @@ function Bt(e, t, n) {
   else if (H(t))
     r = ii(t, n);
   else {
-    const o = hn(e);
+    const o = pn(e);
     r = {
       x: t.x - o.x,
       y: t.y - o.y,
@@ -2077,9 +2077,9 @@ function Bt(e, t, n) {
   }
   return Fe(r);
 }
-function mn(e, t) {
-  const n = re(e);
-  return n === t || !H(n) || he(n) ? !1 : V(n).position === "fixed" || mn(n, t);
+function vn(e, t) {
+  const n = ne(e);
+  return n === t || !H(n) || he(n) ? !1 : V(n).position === "fixed" || vn(n, t);
 }
 function si(e, t) {
   const n = t.get(e);
@@ -2087,10 +2087,10 @@ function si(e, t) {
     return n;
   let r = be(e, [], !1).filter((c) => H(c) && ve(c) !== "body"), o = null;
   const i = V(e).position === "fixed";
-  let s = i ? re(e) : e;
+  let s = i ? ne(e) : e;
   for (; H(s) && !he(s); ) {
     const c = V(s), u = at(s);
-    !u && c.position === "fixed" && (o = null), (i ? !u && !o : !u && c.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ee(s) && !u && mn(e, s)) ? r = r.filter((f) => f !== s) : o = c, s = re(s);
+    !u && c.position === "fixed" && (o = null), (i ? !u && !o : !u && c.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ee(s) && !u && vn(e, s)) ? r = r.filter((f) => f !== s) : o = c, s = ne(s);
   }
   return t.set(e, r), r;
 }
@@ -2103,7 +2103,7 @@ function ci(e) {
   } = e;
   const s = [...n === "clippingAncestors" ? $e(t) ? [] : si(t, this._c) : [].concat(n), r], c = s[0], u = s.reduce((l, f) => {
     const d = Bt(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;
+    return l.top = B(d.top, l.top), l.right = te(d.right, l.right), l.bottom = te(d.bottom, l.bottom), l.left = B(d.left, l.left), l;
   }, Bt(t, c, o));
   return {
     width: u.right - u.left,
@@ -2116,7 +2116,7 @@ function ai(e) {
   const {
     width: t,
     height: n
-  } = dn(e);
+  } = hn(e);
   return {
     width: t,
     height: n
@@ -2138,7 +2138,7 @@ function li(e, t, n) {
       u.x = m.x + t.clientLeft, u.y = m.y + t.clientTop;
     } else o && l();
   i && !r && o && l();
-  const f = o && !r && !i ? pn(o, c) : z(0), d = s.left + c.scrollLeft - u.x - f.x, p = s.top + c.scrollTop - u.y - f.y;
+  const f = o && !r && !i ? mn(o, c) : z(0), d = s.left + c.scrollLeft - u.x - f.x, p = s.top + c.scrollTop - u.y - f.y;
   return {
     x: d,
     y: p,
@@ -2157,16 +2157,16 @@ function $t(e, t) {
   let n = e.offsetParent;
   return Y(e) === n && (n = n.ownerDocument.body), n;
 }
-function vn(e, t) {
+function gn(e, t) {
   const n = $(e);
   if ($e(e))
     return n;
   if (!j(e)) {
-    let o = re(e);
+    let o = ne(e);
     for (; o && !he(o); ) {
       if (H(o) && !qe(o))
         return o;
-      o = re(o);
+      o = ne(o);
     }
     return n;
   }
@@ -2176,7 +2176,7 @@ function vn(e, t) {
   return r && he(r) && qe(r) && !at(r) ? n : r || Qo(e) || n;
 }
 const ui = async function(e) {
-  const t = this.getOffsetParent || vn, n = this.getDimensions, r = await n(e.floating);
+  const t = this.getOffsetParent || gn, n = this.getDimensions, r = await n(e.floating);
   return {
     reference: li(e.reference, await t(e.floating), e.strategy),
     floating: {
@@ -2194,7 +2194,7 @@ const di = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ti,
   getDocumentElement: Y,
   getClippingRect: ci,
-  getOffsetParent: vn,
+  getOffsetParent: gn,
   getElementRects: ui,
   getClientRects: ni,
   getDimensions: ai,
@@ -2202,7 +2202,7 @@ const di = {
   isElement: H,
   isRTL: fi
 };
-function gn(e, t) {
+function yn(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
 function hi(e, t) {
@@ -2224,7 +2224,7 @@ function hi(e, t) {
       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
+      threshold: B(0, te(1, u)) || 1
     };
     let w = !0;
     function E(A) {
@@ -2236,7 +2236,7 @@ function hi(e, t) {
           s(!1, 1e-7);
         }, 1e3);
       }
-      P === 1 && !gn(l, e.getBoundingClientRect()) && s(), w = !1;
+      P === 1 && !yn(l, e.getBoundingClientRect()) && s(), w = !1;
     }
     try {
       n = new IntersectionObserver(E, {
@@ -2278,7 +2278,7 @@ function pi(e, t, n, r) {
   u && v();
   function v() {
     const y = ie(e);
-    h && !gn(h, y) && n(), h = y, g = requestAnimationFrame(v);
+    h && !yn(h, y) && n(), h = y, g = requestAnimationFrame(v);
   }
   return n(), () => {
     var y;
@@ -2300,7 +2300,7 @@ const mi = Xo, vi = Ko, gi = zo, yi = qo, wi = jo, Ht = Uo, bi = Zo, xi = (e, t,
     platform: i
   });
 };
-var Le = typeof document < "u" ? Jn : er;
+var Le = typeof document < "u" ? er : tr;
 function Ie(e, t) {
   if (e === t)
     return !0;
@@ -2331,11 +2331,11 @@ function Ie(e, t) {
   }
   return e !== e && t !== t;
 }
-function yn(e) {
+function wn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function Vt(e, t) {
-  const n = yn(e);
+  const n = wn(e);
   return Math.round(t * n) / n;
 }
 function Ge(e) {
@@ -2429,7 +2429,7 @@ function Ei(e) {
     return c ? {
       ...S,
       transform: "translate(" + T + "px, " + _ + "px)",
-      ...yn(L.floating) >= 1.5 && {
+      ...wn(L.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -2489,10 +2489,10 @@ const Ci = (e) => {
   ...Ci(e),
   options: [e, t]
 });
-var Ti = "Arrow", wn = a.forwardRef((e, t) => {
+var Ti = "Arrow", bn = a.forwardRef((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...i } = e;
   return /* @__PURE__ */ C(
-    G.svg,
+    q.svg,
     {
       ...i,
       ref: t,
@@ -2504,22 +2504,22 @@ var Ti = "Arrow", wn = a.forwardRef((e, t) => {
     }
   );
 });
-wn.displayName = Ti;
-var ki = wn, dt = "Popper", [bn, xn] = Yt(dt), [Li, En] = bn(dt), Cn = (e) => {
+bn.displayName = Ti;
+var ki = bn, dt = "Popper", [xn, En] = Xt(dt), [Li, Cn] = xn(dt), Pn = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
   return /* @__PURE__ */ C(Li, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
-Cn.displayName = dt;
-var Pn = "PopperAnchor", An = a.forwardRef(
+Pn.displayName = dt;
+var An = "PopperAnchor", Sn = a.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, i = En(Pn, n), s = a.useRef(null), c = q(t, s);
+    const { __scopePopper: n, virtualRef: r, ...o } = e, i = Cn(An, n), s = a.useRef(null), c = re(t, s);
     return a.useEffect(() => {
       i.onAnchorChange((r == null ? void 0 : r.current) || s.current);
-    }), r ? null : /* @__PURE__ */ C(G.div, { ...o, ref: c });
+    }), r ? null : /* @__PURE__ */ C(q.div, { ...o, ref: c });
   }
 );
-An.displayName = Pn;
-var ht = "PopperContent", [Di, _i] = bn(ht), Sn = a.forwardRef(
+Sn.displayName = An;
+var ht = "PopperContent", [Di, _i] = xn(ht), Rn = a.forwardRef(
   (e, t) => {
     var mt, vt, gt, yt, wt, bt;
     const {
@@ -2537,7 +2537,7 @@ var ht = "PopperContent", [Di, _i] = bn(ht), Sn = a.forwardRef(
       updatePositionStrategy: m = "optimized",
       onPlaced: g,
       ...h
-    } = e, v = En(ht, n), [y, x] = a.useState(null), b = q(t, (ge) => x(ge)), [w, E] = a.useState(null), A = Lo(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 = {
+    } = e, v = Cn(ht, n), [y, x] = a.useState(null), b = re(t, (ge) => x(ge)), [w, E] = a.useState(null), A = Lo(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(Ii),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -2563,22 +2563,22 @@ var ht = "PopperContent", [Di, _i] = bn(ht), Sn = a.forwardRef(
         u && Ri({ ...M }),
         Oi({
           ...M,
-          apply: ({ elements: ge, rects: xt, availableWidth: Xn, availableHeight: Kn }) => {
-            const { width: Zn, height: qn } = xt.reference, Pe = ge.floating.style;
-            Pe.setProperty("--radix-popper-available-width", `${Xn}px`), Pe.setProperty("--radix-popper-available-height", `${Kn}px`), Pe.setProperty("--radix-popper-anchor-width", `${Zn}px`), Pe.setProperty("--radix-popper-anchor-height", `${qn}px`);
+          apply: ({ elements: ge, rects: xt, availableWidth: Kn, availableHeight: Zn }) => {
+            const { width: qn, height: Gn } = xt.reference, Pe = ge.floating.style;
+            Pe.setProperty("--radix-popper-available-width", `${Kn}px`), Pe.setProperty("--radix-popper-available-height", `${Zn}px`), Pe.setProperty("--radix-popper-anchor-width", `${qn}px`), Pe.setProperty("--radix-popper-anchor-height", `${Gn}px`);
           }
         }),
         w && Mi({ element: w, padding: c }),
         Wi({ arrowWidth: P, arrowHeight: R }),
         p && Ni({ strategy: "referenceHidden", ...M })
       ]
-    }), [T, _] = Nn(L), se = de(g);
-    te(() => {
+    }), [T, _] = Mn(L), se = de(g);
+    ee(() => {
       D && (se == null || se());
     }, [D, se]);
-    const Vn = (mt = S.arrow) == null ? void 0 : mt.x, Un = (vt = S.arrow) == null ? void 0 : vt.y, zn = ((gt = S.arrow) == null ? void 0 : gt.centerOffset) !== 0, [jn, Yn] = a.useState();
-    return te(() => {
-      y && Yn(window.getComputedStyle(y).zIndex);
+    const Un = (mt = S.arrow) == null ? void 0 : mt.x, zn = (vt = S.arrow) == null ? void 0 : vt.y, jn = ((gt = S.arrow) == null ? void 0 : gt.centerOffset) !== 0, [Yn, Xn] = a.useState();
+    return ee(() => {
+      y && Xn(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ C(
       "div",
       {
@@ -2589,7 +2589,7 @@ var ht = "PopperContent", [Di, _i] = bn(ht), Sn = a.forwardRef(
           transform: D ? k.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: jn,
+          zIndex: Yn,
           "--radix-popper-transform-origin": [
             (yt = S.transformOrigin) == null ? void 0 : yt.x,
             (wt = S.transformOrigin) == null ? void 0 : wt.y
@@ -2609,11 +2609,11 @@ var ht = "PopperContent", [Di, _i] = bn(ht), Sn = a.forwardRef(
             scope: n,
             placedSide: T,
             onArrowChange: E,
-            arrowX: Vn,
-            arrowY: Un,
-            shouldHideArrow: zn,
+            arrowX: Un,
+            arrowY: zn,
+            shouldHideArrow: jn,
             children: /* @__PURE__ */ C(
-              G.div,
+              q.div,
               {
                 "data-side": T,
                 "data-align": _,
@@ -2633,14 +2633,14 @@ var ht = "PopperContent", [Di, _i] = bn(ht), Sn = a.forwardRef(
     );
   }
 );
-Sn.displayName = ht;
-var Rn = "PopperArrow", Fi = {
+Rn.displayName = ht;
+var On = "PopperArrow", Fi = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, On = a.forwardRef(function(t, n) {
-  const { __scopePopper: r, ...o } = t, i = _i(Rn, r), s = Fi[i.placedSide];
+}, Nn = a.forwardRef(function(t, n) {
+  const { __scopePopper: r, ...o } = t, i = _i(On, r), s = Fi[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.
@@ -2684,7 +2684,7 @@ var Rn = "PopperArrow", Fi = {
     )
   );
 });
-On.displayName = Rn;
+Nn.displayName = On;
 function Ii(e) {
   return e !== null;
 }
@@ -2693,18 +2693,18 @@ var Wi = (e) => ({
   options: e,
   fn(t) {
     var v, y, x;
-    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] = Nn(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;
+    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] = Mn(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 = 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 Nn(e) {
+function Mn(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var Bi = Cn, Mn = An, $i = Sn, Hi = On, Ve = "Popover", [Tn, ms] = Yt(Ve, [
-  xn
-]), Ce = xn(), [Vi, oe] = Tn(Ve), kn = (e) => {
+var Bi = Pn, Tn = Sn, $i = Rn, Hi = Nn, Ve = "Popover", [kn, ms] = Xt(Ve, [
+  En
+]), Ce = En(), [Vi, oe] = kn(Ve), Ln = (e) => {
   const {
     __scopePopover: t,
     children: n,
@@ -2735,65 +2735,65 @@ var Bi = Cn, Mn = An, $i = Sn, Hi = On, Ve = "Popover", [Tn, ms] = Yt(Ve, [
     }
   ) });
 };
-kn.displayName = Ve;
-var Ln = "PopoverAnchor", Dn = a.forwardRef(
+Ln.displayName = Ve;
+var Dn = "PopoverAnchor", _n = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe(Ln, n), i = Ce(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = o;
-    return a.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ C(Mn, { ...i, ...r, ref: t });
+    const { __scopePopover: n, ...r } = e, o = oe(Dn, n), i = Ce(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = o;
+    return a.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ C(Tn, { ...i, ...r, ref: t });
   }
 );
-Dn.displayName = Ln;
-var _n = "PopoverTrigger", Fn = a.forwardRef(
+_n.displayName = Dn;
+var Fn = "PopoverTrigger", In = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe(_n, n), i = Ce(n), s = q(t, o.triggerRef), c = /* @__PURE__ */ C(
-      G.button,
+    const { __scopePopover: n, ...r } = e, o = oe(Fn, n), i = Ce(n), s = re(t, o.triggerRef), c = /* @__PURE__ */ C(
+      q.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": o.open,
         "aria-controls": o.contentId,
-        "data-state": Hn(o.open),
+        "data-state": Vn(o.open),
         ...r,
         ref: s,
-        onClick: ee(e.onClick, o.onOpenToggle)
+        onClick: J(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? c : /* @__PURE__ */ C(Mn, { asChild: !0, ...i, children: c });
+    return o.hasCustomAnchor ? c : /* @__PURE__ */ C(Tn, { asChild: !0, ...i, children: c });
   }
 );
-Fn.displayName = _n;
-var pt = "PopoverPortal", [Ui, zi] = Tn(pt, {
+In.displayName = Fn;
+var pt = "PopoverPortal", [Ui, zi] = kn(pt, {
   forceMount: void 0
-}), In = (e) => {
+}), Wn = (e) => {
   const { __scopePopover: t, forceMount: n, children: r, container: o } = e, i = oe(pt, t);
-  return /* @__PURE__ */ C(Ui, { scope: t, forceMount: n, children: /* @__PURE__ */ C(ot, { present: n || i.open, children: /* @__PURE__ */ C(Qt, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ C(Ui, { scope: t, forceMount: n, children: /* @__PURE__ */ C(ot, { present: n || i.open, children: /* @__PURE__ */ C(Jt, { asChild: !0, container: o, children: r }) }) });
 };
-In.displayName = pt;
-var pe = "PopoverContent", Wn = a.forwardRef(
+Wn.displayName = pt;
+var pe = "PopoverContent", Bn = a.forwardRef(
   (e, t) => {
     const n = zi(pe, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, i = oe(pe, e.__scopePopover);
     return /* @__PURE__ */ C(ot, { present: r || i.open, children: i.modal ? /* @__PURE__ */ C(Yi, { ...o, ref: t }) : /* @__PURE__ */ C(Xi, { ...o, ref: t }) });
   }
 );
-Wn.displayName = pe;
-var ji = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
+Bn.displayName = pe;
+var ji = /* @__PURE__ */ Yt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
   (e, t) => {
-    const n = oe(pe, e.__scopePopover), r = a.useRef(null), o = q(t, r), i = a.useRef(!1);
+    const n = oe(pe, e.__scopePopover), r = a.useRef(null), o = re(t, r), i = a.useRef(!1);
     return a.useEffect(() => {
       const s = r.current;
       if (s) return ko(s);
-    }, []), /* @__PURE__ */ C(cn, { as: ji, allowPinchZoom: !0, children: /* @__PURE__ */ C(
-      Bn,
+    }, []), /* @__PURE__ */ C(an, { as: ji, allowPinchZoom: !0, children: /* @__PURE__ */ C(
+      $n,
       {
         ...e,
         ref: o,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: ee(e.onCloseAutoFocus, (s) => {
+        onCloseAutoFocus: J(e.onCloseAutoFocus, (s) => {
           var c;
           s.preventDefault(), i.current || (c = n.triggerRef.current) == null || c.focus();
         }),
-        onPointerDownOutside: ee(
+        onPointerDownOutside: J(
           e.onPointerDownOutside,
           (s) => {
             const c = s.detail.originalEvent, u = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || u;
@@ -2801,7 +2801,7 @@ var ji = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
           },
           { checkForDefaultPrevented: !1 }
         ),
-        onFocusOutside: ee(
+        onFocusOutside: J(
           e.onFocusOutside,
           (s) => s.preventDefault(),
           { checkForDefaultPrevented: !1 }
@@ -2813,7 +2813,7 @@ var ji = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
   (e, t) => {
     const n = oe(pe, e.__scopePopover), r = a.useRef(!1), o = a.useRef(!1);
     return /* @__PURE__ */ C(
-      Bn,
+      $n,
       {
         ...e,
         ref: t,
@@ -2832,7 +2832,7 @@ var ji = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
       }
     );
   }
-), Bn = a.forwardRef(
+), $n = a.forwardRef(
   (e, t) => {
     const {
       __scopePopover: n,
@@ -2847,7 +2847,7 @@ var ji = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
       ...d
     } = e, p = oe(pe, n), m = Ce(n);
     return jr(), /* @__PURE__ */ C(
-      qt,
+      Gt,
       {
         asChild: !0,
         loop: !0,
@@ -2855,7 +2855,7 @@ var ji = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
         onMountAutoFocus: o,
         onUnmountAutoFocus: i,
         children: /* @__PURE__ */ C(
-          Kt,
+          Zt,
           {
             asChild: !0,
             disableOutsidePointerEvents: s,
@@ -2867,7 +2867,7 @@ var ji = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
             children: /* @__PURE__ */ C(
               $i,
               {
-                "data-state": Hn(p.open),
+                "data-state": Vn(p.open),
                 role: "dialog",
                 id: p.contentId,
                 ...m,
@@ -2888,21 +2888,21 @@ var ji = /* @__PURE__ */ jt("PopoverContent.RemoveScroll"), Yi = a.forwardRef(
       }
     );
   }
-), $n = "PopoverClose", Ki = a.forwardRef(
+), Hn = "PopoverClose", Ki = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe($n, n);
+    const { __scopePopover: n, ...r } = e, o = oe(Hn, n);
     return /* @__PURE__ */ C(
-      G.button,
+      q.button,
       {
         type: "button",
         ...r,
         ref: t,
-        onClick: ee(e.onClick, () => o.onOpenChange(!1))
+        onClick: J(e.onClick, () => o.onOpenChange(!1))
       }
     );
   }
 );
-Ki.displayName = $n;
+Ki.displayName = Hn;
 var Zi = "PopoverArrow", qi = a.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = Ce(n);
@@ -2910,10 +2910,10 @@ var Zi = "PopoverArrow", qi = a.forwardRef(
   }
 );
 qi.displayName = Zi;
-function Hn(e) {
+function Vn(e) {
   return e ? "open" : "closed";
 }
-var Gi = kn, Qi = Dn, Ji = Fn, es = In, ts = Wn;
+var Gi = Ln, Qi = _n, Ji = In, es = Wn, ts = Bn;
 const ns = "_anchor_pbx6r_285", rs = "_container_pbx6r_290", os = "_radio_pbx6r_307", is = "_check_pbx6r_319", ss = "_radioInput_pbx6r_327", ye = {
   anchor: ns,
   container: rs,
@@ -2922,32 +2922,32 @@ const ns = "_anchor_pbx6r_285", rs = "_container_pbx6r_290", os = "_radio_pbx6r_
   radioInput: ss
 };
 function Qe({ children: e, id: t, ...n }) {
-  return /* @__PURE__ */ J(Ut, { children: [
+  return /* @__PURE__ */ Q(Ut, { children: [
     /* @__PURE__ */ C(
       "input",
       {
         type: "radio",
         id: t,
-        className: tr(ye.radioInput, "sr-only"),
+        className: nr(ye.radioInput, "sr-only"),
         ...n
       }
     ),
-    /* @__PURE__ */ J("label", { htmlFor: t, className: ye.radio, children: [
+    /* @__PURE__ */ Q("label", { htmlFor: t, className: ye.radio, children: [
       e,
-      /* @__PURE__ */ C(ir, { className: ye.check })
+      /* @__PURE__ */ C(sr, { className: ye.check })
     ] })
   ] });
 }
 function vs() {
-  const { theme: e, systemTheme: t, setTheme: n } = Gn(), r = rr();
-  return /* @__PURE__ */ J(Gi, { children: [
-    /* @__PURE__ */ C(Ji, { asChild: !0, children: /* @__PURE__ */ J(nr, { variant: "transparent", "aria-label": "Preferences", children: [
-      /* @__PURE__ */ C(ar, {}),
+  const { theme: e, systemTheme: t, setTheme: n } = Qn(), r = or();
+  return /* @__PURE__ */ Q(Gi, { children: [
+    /* @__PURE__ */ C(Ji, { asChild: !0, children: /* @__PURE__ */ Q(rr, { variant: "transparent", "aria-label": "Preferences", children: [
+      /* @__PURE__ */ C(lr, {}),
       /* @__PURE__ */ C(Qi, { className: ye.anchor })
     ] }) }),
-    /* @__PURE__ */ C(es, { children: /* @__PURE__ */ C(ts, { sideOffset: 8, className: ye.container, children: r && /* @__PURE__ */ J(Ut, { children: [
+    /* @__PURE__ */ C(es, { children: /* @__PURE__ */ C(ts, { sideOffset: 8, className: ye.container, children: r && /* @__PURE__ */ Q(Ut, { children: [
       /* @__PURE__ */ C("span", { children: "Appearance" }),
-      /* @__PURE__ */ J(
+      /* @__PURE__ */ Q(
         Qe,
         {
           id: "system",
@@ -2955,14 +2955,14 @@ function vs() {
           checked: e === "system",
           onChange: () => n("system"),
           children: [
-            /* @__PURE__ */ C(sr, {}),
+            /* @__PURE__ */ C(cr, {}),
             "Auto (",
             t,
             ")"
           ]
         }
       ),
-      /* @__PURE__ */ J(
+      /* @__PURE__ */ Q(
         Qe,
         {
           id: "light",
@@ -2970,12 +2970,12 @@ function vs() {
           checked: e === "light",
           onChange: () => n("light"),
           children: [
-            /* @__PURE__ */ C(lr, {}),
+            /* @__PURE__ */ C(ur, {}),
             "Light"
           ]
         }
       ),
-      /* @__PURE__ */ J(
+      /* @__PURE__ */ Q(
         Qe,
         {
           id: "dark",
@@ -2983,7 +2983,7 @@ function vs() {
           checked: e === "dark",
           onChange: () => n("dark"),
           children: [
-            /* @__PURE__ */ C(cr, {}),
+            /* @__PURE__ */ C(ar, {}),
             "Dark"
           ]
         }