highsoft-ui 1.0.3 → 1.0.4

package/dist/components/PrefPanel/index.js

@@ -116,7 +116,7 @@ function q(...e) {
   return a.useCallback(fr(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function Ut(e) {
+function jt(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__ */ jt(`Primitive.${t}`), r = a.forwardRef((o, i) => {
     const { asChild: c, ...s } = o, u = c ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ C(u, { ...s, ref: i });
   });
@@ -187,7 +187,7 @@ var gr = [
 function yr(e, t) {
   e && ot.flushSync(() => e.dispatchEvent(t));
 }
-function zt(e, t = []) {
+function Ut(e, t = []) {
   let n = [];
   function r(i, c) {
     const s = a.createContext(c), u = n.length;
@@ -500,7 +500,7 @@ function Kt(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", Zt = 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(qt(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);
       };
     }
@@ -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", Gt = 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;
+Gt.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,14 +650,14 @@ 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) {
   var n = {};
@@ -778,7 +778,7 @@ 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"]);
@@ -787,7 +787,7 @@ var Jt = function(e) {
   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;
 function no(e, t) {
@@ -799,12 +799,12 @@ var en = to(), Xe = function() {
     onScrollCapture: Xe,
     onWheelCapture: Xe,
     onTouchMoveCapture: Xe
-  }), o = r[0], i = r[1], c = e.forwardProps, s = e.children, u = e.className, l = e.removeScrollBar, f = e.enabled, d = e.shards, p = e.sideCar, m = e.noIsolation, g = e.inert, h = e.allowPinchZoom, v = e.as, y = v === void 0 ? "div" : v, x = e.gapMode, b = 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 = Qt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = p, E = Qr([n, t]), S = V(V({}, b), o);
   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)
+    c ? a.cloneElement(a.Children.only(s), V(V({}, S), { ref: E })) : a.createElement(y, V({}, S, { className: u, ref: E }), s)
   );
 });
 We.defaultProps = {
@@ -1115,7 +1115,7 @@ function Oo(e) {
 }
 const No = no(en, Ro);
 var sn = a.forwardRef(function(e, t) {
-  return a.createElement(We, j({}, e, { ref: t, sideCar: No }));
+  return a.createElement(We, V({}, e, { ref: t, sideCar: No }));
 });
 sn.classNames = We.classNames;
 var Mo = function(e) {
@@ -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,
@@ -1269,7 +1269,7 @@ function Vo(e) {
   };
 }
 function an(e) {
-  return typeof e != "number" ? Vo(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",
@@ -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) {
@@ -1485,7 +1485,7 @@ const Uo = (e) => ({
       reset: L
     };
   }
-}), zo = function(e) {
+}), Uo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1830,7 +1830,7 @@ function ln(e) {
 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) {
@@ -1904,7 +1904,7 @@ function re(e) {
 }
 function un(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 : un(t);
 }
 function be(e, t, n) {
   var r;
@@ -1920,9 +1920,9 @@ function rt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function fn(e) {
-  const t = V(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,8 +1934,8 @@ 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,
@@ -1947,7 +1947,7 @@ function fe(e) {
     y: s
   };
 }
-const ei = /* @__PURE__ */ U(0);
+const ei = /* @__PURE__ */ j(0);
 function dn(e) {
   const t = $(e);
   return !ut() || !t.visualViewport ? ei : {
@@ -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) ? dn(i) : j(0);
   let u = (o.left + s.x) / c.x, l = (o.top + s.y) / c.y, f = o.width / c.x, d = o.height / c.y;
   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);
     }
   }
@@ -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 ? hn(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,
@@ -2081,17 +2081,17 @@ function $t(e, t, n) {
 }
 function pn(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" || pn(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);
+    const s = z(c), u = lt(c);
     !u && s.position === "fixed" && (o = null), (i ? !u && !o : !u && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ee(c) && !u && pn(e, c)) ? r = r.filter((f) => f !== c) : o = s, c = re(c);
   }
   return t.set(e, r), r;
@@ -2125,12 +2125,12 @@ function li(e) {
   };
 }
 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 ? hn(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,10 +2149,10 @@ 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);
@@ -2163,7 +2163,7 @@ function mn(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))
@@ -2190,7 +2190,7 @@ const fi = async function(e) {
   };
 };
 function di(e) {
-  return V(e).direction === "rtl";
+  return z(e).direction === "rtl";
 }
 const hi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ni,
@@ -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,7 +2297,7 @@ 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
   });
@@ -2336,7 +2336,7 @@ function Ie(e, t) {
 function gn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function jt(e, t) {
+function Vt(e, t) {
   const n = gn(e);
   return Math.round(t * n) / n;
 }
@@ -2427,7 +2427,7 @@ 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)",
@@ -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) : {};
@@ -2507,7 +2507,7 @@ 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) => {
+var Li = yn, ht = "Popper", [wn, bn] = Ut(ht), [Di, xn] = wn(ht), En = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
   return /* @__PURE__ */ C(Di, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
@@ -2578,9 +2578,9 @@ var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
     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 Hn = (vt = A.arrow) == null ? void 0 : vt.x, zn = (gt = A.arrow) == null ? void 0 : gt.y, Vn = ((yt = A.arrow) == null ? void 0 : yt.centerOffset) !== 0, [jn, Un] = a.useState();
     return te(() => {
-      y && zn(window.getComputedStyle(y).zIndex);
+      y && Un(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: jn,
           "--radix-popper-transform-origin": [
             (wt = A.transformOrigin) == null ? void 0 : wt.x,
             (bt = A.transformOrigin) == null ? void 0 : bt.y
@@ -2612,8 +2612,8 @@ var pt = "PopperContent", [_i, Fi] = wn(pt), Sn = a.forwardRef(
             placedSide: T,
             onArrowChange: E,
             arrowX: Hn,
-            arrowY: Vn,
-            shouldHideArrow: jn,
+            arrowY: zn,
+            shouldHideArrow: Vn,
             children: /* @__PURE__ */ C(
               G.div,
               {
@@ -2704,9 +2704,9 @@ function On(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, [
+var $i = En, Nn = Pn, Hi = Sn, zi = Rn, ze = "Popover", [Mn, ms] = Ut(ze, [
   bn
-]), Ce = bn(), [ji, oe] = Mn(Ve), Tn = (e) => {
+]), Ce = bn(), [Vi, oe] = Mn(ze), Tn = (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,7 +2737,7 @@ var $i = En, Nn = Pn, Hi = Sn, Vi = Rn, Ve = "Popover", [Mn, ms] = zt(Ve, [
     }
   ) });
 };
-Tn.displayName = Ve;
+Tn.displayName = ze;
 var kn = "PopoverAnchor", Ln = a.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = oe(kn, n), i = Ce(n), { onCustomAnchorAdd: c, onCustomAnchorRemove: s } = o;
@@ -2764,21 +2764,21 @@ var Dn = "PopoverTrigger", _n = a.forwardRef(
   }
 );
 _n.displayName = Dn;
-var mt = "PopoverPortal", [Ui, zi] = Mn(mt, {
+var mt = "PopoverPortal", [ji, Ui] = Mn(mt, {
   forceMount: void 0
 }), Fn = (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(Gt, { asChild: !0, container: o, children: r }) }) });
 };
 Fn.displayName = mt;
 var pe = "PopoverContent", In = 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(
+var Yi = /* @__PURE__ */ jt("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(() => {
@@ -2908,7 +2908,7 @@ Zi.displayName = Bn;
 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;
@@ -2916,7 +2916,7 @@ function $n(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 = {
+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,
@@ -2942,59 +2942,56 @@ 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"
-            ]
-          }
-        )
-      ] }) })
-    ] })
-  );
+  return /* @__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"
+          ]
+        }
+      )
+    ] }) })
+  ] });
 }
 export {
   vs as PrefPanel,