highsoft-ui 1.0.3 → 1.0.5

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,7 +116,7 @@ function q(...e) {
   return a.useCallback(fr(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function Ut(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);
     if (u) {
@@ -178,7 +178,7 @@ var gr = [
   "svg",
   "ul"
 ], G = gr.reduce((e, t) => {
-  const n = /* @__PURE__ */ Ut(`Primitive.${t}`), r = a.forwardRef((o, i) => {
+  const n = /* @__PURE__ */ Xt(`Primitive.${t}`), r = a.forwardRef((o, i) => {
     const { asChild: c, ...s } = o, u = c ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ C(u, { ...s, ref: i });
   });
@@ -187,7 +187,7 @@ var gr = [
 function yr(e, t) {
   e && ot.flushSync(() => e.dispatchEvent(t));
 }
-function zt(e, t = []) {
+function Kt(e, t = []) {
   let n = [];
   function r(i, c) {
     const s = a.createContext(c), u = n.length;
@@ -384,11 +384,11 @@ 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,
@@ -398,7 +398,7 @@ var Tr = "DismissableLayer", Je = "dismissableLayer.update", kr = "dismissableLa
       onInteractOutside: c,
       onDismiss: s,
       ...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) => {
@@ -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)
@@ -455,7 +455,7 @@ function Fr(e, t = globalThis == null ? void 0 : globalThis.document) {
     const i = (s) => {
       if (s.target && !r.current) {
         let u = function() {
-          Kt(
+          Gt(
             kr,
             n,
             l,
@@ -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
       });
     };
@@ -496,11 +496,11 @@ function St() {
   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 je = "focusScope.autoFocusOnMount", Ue = "focusScope.autoFocusOnUnmount", At = { bubbles: !1, cancelable: !0 }, Wr = "FocusScope", Zt = a.forwardRef((e, t) => {
+var Ve = "focusScope.autoFocusOnMount", je = "focusScope.autoFocusOnUnmount", At = { bubbles: !1, cancelable: !0 }, Wr = "FocusScope", Qt = a.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
@@ -542,13 +542,13 @@ var je = "focusScope.autoFocusOnMount", Ue = "focusScope.autoFocusOnUnmount", At
       Ot.add(m);
       const h = document.activeElement;
       if (!s.contains(h)) {
-        const y = new CustomEvent(je, At);
-        s.addEventListener(je, l), s.dispatchEvent(y), y.defaultPrevented || (Br(Ur(qt(s)), { select: !0 }), document.activeElement === h && Q(s));
+        const y = new CustomEvent(Ve, At);
+        s.addEventListener(Ve, l), s.dispatchEvent(y), y.defaultPrevented || (Br(jr(Jt(s)), { select: !0 }), document.activeElement === h && Q(s));
       }
       return () => {
-        s.removeEventListener(je, l), setTimeout(() => {
-          const y = new CustomEvent(Ue, At);
-          s.addEventListener(Ue, f), s.dispatchEvent(y), y.defaultPrevented || Q(h ?? document.body, { select: !0 }), s.removeEventListener(Ue, f), Ot.remove(m);
+        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);
         }, 0);
       };
     }
@@ -566,17 +566,17 @@ var je = "focusScope.autoFocusOnMount", Ue = "focusScope.autoFocusOnUnmount", At
   );
   return /* @__PURE__ */ C(G.div, { tabIndex: -1, ...c, 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";
@@ -599,17 +599,17 @@ function Hr(e, { upTo: t }) {
   }
   return !1;
 }
-function Vr(e) {
+function zr(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function Q(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== n && Vr(e) && t && e.select();
+    e.focus({ preventScroll: !0 }), e !== n && zr(e) && t && e.select();
   }
 }
-var Ot = jr();
-function jr() {
+var Ot = Vr();
+function Vr() {
   let e = [];
   return {
     add(t) {
@@ -626,23 +626,23 @@ function Nt(e, t) {
   const n = [...e], r = n.indexOf(t);
   return r !== -1 && n.splice(r, 1), n;
 }
-function Ur(e) {
+function jr(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var zr = "Portal", Gt = a.forwardRef((e, t) => {
+var Ur = "Portal", en = a.forwardRef((e, t) => {
   var s;
   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;
 });
-Gt.displayName = zr;
-var ze = 0;
+en.displayName = Ur;
+var Ue = 0;
 function Yr() {
   a.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Mt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Mt()), ze++, () => {
-      ze === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), ze--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Mt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Mt()), Ue++, () => {
+      Ue === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ue--;
     };
   }, []);
 }
@@ -650,16 +650,16 @@ function Mt() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
-var j = function() {
-  return j = Object.assign || function(t) {
+var V = function() {
+  return V = Object.assign || function(t) {
     for (var n, r = 1, o = arguments.length; r < o; r++) {
       n = arguments[r];
       for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
     }
     return t;
-  }, j.apply(this, arguments);
+  }, 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,
@@ -778,33 +778,33 @@ function eo(e, t) {
 function to(e) {
   e === void 0 && (e = {});
   var t = eo(null);
-  return t.options = j({ async: !0, ssr: !1 }, e), t;
+  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();
   if (!r)
     throw new Error("Sidecar medium not found");
-  return a.createElement(r, j({}, n));
+  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 = j(j({}, b), o);
+  }), o = r[0], i = r[1], c = e.forwardProps, s = e.children, u = e.className, l = e.removeScrollBar, f = e.enabled, d = e.shards, p = e.sideCar, m = e.noIsolation, g = e.inert, h = e.allowPinchZoom, v = e.as, y = v === void 0 ? "div" : v, x = e.gapMode, b = tn(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = p, E = Qr([n, t]), S = V(V({}, b), o);
   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), j(j({}, S), { ref: E })) : a.createElement(y, j({}, S, { className: u, ref: E }), s)
+    f && a.createElement(w, { sideCar: rn, removeScrollBar: l, shards: d, noIsolation: m, inert: g, setCallbacks: i, allowPinchZoom: !!h, lockRef: n, gapMode: x }),
+    c ? a.cloneElement(a.Children.only(s), V(V({}, S), { ref: E })) : a.createElement(y, V({}, S, { className: u, ref: E }), s)
   );
 });
 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,7 +880,7 @@ 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) {
+}, ho = on(), ue = "data-scroll-locked", po = function(e, t, n, r) {
   var o = e.left, i = e.top, c = e.right, s = e.gap;
   return n === void 0 && (n = "margin"), `
   .`.concat(Kr, ` {
@@ -955,7 +955,7 @@ if (typeof window < "u")
   }
 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,16 +965,16 @@ 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];
+      var i = an(e, r), c = i[1], s = i[2];
       if (c > s)
         return !0;
     }
@@ -995,17 +995,17 @@ 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;
   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, s), g = m[0], h = m[1], v = m[2], y = h - v - i * g;
+    (g || y) && cn(e, s) && (d += y, p += g), s instanceof ShadowRoot ? s = s.host : s = s.parentNode;
   } while (
     // portaled content
     !u && s !== document.body || // self content
@@ -1027,7 +1027,7 @@ var ce = et ? { passive: !1 } : !1, go = function(e) {
 `);
 }, Ao = 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(Ao++)[0], i = a.useState(on)[0], c = a.useRef(e);
   a.useEffect(function() {
     c.current = e;
   }, [e]), a.useEffect(function() {
@@ -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) {
-  return a.createElement(We, j({}, e, { ref: t, sideCar: No }));
+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;
@@ -1189,7 +1189,7 @@ function Do(e) {
       n(void 0);
   }, [e]), t;
 }
-const _o = ["top", "right", "bottom", "left"], ne = Math.min, B = Math.max, De = Math.round, Me = Math.floor, U = (e) => ({
+const _o = ["top", "right", "bottom", "left"], ne = Math.min, B = Math.max, De = Math.round, Me = Math.floor, j = (e) => ({
   x: e,
   y: e
 }), Fo = {
@@ -1259,7 +1259,7 @@ function Ho(e, t, n, r) {
 function _e(e) {
   return e.replace(/left|right|bottom|top/g, (t) => Fo[t]);
 }
-function Vo(e) {
+function zo(e) {
   return {
     top: 0,
     right: 0,
@@ -1268,8 +1268,8 @@ function Vo(e) {
     ...e
   };
 }
-function an(e) {
-  return typeof e != "number" ? Vo(e) : {
+function fn(e) {
+  return typeof e != "number" ? zo(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -1342,7 +1342,7 @@ function Ft(e, t, n) {
   }
   return m;
 }
-const jo = async (e, t, n) => {
+const Vo = async (e, t, n) => {
   const {
     placement: r = "bottom",
     strategy: o = "absolute",
@@ -1419,7 +1419,7 @@ 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({
+  } = K(t, e), g = fn(m), v = s[p ? d === "floating" ? "reference" : "floating" : d], y = Fe(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(v))) == null || n ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
     boundary: l,
     rootBoundary: f,
@@ -1448,7 +1448,7 @@ async function we(e, t) {
     right: (E.right - y.right + g.right) / w.x
   };
 }
-const Uo = (e) => ({
+const jo = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -1466,7 +1466,7 @@ const Uo = (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));
@@ -1485,7 +1485,7 @@ const Uo = (e) => ({
       reset: L
     };
   }
-}), zo = function(e) {
+}), Uo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -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,15 +1822,15 @@ 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) {
   return Be() ? e instanceof Element || e instanceof $(e).Element : !1;
 }
-function z(e) {
+function U(e) {
   return Be() ? e instanceof HTMLElement || e instanceof $(e).HTMLElement : !1;
 }
 function Bt(e) {
@@ -1842,7 +1842,7 @@ function Ee(e) {
     overflowX: n,
     overflowY: r,
     display: o
-  } = V(e);
+  } = z(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !["inline", "contents"].includes(o);
 }
 function Qo(e) {
@@ -1858,12 +1858,12 @@ function $e(e) {
   });
 }
 function lt(e) {
-  const t = ut(), n = H(e) ? V(e) : e;
+  const t = ut(), n = H(e) ? z(e) : 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 Jo(e) {
   let t = re(e);
-  for (; z(t) && !he(t); ) {
+  for (; U(t) && !he(t); ) {
     if (lt(t))
       return t;
     if ($e(t))
@@ -1878,7 +1878,7 @@ function ut() {
 function he(e) {
   return ["html", "body", "#document"].includes(ve(e));
 }
-function V(e) {
+function z(e) {
   return $(e).getComputedStyle(e);
 }
 function He(e) {
@@ -1902,14 +1902,14 @@ 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 : z(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), c = $(o);
   if (i) {
     const s = rt(c);
     return t.concat(c, c.visualViewport || [], Ee(o) ? o : [], s && n ? be(s) : []);
@@ -1919,10 +1919,10 @@ function be(e, t, n) {
 function rt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function fn(e) {
-  const t = V(e);
+function pn(e) {
+  const t = z(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
-  const o = z(e), i = o ? e.offsetWidth : n, c = o ? e.offsetHeight : r, s = De(n) !== i || De(r) !== c;
+  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), {
     width: n,
     height: r,
@@ -1934,21 +1934,21 @@ function ft(e) {
 }
 function fe(e) {
   const t = ft(e);
-  if (!z(t))
-    return U(1);
+  if (!U(t))
+    return j(1);
   const n = t.getBoundingClientRect(), {
     width: r,
     height: o,
     $: i
-  } = fn(t);
+  } = pn(t);
   let c = (i ? De(n.width) : n.width) / r, s = (i ? De(n.height) : n.height) / o;
   return (!c || !Number.isFinite(c)) && (c = 1), (!s || !Number.isFinite(s)) && (s = 1), {
     x: c,
     y: s
   };
 }
-const ei = /* @__PURE__ */ U(0);
-function dn(e) {
+const ei = /* @__PURE__ */ j(0);
+function mn(e) {
   const t = $(e);
   return !ut() || !t.visualViewport ? ei : {
     x: t.visualViewport.offsetLeft,
@@ -1961,15 +1961,15 @@ 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 = U(1);
+  let c = j(1);
   t && (r ? H(r) && (c = fe(r)) : c = fe(e));
-  const s = ti(i, n, r) ? dn(i) : U(0);
+  const s = ti(i, n, r) ? mn(i) : j(0);
   let u = (o.left + s.x) / c.x, l = (o.top + s.y) / c.y, f = o.width / c.x, d = o.height / c.y;
   if (i) {
     const p = $(i), m = r && H(r) ? $(r) : r;
     let g = p, h = rt(g);
     for (; h && r && m !== g; ) {
-      const v = fe(h), y = h.getBoundingClientRect(), x = V(h), b = y.left + (h.clientLeft + parseFloat(x.paddingLeft)) * v.x, w = y.top + (h.clientTop + parseFloat(x.paddingTop)) * v.y;
+      const v = fe(h), y = h.getBoundingClientRect(), x = z(h), b = y.left + (h.clientLeft + parseFloat(x.paddingLeft)) * v.x, w = y.top + (h.clientTop + parseFloat(x.paddingTop)) * v.y;
       u *= v.x, l *= v.y, f *= v.x, d *= v.y, u += b, l += w, g = $(h), 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.
@@ -2008,13 +2008,13 @@ function ni(e) {
   let u = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = U(1);
-  const f = U(0), d = z(r);
-  if ((d || !d && !i) && ((ve(r) !== "body" || Ee(c)) && (u = He(r)), z(r))) {
+  }, l = j(1);
+  const f = j(0), d = U(r);
+  if ((d || !d && !i) && ((ve(r) !== "body" || Ee(c)) && (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) : U(0);
+  const p = c && !d && !i ? vn(c, u, !0) : j(0);
   return {
     width: n.width * l.x,
     height: n.height * l.y,
@@ -2029,7 +2029,7 @@ 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 V(r).direction === "rtl" && (c += B(t.clientWidth, r.clientWidth) - o), {
+  return z(r).direction === "rtl" && (c += B(t.clientWidth, r.clientWidth) - o), {
     width: o,
     height: i,
     x: c,
@@ -2052,7 +2052,7 @@ function ii(e, t) {
   };
 }
 function si(e, t) {
-  const n = ie(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, i = z(e) ? fe(e) : U(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), c = e.clientWidth * i.x, s = e.clientHeight * i.y, u = o * i.x, l = r * i.y;
   return {
     width: c,
     height: s,
@@ -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 : V(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;
-  const i = V(e).position === "fixed";
+  const i = z(e).position === "fixed";
   let c = i ? re(e) : e;
   for (; H(c) && !he(c); ) {
-    const s = V(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);
+    const s = z(c), u = lt(c);
+    !u && s.position === "fixed" && (o = null), (i ? !u && !o : !u && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ee(c) && !u && gn(e, c)) ? r = r.filter((f) => f !== c) : o = s, c = re(c);
   }
   return t.set(e, r), r;
 }
@@ -2118,19 +2118,19 @@ function li(e) {
   const {
     width: t,
     height: n
-  } = fn(e);
+  } = pn(e);
   return {
     width: t,
     height: n
   };
 }
 function ui(e, t, n) {
-  const r = z(t), o = Y(t), i = n === "fixed", c = ie(e, !0, i, t);
+  const r = U(t), o = Y(t), i = n === "fixed", c = ie(e, !0, i, t);
   let s = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const u = U(0);
+  const u = j(0);
   function l() {
     u.x = dt(o);
   }
@@ -2140,7 +2140,7 @@ function ui(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 ? hn(o, s) : U(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, s) : j(0), d = c.left + s.scrollLeft - u.x - f.x, p = c.top + s.scrollTop - u.y - f.y;
   return {
     x: d,
     y: p,
@@ -2149,21 +2149,21 @@ function ui(e, t, n) {
   };
 }
 function qe(e) {
-  return V(e).position === "static";
+  return z(e).position === "static";
 }
 function Ht(e, t) {
-  if (!z(e) || V(e).position === "fixed")
+  if (!U(e) || z(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   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;
-  if (!z(e)) {
+  if (!U(e)) {
     let o = re(e);
     for (; o && !he(o); ) {
       if (H(o) && !qe(o))
@@ -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: {
@@ -2190,13 +2190,13 @@ const fi = async function(e) {
   };
 };
 function di(e) {
-  return V(e).direction === "rtl";
+  return z(e).direction === "rtl";
 }
 const hi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ni,
   getDocumentElement: Y,
   getClippingRect: ai,
-  getOffsetParent: mn,
+  getOffsetParent: yn,
   getElementRects: fi,
   getClientRects: ri,
   getDimensions: li,
@@ -2204,7 +2204,7 @@ 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) {
@@ -2238,7 +2238,7 @@ function pi(e, t) {
           c(!1, 1e-7);
         }, 1e3);
       }
-      P === 1 && !vn(l, e.getBoundingClientRect()) && c(), w = !1;
+      P === 1 && !wn(l, e.getBoundingClientRect()) && c(), w = !1;
     }
     try {
       n = new IntersectionObserver(E, {
@@ -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;
@@ -2289,7 +2289,7 @@ function mi(e, t, n, r) {
     }), d == null || d(), (y = m) == null || y.disconnect(), m = null, u && cancelAnimationFrame(g);
   };
 }
-const vi = Ko, gi = Zo, yi = zo, wi = Go, bi = Yo, Vt = Uo, xi = qo, Ei = (e, t, n) => {
+const vi = Ko, gi = Zo, yi = Uo, wi = Go, bi = Yo, zt = jo, xi = qo, Ei = (e, t, n) => {
   const r = /* @__PURE__ */ new Map(), o = {
     platform: hi,
     ...n
@@ -2297,12 +2297,12 @@ const vi = Ko, gi = Zo, yi = zo, wi = Go, bi = Yo, Vt = Uo, xi = qo, Ei = (e, t,
     ...o.platform,
     _c: r
   };
-  return jo(e, t, {
+  return Vo(e, t, {
     ...o,
     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 jt(e, t) {
-  const n = gn(e);
+function Vt(e, t) {
+  const n = bn(e);
   return Math.round(t * n) / n;
 }
 function Ge(e) {
@@ -2427,11 +2427,11 @@ function Ci(e) {
     };
     if (!L.floating)
       return A;
-    const T = jt(L.floating, f.x), _ = jt(L.floating, f.y);
+    const T = Vt(L.floating, f.x), _ = Vt(L.floating, f.y);
     return s ? {
       ...A,
       transform: "translate(" + T + "px, " + _ + "px)",
-      ...gn(L.floating) >= 1.5 && {
+      ...bn(L.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -2460,10 +2460,10 @@ const Pi = (e) => {
         element: r,
         padding: o
       } = typeof e == "function" ? e(n) : e;
-      return r && t(r) ? r.current != null ? Vt({
+      return r && t(r) ? r.current != null ? zt({
         element: r.current,
         padding: o
-      }).fn(n) : {} : r ? Vt({
+      }).fn(n) : {} : r ? zt({
         element: r,
         padding: o
       }).fn(n) : {};
@@ -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] = zt(ht), [Di, xn] = wn(ht), En = (e) => {
+xn.displayName = ki;
+var Li = xn, ht = "Popper", [En, Cn] = Kt(ht), [Di, Pn] = En(ht), Sn = (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(
+Sn.displayName = ht;
+var An = "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(An, n), c = a.useRef(null), s = q(t, c);
     return a.useEffect(() => {
       i.onAnchorChange((r == null ? void 0 : r.current) || c.current);
     }), r ? null : /* @__PURE__ */ C(G.div, { ...o, ref: s });
   }
 );
-Pn.displayName = Cn;
-var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
+Rn.displayName = An;
+var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
   (e, t) => {
     var vt, gt, yt, wt, bt, xt;
     const {
@@ -2539,7 +2539,7 @@ 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), 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 = {
       padding: O,
       boundary: I.filter(Wi),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -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 }),
         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, Vn = (gt = A.arrow) == null ? void 0 : gt.y, jn = ((yt = A.arrow) == null ? void 0 : yt.centerOffset) !== 0, [Un, zn] = a.useState();
+    const jn = (vt = A.arrow) == null ? void 0 : vt.x, Un = (gt = A.arrow) == null ? void 0 : gt.y, Yn = ((yt = A.arrow) == null ? void 0 : yt.centerOffset) !== 0, [Xn, Kn] = a.useState();
     return te(() => {
-      y && zn(window.getComputedStyle(y).zIndex);
+      y && Kn(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ C(
       "div",
       {
@@ -2591,7 +2591,7 @@ 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: Un,
+          zIndex: Xn,
           "--radix-popper-transform-origin": [
             (wt = A.transformOrigin) == null ? void 0 : wt.x,
             (bt = A.transformOrigin) == null ? void 0 : bt.y
@@ -2611,9 +2611,9 @@ var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
             scope: n,
             placedSide: T,
             onArrowChange: E,
-            arrowX: Hn,
-            arrowY: Vn,
-            shouldHideArrow: jn,
+            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), c = 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.
@@ -2686,7 +2686,7 @@ var An = "PopperArrow", Ii = {
     )
   );
 });
-Rn.displayName = An;
+Mn.displayName = Nn;
 function Wi(e) {
   return e !== null;
 }
@@ -2695,18 +2695,18 @@ 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, c = ((v = o.arrow) == null ? void 0 : v.centerOffset) !== 0, s = c ? 0 : e.arrowWidth, u = c ? 0 : e.arrowHeight, [l, f] = Tn(n), d = { start: "0%", center: "50%", end: "100%" }[f], p = (((y = o.arrow) == null ? void 0 : y.x) ?? 0) + s / 2, m = (((x = o.arrow) == null ? void 0 : x.y) ?? 0) + u / 2;
     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 } };
   }
 });
-function On(e) {
+function Tn(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var $i = En, Nn = Pn, Hi = Sn, Vi = Rn, Ve = "Popover", [Mn, ms] = zt(Ve, [
-  bn
-]), Ce = bn(), [ji, oe] = Mn(Ve), Tn = (e) => {
+var $i = Sn, 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,
@@ -2718,10 +2718,10 @@ var $i = En, Nn = Pn, Hi = Sn, Vi = Rn, Ve = "Popover", [Mn, ms] = zt(Ve, [
     prop: r,
     defaultProp: o ?? !1,
     onChange: i,
-    caller: Ve
+    caller: ze
   });
   return /* @__PURE__ */ C($i, { ...s, children: /* @__PURE__ */ C(
-    ji,
+    Vi,
     {
       scope: t,
       contentId: Nr(),
@@ -2737,55 +2737,55 @@ var $i = En, Nn = Pn, Hi = Sn, Vi = Rn, Ve = "Popover", [Mn, ms] = zt(Ve, [
     }
   ) });
 };
-Tn.displayName = Ve;
-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: c, onCustomAnchorRemove: s } = o;
+    return a.useEffect(() => (c(), () => s()), [c, s]), /* @__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), c = q(t, o.triggerRef), s = /* @__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,
         onClick: ee(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? s : /* @__PURE__ */ C(Nn, { asChild: !0, ...i, children: s });
+    return o.hasCustomAnchor ? s : /* @__PURE__ */ C(kn, { asChild: !0, ...i, children: s });
   }
 );
-_n.displayName = Dn;
-var mt = "PopoverPortal", [Ui, zi] = 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(Ui, { 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 = zi(pe, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, i = oe(pe, e.__scopePopover);
+    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__ */ Ut("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,
+    }, []), /* @__PURE__ */ C(ln, { as: Yi, allowPinchZoom: !0, children: /* @__PURE__ */ C(
+      Hn,
       {
         ...e,
         ref: o,
@@ -2815,7 +2815,7 @@ var Yi = /* @__PURE__ */ Ut("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,
@@ -2834,7 +2834,7 @@ var Yi = /* @__PURE__ */ Ut("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
       }
     );
   }
-), Wn = a.forwardRef(
+), Hn = a.forwardRef(
   (e, t) => {
     const {
       __scopePopover: n,
@@ -2849,7 +2849,7 @@ var Yi = /* @__PURE__ */ Ut("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
       ...d
     } = e, p = oe(pe, n), m = Ce(n);
     return Yr(), /* @__PURE__ */ C(
-      Zt,
+      Qt,
       {
         asChild: !0,
         loop: !0,
@@ -2857,7 +2857,7 @@ var Yi = /* @__PURE__ */ Ut("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
         onMountAutoFocus: o,
         onUnmountAutoFocus: i,
         children: /* @__PURE__ */ C(
-          Xt,
+          qt,
           {
             asChild: !0,
             disableOutsidePointerEvents: c,
@@ -2869,7 +2869,7 @@ var Yi = /* @__PURE__ */ Ut("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
             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__ */ Ut("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,19 +2904,19 @@ var Yi = /* @__PURE__ */ Ut("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);
-    return /* @__PURE__ */ C(Vi, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ C(zi, { ...o, ...r, ref: t });
   }
 );
 Gi.displayName = qi;
-function $n(e) {
+function Vn(e) {
   return e ? "open" : "closed";
 }
-var Qi = Tn, Ji = Ln, es = _n, ts = Fn, ns = In;
-const rs = "_anchor_12muw_17", os = "_container_12muw_22", is = "_radio_12muw_38", ss = "_check_12muw_50", cs = "_radioInput_12muw_58", ye = {
+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,
   radio: is,
@@ -2924,7 +2924,7 @@ const rs = "_anchor_12muw_17", os = "_container_12muw_22", is = "_radio_12muw_38
   radioInput: cs
 };
 function Qe({ children: e, id: t, ...n }) {
-  return /* @__PURE__ */ J(qn, { children: [
+  return /* @__PURE__ */ J(jt, { children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -2941,60 +2941,59 @@ function Qe({ children: e, id: t, ...n }) {
   ] });
 }
 function vs() {
-  const { theme: e, systemTheme: t, setTheme: n } = Gn();
-  return (
-    // TODO: Find out why focus doesnt return to trigger after closing (probably need to forwardRef <Button>)
-    /* @__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("span", { children: "Appearance" }),
-        /* @__PURE__ */ J(
-          Qe,
-          {
-            id: "system",
-            name: "theme",
-            checked: e === "system",
-            onChange: () => n("system"),
-            children: [
-              /* @__PURE__ */ C(sr, {}),
-              "Auto (",
-              t,
-              ")"
-            ]
-          }
-        ),
-        /* @__PURE__ */ J(
-          Qe,
-          {
-            id: "light",
-            name: "theme",
-            checked: e === "light",
-            onChange: () => n("light"),
-            children: [
-              /* @__PURE__ */ C(lr, {}),
-              "Light"
-            ]
-          }
-        ),
-        /* @__PURE__ */ J(
-          Qe,
-          {
-            id: "dark",
-            name: "theme",
-            checked: e === "dark",
-            onChange: () => n("dark"),
-            children: [
-              /* @__PURE__ */ C(cr, {}),
-              "Dark"
-            ]
-          }
-        )
-      ] }) })
-    ] })
-  );
+  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__ */ C(ns, { sideOffset: 8, className: ye.container, children: r && /* @__PURE__ */ J(jt, { children: [
+      /* @__PURE__ */ C("span", { children: "Appearance" }),
+      /* @__PURE__ */ J(
+        Qe,
+        {
+          id: "system",
+          name: "theme",
+          checked: e === "system",
+          onChange: () => n("system"),
+          children: [
+            /* @__PURE__ */ C(sr, {}),
+            "Auto (",
+            t,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ J(
+        Qe,
+        {
+          id: "light",
+          name: "theme",
+          checked: e === "light",
+          onChange: () => n("light"),
+          children: [
+            /* @__PURE__ */ C(lr, {}),
+            "Light"
+          ]
+        }
+      ),
+      /* @__PURE__ */ J(
+        Qe,
+        {
+          id: "dark",
+          name: "theme",
+          checked: e === "dark",
+          onChange: () => n("dark"),
+          children: [
+            /* @__PURE__ */ C(cr, {}),
+            "Dark"
+          ]
+        }
+      )
+    ] }) }) })
+  ] });
 }
 export {
   vs as PrefPanel,