highsoft-ui 1.0.6 → 1.0.7

package/dist/components/PrefPanel/index.js

@@ -1,6 +1,6 @@
-import { jsx as C, jsxs as J, Fragment as jt } from "react/jsx-runtime";
+import { jsx as C, jsxs as J, Fragment as Ut } from "react/jsx-runtime";
 import * as a from "react";
-import { useState as Ut, useLayoutEffect as Jn, useEffect as Yt } from "react";
+import { useState as zt, 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";
@@ -500,7 +500,7 @@ function Gt(e, t, n, { discrete: r }) {
   const o = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? yr(o, i) : o.dispatchEvent(i);
 }
-var Ve = "focusScope.autoFocusOnMount", je = "focusScope.autoFocusOnUnmount", St = { bubbles: !1, cancelable: !0 }, Wr = "FocusScope", Qt = a.forwardRef((e, t) => {
+var je = "focusScope.autoFocusOnMount", Ue = "focusScope.autoFocusOnUnmount", St = { bubbles: !1, cancelable: !0 }, Wr = "FocusScope", Qt = a.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
@@ -542,13 +542,13 @@ var Ve = "focusScope.autoFocusOnMount", je = "focusScope.autoFocusOnUnmount", St
       Ot.add(m);
       const h = document.activeElement;
       if (!c.contains(h)) {
-        const y = new CustomEvent(Ve, St);
-        c.addEventListener(Ve, l), c.dispatchEvent(y), y.defaultPrevented || (Br(jr(Jt(c)), { select: !0 }), document.activeElement === h && Q(c));
+        const y = new CustomEvent(je, St);
+        c.addEventListener(je, l), c.dispatchEvent(y), y.defaultPrevented || (Br(Ur(Jt(c)), { select: !0 }), document.activeElement === h && Q(c));
       }
       return () => {
-        c.removeEventListener(Ve, l), setTimeout(() => {
-          const y = new CustomEvent(je, St);
-          c.addEventListener(je, f), c.dispatchEvent(y), y.defaultPrevented || Q(h ?? document.body, { select: !0 }), c.removeEventListener(je, f), Ot.remove(m);
+        c.removeEventListener(je, l), setTimeout(() => {
+          const y = new CustomEvent(Ue, St);
+          c.addEventListener(Ue, f), c.dispatchEvent(y), y.defaultPrevented || Q(h ?? document.body, { select: !0 }), c.removeEventListener(Ue, f), Ot.remove(m);
         }, 0);
       };
     }
@@ -599,17 +599,17 @@ function Hr(e, { upTo: t }) {
   }
   return !1;
 }
-function zr(e) {
+function Vr(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 && zr(e) && t && e.select();
+    e.focus({ preventScroll: !0 }), e !== n && Vr(e) && t && e.select();
   }
 }
-var Ot = Vr();
-function Vr() {
+var Ot = jr();
+function jr() {
   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 jr(e) {
+function Ur(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Ur = "Portal", en = a.forwardRef((e, t) => {
+var zr = "Portal", en = a.forwardRef((e, t) => {
   var c;
   const { container: n, ...r } = e, [o, i] = a.useState(!1);
   te(() => i(!0), []);
   const s = n || o && ((c = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : c.body);
   return s ? ur.createPortal(/* @__PURE__ */ C(G.div, { ...r, ref: t }), s) : null;
 });
-en.displayName = Ur;
-var Ue = 0;
+en.displayName = zr;
+var ze = 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()), Ue++, () => {
-      Ue === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ue--;
+    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--;
     };
   }, []);
 }
@@ -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 V = function() {
-  return V = Object.assign || function(t) {
+var j = function() {
+  return j = 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;
-  }, V.apply(this, arguments);
+  }, j.apply(this, arguments);
 };
 function tn(e, t) {
   var n = {};
@@ -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 = Ut(function() {
+  var n = zt(function() {
     return {
       // value
       value: e,
@@ -778,7 +778,7 @@ function eo(e, t) {
 function to(e) {
   e === void 0 && (e = {});
   var t = eo(null);
-  return t.options = V({ async: !0, ssr: !1 }, e), t;
+  return t.options = j({ async: !0, ssr: !1 }, e), t;
 }
 var nn = function(e) {
   var t = e.sideCar, n = tn(e, ["sideCar"]);
@@ -787,7 +787,7 @@ var nn = function(e) {
   var r = t.read();
   if (!r)
     throw new Error("Sidecar medium not found");
-  return a.createElement(r, V({}, n));
+  return a.createElement(r, j({}, n));
 };
 nn.isSideCarExport = !0;
 function no(e, t) {
@@ -799,12 +799,12 @@ var rn = to(), Xe = function() {
     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 = tn(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = p, A = Qr([n, t]), P = V(V({}, w), o);
+  }), o = r[0], i = r[1], s = e.forwardProps, c = e.children, u = e.className, l = e.removeScrollBar, f = e.enabled, d = e.shards, p = e.sideCar, m = e.noRelative, g = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, x = y === void 0 ? "div" : y, b = e.gapMode, w = tn(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = p, A = Qr([n, t]), P = j(j({}, w), o);
   return a.createElement(
     a.Fragment,
     null,
     f && a.createElement(E, { sideCar: rn, removeScrollBar: l, shards: d, noRelative: m, noIsolation: g, inert: h, setCallbacks: i, allowPinchZoom: !!v, lockRef: n, gapMode: b }),
-    s ? a.cloneElement(a.Children.only(c), V(V({}, P), { ref: A })) : a.createElement(x, V({}, P, { className: u, ref: A }), c)
+    s ? a.cloneElement(a.Children.only(c), j(j({}, P), { ref: A })) : a.createElement(x, j({}, P, { className: u, ref: A }), c)
   );
 });
 We.defaultProps = {
@@ -1115,7 +1115,7 @@ function Oo(e) {
 }
 const No = no(rn, Ro);
 var ln = a.forwardRef(function(e, t) {
-  return a.createElement(We, V({}, e, { ref: t, sideCar: No }));
+  return a.createElement(We, j({}, e, { ref: t, sideCar: No }));
 });
 ln.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, j = (e) => ({
+const _o = ["top", "right", "bottom", "left"], ne = Math.min, B = Math.max, De = Math.round, Me = Math.floor, U = (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 zo(e) {
+function Vo(e) {
   return {
     top: 0,
     right: 0,
@@ -1269,7 +1269,7 @@ function zo(e) {
   };
 }
 function fn(e) {
-  return typeof e != "number" ? zo(e) : {
+  return typeof e != "number" ? Vo(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -1342,7 +1342,7 @@ function Ft(e, t, n) {
   }
   return m;
 }
-const Vo = async (e, t, n) => {
+const jo = 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 jo = (e) => ({
+const Uo = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -1485,7 +1485,7 @@ const jo = (e) => ({
       reset: L
     };
   }
-}), Uo = function(e) {
+}), zo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1830,7 +1830,7 @@ function dn(e) {
 function H(e) {
   return Be() ? e instanceof Element || e instanceof $(e).Element : !1;
 }
-function U(e) {
+function z(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
-  } = z(e);
+  } = V(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) ? z(e) : e;
+  const t = ut(), n = H(e) ? V(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 (; U(t) && !he(t); ) {
+  for (; z(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 z(e) {
+function V(e) {
   return $(e).getComputedStyle(e);
 }
 function He(e) {
@@ -1904,7 +1904,7 @@ function re(e) {
 }
 function hn(e) {
   const t = re(e);
-  return he(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : U(t) && Ee(t) ? t : hn(t);
+  return he(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : z(t) && Ee(t) ? t : hn(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 pn(e) {
-  const t = z(e);
+  const t = V(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
-  const o = U(e), i = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, c = De(n) !== i || De(r) !== s;
+  const o = z(e), i = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, c = De(n) !== i || De(r) !== s;
   return c && (n = i, r = s), {
     width: n,
     height: r,
@@ -1934,8 +1934,8 @@ function ft(e) {
 }
 function fe(e) {
   const t = ft(e);
-  if (!U(t))
-    return j(1);
+  if (!z(t))
+    return U(1);
   const n = t.getBoundingClientRect(), {
     width: r,
     height: o,
@@ -1947,7 +1947,7 @@ function fe(e) {
     y: c
   };
 }
-const ei = /* @__PURE__ */ j(0);
+const ei = /* @__PURE__ */ U(0);
 function mn(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 s = j(1);
+  let s = U(1);
   t && (r ? H(r) && (s = fe(r)) : s = fe(e));
-  const c = ti(i, n, r) ? mn(i) : j(0);
+  const c = ti(i, n, r) ? mn(i) : U(0);
   let u = (o.left + c.x) / s.x, l = (o.top + c.y) / s.y, f = o.width / s.x, d = o.height / s.y;
   if (i) {
     const p = $(i), m = r && H(r) ? $(r) : r;
     let g = p, h = rt(g);
     for (; h && r && m !== g; ) {
-      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;
+      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;
       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 = j(1);
-  const f = j(0), d = U(r);
-  if ((d || !d && !i) && ((ve(r) !== "body" || Ee(s)) && (u = He(r)), U(r))) {
+  }, l = U(1);
+  const f = U(0), d = z(r);
+  if ((d || !d && !i) && ((ve(r) !== "body" || Ee(s)) && (u = He(r)), z(r))) {
     const m = ie(r);
     l = fe(r), f.x = m.x + r.clientLeft, f.y = m.y + r.clientTop;
   }
-  const p = s && !d && !i ? vn(s, u, !0) : j(0);
+  const p = s && !d && !i ? vn(s, u, !0) : U(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 s = -n.scrollLeft + dt(e);
   const c = -n.scrollTop;
-  return z(r).direction === "rtl" && (s += B(t.clientWidth, r.clientWidth) - o), {
+  return V(r).direction === "rtl" && (s += B(t.clientWidth, r.clientWidth) - o), {
     width: o,
     height: i,
     x: s,
@@ -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 = U(e) ? fe(e) : j(1), s = e.clientWidth * i.x, c = 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 = z(e) ? fe(e) : U(1), s = e.clientWidth * i.x, c = e.clientHeight * i.y, u = o * i.x, l = r * i.y;
   return {
     width: s,
     height: c,
@@ -2081,17 +2081,17 @@ function $t(e, t, n) {
 }
 function gn(e, t) {
   const n = re(e);
-  return n === t || !H(n) || he(n) ? !1 : z(n).position === "fixed" || gn(n, t);
+  return n === t || !H(n) || he(n) ? !1 : V(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((c) => H(c) && ve(c) !== "body"), o = null;
-  const i = z(e).position === "fixed";
+  const i = V(e).position === "fixed";
   let s = i ? re(e) : e;
   for (; H(s) && !he(s); ) {
-    const c = z(s), u = lt(s);
+    const c = V(s), u = lt(s);
     !u && c.position === "fixed" && (o = null), (i ? !u && !o : !u && c.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ee(s) && !u && gn(e, s)) ? r = r.filter((f) => f !== s) : o = c, s = re(s);
   }
   return t.set(e, r), r;
@@ -2125,12 +2125,12 @@ function li(e) {
   };
 }
 function ui(e, t, n) {
-  const r = U(t), o = Y(t), i = n === "fixed", s = ie(e, !0, i, t);
+  const r = z(t), o = Y(t), i = n === "fixed", s = ie(e, !0, i, t);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const u = j(0);
+  const u = U(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 ? vn(o, c) : j(0), d = s.left + c.scrollLeft - u.x - f.x, p = s.top + c.scrollTop - u.y - f.y;
+  const f = o && !r && !i ? vn(o, c) : U(0), d = s.left + c.scrollLeft - u.x - f.x, p = s.top + c.scrollTop - u.y - f.y;
   return {
     x: d,
     y: p,
@@ -2149,10 +2149,10 @@ function ui(e, t, n) {
   };
 }
 function qe(e) {
-  return z(e).position === "static";
+  return V(e).position === "static";
 }
 function Ht(e, t) {
-  if (!U(e) || z(e).position === "fixed")
+  if (!z(e) || V(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -2163,7 +2163,7 @@ function yn(e, t) {
   const n = $(e);
   if ($e(e))
     return n;
-  if (!U(e)) {
+  if (!z(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 z(e).direction === "rtl";
+  return V(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 = Uo, wi = Go, bi = Yo, zt = jo, xi = qo, Ei = (e, t, n) => {
+const vi = Ko, gi = Zo, yi = zo, wi = Go, bi = Yo, Vt = Uo, 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 = Uo, wi = Go, bi = Yo, zt = jo, xi = qo, Ei = (e, t,
     ...o.platform,
     _c: r
   };
-  return Vo(e, t, {
+  return jo(e, t, {
     ...o,
     platform: i
   });
@@ -2336,7 +2336,7 @@ function Ie(e, t) {
 function bn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Vt(e, t) {
+function jt(e, t) {
   const n = bn(e);
   return Math.round(t * n) / n;
 }
@@ -2427,7 +2427,7 @@ function Ci(e) {
     };
     if (!L.floating)
       return S;
-    const T = Vt(L.floating, f.x), _ = Vt(L.floating, f.y);
+    const T = jt(L.floating, f.x), _ = jt(L.floating, f.y);
     return c ? {
       ...S,
       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 ? zt({
+      return r && t(r) ? r.current != null ? Vt({
         element: r.current,
         padding: o
-      }).fn(n) : {} : r ? zt({
+      }).fn(n) : {} : r ? Vt({
         element: r,
         padding: o
       }).fn(n) : {};
@@ -2578,7 +2578,7 @@ var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
     te(() => {
       D && (se == null || se());
     }, [D, se]);
-    const jn = (vt = S.arrow) == null ? void 0 : vt.x, Un = (gt = S.arrow) == null ? void 0 : gt.y, Yn = ((yt = S.arrow) == null ? void 0 : yt.centerOffset) !== 0, [Xn, Kn] = a.useState();
+    const Un = (vt = S.arrow) == null ? void 0 : vt.x, zn = (gt = S.arrow) == null ? void 0 : gt.y, Yn = ((yt = S.arrow) == null ? void 0 : yt.centerOffset) !== 0, [Xn, Kn] = a.useState();
     return te(() => {
       y && Kn(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ C(
@@ -2611,8 +2611,8 @@ var pt = "PopperContent", [_i, Fi] = En(pt), On = a.forwardRef(
             scope: n,
             placedSide: T,
             onArrowChange: E,
-            arrowX: jn,
-            arrowY: Un,
+            arrowX: Un,
+            arrowY: zn,
             shouldHideArrow: Yn,
             children: /* @__PURE__ */ C(
               G.div,
@@ -2704,9 +2704,9 @@ function Tn(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var $i = An, kn = Rn, Hi = On, zi = Mn, ze = "Popover", [Ln, ms] = Kt(ze, [
+var $i = An, kn = Rn, Hi = On, Vi = Mn, Ve = "Popover", [Ln, ms] = Kt(Ve, [
   Cn
-]), Ce = Cn(), [Vi, oe] = Ln(ze), Dn = (e) => {
+]), Ce = Cn(), [ji, oe] = Ln(Ve), Dn = (e) => {
   const {
     __scopePopover: t,
     children: n,
@@ -2718,10 +2718,10 @@ var $i = An, kn = Rn, Hi = On, zi = Mn, ze = "Popover", [Ln, ms] = Kt(ze, [
     prop: r,
     defaultProp: o ?? !1,
     onChange: i,
-    caller: ze
+    caller: Ve
   });
   return /* @__PURE__ */ C($i, { ...c, children: /* @__PURE__ */ C(
-    Vi,
+    ji,
     {
       scope: t,
       contentId: Nr(),
@@ -2737,7 +2737,7 @@ var $i = An, kn = Rn, Hi = On, zi = Mn, ze = "Popover", [Ln, ms] = Kt(ze, [
     }
   ) });
 };
-Dn.displayName = ze;
+Dn.displayName = Ve;
 var _n = "PopoverAnchor", Fn = a.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = oe(_n, n), i = Ce(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = o;
@@ -2754,7 +2754,7 @@ var In = "PopoverTrigger", Wn = a.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": o.open,
         "aria-controls": o.contentId,
-        "data-state": Vn(o.open),
+        "data-state": jn(o.open),
         ...r,
         ref: s,
         onClick: ee(e.onClick, o.onOpenToggle)
@@ -2764,16 +2764,16 @@ var In = "PopoverTrigger", Wn = a.forwardRef(
   }
 );
 Wn.displayName = In;
-var mt = "PopoverPortal", [ji, Ui] = Ln(mt, {
+var mt = "PopoverPortal", [Ui, zi] = Ln(mt, {
   forceMount: void 0
 }), Bn = (e) => {
   const { __scopePopover: t, forceMount: n, children: r, container: o } = e, i = oe(mt, t);
-  return /* @__PURE__ */ C(ji, { scope: t, forceMount: n, children: /* @__PURE__ */ C(it, { present: n || i.open, children: /* @__PURE__ */ C(en, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ C(Ui, { scope: t, forceMount: n, children: /* @__PURE__ */ C(it, { present: n || i.open, children: /* @__PURE__ */ C(en, { asChild: !0, container: o, children: r }) }) });
 };
 Bn.displayName = mt;
 var pe = "PopoverContent", $n = a.forwardRef(
   (e, t) => {
-    const n = Ui(pe, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, i = oe(pe, e.__scopePopover);
+    const n = zi(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 }) });
   }
 );
@@ -2869,7 +2869,7 @@ var Yi = /* @__PURE__ */ Xt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
             children: /* @__PURE__ */ C(
               Hi,
               {
-                "data-state": Vn(p.open),
+                "data-state": jn(p.open),
                 role: "dialog",
                 id: p.contentId,
                 ...m,
@@ -2890,9 +2890,9 @@ var Yi = /* @__PURE__ */ Xt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
       }
     );
   }
-), zn = "PopoverClose", Zi = a.forwardRef(
+), Vn = "PopoverClose", Zi = a.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = oe(zn, n);
+    const { __scopePopover: n, ...r } = e, o = oe(Vn, n);
     return /* @__PURE__ */ C(
       G.button,
       {
@@ -2904,19 +2904,19 @@ var Yi = /* @__PURE__ */ Xt("PopoverContent.RemoveScroll"), Xi = a.forwardRef(
     );
   }
 );
-Zi.displayName = zn;
+Zi.displayName = Vn;
 var qi = "PopoverArrow", Gi = a.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = Ce(n);
-    return /* @__PURE__ */ C(zi, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ C(Vi, { ...o, ...r, ref: t });
   }
 );
 Gi.displayName = qi;
-function Vn(e) {
+function jn(e) {
   return e ? "open" : "closed";
 }
 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 = {
+const rs = "_anchor_1c40n_293", os = "_container_1c40n_298", is = "_radio_1c40n_315", ss = "_check_1c40n_327", cs = "_radioInput_1c40n_335", ye = {
   anchor: rs,
   container: os,
   radio: is,
@@ -2924,7 +2924,7 @@ const rs = "_anchor_14hmz_17", os = "_container_14hmz_22", is = "_radio_14hmz_39
   radioInput: cs
 };
 function Qe({ children: e, id: t, ...n }) {
-  return /* @__PURE__ */ J(jt, { children: [
+  return /* @__PURE__ */ J(Ut, { children: [
     /* @__PURE__ */ C(
       "input",
       {
@@ -2941,7 +2941,7 @@ function Qe({ children: e, id: t, ...n }) {
   ] });
 }
 function vs() {
-  const { theme: e, systemTheme: t, setTheme: n } = er(), [r, o] = Ut(!1);
+  const { theme: e, systemTheme: t, setTheme: n } = er(), [r, o] = zt(!1);
   return Yt(() => {
     o(!0);
   }, []), /* @__PURE__ */ J(Qi, { children: [
@@ -2949,7 +2949,7 @@ function vs() {
       /* @__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(ts, { children: /* @__PURE__ */ C(ns, { sideOffset: 8, className: ye.container, children: r && /* @__PURE__ */ J(Ut, { children: [
       /* @__PURE__ */ C("span", { children: "Appearance" }),
       /* @__PURE__ */ J(
         Qe,