@dynamic-mockups/design-system 0.2.12 → 0.2.14

package/dist/index.mjs

@@ -3,7 +3,7 @@ var mV = (e, n, t) => n in e ? pV(e, n, { enumerable: !0, configurable: !0, writ
 var Ke = (e, n, t) => mV(e, typeof n != "symbol" ? n + "" : n, t);
 import * as c from "react";
 import S, { useState as vV, useLayoutEffect as hV, useContext as gV, createContext as bV } from "react";
-import { jsx as u, Fragment as ce, jsxs as T } from "react/jsx-runtime";
+import { jsx as u, Fragment as ce, jsxs as O } from "react/jsx-runtime";
 import * as ir from "react-dom";
 import yV from "react-dom";
 const wV = {
@@ -180,7 +180,7 @@ const wV = {
     black: "var(--gray-12)",
     transparent: "transparent"
   }
-}, O = (e) => `var(--${e})`, cN = (e) => {
+}, T = (e) => `var(--${e})`, cN = (e) => {
   const n = [
     "gray",
     "blue",
@@ -447,7 +447,7 @@ var DV = [
   "span",
   "svg",
   "ul"
-], I = DV.reduce((e, n) => {
+], R = DV.reduce((e, n) => {
   const t = /* @__PURE__ */ nt(`Primitive.${n}`), r = c.forwardRef((o, a) => {
     const { asChild: s, ...i } = o, l = s ? t : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(l, { ...i, ref: a });
@@ -471,7 +471,7 @@ var ri = Object.freeze({
   wordWrap: "normal"
 }), zV = "VisuallyHidden", oi = c.forwardRef(
   (e, n) => /* @__PURE__ */ u(
-    I.span,
+    R.span,
     {
       ...e,
       ref: n,
@@ -738,7 +738,7 @@ var lr = "Collapsible", [ZV, si] = re(lr), [YV, Fo] = ZV(lr), ii = c.forwardRef(
         open: l,
         onOpenToggle: c.useCallback(() => A((V) => !V), [A]),
         children: /* @__PURE__ */ u(
-          I.div,
+          R.div,
           {
             "data-state": Uo(l),
             "data-disabled": a ? "" : void 0,
@@ -755,7 +755,7 @@ var ci = "CollapsibleTrigger", li = c.forwardRef(
   (e, n) => {
     const { __scopeCollapsible: t, ...r } = e, o = Fo(ci, t);
     return /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         type: "button",
         "aria-controls": o.contentId,
@@ -794,7 +794,7 @@ var QV = c.forwardRef((e, n) => {
       d.current = w.height, p.current = w.width, h.current || (y.style.transitionDuration = g.current.transitionDuration, y.style.animationName = g.current.animationName), l(r);
     }
   }, [s.open, r]), /* @__PURE__ */ u(
-    I.div,
+    R.div,
     {
       "data-state": Uo(s.open),
       "data-disabled": s.disabled ? "" : void 0,
@@ -895,10 +895,10 @@ var [Vi, tf] = Ar(Me), [fi, nf] = Ar(
     const { __scopeAccordion: t, disabled: r, dir: o, orientation: a = "vertical", ...s } = e, i = S.useRef(null), l = H(i, n), A = $V(t), d = st(o) === "ltr", f = E(e.onKeyDown, (p) => {
       var N;
       if (!_V.includes(p.key)) return;
-      const v = p.target, m = A().filter((z) => {
-        var D;
-        return !((D = z.ref.current) != null && D.disabled);
-      }), h = m.findIndex((z) => z.ref.current === v), g = m.length;
+      const v = p.target, m = A().filter((I) => {
+        var z;
+        return !((z = I.ref.current) != null && z.disabled);
+      }), h = m.findIndex((I) => I.ref.current === v), g = m.length;
       if (h === -1) return;
       p.preventDefault();
       let y = h;
@@ -938,7 +938,7 @@ var [Vi, tf] = Ar(Me), [fi, nf] = Ar(
         direction: o,
         orientation: a,
         children: /* @__PURE__ */ u(Jo.Slot, { scope: t, children: /* @__PURE__ */ u(
-          I.div,
+          R.div,
           {
             ...s,
             "data-orientation": a,
@@ -983,7 +983,7 @@ var vi = "AccordionHeader", hi = S.forwardRef(
   (e, n) => {
     const { __scopeAccordion: t, ...r } = e, o = ur(Me, t), a = _o(vi, t);
     return /* @__PURE__ */ u(
-      I.h3,
+      R.h3,
       {
         "data-orientation": o.orientation,
         "data-state": wi(a.open),
@@ -1071,11 +1071,11 @@ var Vf = "DismissableLayer", po = "dismissableLayer.update", ff = "dismissableLa
       onDismiss: i,
       ...l
     } = e, A = c.useContext(xi), [V, d] = c.useState(null), f = (V == null ? void 0 : V.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, p] = c.useState({}), v = H(n, (b) => d(b)), m = Array.from(A.layers), [h] = [...A.layersWithOutsidePointerEventsDisabled].slice(-1), g = m.indexOf(h), y = V ? m.indexOf(V) : -1, w = A.layersWithOutsidePointerEventsDisabled.size > 0, x = y >= g, P = hf((b) => {
-      const N = b.target, z = [...A.branches].some((D) => D.contains(N));
-      !x || z || (o == null || o(b), s == null || s(b), b.defaultPrevented || i == null || i());
+      const N = b.target, I = [...A.branches].some((z) => z.contains(N));
+      !x || I || (o == null || o(b), s == null || s(b), b.defaultPrevented || i == null || i());
     }, f), C = gf((b) => {
       const N = b.target;
-      [...A.branches].some((D) => D.contains(N)) || (a == null || a(b), s == null || s(b), b.defaultPrevented || i == null || i());
+      [...A.branches].some((z) => z.contains(N)) || (a == null || a(b), s == null || s(b), b.defaultPrevented || i == null || i());
     }, f);
     return df((b) => {
       y === A.layers.size - 1 && (r == null || r(b), !b.defaultPrevented && i && (b.preventDefault(), i()));
@@ -1090,7 +1090,7 @@ var Vf = "DismissableLayer", po = "dismissableLayer.update", ff = "dismissableLa
       const b = () => p({});
       return document.addEventListener(po, b), () => document.removeEventListener(po, b);
     }, []), /* @__PURE__ */ u(
-      I.div,
+      R.div,
       {
         ...l,
         ref: v,
@@ -1117,7 +1117,7 @@ var mf = "DismissableLayerBranch", vf = c.forwardRef((e, n) => {
       return t.branches.add(a), () => {
         t.branches.delete(a);
       };
-  }, [t.branches]), /* @__PURE__ */ u(I.div, { ...e, ref: o });
+  }, [t.branches]), /* @__PURE__ */ u(R.div, { ...e, ref: o });
 });
 vf.displayName = mf;
 function hf(e, n = globalThis == null ? void 0 : globalThis.document) {
@@ -1236,7 +1236,7 @@ var qr = "focusScope.autoFocusOnMount", Ur = "focusScope.autoFocusOnUnmount", cs
     },
     [t, r, p.paused]
   );
-  return /* @__PURE__ */ u(I.div, { tabIndex: -1, ...s, ref: f, onKeyDown: v });
+  return /* @__PURE__ */ u(R.div, { tabIndex: -1, ...s, ref: f, onKeyDown: v });
 });
 dn.displayName = bf;
 function yf(e, { select: n = !1 } = {}) {
@@ -1306,7 +1306,7 @@ var Sf = "Portal", wt = c.forwardRef((e, n) => {
   const { container: t, ...r } = e, [o, a] = c.useState(!1);
   ae(() => a(!0), []);
   const s = t || o && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return s ? yV.createPortal(/* @__PURE__ */ u(I.div, { ...r, ref: n }), s) : null;
+  return s ? yV.createPortal(/* @__PURE__ */ u(R.div, { ...r, ref: n }), s) : null;
 });
 wt.displayName = Sf;
 var Jr = 0;
@@ -1725,13 +1725,13 @@ function ip(e) {
     var g = Mn(m), y = t.current, w = "deltaX" in m ? m.deltaX : y[0] - g[0], x = "deltaY" in m ? m.deltaY : y[1] - g[1], P, C = m.target, b = Math.abs(w) > Math.abs(x) ? "h" : "v";
     if ("touches" in m && b === "h" && C.type === "range")
       return !1;
-    var N = window.getSelection(), z = N && N.anchorNode, D = z ? z === C || z.contains(C) : !1;
-    if (D)
+    var N = window.getSelection(), I = N && N.anchorNode, z = I ? I === C || I.contains(C) : !1;
+    if (z)
       return !1;
-    var k = ps(b, C);
-    if (!k)
+    var L = ps(b, C);
+    if (!L)
       return !0;
-    if (k ? P = b : (P = b === "v" ? "h" : "v", k = ps(b, C)), !k)
+    if (L ? P = b : (P = b === "v" ? "h" : "v", L = ps(b, C)), !L)
       return !1;
     if (!r.current && "changedTouches" in m && (w || x) && (r.current = P), !P)
       return !0;
@@ -1881,7 +1881,7 @@ var ki = "DialogTrigger", Bi = c.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...r } = e, o = De(ki, t), a = H(n, o.triggerRef);
     return /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -1917,7 +1917,7 @@ var pp = /* @__PURE__ */ nt("DialogOverlay.RemoveScroll"), mp = c.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ u(Vn, { as: pp, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ u(
-        I.div,
+        R.div,
         {
           "data-state": ta(o.open),
           ...r,
@@ -1988,7 +1988,7 @@ var vp = c.forwardRef(
 ), Gi = c.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, ...s } = e, i = De(mt, t), l = c.useRef(null), A = H(n, l);
-    return dr(), /* @__PURE__ */ T(ce, { children: [
+    return dr(), /* @__PURE__ */ O(ce, { children: [
       /* @__PURE__ */ u(
         dn,
         {
@@ -2012,7 +2012,7 @@ var vp = c.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ T(ce, { children: [
+      /* @__PURE__ */ O(ce, { children: [
         /* @__PURE__ */ u(bp, { titleId: i.titleId }),
         /* @__PURE__ */ u(wp, { contentRef: l, descriptionId: i.descriptionId })
       ] })
@@ -2021,14 +2021,14 @@ var vp = c.forwardRef(
 ), ea = "DialogTitle", Zi = c.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...r } = e, o = De(ea, t);
-    return /* @__PURE__ */ u(I.h2, { id: o.titleId, ...r, ref: n });
+    return /* @__PURE__ */ u(R.h2, { id: o.titleId, ...r, ref: n });
   }
 );
 Zi.displayName = ea;
 var Yi = "DialogDescription", Qi = c.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...r } = e, o = De(Yi, t);
-    return /* @__PURE__ */ u(I.p, { id: o.descriptionId, ...r, ref: n });
+    return /* @__PURE__ */ u(R.p, { id: o.descriptionId, ...r, ref: n });
   }
 );
 Qi.displayName = Yi;
@@ -2036,7 +2036,7 @@ var Fi = "DialogClose", qi = c.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...r } = e, o = De(Fi, t);
     return /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         type: "button",
         ...r,
@@ -2105,7 +2105,7 @@ var Tt = "AlertDialogContent", [Sp, Ep] = xp(Tt), Op = /* @__PURE__ */ Yo("Alert
         contentName: Tt,
         titleName: rc,
         docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ u(Sp, { scope: t, cancelRef: l, children: /* @__PURE__ */ T(
+        children: /* @__PURE__ */ u(Sp, { scope: t, cancelRef: l, children: /* @__PURE__ */ O(
           sa,
           {
             role: "alertdialog",
@@ -2312,7 +2312,7 @@ var la = "Avatar", [qp] = re(la), [Up, Ac] = qp(la), uc = c.forwardRef(
         scope: t,
         imageLoadingStatus: o,
         onImageLoadingStatusChange: a,
-        children: /* @__PURE__ */ u(I.span, { ...r, ref: n })
+        children: /* @__PURE__ */ u(R.span, { ...r, ref: n })
       }
     );
   }
@@ -2326,7 +2326,7 @@ var dc = "AvatarImage", Vc = c.forwardRef(
     });
     return ae(() => {
       i !== "idle" && l(i);
-    }, [i, l]), i === "loaded" ? /* @__PURE__ */ u(I.img, { ...a, ref: n, src: r }) : null;
+    }, [i, l]), i === "loaded" ? /* @__PURE__ */ u(R.img, { ...a, ref: n, src: r }) : null;
   }
 );
 Vc.displayName = dc;
@@ -2338,7 +2338,7 @@ var fc = "AvatarFallback", pc = c.forwardRef(
         const l = window.setTimeout(() => i(!0), r);
         return () => window.clearTimeout(l);
       }
-    }, [r]), s && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ u(I.span, { ...o, ref: n }) : null;
+    }, [r]), s && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ u(R.span, { ...o, ref: n }) : null;
   }
 );
 pc.displayName = fc;
@@ -2458,7 +2458,7 @@ var mc = "CheckboxTrigger", vc = c.forwardRef(
         return g.addEventListener("reset", y), () => g.removeEventListener("reset", y);
       }
     }, [a, d]), /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         type: "button",
         role: "checkbox",
@@ -2507,7 +2507,7 @@ var hc = c.forwardRef(
         name: r,
         form: V,
         value: l,
-        internal_do_not_use_render: ({ isFormControl: f }) => /* @__PURE__ */ T(ce, { children: [
+        internal_do_not_use_render: ({ isFormControl: f }) => /* @__PURE__ */ O(ce, { children: [
           /* @__PURE__ */ u(
             vc,
             {
@@ -2536,7 +2536,7 @@ var gc = "CheckboxIndicator", bc = c.forwardRef(
       {
         present: r || tt(a.checked) || a.checked === !0,
         children: /* @__PURE__ */ u(
-          I.span,
+          R.span,
           {
             "data-state": xc(a.checked),
             "data-disabled": a.disabled ? "" : void 0,
@@ -2579,7 +2579,7 @@ var yc = "CheckboxBubbleInput", wc = c.forwardRef(
     }, [f, m, a, o]);
     const g = c.useRef(tt(a) ? !1 : a);
     return /* @__PURE__ */ u(
-      I.input,
+      R.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
@@ -2902,17 +2902,17 @@ const mm = (e) => ({
     }, p = Va(o), v = da(p), m = await s.getDimensions(A), h = p === "y", g = h ? "top" : "left", y = h ? "bottom" : "right", w = h ? "clientHeight" : "clientWidth", x = a.reference[v] + a.reference[p] - f[p] - a.floating[v], P = f[p] - a.reference[p], C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(A));
     let b = C ? C[w] : 0;
     (!b || !await (s.isElement == null ? void 0 : s.isElement(C))) && (b = i.floating[w] || a.floating[v]);
-    const N = x / 2 - P / 2, z = b / 2 - m[v] / 2 - 1, D = rt(d[g], z), k = rt(d[y], z), j = D, Y = b - m[v] - k, G = b / 2 - m[v] / 2 + N, F = vo(j, G, Y), L = !l.arrow && Lt(o) != null && G !== F && a.reference[v] / 2 - (G < j ? D : k) - m[v] / 2 < 0, Z = L ? G < j ? G - j : G - Y : 0;
+    const N = x / 2 - P / 2, I = b / 2 - m[v] / 2 - 1, z = rt(d[g], I), L = rt(d[y], I), j = z, Z = b - m[v] - L, G = b / 2 - m[v] / 2 + N, q = vo(j, G, Z), B = !l.arrow && Lt(o) != null && G !== q && a.reference[v] / 2 - (G < j ? z : L) - m[v] / 2 < 0, Y = B ? G < j ? G - j : G - Z : 0;
     return {
-      [p]: f[p] + Z,
+      [p]: f[p] + Y,
       data: {
-        [p]: F,
-        centerOffset: G - F - Z,
-        ...L && {
-          alignmentOffset: Z
+        [p]: q,
+        centerOffset: G - q - Y,
+        ...B && {
+          alignmentOffset: Y
         }
       },
-      reset: L
+      reset: B
     };
   }
 }), vm = function(e) {
@@ -2941,55 +2941,55 @@ const mm = (e) => ({
         return {};
       const g = Qe(o), y = Le(i), w = Qe(i) === i, x = await (l.isRTL == null ? void 0 : l.isRTL(A.floating)), P = f || (w || !m ? [Yn(i)] : lm(i)), C = v !== "none";
       !f && C && P.push(...Vm(i, m, v, x));
-      const b = [i, ...P], N = await en(n, h), z = [];
-      let D = ((r = a.flip) == null ? void 0 : r.overflows) || [];
-      if (V && z.push(N[g]), d) {
+      const b = [i, ...P], N = await en(n, h), I = [];
+      let z = ((r = a.flip) == null ? void 0 : r.overflows) || [];
+      if (V && I.push(N[g]), d) {
         const G = cm(o, s, x);
-        z.push(N[G[0]], N[G[1]]);
+        I.push(N[G[0]], N[G[1]]);
       }
-      if (D = [...D, {
+      if (z = [...z, {
         placement: o,
-        overflows: z
-      }], !z.every((G) => G <= 0)) {
-        var k, j;
-        const G = (((k = a.flip) == null ? void 0 : k.index) || 0) + 1, F = b[G];
-        if (F && (!(d === "alignment" ? y !== Le(F) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: I
+      }], !I.every((G) => G <= 0)) {
+        var L, j;
+        const G = (((L = a.flip) == null ? void 0 : L.index) || 0) + 1, q = b[G];
+        if (q && (!(d === "alignment" ? y !== Le(q) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((B) => Le(B.placement) === y ? B.overflows[0] > 0 : !0)))
+        z.every((k) => Le(k.placement) === y ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: G,
-              overflows: D
+              overflows: z
             },
             reset: {
-              placement: F
+              placement: q
             }
           };
-        let L = (j = D.filter((Z) => Z.overflows[0] <= 0).sort((Z, B) => Z.overflows[1] - B.overflows[1])[0]) == null ? void 0 : j.placement;
-        if (!L)
+        let B = (j = z.filter((Y) => Y.overflows[0] <= 0).sort((Y, k) => Y.overflows[1] - k.overflows[1])[0]) == null ? void 0 : j.placement;
+        if (!B)
           switch (p) {
             case "bestFit": {
-              var Y;
-              const Z = (Y = D.filter((B) => {
+              var Z;
+              const Y = (Z = z.filter((k) => {
                 if (C) {
-                  const R = Le(B.placement);
-                  return R === y || // Create a bias to the `y` side axis due to horizontal
+                  const D = Le(k.placement);
+                  return D === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  R === "y";
+                  D === "y";
                 }
                 return !0;
-              }).map((B) => [B.placement, B.overflows.filter((R) => R > 0).reduce((R, _) => R + _, 0)]).sort((B, R) => B[1] - R[1])[0]) == null ? void 0 : Y[0];
-              Z && (L = Z);
+              }).map((k) => [k.placement, k.overflows.filter((D) => D > 0).reduce((D, F) => D + F, 0)]).sort((k, D) => k[1] - D[1])[0]) == null ? void 0 : Z[0];
+              Y && (B = Y);
               break;
             }
             case "initialPlacement":
-              L = i;
+              B = i;
               break;
           }
-        if (o !== L)
+        if (o !== B)
           return {
             reset: {
-              placement: L
+              placement: B
             }
           };
       }
@@ -3221,16 +3221,16 @@ const bm = function(e) {
       const y = m - V.top - V.bottom, w = v - V.left - V.right, x = rt(m - V[h], y), P = rt(v - V[g], w), C = !n.middlewareData.shift;
       let b = x, N = P;
       if ((t = n.middlewareData.shift) != null && t.enabled.x && (N = w), (r = n.middlewareData.shift) != null && r.enabled.y && (b = y), C && !f) {
-        const D = ge(V.left, 0), k = ge(V.right, 0), j = ge(V.top, 0), Y = ge(V.bottom, 0);
-        p ? N = v - 2 * (D !== 0 || k !== 0 ? D + k : ge(V.left, V.right)) : b = m - 2 * (j !== 0 || Y !== 0 ? j + Y : ge(V.top, V.bottom));
+        const z = ge(V.left, 0), L = ge(V.right, 0), j = ge(V.top, 0), Z = ge(V.bottom, 0);
+        p ? N = v - 2 * (z !== 0 || L !== 0 ? z + L : ge(V.left, V.right)) : b = m - 2 * (j !== 0 || Z !== 0 ? j + Z : ge(V.top, V.bottom));
       }
       await l({
         ...n,
         availableWidth: N,
         availableHeight: b
       });
-      const z = await s.getDimensions(i.floating);
-      return v !== z.width || m !== z.height ? {
+      const I = await s.getDimensions(i.floating);
+      return v !== I.width || m !== I.height ? {
         reset: {
           rects: !0
         }
@@ -3806,35 +3806,35 @@ function av(e) {
     isPositioned: !1
   }), [f, p] = c.useState(r);
   Fn(f, r) || p(r);
-  const [v, m] = c.useState(null), [h, g] = c.useState(null), y = c.useCallback((B) => {
-    B !== C.current && (C.current = B, m(B));
-  }, []), w = c.useCallback((B) => {
-    B !== b.current && (b.current = B, g(B));
-  }, []), x = a || v, P = s || h, C = c.useRef(null), b = c.useRef(null), N = c.useRef(V), z = l != null, D = oo(l), k = oo(o), j = oo(A), Y = c.useCallback(() => {
+  const [v, m] = c.useState(null), [h, g] = c.useState(null), y = c.useCallback((k) => {
+    k !== C.current && (C.current = k, m(k));
+  }, []), w = c.useCallback((k) => {
+    k !== b.current && (b.current = k, g(k));
+  }, []), x = a || v, P = s || h, C = c.useRef(null), b = c.useRef(null), N = c.useRef(V), I = l != null, z = oo(l), L = oo(o), j = oo(A), Z = c.useCallback(() => {
     if (!C.current || !b.current)
       return;
-    const B = {
+    const k = {
       placement: n,
       strategy: t,
       middleware: f
     };
-    k.current && (B.platform = k.current), nv(C.current, b.current, B).then((R) => {
-      const _ = {
-        ...R,
+    L.current && (k.platform = L.current), nv(C.current, b.current, k).then((D) => {
+      const F = {
+        ...D,
         // 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: j.current !== !1
       };
-      G.current && !Fn(N.current, _) && (N.current = _, ir.flushSync(() => {
-        d(_);
+      G.current && !Fn(N.current, F) && (N.current = F, ir.flushSync(() => {
+        d(F);
       }));
     });
-  }, [f, n, t, k, j]);
+  }, [f, n, t, L, j]);
   Bn(() => {
-    A === !1 && N.current.isPositioned && (N.current.isPositioned = !1, d((B) => ({
-      ...B,
+    A === !1 && N.current.isPositioned && (N.current.isPositioned = !1, d((k) => ({
+      ...k,
       isPositioned: !1
     })));
   }, [A]);
@@ -3843,47 +3843,47 @@ function av(e) {
     G.current = !1;
   }), []), Bn(() => {
     if (x && (C.current = x), P && (b.current = P), x && P) {
-      if (D.current)
-        return D.current(x, P, Y);
-      Y();
+      if (z.current)
+        return z.current(x, P, Z);
+      Z();
     }
-  }, [x, P, Y, D, z]);
-  const F = c.useMemo(() => ({
+  }, [x, P, Z, z, I]);
+  const q = c.useMemo(() => ({
     reference: C,
     floating: b,
     setReference: y,
     setFloating: w
-  }), [y, w]), L = c.useMemo(() => ({
+  }), [y, w]), B = c.useMemo(() => ({
     reference: x,
     floating: P
-  }), [x, P]), Z = c.useMemo(() => {
-    const B = {
+  }), [x, P]), Y = c.useMemo(() => {
+    const k = {
       position: t,
       left: 0,
       top: 0
     };
-    if (!L.floating)
-      return B;
-    const R = Ds(L.floating, V.x), _ = Ds(L.floating, V.y);
+    if (!B.floating)
+      return k;
+    const D = Ds(B.floating, V.x), F = Ds(B.floating, V.y);
     return i ? {
-      ...B,
-      transform: "translate(" + R + "px, " + _ + "px)",
-      ...Ic(L.floating) >= 1.5 && {
+      ...k,
+      transform: "translate(" + D + "px, " + F + "px)",
+      ...Ic(B.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: t,
-      left: R,
-      top: _
+      left: D,
+      top: F
     };
-  }, [t, i, L.floating, V.x, V.y]);
+  }, [t, i, B.floating, V.x, V.y]);
   return c.useMemo(() => ({
     ...V,
-    update: Y,
-    refs: F,
-    elements: L,
-    floatingStyles: Z
-  }), [V, Y, F, L, Z]);
+    update: Z,
+    refs: q,
+    elements: B,
+    floatingStyles: Y
+  }), [V, Z, q, B, Y]);
 }
 const sv = (e) => {
   function n(t) {
@@ -3931,7 +3931,7 @@ const sv = (e) => {
 var fv = "Arrow", Rc = c.forwardRef((e, n) => {
   const { children: t, width: r = 10, height: o = 5, ...a } = e;
   return /* @__PURE__ */ u(
-    I.svg,
+    R.svg,
     {
       ...a,
       ref: n,
@@ -3955,13 +3955,13 @@ var Xc = "PopperAnchor", Wc = c.forwardRef(
     return c.useEffect(() => {
       const A = l.current;
       l.current = (r == null ? void 0 : r.current) || s.current, A !== l.current && a.onAnchorChange(l.current);
-    }), r ? null : /* @__PURE__ */ u(I.div, { ...o, ref: i });
+    }), r ? null : /* @__PURE__ */ u(R.div, { ...o, ref: i });
   }
 );
 Wc.displayName = Xc;
 var ha = "PopperContent", [vv, hv] = Lc(ha), Hc = c.forwardRef(
   (e, n) => {
-    var W, U, J, q, K, $;
+    var W, J, K, U, _, $;
     const {
       __scopePopper: t,
       side: r = "bottom",
@@ -3977,15 +3977,15 @@ var ha = "PopperContent", [vv, hv] = Lc(ha), Hc = c.forwardRef(
       updatePositionStrategy: p = "optimized",
       onPlaced: v,
       ...m
-    } = e, h = kc(ha, t), [g, y] = c.useState(null), w = H(n, (ie) => y(ie)), [x, P] = c.useState(null), C = pn(x), b = (C == null ? void 0 : C.width) ?? 0, N = (C == null ? void 0 : C.height) ?? 0, z = r + (a !== "center" ? "-" + a : ""), D = typeof V == "number" ? V : { top: 0, right: 0, bottom: 0, left: 0, ...V }, k = Array.isArray(A) ? A : [A], j = k.length > 0, Y = {
-      padding: D,
-      boundary: k.filter(bv),
+    } = e, h = kc(ha, t), [g, y] = c.useState(null), w = H(n, (ie) => y(ie)), [x, P] = c.useState(null), C = pn(x), b = (C == null ? void 0 : C.width) ?? 0, N = (C == null ? void 0 : C.height) ?? 0, I = r + (a !== "center" ? "-" + a : ""), z = typeof V == "number" ? V : { top: 0, right: 0, bottom: 0, left: 0, ...V }, L = Array.isArray(A) ? A : [A], j = L.length > 0, Z = {
+      padding: z,
+      boundary: L.filter(bv),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: j
-    }, { refs: G, floatingStyles: F, placement: L, isPositioned: Z, middlewareData: B } = av({
+    }, { refs: G, floatingStyles: q, placement: B, isPositioned: Y, middlewareData: k } = av({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: z,
+      placement: I,
       whileElementsMounted: (...ie) => Um(...ie, {
         animationFrame: p === "always"
       }),
@@ -3998,25 +3998,25 @@ var ha = "PopperContent", [vv, hv] = Lc(ha), Hc = c.forwardRef(
           mainAxis: !0,
           crossAxis: !1,
           limiter: d === "partial" ? lv() : void 0,
-          ...Y
+          ...Z
         }),
-        l && Av({ ...Y }),
+        l && Av({ ...Z }),
         uv({
-          ...Y,
-          apply: ({ elements: ie, rects: Q, availableWidth: te, availableHeight: ze }) => {
+          ...Z,
+          apply: ({ elements: ie, rects: Q, availableWidth: ne, availableHeight: ze }) => {
             const { width: me, height: Qr } = Q.reference, At = ie.floating.style;
-            At.setProperty("--radix-popper-available-width", `${te}px`), At.setProperty("--radix-popper-available-height", `${ze}px`), At.setProperty("--radix-popper-anchor-width", `${me}px`), At.setProperty("--radix-popper-anchor-height", `${Qr}px`);
+            At.setProperty("--radix-popper-available-width", `${ne}px`), At.setProperty("--radix-popper-available-height", `${ze}px`), At.setProperty("--radix-popper-anchor-width", `${me}px`), At.setProperty("--radix-popper-anchor-height", `${Qr}px`);
           }
         }),
         x && Vv({ element: x, padding: i }),
         yv({ arrowWidth: b, arrowHeight: N }),
-        f && dv({ strategy: "referenceHidden", ...Y })
+        f && dv({ strategy: "referenceHidden", ...Z })
       ]
-    }), [R, _] = Zc(L), ne = Ae(v);
+    }), [D, F] = Zc(B), ee = Ae(v);
     ae(() => {
-      Z && (ne == null || ne());
-    }, [Z, ne]);
-    const ue = (W = B.arrow) == null ? void 0 : W.x, xe = (U = B.arrow) == null ? void 0 : U.y, Ve = ((J = B.arrow) == null ? void 0 : J.centerOffset) !== 0, [Pe, le] = c.useState();
+      Y && (ee == null || ee());
+    }, [Y, ee]);
+    const ue = (W = k.arrow) == null ? void 0 : W.x, xe = (J = k.arrow) == null ? void 0 : J.y, Ve = ((K = k.arrow) == null ? void 0 : K.centerOffset) !== 0, [Pe, le] = c.useState();
     return ae(() => {
       g && le(window.getComputedStyle(g).zIndex);
     }, [g]), /* @__PURE__ */ u(
@@ -4025,19 +4025,19 @@ var ha = "PopperContent", [vv, hv] = Lc(ha), Hc = c.forwardRef(
         ref: G.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...F,
-          transform: Z ? F.transform : "translate(0, -200%)",
+          ...q,
+          transform: Y ? q.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: Pe,
           "--radix-popper-transform-origin": [
-            (q = B.transformOrigin) == null ? void 0 : q.x,
-            (K = B.transformOrigin) == null ? void 0 : K.y
+            (U = k.transformOrigin) == null ? void 0 : U.x,
+            (_ = k.transformOrigin) == null ? void 0 : _.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
-          ...(($ = B.hide) == null ? void 0 : $.referenceHidden) && {
+          ...(($ = k.hide) == null ? void 0 : $.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -4047,23 +4047,23 @@ var ha = "PopperContent", [vv, hv] = Lc(ha), Hc = c.forwardRef(
           vv,
           {
             scope: t,
-            placedSide: R,
+            placedSide: D,
             onArrowChange: P,
             arrowX: ue,
             arrowY: xe,
             shouldHideArrow: Ve,
             children: /* @__PURE__ */ u(
-              I.div,
+              R.div,
               {
-                "data-side": R,
-                "data-align": _,
+                "data-side": D,
+                "data-align": F,
                 ...m,
                 ref: w,
                 style: {
                   ...m.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: Z ? void 0 : "none"
+                  animation: Y ? void 0 : "none"
                 }
               }
             )
@@ -4193,7 +4193,7 @@ var Sv = c.forwardRef((e, n) => {
         []
       ),
       children: /* @__PURE__ */ u(
-        I.div,
+        R.div,
         {
           tabIndex: g || C === 0 ? -1 : 0,
           "data-orientation": r,
@@ -4204,14 +4204,14 @@ var Sv = c.forwardRef((e, n) => {
             P.current = !0;
           }),
           onFocus: E(e.onFocus, (N) => {
-            const z = !P.current;
-            if (N.target === N.currentTarget && z && !g) {
-              const D = new CustomEvent(ao, wv);
-              if (N.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const k = x().filter((L) => L.focusable), j = k.find((L) => L.active), Y = k.find((L) => L.id === m), F = [j, Y, ...k].filter(
+            const I = !P.current;
+            if (N.target === N.currentTarget && I && !g) {
+              const z = new CustomEvent(ao, wv);
+              if (N.currentTarget.dispatchEvent(z), !z.defaultPrevented) {
+                const L = x().filter((B) => B.focusable), j = L.find((B) => B.active), Z = L.find((B) => B.id === m), q = [j, Z, ...L].filter(
                   Boolean
-                ).map((L) => L.ref.current);
-                Uc(F, V);
+                ).map((B) => B.ref.current);
+                Uc(q, V);
               }
             }
             P.current = !1;
@@ -4242,7 +4242,7 @@ var Sv = c.forwardRef((e, n) => {
         focusable: r,
         active: o,
         children: /* @__PURE__ */ u(
-          I.span,
+          R.span,
           {
             tabIndex: d ? 0 : -1,
             "data-orientation": V.orientation,
@@ -4420,54 +4420,54 @@ var Ne = "MenuContent", [jv, xa] = xt(Ne), nl = c.forwardRef(
       onDismiss: p,
       disableOutsideScroll: v,
       ...m
-    } = e, h = Pt(Ne, t), g = wn(Ne, t), y = wr(t), w = _c(t), x = Lv(t), [P, C] = c.useState(null), b = c.useRef(null), N = H(n, b, h.onContentChange), z = c.useRef(0), D = c.useRef(""), k = c.useRef(0), j = c.useRef(null), Y = c.useRef("right"), G = c.useRef(0), F = v ? Vn : c.Fragment, L = v ? { as: Yv, allowPinchZoom: !0 } : void 0, Z = (R) => {
-      var W, U;
-      const _ = D.current + R, ne = x().filter((J) => !J.disabled), ue = document.activeElement, xe = (W = ne.find((J) => J.ref.current === ue)) == null ? void 0 : W.textValue, Ve = ne.map((J) => J.textValue), Pe = rh(Ve, _, xe), le = (U = ne.find((J) => J.textValue === Pe)) == null ? void 0 : U.ref.current;
-      (function J(q) {
-        D.current = q, window.clearTimeout(z.current), q !== "" && (z.current = window.setTimeout(() => J(""), 1e3));
-      })(_), le && setTimeout(() => le.focus());
+    } = e, h = Pt(Ne, t), g = wn(Ne, t), y = wr(t), w = _c(t), x = Lv(t), [P, C] = c.useState(null), b = c.useRef(null), N = H(n, b, h.onContentChange), I = c.useRef(0), z = c.useRef(""), L = c.useRef(0), j = c.useRef(null), Z = c.useRef("right"), G = c.useRef(0), q = v ? Vn : c.Fragment, B = v ? { as: Yv, allowPinchZoom: !0 } : void 0, Y = (D) => {
+      var W, J;
+      const F = z.current + D, ee = x().filter((K) => !K.disabled), ue = document.activeElement, xe = (W = ee.find((K) => K.ref.current === ue)) == null ? void 0 : W.textValue, Ve = ee.map((K) => K.textValue), Pe = rh(Ve, F, xe), le = (J = ee.find((K) => K.textValue === Pe)) == null ? void 0 : J.ref.current;
+      (function K(U) {
+        z.current = U, window.clearTimeout(I.current), U !== "" && (I.current = window.setTimeout(() => K(""), 1e3));
+      })(F), le && setTimeout(() => le.focus());
     };
-    c.useEffect(() => () => window.clearTimeout(z.current), []), dr();
-    const B = c.useCallback((R) => {
-      var ne, ue;
-      return Y.current === ((ne = j.current) == null ? void 0 : ne.side) && ah(R, (ue = j.current) == null ? void 0 : ue.area);
+    c.useEffect(() => () => window.clearTimeout(I.current), []), dr();
+    const k = c.useCallback((D) => {
+      var ee, ue;
+      return Z.current === ((ee = j.current) == null ? void 0 : ee.side) && ah(D, (ue = j.current) == null ? void 0 : ue.area);
     }, []);
     return /* @__PURE__ */ u(
       jv,
       {
         scope: t,
-        searchRef: D,
+        searchRef: z,
         onItemEnter: c.useCallback(
-          (R) => {
-            B(R) && R.preventDefault();
+          (D) => {
+            k(D) && D.preventDefault();
           },
-          [B]
+          [k]
         ),
         onItemLeave: c.useCallback(
-          (R) => {
-            var _;
-            B(R) || ((_ = b.current) == null || _.focus(), C(null));
+          (D) => {
+            var F;
+            k(D) || ((F = b.current) == null || F.focus(), C(null));
           },
-          [B]
+          [k]
         ),
         onTriggerLeave: c.useCallback(
-          (R) => {
-            B(R) && R.preventDefault();
+          (D) => {
+            k(D) && D.preventDefault();
           },
-          [B]
+          [k]
         ),
-        pointerGraceTimerRef: k,
-        onPointerGraceIntentChange: c.useCallback((R) => {
-          j.current = R;
+        pointerGraceTimerRef: L,
+        onPointerGraceIntentChange: c.useCallback((D) => {
+          j.current = D;
         }, []),
-        children: /* @__PURE__ */ u(F, { ...L, children: /* @__PURE__ */ u(
+        children: /* @__PURE__ */ u(q, { ...B, children: /* @__PURE__ */ u(
           dn,
           {
             asChild: !0,
             trapped: o,
-            onMountAutoFocus: E(a, (R) => {
-              var _;
-              R.preventDefault(), (_ = b.current) == null || _.focus({ preventScroll: !0 });
+            onMountAutoFocus: E(a, (D) => {
+              var F;
+              D.preventDefault(), (F = b.current) == null || F.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: s,
             children: /* @__PURE__ */ u(
@@ -4490,8 +4490,8 @@ var Ne = "MenuContent", [jv, xa] = xt(Ne), nl = c.forwardRef(
                     loop: r,
                     currentTabStopId: P,
                     onCurrentTabStopIdChange: C,
-                    onEntryFocus: E(l, (R) => {
-                      g.isUsingKeyboardRef.current || R.preventDefault();
+                    onEntryFocus: E(l, (D) => {
+                      g.isUsingKeyboardRef.current || D.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ u(
@@ -4506,25 +4506,25 @@ var Ne = "MenuContent", [jv, xa] = xt(Ne), nl = c.forwardRef(
                         ...m,
                         ref: N,
                         style: { outline: "none", ...m.style },
-                        onKeyDown: E(m.onKeyDown, (R) => {
-                          const ne = R.target.closest("[data-radix-menu-content]") === R.currentTarget, ue = R.ctrlKey || R.altKey || R.metaKey, xe = R.key.length === 1;
-                          ne && (R.key === "Tab" && R.preventDefault(), !ue && xe && Z(R.key));
+                        onKeyDown: E(m.onKeyDown, (D) => {
+                          const ee = D.target.closest("[data-radix-menu-content]") === D.currentTarget, ue = D.ctrlKey || D.altKey || D.metaKey, xe = D.key.length === 1;
+                          ee && (D.key === "Tab" && D.preventDefault(), !ue && xe && Y(D.key));
                           const Ve = b.current;
-                          if (R.target !== Ve || !zv.includes(R.key)) return;
-                          R.preventDefault();
+                          if (D.target !== Ve || !zv.includes(D.key)) return;
+                          D.preventDefault();
                           const le = x().filter((W) => !W.disabled).map((W) => W.ref.current);
-                          Jc.includes(R.key) && le.reverse(), th(le);
+                          Jc.includes(D.key) && le.reverse(), th(le);
                         }),
-                        onBlur: E(e.onBlur, (R) => {
-                          R.currentTarget.contains(R.target) || (window.clearTimeout(z.current), D.current = "");
+                        onBlur: E(e.onBlur, (D) => {
+                          D.currentTarget.contains(D.target) || (window.clearTimeout(I.current), z.current = "");
                         }),
                         onPointerMove: E(
                           e.onPointerMove,
-                          rn((R) => {
-                            const _ = R.target, ne = G.current !== R.clientX;
-                            if (R.currentTarget.contains(_) && ne) {
-                              const ue = R.clientX > G.current ? "right" : "left";
-                              Y.current = ue, G.current = R.clientX;
+                          rn((D) => {
+                            const F = D.target, ee = G.current !== D.clientX;
+                            if (D.currentTarget.contains(F) && ee) {
+                              const ue = D.clientX > G.current ? "right" : "left";
+                              Z.current = ue, G.current = D.clientX;
                             }
                           })
                         )
@@ -4544,14 +4544,14 @@ nl.displayName = Ne;
 var Qv = "MenuGroup", Na = c.forwardRef(
   (e, n) => {
     const { __scopeMenu: t, ...r } = e;
-    return /* @__PURE__ */ u(I.div, { role: "group", ...r, ref: n });
+    return /* @__PURE__ */ u(R.div, { role: "group", ...r, ref: n });
   }
 );
 Na.displayName = Qv;
 var Fv = "MenuLabel", rl = c.forwardRef(
   (e, n) => {
     const { __scopeMenu: t, ...r } = e;
-    return /* @__PURE__ */ u(I.div, { ...r, ref: n });
+    return /* @__PURE__ */ u(R.div, { ...r, ref: n });
   }
 );
 rl.displayName = Fv;
@@ -4601,7 +4601,7 @@ var ol = c.forwardRef(
         disabled: r,
         textValue: o ?? f,
         children: /* @__PURE__ */ u(ba, { asChild: !0, ...i, focusable: !r, children: /* @__PURE__ */ u(
-          I.div,
+          R.div,
           {
             role: "menuitem",
             "data-highlighted": V ? "" : void 0,
@@ -4693,7 +4693,7 @@ var Ca = "MenuItemIndicator", [Al, Kv] = xt(
       {
         present: r || Un(a.checked) || a.checked === !0,
         children: /* @__PURE__ */ u(
-          I.span,
+          R.span,
           {
             ...o,
             ref: n,
@@ -4709,7 +4709,7 @@ var _v = "MenuSeparator", dl = c.forwardRef(
   (e, n) => {
     const { __scopeMenu: t, ...r } = e;
     return /* @__PURE__ */ u(
-      I.div,
+      R.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -4915,7 +4915,7 @@ var yl = "DropdownMenuTrigger", wl = c.forwardRef(
   (e, n) => {
     const { __scopeDropdownMenu: t, disabled: r = !1, ...o } = e, a = gl(yl, t), s = fe(t);
     return /* @__PURE__ */ u(ih, { asChild: !0, ...s, children: /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         type: "button",
         id: a.triggerId,
@@ -5096,7 +5096,7 @@ var Wl = "HoverCardTrigger", Hl = c.forwardRef(
   (e, n) => {
     const { __scopeHoverCard: t, ...r } = e, o = Sr(Wl, t), a = Cr(t);
     return /* @__PURE__ */ u(Bt, { asChild: !0, ...a, children: /* @__PURE__ */ u(
-      I.a,
+      R.a,
       {
         "data-state": o.open ? "open" : "closed",
         ...r,
@@ -5265,7 +5265,7 @@ Fl.displayName = Ql;
 var ql = "PopoverTrigger", Ul = c.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...r } = e, o = it(ql, t), a = xn(t), s = H(n, o.triggerRef), i = /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -5411,7 +5411,7 @@ var cg = /* @__PURE__ */ nt("PopoverContent.RemoveScroll"), lg = c.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...r } = e, o = it($l, t);
     return /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         type: "button",
         ...r,
@@ -5446,7 +5446,7 @@ var Vg = Yl, fg = Fl, pg = Ul, mg = Jl, vg = Kl, hg = eA, Ta = "Progress", Ma =
     r !== null && !Rs(r, i) && console.error(Pg(`${r}`, "Progress"));
     const l = Rs(r, i) ? r : null, A = _n(l) ? a(l, i) : void 0;
     return /* @__PURE__ */ u(bg, { scope: t, value: l, max: i, children: /* @__PURE__ */ u(
-      I.div,
+      R.div,
       {
         "aria-valuemax": i,
         "aria-valuemin": 0,
@@ -5467,7 +5467,7 @@ var rA = "ProgressIndicator", oA = c.forwardRef(
   (e, n) => {
     const { __scopeProgress: t, ...r } = e, o = yg(rA, t);
     return /* @__PURE__ */ u(
-      I.div,
+      R.div,
       {
         "data-state": aA(o.value, o.max),
         "data-value": o.value ?? void 0,
@@ -5518,9 +5518,9 @@ var Ng = nA, Cg = oA, Da = "Radio", [Sg, sA] = re(Da), [Eg, Og] = Sg(Da), iA = c
       form: A,
       ...V
     } = e, [d, f] = c.useState(null), p = H(n, (h) => f(h)), v = c.useRef(!1), m = d ? A || !!d.closest("form") : !0;
-    return /* @__PURE__ */ T(Eg, { scope: t, checked: o, disabled: s, children: [
+    return /* @__PURE__ */ O(Eg, { scope: t, checked: o, disabled: s, children: [
       /* @__PURE__ */ u(
-        I.button,
+        R.button,
         {
           type: "button",
           role: "radio",
@@ -5558,7 +5558,7 @@ var cA = "RadioIndicator", lA = c.forwardRef(
   (e, n) => {
     const { __scopeRadio: t, forceMount: r, ...o } = e, a = Og(cA, t);
     return /* @__PURE__ */ u(oe, { present: r || a.checked, children: /* @__PURE__ */ u(
-      I.span,
+      R.span,
       {
         "data-state": uA(a.checked),
         "data-disabled": a.disabled ? "" : void 0,
@@ -5590,7 +5590,7 @@ var Tg = "RadioBubbleInput", AA = c.forwardRef(
         p.call(V, t), V.dispatchEvent(v);
       }
     }, [l, t, r]), /* @__PURE__ */ u(
-      I.input,
+      R.input,
       {
         type: "radio",
         "aria-hidden": !0,
@@ -5655,7 +5655,7 @@ var Mg = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Or = "RadioGroup",
             dir: v,
             loop: V,
             children: /* @__PURE__ */ u(
-              I.div,
+              R.div,
               {
                 role: "radiogroup",
                 "aria-required": s,
@@ -5734,13 +5734,13 @@ var za = "ScrollArea", [hA] = re(za), [Wg, Ce] = hA(za), gA = c.forwardRef(
       dir: o,
       scrollHideDelay: a = 600,
       ...s
-    } = e, [i, l] = c.useState(null), [A, V] = c.useState(null), [d, f] = c.useState(null), [p, v] = c.useState(null), [m, h] = c.useState(null), [g, y] = c.useState(0), [w, x] = c.useState(0), [P, C] = c.useState(!1), [b, N] = c.useState(!1), z = H(n, (k) => l(k)), D = st(o);
+    } = e, [i, l] = c.useState(null), [A, V] = c.useState(null), [d, f] = c.useState(null), [p, v] = c.useState(null), [m, h] = c.useState(null), [g, y] = c.useState(0), [w, x] = c.useState(0), [P, C] = c.useState(!1), [b, N] = c.useState(!1), I = H(n, (L) => l(L)), z = st(o);
     return /* @__PURE__ */ u(
       Wg,
       {
         scope: t,
         type: r,
-        dir: D,
+        dir: z,
         scrollHideDelay: a,
         scrollArea: i,
         viewport: A,
@@ -5758,11 +5758,11 @@ var za = "ScrollArea", [hA] = re(za), [Wg, Ce] = hA(za), gA = c.forwardRef(
         onCornerWidthChange: y,
         onCornerHeightChange: x,
         children: /* @__PURE__ */ u(
-          I.div,
+          R.div,
           {
-            dir: D,
+            dir: z,
             ...s,
-            ref: z,
+            ref: I,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -5780,7 +5780,7 @@ gA.displayName = za;
 var bA = "ScrollAreaViewport", yA = c.forwardRef(
   (e, n) => {
     const { __scopeScrollArea: t, children: r, nonce: o, ...a } = e, s = Ce(bA, t), i = c.useRef(null), l = H(n, i, s.onViewportChange);
-    return /* @__PURE__ */ T(ce, { children: [
+    return /* @__PURE__ */ O(ce, { children: [
       /* @__PURE__ */ u(
         "style",
         {
@@ -5791,7 +5791,7 @@ var bA = "ScrollAreaViewport", yA = c.forwardRef(
         }
       ),
       /* @__PURE__ */ u(
-        I.div,
+        R.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...a,
@@ -6056,19 +6056,19 @@ var Hg = c.forwardRef((e, n) => {
     onWheelScroll: V,
     onResize: d,
     ...f
-  } = e, p = Ce(je, t), [v, m] = c.useState(null), h = H(n, (z) => m(z)), g = c.useRef(null), y = c.useRef(""), w = p.viewport, x = r.content - r.viewport, P = Ae(V), C = Ae(l), b = Mr(d, 10);
-  function N(z) {
+  } = e, p = Ce(je, t), [v, m] = c.useState(null), h = H(n, (I) => m(I)), g = c.useRef(null), y = c.useRef(""), w = p.viewport, x = r.content - r.viewport, P = Ae(V), C = Ae(l), b = Mr(d, 10);
+  function N(I) {
     if (g.current) {
-      const D = z.clientX - g.current.left, k = z.clientY - g.current.top;
-      A({ x: D, y: k });
+      const z = I.clientX - g.current.left, L = I.clientY - g.current.top;
+      A({ x: z, y: L });
     }
   }
   return c.useEffect(() => {
-    const z = (D) => {
-      const k = D.target;
-      (v == null ? void 0 : v.contains(k)) && P(D, x);
+    const I = (z) => {
+      const L = z.target;
+      (v == null ? void 0 : v.contains(L)) && P(z, x);
     };
-    return document.addEventListener("wheel", z, { passive: !1 }), () => document.removeEventListener("wheel", z, { passive: !1 });
+    return document.addEventListener("wheel", I, { passive: !1 }), () => document.removeEventListener("wheel", I, { passive: !1 });
   }, [w, v, x, P]), c.useEffect(C, [r, C]), It(v, b), It(p.content, b), /* @__PURE__ */ u(
     Yg,
     {
@@ -6080,18 +6080,18 @@ var Hg = c.forwardRef((e, n) => {
       onThumbPositionChange: C,
       onThumbPointerDown: Ae(i),
       children: /* @__PURE__ */ u(
-        I.div,
+        R.div,
         {
           ...f,
           ref: h,
           style: { position: "absolute", ...f.style },
-          onPointerDown: E(e.onPointerDown, (z) => {
-            z.button === 0 && (z.target.setPointerCapture(z.pointerId), g.current = v.getBoundingClientRect(), y.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", p.viewport && (p.viewport.style.scrollBehavior = "auto"), N(z));
+          onPointerDown: E(e.onPointerDown, (I) => {
+            I.button === 0 && (I.target.setPointerCapture(I.pointerId), g.current = v.getBoundingClientRect(), y.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", p.viewport && (p.viewport.style.scrollBehavior = "auto"), N(I));
           }),
           onPointerMove: E(e.onPointerMove, N),
-          onPointerUp: E(e.onPointerUp, (z) => {
-            const D = z.target;
-            D.hasPointerCapture(z.pointerId) && D.releasePointerCapture(z.pointerId), document.body.style.webkitUserSelect = y.current, p.viewport && (p.viewport.style.scrollBehavior = ""), g.current = null;
+          onPointerUp: E(e.onPointerUp, (I) => {
+            const z = I.target;
+            z.hasPointerCapture(I.pointerId) && z.releasePointerCapture(I.pointerId), document.body.style.webkitUserSelect = y.current, p.viewport && (p.viewport.style.scrollBehavior = ""), g.current = null;
           })
         }
       )
@@ -6122,7 +6122,7 @@ var Hg = c.forwardRef((e, n) => {
         return i(), d.addEventListener("scroll", f), () => d.removeEventListener("scroll", f);
       }
     }, [a.viewport, V, i]), /* @__PURE__ */ u(
-      I.div,
+      R.div,
       {
         "data-state": s.hasThumb ? "visible" : "hidden",
         ...o,
@@ -6160,7 +6160,7 @@ var Fg = c.forwardRef((e, n) => {
     const V = ((d = o.scrollbarY) == null ? void 0 : d.offsetWidth) || 0;
     o.onCornerWidthChange(V), s(V);
   }), A ? /* @__PURE__ */ u(
-    I.div,
+    R.div,
     {
       ...r,
       ref: n,
@@ -6257,13 +6257,13 @@ var MA = gA, DA = yA, wo = wA, xo = CA, Jg = SA, Kg = [" ", "Enter", "ArrowUp",
     defaultProp: o ?? !1,
     onChange: a,
     caller: ht
-  }), [z, D] = de({
+  }), [I, z] = de({
     prop: s,
     defaultProp: i,
     onChange: l,
     caller: ht
-  }), k = c.useRef(null), j = h ? v || !!h.closest("form") : !0, [Y, G] = c.useState(/* @__PURE__ */ new Set()), F = Array.from(Y).map((L) => L.props.value).join(";");
-  return /* @__PURE__ */ u(vn, { ...m, children: /* @__PURE__ */ T(
+  }), L = c.useRef(null), j = h ? v || !!h.closest("form") : !0, [Z, G] = c.useState(/* @__PURE__ */ new Set()), q = Array.from(Z).map((B) => B.props.value).join(";");
+  return /* @__PURE__ */ u(vn, { ...m, children: /* @__PURE__ */ O(
     eb,
     {
       required: p,
@@ -6275,31 +6275,31 @@ var MA = gA, DA = yA, wo = wA, xo = CA, Jg = SA, Kg = [" ", "Enter", "ArrowUp",
       valueNodeHasChildren: x,
       onValueNodeHasChildrenChange: P,
       contentId: ve(),
-      value: z,
-      onValueChange: D,
+      value: I,
+      onValueChange: z,
       open: b,
       onOpenChange: N,
       dir: C,
-      triggerPointerDownPosRef: k,
+      triggerPointerDownPosRef: L,
       disabled: f,
       children: [
         /* @__PURE__ */ u(Dr.Provider, { scope: n, children: /* @__PURE__ */ u(
           tb,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: c.useCallback((L) => {
-              G((Z) => new Set(Z).add(L));
+            onNativeOptionAdd: c.useCallback((B) => {
+              G((Y) => new Set(Y).add(B));
             }, []),
-            onNativeOptionRemove: c.useCallback((L) => {
-              G((Z) => {
-                const B = new Set(Z);
-                return B.delete(L), B;
+            onNativeOptionRemove: c.useCallback((B) => {
+              G((Y) => {
+                const k = new Set(Y);
+                return k.delete(B), k;
               });
             }, []),
             children: t
           }
         ) }),
-        j ? /* @__PURE__ */ T(
+        j ? /* @__PURE__ */ O(
           nu,
           {
             "aria-hidden": !0,
@@ -6307,16 +6307,16 @@ var MA = gA, DA = yA, wo = wA, xo = CA, Jg = SA, Kg = [" ", "Enter", "ArrowUp",
             tabIndex: -1,
             name: V,
             autoComplete: d,
-            value: z,
-            onChange: (L) => D(L.target.value),
+            value: I,
+            onChange: (B) => z(B.target.value),
             disabled: f,
             form: v,
             children: [
-              z === void 0 ? /* @__PURE__ */ u("option", { value: "" }) : null,
-              Array.from(Y)
+              I === void 0 ? /* @__PURE__ */ u("option", { value: "" }) : null,
+              Array.from(Z)
             ]
           },
-          F
+          q
         ) : null
       ]
     }
@@ -6335,7 +6335,7 @@ var IA = "SelectTrigger", RA = c.forwardRef(
       });
     };
     return /* @__PURE__ */ u(Bt, { asChild: !0, ...a, children: /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         type: "button",
         role: "combobox",
@@ -6373,7 +6373,7 @@ var LA = "SelectValue", kA = c.forwardRef(
     return ae(() => {
       A(V);
     }, [A, V]), /* @__PURE__ */ u(
-      I.span,
+      R.span,
       {
         ...i,
         ref: d,
@@ -6387,7 +6387,7 @@ kA.displayName = LA;
 var rb = "SelectIcon", BA = c.forwardRef(
   (e, n) => {
     const { __scopeSelect: t, children: r, ...o } = e;
-    return /* @__PURE__ */ u(I.span, { "aria-hidden": !0, ...o, ref: n, children: r || "▼" });
+    return /* @__PURE__ */ u(R.span, { "aria-hidden": !0, ...o, ref: n, children: r || "▼" });
   }
 );
 BA.displayName = rb;
@@ -6431,62 +6431,62 @@ var Ee = 10, [HA, lt] = Wt(gt), ab = "SelectContentImpl", sb = /* @__PURE__ */ n
       avoidCollisions: h,
       //
       ...g
-    } = e, y = ct(gt, t), [w, x] = c.useState(null), [P, C] = c.useState(null), b = H(n, (W) => x(W)), [N, z] = c.useState(null), [D, k] = c.useState(
+    } = e, y = ct(gt, t), [w, x] = c.useState(null), [P, C] = c.useState(null), b = H(n, (W) => x(W)), [N, I] = c.useState(null), [z, L] = c.useState(
       null
-    ), j = zr(t), [Y, G] = c.useState(!1), F = c.useRef(!1);
+    ), j = zr(t), [Z, G] = c.useState(!1), q = c.useRef(!1);
     c.useEffect(() => {
       if (w) return fr(w);
     }, [w]), dr();
-    const L = c.useCallback(
+    const B = c.useCallback(
       (W) => {
-        const [U, ...J] = j().map(($) => $.ref.current), [q] = J.slice(-1), K = document.activeElement;
+        const [J, ...K] = j().map(($) => $.ref.current), [U] = K.slice(-1), _ = document.activeElement;
         for (const $ of W)
-          if ($ === K || ($ == null || $.scrollIntoView({ block: "nearest" }), $ === U && P && (P.scrollTop = 0), $ === q && P && (P.scrollTop = P.scrollHeight), $ == null || $.focus(), document.activeElement !== K)) return;
+          if ($ === _ || ($ == null || $.scrollIntoView({ block: "nearest" }), $ === J && P && (P.scrollTop = 0), $ === U && P && (P.scrollTop = P.scrollHeight), $ == null || $.focus(), document.activeElement !== _)) return;
       },
       [j, P]
-    ), Z = c.useCallback(
-      () => L([N, w]),
-      [L, N, w]
+    ), Y = c.useCallback(
+      () => B([N, w]),
+      [B, N, w]
     );
     c.useEffect(() => {
-      Y && Z();
-    }, [Y, Z]);
-    const { onOpenChange: B, triggerPointerDownPosRef: R } = y;
+      Z && Y();
+    }, [Z, Y]);
+    const { onOpenChange: k, triggerPointerDownPosRef: D } = y;
     c.useEffect(() => {
       if (w) {
         let W = { x: 0, y: 0 };
-        const U = (q) => {
-          var K, $;
+        const J = (U) => {
+          var _, $;
           W = {
-            x: Math.abs(Math.round(q.pageX) - (((K = R.current) == null ? void 0 : K.x) ?? 0)),
-            y: Math.abs(Math.round(q.pageY) - ((($ = R.current) == null ? void 0 : $.y) ?? 0))
+            x: Math.abs(Math.round(U.pageX) - (((_ = D.current) == null ? void 0 : _.x) ?? 0)),
+            y: Math.abs(Math.round(U.pageY) - ((($ = D.current) == null ? void 0 : $.y) ?? 0))
           };
-        }, J = (q) => {
-          W.x <= 10 && W.y <= 10 ? q.preventDefault() : w.contains(q.target) || B(!1), document.removeEventListener("pointermove", U), R.current = null;
+        }, K = (U) => {
+          W.x <= 10 && W.y <= 10 ? U.preventDefault() : w.contains(U.target) || k(!1), document.removeEventListener("pointermove", J), D.current = null;
         };
-        return R.current !== null && (document.addEventListener("pointermove", U), document.addEventListener("pointerup", J, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", U), document.removeEventListener("pointerup", J, { capture: !0 });
+        return D.current !== null && (document.addEventListener("pointermove", J), document.addEventListener("pointerup", K, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", K, { capture: !0 });
         };
       }
-    }, [w, B, R]), c.useEffect(() => {
-      const W = () => B(!1);
+    }, [w, k, D]), c.useEffect(() => {
+      const W = () => k(!1);
       return window.addEventListener("blur", W), window.addEventListener("resize", W), () => {
         window.removeEventListener("blur", W), window.removeEventListener("resize", W);
       };
-    }, [B]);
-    const [_, ne] = ou((W) => {
-      const U = j().filter((K) => !K.disabled), J = U.find((K) => K.ref.current === document.activeElement), q = au(U, W, J);
-      q && setTimeout(() => q.ref.current.focus());
+    }, [k]);
+    const [F, ee] = ou((W) => {
+      const J = j().filter((_) => !_.disabled), K = J.find((_) => _.ref.current === document.activeElement), U = au(J, W, K);
+      U && setTimeout(() => U.ref.current.focus());
     }), ue = c.useCallback(
-      (W, U, J) => {
-        const q = !F.current && !J;
-        (y.value !== void 0 && y.value === U || q) && (z(W), q && (F.current = !0));
+      (W, J, K) => {
+        const U = !q.current && !K;
+        (y.value !== void 0 && y.value === J || U) && (I(W), U && (q.current = !0));
       },
       [y.value]
     ), xe = c.useCallback(() => w == null ? void 0 : w.focus(), [w]), Ve = c.useCallback(
-      (W, U, J) => {
-        const q = !F.current && !J;
-        (y.value !== void 0 && y.value === U || q) && k(W);
+      (W, J, K) => {
+        const U = !q.current && !K;
+        (y.value !== void 0 && y.value === J || U) && L(W);
       },
       [y.value]
     ), Pe = r === "popper" ? Po : GA, le = Pe === Po ? {
@@ -6512,11 +6512,11 @@ var Ee = 10, [HA, lt] = Wt(gt), ab = "SelectContentImpl", sb = /* @__PURE__ */ n
         selectedItem: N,
         onItemLeave: xe,
         itemTextRefCallback: Ve,
-        focusSelectedItem: Z,
-        selectedItemText: D,
+        focusSelectedItem: Y,
+        selectedItemText: z,
         position: r,
-        isPositioned: Y,
-        searchRef: _,
+        isPositioned: Z,
+        searchRef: F,
         children: /* @__PURE__ */ u(Vn, { as: sb, allowPinchZoom: !0, children: /* @__PURE__ */ u(
           dn,
           {
@@ -6526,8 +6526,8 @@ var Ee = 10, [HA, lt] = Wt(gt), ab = "SelectContentImpl", sb = /* @__PURE__ */ n
               W.preventDefault();
             },
             onUnmountAutoFocus: E(o, (W) => {
-              var U;
-              (U = y.trigger) == null || U.focus({ preventScroll: !0 }), W.preventDefault();
+              var J;
+              (J = y.trigger) == null || J.focus({ preventScroll: !0 }), W.preventDefault();
             }),
             children: /* @__PURE__ */ u(
               yt,
@@ -6559,14 +6559,14 @@ var Ee = 10, [HA, lt] = Wt(gt), ab = "SelectContentImpl", sb = /* @__PURE__ */ n
                       ...g.style
                     },
                     onKeyDown: E(g.onKeyDown, (W) => {
-                      const U = W.ctrlKey || W.altKey || W.metaKey;
-                      if (W.key === "Tab" && W.preventDefault(), !U && W.key.length === 1 && ne(W.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(W.key)) {
-                        let q = j().filter((K) => !K.disabled).map((K) => K.ref.current);
-                        if (["ArrowUp", "End"].includes(W.key) && (q = q.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(W.key)) {
-                          const K = W.target, $ = q.indexOf(K);
-                          q = q.slice($ + 1);
+                      const J = W.ctrlKey || W.altKey || W.metaKey;
+                      if (W.key === "Tab" && W.preventDefault(), !J && W.key.length === 1 && ee(W.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(W.key)) {
+                        let U = j().filter((_) => !_.disabled).map((_) => _.ref.current);
+                        if (["ArrowUp", "End"].includes(W.key) && (U = U.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(W.key)) {
+                          const _ = W.target, $ = U.indexOf(_);
+                          U = U.slice($ + 1);
                         }
-                        setTimeout(() => L(q)), W.preventDefault();
+                        setTimeout(() => B(U)), W.preventDefault();
                       }
                     })
                   }
@@ -6583,46 +6583,46 @@ jA.displayName = ab;
 var ib = "SelectItemAlignedPosition", GA = c.forwardRef((e, n) => {
   const { __scopeSelect: t, onPlaced: r, ...o } = e, a = ct(gt, t), s = lt(gt, t), [i, l] = c.useState(null), [A, V] = c.useState(null), d = H(n, (b) => V(b)), f = zr(t), p = c.useRef(!1), v = c.useRef(!0), { viewport: m, selectedItem: h, selectedItemText: g, focusSelectedItem: y } = s, w = c.useCallback(() => {
     if (a.trigger && a.valueNode && i && A && m && h && g) {
-      const b = a.trigger.getBoundingClientRect(), N = A.getBoundingClientRect(), z = a.valueNode.getBoundingClientRect(), D = g.getBoundingClientRect();
+      const b = a.trigger.getBoundingClientRect(), N = A.getBoundingClientRect(), I = a.valueNode.getBoundingClientRect(), z = g.getBoundingClientRect();
       if (a.dir !== "rtl") {
-        const K = D.left - N.left, $ = z.left - K, ie = b.left - $, Q = b.width + ie, te = Math.max(Q, N.width), ze = window.innerWidth - Ee, me = on($, [
+        const _ = z.left - N.left, $ = I.left - _, ie = b.left - $, Q = b.width + ie, ne = Math.max(Q, N.width), ze = window.innerWidth - Ee, me = on($, [
           Ee,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
           // controlled by the user since they may want to manage overflow in a
           // specific way.
           // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(Ee, ze - te)
+          Math.max(Ee, ze - ne)
         ]);
         i.style.minWidth = Q + "px", i.style.left = me + "px";
       } else {
-        const K = N.right - D.right, $ = window.innerWidth - z.right - K, ie = window.innerWidth - b.right - $, Q = b.width + ie, te = Math.max(Q, N.width), ze = window.innerWidth - Ee, me = on($, [
+        const _ = N.right - z.right, $ = window.innerWidth - I.right - _, ie = window.innerWidth - b.right - $, Q = b.width + ie, ne = Math.max(Q, N.width), ze = window.innerWidth - Ee, me = on($, [
           Ee,
-          Math.max(Ee, ze - te)
+          Math.max(Ee, ze - ne)
         ]);
         i.style.minWidth = Q + "px", i.style.right = me + "px";
       }
-      const k = f(), j = window.innerHeight - Ee * 2, Y = m.scrollHeight, G = window.getComputedStyle(A), F = parseInt(G.borderTopWidth, 10), L = parseInt(G.paddingTop, 10), Z = parseInt(G.borderBottomWidth, 10), B = parseInt(G.paddingBottom, 10), R = F + L + Y + B + Z, _ = Math.min(h.offsetHeight * 5, R), ne = window.getComputedStyle(m), ue = parseInt(ne.paddingTop, 10), xe = parseInt(ne.paddingBottom, 10), Ve = b.top + b.height / 2 - Ee, Pe = j - Ve, le = h.offsetHeight / 2, W = h.offsetTop + le, U = F + L + W, J = R - U;
-      if (U <= Ve) {
-        const K = k.length > 0 && h === k[k.length - 1].ref.current;
+      const L = f(), j = window.innerHeight - Ee * 2, Z = m.scrollHeight, G = window.getComputedStyle(A), q = parseInt(G.borderTopWidth, 10), B = parseInt(G.paddingTop, 10), Y = parseInt(G.borderBottomWidth, 10), k = parseInt(G.paddingBottom, 10), D = q + B + Z + k + Y, F = Math.min(h.offsetHeight * 5, D), ee = window.getComputedStyle(m), ue = parseInt(ee.paddingTop, 10), xe = parseInt(ee.paddingBottom, 10), Ve = b.top + b.height / 2 - Ee, Pe = j - Ve, le = h.offsetHeight / 2, W = h.offsetTop + le, J = q + B + W, K = D - J;
+      if (J <= Ve) {
+        const _ = L.length > 0 && h === L[L.length - 1].ref.current;
         i.style.bottom = "0px";
         const $ = A.clientHeight - m.offsetTop - m.offsetHeight, ie = Math.max(
           Pe,
           le + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (K ? xe : 0) + $ + Z
-        ), Q = U + ie;
+          (_ ? xe : 0) + $ + Y
+        ), Q = J + ie;
         i.style.height = Q + "px";
       } else {
-        const K = k.length > 0 && h === k[0].ref.current;
+        const _ = L.length > 0 && h === L[0].ref.current;
         i.style.top = "0px";
         const ie = Math.max(
           Ve,
-          F + m.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (K ? ue : 0) + le
-        ) + J;
-        i.style.height = ie + "px", m.scrollTop = U - Ve + m.offsetTop;
+          q + m.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (_ ? ue : 0) + le
+        ) + K;
+        i.style.height = ie + "px", m.scrollTop = J - Ve + m.offsetTop;
       }
-      i.style.margin = `${Ee}px 0`, i.style.minHeight = _ + "px", i.style.maxHeight = j + "px", r == null || r(), requestAnimationFrame(() => p.current = !0);
+      i.style.margin = `${Ee}px 0`, i.style.minHeight = F + "px", i.style.maxHeight = j + "px", r == null || r(), requestAnimationFrame(() => p.current = !0);
     }
   }, [
     f,
@@ -6665,7 +6665,7 @@ var ib = "SelectItemAlignedPosition", GA = c.forwardRef((e, n) => {
             zIndex: x
           },
           children: /* @__PURE__ */ u(
-            I.div,
+            R.div,
             {
               ...o,
               ref: d,
@@ -6717,7 +6717,7 @@ Po.displayName = cb;
 var [lb, La] = Wt(gt, {}), No = "SelectViewport", ZA = c.forwardRef(
   (e, n) => {
     const { __scopeSelect: t, nonce: r, ...o } = e, a = lt(No, t), s = La(No, t), i = H(n, a.onViewportChange), l = c.useRef(0);
-    return /* @__PURE__ */ T(ce, { children: [
+    return /* @__PURE__ */ O(ce, { children: [
       /* @__PURE__ */ u(
         "style",
         {
@@ -6728,7 +6728,7 @@ var [lb, La] = Wt(gt, {}), No = "SelectViewport", ZA = c.forwardRef(
         }
       ),
       /* @__PURE__ */ u(Dr.Slot, { scope: t, children: /* @__PURE__ */ u(
-        I.div,
+        R.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -6770,14 +6770,14 @@ ZA.displayName = No;
 var YA = "SelectGroup", [Ab, ub] = Wt(YA), QA = c.forwardRef(
   (e, n) => {
     const { __scopeSelect: t, ...r } = e, o = ve();
-    return /* @__PURE__ */ u(Ab, { scope: t, id: o, children: /* @__PURE__ */ u(I.div, { role: "group", "aria-labelledby": o, ...r, ref: n }) });
+    return /* @__PURE__ */ u(Ab, { scope: t, id: o, children: /* @__PURE__ */ u(R.div, { role: "group", "aria-labelledby": o, ...r, ref: n }) });
   }
 );
 QA.displayName = YA;
 var FA = "SelectLabel", qA = c.forwardRef(
   (e, n) => {
     const { __scopeSelect: t, ...r } = e, o = ub(FA, t);
-    return /* @__PURE__ */ u(I.div, { id: o.id, ...r, ref: n });
+    return /* @__PURE__ */ u(R.div, { id: o.id, ...r, ref: n });
   }
 );
 qA.displayName = FA;
@@ -6821,7 +6821,7 @@ var tr = "SelectItem", [db, UA] = Wt(tr), JA = c.forwardRef(
             disabled: o,
             textValue: V,
             children: /* @__PURE__ */ u(
-              I.div,
+              R.div,
               {
                 role: "option",
                 "aria-labelledby": m,
@@ -6879,8 +6879,8 @@ var Ut = "SelectItemText", KA = c.forwardRef(
       () => /* @__PURE__ */ u("option", { value: l.value, disabled: l.disabled, children: p }, l.value),
       [l.disabled, l.value, p]
     ), { onNativeOptionAdd: m, onNativeOptionRemove: h } = A;
-    return ae(() => (m(v), () => h(v)), [m, h, v]), /* @__PURE__ */ T(ce, { children: [
-      /* @__PURE__ */ u(I.span, { id: l.textId, ...a, ref: f }),
+    return ae(() => (m(v), () => h(v)), [m, h, v]), /* @__PURE__ */ O(ce, { children: [
+      /* @__PURE__ */ u(R.span, { id: l.textId, ...a, ref: f }),
       l.isSelected && s.valueNode && !s.valueNodeHasChildren ? ir.createPortal(a.children, s.valueNode) : null
     ] });
   }
@@ -6889,7 +6889,7 @@ KA.displayName = Ut;
 var _A = "SelectItemIndicator", $A = c.forwardRef(
   (e, n) => {
     const { __scopeSelect: t, ...r } = e;
-    return UA(_A, t).isSelected ? /* @__PURE__ */ u(I.span, { "aria-hidden": !0, ...r, ref: n }) : null;
+    return UA(_A, t).isSelected ? /* @__PURE__ */ u(R.span, { "aria-hidden": !0, ...r, ref: n }) : null;
   }
 );
 $A.displayName = _A;
@@ -6950,7 +6950,7 @@ var eu = c.forwardRef((e, n) => {
     const A = i().find((d) => d.ref.current === document.activeElement);
     (V = A == null ? void 0 : A.ref.current) == null || V.scrollIntoView({ block: "nearest" });
   }, [i]), /* @__PURE__ */ u(
-    I.div,
+    R.div,
     {
       "aria-hidden": !0,
       ...o,
@@ -6971,7 +6971,7 @@ var eu = c.forwardRef((e, n) => {
 }), pb = "SelectSeparator", tu = c.forwardRef(
   (e, n) => {
     const { __scopeSelect: t, ...r } = e;
-    return /* @__PURE__ */ u(I.div, { "aria-hidden": !0, ...r, ref: n });
+    return /* @__PURE__ */ u(R.div, { "aria-hidden": !0, ...r, ref: n });
   }
 );
 tu.displayName = pb;
@@ -6997,7 +6997,7 @@ var vb = "SelectBubbleInput", nu = c.forwardRef(
         V.call(i, n), i.dispatchEvent(d);
       }
     }, [s, n]), /* @__PURE__ */ u(
-      I.select,
+      R.select,
       {
         ...t,
         style: { ...ri, ...t.style },
@@ -7066,32 +7066,32 @@ var gb = zA, bb = RA, yb = kA, wb = BA, xb = XA, Pb = WA, Nb = ZA, Cb = QA, Sb =
     } = e, h = c.useRef(/* @__PURE__ */ new Set()), g = c.useRef(0), w = s === "horizontal" ? Rb : Lb, [x = [], P] = de({
       prop: V,
       defaultProp: A,
-      onChange: (k) => {
-        var Y;
-        (Y = [...h.current][g.current]) == null || Y.focus(), d(k);
+      onChange: (L) => {
+        var Z;
+        (Z = [...h.current][g.current]) == null || Z.focus(), d(L);
       }
     }), C = c.useRef(x);
-    function b(k) {
-      const j = Hb(x, k);
-      D(k, j);
-    }
-    function N(k) {
-      D(k, g.current);
-    }
-    function z() {
-      const k = C.current[g.current];
-      x[g.current] !== k && f(x);
-    }
-    function D(k, j, { commit: Y } = { commit: !1 }) {
-      const G = Yb(a), F = Qb(Math.round((k - r) / a) * a + r, G), L = on(F, [r, o]);
-      P((Z = []) => {
-        const B = Xb(Z, L, j);
-        if (Zb(B, l * a)) {
-          g.current = B.indexOf(L);
-          const R = String(B) !== String(Z);
-          return R && Y && f(B), R ? B : Z;
+    function b(L) {
+      const j = Hb(x, L);
+      z(L, j);
+    }
+    function N(L) {
+      z(L, g.current);
+    }
+    function I() {
+      const L = C.current[g.current];
+      x[g.current] !== L && f(x);
+    }
+    function z(L, j, { commit: Z } = { commit: !1 }) {
+      const G = Yb(a), q = Qb(Math.round((L - r) / a) * a + r, G), B = on(q, [r, o]);
+      P((Y = []) => {
+        const k = Xb(Y, B, j);
+        if (Zb(k, l * a)) {
+          g.current = k.indexOf(B);
+          const D = String(k) !== String(Y);
+          return D && Z && f(k), D ? k : Y;
         } else
-          return Z;
+          return Y;
       });
     }
     return /* @__PURE__ */ u(
@@ -7122,13 +7122,13 @@ var gb = zA, bb = RA, yb = kA, wb = BA, xb = XA, Pb = WA, Nb = ZA, Cb = QA, Sb =
             inverted: p,
             onSlideStart: i ? void 0 : b,
             onSlideMove: i ? void 0 : N,
-            onSlideEnd: i ? void 0 : z,
-            onHomeKeyDown: () => !i && D(r, 0, { commit: !0 }),
-            onEndKeyDown: () => !i && D(o, x.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: k, direction: j }) => {
+            onSlideEnd: i ? void 0 : I,
+            onHomeKeyDown: () => !i && z(r, 0, { commit: !0 }),
+            onEndKeyDown: () => !i && z(o, x.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: L, direction: j }) => {
               if (!i) {
-                const F = su.includes(k.key) || k.shiftKey && iu.includes(k.key) ? 10 : 1, L = g.current, Z = x[L], B = a * F * j;
-                D(Z + B, L, { commit: !0 });
+                const q = su.includes(L.key) || L.shiftKey && iu.includes(L.key) ? 10 : 1, B = g.current, Y = x[B], k = a * q * j;
+                z(Y + k, B, { commit: !0 });
               }
             }
           }
@@ -7266,7 +7266,7 @@ var [uu, du] = lu(Ht, {
       ...A
     } = e, V = Rr(Ht, t);
     return /* @__PURE__ */ u(
-      I.span,
+      R.span,
       {
         ...A,
         ref: n,
@@ -7291,7 +7291,7 @@ var [uu, du] = lu(Ht, {
   (e, n) => {
     const { __scopeSlider: t, ...r } = e, o = Rr(fu, t);
     return /* @__PURE__ */ u(
-      I.span,
+      R.span,
       {
         "data-disabled": o.disabled ? "" : void 0,
         "data-orientation": o.orientation,
@@ -7308,7 +7308,7 @@ var To = "SliderRange", mu = c.forwardRef(
       (f) => gu(f, o.min, o.max)
     ), V = l > 1 ? Math.min(...A) : 0, d = 100 - Math.max(...A);
     return /* @__PURE__ */ u(
-      I.span,
+      R.span,
       {
         "data-orientation": o.orientation,
         "data-disabled": o.disabled ? "" : void 0,
@@ -7340,7 +7340,7 @@ var Mo = "SliderThumb", vu = c.forwardRef(
         return s.thumbs.add(l), () => {
           s.thumbs.delete(l);
         };
-    }, [l, s.thumbs]), /* @__PURE__ */ T(
+    }, [l, s.thumbs]), /* @__PURE__ */ O(
       "span",
       {
         style: {
@@ -7350,7 +7350,7 @@ var Mo = "SliderThumb", vu = c.forwardRef(
         },
         children: [
           /* @__PURE__ */ u(Oo.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u(
-            I.span,
+            R.span,
             {
               role: "slider",
               "aria-label": e["aria-label"] || m,
@@ -7396,7 +7396,7 @@ var Bb = "RadioBubbleInput", hu = c.forwardRef(
         V.call(i, n), i.dispatchEvent(d);
       }
     }, [s, n]), /* @__PURE__ */ u(
-      I.input,
+      R.input,
       {
         style: { display: "none" },
         ...t,
@@ -7470,9 +7470,9 @@ var Fb = Au, qb = pu, Ub = mu, Jb = vu, Lr = "Switch", [Kb] = re(Lr), [_b, $b] =
       onChange: A,
       caller: Lr
     });
-    return /* @__PURE__ */ T(_b, { scope: t, checked: g, disabled: i, children: [
+    return /* @__PURE__ */ O(_b, { scope: t, checked: g, disabled: i, children: [
       /* @__PURE__ */ u(
-        I.button,
+        R.button,
         {
           type: "button",
           role: "switch",
@@ -7511,7 +7511,7 @@ var yu = "SwitchThumb", wu = c.forwardRef(
   (e, n) => {
     const { __scopeSwitch: t, ...r } = e, o = $b(yu, t);
     return /* @__PURE__ */ u(
-      I.span,
+      R.span,
       {
         "data-state": Pu(o.checked),
         "data-disabled": o.disabled ? "" : void 0,
@@ -7597,7 +7597,7 @@ var ty = bu, ny = wu, kr = "Tabs", [ry] = re(kr, [
         dir: V,
         activationMode: l,
         children: /* @__PURE__ */ u(
-          I.div,
+          R.div,
           {
             dir: V,
             "data-orientation": s,
@@ -7622,7 +7622,7 @@ var Su = "TabsList", Eu = c.forwardRef(
         dir: a.dir,
         loop: r,
         children: /* @__PURE__ */ u(
-          I.div,
+          R.div,
           {
             role: "tablist",
             "aria-orientation": a.orientation,
@@ -7646,7 +7646,7 @@ var Ou = "TabsTrigger", Tu = c.forwardRef(
         focusable: !o,
         active: V,
         children: /* @__PURE__ */ u(
-          I.button,
+          R.button,
           {
             type: "button",
             role: "tab",
@@ -7682,7 +7682,7 @@ var Mu = "TabsContent", Du = c.forwardRef(
       const f = requestAnimationFrame(() => d.current = !1);
       return () => cancelAnimationFrame(f);
     }, []), /* @__PURE__ */ u(oe, { present: o || V, children: ({ present: f }) => /* @__PURE__ */ u(
-      I.div,
+      R.div,
       {
         "data-state": V ? "active" : "inactive",
         "data-orientation": i.orientation,
@@ -7801,7 +7801,7 @@ var zo = "TooltipTrigger", Bu = c.forwardRef(
   (e, n) => {
     const { __scopeTooltip: t, ...r } = e, o = Pn(zo, t), a = Xa(zo, t), s = Xr(t), i = c.useRef(null), l = H(n, i, o.onTriggerChange), A = c.useRef(!1), V = c.useRef(!1), d = c.useCallback(() => A.current = !1, []);
     return c.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ u(Bt, { asChild: !0, ...s, children: /* @__PURE__ */ u(
-      I.button,
+      R.button,
       {
         "aria-describedby": o.open ? o.contentId : void 0,
         "data-state": o.stateAttribute,
@@ -7891,7 +7891,7 @@ var Rt = "TooltipContent", Wu = c.forwardRef(
         onPointerDownOutside: s,
         onFocusOutside: (d) => d.preventDefault(),
         onDismiss: V,
-        children: /* @__PURE__ */ T(
+        children: /* @__PURE__ */ O(
           hn,
           {
             "data-state": l.stateAttribute,
@@ -8124,7 +8124,7 @@ function sn(...e) {
 function jy(...e) {
   return Object.assign({}, ...e);
 }
-function ee(e, ...n) {
+function te(e, ...n) {
   let t, r;
   const o = { ...e }, a = jy(...n);
   for (const s in a) {
@@ -8153,7 +8153,7 @@ function ee(e, ...n) {
   return o.className = X(t, e.className), o.style = sn(r, e.style), o;
 }
 const dt = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9"], se = { m: { type: "enum | string", values: dt, responsive: !0, className: "rt-r-m", customProperties: ["--m"] }, mx: { type: "enum | string", values: dt, responsive: !0, className: "rt-r-mx", customProperties: ["--ml", "--mr"] }, my: { type: "enum | string", values: dt, responsive: !0, className: "rt-r-my", customProperties: ["--mt", "--mb"] }, mt: { type: "enum | string", values: dt, responsive: !0, className: "rt-r-mt", customProperties: ["--mt"] }, mr: { type: "enum | string", values: dt, responsive: !0, className: "rt-r-mr", customProperties: ["--mr"] }, mb: { type: "enum | string", values: dt, responsive: !0, className: "rt-r-mb", customProperties: ["--mb"] }, ml: { type: "enum | string", values: dt, responsive: !0, className: "rt-r-ml", customProperties: ["--ml"] } }, Gy = ["span", "div", "label", "p"], Zy = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], Yy = { as: { type: "enum", values: Gy, default: "span" }, ...Se, size: { type: "enum", className: "rt-r-size", values: Zy, responsive: !0 }, ...Wy, ...Ry, ...zy, ...By, ...ky, ...pe, ...we }, at = c.forwardRef((e, n) => {
-  const { children: t, className: r, asChild: o, as: a = "span", color: s, ...i } = ee(e, Yy, se);
+  const { children: t, className: r, asChild: o, as: a = "span", color: s, ...i } = te(e, Yy, se);
   return c.createElement(bt, { "data-accent-color": s, ...i, ref: n, className: X("rt-Text", r) }, o ? t : c.createElement(a, null, t));
 });
 at.displayName = "Text";
@@ -8233,7 +8233,7 @@ function qu(e, n) {
   return c.cloneElement(o, { children: typeof n == "function" ? n(o.props.children) : n });
 }
 const Uu = c.forwardRef((e, n) => {
-  const { asChild: t, children: r, className: o, style: a, color: s, radius: i, ...l } = ee(e, Jy, se);
+  const { asChild: t, children: r, className: o, style: a, color: s, radius: i, ...l } = te(e, Jy, se);
   return c.createElement(Kp, { "data-accent-color": s, "data-radius": i, className: X("rt-reset", "rt-AvatarRoot", o), style: a, asChild: t }, qu({ asChild: t, children: r }, c.createElement(Ju, { ref: n, ...l })));
 });
 Uu.displayName = "Avatar";
@@ -8246,7 +8246,7 @@ const Ju = c.forwardRef(({ fallback: e, ...n }, t) => {
 });
 Ju.displayName = "AvatarImpl";
 const Ky = ["1", "2", "3"], _y = ["solid", "soft", "surface", "outline"], $y = { ...Se, size: { type: "enum", className: "rt-r-size", values: Ky, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: _y, default: "soft" }, ...Wr, ...we, ...Ue }, Ku = c.forwardRef((e, n) => {
-  const { asChild: t, className: r, color: o, radius: a, ...s } = ee(e, $y, se), i = t ? bt : "span";
+  const { asChild: t, className: r, color: o, radius: a, ...s } = te(e, $y, se), i = t ? bt : "span";
   return c.createElement(i, { "data-accent-color": o, "data-radius": a, ...s, ref: n, className: X("rt-reset", "rt-Badge", r) });
 });
 Ku.displayName = "Badge";
@@ -8255,12 +8255,12 @@ function mw(e) {
   return e === "between" ? "space-between" : e;
 }
 const cn = c.forwardRef((e, n) => {
-  const { className: t, asChild: r, as: o = "div", ...a } = ee(e, pw, aw, se);
+  const { className: t, asChild: r, as: o = "div", ...a } = te(e, pw, aw, se);
   return c.createElement(r ? ew : o, { ...a, ref: n, className: X("rt-Flex", t) });
 });
 cn.displayName = "Flex";
 const vw = ["1", "2", "3"], hw = { size: { type: "enum", className: "rt-r-size", values: vw, default: "2", responsive: !0 }, loading: { type: "boolean", default: !0 } }, _u = c.forwardRef((e, n) => {
-  const { className: t, children: r, loading: o, ...a } = ee(e, hw, se);
+  const { className: t, children: r, loading: o, ...a } = te(e, hw, se);
   if (!o) return r;
   const s = c.createElement("span", { ...a, ref: n, className: X("rt-Spinner", t) }, c.createElement("span", { className: "rt-SpinnerLeaf" }), c.createElement("span", { className: "rt-SpinnerLeaf" }), c.createElement("span", { className: "rt-SpinnerLeaf" }), c.createElement("span", { className: "rt-SpinnerLeaf" }), c.createElement("span", { className: "rt-SpinnerLeaf" }), c.createElement("span", { className: "rt-SpinnerLeaf" }), c.createElement("span", { className: "rt-SpinnerLeaf" }), c.createElement("span", { className: "rt-SpinnerLeaf" }));
   return r === void 0 ? s : c.createElement(cn, { asChild: !0, position: "relative", align: "center", justify: "center" }, c.createElement("span", null, c.createElement("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0 }, r), c.createElement(cn, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, c.createElement("span", null, s))));
@@ -8285,14 +8285,14 @@ function yw(e) {
   }
 }
 const ed = c.forwardRef((e, n) => {
-  const { size: t = Xs.size.default } = e, { className: r, children: o, asChild: a, color: s, radius: i, disabled: l = e.loading, ...A } = ee(e, Xs, se), V = a ? bt : "button";
+  const { size: t = Xs.size.default } = e, { className: r, children: o, asChild: a, color: s, radius: i, disabled: l = e.loading, ...A } = te(e, Xs, se), V = a ? bt : "button";
   return c.createElement(V, { "data-disabled": l || void 0, "data-accent-color": s, "data-radius": i, ...A, ref: n, className: X("rt-reset", "rt-BaseButton", r), disabled: l }, e.loading ? c.createElement(c.Fragment, null, c.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, o), c.createElement(gw, null, o), c.createElement(cn, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, c.createElement("span", null, c.createElement(_u, { size: $u(t, yw) })))) : o);
 });
 ed.displayName = "BaseButton";
 const td = c.forwardRef(({ className: e, ...n }, t) => c.createElement(ed, { ...n, ref: t, className: X("rt-Button", e) }));
 td.displayName = "Button";
 const ww = ["1", "2", "3"], xw = ["soft", "surface", "outline"], Ws = { ...Se, size: { type: "enum", className: "rt-r-size", values: ww, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: xw, default: "soft" }, ...Wr, ...we }, nd = c.createContext({}), rd = c.forwardRef((e, n) => {
-  const { size: t = Ws.size.default } = e, { asChild: r, children: o, className: a, color: s, ...i } = ee(e, Ws, se), l = r ? bt : "div";
+  const { size: t = Ws.size.default } = e, { asChild: r, children: o, className: a, color: s, ...i } = te(e, Ws, se), l = r ? bt : "div";
   return c.createElement(l, { "data-accent-color": s, ...i, className: X("rt-CalloutRoot", a), ref: n }, c.createElement(nd.Provider, { value: c.useMemo(() => ({ size: t }), [t]) }, o));
 });
 rd.displayName = "Callout.Root";
@@ -8304,13 +8304,13 @@ const Pw = c.forwardRef(({ className: e, ...n }, t) => {
 });
 Pw.displayName = "Callout.Text";
 const Nw = ["1", "2", "3", "4", "5"], Cw = ["surface", "classic", "ghost"], Sw = { ...Se, size: { type: "enum", className: "rt-r-size", values: Nw, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Cw, default: "surface" } }, ad = c.forwardRef((e, n) => {
-  const { asChild: t, className: r, ...o } = ee(e, Sw, se), a = t ? bt : "div";
+  const { asChild: t, className: r, ...o } = te(e, Sw, se), a = t ? bt : "div";
   return c.createElement(a, { ref: n, ...o, className: X("rt-reset", "rt-BaseCard", "rt-Card", r) });
 });
 ad.displayName = "Card";
-var sd = I;
+var sd = R;
 sd.dispatchDiscreteCustomEvent = Qo;
-sd.Root = I;
+sd.Root = R;
 const Ew = ["1", "2", "3"], Ow = ["classic", "surface", "soft"], Tw = { size: { type: "enum", className: "rt-r-size", values: Ew, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Ow, default: "surface" }, ...pe, ...we }, id = S.forwardRef((e, n) => S.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...e, ref: n }, S.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z" })));
 id.displayName = "ThickDividerHorizontalIcon";
 const Nn = S.forwardRef((e, n) => S.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...e, ref: n }, S.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z" })));
@@ -8320,7 +8320,7 @@ cd.displayName = "ChevronDownIcon";
 const ld = S.forwardRef((e, n) => S.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...e, ref: n }, S.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" })));
 ld.displayName = "ThickChevronRightIcon";
 const Ad = c.forwardRef((e, n) => {
-  const { className: t, color: r, checked: o, defaultChecked: a, onCheckedChange: s, ...i } = ee(e, Tw, se), [l, A] = de({ prop: o, defaultProp: a, onChange: s });
+  const { className: t, color: r, checked: o, defaultChecked: a, onCheckedChange: s, ...i } = te(e, Tw, se), [l, A] = de({ prop: o, defaultProp: a, onChange: s });
   return c.createElement(hc, { "data-accent-color": r, ...i, defaultChecked: a, checked: l, onCheckedChange: A, asChild: !1, ref: n, className: X("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxRoot", t) }, c.createElement(bc, { asChild: !0, className: "rt-BaseCheckboxIndicator rt-CheckboxIndicator" }, c.createElement(l === "indeterminate" ? id : Nn, null)));
 });
 Ad.displayName = "Checkbox";
@@ -8344,7 +8344,7 @@ ud.displayName = "DropdownMenu.Root";
 const dd = c.forwardRef(({ children: e, ...n }, t) => c.createElement(kh, { ...n, ref: t, asChild: !0 }, Hr(e)));
 dd.displayName = "DropdownMenu.Trigger";
 const Vd = c.createContext({}), fd = c.forwardRef((e, n) => {
-  const t = Qu(), { size: r = Jt.size.default, variant: o = Jt.variant.default, highContrast: a = Jt.highContrast.default } = e, { className: s, children: i, color: l, container: A, forceMount: V, ...d } = ee(e, Jt), f = l || t.accentColor;
+  const t = Qu(), { size: r = Jt.size.default, variant: o = Jt.variant.default, highContrast: a = Jt.highContrast.default } = e, { className: s, children: i, color: l, container: A, forceMount: V, ...d } = te(e, Jt), f = l || t.accentColor;
   return c.createElement(Ll, { container: A, forceMount: V }, c.createElement(Je, { asChild: !0 }, c.createElement(Bh, { "data-accent-color": f, align: "start", sideOffset: 4, collisionPadding: 10, ...d, asChild: !1, ref: n, className: X("rt-PopperContent", "rt-BaseMenuContent", "rt-DropdownMenuContent", s) }, c.createElement(jr, { type: "auto" }, c.createElement("div", { className: X("rt-BaseMenuViewport", "rt-DropdownMenuViewport") }, c.createElement(Vd.Provider, { value: c.useMemo(() => ({ size: r, variant: o, color: f, highContrast: a }), [r, o, f, a]) }, i))))));
 });
 fd.displayName = "DropdownMenu.Content";
@@ -8375,7 +8375,7 @@ const Zw = c.forwardRef((e, n) => {
 });
 Zw.displayName = "DropdownMenu.SubTrigger";
 const Yw = c.forwardRef((e, n) => {
-  const { size: t, variant: r, color: o, highContrast: a } = c.useContext(Vd), { className: s, children: i, container: l, forceMount: A, ...V } = ee({ size: t, variant: r, color: o, highContrast: a, ...e }, Jt);
+  const { size: t, variant: r, color: o, highContrast: a } = c.useContext(Vd), { className: s, children: i, container: l, forceMount: A, ...V } = te({ size: t, variant: r, color: o, highContrast: a, ...e }, Jt);
   return c.createElement(Ll, { container: l, forceMount: A }, c.createElement(Je, { asChild: !0 }, c.createElement(Fh, { "data-accent-color": o, alignOffset: -Number(t) * 4, sideOffset: 1, collisionPadding: 10, ...V, asChild: !1, ref: n, className: X("rt-PopperContent", "rt-BaseMenuContent", "rt-BaseMenuSubContent", "rt-DropdownMenuContent", "rt-DropdownMenuSubContent", s) }, c.createElement(jr, { type: "auto" }, c.createElement("div", { className: X("rt-BaseMenuViewport", "rt-DropdownMenuViewport") }, i)))));
 });
 Yw.displayName = "DropdownMenu.SubContent";
@@ -8386,7 +8386,7 @@ md.displayName = "HoverCard.Root";
 const vd = c.forwardRef(({ children: e, className: n, ...t }, r) => c.createElement(ng, { ref: r, className: X("rt-HoverCardTrigger", n), ...t, asChild: !0 }, Hr(e)));
 vd.displayName = "HoverCard.Trigger";
 const hd = c.forwardRef((e, n) => {
-  const { className: t, forceMount: r, container: o, ...a } = ee(e, qw);
+  const { className: t, forceMount: r, container: o, ...a } = te(e, qw);
   return c.createElement(rg, { container: o, forceMount: r }, c.createElement(Je, { asChild: !0 }, c.createElement(og, { align: "start", sideOffset: 8, collisionPadding: 10, ...a, ref: n, className: X("rt-PopperContent", "rt-HoverCardContent", t) })));
 });
 hd.displayName = "HoverCard.Content";
@@ -8395,7 +8395,7 @@ gd.displayName = "Popover.Root";
 const bd = c.forwardRef(({ children: e, ...n }, t) => c.createElement(pg, { ...n, ref: t, asChild: !0 }, Hr(e)));
 bd.displayName = "Popover.Trigger";
 const yd = c.forwardRef((e, n) => {
-  const { className: t, forceMount: r, container: o, ...a } = ee(e, Jw);
+  const { className: t, forceMount: r, container: o, ...a } = te(e, Jw);
   return c.createElement(mg, { container: o, forceMount: r }, c.createElement(Je, { asChild: !0 }, c.createElement(vg, { align: "start", sideOffset: 8, collisionPadding: 10, ...a, ref: n, className: X("rt-PopperContent", "rt-PopoverContent", t) })));
 });
 yd.displayName = "Popover.Content";
@@ -8404,12 +8404,12 @@ Kw.displayName = "Popover.Close";
 const _w = c.forwardRef(({ children: e, ...n }, t) => c.createElement(fg, { ...n, ref: t }));
 _w.displayName = "Popover.Anchor";
 const $w = ["1", "2", "3"], ex = ["classic", "surface", "soft"], tx = { size: { type: "enum", className: "rt-r-size", values: $w, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: ex, default: "surface" }, ...pe, ...we, ...Ue, duration: { type: "string" } }, Gr = c.forwardRef((e, n) => {
-  const { className: t, style: r, color: o, radius: a, duration: s, ...i } = ee(e, tx, se);
+  const { className: t, style: r, color: o, radius: a, duration: s, ...i } = te(e, tx, se);
   return c.createElement(Ng, { "data-accent-color": o, "data-radius": a, ref: n, className: X("rt-ProgressRoot", t), style: sn({ "--progress-duration": "value" in i ? void 0 : s, "--progress-value": "value" in i ? i.value : void 0, "--progress-max": "max" in i ? i.max : void 0 }, r), ...i, asChild: !1 }, c.createElement(Cg, { className: "rt-ProgressIndicator" }));
 });
 Gr.displayName = "Progress";
 const nx = ["1", "2", "3"], rx = ["classic", "surface", "soft"], Kt = { ...Se, size: { type: "enum", className: "rt-r-size", values: nx, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: rx, default: "surface" }, ...pe, ...we }, wd = "RadioGroup", [ox] = re(wd, [dA]), xd = dA(), [ax, Pd] = ox(wd), Nd = c.forwardRef(({ color: e = Kt.color.default, highContrast: n = Kt.highContrast.default, size: t = Kt.size.default, variant: r = Kt.variant.default, ...o }, a) => {
-  const { __scopeRadioGroup: s, className: i, ...l } = ee(o, se), A = xd(s);
+  const { __scopeRadioGroup: s, className: i, ...l } = te(o, se), A = xd(s);
   return c.createElement(ax, { scope: s, color: e, highContrast: n, size: t, variant: r }, c.createElement(kg, { ...A, ...l, ref: a, className: X("rt-RadioGroupRoot", i) }));
 });
 Nd.displayName = "RadioGroup.Root";
@@ -8419,7 +8419,7 @@ const Cd = c.forwardRef((e, n) => {
 });
 Cd.displayName = "RadioGroup.Item";
 const Io = c.forwardRef(({ __scopeRadioGroup: e, ...n }, t) => {
-  const r = Pd("RadioGroupItemRadio", e), o = xd(e), { color: a, className: s } = ee({ ...n, ...r }, Kt, se);
+  const r = Pd("RadioGroupItemRadio", e), o = xd(e), { color: a, className: s } = te({ ...n, ...r }, Kt, se);
   return c.createElement(Bg, { ...o, "data-accent-color": a, ...n, asChild: !1, ref: t, className: X("rt-reset", "rt-BaseRadioRoot", s) });
 });
 Io.displayName = "RadioGroup.ItemRadio";
@@ -8429,12 +8429,12 @@ const sx = ["1", "2", "3"], Za = { size: { type: "enum", className: "rt-r-size",
 };
 Sd.displayName = "Select.Root";
 const Ed = c.forwardRef((e, n) => {
-  const t = c.useContext(Ya), { children: r, className: o, color: a, radius: s, placeholder: i, ...l } = ee({ size: t == null ? void 0 : t.size, ...e }, { size: Za.size }, cx, se);
+  const t = c.useContext(Ya), { children: r, className: o, color: a, radius: s, placeholder: i, ...l } = te({ size: t == null ? void 0 : t.size, ...e }, { size: Za.size }, cx, se);
   return c.createElement(bb, { asChild: !0 }, c.createElement("button", { "data-accent-color": a, "data-radius": s, ...l, ref: n, className: X("rt-reset", "rt-SelectTrigger", o) }, c.createElement("span", { className: "rt-SelectTriggerInner" }, c.createElement(yb, { placeholder: i }, r)), c.createElement(wb, { asChild: !0 }, c.createElement(cd, { className: "rt-SelectIcon" }))));
 });
 Ed.displayName = "Select.Trigger";
 const Od = c.forwardRef((e, n) => {
-  const t = c.useContext(Ya), { className: r, children: o, color: a, container: s, ...i } = ee({ size: t == null ? void 0 : t.size, ...e }, { size: Za.size }, Ax), l = Qu(), A = a || l.accentColor;
+  const t = c.useContext(Ya), { className: r, children: o, color: a, container: s, ...i } = te({ size: t == null ? void 0 : t.size, ...e }, { size: Za.size }, Ax), l = Qu(), A = a || l.accentColor;
   return c.createElement(xb, { container: s }, c.createElement(Je, { asChild: !0 }, c.createElement(Pb, { "data-accent-color": A, sideOffset: 4, ...i, asChild: !1, ref: n, className: X({ "rt-PopperContent": i.position === "popper" }, "rt-SelectContent", r) }, c.createElement(MA, { type: "auto", className: "rt-ScrollAreaRoot" }, c.createElement(Nb, { asChild: !0, className: "rt-SelectViewport" }, c.createElement(DA, { className: "rt-ScrollAreaViewport", style: { overflowY: void 0 } }, o)), c.createElement(wo, { className: "rt-ScrollAreaScrollbar rt-r-size-1", orientation: "vertical" }, c.createElement(xo, { className: "rt-ScrollAreaThumb" }))))));
 });
 Od.displayName = "Select.Content";
@@ -8450,27 +8450,27 @@ dx.displayName = "Select.Label";
 const Vx = c.forwardRef(({ className: e, ...n }, t) => c.createElement(Mb, { ...n, asChild: !1, ref: t, className: X("rt-SelectSeparator", e) }));
 Vx.displayName = "Select.Separator";
 const fx = ["horizontal", "vertical"], px = ["1", "2", "3", "4"], mx = { orientation: { type: "enum", className: "rt-r-orientation", values: fx, default: "horizontal", responsive: !0 }, size: { type: "enum", className: "rt-r-size", values: px, default: "1", responsive: !0 }, color: { ...pe.color, default: "gray" }, decorative: { type: "boolean", default: !0 } }, Md = c.forwardRef((e, n) => {
-  const { className: t, color: r, decorative: o, ...a } = ee(e, mx, se);
+  const { className: t, color: r, decorative: o, ...a } = te(e, mx, se);
   return c.createElement("span", { "data-accent-color": r, role: o ? void 0 : "separator", ...a, ref: n, className: X("rt-Separator", t) });
 });
 Md.displayName = "Separator";
 const vx = ["1", "2", "3"], hx = ["classic", "surface", "soft"], gx = { size: { type: "enum", className: "rt-r-size", values: vx, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: hx, default: "surface" }, ...pe, ...we, ...Ue }, Dd = c.forwardRef((e, n) => {
-  const { className: t, color: r, radius: o, tabIndex: a, ...s } = ee(e, gx, se);
+  const { className: t, color: r, radius: o, tabIndex: a, ...s } = te(e, gx, se);
   return c.createElement(Fb, { "data-accent-color": r, "data-radius": o, ref: n, ...s, asChild: !1, className: X("rt-SliderRoot", t) }, c.createElement(qb, { className: "rt-SliderTrack" }, c.createElement(Ub, { className: X("rt-SliderRange", { "rt-high-contrast": e.highContrast }), "data-inverted": s.inverted ? "" : void 0 })), (s.value ?? s.defaultValue ?? []).map((i, l) => c.createElement(Jb, { key: l, className: "rt-SliderThumb", ...a !== void 0 ? { tabIndex: a } : void 0 })));
 });
 Dd.displayName = "Slider";
 const bx = ["1", "2", "3"], yx = ["classic", "surface", "soft"], wx = { size: { type: "enum", className: "rt-r-size", values: bx, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: yx, default: "surface" }, ...pe, ...we, ...Ue }, Qa = c.forwardRef((e, n) => {
-  const { className: t, color: r, radius: o, ...a } = ee(e, wx, se);
+  const { className: t, color: r, radius: o, ...a } = te(e, wx, se);
   return c.createElement(ty, { "data-accent-color": r, "data-radius": o, ...a, asChild: !1, ref: n, className: X("rt-reset", "rt-SwitchRoot", t) }, c.createElement(ny, { className: X("rt-SwitchThumb", { "rt-high-contrast": e.highContrast }) }));
 });
 Qa.displayName = "Switch";
 const xx = ["1", "2"], Px = ["nowrap", "wrap", "wrap-reverse"], Nx = ["start", "center", "end"], Cx = { size: { type: "enum", className: "rt-r-size", values: xx, default: "2", responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: Px, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: Nx, responsive: !0 }, ...pe, ...we }, zd = c.forwardRef((e, n) => {
-  const { className: t, ...r } = ee(e, se);
+  const { className: t, ...r } = te(e, se);
   return c.createElement(ay, { ...r, ref: n, className: X("rt-TabsRoot", t) });
 });
 zd.displayName = "Tabs.Root";
 const Id = c.forwardRef((e, n) => {
-  const { className: t, color: r, ...o } = ee(e, Cx, se);
+  const { className: t, color: r, ...o } = te(e, Cx, se);
   return c.createElement(sy, { "data-accent-color": r, ...o, asChild: !1, ref: n, className: X("rt-BaseTabList", "rt-TabsList", t) });
 });
 Id.displayName = "Tabs.List";
@@ -8480,17 +8480,17 @@ const Rd = c.forwardRef((e, n) => {
 });
 Rd.displayName = "Tabs.Trigger";
 const Ld = c.forwardRef((e, n) => {
-  const { className: t, ...r } = ee(e, se);
+  const { className: t, ...r } = te(e, se);
   return c.createElement(cy, { ...r, ref: n, className: X("rt-TabsContent", t) });
 });
 Ld.displayName = "Tabs.Content";
 const Sx = ["1", "2", "3"], Ex = ["classic", "surface", "soft"], Ox = ["none", "vertical", "horizontal", "both"], Tx = { size: { type: "enum", className: "rt-r-size", values: Sx, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Ex, default: "surface" }, resize: { type: "enum", className: "rt-r-resize", values: Ox, responsive: !0 }, ...pe, ...Ue }, kd = c.forwardRef((e, n) => {
-  const { className: t, color: r, radius: o, style: a, ...s } = ee(e, Tx, se);
+  const { className: t, color: r, radius: o, style: a, ...s } = te(e, Tx, se);
   return c.createElement("div", { "data-accent-color": r, "data-radius": o, className: X("rt-TextAreaRoot", t), style: a }, c.createElement("textarea", { className: "rt-reset rt-TextAreaInput", ref: n, ...s }));
 });
 kd.displayName = "TextArea";
 const Mx = { content: { type: "ReactNode", required: !0 }, width: Be.width, minWidth: Be.minWidth, maxWidth: { ...Be.maxWidth, default: "360px" } }, Bd = c.forwardRef((e, n) => {
-  const { children: t, className: r, open: o, defaultOpen: a, onOpenChange: s, delayDuration: i, disableHoverableContent: l, content: A, container: V, forceMount: d, ...f } = ee(e, Mx), p = { open: o, defaultOpen: a, onOpenChange: s, delayDuration: i, disableHoverableContent: l };
+  const { children: t, className: r, open: o, defaultOpen: a, onOpenChange: s, delayDuration: i, disableHoverableContent: l, content: A, container: V, forceMount: d, ...f } = te(e, Mx), p = { open: o, defaultOpen: a, onOpenChange: s, delayDuration: i, disableHoverableContent: l };
   return c.createElement(Ny, { ...p }, c.createElement(Cy, { asChild: !0 }, t), c.createElement(Sy, { container: V, forceMount: d }, c.createElement(Je, { asChild: !0 }, c.createElement(Ey, { sideOffset: 4, collisionPadding: 10, ...f, asChild: !1, ref: n, className: X("rt-TooltipContent", r) }, c.createElement(at, { as: "p", className: "rt-TooltipText", size: "1" }, A), c.createElement(Oy, { className: "rt-TooltipArrow" })))));
 });
 Bd.displayName = "Tooltip";
@@ -8532,17 +8532,17 @@ const Xd = bV({
     ...l
   }, A) => {
     const V = ["ds-accordion", i].filter(Boolean).join(" "), d = {
-      "--accordion-trigger-color": r ? O(r) : void 0,
-      "--accordion-content-color": o ? O(o) : void 0,
-      "--accordion-border-color": a ? O(a) : void 0,
-      "--accordion-bg-color": s ? O(s) : void 0
-    }, f = n.map((p) => /* @__PURE__ */ T(
+      "--accordion-trigger-color": r ? T(r) : void 0,
+      "--accordion-content-color": o ? T(o) : void 0,
+      "--accordion-border-color": a ? T(a) : void 0,
+      "--accordion-bg-color": s ? T(s) : void 0
+    }, f = n.map((p) => /* @__PURE__ */ O(
       cf,
       {
         value: p.value,
         className: "ds-accordion__item",
         children: [
-          /* @__PURE__ */ u(lf, { className: "ds-accordion__header", children: /* @__PURE__ */ T(Af, { className: "ds-accordion__trigger", children: [
+          /* @__PURE__ */ u(lf, { className: "ds-accordion__header", children: /* @__PURE__ */ O(Af, { className: "ds-accordion__trigger", children: [
             p.trigger,
             /* @__PURE__ */ u(
               "svg",
@@ -8617,17 +8617,17 @@ const zx = S.forwardRef(
     ...p
   }, v) => {
     const m = {
-      "--alert-dialog-overlay-color": i ? O(i) : void 0,
-      "--alert-dialog-bg-color": l ? O(l) : void 0,
-      "--alert-dialog-title-color": A ? O(A) : void 0,
-      "--alert-dialog-desc-color": V ? O(V) : void 0,
-      "--alert-dialog-action-color": d ? O(d) : void 0
+      "--alert-dialog-overlay-color": i ? T(i) : void 0,
+      "--alert-dialog-bg-color": l ? T(l) : void 0,
+      "--alert-dialog-title-color": A ? T(A) : void 0,
+      "--alert-dialog-desc-color": V ? T(V) : void 0,
+      "--alert-dialog-action-color": d ? T(d) : void 0
     };
-    return /* @__PURE__ */ T(Dp, { ...p, children: [
+    return /* @__PURE__ */ O(Dp, { ...p, children: [
       e && /* @__PURE__ */ u(zp, { asChild: !0, children: e }),
-      /* @__PURE__ */ T(Ip, { children: [
+      /* @__PURE__ */ O(Ip, { children: [
         /* @__PURE__ */ u(Rp, { className: "ds-alert-dialog__overlay", style: m }),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ O(
           Lp,
           {
             ref: v,
@@ -8636,7 +8636,7 @@ const zx = S.forwardRef(
             children: [
               /* @__PURE__ */ u(Xp, { className: "ds-alert-dialog__title", children: n }),
               /* @__PURE__ */ u(Wp, { className: "ds-alert-dialog__description", children: t }),
-              /* @__PURE__ */ T("div", { className: "ds-alert-dialog__actions", children: [
+              /* @__PURE__ */ O("div", { className: "ds-alert-dialog__actions", children: [
                 /* @__PURE__ */ u(Bp, { asChild: !0, children: /* @__PURE__ */ u("button", { className: "ds-alert-dialog__button ds-alert-dialog__button--cancel", onClick: s, children: r }) }),
                 /* @__PURE__ */ u(kp, { asChild: !0, children: /* @__PURE__ */ u("button", { className: "ds-alert-dialog__button ds-alert-dialog__button--action", onClick: a, children: o }) })
               ] })
@@ -8662,8 +8662,8 @@ const Ix = S.forwardRef(
     ...A
   }, V) => {
     const d = ["ds-avatar", l].filter(Boolean).join(" "), f = {
-      "--avatar-bg-color": s ? O(s) : void 0,
-      "--avatar-text-color": i ? O(i) : void 0
+      "--avatar-bg-color": s ? T(s) : void 0,
+      "--avatar-text-color": i ? T(i) : void 0
     };
     return /* @__PURE__ */ u(
       Uu,
@@ -8710,7 +8710,7 @@ const Rx = S.forwardRef(
       f && `ds-badge--${r}`,
       A
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ O(
       Ku,
       {
         ref: d,
@@ -8723,9 +8723,9 @@ const Rx = S.forwardRef(
         "data-color": r,
         "data-high-contrast": o,
         style: {
-          "--badge-bg-color": a ? O(a) : void 0,
-          "--badge-text-color": s ? O(s) : void 0,
-          "--badge-border-color": i ? O(i) : void 0
+          "--badge-bg-color": a ? T(a) : void 0,
+          "--badge-text-color": s ? T(s) : void 0,
+          "--badge-border-color": i ? T(i) : void 0
         },
         ...V,
         children: [
@@ -8769,7 +8769,7 @@ const et = S.forwardRef(
       m && `ds-button--${r}`,
       f
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ O(
       td,
       {
         ref: v,
@@ -8782,13 +8782,13 @@ const et = S.forwardRef(
         "data-variant": n,
         "data-color": r,
         style: {
-          "--button-bg-color": o ? O(o) : void 0,
-          "--button-text-color": a ? O(a) : void 0,
-          "--button-border-color": s ? O(s) : void 0
+          "--button-bg-color": o ? T(o) : void 0,
+          "--button-text-color": a ? T(a) : void 0,
+          "--button-border-color": s ? T(s) : void 0
         },
         ...p,
         children: [
-          i && /* @__PURE__ */ u("span", { className: "ds-button__spinner", "aria-hidden": "true", children: /* @__PURE__ */ T(
+          i && /* @__PURE__ */ u("span", { className: "ds-button__spinner", "aria-hidden": "true", children: /* @__PURE__ */ O(
             "svg",
             {
               className: "ds-button__spinner-icon",
@@ -8839,9 +8839,9 @@ const Lx = S.forwardRef(
     ...i
   }, l) => {
     const A = ["ds-card", a].filter(Boolean).join(" "), V = {
-      "--card-bg-color": t ? O(t) : void 0,
-      "--card-border-color": r ? O(r) : void 0,
-      "--card-text-color": o ? O(o) : void 0
+      "--card-bg-color": t ? T(t) : void 0,
+      "--card-border-color": r ? T(r) : void 0,
+      "--card-text-color": o ? T(o) : void 0
     };
     return /* @__PURE__ */ u(
       ad,
@@ -8883,17 +8883,17 @@ const kx = S.forwardRef(
         size: e,
         className: `ds-checkbox ${A}`,
         style: {
-          "--checkbox-bg-color": a ? O(a) : void 0,
-          "--checkbox-checked-color": s ? O(s) : void 0,
-          "--checkbox-border-color": i ? O(i) : void 0,
-          "--checkbox-checkmark-color": l ? O(l) : void 0
+          "--checkbox-bg-color": a ? T(a) : void 0,
+          "--checkbox-checked-color": s ? T(s) : void 0,
+          "--checkbox-border-color": i ? T(i) : void 0,
+          "--checkbox-checkmark-color": l ? T(l) : void 0
         },
         ...V
       }
     );
-    return !t && !p ? /* @__PURE__ */ u("div", { className: v, children: m }) : /* @__PURE__ */ u("div", { className: v, children: /* @__PURE__ */ T("div", { className: "ds-checkbox-container", children: [
+    return !t && !p ? /* @__PURE__ */ u("div", { className: v, children: m }) : /* @__PURE__ */ u("div", { className: v, children: /* @__PURE__ */ O("div", { className: "ds-checkbox-container", children: [
       m,
-      t && /* @__PURE__ */ T("div", { className: "ds-checkbox-label-container", children: [
+      t && /* @__PURE__ */ O("div", { className: "ds-checkbox-label-container", children: [
         /* @__PURE__ */ u("label", { className: "ds-checkbox-label", children: t }),
         p && /* @__PURE__ */ u(
           "div",
@@ -8922,16 +8922,16 @@ const Bx = S.forwardRef(
     ...V
   }, d) => {
     const f = {
-      "--dialog-overlay-color": a ? O(a) : void 0,
-      "--dialog-bg-color": s ? O(s) : void 0,
-      "--dialog-title-color": i ? O(i) : void 0,
-      "--dialog-desc-color": l ? O(l) : void 0
+      "--dialog-overlay-color": a ? T(a) : void 0,
+      "--dialog-bg-color": s ? T(s) : void 0,
+      "--dialog-title-color": i ? T(i) : void 0,
+      "--dialog-desc-color": l ? T(l) : void 0
     };
-    return /* @__PURE__ */ T(na, { ...V, children: [
+    return /* @__PURE__ */ O(na, { ...V, children: [
       e && /* @__PURE__ */ u(ra, { asChild: !0, children: e }),
-      /* @__PURE__ */ T(oa, { children: [
+      /* @__PURE__ */ O(oa, { children: [
         /* @__PURE__ */ u(aa, { className: "ds-dialog__overlay", style: f }),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ O(
           sa,
           {
             ref: d,
@@ -8983,10 +8983,10 @@ const Xx = S.forwardRef(
     ...A
   }, V) => {
     const d = {
-      "--dropdown-menu-bg-color": a ? O(a) : void 0,
-      "--dropdown-menu-text-color": s ? O(s) : void 0
+      "--dropdown-menu-bg-color": a ? T(a) : void 0,
+      "--dropdown-menu-text-color": s ? T(s) : void 0
     };
-    return /* @__PURE__ */ T(ud, { ...A, children: [
+    return /* @__PURE__ */ O(ud, { ...A, children: [
       /* @__PURE__ */ u(dd, { children: e }),
       /* @__PURE__ */ u(
         fd,
@@ -9025,10 +9025,10 @@ const Wx = S.forwardRef(
     ...s
   }, i) => {
     const l = {
-      "--hover-card-bg-color": t ? O(t) : void 0,
-      "--hover-card-text-color": r ? O(r) : void 0
+      "--hover-card-bg-color": t ? T(t) : void 0,
+      "--hover-card-text-color": r ? T(r) : void 0
     };
-    return /* @__PURE__ */ T(md, { ...s, children: [
+    return /* @__PURE__ */ O(md, { ...s, children: [
       /* @__PURE__ */ u(vd, { children: e }),
       /* @__PURE__ */ u(
         hd,
@@ -9056,9 +9056,9 @@ const Hx = S.forwardRef(
     ...i
   }, l) => {
     const A = ["ds-label", a].filter(Boolean).join(" "), V = {
-      "--label-text-color": t ? O(t) : void 0
+      "--label-text-color": t ? T(t) : void 0
     };
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ O(
       at,
       {
         ref: l,
@@ -9090,10 +9090,10 @@ const jx = S.forwardRef(
     ...i
   }, l) => {
     const A = {
-      "--popover-bg-color": r ? O(r) : void 0,
-      "--popover-text-color": o ? O(o) : void 0
+      "--popover-bg-color": r ? T(r) : void 0,
+      "--popover-text-color": o ? T(o) : void 0
     };
-    return /* @__PURE__ */ T(gd, { ...i, children: [
+    return /* @__PURE__ */ O(gd, { ...i, children: [
       /* @__PURE__ */ u(bd, { children: e }),
       /* @__PURE__ */ u(
         yd,
@@ -9122,8 +9122,8 @@ const Gx = S.forwardRef(
     ...i
   }, l) => {
     const A = ["ds-progress", s].filter(Boolean).join(" "), V = {
-      "--progress-bg-color": o ? O(o) : void 0,
-      "--progress-fill-color": a ? O(a) : void 0
+      "--progress-bg-color": o ? T(o) : void 0,
+      "--progress-fill-color": a ? T(a) : void 0
     };
     return /* @__PURE__ */ u(
       Gr,
@@ -9209,8 +9209,8 @@ const Zx = S.forwardRef(
         "data-high-contrast": r,
         "data-indeterminate": l,
         style: {
-          "--progress-bg-color": A ? O(A) : void 0,
-          "--progress-fill-color": V ? O(V) : void 0
+          "--progress-bg-color": A ? T(A) : void 0,
+          "--progress-fill-color": V ? T(V) : void 0
         },
         ...f
       }
@@ -9230,8 +9230,8 @@ const Wd = S.forwardRef(
     ...i
   }, l) => {
     const A = ["ds-radio-group", a].filter(Boolean).join(" "), V = {
-      "--radio-group-color": r ? O(r) : void 0,
-      "--radio-group-text-color": o ? O(o) : void 0
+      "--radio-group-color": r ? T(r) : void 0,
+      "--radio-group-text-color": o ? T(o) : void 0
     };
     return /* @__PURE__ */ u(
       Nd,
@@ -9268,7 +9268,7 @@ const Yx = S.forwardRef(
     ...a
   }, s) => {
     const i = ["ds-scroll-area", r].filter(Boolean).join(" "), l = {
-      "--scroll-area-scrollbar-color": t ? O(t) : void 0
+      "--scroll-area-scrollbar-color": t ? T(t) : void 0
     };
     return /* @__PURE__ */ u(
       jr,
@@ -9298,10 +9298,10 @@ const Qx = S.forwardRef(
     ...l
   }, A) => {
     const V = {
-      "--select-bg-color": o ? O(o) : void 0,
-      "--select-text-color": a ? O(a) : void 0
+      "--select-bg-color": o ? T(o) : void 0,
+      "--select-text-color": a ? T(a) : void 0
     };
-    return /* @__PURE__ */ T(Sd, { ...l, children: [
+    return /* @__PURE__ */ O(Sd, { ...l, children: [
       /* @__PURE__ */ u(
         Ed,
         {
@@ -9342,7 +9342,7 @@ const Fx = S.forwardRef(
         orientation: n,
         className: s,
         style: {
-          "--separator-color": t ? O(t) : void 0
+          "--separator-color": t ? T(t) : void 0
         },
         ...o
       }
@@ -9364,8 +9364,8 @@ const qx = S.forwardRef(
     ...A
   }, V) => {
     const d = ["ds-slider", l].filter(Boolean).join(" "), f = {
-      "--slider-track-color": s ? O(s) : void 0,
-      "--slider-thumb-color": i ? O(i) : void 0
+      "--slider-track-color": s ? T(s) : void 0,
+      "--slider-thumb-color": i ? T(i) : void 0
     };
     return /* @__PURE__ */ u(
       Dd,
@@ -9440,21 +9440,21 @@ const Ro = S.forwardRef(
       P && `ds-stepper--${t}`,
       `ds-stepper--text-${d}`,
       g
-    ].filter(Boolean).join(" "), D = V === "percentage" ? `${Math.round(x)}%` : v.replace("{current}", s.toString()).replace("{total}", i.toString());
-    return /* @__PURE__ */ T(
+    ].filter(Boolean).join(" "), z = V === "percentage" ? `${Math.round(x)}%` : v.replace("{current}", s.toString()).replace("{total}", i.toString());
+    return /* @__PURE__ */ O(
       "div",
       {
         className: N,
         ref: w,
         style: {
-          "--stepper-bg-color": o ? O(o) : void 0,
-          "--stepper-bar-color": r ? O(r) : void 0,
-          "--stepper-text-color": f ? O(f) : void 0
+          "--stepper-bg-color": o ? T(o) : void 0,
+          "--stepper-bar-color": r ? T(r) : void 0,
+          "--stepper-text-color": f ? T(f) : void 0
         },
         children: [
-          (d === "top-left" || d === "top-center" || d === "top-right" || d === "left") && /* @__PURE__ */ T("div", { className: "ds-stepper__text-container", children: [
+          (d === "top-left" || d === "top-center" || d === "top-right" || d === "left") && /* @__PURE__ */ O("div", { className: "ds-stepper__text-container", children: [
             m && /* @__PURE__ */ u("span", { className: "ds-stepper__start-text", children: m }),
-            p && /* @__PURE__ */ u("span", { className: "ds-stepper__text", "data-size": n, children: D }),
+            p && /* @__PURE__ */ u("span", { className: "ds-stepper__text", "data-size": n, children: z }),
             h && /* @__PURE__ */ u("span", { className: "ds-stepper__end-text", children: h })
           ] }),
           /* @__PURE__ */ u(
@@ -9475,9 +9475,9 @@ const Ro = S.forwardRef(
               ...y
             }
           ),
-          (d === "bottom-left" || d === "bottom-center" || d === "bottom-right" || d === "right") && /* @__PURE__ */ T("div", { className: "ds-stepper__text-container", children: [
+          (d === "bottom-left" || d === "bottom-center" || d === "bottom-right" || d === "right") && /* @__PURE__ */ O("div", { className: "ds-stepper__text-container", children: [
             m && /* @__PURE__ */ u("span", { className: "ds-stepper__start-text", children: m }),
-            p && /* @__PURE__ */ u("span", { className: "ds-stepper__text", "data-size": n, children: D }),
+            p && /* @__PURE__ */ u("span", { className: "ds-stepper__text", "data-size": n, children: z }),
             h && /* @__PURE__ */ u("span", { className: "ds-stepper__end-text", children: h })
           ] })
         ]
@@ -9510,15 +9510,15 @@ const Ux = S.forwardRef(
         size: e,
         className: `ds-switch ${l}`,
         style: {
-          "--switch-bg-color": a ? O(a) : void 0,
-          "--switch-checked-color": s ? O(s) : void 0,
-          "--switch-thumb-color": i ? O(i) : void 0
+          "--switch-bg-color": a ? T(a) : void 0,
+          "--switch-checked-color": s ? T(s) : void 0,
+          "--switch-thumb-color": i ? T(i) : void 0
         },
         ...A
       }
     );
-    return !t && !r ? f : /* @__PURE__ */ T("div", { className: d, children: [
-      /* @__PURE__ */ T("div", { className: "ds-switch-container", children: [
+    return !t && !r ? f : /* @__PURE__ */ O("div", { className: d, children: [
+      /* @__PURE__ */ O("div", { className: "ds-switch-container", children: [
         o === "left" && t && /* @__PURE__ */ u("label", { className: "ds-switch-label", children: t }),
         f,
         o === "right" && t && /* @__PURE__ */ u("label", { className: "ds-switch-label", children: t })
@@ -9537,10 +9537,10 @@ const Jx = S.forwardRef(
     ...o
   }, a) => {
     const s = ["ds-tabs", r].filter(Boolean).join(" "), i = {
-      "--tabs-active-color": n ? O(n) : void 0,
-      "--tabs-text-color": t ? O(t) : void 0
+      "--tabs-active-color": n ? T(n) : void 0,
+      "--tabs-text-color": t ? T(t) : void 0
     };
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ O(
       zd,
       {
         ref: a,
@@ -9579,10 +9579,10 @@ const Kx = S.forwardRef(
     ...V
   }, d) => {
     const f = ["ds-toast", l].filter(Boolean).join(" "), p = {
-      "--toast-bg-color": s ? O(s) : void 0,
-      "--toast-text-color": i ? O(i) : void 0
+      "--toast-bg-color": s ? T(s) : void 0,
+      "--toast-text-color": i ? T(i) : void 0
     };
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ O(
       rd,
       {
         ref: d,
@@ -9594,7 +9594,7 @@ const Kx = S.forwardRef(
         ...V,
         children: [
           a && /* @__PURE__ */ u(od, { children: a }),
-          (r || o || A) && /* @__PURE__ */ T("div", { children: [
+          (r || o || A) && /* @__PURE__ */ O("div", { children: [
             r && /* @__PURE__ */ u("div", { className: "ds-toast__title", children: r }),
             o && /* @__PURE__ */ u("div", { className: "ds-toast__message", children: o }),
             A
@@ -9627,14 +9627,14 @@ const _x = S.forwardRef(
         size: e,
         className: A,
         style: {
-          "--toggle-bg-color": r ? O(r) : void 0,
-          "--toggle-active-color": o ? O(o) : void 0,
-          "--toggle-text-color": a ? O(a) : void 0
+          "--toggle-bg-color": r ? T(r) : void 0,
+          "--toggle-active-color": o ? T(o) : void 0,
+          "--toggle-text-color": a ? T(a) : void 0
         },
         ...i
       }
     );
-    return t ? /* @__PURE__ */ T("div", { className: "ds-toggle-wrapper", children: [
+    return t ? /* @__PURE__ */ O("div", { className: "ds-toggle-wrapper", children: [
       V,
       /* @__PURE__ */ u("label", { className: "ds-toggle-label", children: t })
     ] }) : V;
@@ -9651,8 +9651,8 @@ const $x = S.forwardRef(
     ...a
   }, s) => {
     const i = ["ds-tooltip", o].filter(Boolean).join(" "), l = {
-      "--tooltip-bg-color": t ? O(t) : void 0,
-      "--tooltip-text-color": r ? O(r) : void 0
+      "--tooltip-bg-color": t ? T(t) : void 0,
+      "--tooltip-text-color": r ? T(r) : void 0
     };
     return /* @__PURE__ */ u(
       Bd,
@@ -10106,12 +10106,12 @@ function yP(e, n, t, r) {
     }), f = [];
   }
   function x(C, b, N) {
-    const z = b !== "success";
-    switch (f = f.filter((D) => D !== C), l) {
+    const I = b !== "success";
+    switch (f = f.filter((z) => z !== C), l) {
       case "pending":
         break;
       case "failed":
-        if (z || !e.dataAfterTimeout) return;
+        if (I || !e.dataAfterTimeout) return;
         break;
       default:
         return;
@@ -10120,16 +10120,16 @@ function yP(e, n, t, r) {
       V = N, y();
       return;
     }
-    if (z) {
+    if (I) {
       V = N, f.length || (s.length ? P() : y());
       return;
     }
     if (v(), w(), !e.random) {
-      const D = e.resources.indexOf(C.resource);
-      D !== -1 && D !== e.index && (e.index = D);
+      const z = e.resources.indexOf(C.resource);
+      z !== -1 && z !== e.index && (e.index = z);
     }
-    l = "completed", p.forEach((D) => {
-      D(N);
+    l = "completed", p.forEach((z) => {
+      z(N);
     });
   }
   function P() {
@@ -10149,8 +10149,8 @@ function yP(e, n, t, r) {
     const b = {
       status: "pending",
       resource: C,
-      callback: (N, z) => {
-        x(b, N, z);
+      callback: (N, I) => {
+        x(b, N, I);
       }
     };
     f.push(b), A++, d = setTimeout(P, e.rotate), t(C, n, b.callback);
@@ -11098,13 +11098,13 @@ const Ge = S.forwardRef(
       s && "ds-radio-selector--disabled",
       l
     ].filter(Boolean).join(" "), w = {
-      "--radio-selector-active-border": A ? O(A) : void 0,
-      "--radio-selector-active-bg": V ? O(V) : void 0,
-      "--radio-selector-active-text": d ? O(d) : void 0,
-      "--radio-selector-default-border": f ? O(f) : void 0,
-      "--radio-selector-default-text": p ? O(p) : void 0
+      "--radio-selector-active-border": A ? T(A) : void 0,
+      "--radio-selector-active-bg": V ? T(V) : void 0,
+      "--radio-selector-active-text": d ? T(d) : void 0,
+      "--radio-selector-default-border": f ? T(f) : void 0,
+      "--radio-selector-default-text": p ? T(p) : void 0
     }, x = r.startsWith("solar:") ? r : `solar:${r}`;
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ O(
       "div",
       {
         ref: g,
@@ -11117,7 +11117,7 @@ const Ge = S.forwardRef(
         tabIndex: s ? -1 : 0,
         children: [
           n && /* @__PURE__ */ u("div", { className: "ds-radio-selector__icon", children: /* @__PURE__ */ u(be, { icon: x, width: 24, height: 24 }) }),
-          /* @__PURE__ */ T("div", { className: "ds-radio-selector__content", children: [
+          /* @__PURE__ */ O("div", { className: "ds-radio-selector__content", children: [
             /* @__PURE__ */ u("div", { className: "ds-radio-selector__title", children: o }),
             t && a && /* @__PURE__ */ u("div", { className: "ds-radio-selector__subtext", children: a })
           ] }),
@@ -11150,17 +11150,17 @@ const aV = S.forwardRef(
       r && "ds-checkbox-chip--disabled",
       a
     ].filter(Boolean).join(" "), m = {
-      "--checkbox-chip-checked-border": s ? O(s) : void 0,
-      "--checkbox-chip-checked-bg": i ? O(i) : void 0,
-      "--checkbox-chip-checked-text": l ? O(l) : void 0,
-      "--checkbox-chip-checked-icon": A ? O(A) : void 0,
-      "--checkbox-chip-default-border": V ? O(V) : void 0,
-      "--checkbox-chip-default-text": d ? O(d) : void 0,
-      "--checkbox-chip-default-icon": f ? O(f) : void 0
+      "--checkbox-chip-checked-border": s ? T(s) : void 0,
+      "--checkbox-chip-checked-bg": i ? T(i) : void 0,
+      "--checkbox-chip-checked-text": l ? T(l) : void 0,
+      "--checkbox-chip-checked-icon": A ? T(A) : void 0,
+      "--checkbox-chip-default-border": V ? T(V) : void 0,
+      "--checkbox-chip-default-text": d ? T(d) : void 0,
+      "--checkbox-chip-default-icon": f ? T(f) : void 0
     }, h = () => {
       !r && o && o(!n);
     }, g = t && (t.includes(".svg") || t.startsWith("/") || t.startsWith("http") || t.includes("data:image")), y = !g && t ? t.startsWith("solar:") ? t : `solar:${t}` : void 0;
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ O(
       "button",
       {
         ref: p,
@@ -11202,8 +11202,8 @@ const pt = S.forwardRef(
       if (!p.current) return;
       const w = p.current, x = w.querySelectorAll(".ds-checkbox-chip");
       if (x.length === 0) return;
-      const N = x[0].offsetHeight + 8, z = w.scrollHeight, D = Math.ceil(z / N);
-      m(D > r);
+      const N = x[0].offsetHeight + 8, I = w.scrollHeight, z = Math.ceil(I / N);
+      m(z > r);
     }, [e, r]);
     const h = (w, x) => {
       if (!t) return;
@@ -11249,15 +11249,15 @@ const sV = S.forwardRef(
     ...i
   }, l) => {
     const A = {
-      "--modal-overlay-color": r ? O(r) : void 0,
-      "--modal-bg-color": o ? O(o) : void 0,
+      "--modal-overlay-color": r ? T(r) : void 0,
+      "--modal-bg-color": o ? T(o) : void 0,
       "--modal-width": s
     };
-    return /* @__PURE__ */ T(na, { ...i, children: [
+    return /* @__PURE__ */ O(na, { ...i, children: [
       e && /* @__PURE__ */ u(ra, { asChild: !0, children: e }),
-      /* @__PURE__ */ u(oa, { children: /* @__PURE__ */ T(Je, { children: [
+      /* @__PURE__ */ u(oa, { children: /* @__PURE__ */ O(Je, { children: [
         /* @__PURE__ */ u(aa, { className: "ds-modal__overlay", style: A }),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ O(
           sa,
           {
             ref: l,
@@ -11284,11 +11284,11 @@ const iV = S.forwardRef(
     children: a
   }, s) => {
     const i = {
-      "--modal-title-color": t ? O(t) : void 0,
-      "--modal-desc-color": r ? O(r) : void 0
+      "--modal-title-color": t ? T(t) : void 0,
+      "--modal-desc-color": r ? T(r) : void 0
     };
-    return /* @__PURE__ */ T("div", { ref: s, className: `ds-modal__header ${o}`, style: i, children: [
-      /* @__PURE__ */ T("div", { className: "ds-modal__header-text", children: [
+    return /* @__PURE__ */ O("div", { ref: s, className: `ds-modal__header ${o}`, style: i, children: [
+      /* @__PURE__ */ O("div", { className: "ds-modal__header-text", children: [
         /* @__PURE__ */ u(ia, { asChild: !0, children: /* @__PURE__ */ u(at, { as: "div", className: "ds-modal__title", size: "3", weight: "bold", children: e }) }),
         n && /* @__PURE__ */ u(ca, { asChild: !0, children: /* @__PURE__ */ u(at, { as: "div", className: "ds-modal__description", size: "1", children: n }) })
       ] }),
@@ -11328,21 +11328,21 @@ const Ie = Object.assign(sV, {
     iconColorToken: A
   }, V) => {
     const d = ["ds-onboarding-info-box", t].filter(Boolean).join(" "), f = {
-      "--onboarding-info-box-bg": r ? O(r) : void 0,
-      "--onboarding-info-box-border": o ? O(o) : void 0,
-      "--onboarding-info-box-title": a ? O(a) : void 0,
-      "--onboarding-info-box-item-bg": s ? O(s) : void 0,
-      "--onboarding-info-box-item-title": i ? O(i) : void 0,
-      "--onboarding-info-box-item-description": l ? O(l) : void 0,
-      "--onboarding-info-box-icon": A ? O(A) : void 0
+      "--onboarding-info-box-bg": r ? T(r) : void 0,
+      "--onboarding-info-box-border": o ? T(o) : void 0,
+      "--onboarding-info-box-title": a ? T(a) : void 0,
+      "--onboarding-info-box-item-bg": s ? T(s) : void 0,
+      "--onboarding-info-box-item-title": i ? T(i) : void 0,
+      "--onboarding-info-box-item-description": l ? T(l) : void 0,
+      "--onboarding-info-box-icon": A ? T(A) : void 0
     };
-    return /* @__PURE__ */ T("div", { ref: V, className: d, style: f, children: [
+    return /* @__PURE__ */ O("div", { ref: V, className: d, style: f, children: [
       /* @__PURE__ */ u("h2", { className: "ds-onboarding-info-box__title", children: e }),
       /* @__PURE__ */ u("div", { className: "ds-onboarding-info-box__items", children: n.map((p, v) => {
         const m = p.icon.startsWith("solar:") ? p.icon : `solar:${p.icon}`;
-        return /* @__PURE__ */ T("div", { className: "ds-onboarding-info-box__item", children: [
+        return /* @__PURE__ */ O("div", { className: "ds-onboarding-info-box__item", children: [
           /* @__PURE__ */ u("div", { className: "ds-onboarding-info-box__item-icon", children: /* @__PURE__ */ u(be, { icon: m, width: 24, height: 24 }) }),
-          /* @__PURE__ */ T("div", { className: "ds-onboarding-info-box__item-content", children: [
+          /* @__PURE__ */ O("div", { className: "ds-onboarding-info-box__item-content", children: [
             /* @__PURE__ */ u("div", { className: "ds-onboarding-info-box__item-title", children: p.title }),
             /* @__PURE__ */ u("div", { className: "ds-onboarding-info-box__item-description", children: p.description })
           ] })
@@ -11370,21 +11370,21 @@ const Go = S.forwardRef(
     buttonTextColorToken: p
   }, v) => {
     const m = ["ds-cta-box", s].filter(Boolean).join(" "), h = {
-      "--cta-box-bg": i ? O(i) : void 0,
-      "--cta-box-border": l ? O(l) : void 0,
-      "--cta-box-label": A ? O(A) : void 0,
-      "--cta-box-heading": V ? O(V) : void 0,
-      "--cta-box-description": d ? O(d) : void 0,
-      "--cta-box-button-bg": f ? O(f) : void 0,
-      "--cta-box-button-text": p ? O(p) : void 0
+      "--cta-box-bg": i ? T(i) : void 0,
+      "--cta-box-border": l ? T(l) : void 0,
+      "--cta-box-label": A ? T(A) : void 0,
+      "--cta-box-heading": V ? T(V) : void 0,
+      "--cta-box-description": d ? T(d) : void 0,
+      "--cta-box-button-bg": f ? T(f) : void 0,
+      "--cta-box-button-text": p ? T(p) : void 0
     };
-    return /* @__PURE__ */ T("div", { ref: v, className: m, style: h, children: [
-      /* @__PURE__ */ T("div", { className: "ds-cta-box__text", children: [
+    return /* @__PURE__ */ O("div", { ref: v, className: m, style: h, children: [
+      /* @__PURE__ */ O("div", { className: "ds-cta-box__text", children: [
         /* @__PURE__ */ u("div", { className: "ds-cta-box__label", children: e }),
         /* @__PURE__ */ u("div", { className: "ds-cta-box__heading", children: n }),
         /* @__PURE__ */ u("div", { className: "ds-cta-box__description", children: t })
       ] }),
-      /* @__PURE__ */ T(
+      /* @__PURE__ */ O(
         "button",
         {
           type: "button",
@@ -11429,16 +11429,16 @@ const AV = S.forwardRef(
         resize: a,
         className: `ds-textarea ${d}`,
         style: {
-          "--textarea-bg-color": s ? O(s) : void 0,
-          "--textarea-border-color": i ? O(i) : void 0,
-          "--textarea-text-color": l ? O(l) : void 0,
-          "--textarea-placeholder-color": A ? O(A) : void 0,
-          "--textarea-focus-border-color": V ? O(V) : void 0
+          "--textarea-bg-color": s ? T(s) : void 0,
+          "--textarea-border-color": i ? T(i) : void 0,
+          "--textarea-text-color": l ? T(l) : void 0,
+          "--textarea-placeholder-color": A ? T(A) : void 0,
+          "--textarea-focus-border-color": V ? T(V) : void 0
         },
         ...f
       }
     );
-    return !t && !m ? /* @__PURE__ */ u("div", { className: h, children: g }) : /* @__PURE__ */ T("div", { className: h, children: [
+    return !t && !m ? /* @__PURE__ */ u("div", { className: h, children: g }) : /* @__PURE__ */ O("div", { className: h, children: [
       t && /* @__PURE__ */ u("label", { className: "ds-textarea-label", children: t }),
       g,
       m && /* @__PURE__ */ u(
@@ -11496,119 +11496,129 @@ const Ft = {
       formStep: { ...Ft.formStep, ...e.formStep },
       confirmationStep: { ...Ft.confirmationStep, ...e.confirmationStep },
       formTriggerValues: e.formTriggerValues ?? Ft.formTriggerValues
-    }, [V, d] = S.useState(!1), [f, p] = S.useState("selection"), [v, m] = S.useState(""), [h, g] = S.useState(""), y = t !== void 0, w = y ? t : V, x = (L) => {
-      y || d(L), r == null || r(L);
-    }, P = (L) => {
-      const Z = A.formTriggerValues;
-      return Array.isArray(Z) ? Z.includes(L) : L === Z;
+    }, [V, d] = S.useState(!1), [f, p] = S.useState("selection"), [v, m] = S.useState(""), [h, g] = S.useState(""), y = t !== void 0, w = y ? t : V, x = (D) => {
+      y || d(D), r == null || r(D);
+    }, P = (D) => {
+      const F = A.formTriggerValues;
+      return Array.isArray(F) ? F.includes(D) : D === F;
     }, C = () => {
       x(!1), p("selection"), m(""), g(""), o == null || o();
-    }, b = (L) => {
-      p(L), s == null || s(L, { reason: v, feedback: h });
+    }, b = (D) => {
+      p(D), s == null || s(D, { reason: v, feedback: h });
     }, N = () => {
       v && (P(v) ? b("form") : (a == null || a(v), b("confirmation")));
-    }, z = () => {
+    }, I = () => {
       a == null || a(v, h), b("confirmation");
-    }, D = () => {
+    }, z = () => {
       b("selection"), g("");
-    }, k = () => {
-      const { linkUrl: L, onLinkClick: Z } = A.confirmationStep;
-      Z ? Z() : L && window.open(L, "_blank", "noopener,noreferrer");
-    }, j = /* @__PURE__ */ u(et, { children: "Flag this mockup" }), { selectionStep: Y, formStep: G, confirmationStep: F } = A;
-    return /* @__PURE__ */ u("div", { ref: l, className: `ds-flag-bad-mockups ${i}`, children: /* @__PURE__ */ T(
-      Ie,
-      {
-        open: w,
-        onOpenChange: x,
-        trigger: n || j,
-        children: [
-          f === "selection" && /* @__PURE__ */ T(ce, { children: [
-            /* @__PURE__ */ u(
-              Ie.Header,
-              {
-                title: Y.title,
-                description: Y.description
-              }
-            ),
-            /* @__PURE__ */ u(Ie.Content, { children: /* @__PURE__ */ u("div", { style: { width: "100%" }, children: /* @__PURE__ */ u(
-              Wd,
-              {
-                options: Y.options,
-                value: v,
-                onValueChange: m,
-                size: "1"
-              }
-            ) }) }),
-            /* @__PURE__ */ u(Ie.Footer, { children: /* @__PURE__ */ u(
-              et,
-              {
-                color: "primary",
-                size: "1",
-                onClick: N,
-                disabled: !v,
-                children: Y.continueButtonText
-              }
-            ) })
-          ] }),
-          f === "form" && /* @__PURE__ */ T(ce, { children: [
-            /* @__PURE__ */ u(
-              Ie.Header,
-              {
-                title: G.title,
-                description: G.description
-              }
-            ),
-            /* @__PURE__ */ u(Ie.Content, { children: /* @__PURE__ */ u(cn, { style: { width: "100%" }, p: "1", children: /* @__PURE__ */ u(
-              AV,
-              {
-                value: h,
-                onChange: (L) => g(L.target.value),
-                placeholder: G.placeholder,
-                rows: 4,
-                resize: "none",
-                size: "1"
-              }
-            ) }) }),
-            /* @__PURE__ */ T(Ie.Footer, { children: [
-              /* @__PURE__ */ u(et, { variant: "soft", color: "primary", size: "1", onClick: D, children: G.backButtonText }),
+    }, L = () => {
+      const { linkUrl: D, onLinkClick: F } = A.confirmationStep;
+      F ? F() : D && window.open(D, "_blank", "noopener,noreferrer");
+    }, j = /* @__PURE__ */ u(et, { children: "Flag this mockup" }), { selectionStep: Z, formStep: G, confirmationStep: q } = A, B = () => {
+      x(!0);
+    }, Y = n || j, k = S.isValidElement(Y) ? S.cloneElement(Y, {
+      onClick: (D) => {
+        var ee;
+        const F = (ee = Y.props) == null ? void 0 : ee.onClick;
+        F && F(D), B();
+      }
+    }) : Y;
+    return /* @__PURE__ */ O("div", { ref: l, className: `ds-flag-bad-mockups ${i}`, children: [
+      k,
+      /* @__PURE__ */ O(
+        Ie,
+        {
+          open: w,
+          onOpenChange: x,
+          children: [
+            f === "selection" && /* @__PURE__ */ O(ce, { children: [
               /* @__PURE__ */ u(
+                Ie.Header,
+                {
+                  title: Z.title,
+                  description: Z.description
+                }
+              ),
+              /* @__PURE__ */ u(Ie.Content, { children: /* @__PURE__ */ u("div", { style: { width: "100%" }, children: /* @__PURE__ */ u(
+                Wd,
+                {
+                  options: Z.options,
+                  value: v,
+                  onValueChange: m,
+                  size: "1"
+                }
+              ) }) }),
+              /* @__PURE__ */ u(Ie.Footer, { children: /* @__PURE__ */ u(
                 et,
                 {
                   color: "primary",
                   size: "1",
-                  onClick: z,
-                  disabled: !h.trim(),
-                  children: G.submitButtonText
+                  onClick: N,
+                  disabled: !v,
+                  children: Z.continueButtonText
                 }
-              )
+              ) })
+            ] }),
+            f === "form" && /* @__PURE__ */ O(ce, { children: [
+              /* @__PURE__ */ u(
+                Ie.Header,
+                {
+                  title: G.title,
+                  description: G.description
+                }
+              ),
+              /* @__PURE__ */ u(Ie.Content, { children: /* @__PURE__ */ u(cn, { style: { width: "100%" }, p: "1", children: /* @__PURE__ */ u(
+                AV,
+                {
+                  value: h,
+                  onChange: (D) => g(D.target.value),
+                  placeholder: G.placeholder,
+                  rows: 4,
+                  resize: "none",
+                  size: "1"
+                }
+              ) }) }),
+              /* @__PURE__ */ O(Ie.Footer, { children: [
+                /* @__PURE__ */ u(et, { variant: "soft", color: "primary", size: "1", onClick: z, children: G.backButtonText }),
+                /* @__PURE__ */ u(
+                  et,
+                  {
+                    color: "primary",
+                    size: "1",
+                    onClick: I,
+                    disabled: !h.trim(),
+                    children: G.submitButtonText
+                  }
+                )
+              ] })
+            ] }),
+            f === "confirmation" && /* @__PURE__ */ O(ce, { children: [
+              /* @__PURE__ */ u(
+                Ie.Header,
+                {
+                  title: q.title,
+                  description: q.description
+                }
+              ),
+              /* @__PURE__ */ u(Ie.Content, { children: q.linkText && /* @__PURE__ */ u(
+                at,
+                {
+                  size: "1",
+                  style: {
+                    color: "var(--slate-11)",
+                    textDecoration: "underline",
+                    cursor: "pointer"
+                  },
+                  onClick: L,
+                  children: q.linkText
+                }
+              ) }),
+              /* @__PURE__ */ u(Ie.Footer, { children: /* @__PURE__ */ u(et, { color: "primary", size: "1", onClick: C, children: q.closeButtonText }) })
             ] })
-          ] }),
-          f === "confirmation" && /* @__PURE__ */ T(ce, { children: [
-            /* @__PURE__ */ u(
-              Ie.Header,
-              {
-                title: F.title,
-                description: F.description
-              }
-            ),
-            /* @__PURE__ */ u(Ie.Content, { children: F.linkText && /* @__PURE__ */ u(
-              at,
-              {
-                size: "1",
-                style: {
-                  color: "var(--slate-11)",
-                  textDecoration: "underline",
-                  cursor: "pointer"
-                },
-                onClick: k,
-                children: F.linkText
-              }
-            ) }),
-            /* @__PURE__ */ u(Ie.Footer, { children: /* @__PURE__ */ u(et, { color: "primary", size: "1", onClick: C, children: F.closeButtonText }) })
-          ] })
-        ]
-      }
-    ) });
+          ]
+        }
+      )
+    ] });
   }
 );
 tN.displayName = "FlagBadMockups";
@@ -11623,8 +11633,8 @@ const uV = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB3wAAAiICAYAAAA/ydRVAA
     const s = ["ds-onboarding-artwork", o].filter(Boolean).join(" "), i = {
       background: `linear-gradient(180deg, ${e} 0%, ${n} 100%)`
     };
-    return /* @__PURE__ */ T("div", { ref: a, className: s, children: [
-      /* @__PURE__ */ T("div", { className: "ds-onboarding-artwork__background", children: [
+    return /* @__PURE__ */ O("div", { ref: a, className: s, children: [
+      /* @__PURE__ */ O("div", { className: "ds-onboarding-artwork__background", children: [
         /* @__PURE__ */ u(
           "div",
           {
@@ -11681,33 +11691,33 @@ const Ze = S.forwardRef(
     firstQuestion: C = "What is your role?",
     firstRadioOptions: b = [],
     selectedFirstRadioOption: N,
-    onFirstRadioChange: z,
-    secondRadioOptions: D = [],
-    selectedSecondRadioOption: k,
+    onFirstRadioChange: I,
+    secondRadioOptions: z = [],
+    selectedSecondRadioOption: L,
     onSecondRadioChange: j,
-    textInputValue: Y = "",
+    textInputValue: Z = "",
     onTextInputChange: G,
-    textInputPlaceholder: F = "Enter your website URL",
-    launcherIcon: L = "rocket-bold",
-    launcherHeadline: Z = "Launcher",
-    launcherText: B = "Let's get your product ready to sell.",
-    launcherSubtext: R = "You're preparing to launch. We'll help you create professional product images so your first listings look credible from day one.",
-    infoBoxTitle: _ = "What we will focus on",
-    infoBoxItems: ne = [],
+    textInputPlaceholder: q = "Enter your website URL",
+    launcherIcon: B = "rocket-bold",
+    launcherHeadline: Y = "Launcher",
+    launcherText: k = "Let's get your product ready to sell.",
+    launcherSubtext: D = "You're preparing to launch. We'll help you create professional product images so your first listings look credible from day one.",
+    infoBoxTitle: F = "What we will focus on",
+    infoBoxItems: ee = [],
     ctaLabel: ue = "YOUR FIRST ACTION",
     ctaHeading: xe = "Create your first product mockup",
     ctaDescription: Ve = "Choose a template and generate an image you can immediately use in your store or marketplace listing.",
     ctaButtonText: Pe = "Get Started",
     onCTAClick: le,
     artworkBackgroundImage: W,
-    artworkImage: U,
-    onContinue: J,
-    onBack: q,
-    continueDisabled: K = !1,
+    artworkImage: J,
+    onContinue: K,
+    onBack: U,
+    continueDisabled: _ = !1,
     className: $ = "",
     onStepChange: ie,
     onDataChange: Q,
-    stepId: te,
+    stepId: ne,
     onStepEnter: ze,
     onStepExit: me
   }, Qr) => {
@@ -11715,52 +11725,52 @@ const Ze = S.forwardRef(
       ze == null || ze();
     }, [ze]);
     const At = S.useCallback(() => {
-      me == null || me(), ie && n < t && ie(n + 1), J == null || J();
-    }, [me, ie, n, t, J]), Ja = S.useCallback(() => {
-      me == null || me(), ie && n > 1 && ie(n - 1), q == null || q();
-    }, [me, ie, n, q]), Fr = S.useCallback(
+      me == null || me(), ie && n < t && ie(n + 1), K == null || K();
+    }, [me, ie, n, t, K]), Ja = S.useCallback(() => {
+      me == null || me(), ie && n > 1 && ie(n - 1), U == null || U();
+    }, [me, ie, n, U]), Fr = S.useCallback(
       (M) => {
-        s == null || s(M), Q == null || Q({ [te || "radio"]: M });
+        s == null || s(M), Q == null || Q({ [ne || "radio"]: M });
       },
-      [s, Q, te]
+      [s, Q, ne]
     ), Ka = S.useCallback(
       (M) => {
-        A == null || A(M), Q == null || Q({ [te || "checkbox"]: M });
+        A == null || A(M), Q == null || Q({ [ne || "checkbox"]: M });
       },
-      [A, Q, te]
+      [A, Q, ne]
     ), En = S.useCallback(
       (M) => {
-        f == null || f(M), Q == null || Q({ [te || "yesNo"]: M });
+        f == null || f(M), Q == null || Q({ [ne || "yesNo"]: M });
       },
-      [f, Q, te]
+      [f, Q, ne]
     ), _a = S.useCallback(
       (M) => {
-        g == null || g(M), Q == null || Q({ [te || "firstOption"]: M });
+        g == null || g(M), Q == null || Q({ [ne || "firstOption"]: M });
       },
-      [g, Q, te]
+      [g, Q, ne]
     ), $a = S.useCallback(
       (M) => {
-        P == null || P(M), Q == null || Q({ [te || "secondOption"]: M });
+        P == null || P(M), Q == null || Q({ [ne || "secondOption"]: M });
       },
-      [P, Q, te]
+      [P, Q, ne]
     ), es = S.useCallback(
       (M) => {
-        z == null || z(M), Q == null || Q({ [te || "firstRadio"]: M });
+        I == null || I(M), Q == null || Q({ [ne || "firstRadio"]: M });
       },
-      [z, Q, te]
+      [I, Q, ne]
     ), ts = S.useCallback(
       (M) => {
-        j == null || j(M), Q == null || Q({ [te || "secondRadio"]: M });
+        j == null || j(M), Q == null || Q({ [ne || "secondRadio"]: M });
       },
-      [j, Q, te]
+      [j, Q, ne]
     ), VV = S.useCallback(
       (M) => {
-        G == null || G(M), Q == null || Q({ [te || "textInput"]: M });
+        G == null || G(M), Q == null || Q({ [ne || "textInput"]: M });
       },
-      [G, Q, te]
+      [G, Q, ne]
     ), ns = S.useCallback(() => {
-      le == null || le(), Q == null || Q({ [te || "cta"]: "clicked" });
-    }, [le, Q, te]), rs = e !== "artwork" && W && U, fV = [
+      le == null || le(), Q == null || Q({ [ne || "cta"]: "clicked" });
+    }, [le, Q, ne]), rs = e !== "artwork" && W && J, fV = [
       "ds-onboarding-template",
       `ds-onboarding-template--${e}`,
       rs && "ds-onboarding-template--with-artwork",
@@ -11770,30 +11780,30 @@ const Ze = S.forwardRef(
       Zo,
       {
         gridImageSrc: W,
-        artworkImageSrc: U
+        artworkImageSrc: J
       }
     ) : rs ? (
       /* Split-screen layout for all steps */
-      /* @__PURE__ */ T(ce, { children: [
+      /* @__PURE__ */ O(ce, { children: [
         /* @__PURE__ */ u("div", { className: "ds-onboarding-template__split-left", children: /* @__PURE__ */ u("div", { className: "ds-onboarding-template__container", children: e === "launcher" ? (
           /* Launcher variation content - no logo on launcher (final step) */
-          /* @__PURE__ */ T(ce, { children: [
-            /* @__PURE__ */ T("div", { className: "ds-onboarding-template__launcher-header", children: [
+          /* @__PURE__ */ O(ce, { children: [
+            /* @__PURE__ */ O("div", { className: "ds-onboarding-template__launcher-header", children: [
               /* @__PURE__ */ u("div", { className: "ds-onboarding-template__launcher-icon-wrapper", children: /* @__PURE__ */ u("div", { className: "ds-onboarding-template__launcher-icon", children: /* @__PURE__ */ u(
                 be,
                 {
-                  icon: L.startsWith("solar:") ? L : `solar:${L}`,
+                  icon: B.startsWith("solar:") ? B : `solar:${B}`,
                   width: 48,
                   height: 48
                 }
               ) }) }),
-              /* @__PURE__ */ u("h1", { className: "ds-onboarding-template__launcher-headline", children: Z })
+              /* @__PURE__ */ u("h1", { className: "ds-onboarding-template__launcher-headline", children: Y })
             ] }),
-            /* @__PURE__ */ T("div", { className: "ds-onboarding-template__launcher-text-section", children: [
-              /* @__PURE__ */ u("p", { className: "ds-onboarding-template__launcher-text", children: B }),
-              /* @__PURE__ */ u("p", { className: "ds-onboarding-template__launcher-subtext", children: R })
+            /* @__PURE__ */ O("div", { className: "ds-onboarding-template__launcher-text-section", children: [
+              /* @__PURE__ */ u("p", { className: "ds-onboarding-template__launcher-text", children: k }),
+              /* @__PURE__ */ u("p", { className: "ds-onboarding-template__launcher-subtext", children: D })
             ] }),
-            /* @__PURE__ */ u(jo, { title: _, items: ne }),
+            /* @__PURE__ */ u(jo, { title: F, items: ee }),
             /* @__PURE__ */ u(
               Go,
               {
@@ -11807,7 +11817,7 @@ const Ze = S.forwardRef(
           ] })
         ) : (
           /* Form steps content */
-          /* @__PURE__ */ T(ce, { children: [
+          /* @__PURE__ */ O(ce, { children: [
             /* @__PURE__ */ u("div", { className: "ds-onboarding-template__top-bar", children: /* @__PURE__ */ u("div", { className: "ds-onboarding-template__stepper", children: /* @__PURE__ */ u(
               Ro,
               {
@@ -11818,7 +11828,7 @@ const Ze = S.forwardRef(
                 size: "2"
               }
             ) }) }),
-            /* @__PURE__ */ T("div", { className: "ds-onboarding-template__main", children: [
+            /* @__PURE__ */ O("div", { className: "ds-onboarding-template__main", children: [
               /* @__PURE__ */ u("div", { className: "ds-onboarding-template__headline-section", children: /* @__PURE__ */ u("h2", { className: "ds-onboarding-template__headline", children: r }) }),
               (() => {
                 switch (e) {
@@ -11849,10 +11859,10 @@ const Ze = S.forwardRef(
                       }
                     ) });
                   case "buttons-plus-radio":
-                    return /* @__PURE__ */ T(ce, { children: [
-                      /* @__PURE__ */ T("div", { className: "ds-onboarding-template__yes-no-section", children: [
+                    return /* @__PURE__ */ O(ce, { children: [
+                      /* @__PURE__ */ O("div", { className: "ds-onboarding-template__yes-no-section", children: [
                         /* @__PURE__ */ u("p", { className: "ds-onboarding-template__yes-no-question", children: V }),
-                        /* @__PURE__ */ T("div", { className: "ds-onboarding-template__yes-no-buttons", children: [
+                        /* @__PURE__ */ O("div", { className: "ds-onboarding-template__yes-no-buttons", children: [
                           /* @__PURE__ */ u(
                             "button",
                             {
@@ -11871,7 +11881,7 @@ const Ze = S.forwardRef(
                           )
                         ] })
                       ] }),
-                      d === "yes" && /* @__PURE__ */ T("div", { className: "ds-onboarding-template__radio-section", children: [
+                      d === "yes" && /* @__PURE__ */ O("div", { className: "ds-onboarding-template__radio-section", children: [
                         /* @__PURE__ */ u("p", { className: "ds-onboarding-template__second-question", children: p }),
                         /* @__PURE__ */ u("div", { className: "ds-onboarding-template__radio-list-secondary", children: o.map((M) => /* @__PURE__ */ u(
                           Ge,
@@ -11889,8 +11899,8 @@ const Ze = S.forwardRef(
                       ] })
                     ] });
                   case "know-your-customer":
-                    return /* @__PURE__ */ T("div", { className: "ds-onboarding-template__double-section", children: [
-                      /* @__PURE__ */ T("div", { className: "ds-onboarding-template__section", children: [
+                    return /* @__PURE__ */ O("div", { className: "ds-onboarding-template__double-section", children: [
+                      /* @__PURE__ */ O("div", { className: "ds-onboarding-template__section", children: [
                         /* @__PURE__ */ u("p", { className: "ds-onboarding-template__section-question", children: v }),
                         /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-options", children: /* @__PURE__ */ u(
                           pt,
@@ -11905,7 +11915,7 @@ const Ze = S.forwardRef(
                           }
                         ) })
                       ] }),
-                      /* @__PURE__ */ T("div", { className: "ds-onboarding-template__section", children: [
+                      /* @__PURE__ */ O("div", { className: "ds-onboarding-template__section", children: [
                         /* @__PURE__ */ u("p", { className: "ds-onboarding-template__section-question", children: y }),
                         /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-options", children: /* @__PURE__ */ u(
                           pt,
@@ -11922,8 +11932,8 @@ const Ze = S.forwardRef(
                       ] })
                     ] });
                   case "double-radio":
-                    return /* @__PURE__ */ T("div", { className: "ds-onboarding-template__double-section", children: [
-                      /* @__PURE__ */ T("div", { className: "ds-onboarding-template__section", children: [
+                    return /* @__PURE__ */ O("div", { className: "ds-onboarding-template__double-section", children: [
+                      /* @__PURE__ */ O("div", { className: "ds-onboarding-template__section", children: [
                         /* @__PURE__ */ u("p", { className: "ds-onboarding-template__section-question", children: C }),
                         /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-radio-grid", children: b.map((M) => /* @__PURE__ */ u(
                           Ge,
@@ -11939,12 +11949,12 @@ const Ze = S.forwardRef(
                           M.value
                         )) })
                       ] }),
-                      /* @__PURE__ */ T("div", { className: "ds-onboarding-template__section", children: [
+                      /* @__PURE__ */ O("div", { className: "ds-onboarding-template__section", children: [
                         /* @__PURE__ */ u("p", { className: "ds-onboarding-template__section-question", children: p }),
-                        /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-radio-grid", children: D.map((M) => /* @__PURE__ */ u(
+                        /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-radio-grid", children: z.map((M) => /* @__PURE__ */ u(
                           Ge,
                           {
-                            state: k === M.value ? "active" : "default",
+                            state: L === M.value ? "active" : "default",
                             showIcon: !0,
                             showSubtext: !0,
                             icon: M.icon,
@@ -11962,9 +11972,9 @@ const Ze = S.forwardRef(
                       {
                         type: "text",
                         className: "ds-onboarding-template__text-input",
-                        value: Y,
+                        value: Z,
                         onChange: (M) => VV(M.target.value),
-                        placeholder: F
+                        placeholder: q
                       }
                     ) });
                   default:
@@ -11976,13 +11986,13 @@ const Ze = S.forwardRef(
               et,
               {
                 onClick: At,
-                disabled: K,
+                disabled: _,
                 size: "3",
                 rightIcon: /* @__PURE__ */ u(be, { icon: "solar:arrow-right-linear", width: 18, height: 18 }),
                 children: "Continue"
               }
             ) }),
-            n > 1 && /* @__PURE__ */ T(
+            n > 1 && /* @__PURE__ */ O(
               "button",
               {
                 className: "ds-onboarding-template__back-button",
@@ -12007,27 +12017,27 @@ const Ze = S.forwardRef(
           Zo,
           {
             gridImageSrc: W,
-            artworkImageSrc: U
+            artworkImageSrc: J
           }
         ) })
       ] })
-    ) : /* @__PURE__ */ u("div", { className: "ds-onboarding-template__container", children: e === "launcher" ? /* @__PURE__ */ T(ce, { children: [
-      /* @__PURE__ */ T("div", { className: "ds-onboarding-template__launcher-header", children: [
+    ) : /* @__PURE__ */ u("div", { className: "ds-onboarding-template__container", children: e === "launcher" ? /* @__PURE__ */ O(ce, { children: [
+      /* @__PURE__ */ O("div", { className: "ds-onboarding-template__launcher-header", children: [
         /* @__PURE__ */ u("div", { className: "ds-onboarding-template__launcher-icon-wrapper", children: /* @__PURE__ */ u("div", { className: "ds-onboarding-template__launcher-icon", children: /* @__PURE__ */ u(
           be,
           {
-            icon: L.startsWith("solar:") ? L : `solar:${L}`,
+            icon: B.startsWith("solar:") ? B : `solar:${B}`,
             width: 48,
             height: 48
           }
         ) }) }),
-        /* @__PURE__ */ u("h1", { className: "ds-onboarding-template__launcher-headline", children: Z })
+        /* @__PURE__ */ u("h1", { className: "ds-onboarding-template__launcher-headline", children: Y })
       ] }),
-      /* @__PURE__ */ T("div", { className: "ds-onboarding-template__launcher-text-section", children: [
-        /* @__PURE__ */ u("p", { className: "ds-onboarding-template__launcher-text", children: B }),
-        /* @__PURE__ */ u("p", { className: "ds-onboarding-template__launcher-subtext", children: R })
+      /* @__PURE__ */ O("div", { className: "ds-onboarding-template__launcher-text-section", children: [
+        /* @__PURE__ */ u("p", { className: "ds-onboarding-template__launcher-text", children: k }),
+        /* @__PURE__ */ u("p", { className: "ds-onboarding-template__launcher-subtext", children: D })
       ] }),
-      /* @__PURE__ */ u(jo, { title: _, items: ne }),
+      /* @__PURE__ */ u(jo, { title: F, items: ee }),
       /* @__PURE__ */ u(
         Go,
         {
@@ -12038,7 +12048,7 @@ const Ze = S.forwardRef(
           onButtonClick: ns
         }
       )
-    ] }) : /* @__PURE__ */ T(ce, { children: [
+    ] }) : /* @__PURE__ */ O(ce, { children: [
       /* @__PURE__ */ u("div", { className: "ds-onboarding-template__top-bar", children: /* @__PURE__ */ u("div", { className: "ds-onboarding-template__stepper", children: /* @__PURE__ */ u(
         Ro,
         {
@@ -12049,7 +12059,7 @@ const Ze = S.forwardRef(
           size: "2"
         }
       ) }) }),
-      /* @__PURE__ */ T("div", { className: "ds-onboarding-template__main", children: [
+      /* @__PURE__ */ O("div", { className: "ds-onboarding-template__main", children: [
         /* @__PURE__ */ u("div", { className: "ds-onboarding-template__headline-section", children: /* @__PURE__ */ u("h2", { className: "ds-onboarding-template__headline", children: r }) }),
         e === "radio" && /* @__PURE__ */ u("div", { className: "ds-onboarding-template__radio-list", children: o.map((M) => /* @__PURE__ */ u(
           Ge,
@@ -12073,10 +12083,10 @@ const Ze = S.forwardRef(
             maxRows: 4
           }
         ) }),
-        e === "buttons-plus-radio" && /* @__PURE__ */ T(ce, { children: [
-          /* @__PURE__ */ T("div", { className: "ds-onboarding-template__yes-no-section", children: [
+        e === "buttons-plus-radio" && /* @__PURE__ */ O(ce, { children: [
+          /* @__PURE__ */ O("div", { className: "ds-onboarding-template__yes-no-section", children: [
             /* @__PURE__ */ u("p", { className: "ds-onboarding-template__yes-no-question", children: V }),
-            /* @__PURE__ */ T("div", { className: "ds-onboarding-template__yes-no-buttons", children: [
+            /* @__PURE__ */ O("div", { className: "ds-onboarding-template__yes-no-buttons", children: [
               /* @__PURE__ */ u(
                 "button",
                 {
@@ -12095,7 +12105,7 @@ const Ze = S.forwardRef(
               )
             ] })
           ] }),
-          d === "yes" && /* @__PURE__ */ T("div", { className: "ds-onboarding-template__radio-section", children: [
+          d === "yes" && /* @__PURE__ */ O("div", { className: "ds-onboarding-template__radio-section", children: [
             /* @__PURE__ */ u("p", { className: "ds-onboarding-template__second-question", children: p }),
             /* @__PURE__ */ u("div", { className: "ds-onboarding-template__radio-list-secondary", children: o.map((M) => /* @__PURE__ */ u(
               Ge,
@@ -12112,8 +12122,8 @@ const Ze = S.forwardRef(
             )) })
           ] })
         ] }),
-        e === "know-your-customer" && /* @__PURE__ */ T("div", { className: "ds-onboarding-template__double-section", children: [
-          /* @__PURE__ */ T("div", { className: "ds-onboarding-template__section", children: [
+        e === "know-your-customer" && /* @__PURE__ */ O("div", { className: "ds-onboarding-template__double-section", children: [
+          /* @__PURE__ */ O("div", { className: "ds-onboarding-template__section", children: [
             /* @__PURE__ */ u("p", { className: "ds-onboarding-template__section-question", children: v }),
             /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-options", children: /* @__PURE__ */ u(
               pt,
@@ -12128,7 +12138,7 @@ const Ze = S.forwardRef(
               }
             ) })
           ] }),
-          /* @__PURE__ */ T("div", { className: "ds-onboarding-template__section", children: [
+          /* @__PURE__ */ O("div", { className: "ds-onboarding-template__section", children: [
             /* @__PURE__ */ u("p", { className: "ds-onboarding-template__section-question", children: y }),
             /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-options", children: /* @__PURE__ */ u(
               pt,
@@ -12144,8 +12154,8 @@ const Ze = S.forwardRef(
             ) })
           ] })
         ] }),
-        e === "double-radio" && /* @__PURE__ */ T("div", { className: "ds-onboarding-template__double-section", children: [
-          /* @__PURE__ */ T("div", { className: "ds-onboarding-template__section", children: [
+        e === "double-radio" && /* @__PURE__ */ O("div", { className: "ds-onboarding-template__double-section", children: [
+          /* @__PURE__ */ O("div", { className: "ds-onboarding-template__section", children: [
             /* @__PURE__ */ u("p", { className: "ds-onboarding-template__section-question", children: C }),
             /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-radio-grid", children: b.map((M) => /* @__PURE__ */ u(
               Ge,
@@ -12161,12 +12171,12 @@ const Ze = S.forwardRef(
               M.value
             )) })
           ] }),
-          /* @__PURE__ */ T("div", { className: "ds-onboarding-template__section", children: [
+          /* @__PURE__ */ O("div", { className: "ds-onboarding-template__section", children: [
             /* @__PURE__ */ u("p", { className: "ds-onboarding-template__section-question", children: p }),
-            /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-radio-grid", children: D.map((M) => /* @__PURE__ */ u(
+            /* @__PURE__ */ u("div", { className: "ds-onboarding-template__section-radio-grid", children: z.map((M) => /* @__PURE__ */ u(
               Ge,
               {
-                state: k === M.value ? "active" : "default",
+                state: L === M.value ? "active" : "default",
                 showIcon: !0,
                 showSubtext: !0,
                 icon: M.icon,
@@ -12183,13 +12193,13 @@ const Ze = S.forwardRef(
         et,
         {
           onClick: At,
-          disabled: K,
+          disabled: _,
           size: "3",
           rightIcon: /* @__PURE__ */ u(be, { icon: "solar:arrow-right-linear", width: 18, height: 18 }),
           children: "Continue"
         }
       ) }),
-      n > 1 && /* @__PURE__ */ T(
+      n > 1 && /* @__PURE__ */ O(
         "button",
         {
           className: "ds-onboarding-template__back-button",
@@ -12243,13 +12253,13 @@ const nN = ({
     }
   }, [d.journeyStage, d.currentlySelling, v.length]), g = S.useRef([]);
   S.useEffect(() => {
-    var z;
+    var I;
     const b = g.current;
-    if ((p.length !== b.length || p.some((D, k) => D !== b[k])) && b.length > 0) {
-      const D = (z = v[A]) == null ? void 0 : z.id;
-      if (D) {
-        const k = v.findIndex((j) => j.id === D);
-        k !== -1 && k !== A && V(k);
+    if ((p.length !== b.length || p.some((z, L) => z !== b[L])) && b.length > 0) {
+      const z = (I = v[A]) == null ? void 0 : I.id;
+      if (z) {
+        const L = v.findIndex((j) => j.id === z);
+        L !== -1 && L !== A && V(L);
       }
     }
     g.current = p;
@@ -13359,7 +13369,7 @@ export {
   uN as createTheme,
   Hn as defaultTheme,
   TN as fullOnboardingFlowConfig,
-  O as getColorTokenVar,
+  T as getColorTokenVar,
   cN as isColorToken,
   PV as radii,
   CV as shadows,