highsoft-ui 1.0.52 → 1.0.54

package/dist/components/PrefPanel/index.js

@@ -1,21 +1,21 @@
-import { jsx as g, jsxs as K, Fragment as ee } from "react/jsx-runtime";
+import { jsx as w, jsxs as K, Fragment as ee } from "react/jsx-runtime";
 import { z as qe, b as Ge } from "../../utils-CzQFvGG2.js";
-import * as w from "react";
+import * as g from "react";
 import { useLayoutEffect as Ke } from "react";
-import { u as kt, P as ft, c as ne, a as yt, b as Ue, d as Ze, e as Je, f as st, g as oe, h as Qe, i as tn, R as en, j as nn, k as on, F as rn, D as sn, C as cn } from "../../index-DAJ9ybTO.js";
+import { u as kt, P as ft, c as ne, a as yt, b as Ue, d as Ze, e as Je, f as st, g as oe, h as Qe, i as tn, R as en, j as nn, k as on, F as rn, D as sn, C as cn } from "../../index-CM3YgRXK.js";
 import { _ as At } from "../../extends-hS2Bh-Yp.js";
 import { c as an } from "../../clsx-OuTLNxxd.js";
 import { Button as ln } from "../Button/index.js";
 import * as fn from "react-dom";
 var un = function(e) {
-  return /* @__PURE__ */ g("svg", At({
+  return /* @__PURE__ */ w("svg", At({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, e, {
-    children: /* @__PURE__ */ g("path", {
+    children: /* @__PURE__ */ w("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -24,14 +24,14 @@ var un = function(e) {
     })
   }));
 }, dn = function(e) {
-  return /* @__PURE__ */ g("svg", At({
+  return /* @__PURE__ */ w("svg", At({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, e, {
-    children: /* @__PURE__ */ g("path", {
+    children: /* @__PURE__ */ w("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -40,14 +40,14 @@ var un = function(e) {
     })
   }));
 }, pn = function(e) {
-  return /* @__PURE__ */ g("svg", At({
+  return /* @__PURE__ */ w("svg", At({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, e, {
-    children: /* @__PURE__ */ g("path", {
+    children: /* @__PURE__ */ w("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -56,14 +56,14 @@ var un = function(e) {
     })
   }));
 }, hn = function(e) {
-  return /* @__PURE__ */ g("svg", At({
+  return /* @__PURE__ */ w("svg", At({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
   }, e, {
-    children: /* @__PURE__ */ g("path", {
+    children: /* @__PURE__ */ w("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -73,7 +73,7 @@ var un = function(e) {
   }));
 };
 function mn(t) {
-  const [e, n] = w.useState(void 0);
+  const [e, n] = g.useState(void 0);
   return kt(() => {
     if (t) {
       n({ width: t.offsetWidth, height: t.offsetHeight });
@@ -1252,7 +1252,7 @@ function te(t, e) {
   return Math.round(e * n) / n;
 }
 function St(t) {
-  const e = w.useRef(t);
+  const e = g.useRef(t);
   return mt(() => {
     e.current = t;
   }), e;
@@ -1271,20 +1271,20 @@ function vo(t) {
     transform: c = !0,
     whileElementsMounted: a,
     open: l
-  } = t, [f, u] = w.useState({
+  } = t, [f, u] = g.useState({
     x: 0,
     y: 0,
     strategy: n,
     placement: e,
     middlewareData: {},
     isPositioned: !1
-  }), [p, d] = w.useState(o);
+  }), [p, d] = g.useState(o);
   xt(p, o) || d(o);
-  const [h, m] = w.useState(null), [x, v] = w.useState(null), y = w.useCallback((C) => {
+  const [h, m] = g.useState(null), [x, v] = g.useState(null), y = g.useCallback((C) => {
     C !== O.current && (O.current = C, m(C));
-  }, []), b = w.useCallback((C) => {
+  }, []), b = g.useCallback((C) => {
     C !== R.current && (R.current = C, v(C));
-  }, []), A = i || h, P = s || x, O = w.useRef(null), R = w.useRef(null), D = w.useRef(f), F = a != null, M = St(a), T = St(r), N = St(l), E = w.useCallback(() => {
+  }, []), A = i || h, P = s || x, O = g.useRef(null), R = g.useRef(null), D = g.useRef(f), F = a != null, M = St(a), T = St(r), N = St(l), E = g.useCallback(() => {
     if (!O.current || !R.current)
       return;
     const C = {
@@ -1312,7 +1312,7 @@ function vo(t) {
       isPositioned: !1
     })));
   }, [l]);
-  const S = w.useRef(!1);
+  const S = g.useRef(!1);
   mt(() => (S.current = !0, () => {
     S.current = !1;
   }), []), mt(() => {
@@ -1322,15 +1322,15 @@ function vo(t) {
       E();
     }
   }, [A, P, E, M, F]);
-  const $ = w.useMemo(() => ({
+  const $ = g.useMemo(() => ({
     reference: O,
     floating: R,
     setReference: y,
     setFloating: b
-  }), [y, b]), k = w.useMemo(() => ({
+  }), [y, b]), k = g.useMemo(() => ({
     reference: A,
     floating: P
-  }), [A, P]), _ = w.useMemo(() => {
+  }), [A, P]), _ = g.useMemo(() => {
     const C = {
       position: n,
       left: 0,
@@ -1351,7 +1351,7 @@ function vo(t) {
       top: I
     };
   }, [n, c, k.floating, f.x, f.y]);
-  return w.useMemo(() => ({
+  return g.useMemo(() => ({
     ...f,
     update: E,
     refs: $,
@@ -1402,9 +1402,9 @@ const xo = (t) => {
   ...xo(t),
   options: [t, e]
 });
-var So = "Arrow", me = w.forwardRef((t, e) => {
+var So = "Arrow", me = g.forwardRef((t, e) => {
   const { children: n, width: o = 10, height: r = 5, ...i } = t;
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ w(
     ft.svg,
     {
       ...i,
@@ -1413,26 +1413,27 @@ var So = "Arrow", me = w.forwardRef((t, e) => {
       height: r,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: t.asChild ? n : /* @__PURE__ */ g("polygon", { points: "0,0 30,0 15,10" })
+      children: t.asChild ? n : /* @__PURE__ */ w("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
 me.displayName = So;
 var Eo = me, Bt = "Popper", [ge, we] = ne(Bt), [ko, ve] = ge(Bt), xe = (t) => {
-  const { __scopePopper: e, children: n } = t, [o, r] = w.useState(null);
-  return /* @__PURE__ */ g(ko, { scope: e, anchor: o, onAnchorChange: r, children: n });
+  const { __scopePopper: e, children: n } = t, [o, r] = g.useState(null);
+  return /* @__PURE__ */ w(ko, { scope: e, anchor: o, onAnchorChange: r, children: n });
 };
 xe.displayName = Bt;
-var ye = "PopperAnchor", Ae = w.forwardRef(
+var ye = "PopperAnchor", Ae = g.forwardRef(
   (t, e) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = t, i = ve(ye, n), s = w.useRef(null), c = yt(e, s);
-    return w.useEffect(() => {
-      i.onAnchorChange(o?.current || s.current);
-    }), o ? null : /* @__PURE__ */ g(ft.div, { ...r, ref: c });
+    const { __scopePopper: n, virtualRef: o, ...r } = t, i = ve(ye, n), s = g.useRef(null), c = yt(e, s), a = g.useRef(null);
+    return g.useEffect(() => {
+      const l = a.current;
+      a.current = o?.current || s.current, l !== a.current && i.onAnchorChange(a.current);
+    }), o ? null : /* @__PURE__ */ w(ft.div, { ...r, ref: c });
   }
 );
 Ae.displayName = ye;
-var zt = "PopperContent", [_o, Mo] = ge(zt), Pe = w.forwardRef(
+var zt = "PopperContent", [_o, Mo] = ge(zt), Pe = g.forwardRef(
   (t, e) => {
     const {
       __scopePopper: n,
@@ -1449,7 +1450,7 @@ var zt = "PopperContent", [_o, Mo] = ge(zt), Pe = w.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: h,
       ...m
-    } = t, x = ve(zt, n), [v, y] = w.useState(null), b = yt(e, (it) => y(it)), [A, P] = w.useState(null), O = mn(A), R = O?.width ?? 0, D = O?.height ?? 0, F = o + (i !== "center" ? "-" + i : ""), M = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, T = Array.isArray(l) ? l : [l], N = T.length > 0, E = {
+    } = t, x = ve(zt, n), [v, y] = g.useState(null), b = yt(e, (it) => y(it)), [A, P] = g.useState(null), O = mn(A), R = O?.width ?? 0, D = O?.height ?? 0, F = o + (i !== "center" ? "-" + i : ""), M = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, T = Array.isArray(l) ? l : [l], N = T.length > 0, E = {
       padding: M,
       boundary: T.filter(Lo),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -1488,10 +1489,10 @@ var zt = "PopperContent", [_o, Mo] = ge(zt), Pe = w.forwardRef(
     kt(() => {
       _ && Vt?.();
     }, [_, Vt]);
-    const He = C.arrow?.x, We = C.arrow?.y, Be = C.arrow?.centerOffset !== 0, [ze, Ie] = w.useState();
+    const He = C.arrow?.x, We = C.arrow?.y, Be = C.arrow?.centerOffset !== 0, [ze, Ie] = g.useState();
     return kt(() => {
       v && Ie(window.getComputedStyle(v).zIndex);
-    }, [v]), /* @__PURE__ */ g(
+    }, [v]), /* @__PURE__ */ w(
       "div",
       {
         ref: S.setFloating,
@@ -1515,7 +1516,7 @@ var zt = "PopperContent", [_o, Mo] = ge(zt), Pe = w.forwardRef(
           }
         },
         dir: t.dir,
-        children: /* @__PURE__ */ g(
+        children: /* @__PURE__ */ w(
           _o,
           {
             scope: n,
@@ -1524,7 +1525,7 @@ var zt = "PopperContent", [_o, Mo] = ge(zt), Pe = w.forwardRef(
             arrowX: He,
             arrowY: We,
             shouldHideArrow: Be,
-            children: /* @__PURE__ */ g(
+            children: /* @__PURE__ */ w(
               ft.div,
               {
                 "data-side": L,
@@ -1551,13 +1552,13 @@ var be = "PopperArrow", Do = {
   right: "left",
   bottom: "top",
   left: "right"
-}, Ce = w.forwardRef(function(e, n) {
+}, Ce = g.forwardRef(function(e, n) {
   const { __scopePopper: o, ...r } = e, i = Mo(be, o), s = Do[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.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ w(
       "span",
       {
         ref: i.onArrowChange,
@@ -1580,7 +1581,7 @@ var be = "PopperArrow", Do = {
           }[i.placedSide],
           visibility: i.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ g(
+        children: /* @__PURE__ */ w(
           Eo,
           {
             ...r,
@@ -1623,13 +1624,13 @@ var No = xe, Oe = Ae, Fo = Pe, $o = Ce, Rt = "Popover", [Se, fr] = ne(Rt, [
     defaultOpen: r,
     onOpenChange: i,
     modal: s = !1
-  } = t, c = dt(e), a = w.useRef(null), [l, f] = w.useState(!1), [u, p] = Ze({
+  } = t, c = dt(e), a = g.useRef(null), [l, f] = g.useState(!1), [u, p] = Ze({
     prop: o,
     defaultProp: r ?? !1,
     onChange: i,
     caller: Rt
   });
-  return /* @__PURE__ */ g(No, { ...c, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ w(No, { ...c, children: /* @__PURE__ */ w(
     Ho,
     {
       scope: e,
@@ -1637,26 +1638,26 @@ var No = xe, Oe = Ae, Fo = Pe, $o = Ce, Rt = "Popover", [Se, fr] = ne(Rt, [
       triggerRef: a,
       open: u,
       onOpenChange: p,
-      onOpenToggle: w.useCallback(() => p((d) => !d), [p]),
+      onOpenToggle: g.useCallback(() => p((d) => !d), [p]),
       hasCustomAnchor: l,
-      onCustomAnchorAdd: w.useCallback(() => f(!0), []),
-      onCustomAnchorRemove: w.useCallback(() => f(!1), []),
+      onCustomAnchorAdd: g.useCallback(() => f(!0), []),
+      onCustomAnchorRemove: g.useCallback(() => f(!1), []),
       modal: s,
       children: n
     }
   ) });
 };
 Ee.displayName = Rt;
-var ke = "PopoverAnchor", _e = w.forwardRef(
+var ke = "PopoverAnchor", _e = g.forwardRef(
   (t, e) => {
     const { __scopePopover: n, ...o } = t, r = J(ke, n), i = dt(n), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = r;
-    return w.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ g(Oe, { ...i, ...o, ref: e });
+    return g.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ w(Oe, { ...i, ...o, ref: e });
   }
 );
 _e.displayName = ke;
-var Me = "PopoverTrigger", De = w.forwardRef(
+var Me = "PopoverTrigger", De = g.forwardRef(
   (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = J(Me, n), i = dt(n), s = yt(e, r.triggerRef), c = /* @__PURE__ */ g(
+    const { __scopePopover: n, ...o } = t, r = J(Me, n), i = dt(n), s = yt(e, r.triggerRef), c = /* @__PURE__ */ w(
       ft.button,
       {
         type: "button",
@@ -1669,7 +1670,7 @@ var Me = "PopoverTrigger", De = w.forwardRef(
         onClick: st(t.onClick, r.onOpenToggle)
       }
     );
-    return r.hasCustomAnchor ? c : /* @__PURE__ */ g(Oe, { asChild: !0, ...i, children: c });
+    return r.hasCustomAnchor ? c : /* @__PURE__ */ w(Oe, { asChild: !0, ...i, children: c });
   }
 );
 De.displayName = Me;
@@ -1677,23 +1678,23 @@ var It = "PopoverPortal", [Wo, Bo] = Se(It, {
   forceMount: void 0
 }), Le = (t) => {
   const { __scopePopover: e, forceMount: n, children: o, container: r } = t, i = J(It, e);
-  return /* @__PURE__ */ g(Wo, { scope: e, forceMount: n, children: /* @__PURE__ */ g(oe, { present: n || i.open, children: /* @__PURE__ */ g(Qe, { asChild: !0, container: r, children: o }) }) });
+  return /* @__PURE__ */ w(Wo, { scope: e, forceMount: n, children: /* @__PURE__ */ w(oe, { present: n || i.open, children: /* @__PURE__ */ w(Qe, { asChild: !0, container: r, children: o }) }) });
 };
 Le.displayName = It;
-var nt = "PopoverContent", Te = w.forwardRef(
+var nt = "PopoverContent", Te = g.forwardRef(
   (t, e) => {
     const n = Bo(nt, t.__scopePopover), { forceMount: o = n.forceMount, ...r } = t, i = J(nt, t.__scopePopover);
-    return /* @__PURE__ */ g(oe, { present: o || i.open, children: i.modal ? /* @__PURE__ */ g(Io, { ...r, ref: e }) : /* @__PURE__ */ g(Vo, { ...r, ref: e }) });
+    return /* @__PURE__ */ w(oe, { present: o || i.open, children: i.modal ? /* @__PURE__ */ w(Io, { ...r, ref: e }) : /* @__PURE__ */ w(Vo, { ...r, ref: e }) });
   }
 );
 Te.displayName = nt;
-var zo = nn("PopoverContent.RemoveScroll"), Io = w.forwardRef(
+var zo = nn("PopoverContent.RemoveScroll"), Io = g.forwardRef(
   (t, e) => {
-    const n = J(nt, t.__scopePopover), o = w.useRef(null), r = yt(e, o), i = w.useRef(!1);
-    return w.useEffect(() => {
+    const n = J(nt, t.__scopePopover), o = g.useRef(null), r = yt(e, o), i = g.useRef(!1);
+    return g.useEffect(() => {
       const s = o.current;
       if (s) return tn(s);
-    }, []), /* @__PURE__ */ g(en, { as: zo, allowPinchZoom: !0, children: /* @__PURE__ */ g(
+    }, []), /* @__PURE__ */ w(en, { as: zo, allowPinchZoom: !0, children: /* @__PURE__ */ w(
       Ne,
       {
         ...t,
@@ -1719,10 +1720,10 @@ var zo = nn("PopoverContent.RemoveScroll"), Io = w.forwardRef(
       }
     ) });
   }
-), Vo = w.forwardRef(
+), Vo = g.forwardRef(
   (t, e) => {
-    const n = J(nt, t.__scopePopover), o = w.useRef(!1), r = w.useRef(!1);
-    return /* @__PURE__ */ g(
+    const n = J(nt, t.__scopePopover), o = g.useRef(!1), r = g.useRef(!1);
+    return /* @__PURE__ */ w(
       Ne,
       {
         ...t,
@@ -1740,7 +1741,7 @@ var zo = nn("PopoverContent.RemoveScroll"), Io = w.forwardRef(
       }
     );
   }
-), Ne = w.forwardRef(
+), Ne = g.forwardRef(
   (t, e) => {
     const {
       __scopePopover: n,
@@ -1754,7 +1755,7 @@ var zo = nn("PopoverContent.RemoveScroll"), Io = w.forwardRef(
       onInteractOutside: f,
       ...u
     } = t, p = J(nt, n), d = dt(n);
-    return on(), /* @__PURE__ */ g(
+    return on(), /* @__PURE__ */ w(
       rn,
       {
         asChild: !0,
@@ -1762,7 +1763,7 @@ var zo = nn("PopoverContent.RemoveScroll"), Io = w.forwardRef(
         trapped: o,
         onMountAutoFocus: r,
         onUnmountAutoFocus: i,
-        children: /* @__PURE__ */ g(
+        children: /* @__PURE__ */ w(
           sn,
           {
             asChild: !0,
@@ -1772,7 +1773,7 @@ var zo = nn("PopoverContent.RemoveScroll"), Io = w.forwardRef(
             onPointerDownOutside: a,
             onFocusOutside: l,
             onDismiss: () => p.onOpenChange(!1),
-            children: /* @__PURE__ */ g(
+            children: /* @__PURE__ */ w(
               Fo,
               {
                 "data-state": $e(p.open),
@@ -1796,10 +1797,10 @@ var zo = nn("PopoverContent.RemoveScroll"), Io = w.forwardRef(
       }
     );
   }
-), Fe = "PopoverClose", jo = w.forwardRef(
+), Fe = "PopoverClose", jo = g.forwardRef(
   (t, e) => {
     const { __scopePopover: n, ...o } = t, r = J(Fe, n);
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ w(
       ft.button,
       {
         type: "button",
@@ -1811,10 +1812,10 @@ var zo = nn("PopoverContent.RemoveScroll"), Io = w.forwardRef(
   }
 );
 jo.displayName = Fe;
-var Yo = "PopoverArrow", Xo = w.forwardRef(
+var Yo = "PopoverArrow", Xo = g.forwardRef(
   (t, e) => {
     const { __scopePopover: n, ...o } = t, r = dt(n);
-    return /* @__PURE__ */ g($o, { ...r, ...o, ref: e });
+    return /* @__PURE__ */ w($o, { ...r, ...o, ref: e });
   }
 );
 Xo.displayName = Yo;
@@ -1822,7 +1823,7 @@ function $e(t) {
   return t ? "open" : "closed";
 }
 var qo = Ee, Go = _e, Ko = De, Uo = Le, Zo = Te;
-const Jo = "_anchor_vbdag_270", Qo = "_container_vbdag_275", tr = "_radio_vbdag_292", er = "_check_vbdag_304", nr = "_radioInput_vbdag_312", ct = {
+const Jo = "_anchor_1nvyg_300", Qo = "_container_1nvyg_305", tr = "_radio_1nvyg_322", er = "_check_1nvyg_334", nr = "_radioInput_1nvyg_342", ct = {
   anchor: Jo,
   container: Qo,
   radio: tr,
@@ -1831,7 +1832,7 @@ const Jo = "_anchor_vbdag_270", Qo = "_container_vbdag_275", tr = "_radio_vbdag_
 };
 function Et({ children: t, id: e, ...n }) {
   return /* @__PURE__ */ K(ee, { children: [
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ w(
       "input",
       {
         type: "radio",
@@ -1842,25 +1843,25 @@ function Et({ children: t, id: e, ...n }) {
     ),
     /* @__PURE__ */ K("label", { htmlFor: e, className: ct.radio, children: [
       t,
-      /* @__PURE__ */ g(cn, { className: ct.check })
+      /* @__PURE__ */ w(cn, { className: ct.check })
     ] })
   ] });
 }
 function ur() {
   const { theme: t, systemTheme: e, setTheme: n } = qe(), o = Ge();
   return /* @__PURE__ */ K(qo, { children: [
-    /* @__PURE__ */ g(Ko, { asChild: !0, children: /* @__PURE__ */ K(ln, { variant: "transparent", "aria-label": "Preferences", children: [
-      /* @__PURE__ */ g(pn, {}),
-      /* @__PURE__ */ g(Go, { className: ct.anchor })
+    /* @__PURE__ */ w(Ko, { asChild: !0, children: /* @__PURE__ */ K(ln, { variant: "transparent", "aria-label": "Preferences", children: [
+      /* @__PURE__ */ w(pn, {}),
+      /* @__PURE__ */ w(Go, { className: ct.anchor })
     ] }) }),
-    /* @__PURE__ */ g(Uo, { children: /* @__PURE__ */ g(
+    /* @__PURE__ */ w(Uo, { children: /* @__PURE__ */ w(
       Zo,
       {
         sideOffset: 8,
         hideWhenDetached: !0,
         className: ct.container,
         children: o && /* @__PURE__ */ K(ee, { children: [
-          /* @__PURE__ */ g("span", { children: "Appearance" }),
+          /* @__PURE__ */ w("span", { children: "Appearance" }),
           /* @__PURE__ */ K(
             Et,
             {
@@ -1869,7 +1870,7 @@ function ur() {
               checked: t === "system",
               onChange: () => n("system"),
               children: [
-                /* @__PURE__ */ g(un, {}),
+                /* @__PURE__ */ w(un, {}),
                 "Auto (",
                 e,
                 ")"
@@ -1884,7 +1885,7 @@ function ur() {
               checked: t === "light",
               onChange: () => n("light"),
               children: [
-                /* @__PURE__ */ g(hn, {}),
+                /* @__PURE__ */ w(hn, {}),
                 "Light"
               ]
             }
@@ -1897,7 +1898,7 @@ function ur() {
               checked: t === "dark",
               onChange: () => n("dark"),
               children: [
-                /* @__PURE__ */ g(dn, {}),
+                /* @__PURE__ */ w(dn, {}),
                 "Dark"
               ]
             }