@zhin.js/console 1.0.12 → 1.0.14

package/dist/radix-ui-themes.js

@@ -30,20 +30,11 @@ function km(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Vn = { exports: {} }, Kt = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var Va;
 function Lm() {
   if (Va) return Kt;
   Va = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
     var i = null;
     if (s !== void 0 && (i = "" + s), a.key !== void 0 && (i = "" + a.key), "key" in a) {
@@ -91,7 +82,7 @@ function Fm(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Ts = Symbol("radix.slottable");
+var Ts = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function Ao(e) {
   const t = ({ children: r }) => /* @__PURE__ */ p.jsx(p.Fragment, { children: r });
@@ -137,7 +128,7 @@ var Hm = [
 ], M = Hm.reduce((e, t) => {
   const r = /* @__PURE__ */ Qe(`Primitive.${t}`), n = o.forwardRef((a, s) => {
     const { asChild: i, ...c } = a, l = i ? r : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p.jsx(l, { ...c, ref: s });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p.jsx(l, { ...c, ref: s });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
@@ -262,7 +253,9 @@ function Lt(e) {
   const u = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ Qe(u), h = W.forwardRef(
     (v, C) => {
       const { scope: y, children: x, ...w } = v, b = W.useRef(null), E = B(C, b), T = s(u, y);
-      return W.useEffect(() => (T.itemMap.set(b, { ref: b, ...w }), () => void T.itemMap.delete(b))), /* @__PURE__ */ p.jsx(m, { [f]: "", ref: E, children: x });
+      return W.useEffect(() => (T.itemMap.set(b, { ref: b, ...w }), () => {
+        T.itemMap.delete(b);
+      })), /* @__PURE__ */ p.jsx(m, { [f]: "", ref: E, children: x });
     }
   );
   h.displayName = u;
@@ -454,11 +447,11 @@ var av = "DismissableLayer", ao = "dismissableLayer.update", sv = "dismissableLa
       onDismiss: c,
       ...l
     } = e, d = o.useContext(Os), [u, f] = o.useState(null), m = u?.ownerDocument ?? globalThis?.document, [, h] = o.useState({}), g = B(t, (N) => f(N)), v = Array.from(d.layers), [C] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = v.indexOf(C), x = u ? v.indexOf(u) : -1, w = d.layersWithOutsidePointerEventsDisabled.size > 0, b = x >= y, E = uv((N) => {
-      const I = N.target, _ = [...d.branches].some((D) => D.contains(I));
+      const A = N.target, _ = [...d.branches].some((D) => D.contains(A));
       !b || _ || (a?.(N), i?.(N), N.defaultPrevented || c?.());
     }, m), T = dv((N) => {
-      const I = N.target;
-      [...d.branches].some((D) => D.contains(I)) || (s?.(N), i?.(N), N.defaultPrevented || c?.());
+      const A = N.target;
+      [...d.branches].some((D) => D.contains(A)) || (s?.(N), i?.(N), N.defaultPrevented || c?.());
     }, m);
     return ov((N) => {
       x === d.layers.size - 1 && (n?.(N), !N.defaultPrevented && c && (N.preventDefault(), c()));
@@ -1106,15 +1099,18 @@ function eh(e) {
     var y = _r(v), x = r.current, w = "deltaX" in v ? v.deltaX : x[0] - y[0], b = "deltaY" in v ? v.deltaY : x[1] - y[1], E, T = v.target, N = Math.abs(w) > Math.abs(b) ? "h" : "v";
     if ("touches" in v && N === "h" && T.type === "range")
       return !1;
-    var I = Qa(N, T);
-    if (!I)
+    var A = window.getSelection(), _ = A && A.anchorNode, D = _ ? _ === T || _.contains(T) : !1;
+    if (D)
+      return !1;
+    var $ = Qa(N, T);
+    if (!$)
       return !0;
-    if (I ? E = N : (E = N === "v" ? "h" : "v", I = Qa(N, T)), !I)
+    if ($ ? E = N : (E = N === "v" ? "h" : "v", $ = Qa(N, T)), !$)
       return !1;
     if (!n.current && "changedTouches" in v && (w || b) && (n.current = E), !E)
       return !0;
-    var _ = n.current || E;
-    return qv(_, C, v, _ === "h" ? w : b);
+    var z = n.current || E;
+    return qv(z, C, v, z === "h" ? w : b);
   }, []), l = o.useCallback(function(v) {
     var C = v;
     if (!(!Rt.length || Rt[Rt.length - 1] !== s)) {
@@ -1577,15 +1573,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
 );
 Mi.displayName = $h;
 var Oh = Mi, Xn = { exports: {} }, qn = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var ts;
 function kh() {
   if (ts) return qn;
@@ -2242,12 +2229,12 @@ const lg = (e) => ({
     }, h = Ho(a), g = zo(h), v = await i.getDimensions(d), C = h === "y", y = C ? "top" : "left", x = C ? "bottom" : "right", w = C ? "clientHeight" : "clientWidth", b = s.reference[g] + s.reference[h] - m[h] - s.floating[g], E = m[h] - s.reference[h], T = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d));
     let N = T ? T[w] : 0;
     (!N || !await (i.isElement == null ? void 0 : i.isElement(T))) && (N = c.floating[w] || s.floating[g]);
-    const I = b / 2 - E / 2, _ = N / 2 - v[g] / 2 - 1, D = Je(f[y], _), L = Je(f[x], _), z = D, H = N - v[g] - L, P = N / 2 - v[g] / 2 + I, $ = io(z, P, H), F = !l.arrow && Ft(a) != null && P !== $ && s.reference[g] / 2 - (P < z ? D : L) - v[g] / 2 < 0, V = F ? P < z ? P - z : P - H : 0;
+    const A = b / 2 - E / 2, _ = N / 2 - v[g] / 2 - 1, D = Je(f[y], _), $ = Je(f[x], _), z = D, H = N - v[g] - $, P = N / 2 - v[g] / 2 + A, O = io(z, P, H), F = !l.arrow && Ft(a) != null && P !== O && s.reference[g] / 2 - (P < z ? D : $) - v[g] / 2 < 0, V = F ? P < z ? P - z : P - H : 0;
     return {
       [h]: m[h] + V,
       data: {
-        [h]: $,
-        centerOffset: P - $ - V,
+        [h]: O,
+        centerOffset: P - O - V,
         ...F && {
           alignmentOffset: V
         }
@@ -2281,44 +2268,44 @@ const lg = (e) => ({
         return {};
       const y = We(a), x = Ae(c), w = We(c) === c, b = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), E = m || (w || !v ? [zr(c)] : rg(c)), T = g !== "none";
       !m && T && E.push(...sg(c, v, g, b));
-      const N = [c, ...E], I = await or(t, C), _ = [];
+      const N = [c, ...E], A = await or(t, C), _ = [];
       let D = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (u && _.push(I[y]), f) {
+      if (u && _.push(A[y]), f) {
         const P = tg(a, i, b);
-        _.push(I[P[0]], I[P[1]]);
+        _.push(A[P[0]], A[P[1]]);
       }
       if (D = [...D, {
         placement: a,
         overflows: _
       }], !_.every((P) => P <= 0)) {
-        var L, z;
-        const P = (((L = s.flip) == null ? void 0 : L.index) || 0) + 1, $ = N[P];
-        if ($ && (!(f === "alignment" ? x !== Ae($) : !1) || // We leave the current main axis only if every placement on that axis
+        var $, z;
+        const P = ((($ = s.flip) == null ? void 0 : $.index) || 0) + 1, O = N[P];
+        if (O && (!(f === "alignment" ? x !== Ae(O) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((k) => Ae(k.placement) === x ? k.overflows[0] > 0 : !0)))
+        D.every((L) => Ae(L.placement) === x ? L.overflows[0] > 0 : !0)))
           return {
             data: {
               index: P,
               overflows: D
             },
             reset: {
-              placement: $
+              placement: O
             }
           };
-        let F = (z = D.filter((V) => V.overflows[0] <= 0).sort((V, k) => V.overflows[1] - k.overflows[1])[0]) == null ? void 0 : z.placement;
+        let F = (z = D.filter((V) => V.overflows[0] <= 0).sort((V, L) => V.overflows[1] - L.overflows[1])[0]) == null ? void 0 : z.placement;
         if (!F)
           switch (h) {
             case "bestFit": {
               var H;
-              const V = (H = D.filter((k) => {
+              const V = (H = D.filter((L) => {
                 if (T) {
-                  const A = Ae(k.placement);
-                  return A === x || // Create a bias to the `y` side axis due to horizontal
+                  const I = Ae(L.placement);
+                  return I === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  A === "y";
+                  I === "y";
                 }
                 return !0;
-              }).map((k) => [k.placement, k.overflows.filter((A) => A > 0).reduce((A, ne) => A + ne, 0)]).sort((k, A) => k[1] - A[1])[0]) == null ? void 0 : H[0];
+              }).map((L) => [L.placement, L.overflows.filter((I) => I > 0).reduce((I, ne) => I + ne, 0)]).sort((L, I) => L[1] - I[1])[0]) == null ? void 0 : H[0];
               V && (F = V);
               break;
             }
@@ -2559,14 +2546,14 @@ const pg = function(e) {
       let C, y;
       f === "top" || f === "bottom" ? (C = f, y = m === (await (i.isRTL == null ? void 0 : i.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (y = f, C = m === "end" ? "top" : "bottom");
       const x = v - u.top - u.bottom, w = g - u.left - u.right, b = Je(v - u[C], x), E = Je(g - u[y], w), T = !t.middlewareData.shift;
-      let N = b, I = E;
-      if ((r = t.middlewareData.shift) != null && r.enabled.x && (I = w), (n = t.middlewareData.shift) != null && n.enabled.y && (N = x), T && !m) {
-        const D = ge(u.left, 0), L = ge(u.right, 0), z = ge(u.top, 0), H = ge(u.bottom, 0);
-        h ? I = g - 2 * (D !== 0 || L !== 0 ? D + L : ge(u.left, u.right)) : N = v - 2 * (z !== 0 || H !== 0 ? z + H : ge(u.top, u.bottom));
+      let N = b, A = E;
+      if ((r = t.middlewareData.shift) != null && r.enabled.x && (A = w), (n = t.middlewareData.shift) != null && n.enabled.y && (N = x), T && !m) {
+        const D = ge(u.left, 0), $ = ge(u.right, 0), z = ge(u.top, 0), H = ge(u.bottom, 0);
+        h ? A = g - 2 * (D !== 0 || $ !== 0 ? D + $ : ge(u.left, u.right)) : N = v - 2 * (z !== 0 || H !== 0 ? z + H : ge(u.top, u.bottom));
       }
       await l({
         ...t,
-        availableWidth: I,
+        availableWidth: A,
         availableHeight: N
       });
       const _ = await i.getDimensions(c.floating);
@@ -3146,35 +3133,35 @@ function Qg(e) {
     isPositioned: !1
   }), [m, h] = o.useState(n);
   Gr(m, n) || h(n);
-  const [g, v] = o.useState(null), [C, y] = o.useState(null), x = o.useCallback((k) => {
-    k !== T.current && (T.current = k, v(k));
-  }, []), w = o.useCallback((k) => {
-    k !== N.current && (N.current = k, y(k));
-  }, []), b = s || g, E = i || C, T = o.useRef(null), N = o.useRef(null), I = o.useRef(u), _ = l != null, D = Qn(l), L = Qn(a), z = Qn(d), H = o.useCallback(() => {
+  const [g, v] = o.useState(null), [C, y] = o.useState(null), x = o.useCallback((L) => {
+    L !== T.current && (T.current = L, v(L));
+  }, []), w = o.useCallback((L) => {
+    L !== N.current && (N.current = L, y(L));
+  }, []), b = s || g, E = i || C, T = o.useRef(null), N = o.useRef(null), A = o.useRef(u), _ = l != null, D = Qn(l), $ = Qn(a), z = Qn(d), H = o.useCallback(() => {
     if (!T.current || !N.current)
       return;
-    const k = {
+    const L = {
       placement: t,
       strategy: r,
       middleware: m
     };
-    L.current && (k.platform = L.current), Xg(T.current, N.current, k).then((A) => {
+    $.current && (L.platform = $.current), Xg(T.current, N.current, L).then((I) => {
       const ne = {
-        ...A,
+        ...I,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: z.current !== !1
       };
-      P.current && !Gr(I.current, ne) && (I.current = ne, rn.flushSync(() => {
+      P.current && !Gr(A.current, ne) && (A.current = ne, rn.flushSync(() => {
         f(ne);
       }));
     });
-  }, [m, t, r, L, z]);
+  }, [m, t, r, $, z]);
   Lr(() => {
-    d === !1 && I.current.isPositioned && (I.current.isPositioned = !1, f((k) => ({
-      ...k,
+    d === !1 && A.current.isPositioned && (A.current.isPositioned = !1, f((L) => ({
+      ...L,
       isPositioned: !1
     })));
   }, [d]);
@@ -3188,7 +3175,7 @@ function Qg(e) {
       H();
     }
   }, [b, E, H, D, _]);
-  const $ = o.useMemo(() => ({
+  const O = o.useMemo(() => ({
     reference: T,
     floating: N,
     setReference: x,
@@ -3197,33 +3184,33 @@ function Qg(e) {
     reference: b,
     floating: E
   }), [b, E]), V = o.useMemo(() => {
-    const k = {
+    const L = {
       position: r,
       left: 0,
       top: 0
     };
     if (!F.floating)
-      return k;
-    const A = ms(F.floating, u.x), ne = ms(F.floating, u.y);
+      return L;
+    const I = ms(F.floating, u.x), ne = ms(F.floating, u.y);
     return c ? {
-      ...k,
-      transform: "translate(" + A + "px, " + ne + "px)",
+      ...L,
+      transform: "translate(" + I + "px, " + ne + "px)",
       ...Ji(F.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: r,
-      left: A,
+      left: I,
       top: ne
     };
   }, [r, c, F.floating, u.x, u.y]);
   return o.useMemo(() => ({
     ...u,
     update: H,
-    refs: $,
+    refs: O,
     elements: F,
     floatingStyles: V
-  }), [u, H, $, F, V]);
+  }), [u, H, O, F, V]);
 }
 const Jg = (e) => {
   function t(r) {
@@ -3316,12 +3303,12 @@ var Yo = "PopperContent", [uC, dC] = tc(Yo), sc = o.forwardRef(
       updatePositionStrategy: h = "optimized",
       onPlaced: g,
       ...v
-    } = e, C = rc(Yo, r), [y, x] = o.useState(null), w = B(t, (j) => x(j)), [b, E] = o.useState(null), T = vr(b), N = T?.width ?? 0, I = T?.height ?? 0, _ = n + (s !== "center" ? "-" + s : ""), D = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, L = Array.isArray(d) ? d : [d], z = L.length > 0, H = {
+    } = e, C = rc(Yo, r), [y, x] = o.useState(null), w = B(t, (j) => x(j)), [b, E] = o.useState(null), T = vr(b), N = T?.width ?? 0, A = T?.height ?? 0, _ = n + (s !== "center" ? "-" + s : ""), D = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, $ = Array.isArray(d) ? d : [d], z = $.length > 0, H = {
       padding: D,
-      boundary: L.filter(pC),
+      boundary: $.filter(pC),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: z
-    }, { refs: P, floatingStyles: $, placement: F, isPositioned: V, middlewareData: k } = Qg({
+    }, { refs: P, floatingStyles: O, placement: F, isPositioned: V, middlewareData: L } = Qg({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: _,
@@ -3332,7 +3319,7 @@ var Yo = "PopperContent", [uC, dC] = tc(Yo), sc = o.forwardRef(
         reference: C.anchor
       },
       middleware: [
-        eC({ mainAxis: a + I, alignmentAxis: i }),
+        eC({ mainAxis: a + A, alignmentAxis: i }),
         l && tC({
           mainAxis: !0,
           crossAxis: !1,
@@ -3348,14 +3335,14 @@ var Yo = "PopperContent", [uC, dC] = tc(Yo), sc = o.forwardRef(
           }
         }),
         b && sC({ element: b, padding: c }),
-        mC({ arrowWidth: N, arrowHeight: I }),
+        mC({ arrowWidth: N, arrowHeight: A }),
         m && aC({ strategy: "referenceHidden", ...H })
       ]
-    }), [A, ne] = lc(F), fe = U(g);
+    }), [I, ne] = lc(F), fe = U(g);
     ee(() => {
       V && fe?.();
     }, [V, fe]);
-    const Se = k.arrow?.x, Ve = k.arrow?.y, ye = k.arrow?.centerOffset !== 0, [ze, ve] = o.useState();
+    const Se = L.arrow?.x, Ve = L.arrow?.y, ye = L.arrow?.centerOffset !== 0, [ze, ve] = o.useState();
     return ee(() => {
       y && ve(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ p.jsx(
@@ -3364,19 +3351,19 @@ var Yo = "PopperContent", [uC, dC] = tc(Yo), sc = o.forwardRef(
         ref: P.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...$,
-          transform: V ? $.transform : "translate(0, -200%)",
+          ...O,
+          transform: V ? O.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: ze,
           "--radix-popper-transform-origin": [
-            k.transformOrigin?.x,
-            k.transformOrigin?.y
+            L.transformOrigin?.x,
+            L.transformOrigin?.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...k.hide?.referenceHidden && {
+          ...L.hide?.referenceHidden && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -3386,7 +3373,7 @@ var Yo = "PopperContent", [uC, dC] = tc(Yo), sc = o.forwardRef(
           uC,
           {
             scope: r,
-            placedSide: A,
+            placedSide: I,
             onArrowChange: E,
             arrowX: Se,
             arrowY: Ve,
@@ -3394,7 +3381,7 @@ var Yo = "PopperContent", [uC, dC] = tc(Yo), sc = o.forwardRef(
             children: /* @__PURE__ */ p.jsx(
               M.div,
               {
-                "data-side": A,
+                "data-side": I,
                 "data-align": ne,
                 ...v,
                 ref: w,
@@ -3506,9 +3493,9 @@ var wC = o.forwardRef((e, t) => {
     caller: yr
   }), [y, x] = o.useState(!1), w = U(d), b = uc(r), E = o.useRef(!1), [T, N] = o.useState(0);
   return o.useEffect(() => {
-    const I = m.current;
-    if (I)
-      return I.addEventListener(Jn, w), () => I.removeEventListener(Jn, w);
+    const A = m.current;
+    if (A)
+      return A.addEventListener(Jn, w), () => A.removeEventListener(Jn, w);
   }, [w]), /* @__PURE__ */ p.jsx(
     CC,
     {
@@ -3518,16 +3505,16 @@ var wC = o.forwardRef((e, t) => {
       loop: a,
       currentTabStopId: v,
       onItemFocus: o.useCallback(
-        (I) => C(I),
+        (A) => C(A),
         [C]
       ),
       onItemShiftTab: o.useCallback(() => x(!0), []),
       onFocusableItemAdd: o.useCallback(
-        () => N((I) => I + 1),
+        () => N((A) => A + 1),
         []
       ),
       onFocusableItemRemove: o.useCallback(
-        () => N((I) => I - 1),
+        () => N((A) => A - 1),
         []
       ),
       children: /* @__PURE__ */ p.jsx(
@@ -3541,15 +3528,15 @@ var wC = o.forwardRef((e, t) => {
           onMouseDown: S(e.onMouseDown, () => {
             E.current = !0;
           }),
-          onFocus: S(e.onFocus, (I) => {
+          onFocus: S(e.onFocus, (A) => {
             const _ = !E.current;
-            if (I.target === I.currentTarget && _ && !y) {
+            if (A.target === A.currentTarget && _ && !y) {
               const D = new CustomEvent(Jn, vC);
-              if (I.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const L = b().filter((F) => F.focusable), z = L.find((F) => F.active), H = L.find((F) => F.id === v), $ = [z, H, ...L].filter(
+              if (A.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
+                const $ = b().filter((F) => F.focusable), z = $.find((F) => F.active), H = $.find((F) => F.id === v), O = [z, H, ...$].filter(
                   Boolean
                 ).map((F) => F.ref.current);
-                mc($, u);
+                mc(O, u);
               }
             }
             E.current = !1;
@@ -3758,48 +3745,48 @@ var xe = "MenuContent", [$C, Zo] = yt(xe), xc = o.forwardRef(
       onDismiss: h,
       disableOutsideScroll: g,
       ...v
-    } = e, C = nt(xe, r), y = Sr(xe, r), x = Er(r), w = hc(r), b = MC(r), [E, T] = o.useState(null), N = o.useRef(null), I = B(t, N, C.onContentChange), _ = o.useRef(0), D = o.useRef(""), L = o.useRef(0), z = o.useRef(null), H = o.useRef("right"), P = o.useRef(0), $ = g ? mr : o.Fragment, F = g ? { as: LC, allowPinchZoom: !0 } : void 0, V = (A) => {
-      const ne = D.current + A, fe = b().filter((j) => !j.disabled), Se = document.activeElement, Ve = fe.find((j) => j.ref.current === Se)?.textValue, ye = fe.map((j) => j.textValue), ze = XC(ye, ne, Ve), ve = fe.find((j) => j.textValue === ze)?.ref.current;
+    } = e, C = nt(xe, r), y = Sr(xe, r), x = Er(r), w = hc(r), b = MC(r), [E, T] = o.useState(null), N = o.useRef(null), A = B(t, N, C.onContentChange), _ = o.useRef(0), D = o.useRef(""), $ = o.useRef(0), z = o.useRef(null), H = o.useRef("right"), P = o.useRef(0), O = g ? mr : o.Fragment, F = g ? { as: LC, allowPinchZoom: !0 } : void 0, V = (I) => {
+      const ne = D.current + I, fe = b().filter((j) => !j.disabled), Se = document.activeElement, Ve = fe.find((j) => j.ref.current === Se)?.textValue, ye = fe.map((j) => j.textValue), ze = XC(ye, ne, Ve), ve = fe.find((j) => j.textValue === ze)?.ref.current;
       (function j(X) {
         D.current = X, window.clearTimeout(_.current), X !== "" && (_.current = window.setTimeout(() => j(""), 1e3));
       })(ne), ve && setTimeout(() => ve.focus());
     };
     o.useEffect(() => () => window.clearTimeout(_.current), []), on();
-    const k = o.useCallback((A) => H.current === z.current?.side && ZC(A, z.current?.area), []);
+    const L = o.useCallback((I) => H.current === z.current?.side && ZC(I, z.current?.area), []);
     return /* @__PURE__ */ p.jsx(
       $C,
       {
         scope: r,
         searchRef: D,
         onItemEnter: o.useCallback(
-          (A) => {
-            k(A) && A.preventDefault();
+          (I) => {
+            L(I) && I.preventDefault();
           },
-          [k]
+          [L]
         ),
         onItemLeave: o.useCallback(
-          (A) => {
-            k(A) || (N.current?.focus(), T(null));
+          (I) => {
+            L(I) || (N.current?.focus(), T(null));
           },
-          [k]
+          [L]
         ),
         onTriggerLeave: o.useCallback(
-          (A) => {
-            k(A) && A.preventDefault();
+          (I) => {
+            L(I) && I.preventDefault();
           },
-          [k]
+          [L]
         ),
-        pointerGraceTimerRef: L,
-        onPointerGraceIntentChange: o.useCallback((A) => {
-          z.current = A;
+        pointerGraceTimerRef: $,
+        onPointerGraceIntentChange: o.useCallback((I) => {
+          z.current = I;
         }, []),
-        children: /* @__PURE__ */ p.jsx($, { ...F, children: /* @__PURE__ */ p.jsx(
+        children: /* @__PURE__ */ p.jsx(O, { ...F, children: /* @__PURE__ */ p.jsx(
           pr,
           {
             asChild: !0,
             trapped: a,
-            onMountAutoFocus: S(s, (A) => {
-              A.preventDefault(), N.current?.focus({ preventScroll: !0 });
+            onMountAutoFocus: S(s, (I) => {
+              I.preventDefault(), N.current?.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: i,
             children: /* @__PURE__ */ p.jsx(
@@ -3822,8 +3809,8 @@ var xe = "MenuContent", [$C, Zo] = yt(xe), xc = o.forwardRef(
                     loop: n,
                     currentTabStopId: E,
                     onCurrentTabStopIdChange: T,
-                    onEntryFocus: S(l, (A) => {
-                      y.isUsingKeyboardRef.current || A.preventDefault();
+                    onEntryFocus: S(l, (I) => {
+                      y.isUsingKeyboardRef.current || I.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ p.jsx(
@@ -3836,27 +3823,27 @@ var xe = "MenuContent", [$C, Zo] = yt(xe), xc = o.forwardRef(
                         dir: y.dir,
                         ...x,
                         ...v,
-                        ref: I,
+                        ref: A,
                         style: { outline: "none", ...v.style },
-                        onKeyDown: S(v.onKeyDown, (A) => {
-                          const fe = A.target.closest("[data-radix-menu-content]") === A.currentTarget, Se = A.ctrlKey || A.altKey || A.metaKey, Ve = A.key.length === 1;
-                          fe && (A.key === "Tab" && A.preventDefault(), !Se && Ve && V(A.key));
+                        onKeyDown: S(v.onKeyDown, (I) => {
+                          const fe = I.target.closest("[data-radix-menu-content]") === I.currentTarget, Se = I.ctrlKey || I.altKey || I.metaKey, Ve = I.key.length === 1;
+                          fe && (I.key === "Tab" && I.preventDefault(), !Se && Ve && V(I.key));
                           const ye = N.current;
-                          if (A.target !== ye || !NC.includes(A.key)) return;
-                          A.preventDefault();
+                          if (I.target !== ye || !NC.includes(I.key)) return;
+                          I.preventDefault();
                           const ve = b().filter((j) => !j.disabled).map((j) => j.ref.current);
-                          vc.includes(A.key) && ve.reverse(), KC(ve);
+                          vc.includes(I.key) && ve.reverse(), KC(ve);
                         }),
-                        onBlur: S(e.onBlur, (A) => {
-                          A.currentTarget.contains(A.target) || (window.clearTimeout(_.current), D.current = "");
+                        onBlur: S(e.onBlur, (I) => {
+                          I.currentTarget.contains(I.target) || (window.clearTimeout(_.current), D.current = "");
                         }),
                         onPointerMove: S(
                           e.onPointerMove,
-                          ir((A) => {
-                            const ne = A.target, fe = P.current !== A.clientX;
-                            if (A.currentTarget.contains(ne) && fe) {
-                              const Se = A.clientX > P.current ? "right" : "left";
-                              H.current = Se, P.current = A.clientX;
+                          ir((I) => {
+                            const ne = I.target, fe = P.current !== I.clientX;
+                            if (I.currentTarget.contains(ne) && fe) {
+                              const Se = I.clientX > P.current ? "right" : "left";
+                              H.current = Se, P.current = I.clientX;
                             }
                           })
                         )
@@ -4265,7 +4252,9 @@ var nl = "ContextMenuTrigger", ol = o.forwardRef(
     ), f = (m) => {
       c.current = { x: m.clientX, y: m.clientY }, s.onOpenChange(!0);
     };
-    return o.useEffect(() => u, [u]), o.useEffect(() => void (n && u()), [n, u]), /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+    return o.useEffect(() => u, [u]), o.useEffect(() => {
+      n && u();
+    }, [n, u]), /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
       /* @__PURE__ */ p.jsx(Bc, { ...i, virtualRef: l }),
       /* @__PURE__ */ p.jsx(
         M.span,
@@ -4784,8 +4773,8 @@ var cw = zl, lw = Gl, uw = Wl, dw = Ul, wt = "NavigationMenu", [aa, Kl, fw] = Lt
     } = e, [f, m] = o.useState(null), h = B(t, (_) => m(_)), g = ke(d), v = o.useRef(0), C = o.useRef(0), y = o.useRef(0), [x, w] = o.useState(!0), [b, E] = te({
       prop: n,
       onChange: (_) => {
-        const D = _ !== "", L = c > 0;
-        D ? (window.clearTimeout(y.current), L && w(!1)) : (window.clearTimeout(y.current), y.current = window.setTimeout(
+        const D = _ !== "", $ = c > 0;
+        D ? (window.clearTimeout(y.current), $ && w(!1)) : (window.clearTimeout(y.current), y.current = window.setTimeout(
           () => w(!0),
           c
         )), a?.(_);
@@ -4799,7 +4788,7 @@ var cw = zl, lw = Gl, uw = Wl, dw = Ul, wt = "NavigationMenu", [aa, Kl, fw] = Lt
         window.clearTimeout(C.current), E(_);
       },
       [E]
-    ), I = o.useCallback(
+    ), A = o.useCallback(
       (_) => {
         b === _ ? window.clearTimeout(C.current) : v.current = window.setTimeout(() => {
           window.clearTimeout(C.current), E(_);
@@ -4819,7 +4808,7 @@ var cw = zl, lw = Gl, uw = Wl, dw = Ul, wt = "NavigationMenu", [aa, Kl, fw] = Lt
         orientation: l,
         rootNavigationMenu: f,
         onTriggerEnter: (_) => {
-          window.clearTimeout(v.current), x ? I(_) : N(_);
+          window.clearTimeout(v.current), x ? A(_) : N(_);
         },
         onTriggerLeave: () => {
           window.clearTimeout(v.current), T();
@@ -5159,12 +5148,12 @@ var Rw = o.forwardRef((e, t) => {
   const x = o.useMemo(() => {
     const b = v().map((D) => D.value);
     u.dir === "rtl" && b.reverse();
-    const E = b.indexOf(u.value), T = b.indexOf(u.previousValue), N = n === u.value, I = T === b.indexOf(n);
-    if (!N && !I) return C.current;
+    const E = b.indexOf(u.value), T = b.indexOf(u.previousValue), N = n === u.value, A = T === b.indexOf(n);
+    if (!N && !A) return C.current;
     const _ = (() => {
       if (E !== T) {
         if (N && T !== -1) return E > T ? "from-end" : "from-start";
-        if (I && E !== -1) return E > T ? "to-start" : "to-end";
+        if (A && E !== -1) return E > T ? "to-start" : "to-end";
       }
       return null;
     })();
@@ -5199,7 +5188,7 @@ var Rw = o.forwardRef((e, t) => {
       onKeyDown: S(e.onKeyDown, (w) => {
         const b = w.altKey || w.ctrlKey || w.metaKey;
         if (w.key === "Tab" && !b) {
-          const T = ho(w.currentTarget), N = document.activeElement, I = T.findIndex((L) => L === N), D = w.shiftKey ? T.slice(0, I).reverse() : T.slice(I + 1, T.length);
+          const T = ho(w.currentTarget), N = document.activeElement, A = T.findIndex(($) => $ === N), D = w.shiftKey ? T.slice(0, A).reverse() : T.slice(A + 1, T.length);
           la(D) ? w.preventDefault() : s.current?.focus();
         }
       }),
@@ -5840,7 +5829,7 @@ var va = "ScrollArea", [Lu] = Y(va), [mx, Ee] = Lu(va), ju = o.forwardRef(
       dir: a,
       scrollHideDelay: s = 600,
       ...i
-    } = e, [c, l] = o.useState(null), [d, u] = o.useState(null), [f, m] = o.useState(null), [h, g] = o.useState(null), [v, C] = o.useState(null), [y, x] = o.useState(0), [w, b] = o.useState(0), [E, T] = o.useState(!1), [N, I] = o.useState(!1), _ = B(t, (L) => l(L)), D = ke(a);
+    } = e, [c, l] = o.useState(null), [d, u] = o.useState(null), [f, m] = o.useState(null), [h, g] = o.useState(null), [v, C] = o.useState(null), [y, x] = o.useState(0), [w, b] = o.useState(0), [E, T] = o.useState(!1), [N, A] = o.useState(!1), _ = B(t, ($) => l($)), D = ke(a);
     return /* @__PURE__ */ p.jsx(
       mx,
       {
@@ -5860,7 +5849,7 @@ var va = "ScrollArea", [Lu] = Y(va), [mx, Ee] = Lu(va), ju = o.forwardRef(
         scrollbarY: v,
         onScrollbarYChange: C,
         scrollbarYEnabled: N,
-        onScrollbarYEnabledChange: I,
+        onScrollbarYEnabledChange: A,
         onCornerWidthChange: x,
         onCornerHeightChange: b,
         children: /* @__PURE__ */ p.jsx(
@@ -6163,16 +6152,16 @@ var vx = o.forwardRef((e, t) => {
     onResize: f,
     ...m
   } = e, h = Ee(Be, r), [g, v] = o.useState(null), C = B(t, (_) => v(_)), y = o.useRef(null), x = o.useRef(""), w = h.viewport, b = n.content - n.viewport, E = U(u), T = U(l), N = En(f, 10);
-  function I(_) {
+  function A(_) {
     if (y.current) {
-      const D = _.clientX - y.current.left, L = _.clientY - y.current.top;
-      d({ x: D, y: L });
+      const D = _.clientX - y.current.left, $ = _.clientY - y.current.top;
+      d({ x: D, y: $ });
     }
   }
   return o.useEffect(() => {
     const _ = (D) => {
-      const L = D.target;
-      g?.contains(L) && E(D, b);
+      const $ = D.target;
+      g?.contains($) && E(D, b);
     };
     return document.addEventListener("wheel", _, { passive: !1 }), () => document.removeEventListener("wheel", _, { passive: !1 });
   }, [w, g, b, E]), o.useEffect(T, [n, T]), $t(g, N), $t(h.content, N), /* @__PURE__ */ p.jsx(
@@ -6192,9 +6181,9 @@ var vx = o.forwardRef((e, t) => {
           ref: C,
           style: { position: "absolute", ...m.style },
           onPointerDown: S(e.onPointerDown, (_) => {
-            _.button === 0 && (_.target.setPointerCapture(_.pointerId), y.current = g.getBoundingClientRect(), x.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", h.viewport && (h.viewport.style.scrollBehavior = "auto"), I(_));
+            _.button === 0 && (_.target.setPointerCapture(_.pointerId), y.current = g.getBoundingClientRect(), x.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", h.viewport && (h.viewport.style.scrollBehavior = "auto"), A(_));
           }),
-          onPointerMove: S(e.onPointerMove, I),
+          onPointerMove: S(e.onPointerMove, A),
           onPointerUp: S(e.onPointerUp, (_) => {
             const D = _.target;
             D.hasPointerCapture(_.pointerId) && D.releasePointerCapture(_.pointerId), document.body.style.webkitUserSelect = x.current, h.viewport && (h.viewport.style.scrollBehavior = ""), y.current = null;
@@ -6356,7 +6345,7 @@ var qu = ju, Zu = Bu, Co = Vu, yo = Wu, Sx = Uu, Rx = [" ", "Enter", "ArrowUp",
     disabled: m,
     required: h,
     form: g
-  } = e, v = Nn(t), [C, y] = o.useState(null), [x, w] = o.useState(null), [b, E] = o.useState(!1), T = ke(d), [N, I] = te({
+  } = e, v = Nn(t), [C, y] = o.useState(null), [x, w] = o.useState(null), [b, E] = o.useState(!1), T = ke(d), [N, A] = te({
     prop: n,
     defaultProp: a ?? !1,
     onChange: s,
@@ -6366,7 +6355,7 @@ var qu = ju, Zu = Bu, Co = Vu, yo = Wu, Sx = Uu, Rx = [" ", "Enter", "ArrowUp",
     defaultProp: c,
     onChange: l,
     caller: ht
-  }), L = o.useRef(null), z = C ? g || !!C.closest("form") : !0, [H, P] = o.useState(/* @__PURE__ */ new Set()), $ = Array.from(H).map((F) => F.props.value).join(";");
+  }), $ = o.useRef(null), z = C ? g || !!C.closest("form") : !0, [H, P] = o.useState(/* @__PURE__ */ new Set()), O = Array.from(H).map((F) => F.props.value).join(";");
   return /* @__PURE__ */ p.jsx(Vt, { ...v, children: /* @__PURE__ */ p.jsxs(
     Tx,
     {
@@ -6382,9 +6371,9 @@ var qu = ju, Zu = Bu, Co = Vu, yo = Wu, Sx = Uu, Rx = [" ", "Enter", "ArrowUp",
       value: _,
       onValueChange: D,
       open: N,
-      onOpenChange: I,
+      onOpenChange: A,
       dir: T,
-      triggerPointerDownPosRef: L,
+      triggerPointerDownPosRef: $,
       disabled: m,
       children: [
         /* @__PURE__ */ p.jsx(Sn.Provider, { scope: t, children: /* @__PURE__ */ p.jsx(
@@ -6396,8 +6385,8 @@ var qu = ju, Zu = Bu, Co = Vu, yo = Wu, Sx = Uu, Rx = [" ", "Enter", "ArrowUp",
             }, []),
             onNativeOptionRemove: o.useCallback((F) => {
               P((V) => {
-                const k = new Set(V);
-                return k.delete(F), k;
+                const L = new Set(V);
+                return L.delete(F), L;
               });
             }, []),
             children: r
@@ -6420,7 +6409,7 @@ var qu = ju, Zu = Bu, Co = Vu, yo = Wu, Sx = Uu, Rx = [" ", "Enter", "ArrowUp",
               Array.from(H)
             ]
           },
-          $
+          O
         ) : null
       ]
     }
@@ -6535,9 +6524,9 @@ var Re = 10, [sd, st] = Ht(gt), Dx = "SelectContentImpl", $x = /* @__PURE__ */ Q
       avoidCollisions: C,
       //
       ...y
-    } = e, x = at(gt, r), [w, b] = o.useState(null), [E, T] = o.useState(null), N = B(t, (j) => b(j)), [I, _] = o.useState(null), [D, L] = o.useState(
+    } = e, x = at(gt, r), [w, b] = o.useState(null), [E, T] = o.useState(null), N = B(t, (j) => b(j)), [A, _] = o.useState(null), [D, $] = o.useState(
       null
-    ), z = Rn(r), [H, P] = o.useState(!1), $ = o.useRef(!1);
+    ), z = Rn(r), [H, P] = o.useState(!1), O = o.useRef(!1);
     o.useEffect(() => {
       if (w) return sn(w);
     }, [w]), on();
@@ -6549,47 +6538,47 @@ var Re = 10, [sd, st] = Ht(gt), Dx = "SelectContentImpl", $x = /* @__PURE__ */ Q
       },
       [z, E]
     ), V = o.useCallback(
-      () => F([I, w]),
-      [F, I, w]
+      () => F([A, w]),
+      [F, A, w]
     );
     o.useEffect(() => {
       H && V();
     }, [H, V]);
-    const { onOpenChange: k, triggerPointerDownPosRef: A } = x;
+    const { onOpenChange: L, triggerPointerDownPosRef: I } = x;
     o.useEffect(() => {
       if (w) {
         let j = { x: 0, y: 0 };
         const X = (q) => {
           j = {
-            x: Math.abs(Math.round(q.pageX) - (A.current?.x ?? 0)),
-            y: Math.abs(Math.round(q.pageY) - (A.current?.y ?? 0))
+            x: Math.abs(Math.round(q.pageX) - (I.current?.x ?? 0)),
+            y: Math.abs(Math.round(q.pageY) - (I.current?.y ?? 0))
           };
         }, pe = (q) => {
-          j.x <= 10 && j.y <= 10 ? q.preventDefault() : w.contains(q.target) || k(!1), document.removeEventListener("pointermove", X), A.current = null;
+          j.x <= 10 && j.y <= 10 ? q.preventDefault() : w.contains(q.target) || L(!1), document.removeEventListener("pointermove", X), I.current = null;
         };
-        return A.current !== null && (document.addEventListener("pointermove", X), document.addEventListener("pointerup", pe, { capture: !0, once: !0 })), () => {
+        return I.current !== null && (document.addEventListener("pointermove", X), document.addEventListener("pointerup", pe, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", X), document.removeEventListener("pointerup", pe, { capture: !0 });
         };
       }
-    }, [w, k, A]), o.useEffect(() => {
-      const j = () => k(!1);
+    }, [w, L, I]), o.useEffect(() => {
+      const j = () => L(!1);
       return window.addEventListener("blur", j), window.addEventListener("resize", j), () => {
         window.removeEventListener("blur", j), window.removeEventListener("resize", j);
       };
-    }, [k]);
+    }, [L]);
     const [ne, fe] = Ed((j) => {
       const X = z().filter((Q) => !Q.disabled), pe = X.find((Q) => Q.ref.current === document.activeElement), q = Sd(X, j, pe);
       q && setTimeout(() => q.ref.current.focus());
     }), Se = o.useCallback(
       (j, X, pe) => {
-        const q = !$.current && !pe;
-        (x.value !== void 0 && x.value === X || q) && (_(j), q && ($.current = !0));
+        const q = !O.current && !pe;
+        (x.value !== void 0 && x.value === X || q) && (_(j), q && (O.current = !0));
       },
       [x.value]
     ), Ve = o.useCallback(() => w?.focus(), [w]), ye = o.useCallback(
       (j, X, pe) => {
-        const q = !$.current && !pe;
-        (x.value !== void 0 && x.value === X || q) && L(j);
+        const q = !O.current && !pe;
+        (x.value !== void 0 && x.value === X || q) && $(j);
       },
       [x.value]
     ), ze = n === "popper" ? wo : cd, ve = ze === wo ? {
@@ -6612,7 +6601,7 @@ var Re = 10, [sd, st] = Ht(gt), Dx = "SelectContentImpl", $x = /* @__PURE__ */ Q
         viewport: E,
         onViewportChange: T,
         itemRefCallback: Se,
-        selectedItem: I,
+        selectedItem: A,
         onItemLeave: Ve,
         itemTextRefCallback: ye,
         focusSelectedItem: V,
@@ -6685,9 +6674,9 @@ id.displayName = Dx;
 var Ox = "SelectItemAlignedPosition", cd = o.forwardRef((e, t) => {
   const { __scopeSelect: r, onPlaced: n, ...a } = e, s = at(gt, r), i = st(gt, r), [c, l] = o.useState(null), [d, u] = o.useState(null), f = B(t, (N) => u(N)), m = Rn(r), h = o.useRef(!1), g = o.useRef(!0), { viewport: v, selectedItem: C, selectedItemText: y, focusSelectedItem: x } = i, w = o.useCallback(() => {
     if (s.trigger && s.valueNode && c && d && v && C && y) {
-      const N = s.trigger.getBoundingClientRect(), I = d.getBoundingClientRect(), _ = s.valueNode.getBoundingClientRect(), D = y.getBoundingClientRect();
+      const N = s.trigger.getBoundingClientRect(), A = d.getBoundingClientRect(), _ = s.valueNode.getBoundingClientRect(), D = y.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const Q = D.left - I.left, ae = _.left - Q, we = N.left - ae, ct = N.width + we, jn = Math.max(ct, I.width), Fn = window.innerWidth - Re, Bn = cr(ae, [
+        const Q = D.left - A.left, ae = _.left - Q, we = N.left - ae, ct = N.width + we, jn = Math.max(ct, A.width), Fn = window.innerWidth - Re, Bn = cr(ae, [
           Re,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -6698,15 +6687,15 @@ var Ox = "SelectItemAlignedPosition", cd = o.forwardRef((e, t) => {
         ]);
         c.style.minWidth = ct + "px", c.style.left = Bn + "px";
       } else {
-        const Q = I.right - D.right, ae = window.innerWidth - _.right - Q, we = window.innerWidth - N.right - ae, ct = N.width + we, jn = Math.max(ct, I.width), Fn = window.innerWidth - Re, Bn = cr(ae, [
+        const Q = A.right - D.right, ae = window.innerWidth - _.right - Q, we = window.innerWidth - N.right - ae, ct = N.width + we, jn = Math.max(ct, A.width), Fn = window.innerWidth - Re, Bn = cr(ae, [
           Re,
           Math.max(Re, Fn - jn)
         ]);
         c.style.minWidth = ct + "px", c.style.right = Bn + "px";
       }
-      const L = m(), z = window.innerHeight - Re * 2, H = v.scrollHeight, P = window.getComputedStyle(d), $ = parseInt(P.borderTopWidth, 10), F = parseInt(P.paddingTop, 10), V = parseInt(P.borderBottomWidth, 10), k = parseInt(P.paddingBottom, 10), A = $ + F + H + k + V, ne = Math.min(C.offsetHeight * 5, A), fe = window.getComputedStyle(v), Se = parseInt(fe.paddingTop, 10), Ve = parseInt(fe.paddingBottom, 10), ye = N.top + N.height / 2 - Re, ze = z - ye, ve = C.offsetHeight / 2, j = C.offsetTop + ve, X = $ + F + j, pe = A - X;
+      const $ = m(), z = window.innerHeight - Re * 2, H = v.scrollHeight, P = window.getComputedStyle(d), O = parseInt(P.borderTopWidth, 10), F = parseInt(P.paddingTop, 10), V = parseInt(P.borderBottomWidth, 10), L = parseInt(P.paddingBottom, 10), I = O + F + H + L + V, ne = Math.min(C.offsetHeight * 5, I), fe = window.getComputedStyle(v), Se = parseInt(fe.paddingTop, 10), Ve = parseInt(fe.paddingBottom, 10), ye = N.top + N.height / 2 - Re, ze = z - ye, ve = C.offsetHeight / 2, j = C.offsetTop + ve, X = O + F + j, pe = I - X;
       if (X <= ye) {
-        const Q = L.length > 0 && C === L[L.length - 1].ref.current;
+        const Q = $.length > 0 && C === $[$.length - 1].ref.current;
         c.style.bottom = "0px";
         const ae = d.clientHeight - v.offsetTop - v.offsetHeight, we = Math.max(
           ze,
@@ -6715,11 +6704,11 @@ var Ox = "SelectItemAlignedPosition", cd = o.forwardRef((e, t) => {
         ), ct = X + we;
         c.style.height = ct + "px";
       } else {
-        const Q = L.length > 0 && C === L[0].ref.current;
+        const Q = $.length > 0 && C === $[0].ref.current;
         c.style.top = "0px";
         const we = Math.max(
           ye,
-          $ + v.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          O + v.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (Q ? Se : 0) + ve
         ) + pe;
         c.style.height = we + "px", v.scrollTop = X - ye + v.offsetTop;
@@ -7156,29 +7145,29 @@ var Kx = Qu, Yx = ed, Xx = rd, qx = nd, Zx = od, Qx = ad, Jx = ld, eb = dd, tb =
     } = e, C = o.useRef(/* @__PURE__ */ new Set()), y = o.useRef(0), w = i === "horizontal" ? lb : ub, [b = [], E] = te({
       prop: u,
       defaultProp: d,
-      onChange: (L) => {
-        [...C.current][y.current]?.focus(), f(L);
+      onChange: ($) => {
+        [...C.current][y.current]?.focus(), f($);
       }
     }), T = o.useRef(b);
-    function N(L) {
-      const z = vb(b, L);
-      D(L, z);
+    function N($) {
+      const z = vb(b, $);
+      D($, z);
     }
-    function I(L) {
-      D(L, y.current);
+    function A($) {
+      D($, y.current);
     }
     function _() {
-      const L = T.current[y.current];
-      b[y.current] !== L && m(b);
+      const $ = T.current[y.current];
+      b[y.current] !== $ && m(b);
     }
-    function D(L, z, { commit: H } = { commit: !1 }) {
-      const P = yb(s), $ = wb(Math.round((L - n) / s) * s + n, P), F = cr($, [n, a]);
+    function D($, z, { commit: H } = { commit: !1 }) {
+      const P = yb(s), O = wb(Math.round(($ - n) / s) * s + n, P), F = cr(O, [n, a]);
       E((V = []) => {
-        const k = pb(V, F, z);
-        if (Cb(k, l * s)) {
-          y.current = k.indexOf(F);
-          const A = String(k) !== String(V);
-          return A && H && m(k), A ? k : V;
+        const L = pb(V, F, z);
+        if (Cb(L, l * s)) {
+          y.current = L.indexOf(F);
+          const I = String(L) !== String(V);
+          return I && H && m(L), I ? L : V;
         } else
           return V;
       });
@@ -7210,14 +7199,14 @@ var Kx = Qu, Yx = ed, Xx = rd, qx = nd, Zx = od, Qx = ad, Jx = ld, eb = dd, tb =
             max: a,
             inverted: h,
             onSlideStart: c ? void 0 : N,
-            onSlideMove: c ? void 0 : I,
+            onSlideMove: c ? void 0 : A,
             onSlideEnd: c ? void 0 : _,
             onHomeKeyDown: () => !c && D(n, 0, { commit: !0 }),
             onEndKeyDown: () => !c && D(a, b.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: L, direction: z }) => {
+            onStepKeyDown: ({ event: $, direction: z }) => {
               if (!c) {
-                const $ = Rd.includes(L.key) || L.shiftKey && Nd.includes(L.key) ? 10 : 1, F = y.current, V = b[F], k = s * $ * z;
-                D(V + k, F, { commit: !0 });
+                const O = Rd.includes($.key) || $.shiftKey && Nd.includes($.key) ? 10 : 1, F = y.current, V = b[F], L = s * O * z;
+                D(V + L, F, { commit: !0 });
               }
             }
           }
@@ -8259,11 +8248,6 @@ function nE(e) {
 var oE = uf, aE = df, sE = ff, iE = pf, cE = mf, lE = gf;
 const uE = Um;
 var to = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
 var bs;
 function dE() {
   return bs || (bs = 1, (function(e) {
@@ -8363,7 +8347,7 @@ function dr(...e) {
 function EE(...e) {
   return Object.assign({}, ...e);
 }
-function O(e, ...t) {
+function k(e, ...t) {
   let r, n;
   const a = { ...e }, s = EE(...t);
   for (const i in s) {
@@ -8392,12 +8376,12 @@ function O(e, ...t) {
   return a.className = R(r, e.className), a.style = dr(n, e.style), a;
 }
 const lt = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9"], G = { m: { type: "enum | string", values: lt, responsive: !0, className: "rt-r-m", customProperties: ["--m"] }, mx: { type: "enum | string", values: lt, responsive: !0, className: "rt-r-mx", customProperties: ["--ml", "--mr"] }, my: { type: "enum | string", values: lt, responsive: !0, className: "rt-r-my", customProperties: ["--mt", "--mb"] }, mt: { type: "enum | string", values: lt, responsive: !0, className: "rt-r-mt", customProperties: ["--mt"] }, mr: { type: "enum | string", values: lt, responsive: !0, className: "rt-r-mr", customProperties: ["--mr"] }, mb: { type: "enum | string", values: lt, responsive: !0, className: "rt-r-mb", customProperties: ["--mb"] }, ml: { type: "enum | string", values: lt, responsive: !0, className: "rt-r-ml", customProperties: ["--ml"] } }, $n = o.forwardRef((e, t) => {
-  const { children: r, className: n, asChild: a, as: s = "h1", color: i, ...c } = O(e, xE, G);
+  const { children: r, className: n, asChild: a, as: s = "h1", color: i, ...c } = k(e, xE, G);
   return o.createElement(ie, { "data-accent-color": i, ...c, ref: t, className: R("rt-Heading", n) }, a ? r : o.createElement(s, null, r));
 });
 $n.displayName = "Heading";
 const SE = ["span", "div", "label", "p"], RE = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], NE = { as: { type: "enum", values: SE, default: "span" }, ...K, size: { type: "enum", className: "rt-r-size", values: RE, responsive: !0 }, ...Dn, ...yf, ...An, ...bt, ...xt, ...re, ...se }, oe = o.forwardRef((e, t) => {
-  const { children: r, className: n, asChild: a, as: s = "span", color: i, ...c } = O(e, NE, G);
+  const { children: r, className: n, asChild: a, as: s = "span", color: i, ...c } = k(e, NE, G);
   return o.createElement(ie, { "data-accent-color": i, ...c, ref: t, className: R("rt-Text", n) }, a ? r : o.createElement(s, null, r));
 });
 oe.displayName = "Text";
@@ -8474,7 +8458,7 @@ Sf.displayName = "AlertDialog.Root";
 const Rf = o.forwardRef(({ children: e, ...t }, r) => o.createElement(Nh, { ...t, ref: r, asChild: !0 }, _e(e)));
 Rf.displayName = "AlertDialog.Trigger";
 const Nf = o.forwardRef(({ align: e, ...t }, r) => {
-  const { align: n, ...a } = Cf, { className: s } = O({ align: e }, { align: n }), { className: i, forceMount: c, container: l, ...d } = O(t, a);
+  const { align: n, ...a } = Cf, { className: s } = k({ align: e }, { align: n }), { className: i, forceMount: c, container: l, ...d } = k(t, a);
   return o.createElement(Ph, { container: l, forceMount: c }, o.createElement(me, { asChild: !0 }, o.createElement(Th, { className: "rt-BaseDialogOverlay rt-AlertDialogOverlay" }, o.createElement("div", { className: "rt-BaseDialogScroll rt-AlertDialogScroll" }, o.createElement("div", { className: `rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${s}` }, o.createElement(Mh, { ...d, ref: r, className: R("rt-BaseDialogContent", "rt-AlertDialogContent", i) }))))));
 });
 Nf.displayName = "AlertDialog.Content";
@@ -8503,7 +8487,7 @@ function kn(e, t) {
   return o.cloneElement(a, { children: typeof t == "function" ? t(a.props.children) : t });
 }
 const AE = o.forwardRef((e, t) => {
-  const { asChild: r, children: n, className: a, style: s, color: i, radius: c, ...l } = O(e, IE, G);
+  const { asChild: r, children: n, className: a, style: s, color: i, radius: c, ...l } = k(e, IE, G);
   return o.createElement(Gh, { "data-accent-color": i, "data-radius": c, className: R("rt-reset", "rt-AvatarRoot", a), style: s, asChild: r }, kn({ asChild: r, children: n }, o.createElement(If, { ref: t, ...l })));
 });
 AE.displayName = "Avatar";
@@ -8515,7 +8499,7 @@ const If = o.forwardRef(({ fallback: e, ...t }, r) => {
 });
 If.displayName = "AvatarImpl";
 const DE = ["1", "2", "3"], $E = ["solid", "soft", "surface", "outline"], OE = { ...K, size: { type: "enum", className: "rt-r-size", values: DE, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: $E, default: "soft" }, ...Ut, ...se, ...Me }, kE = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, color: a, radius: s, ...i } = O(e, OE, G), c = r ? ie : "span";
+  const { asChild: r, className: n, color: a, radius: s, ...i } = k(e, OE, G), c = r ? ie : "span";
   return o.createElement(c, { "data-accent-color": a, "data-radius": s, ...i, ref: t, className: R("rt-reset", "rt-Badge", n) });
 });
 kE.displayName = "Badge";
@@ -8525,7 +8509,7 @@ const LE = o.forwardRef((e, t) => {
 });
 LE.displayName = "Blockquote";
 const Pa = ie, BS = fr, jE = ["div", "span"], FE = ["none", "inline", "inline-block", "block", "contents"], BE = { as: { type: "enum", values: jE, default: "div" }, ...K, display: { type: "enum", className: "rt-r-display", values: FE, responsive: !0 } }, ut = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], rr = { p: { type: "enum | string", className: "rt-r-p", customProperties: ["--p"], values: ut, responsive: !0 }, px: { type: "enum | string", className: "rt-r-px", customProperties: ["--pl", "--pr"], values: ut, responsive: !0 }, py: { type: "enum | string", className: "rt-r-py", customProperties: ["--pt", "--pb"], values: ut, responsive: !0 }, pt: { type: "enum | string", className: "rt-r-pt", customProperties: ["--pt"], values: ut, responsive: !0 }, pr: { type: "enum | string", className: "rt-r-pr", customProperties: ["--pr"], values: ut, responsive: !0 }, pb: { type: "enum | string", className: "rt-r-pb", customProperties: ["--pb"], values: ut, responsive: !0 }, pl: { type: "enum | string", className: "rt-r-pl", customProperties: ["--pl"], values: ut, responsive: !0 } }, ro = ["visible", "hidden", "clip", "scroll", "auto"], VE = ["static", "relative", "absolute", "fixed", "sticky"], Yt = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9"], zE = ["0", "1"], HE = ["0", "1"], Pr = { ...rr, ...ce, ...Wt, position: { type: "enum", className: "rt-r-position", values: VE, responsive: !0 }, inset: { type: "enum | string", className: "rt-r-inset", customProperties: ["--inset"], values: Yt, responsive: !0 }, top: { type: "enum | string", className: "rt-r-top", customProperties: ["--top"], values: Yt, responsive: !0 }, right: { type: "enum | string", className: "rt-r-right", customProperties: ["--right"], values: Yt, responsive: !0 }, bottom: { type: "enum | string", className: "rt-r-bottom", customProperties: ["--bottom"], values: Yt, responsive: !0 }, left: { type: "enum | string", className: "rt-r-left", customProperties: ["--left"], values: Yt, responsive: !0 }, overflow: { type: "enum", className: "rt-r-overflow", values: ro, responsive: !0 }, overflowX: { type: "enum", className: "rt-r-ox", values: ro, responsive: !0 }, overflowY: { type: "enum", className: "rt-r-oy", values: ro, responsive: !0 }, flexBasis: { type: "string", className: "rt-r-fb", customProperties: ["--flex-basis"], responsive: !0 }, flexShrink: { type: "enum | string", className: "rt-r-fs", customProperties: ["--flex-shrink"], values: zE, responsive: !0 }, flexGrow: { type: "enum | string", className: "rt-r-fg", customProperties: ["--flex-grow"], values: HE, responsive: !0 }, gridArea: { type: "string", className: "rt-r-ga", customProperties: ["--grid-area"], responsive: !0 }, gridColumn: { type: "string", className: "rt-r-gc", customProperties: ["--grid-column"], responsive: !0 }, gridColumnStart: { type: "string", className: "rt-r-gcs", customProperties: ["--grid-column-start"], responsive: !0 }, gridColumnEnd: { type: "string", className: "rt-r-gce", customProperties: ["--grid-column-end"], responsive: !0 }, gridRow: { type: "string", className: "rt-r-gr", customProperties: ["--grid-row"], responsive: !0 }, gridRowStart: { type: "string", className: "rt-r-grs", customProperties: ["--grid-row-start"], responsive: !0 }, gridRowEnd: { type: "string", className: "rt-r-gre", customProperties: ["--grid-row-end"], responsive: !0 } }, Qt = o.forwardRef((e, t) => {
-  const { className: r, asChild: n, as: a = "div", ...s } = O(e, BE, Pr, G);
+  const { className: r, asChild: n, as: a = "div", ...s } = k(e, BE, Pr, G);
   return o.createElement(n ? Pa : a, { ...s, ref: t, className: R("rt-Box", r) });
 });
 Qt.displayName = "Box";
@@ -8534,12 +8518,12 @@ function QE(e) {
   return e === "between" ? "space-between" : e;
 }
 const he = o.forwardRef((e, t) => {
-  const { className: r, asChild: n, as: a = "div", ...s } = O(e, Df, Pr, G);
+  const { className: r, asChild: n, as: a = "div", ...s } = k(e, Df, Pr, G);
   return o.createElement(n ? Pa : a, { ...s, ref: t, className: R("rt-Flex", r) });
 });
 he.displayName = "Flex";
 const JE = ["1", "2", "3"], e0 = { size: { type: "enum", className: "rt-r-size", values: JE, default: "2", responsive: !0 }, loading: { type: "boolean", default: !0 } }, $f = o.forwardRef((e, t) => {
-  const { className: r, children: n, loading: a, ...s } = O(e, e0, G);
+  const { className: r, children: n, loading: a, ...s } = k(e, e0, G);
   if (!a) return n;
   const i = o.createElement("span", { ...s, ref: t, className: R("rt-Spinner", r) }, o.createElement("span", { className: "rt-SpinnerLeaf" }), o.createElement("span", { className: "rt-SpinnerLeaf" }), o.createElement("span", { className: "rt-SpinnerLeaf" }), o.createElement("span", { className: "rt-SpinnerLeaf" }), o.createElement("span", { className: "rt-SpinnerLeaf" }), o.createElement("span", { className: "rt-SpinnerLeaf" }), o.createElement("span", { className: "rt-SpinnerLeaf" }), o.createElement("span", { className: "rt-SpinnerLeaf" }));
   return n === void 0 ? i : o.createElement(he, { asChild: !0, position: "relative", align: "center", justify: "center" }, o.createElement("span", null, o.createElement("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0 }, n), o.createElement(he, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, o.createElement("span", null, i))));
@@ -8564,14 +8548,14 @@ function n0(e) {
   }
 }
 const Ta = o.forwardRef((e, t) => {
-  const { size: r = Ss.size.default } = e, { className: n, children: a, asChild: s, color: i, radius: c, disabled: l = e.loading, ...d } = O(e, Ss, G), u = s ? ie : "button";
+  const { size: r = Ss.size.default } = e, { className: n, children: a, asChild: s, color: i, radius: c, disabled: l = e.loading, ...d } = k(e, Ss, G), u = s ? ie : "button";
   return o.createElement(u, { "data-disabled": l || void 0, "data-accent-color": i, "data-radius": c, ...d, ref: t, className: R("rt-reset", "rt-BaseButton", n), disabled: l }, e.loading ? o.createElement(o.Fragment, null, o.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, a), o.createElement(t0, null, a), o.createElement(he, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, o.createElement("span", null, o.createElement($f, { size: Of(r, n0) })))) : a);
 });
 Ta.displayName = "BaseButton";
 const kf = o.forwardRef(({ className: e, ...t }, r) => o.createElement(Ta, { ...t, ref: r, className: R("rt-Button", e) }));
 kf.displayName = "Button";
 const o0 = ["1", "2", "3"], a0 = ["soft", "surface", "outline"], Rs = { ...K, size: { type: "enum", className: "rt-r-size", values: o0, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: a0, default: "soft" }, ...Ut, ...se }, Lf = o.createContext({}), jf = o.forwardRef((e, t) => {
-  const { size: r = Rs.size.default } = e, { asChild: n, children: a, className: s, color: i, ...c } = O(e, Rs, G), l = n ? ie : "div";
+  const { size: r = Rs.size.default } = e, { asChild: n, children: a, className: s, color: i, ...c } = k(e, Rs, G), l = n ? ie : "div";
   return o.createElement(l, { "data-accent-color": i, ...c, className: R("rt-CalloutRoot", s), ref: t }, o.createElement(Lf.Provider, { value: o.useMemo(() => ({ size: r }), [r]) }, a));
 });
 jf.displayName = "Callout.Root";
@@ -8588,7 +8572,7 @@ const VS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Root: jf,
   Text: Bf
 }, Symbol.toStringTag, { value: "Module" })), s0 = ["1", "2", "3", "4", "5"], i0 = ["surface", "classic", "ghost"], c0 = { ...K, size: { type: "enum", className: "rt-r-size", values: s0, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: i0, default: "surface" } }, l0 = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, ...a } = O(e, c0, G), s = r ? ie : "div";
+  const { asChild: r, className: n, ...a } = k(e, c0, G), s = r ? ie : "div";
   return o.createElement(s, { ref: t, ...a, className: R("rt-reset", "rt-BaseCard", "rt-Card", n) });
 });
 l0.displayName = "Card";
@@ -8620,7 +8604,7 @@ function b0(e) {
   return e === "between" ? "space-between" : e;
 }
 const E0 = ["1", "2", "3"], S0 = ["surface", "classic"], R0 = { ...K, size: { type: "enum", className: "rt-r-size", values: E0, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: S0, default: "surface" }, ...re, ...se, columns: { ...kt.columns, default: "repeat(auto-fit, minmax(200px, 1fr))" }, gap: { ...kt.gap, default: "4" } }, N0 = ["1", "2", "3"], P0 = ["classic", "surface", "soft"], Ia = { size: { type: "enum", className: "rt-r-size", values: N0, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: P0, default: "surface" }, ...re, ...se }, He = o.forwardRef((e, t) => {
-  const { className: r, asChild: n, as: a = "div", ...s } = O(e, kt, Pr, G);
+  const { className: r, asChild: n, as: a = "div", ...s } = k(e, kt, Pr, G);
   return o.createElement(n ? Pa : a, { ...s, ref: t, className: R("rt-Grid", r) });
 });
 He.displayName = "Grid";
@@ -8633,12 +8617,12 @@ Aa.displayName = "ChevronDownIcon";
 const Da = W.forwardRef((e, t) => W.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...e, ref: t }, W.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z" })));
 Da.displayName = "ThickChevronRightIcon";
 const Zf = "CheckboxCards", [T0] = Y(Zf, [Ln]), Qf = Ln(), [M0, _0] = T0(Zf), Jf = o.forwardRef((e, t) => {
-  const { __scopeCheckboxCards: r, className: n, color: a, ...s } = O(e, R0, G), i = Qf(r);
+  const { __scopeCheckboxCards: r, className: n, color: a, ...s } = k(e, R0, G), i = Qf(r);
   return o.createElement(M0, { scope: r, size: e.size, highContrast: e.highContrast }, o.createElement(He, { asChild: !0 }, o.createElement(Kf, { ...i, "data-accent-color": a, ...s, ref: t, className: R("rt-CheckboxCardsRoot", n) })));
 });
 Jf.displayName = "CheckboxCards.Root";
 const ep = o.forwardRef(({ __scopeCheckboxCards: e, children: t, className: r, style: n, ...a }, s) => {
-  const i = _0("CheckboxCardsItem", e), c = Qf(e), { className: l } = O({ size: i?.size, variant: "surface", highContrast: i?.highContrast }, Ia);
+  const i = _0("CheckboxCardsItem", e), c = Qf(e), { className: l } = k({ size: i?.size, variant: "surface", highContrast: i?.highContrast }, Ia);
   return o.createElement("label", { className: R("rt-BaseCard", "rt-CheckboxCardsItem", r), style: n }, t, o.createElement(Yf, { ...c, ...a, ref: s, className: R("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxCardCheckbox", l) }, o.createElement(Xf, { ...c, asChild: !0, className: "rt-BaseCheckboxIndicator" }, o.createElement(Ke, null))));
 });
 ep.displayName = "CheckboxCards.Item";
@@ -8647,7 +8631,7 @@ const zS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Item: ep,
   Root: Jf
 }, Symbol.toStringTag, { value: "Module" })), Jt = { ...K, ...Ia }, tp = "CheckboxGroup", [I0] = Y(tp, [Ln]), rp = Ln(), [A0, np] = I0(tp), op = o.forwardRef(({ color: e = Jt.color.default, highContrast: t = Jt.highContrast.default, size: r = Jt.size.default, variant: n = Jt.variant.default, ...a }, s) => {
-  const { __scopeCheckboxGroup: i, className: c, ...l } = O(a, G), d = rp(i);
+  const { __scopeCheckboxGroup: i, className: c, ...l } = k(a, G), d = rp(i);
   return o.createElement(A0, { scope: i, color: e, size: r, highContrast: t, variant: n }, o.createElement(Kf, { ...d, ...l, ref: s, className: R("rt-CheckboxGroupRoot", c) }));
 });
 op.displayName = "CheckboxGroup.Root";
@@ -8657,7 +8641,7 @@ const ap = o.forwardRef((e, t) => {
 });
 ap.displayName = "CheckboxGroup.Item";
 const _o = o.forwardRef(({ __scopeCheckboxGroup: e, ...t }, r) => {
-  const n = np("CheckboxGroupItemCheckbox", e), a = rp(e), { color: s, className: i } = O({ ...t, ...n }, Jt, G);
+  const n = np("CheckboxGroupItemCheckbox", e), a = rp(e), { color: s, className: i } = k({ ...t, ...n }, Jt, G);
   return o.createElement(Yf, { ...a, "data-accent-color": s, ...t, ref: r, className: R("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxGroupItemCheckbox", i) }, o.createElement(Xf, { ...a, asChild: !0, className: "rt-BaseCheckboxIndicator" }, o.createElement(Ke, null)));
 });
 _o.displayName = "CheckboxGroup.ItemCheckbox";
@@ -8666,12 +8650,12 @@ const HS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Item: ap,
   Root: op
 }, Symbol.toStringTag, { value: "Module" })), D0 = o.forwardRef((e, t) => {
-  const { className: r, color: n, checked: a, defaultChecked: s, onCheckedChange: i, ...c } = O(e, Ia, G), [l, d] = te({ prop: a, defaultProp: s, onChange: i });
+  const { className: r, color: n, checked: a, defaultChecked: s, onCheckedChange: i, ...c } = k(e, Ia, G), [l, d] = te({ prop: a, defaultProp: s, onChange: i });
   return o.createElement(Fo, { "data-accent-color": n, ...c, defaultChecked: s, checked: l, onCheckedChange: d, asChild: !1, ref: t, className: R("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxRoot", r) }, o.createElement(Bo, { asChild: !0, className: "rt-BaseCheckboxIndicator rt-CheckboxIndicator" }, o.createElement(l === "indeterminate" ? qf : Ke, null)));
 });
 D0.displayName = "Checkbox";
 const $0 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], O0 = ["solid", "soft", "outline", "ghost"], k0 = { ...K, size: { type: "enum", className: "rt-r-size", values: $0, responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: O0, default: "soft" }, ...Dn, ...Ut, ...se, ...bt, ...xt }, L0 = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, color: a, ...s } = O(e, k0, G), i = e.variant === "ghost" ? a || void 0 : a, c = r ? ie : "code";
+  const { asChild: r, className: n, color: a, ...s } = k(e, k0, G), i = e.variant === "ghost" ? a || void 0 : a, c = r ? ie : "code";
   return o.createElement(c, { "data-accent-color": i, ...s, ref: t, className: R("rt-reset", "rt-Code", n) });
 });
 L0.displayName = "Code";
@@ -8683,7 +8667,7 @@ function H0(e) {
   return e === "left" ? "start" : e === "right" ? "end" : e;
 }
 const G0 = o.forwardRef(({ width: e, minWidth: t, maxWidth: r, height: n, minHeight: a, maxHeight: s, ...i }, c) => {
-  const { asChild: l, children: d, className: u, ...f } = O(i, V0, Pr, G), { className: m, style: h } = O({ width: e, minWidth: t, maxWidth: r, height: n, minHeight: a, maxHeight: s }, ce, Wt), g = l ? ie : "div";
+  const { asChild: l, children: d, className: u, ...f } = k(i, V0, Pr, G), { className: m, style: h } = k({ width: e, minWidth: t, maxWidth: r, height: n, minHeight: a, maxHeight: s }, ce, Wt), g = l ? ie : "div";
   return o.createElement(g, { ...f, ref: c, className: R("rt-Container", u) }, kn({ asChild: l, children: d }, (v) => o.createElement("div", { className: R("rt-ContainerInner", m), style: h }, v)));
 });
 G0.displayName = "Container";
@@ -8707,7 +8691,7 @@ lp.displayName = "ContextMenu.Root";
 const up = o.forwardRef(({ children: e, ...t }, r) => o.createElement(my, { ...t, ref: r, asChild: !0 }, _e(e)));
 up.displayName = "ContextMenu.Trigger";
 const dp = o.createContext({}), fp = o.forwardRef((e, t) => {
-  const r = On(), { size: n = De.size.default, variant: a = De.variant.default, highContrast: s = De.highContrast.default } = e, { className: i, children: c, color: l, container: d, forceMount: u, ...f } = O(e, De), m = l || r.accentColor;
+  const r = On(), { size: n = De.size.default, variant: a = De.variant.default, highContrast: s = De.highContrast.default } = e, { className: i, children: c, color: l, container: d, forceMount: u, ...f } = k(e, De), m = l || r.accentColor;
   return o.createElement(wl, { container: d, forceMount: u }, o.createElement(me, { asChild: !0 }, o.createElement(vy, { "data-accent-color": m, alignOffset: -Number(n) * 4, collisionPadding: 10, ...f, asChild: !1, ref: t, className: R("rt-PopperContent", "rt-BaseMenuContent", "rt-ContextMenuContent", i) }, o.createElement(Et, { type: "auto" }, o.createElement("div", { className: R("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, o.createElement(dp.Provider, { value: o.useMemo(() => ({ size: n, variant: a, color: m, highContrast: s }), [n, a, m, s]) }, c))))));
 });
 fp.displayName = "ContextMenu.Content";
@@ -8740,7 +8724,7 @@ const wp = o.forwardRef((e, t) => {
 });
 wp.displayName = "ContextMenu.SubTrigger";
 const xp = o.forwardRef((e, t) => {
-  const { size: r, variant: n, color: a, highContrast: s } = o.useContext(dp), { className: i, children: c, container: l, forceMount: d, ...u } = O({ size: r, variant: n, color: a, highContrast: s, ...e }, De);
+  const { size: r, variant: n, color: a, highContrast: s } = o.useContext(dp), { className: i, children: c, container: l, forceMount: d, ...u } = k({ size: r, variant: n, color: a, highContrast: s, ...e }, De);
   return o.createElement(wl, { container: l, forceMount: d }, o.createElement(me, { asChild: !0 }, o.createElement(Ry, { "data-accent-color": a, alignOffset: -Number(r) * 4, sideOffset: 1, collisionPadding: 10, ...u, asChild: !1, ref: t, className: R("rt-PopperContent", "rt-BaseMenuContent", "rt-BaseMenuSubContent", "rt-ContextMenuContent", "rt-ContextMenuSubContent", i) }, o.createElement(Et, { type: "auto" }, o.createElement("div", { className: R("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, c)))));
 });
 xp.displayName = "ContextMenu.SubContent";
@@ -8762,17 +8746,17 @@ const GS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SubTrigger: wp,
   Trigger: up
 }, Symbol.toStringTag, { value: "Module" })), q0 = ["start", "center", "end", "baseline", "stretch"], Z0 = ["horizontal", "vertical"], Q0 = ["1", "2", "3"], J0 = { orientation: { type: "enum", className: "rt-r-orientation", values: Z0, default: "horizontal", responsive: !0 }, size: { type: "enum", className: "rt-r-size", values: Q0, default: "2", responsive: !0 }, trim: { ...An.trim, className: "rt-r-trim" } }, e1 = { align: { type: "enum", className: "rt-r-ai", values: q0, responsive: !0 } }, t1 = { ...ce, ...re, ...se }, Ep = o.forwardRef((e, t) => {
-  const { className: r, ...n } = O(e, J0, G);
+  const { className: r, ...n } = k(e, J0, G);
   return o.createElement(oe, { asChild: !0 }, o.createElement("dl", { ...n, ref: t, className: R("rt-DataListRoot", r) }));
 });
 Ep.displayName = "DataList.Root";
 const Sp = o.forwardRef((e, t) => {
-  const { className: r, ...n } = O(e, e1);
+  const { className: r, ...n } = k(e, e1);
   return o.createElement("div", { ...n, ref: t, className: R("rt-DataListItem", r) });
 });
 Sp.displayName = "DataList.Item";
 const Rp = o.forwardRef((e, t) => {
-  const { className: r, color: n, ...a } = O(e, t1);
+  const { className: r, color: n, ...a } = k(e, t1);
   return o.createElement("dt", { ...a, "data-accent-color": n, ref: t, className: R("rt-DataListLabel", r) });
 });
 Rp.displayName = "DataList.Label";
@@ -8789,7 +8773,7 @@ Pp.displayName = "Dialog.Root";
 const Tp = o.forwardRef(({ children: e, ...t }, r) => o.createElement(ui, { ...t, ref: r, asChild: !0 }, _e(e)));
 Tp.displayName = "Dialog.Trigger";
 const Mp = o.forwardRef(({ align: e, ...t }, r) => {
-  const { align: n, ...a } = Cf, { className: s } = O({ align: e }, { align: n }), { className: i, forceMount: c, container: l, ...d } = O(t, a);
+  const { align: n, ...a } = Cf, { className: s } = k({ align: e }, { align: n }), { className: i, forceMount: c, container: l, ...d } = k(t, a);
   return o.createElement(di, { container: l, forceMount: c }, o.createElement(me, { asChild: !0 }, o.createElement(fi, { className: "rt-BaseDialogOverlay rt-DialogOverlay" }, o.createElement("div", { className: "rt-BaseDialogScroll rt-DialogScroll" }, o.createElement("div", { className: `rt-BaseDialogScrollPadding rt-DialogScrollPadding ${s}` }, o.createElement(pi, { ...d, ref: r, className: R("rt-BaseDialogContent", "rt-DialogContent", i) }))))));
 });
 Mp.displayName = "Dialog.Content";
@@ -8812,7 +8796,7 @@ Dp.displayName = "DropdownMenu.Root";
 const $p = o.forwardRef(({ children: e, ...t }, r) => o.createElement(Hy, { ...t, ref: r, asChild: !0 }, _e(e)));
 $p.displayName = "DropdownMenu.Trigger";
 const Op = o.createContext({}), kp = o.forwardRef((e, t) => {
-  const r = On(), { size: n = De.size.default, variant: a = De.variant.default, highContrast: s = De.highContrast.default } = e, { className: i, children: c, color: l, container: d, forceMount: u, ...f } = O(e, De), m = l || r.accentColor;
+  const r = On(), { size: n = De.size.default, variant: a = De.variant.default, highContrast: s = De.highContrast.default } = e, { className: i, children: c, color: l, container: d, forceMount: u, ...f } = k(e, De), m = l || r.accentColor;
   return o.createElement(Fl, { container: d, forceMount: u }, o.createElement(me, { asChild: !0 }, o.createElement(Gy, { "data-accent-color": m, align: "start", sideOffset: 4, collisionPadding: 10, ...f, asChild: !1, ref: t, className: R("rt-PopperContent", "rt-BaseMenuContent", "rt-DropdownMenuContent", i) }, o.createElement(Et, { type: "auto" }, o.createElement("div", { className: R("rt-BaseMenuViewport", "rt-DropdownMenuViewport") }, o.createElement(Op.Provider, { value: o.useMemo(() => ({ size: n, variant: a, color: m, highContrast: s }), [n, a, m, s]) }, c))))));
 });
 kp.displayName = "DropdownMenu.Content";
@@ -8845,7 +8829,7 @@ const Gp = o.forwardRef((e, t) => {
 });
 Gp.displayName = "DropdownMenu.SubTrigger";
 const Wp = o.forwardRef((e, t) => {
-  const { size: r, variant: n, color: a, highContrast: s } = o.useContext(Op), { className: i, children: c, container: l, forceMount: d, ...u } = O({ size: r, variant: n, color: a, highContrast: s, ...e }, De);
+  const { size: r, variant: n, color: a, highContrast: s } = o.useContext(Op), { className: i, children: c, container: l, forceMount: d, ...u } = k({ size: r, variant: n, color: a, highContrast: s, ...e }, De);
   return o.createElement(Fl, { container: l, forceMount: d }, o.createElement(me, { asChild: !0 }, o.createElement(ew, { "data-accent-color": a, alignOffset: -Number(r) * 4, sideOffset: 1, collisionPadding: 10, ...u, asChild: !1, ref: t, className: R("rt-PopperContent", "rt-BaseMenuContent", "rt-BaseMenuSubContent", "rt-DropdownMenuContent", "rt-DropdownMenuSubContent", i) }, o.createElement(Et, { type: "auto" }, o.createElement("div", { className: R("rt-BaseMenuViewport", "rt-DropdownMenuViewport") }, c)))));
 });
 Wp.displayName = "DropdownMenu.SubContent";
@@ -8868,7 +8852,7 @@ const KS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Trigger: $p,
   TriggerIcon: Aa
 }, Symbol.toStringTag, { value: "Module" })), r1 = { ...K, ...bt, ...xt }, n1 = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, ...a } = O(e, r1), s = r ? ie : "em";
+  const { asChild: r, className: n, ...a } = k(e, r1), s = r ? ie : "em";
   return o.createElement(s, { ...a, ref: t, className: R("rt-Em", n) });
 });
 n1.displayName = "Em";
@@ -8877,7 +8861,7 @@ Kp.displayName = "HoverCard.Root";
 const Yp = o.forwardRef(({ children: e, className: t, ...r }, n) => o.createElement(lw, { ref: n, className: R("rt-HoverCardTrigger", t), ...r, asChild: !0 }, _e(e)));
 Yp.displayName = "HoverCard.Trigger";
 const Xp = o.forwardRef((e, t) => {
-  const { className: r, forceMount: n, container: a, ...s } = O(e, a1);
+  const { className: r, forceMount: n, container: a, ...s } = k(e, a1);
   return o.createElement(uw, { container: a, forceMount: n }, o.createElement(me, { asChild: !0 }, o.createElement(dw, { align: "start", sideOffset: 8, collisionPadding: 10, ...s, ref: t, className: R("rt-PopperContent", "rt-HoverCardContent", r) })));
 });
 Xp.displayName = "HoverCard.Content";
@@ -8893,17 +8877,17 @@ function pt(e) {
   return e === "current" ? "inset" : e;
 }
 const l1 = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, ...a } = O(e, c1, G), s = r ? ie : "div";
+  const { asChild: r, className: n, ...a } = k(e, c1, G), s = r ? ie : "div";
   return o.createElement(s, { ...a, ref: t, className: R("rt-Inset", n) });
 });
 l1.displayName = "Inset";
 const u1 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], d1 = { ...K, size: { type: "enum", className: "rt-r-size", values: u1, responsive: !0 } }, Zp = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, ...a } = O(e, d1, G), s = r ? ie : "kbd";
+  const { asChild: r, className: n, ...a } = k(e, d1, G), s = r ? ie : "kbd";
   return o.createElement(s, { ...a, ref: t, className: R("rt-reset", "rt-Kbd", n) });
 });
 Zp.displayName = "Kbd";
 const f1 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], p1 = ["auto", "always", "hover", "none"], m1 = { ...K, size: { type: "enum", className: "rt-r-size", values: f1, responsive: !0 }, ...Dn, ...An, ...bt, ...xt, underline: { type: "enum", className: "rt-underline", values: p1, default: "auto" }, ...Ut, ...se }, v1 = o.forwardRef((e, t) => {
-  const { children: r, className: n, color: a, asChild: s, ...i } = O(e, m1);
+  const { children: r, className: n, color: a, asChild: s, ...i } = k(e, m1);
   return o.createElement(oe, { ...i, "data-accent-color": a, ref: t, asChild: !0, className: R("rt-reset", "rt-Link", n) }, s ? r : o.createElement("a", null, r));
 });
 v1.displayName = "Link";
@@ -8912,7 +8896,7 @@ $a.displayName = "Popover.Root";
 const Oa = o.forwardRef(({ children: e, ...t }, r) => o.createElement(Ww, { ...t, ref: r, asChild: !0 }, _e(e)));
 Oa.displayName = "Popover.Trigger";
 const ka = o.forwardRef((e, t) => {
-  const { className: r, forceMount: n, container: a, ...s } = O(e, g1);
+  const { className: r, forceMount: n, container: a, ...s } = k(e, g1);
   return o.createElement(Uw, { container: a, forceMount: n }, o.createElement(me, { asChild: !0 }, o.createElement(Kw, { align: "start", sideOffset: 8, collisionPadding: 10, ...s, ref: t, className: R("rt-PopperContent", "rt-PopoverContent", r) })));
 });
 ka.displayName = "Popover.Content";
@@ -8928,17 +8912,17 @@ const XS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Root: $a,
   Trigger: Oa
 }, Symbol.toStringTag, { value: "Module" })), qS = wv, C1 = ["1", "2", "3"], y1 = ["classic", "surface", "soft"], w1 = { size: { type: "enum", className: "rt-r-size", values: C1, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: y1, default: "surface" }, ...re, ...se, ...Me, duration: { type: "string" } }, x1 = o.forwardRef((e, t) => {
-  const { className: r, style: n, color: a, radius: s, duration: i, ...c } = O(e, w1, G);
+  const { className: r, style: n, color: a, radius: s, duration: i, ...c } = k(e, w1, G);
   return o.createElement(tx, { "data-accent-color": a, "data-radius": s, ref: t, className: R("rt-ProgressRoot", r), style: dr({ "--progress-duration": "value" in c ? void 0 : i, "--progress-value": "value" in c ? c.value : void 0, "--progress-max": "max" in c ? c.max : void 0 }, n), ...c, asChild: !1 }, o.createElement(rx, { className: "rt-ProgressIndicator" }));
 });
 x1.displayName = "Progress";
 const b1 = { ...K, ...bt, ...xt }, E1 = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, ...a } = O(e, b1), s = r ? ie : "q";
+  const { asChild: r, className: n, ...a } = k(e, b1), s = r ? ie : "q";
   return o.createElement(s, { ...a, ref: t, className: R("rt-Quote", n) });
 });
 E1.displayName = "Quote";
 const S1 = ["1", "2", "3"], R1 = ["surface", "classic"], N1 = { ...K, size: { type: "enum", className: "rt-r-size", values: S1, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: R1, default: "surface" }, ...re, ...se, columns: { ...kt.columns, default: "repeat(auto-fit, minmax(160px, 1fr))" }, gap: { ...kt.gap, default: "4" } }, em = o.forwardRef((e, t) => {
-  const { className: r, color: n, ...a } = O(e, N1, G);
+  const { className: r, color: n, ...a } = k(e, N1, G);
   return o.createElement(He, { asChild: !0 }, o.createElement(Ou, { "data-accent-color": n, ...a, ref: t, className: R("rt-RadioCardsRoot", r) }));
 });
 em.displayName = "RadioCards.Root";
@@ -8949,7 +8933,7 @@ const ZS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Item: tm,
   Root: em
 }, Symbol.toStringTag, { value: "Module" })), P1 = ["1", "2", "3"], T1 = ["classic", "surface", "soft"], er = { ...K, size: { type: "enum", className: "rt-r-size", values: P1, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: T1, default: "surface" }, ...re, ...se }, rm = "RadioGroup", [M1] = Y(rm, [Mu]), nm = Mu(), [_1, om] = M1(rm), am = o.forwardRef(({ color: e = er.color.default, highContrast: t = er.highContrast.default, size: r = er.size.default, variant: n = er.variant.default, ...a }, s) => {
-  const { __scopeRadioGroup: i, className: c, ...l } = O(a, G), d = nm(i);
+  const { __scopeRadioGroup: i, className: c, ...l } = k(a, G), d = nm(i);
   return o.createElement(_1, { scope: i, color: e, highContrast: t, size: r, variant: n }, o.createElement(Ou, { ...d, ...l, ref: s, className: R("rt-RadioGroupRoot", c) }));
 });
 am.displayName = "RadioGroup.Root";
@@ -8959,7 +8943,7 @@ const sm = o.forwardRef((e, t) => {
 });
 sm.displayName = "RadioGroup.Item";
 const Io = o.forwardRef(({ __scopeRadioGroup: e, ...t }, r) => {
-  const n = om("RadioGroupItemRadio", e), a = nm(e), { color: s, className: i } = O({ ...t, ...n }, er, G);
+  const n = om("RadioGroupItemRadio", e), a = nm(e), { color: s, className: i } = k({ ...t, ...n }, er, G);
   return o.createElement(ku, { ...a, "data-accent-color": s, ...t, asChild: !1, ref: r, className: R("rt-reset", "rt-BaseRadioRoot", i) });
 });
 Io.displayName = "RadioGroup.ItemRadio";
@@ -8968,14 +8952,14 @@ const QS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Item: sm,
   Root: am
 }, Symbol.toStringTag, { value: "Module" })), I1 = ["1", "2", "3"], A1 = ["classic", "surface", "soft"], D1 = { size: { type: "enum", className: "rt-r-size", values: I1, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: A1, default: "surface" }, ...re, ...se }, $1 = o.forwardRef((e, t) => {
-  const r = o.useRef(null), { className: n, color: a, onChange: s, onValueChange: i, ...c } = O(e, D1, G);
+  const r = o.useRef(null), { className: n, color: a, onChange: s, onValueChange: i, ...c } = k(e, D1, G);
   return o.createElement("input", { type: "radio", "data-accent-color": a, ...c, onChange: S(s, (l) => i?.(l.currentTarget.value)), ref: Ct(r, t), className: R("rt-reset", "rt-BaseRadioRoot", "rt-RadioRoot", n) });
 });
 $1.displayName = "Radio";
 const O1 = o.forwardRef(({ className: e, children: t, ...r }, n) => o.createElement(ie, { ...r, ref: n, className: R("rt-reset", e) }, _e(t)));
 O1.displayName = "Reset";
 const k1 = ["1", "2", "3"], L1 = ["surface", "classic"], j1 = { disabled: { type: "boolean", className: "disabled", default: !1 }, size: { type: "enum", className: "rt-r-size", values: k1, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: L1, default: "surface" }, ...Me }, im = o.forwardRef((e, t) => {
-  const { className: r, children: n, radius: a, value: s, defaultValue: i, onValueChange: c, ...l } = O(e, j1, G), [d, u] = te({ prop: s, onChange: c, defaultProp: i });
+  const { className: r, children: n, radius: a, value: s, defaultValue: i, onValueChange: c, ...l } = k(e, j1, G), [d, u] = te({ prop: s, onChange: c, defaultProp: i });
   return o.createElement(Vb, { "data-disabled": e.disabled || void 0, "data-radius": a, ref: t, className: R("rt-SegmentedControlRoot", r), onValueChange: (f) => {
     f && u(f);
   }, ...l, type: "single", value: d, asChild: !1, disabled: !!e.disabled }, n, o.createElement("div", { className: "rt-SegmentedControlIndicator" }));
@@ -8992,7 +8976,7 @@ function z1(e) {
   return e === "initial" ? "block" : e;
 }
 const H1 = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, ...a } = O(e, V1, Pr, G), s = r ? ie : "section";
+  const { asChild: r, className: n, ...a } = k(e, V1, Pr, G), s = r ? ie : "section";
   return o.createElement(s, { ...a, ref: t, className: R("rt-Section", n) });
 });
 H1.displayName = "Section";
@@ -9002,12 +8986,12 @@ const G1 = ["1", "2", "3"], La = { size: { type: "enum", className: "rt-r-size",
 };
 lm.displayName = "Select.Root";
 const um = o.forwardRef((e, t) => {
-  const r = o.useContext(ja), { children: n, className: a, color: s, radius: i, placeholder: c, ...l } = O({ size: r?.size, ...e }, { size: La.size }, U1, G);
+  const r = o.useContext(ja), { children: n, className: a, color: s, radius: i, placeholder: c, ...l } = k({ size: r?.size, ...e }, { size: La.size }, U1, G);
   return o.createElement(Yx, { asChild: !0 }, o.createElement("button", { "data-accent-color": s, "data-radius": i, ...l, ref: t, className: R("rt-reset", "rt-SelectTrigger", a) }, o.createElement("span", { className: "rt-SelectTriggerInner" }, o.createElement(Xx, { placeholder: c }, n)), o.createElement(qx, { asChild: !0 }, o.createElement(Aa, { className: "rt-SelectIcon" }))));
 });
 um.displayName = "Select.Trigger";
 const dm = o.forwardRef((e, t) => {
-  const r = o.useContext(ja), { className: n, children: a, color: s, container: i, ...c } = O({ size: r?.size, ...e }, { size: La.size }, Y1), l = On(), d = s || l.accentColor;
+  const r = o.useContext(ja), { className: n, children: a, color: s, container: i, ...c } = k({ size: r?.size, ...e }, { size: La.size }, Y1), l = On(), d = s || l.accentColor;
   return o.createElement(Zx, { container: i }, o.createElement(me, { asChild: !0 }, o.createElement(Qx, { "data-accent-color": d, sideOffset: 4, ...c, asChild: !1, ref: t, className: R({ "rt-PopperContent": c.position === "popper" }, "rt-SelectContent", n) }, o.createElement(qu, { type: "auto", className: "rt-ScrollAreaRoot" }, o.createElement(Jx, { asChild: !0, className: "rt-SelectViewport" }, o.createElement(Zu, { className: "rt-ScrollAreaViewport", style: { overflowY: void 0 } }, a)), o.createElement(Co, { className: "rt-ScrollAreaScrollbar rt-r-size-1", orientation: "vertical" }, o.createElement(yo, { className: "rt-ScrollAreaThumb" }))))));
 });
 dm.displayName = "Select.Content";
@@ -9032,34 +9016,34 @@ const eR = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Separator: vm,
   Trigger: um
 }, Symbol.toStringTag, { value: "Module" })), X1 = ["horizontal", "vertical"], q1 = ["1", "2", "3", "4"], Z1 = { orientation: { type: "enum", className: "rt-r-orientation", values: X1, default: "horizontal", responsive: !0 }, size: { type: "enum", className: "rt-r-size", values: q1, default: "1", responsive: !0 }, color: { ...re.color, default: "gray" }, decorative: { type: "boolean", default: !0 } }, Q1 = o.forwardRef((e, t) => {
-  const { className: r, color: n, decorative: a, ...s } = O(e, Z1, G);
+  const { className: r, color: n, decorative: a, ...s } = k(e, Z1, G);
   return o.createElement("span", { "data-accent-color": n, role: a ? void 0 : "separator", ...s, ref: t, className: R("rt-Separator", r) });
 });
 Q1.displayName = "Separator";
 const hm = parseFloat(o.version) >= 19 || "", J1 = { loading: { type: "boolean", default: !0 }, ...ce, ...Wt }, eS = o.forwardRef((e, t) => {
-  const { children: r, className: n, loading: a, ...s } = O(e, J1, G);
+  const { children: r, className: n, loading: a, ...s } = k(e, J1, G);
   if (!a) return r;
   const i = o.isValidElement(r) ? ie : "span";
   return o.createElement(i, { ref: t, "aria-hidden": !0, className: R("rt-Skeleton", n), "data-inline-skeleton": o.isValidElement(r) ? void 0 : !0, tabIndex: -1, inert: hm, ...s }, r);
 });
 eS.displayName = "Skeleton";
 const tS = ["1", "2", "3"], rS = ["classic", "surface", "soft"], nS = { size: { type: "enum", className: "rt-r-size", values: tS, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: rS, default: "surface" }, ...re, ...se, ...Me }, oS = o.forwardRef((e, t) => {
-  const { className: r, color: n, radius: a, tabIndex: s, ...i } = O(e, nS, G);
+  const { className: r, color: n, radius: a, tabIndex: s, ...i } = k(e, nS, G);
   return o.createElement(xb, { "data-accent-color": n, "data-radius": a, ref: t, ...i, asChild: !1, className: R("rt-SliderRoot", r) }, o.createElement(bb, { className: "rt-SliderTrack" }, o.createElement(Eb, { className: R("rt-SliderRange", { "rt-high-contrast": e.highContrast }), "data-inverted": i.inverted ? "" : void 0 })), (i.value ?? i.defaultValue ?? []).map((c, l) => o.createElement(Sb, { key: l, className: "rt-SliderThumb", ...s !== void 0 ? { tabIndex: s } : void 0 })));
 });
 oS.displayName = "Slider";
 const aS = { ...K, ...bt, ...xt }, sS = o.forwardRef((e, t) => {
-  const { asChild: r, className: n, ...a } = O(e, aS), s = r ? ie : "strong";
+  const { asChild: r, className: n, ...a } = k(e, aS), s = r ? ie : "strong";
   return o.createElement(s, { ...a, ref: t, className: R("rt-Strong", n) });
 });
 sS.displayName = "Strong";
 const iS = ["1", "2", "3"], cS = ["classic", "surface", "soft"], lS = { size: { type: "enum", className: "rt-r-size", values: iS, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: cS, default: "surface" }, ...re, ...se, ...Me }, uS = o.forwardRef((e, t) => {
-  const { className: r, color: n, radius: a, ...s } = O(e, lS, G);
+  const { className: r, color: n, radius: a, ...s } = k(e, lS, G);
   return o.createElement(Mb, { "data-accent-color": n, "data-radius": a, ...s, asChild: !1, ref: t, className: R("rt-reset", "rt-SwitchRoot", r) }, o.createElement(_b, { className: R("rt-SwitchThumb", { "rt-high-contrast": e.highContrast }) }));
 });
 uS.displayName = "Switch";
 const dS = ["1", "2"], fS = ["nowrap", "wrap", "wrap-reverse"], pS = ["start", "center", "end"], gm = { size: { type: "enum", className: "rt-r-size", values: dS, default: "2", responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: fS, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: pS, responsive: !0 }, ...re, ...se }, Cm = o.forwardRef((e, t) => {
-  const { children: r, className: n, color: a, ...s } = O(e, gm, G);
+  const { children: r, className: n, color: a, ...s } = k(e, gm, G);
   return o.createElement(Iw, { className: "rt-TabNavRoot", "data-accent-color": a, ...s, asChild: !1, ref: t }, o.createElement(Aw, { className: R("rt-reset", "rt-BaseTabList", "rt-TabNavList", n) }, r));
 });
 Cm.displayName = "TabNav.Root";
@@ -9081,7 +9065,7 @@ function xS(e) {
   return { start: "left", center: "center", end: "right" }[e];
 }
 const wm = o.forwardRef((e, t) => {
-  const { layout: r, ...n } = oo, { className: a, children: s, layout: i, ...c } = O(e, n, G), l = ur({ value: i, className: oo.layout.className, propValues: oo.layout.values });
+  const { layout: r, ...n } = oo, { className: a, children: s, layout: i, ...c } = k(e, n, G), l = ur({ value: i, className: oo.layout.className, propValues: oo.layout.values });
   return o.createElement("div", { ref: t, className: R("rt-TableRoot", a), ...c }, o.createElement(Et, null, o.createElement("table", { className: R("rt-TableRootTable", l) }, s)));
 });
 wm.displayName = "Table.Root";
@@ -9090,22 +9074,22 @@ xm.displayName = "Table.Header";
 const bm = o.forwardRef(({ className: e, ...t }, r) => o.createElement("tbody", { ...t, ref: r, className: R("rt-TableBody", e) }));
 bm.displayName = "Table.Body";
 const Em = o.forwardRef((e, t) => {
-  const { className: r, ...n } = O(e, CS);
+  const { className: r, ...n } = k(e, CS);
   return o.createElement("tr", { ...n, ref: t, className: R("rt-TableRow", r) });
 });
 Em.displayName = "Table.Row";
 const Sm = o.forwardRef((e, t) => {
-  const { className: r, ...n } = O(e, Fa);
+  const { className: r, ...n } = k(e, Fa);
   return o.createElement("td", { className: R("rt-TableCell", r), ref: t, ...n });
 });
 Sm.displayName = "Table.Cell";
 const Rm = o.forwardRef((e, t) => {
-  const { className: r, ...n } = O(e, Fa);
+  const { className: r, ...n } = k(e, Fa);
   return o.createElement("th", { className: R("rt-TableCell", "rt-TableColumnHeaderCell", r), scope: "col", ref: t, ...n });
 });
 Rm.displayName = "Table.ColumnHeaderCell";
 const Nm = o.forwardRef((e, t) => {
-  const { className: r, ...n } = O(e, Fa);
+  const { className: r, ...n } = k(e, Fa);
   return o.createElement("th", { className: R("rt-TableCell", "rt-TableRowHeaderCell", r), scope: "row", ref: t, ...n });
 });
 Nm.displayName = "Table.RowHeaderCell";
@@ -9119,12 +9103,12 @@ const rR = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Row: Em,
   RowHeaderCell: Nm
 }, Symbol.toStringTag, { value: "Module" })), Pm = o.forwardRef((e, t) => {
-  const { className: r, ...n } = O(e, G);
+  const { className: r, ...n } = k(e, G);
   return o.createElement(Db, { ...n, ref: t, className: R("rt-TabsRoot", r) });
 });
 Pm.displayName = "Tabs.Root";
 const Tm = o.forwardRef((e, t) => {
-  const { className: r, color: n, ...a } = O(e, gm, G);
+  const { className: r, color: n, ...a } = k(e, gm, G);
   return o.createElement($b, { "data-accent-color": n, ...a, asChild: !1, ref: t, className: R("rt-BaseTabList", "rt-TabsList", r) });
 });
 Tm.displayName = "Tabs.List";
@@ -9134,7 +9118,7 @@ const Mm = o.forwardRef((e, t) => {
 });
 Mm.displayName = "Tabs.Trigger";
 const _m = o.forwardRef((e, t) => {
-  const { className: r, ...n } = O(e, G);
+  const { className: r, ...n } = k(e, G);
   return o.createElement(kb, { ...n, ref: t, className: R("rt-TabsContent", r) });
 });
 _m.displayName = "Tabs.Content";
@@ -9145,12 +9129,12 @@ const nR = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Root: Pm,
   Trigger: Mm
 }, Symbol.toStringTag, { value: "Module" })), bS = ["1", "2", "3"], ES = ["classic", "surface", "soft"], SS = ["none", "vertical", "horizontal", "both"], RS = { size: { type: "enum", className: "rt-r-size", values: bS, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: ES, default: "surface" }, resize: { type: "enum", className: "rt-r-resize", values: SS, responsive: !0 }, ...re, ...Me }, NS = o.forwardRef((e, t) => {
-  const { className: r, color: n, radius: a, style: s, ...i } = O(e, RS, G);
+  const { className: r, color: n, radius: a, style: s, ...i } = k(e, RS, G);
   return o.createElement("div", { "data-accent-color": n, "data-radius": a, className: R("rt-TextAreaRoot", r), style: s }, o.createElement("textarea", { className: "rt-reset rt-TextAreaInput", ref: t, ...i }));
 });
 NS.displayName = "TextArea";
 const PS = ["1", "2", "3"], TS = ["classic", "surface", "soft"], MS = { size: { type: "enum", className: "rt-r-size", values: PS, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: TS, default: "surface" }, ...re, ...Me }, _S = ["left", "right"], IS = { side: { type: "enum", values: _S }, ...re, gap: Df.gap, px: rr.px, pl: rr.pl, pr: rr.pr }, Im = o.forwardRef((e, t) => {
-  const r = o.useRef(null), { children: n, className: a, color: s, radius: i, style: c, ...l } = O(e, MS, G);
+  const r = o.useRef(null), { children: n, className: a, color: s, radius: i, style: c, ...l } = k(e, MS, G);
   return o.createElement("div", { "data-accent-color": s, "data-radius": i, style: c, className: R("rt-TextFieldRoot", a), onPointerDown: (d) => {
     const u = d.target;
     if (u.closest("input, button, a")) return;
@@ -9171,7 +9155,7 @@ const PS = ["1", "2", "3"], TS = ["classic", "surface", "soft"], MS = { size: {
 });
 Im.displayName = "TextField.Root";
 const Am = o.forwardRef((e, t) => {
-  const { className: r, color: n, side: a, ...s } = O(e, IS);
+  const { className: r, color: n, side: a, ...s } = k(e, IS);
   return o.createElement("div", { "data-accent-color": n, "data-side": a, ...s, ref: t, className: R("rt-TextFieldSlot", r) });
 });
 Am.displayName = "TextField.Slot";
@@ -9186,18 +9170,18 @@ const oR = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 AS.displayName = "ThemePanel";
 const Dm = o.forwardRef((e, t) => {
   const { open: r, onOpenChange: n, onAppearanceChange: a, ...s } = e, i = On(), { appearance: c, onAppearanceChange: l, accentColor: d, onAccentColorChange: u, grayColor: f, onGrayColorChange: m, panelBackground: h, onPanelBackgroundChange: g, radius: v, onRadiusChange: C, scaling: y, onScalingChange: x } = i, w = a !== void 0, b = U(a), E = o.useCallback((P) => {
-    const $ = DS();
+    const O = DS();
     if (c !== "inherit") {
       l(P);
       return;
     }
-    w ? b(P) : (z(P), $S(P)), $();
-  }, [c, l, w, b]), T = xf(d), N = f === "auto" ? T : f, [I, _] = o.useState("idle");
+    w ? b(P) : (z(P), $S(P)), O();
+  }, [c, l, w, b]), T = xf(d), N = f === "auto" ? T : f, [A, _] = o.useState("idle");
   async function D() {
-    const P = { appearance: c === J.appearance.default ? void 0 : c, accentColor: d === J.accentColor.default ? void 0 : d, grayColor: f === J.grayColor.default ? void 0 : f, panelBackground: h === J.panelBackground.default ? void 0 : h, radius: v === J.radius.default ? void 0 : v, scaling: y === J.scaling.default ? void 0 : y }, $ = Object.keys(P).filter((V) => P[V] !== void 0).map((V) => `${V}="${P[V]}"`).join(" "), F = $ ? `<Theme ${$}>` : "<Theme>";
+    const P = { appearance: c === J.appearance.default ? void 0 : c, accentColor: d === J.accentColor.default ? void 0 : d, grayColor: f === J.grayColor.default ? void 0 : f, panelBackground: h === J.panelBackground.default ? void 0 : h, radius: v === J.radius.default ? void 0 : v, scaling: y === J.scaling.default ? void 0 : y }, O = Object.keys(P).filter((V) => P[V] !== void 0).map((V) => `${V}="${P[V]}"`).join(" "), F = O ? `<Theme ${O}>` : "<Theme>";
     _("copying"), await navigator.clipboard.writeText(F), _("copied"), setTimeout(() => _("idle"), 2e3);
   }
-  const [L, z] = o.useState(c === "inherit" ? null : c), H = `
+  const [$, z] = o.useState(c === "inherit" ? null : c), H = `
       [contenteditable],
       [role="combobox"],
       [role="listbox"],
@@ -9207,30 +9191,30 @@ const Dm = o.forwardRef((e, t) => {
       textarea
     `;
   return o.useEffect(() => {
-    function P($) {
-      const F = $.altKey || $.ctrlKey || $.shiftKey || $.metaKey, V = document.activeElement?.closest(H);
-      $.key?.toUpperCase() === "T" && !F && !V && n(!r);
+    function P(O) {
+      const F = O.altKey || O.ctrlKey || O.shiftKey || O.metaKey, V = document.activeElement?.closest(H);
+      O.key?.toUpperCase() === "T" && !F && !V && n(!r);
     }
     return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
   }, [n, r, H]), o.useEffect(() => {
-    function P($) {
-      const F = $.altKey || $.ctrlKey || $.shiftKey || $.metaKey, V = document.activeElement?.closest(H);
-      $.key?.toUpperCase() === "D" && !F && !V && E(L === "light" ? "dark" : "light");
+    function P(O) {
+      const F = O.altKey || O.ctrlKey || O.shiftKey || O.metaKey, V = document.activeElement?.closest(H);
+      O.key?.toUpperCase() === "D" && !F && !V && E($ === "light" ? "dark" : "light");
     }
     return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
-  }, [E, L, H]), o.useEffect(() => {
-    const P = document.documentElement, $ = document.body;
+  }, [E, $, H]), o.useEffect(() => {
+    const P = document.documentElement, O = document.body;
     function F() {
-      const k = P.classList.contains("dark") || P.classList.contains("dark-theme") || $.classList.contains("dark") || $.classList.contains("dark-theme");
-      z(c === "inherit" ? k ? "dark" : "light" : c);
+      const L = P.classList.contains("dark") || P.classList.contains("dark-theme") || O.classList.contains("dark") || O.classList.contains("dark-theme");
+      z(c === "inherit" ? L ? "dark" : "light" : c);
     }
-    const V = new MutationObserver(function(k) {
-      k.forEach(function(A) {
-        A.attributeName === "class" && F();
+    const V = new MutationObserver(function(L) {
+      L.forEach(function(I) {
+        I.attributeName === "class" && F();
       });
     });
-    return F(), c === "inherit" && (V.observe(P, { attributes: !0 }), V.observe($, { attributes: !0 })), () => V.disconnect();
-  }, [c]), o.createElement(me, { asChild: !0, radius: "medium", scaling: "100%" }, o.createElement(he, { direction: "column", position: "fixed", top: "0", right: "0", mr: "4", mt: "4", inert: r ? void 0 : hm, ...s, ref: t, style: { zIndex: 9999, overflow: "hidden", maxHeight: "calc(100vh - var(--space-4) - var(--space-4))", borderRadius: "var(--radius-4)", backgroundColor: "var(--color-panel-solid)", transformOrigin: "top center", transitionProperty: "transform, box-shadow", transitionDuration: "200ms", transitionTimingFunction: r ? "ease-out" : "ease-in", transform: r ? "none" : "translateX(105%)", boxShadow: r ? "var(--shadow-5)" : "var(--shadow-2)", ...e.style } }, o.createElement(Et, null, o.createElement(Qt, { flexGrow: "1", p: "5", position: "relative" }, o.createElement(Qt, { position: "absolute", top: "0", right: "0", m: "2" }, o.createElement(Fr, { content: "Press T to show/hide the Theme Panel", side: "bottom", sideOffset: 6 }, o.createElement(Zp, { asChild: !0, size: "3", tabIndex: 0, className: "rt-ThemePanelShortcut" }, o.createElement("button", { onClick: () => n(!r) }, "T")))), o.createElement($n, { size: "5", trim: "both", as: "h3", mb: "5" }, "Theme"), o.createElement(oe, { id: "accent-color-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Accent color"), o.createElement(He, { columns: "10", gap: "2", mt: "3", role: "group", "aria-labelledby": "accent-color-title" }, J.accentColor.values.map((P) => o.createElement("label", { key: P, className: "rt-ThemePanelSwatch", style: { backgroundColor: `var(--${P}-9)` } }, o.createElement(Fr, { content: `${Ye(P)}${d === "gray" && N !== "gray" ? ` (${Ye(N)})` : ""}` }, o.createElement("input", { className: "rt-ThemePanelSwatchInput", type: "radio", name: "accentColor", value: P, checked: d === P, onChange: ($) => u($.target.value) }))))), o.createElement(he, { asChild: !0, align: "center", justify: "between" }, o.createElement(oe, { as: "p", id: "gray-color-title", size: "2", weight: "medium", mt: "5" }, "Gray color")), o.createElement(He, { columns: "10", gap: "2", mt: "3", role: "group", "aria-labelledby": "gray-color-title" }, J.grayColor.values.map((P) => o.createElement(he, { key: P, asChild: !0, align: "center", justify: "center" }, o.createElement("label", { className: "rt-ThemePanelSwatch", style: { backgroundColor: P === "auto" ? `var(--${T}-9)` : P === "gray" ? "var(--gray-9)" : `var(--${P}-9)`, filter: P === "gray" ? "saturate(0)" : void 0 } }, o.createElement(Fr, { content: `${Ye(P)}${P === "auto" ? ` (${Ye(T)})` : ""}` }, o.createElement("input", { className: "rt-ThemePanelSwatchInput", type: "radio", name: "grayColor", value: P, checked: f === P, onChange: ($) => m($.target.value) })))))), o.createElement(oe, { id: "appearance-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Appearance"), o.createElement(He, { columns: "2", gap: "2", mt: "3", role: "group", "aria-labelledby": "appearance-title" }, ["light", "dark"].map((P) => o.createElement("label", { key: P, className: "rt-ThemePanelRadioCard" }, o.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "appearance", value: P, checked: L === P, onChange: ($) => E($.target.value) }), o.createElement(he, { align: "center", justify: "center", height: "32px", gap: "2" }, P === "light" ? o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -1px" } }, o.createElement("path", { d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })) : o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -1px" } }, o.createElement("path", { d: "M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })), o.createElement(oe, { size: "1", weight: "medium" }, Ye(P)))))), o.createElement(oe, { id: "radius-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Radius"), o.createElement(He, { columns: "5", gap: "2", mt: "3", role: "group", "aria-labelledby": "radius-title" }, J.radius.values.map((P) => o.createElement(he, { key: P, direction: "column", align: "center" }, o.createElement("label", { className: "rt-ThemePanelRadioCard" }, o.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "radius", id: `theme-panel-radius-${P}`, value: P, checked: v === P, onChange: ($) => C($.target.value) }), o.createElement(me, { asChild: !0, radius: P }, o.createElement(Qt, { m: "3", width: "32px", height: "32px", style: { borderTopLeftRadius: P === "full" ? "80%" : "var(--radius-5)", backgroundImage: "linear-gradient(to bottom right, var(--accent-3), var(--accent-4))", borderTop: "2px solid var(--accent-a8)", borderLeft: "2px solid var(--accent-a8)" } }))), o.createElement(Qt, { asChild: !0, pt: "2" }, o.createElement(oe, { asChild: !0, size: "1", color: "gray" }, o.createElement("label", { htmlFor: `theme-panel-radius-${P}` }, Ye(P))))))), o.createElement(oe, { id: "scaling-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Scaling"), o.createElement(He, { columns: "5", gap: "2", mt: "3", role: "group", "aria-labelledby": "scaling-title" }, J.scaling.values.map((P) => o.createElement("label", { key: P, className: "rt-ThemePanelRadioCard" }, o.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "scaling", value: P, checked: y === P, onChange: ($) => x($.target.value) }), o.createElement(he, { align: "center", justify: "center", height: "32px" }, o.createElement(me, { asChild: !0, scaling: P }, o.createElement(he, { align: "center", justify: "center" }, o.createElement(oe, { size: "1", weight: "medium" }, Ye(P)))))))), o.createElement(he, { mt: "5", align: "center", gap: "2" }, o.createElement(oe, { id: "panel-background-title", as: "p", size: "2", weight: "medium" }, "Panel background"), o.createElement($a, null, o.createElement(Oa, null, o.createElement(qp, { size: "1", variant: "ghost", color: "gray" }, o.createElement(uE, { label: "Learn more about panel background options" }, o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, o.createElement("path", { d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z", fillRule: "evenodd", clipRule: "evenodd" }))))), o.createElement(ka, { size: "1", style: { maxWidth: 220 }, side: "top", align: "center" }, o.createElement(oe, { as: "p", size: "2" }, "Whether Card and Table panels are translucent, showing some of the background behind them.")))), o.createElement(He, { columns: "2", gap: "2", mt: "3", role: "group", "aria-labelledby": "panel-background-title" }, J.panelBackground.values.map((P) => o.createElement("label", { key: P, className: "rt-ThemePanelRadioCard" }, o.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "panelBackground", value: P, checked: h === P, onChange: ($) => g($.target.value) }), o.createElement(he, { align: "center", justify: "center", height: "32px", gap: "2" }, P === "solid" ? o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -2px" } }, o.createElement("path", { d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })) : o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -2px" } }, o.createElement("path", { opacity: ".05", d: "M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".1", d: "M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".15", d: "M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".2", d: "M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".25", d: "M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".3", d: "M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".35", d: "M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".4", d: "M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".45", d: "M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".5", d: "M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })), o.createElement(oe, { size: "1", weight: "medium" }, Ye(P)))))), o.createElement(kf, { mt: "5", style: { width: "100%" }, onClick: D }, I === "copied" ? "Copied" : "Copy Theme")))));
+    return F(), c === "inherit" && (V.observe(P, { attributes: !0 }), V.observe(O, { attributes: !0 })), () => V.disconnect();
+  }, [c]), o.createElement(me, { asChild: !0, radius: "medium", scaling: "100%" }, o.createElement(he, { direction: "column", position: "fixed", top: "0", right: "0", mr: "4", mt: "4", inert: r ? void 0 : hm, ...s, ref: t, style: { zIndex: 9999, overflow: "hidden", maxHeight: "calc(100vh - var(--space-4) - var(--space-4))", borderRadius: "var(--radius-4)", backgroundColor: "var(--color-panel-solid)", transformOrigin: "top center", transitionProperty: "transform, box-shadow", transitionDuration: "200ms", transitionTimingFunction: r ? "ease-out" : "ease-in", transform: r ? "none" : "translateX(105%)", boxShadow: r ? "var(--shadow-5)" : "var(--shadow-2)", ...e.style } }, o.createElement(Et, null, o.createElement(Qt, { flexGrow: "1", p: "5", position: "relative" }, o.createElement(Qt, { position: "absolute", top: "0", right: "0", m: "2" }, o.createElement(Fr, { content: "Press T to show/hide the Theme Panel", side: "bottom", sideOffset: 6 }, o.createElement(Zp, { asChild: !0, size: "3", tabIndex: 0, className: "rt-ThemePanelShortcut" }, o.createElement("button", { onClick: () => n(!r) }, "T")))), o.createElement($n, { size: "5", trim: "both", as: "h3", mb: "5" }, "Theme"), o.createElement(oe, { id: "accent-color-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Accent color"), o.createElement(He, { columns: "10", gap: "2", mt: "3", role: "group", "aria-labelledby": "accent-color-title" }, J.accentColor.values.map((P) => o.createElement("label", { key: P, className: "rt-ThemePanelSwatch", style: { backgroundColor: `var(--${P}-9)` } }, o.createElement(Fr, { content: `${Ye(P)}${d === "gray" && N !== "gray" ? ` (${Ye(N)})` : ""}` }, o.createElement("input", { className: "rt-ThemePanelSwatchInput", type: "radio", name: "accentColor", value: P, checked: d === P, onChange: (O) => u(O.target.value) }))))), o.createElement(he, { asChild: !0, align: "center", justify: "between" }, o.createElement(oe, { as: "p", id: "gray-color-title", size: "2", weight: "medium", mt: "5" }, "Gray color")), o.createElement(He, { columns: "10", gap: "2", mt: "3", role: "group", "aria-labelledby": "gray-color-title" }, J.grayColor.values.map((P) => o.createElement(he, { key: P, asChild: !0, align: "center", justify: "center" }, o.createElement("label", { className: "rt-ThemePanelSwatch", style: { backgroundColor: P === "auto" ? `var(--${T}-9)` : P === "gray" ? "var(--gray-9)" : `var(--${P}-9)`, filter: P === "gray" ? "saturate(0)" : void 0 } }, o.createElement(Fr, { content: `${Ye(P)}${P === "auto" ? ` (${Ye(T)})` : ""}` }, o.createElement("input", { className: "rt-ThemePanelSwatchInput", type: "radio", name: "grayColor", value: P, checked: f === P, onChange: (O) => m(O.target.value) })))))), o.createElement(oe, { id: "appearance-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Appearance"), o.createElement(He, { columns: "2", gap: "2", mt: "3", role: "group", "aria-labelledby": "appearance-title" }, ["light", "dark"].map((P) => o.createElement("label", { key: P, className: "rt-ThemePanelRadioCard" }, o.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "appearance", value: P, checked: $ === P, onChange: (O) => E(O.target.value) }), o.createElement(he, { align: "center", justify: "center", height: "32px", gap: "2" }, P === "light" ? o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -1px" } }, o.createElement("path", { d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })) : o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -1px" } }, o.createElement("path", { d: "M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })), o.createElement(oe, { size: "1", weight: "medium" }, Ye(P)))))), o.createElement(oe, { id: "radius-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Radius"), o.createElement(He, { columns: "5", gap: "2", mt: "3", role: "group", "aria-labelledby": "radius-title" }, J.radius.values.map((P) => o.createElement(he, { key: P, direction: "column", align: "center" }, o.createElement("label", { className: "rt-ThemePanelRadioCard" }, o.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "radius", id: `theme-panel-radius-${P}`, value: P, checked: v === P, onChange: (O) => C(O.target.value) }), o.createElement(me, { asChild: !0, radius: P }, o.createElement(Qt, { m: "3", width: "32px", height: "32px", style: { borderTopLeftRadius: P === "full" ? "80%" : "var(--radius-5)", backgroundImage: "linear-gradient(to bottom right, var(--accent-3), var(--accent-4))", borderTop: "2px solid var(--accent-a8)", borderLeft: "2px solid var(--accent-a8)" } }))), o.createElement(Qt, { asChild: !0, pt: "2" }, o.createElement(oe, { asChild: !0, size: "1", color: "gray" }, o.createElement("label", { htmlFor: `theme-panel-radius-${P}` }, Ye(P))))))), o.createElement(oe, { id: "scaling-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Scaling"), o.createElement(He, { columns: "5", gap: "2", mt: "3", role: "group", "aria-labelledby": "scaling-title" }, J.scaling.values.map((P) => o.createElement("label", { key: P, className: "rt-ThemePanelRadioCard" }, o.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "scaling", value: P, checked: y === P, onChange: (O) => x(O.target.value) }), o.createElement(he, { align: "center", justify: "center", height: "32px" }, o.createElement(me, { asChild: !0, scaling: P }, o.createElement(he, { align: "center", justify: "center" }, o.createElement(oe, { size: "1", weight: "medium" }, Ye(P)))))))), o.createElement(he, { mt: "5", align: "center", gap: "2" }, o.createElement(oe, { id: "panel-background-title", as: "p", size: "2", weight: "medium" }, "Panel background"), o.createElement($a, null, o.createElement(Oa, null, o.createElement(qp, { size: "1", variant: "ghost", color: "gray" }, o.createElement(uE, { label: "Learn more about panel background options" }, o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, o.createElement("path", { d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z", fillRule: "evenodd", clipRule: "evenodd" }))))), o.createElement(ka, { size: "1", style: { maxWidth: 220 }, side: "top", align: "center" }, o.createElement(oe, { as: "p", size: "2" }, "Whether Card and Table panels are translucent, showing some of the background behind them.")))), o.createElement(He, { columns: "2", gap: "2", mt: "3", role: "group", "aria-labelledby": "panel-background-title" }, J.panelBackground.values.map((P) => o.createElement("label", { key: P, className: "rt-ThemePanelRadioCard" }, o.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "panelBackground", value: P, checked: h === P, onChange: (O) => g(O.target.value) }), o.createElement(he, { align: "center", justify: "center", height: "32px", gap: "2" }, P === "solid" ? o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -2px" } }, o.createElement("path", { d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })) : o.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -2px" } }, o.createElement("path", { opacity: ".05", d: "M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".1", d: "M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".15", d: "M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".2", d: "M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".25", d: "M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".3", d: "M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".35", d: "M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".4", d: "M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".45", d: "M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { opacity: ".5", d: "M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), o.createElement("path", { d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })), o.createElement(oe, { size: "1", weight: "medium" }, Ye(P)))))), o.createElement(kf, { mt: "5", style: { width: "100%" }, onClick: D }, A === "copied" ? "Copied" : "Copy Theme")))));
 });
 Dm.displayName = "ThemePanelImpl";
 function DS() {
@@ -9249,7 +9233,7 @@ function $S(e) {
   (r || n) && (t.classList.remove("light-theme", "dark-theme"), t.style.colorScheme = e, t.classList.add(`${e}-theme`)), (a || s) && (t.classList.remove("light", "dark"), t.style.colorScheme = e, t.classList.add(e)), !r && !n && !a && !s && (t.style.colorScheme = e, t.classList.add(e));
 }
 const OS = { content: { type: "ReactNode", required: !0 }, width: ce.width, minWidth: ce.minWidth, maxWidth: { ...ce.maxWidth, default: "360px" } }, Fr = o.forwardRef((e, t) => {
-  const { children: r, className: n, open: a, defaultOpen: s, onOpenChange: i, delayDuration: c, disableHoverableContent: l, content: d, container: u, forceMount: f, ...m } = O(e, OS), h = { open: a, defaultOpen: s, onOpenChange: i, delayDuration: c, disableHoverableContent: l };
+  const { children: r, className: n, open: a, defaultOpen: s, onOpenChange: i, delayDuration: c, disableHoverableContent: l, content: d, container: u, forceMount: f, ...m } = k(e, OS), h = { open: a, defaultOpen: s, onOpenChange: i, delayDuration: c, disableHoverableContent: l };
   return o.createElement(aE, { ...h }, o.createElement(sE, { asChild: !0 }, r), o.createElement(iE, { container: u, forceMount: f }, o.createElement(me, { asChild: !0 }, o.createElement(cE, { sideOffset: 4, collisionPadding: 10, ...m, asChild: !1, ref: t, className: R("rt-TooltipContent", n) }, o.createElement(oe, { as: "p", className: "rt-TooltipText", size: "1" }, d), o.createElement(lE, { className: "rt-TooltipArrow" })))));
 });
 Fr.displayName = "Tooltip";