@moises.ai/design-system 3.3.8 → 3.3.10

package/dist/index.js

@@ -27,7 +27,7 @@ var rc = [" ", "Enter", "ArrowUp", "ArrowDown"], ac = [" ", "Enter"], gt = "Sele
     disabled: p,
     required: y,
     form: v
-  } = n, m = Jn(e), [k, b] = d.useState(null), [S, I] = d.useState(null), [R, E] = d.useState(!1), w = Ur(u), [T, Q] = bn({
+  } = n, m = Jn(e), [k, b] = d.useState(null), [R, S] = d.useState(null), [I, E] = d.useState(!1), w = Ur(u), [T, Q] = bn({
     prop: s,
     defaultProp: r ?? !1,
     onChange: o,
@@ -45,9 +45,9 @@ var rc = [" ", "Enter", "ArrowUp", "ArrowDown"], ac = [" ", "Enter"], gt = "Sele
       scope: e,
       trigger: k,
       onTriggerChange: b,
-      valueNode: S,
-      onValueNodeChange: I,
-      valueNodeHasChildren: R,
+      valueNode: R,
+      onValueNodeChange: S,
+      valueNodeHasChildren: I,
       onValueNodeHasChildrenChange: E,
       contentId: bs(),
       value: D,
@@ -101,8 +101,8 @@ sa.displayName = gt;
 var ra = "SelectTrigger", aa = d.forwardRef(
   (n, e) => {
     const { __scopeSelect: t, disabled: s = !1, ...r } = n, o = Jn(t), i = _e(ra, t), l = i.disabled || s, c = Ce(e, i.onTriggerChange), u = xn(t), h = d.useRef("touch"), [A, p, y] = wa((m) => {
-      const k = u().filter((I) => !I.disabled), b = k.find((I) => I.value === i.value), S = Na(k, m, b);
-      S !== void 0 && i.onValueChange(S.value);
+      const k = u().filter((S) => !S.disabled), b = k.find((S) => S.value === i.value), R = Na(k, m, b);
+      R !== void 0 && i.onValueChange(R.value);
     }), v = (m) => {
       l || (i.onOpenChange(!0), y()), m && (i.triggerPointerDownPosRef.current = {
         x: Math.round(m.pageX),
@@ -206,12 +206,12 @@ var Ue = 10, [ua, $e] = Ut(mt), Ac = "SelectContentImpl", hc = bi("SelectContent
       avoidCollisions: k,
       //
       ...b
-    } = n, S = _e(mt, t), [I, R] = d.useState(null), [E, w] = d.useState(null), T = Ce(e, (q) => R(q)), [Q, D] = d.useState(null), [O, z] = d.useState(
+    } = n, R = _e(mt, t), [S, I] = d.useState(null), [E, w] = d.useState(null), T = Ce(e, (q) => I(q)), [Q, D] = d.useState(null), [O, z] = d.useState(
       null
     ), j = xn(t), [B, N] = d.useState(!1), U = d.useRef(!1);
     d.useEffect(() => {
-      if (I) return fi(I);
-    }, [I]), vi();
+      if (S) return fi(S);
+    }, [S]), vi();
     const W = d.useCallback(
       (q) => {
         const [ie, ...Ee] = j().map((te) => te.ref.current), [oe] = Ee.slice(-1), ee = document.activeElement;
@@ -220,15 +220,15 @@ var Ue = 10, [ua, $e] = Ut(mt), Ac = "SelectContentImpl", hc = bi("SelectContent
       },
       [j, E]
     ), L = d.useCallback(
-      () => W([Q, I]),
-      [W, Q, I]
+      () => W([Q, S]),
+      [W, Q, S]
     );
     d.useEffect(() => {
       B && L();
     }, [B, L]);
-    const { onOpenChange: F, triggerPointerDownPosRef: H } = S;
+    const { onOpenChange: F, triggerPointerDownPosRef: H } = R;
     d.useEffect(() => {
-      if (I) {
+      if (S) {
         let q = { x: 0, y: 0 };
         const ie = (oe) => {
           var ee, te;
@@ -237,13 +237,13 @@ var Ue = 10, [ua, $e] = Ut(mt), Ac = "SelectContentImpl", hc = bi("SelectContent
             y: Math.abs(Math.round(oe.pageY) - (((te = H.current) == null ? void 0 : te.y) ?? 0))
           };
         }, Ee = (oe) => {
-          q.x <= 10 && q.y <= 10 ? oe.preventDefault() : I.contains(oe.target) || F(!1), document.removeEventListener("pointermove", ie), H.current = null;
+          q.x <= 10 && q.y <= 10 ? oe.preventDefault() : S.contains(oe.target) || F(!1), document.removeEventListener("pointermove", ie), H.current = null;
         };
         return H.current !== null && (document.addEventListener("pointermove", ie), document.addEventListener("pointerup", Ee, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", ie), document.removeEventListener("pointerup", Ee, { capture: !0 });
         };
       }
-    }, [I, F, H]), d.useEffect(() => {
+    }, [S, F, H]), d.useEffect(() => {
       const q = () => F(!1);
       return window.addEventListener("blur", q), window.addEventListener("resize", q), () => {
         window.removeEventListener("blur", q), window.removeEventListener("resize", q);
@@ -255,15 +255,15 @@ var Ue = 10, [ua, $e] = Ut(mt), Ac = "SelectContentImpl", hc = bi("SelectContent
     }), Ht = d.useCallback(
       (q, ie, Ee) => {
         const oe = !U.current && !Ee;
-        (S.value !== void 0 && S.value === ie || oe) && (D(q), oe && (U.current = !0));
+        (R.value !== void 0 && R.value === ie || oe) && (D(q), oe && (U.current = !0));
       },
-      [S.value]
-    ), Wn = d.useCallback(() => I == null ? void 0 : I.focus(), [I]), bt = d.useCallback(
+      [R.value]
+    ), Wn = d.useCallback(() => S == null ? void 0 : S.focus(), [S]), bt = d.useCallback(
       (q, ie, Ee) => {
         const oe = !U.current && !Ee;
-        (S.value !== void 0 && S.value === ie || oe) && z(q);
+        (R.value !== void 0 && R.value === ie || oe) && z(q);
       },
-      [S.value]
+      [R.value]
     ), dn = s === "popper" ? ls : ha, Mt = dn === ls ? {
       side: l,
       sideOffset: c,
@@ -280,7 +280,7 @@ var Ue = 10, [ua, $e] = Ut(mt), Ac = "SelectContentImpl", hc = bi("SelectContent
       ua,
       {
         scope: t,
-        content: I,
+        content: S,
         viewport: E,
         onViewportChange: w,
         itemRefCallback: Ht,
@@ -296,13 +296,13 @@ var Ue = 10, [ua, $e] = Ut(mt), Ac = "SelectContentImpl", hc = bi("SelectContent
           yi,
           {
             asChild: !0,
-            trapped: S.open,
+            trapped: R.open,
             onMountAutoFocus: (q) => {
               q.preventDefault();
             },
             onUnmountAutoFocus: ae(r, (q) => {
               var ie;
-              (ie = S.trigger) == null || ie.focus({ preventScroll: !0 }), q.preventDefault();
+              (ie = R.trigger) == null || ie.focus({ preventScroll: !0 }), q.preventDefault();
             }),
             children: /* @__PURE__ */ a(
               ki,
@@ -312,14 +312,14 @@ var Ue = 10, [ua, $e] = Ut(mt), Ac = "SelectContentImpl", hc = bi("SelectContent
                 onEscapeKeyDown: o,
                 onPointerDownOutside: i,
                 onFocusOutside: (q) => q.preventDefault(),
-                onDismiss: () => S.onOpenChange(!1),
+                onDismiss: () => R.onOpenChange(!1),
                 children: /* @__PURE__ */ a(
                   dn,
                   {
                     role: "listbox",
-                    id: S.contentId,
-                    "data-state": S.open ? "open" : "closed",
-                    dir: S.dir,
+                    id: R.contentId,
+                    "data-state": R.open ? "open" : "closed",
+                    dir: R.dir,
                     onContextMenu: (q) => q.preventDefault(),
                     ...b,
                     ...Mt,
@@ -356,7 +356,7 @@ var Ue = 10, [ua, $e] = Ut(mt), Ac = "SelectContentImpl", hc = bi("SelectContent
 );
 Aa.displayName = Ac;
 var pc = "SelectItemAlignedPosition", ha = d.forwardRef((n, e) => {
-  const { __scopeSelect: t, onPlaced: s, ...r } = n, o = _e(mt, t), i = $e(mt, t), [l, c] = d.useState(null), [u, h] = d.useState(null), A = Ce(e, (T) => h(T)), p = xn(t), y = d.useRef(!1), v = d.useRef(!0), { viewport: m, selectedItem: k, selectedItemText: b, focusSelectedItem: S } = i, I = d.useCallback(() => {
+  const { __scopeSelect: t, onPlaced: s, ...r } = n, o = _e(mt, t), i = $e(mt, t), [l, c] = d.useState(null), [u, h] = d.useState(null), A = Ce(e, (T) => h(T)), p = xn(t), y = d.useRef(!1), v = d.useRef(!0), { viewport: m, selectedItem: k, selectedItemText: b, focusSelectedItem: R } = i, S = d.useCallback(() => {
     if (o.trigger && o.valueNode && l && u && m && k && b) {
       const T = o.trigger.getBoundingClientRect(), Q = u.getBoundingClientRect(), D = o.valueNode.getBoundingClientRect(), O = b.getBoundingClientRect();
       if (o.dir !== "rtl") {
@@ -411,16 +411,16 @@ var pc = "SelectItemAlignedPosition", ha = d.forwardRef((n, e) => {
     o.dir,
     s
   ]);
-  Xe(() => I(), [I]);
-  const [R, E] = d.useState();
+  Xe(() => S(), [S]);
+  const [I, E] = d.useState();
   Xe(() => {
     u && E(window.getComputedStyle(u).zIndex);
   }, [u]);
   const w = d.useCallback(
     (T) => {
-      T && v.current === !0 && (I(), S == null || S(), v.current = !1);
+      T && v.current === !0 && (S(), R == null || R(), v.current = !1);
     },
-    [I, S]
+    [S, R]
   );
   return /* @__PURE__ */ a(
     mc,
@@ -437,7 +437,7 @@ var pc = "SelectItemAlignedPosition", ha = d.forwardRef((n, e) => {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: R
+            zIndex: I
           },
           children: /* @__PURE__ */ a(
             pe.div,
@@ -529,8 +529,8 @@ var [mc, Ts] = Ut(mt, {}), cs = "SelectViewport", pa = d.forwardRef(
               if (y > 0) {
                 const v = window.innerHeight - Ue * 2, m = parseFloat(A.style.minHeight), k = parseFloat(A.style.height), b = Math.max(m, k);
                 if (b < v) {
-                  const S = b + y, I = Math.min(v, S), R = S - I;
-                  A.style.height = I + "px", A.style.bottom === "0px" && (h.scrollTop = R > 0 ? R : 0, A.style.justifyContent = "flex-end");
+                  const R = b + y, S = Math.min(v, R), I = R - S;
+                  A.style.height = S + "px", A.style.bottom === "0px" && (h.scrollTop = I > 0 ? I : 0, A.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -566,9 +566,9 @@ var Sn = "SelectItem", [Cc, Ca] = Ut(Sn), ya = d.forwardRef(
       ...i
     } = n, l = _e(Sn, t), c = $e(Sn, t), u = l.value === s, [h, A] = d.useState(o ?? ""), [p, y] = d.useState(!1), v = Ce(
       e,
-      (S) => {
-        var I;
-        return (I = c.itemRefCallback) == null ? void 0 : I.call(c, S, s, r);
+      (R) => {
+        var S;
+        return (S = c.itemRefCallback) == null ? void 0 : S.call(c, R, s, r);
       }
     ), m = bs(), k = d.useRef("touch"), b = () => {
       r || (l.onValueChange(s), l.onOpenChange(!1));
@@ -585,8 +585,8 @@ var Sn = "SelectItem", [Cc, Ca] = Ut(Sn), ya = d.forwardRef(
         disabled: r,
         textId: m,
         isSelected: u,
-        onItemTextChange: d.useCallback((S) => {
-          A((I) => I || ((S == null ? void 0 : S.textContent) ?? "").trim());
+        onItemTextChange: d.useCallback((R) => {
+          A((S) => S || ((R == null ? void 0 : R.textContent) ?? "").trim());
         }, []),
         children: /* @__PURE__ */ a(
           Tn.ItemSlot,
@@ -616,20 +616,20 @@ var Sn = "SelectItem", [Cc, Ca] = Ut(Sn), ya = d.forwardRef(
                 onPointerUp: ae(i.onPointerUp, () => {
                   k.current === "mouse" && b();
                 }),
-                onPointerDown: ae(i.onPointerDown, (S) => {
-                  k.current = S.pointerType;
+                onPointerDown: ae(i.onPointerDown, (R) => {
+                  k.current = R.pointerType;
                 }),
-                onPointerMove: ae(i.onPointerMove, (S) => {
-                  var I;
-                  k.current = S.pointerType, r ? (I = c.onItemLeave) == null || I.call(c) : k.current === "mouse" && S.currentTarget.focus({ preventScroll: !0 });
+                onPointerMove: ae(i.onPointerMove, (R) => {
+                  var S;
+                  k.current = R.pointerType, r ? (S = c.onItemLeave) == null || S.call(c) : k.current === "mouse" && R.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: ae(i.onPointerLeave, (S) => {
-                  var I;
-                  S.currentTarget === document.activeElement && ((I = c.onItemLeave) == null || I.call(c));
+                onPointerLeave: ae(i.onPointerLeave, (R) => {
+                  var S;
+                  R.currentTarget === document.activeElement && ((S = c.onItemLeave) == null || S.call(c));
                 }),
-                onKeyDown: ae(i.onKeyDown, (S) => {
-                  var R;
-                  ((R = c.searchRef) == null ? void 0 : R.current) !== "" && S.key === " " || (ac.includes(S.key) && b(), S.key === " " && S.preventDefault());
+                onKeyDown: ae(i.onKeyDown, (R) => {
+                  var I;
+                  ((I = c.searchRef) == null ? void 0 : I.current) !== "" && R.key === " " || (ac.includes(R.key) && b(), R.key === " " && R.preventDefault());
                 })
               }
             )
@@ -647,8 +647,8 @@ var Yt = "SelectItemText", ka = d.forwardRef(
       (b) => A(b),
       c.onItemTextChange,
       (b) => {
-        var S;
-        return (S = l.itemTextRefCallback) == null ? void 0 : S.call(l, b, c.value, c.disabled);
+        var R;
+        return (R = l.itemTextRefCallback) == null ? void 0 : R.call(l, b, c.value, c.disabled);
       }
     ), y = h == null ? void 0 : h.textContent, v = d.useMemo(
       () => /* @__PURE__ */ a("option", { value: c.value, disabled: c.disabled, children: y }, c.value),
@@ -838,16 +838,16 @@ var Ec = sa, Bc = aa, wc = ia, Nc = la, Tc = ca, xc = da, Jc = pa, Uc = ma, Dc =
       inverted: y = !1,
       form: v,
       ...m
-    } = n, k = d.useRef(/* @__PURE__ */ new Set()), b = d.useRef(0), I = i === "horizontal" ? Vc : Wc, [R = [], E] = bn({
+    } = n, k = d.useRef(/* @__PURE__ */ new Set()), b = d.useRef(0), S = i === "horizontal" ? Vc : Wc, [I = [], E] = bn({
       prop: h,
       defaultProp: u,
       onChange: (z) => {
         var B;
         (B = [...k.current][b.current]) == null || B.focus(), A(z);
       }
-    }), w = d.useRef(R);
+    }), w = d.useRef(I);
     function T(z) {
-      const j = Gc(R, z);
+      const j = Gc(I, z);
       O(z, j);
     }
     function Q(z) {
@@ -855,7 +855,7 @@ var Ec = sa, Bc = aa, wc = ia, Nc = la, Tc = ca, xc = da, Jc = pa, Uc = ma, Dc =
     }
     function D() {
       const z = w.current[b.current];
-      R[b.current] !== z && p(R);
+      I[b.current] !== z && p(I);
     }
     function O(z, j, { commit: B } = { commit: !1 }) {
       const N = _c(o), U = $c(Math.round((z - s) / o) * o + s, N), W = In(U, [s, r]);
@@ -879,18 +879,18 @@ var Ec = sa, Bc = aa, wc = ia, Nc = la, Tc = ca, xc = da, Jc = pa, Uc = ma, Dc =
         max: r,
         valueIndexToChangeRef: b,
         thumbs: k.current,
-        values: R,
+        values: I,
         orientation: i,
         form: v,
         children: /* @__PURE__ */ a(hs.Provider, { scope: n.__scopeSlider, children: /* @__PURE__ */ a(hs.Slot, { scope: n.__scopeSlider, children: /* @__PURE__ */ a(
-          I,
+          S,
           {
             "aria-disabled": l,
             "data-disabled": l ? "" : void 0,
             ...m,
             ref: e,
             onPointerDown: ae(m.onPointerDown, () => {
-              l || (w.current = R);
+              l || (w.current = I);
             }),
             min: s,
             max: r,
@@ -899,10 +899,10 @@ var Ec = sa, Bc = aa, wc = ia, Nc = la, Tc = ca, xc = da, Jc = pa, Uc = ma, Dc =
             onSlideMove: l ? void 0 : Q,
             onSlideEnd: l ? void 0 : D,
             onHomeKeyDown: () => !l && O(s, 0, { commit: !0 }),
-            onEndKeyDown: () => !l && O(r, R.length - 1, { commit: !0 }),
+            onEndKeyDown: () => !l && O(r, I.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: z, direction: j }) => {
               if (!l) {
-                const U = Ta.includes(z.key) || z.shiftKey && xa.includes(z.key) ? 10 : 1, W = b.current, L = R[W], F = o * U * j;
+                const U = Ta.includes(z.key) || z.shiftKey && xa.includes(z.key) ? 10 : 1, W = b.current, L = I[W], F = o * U * j;
                 O(L + F, W, { commit: !0 });
               }
             }
@@ -930,10 +930,10 @@ var [Oa, Qa] = Ua(Dt, {
       onSlideEnd: c,
       onStepKeyDown: u,
       ...h
-    } = n, [A, p] = d.useState(null), y = Ce(e, (I) => p(I)), v = d.useRef(void 0), m = Ur(r), k = m === "ltr", b = k && !o || !k && o;
-    function S(I) {
-      const R = v.current || A.getBoundingClientRect(), E = [0, R.width], T = xs(E, b ? [t, s] : [s, t]);
-      return v.current = R, T(I - R.left);
+    } = n, [A, p] = d.useState(null), y = Ce(e, (S) => p(S)), v = d.useRef(void 0), m = Ur(r), k = m === "ltr", b = k && !o || !k && o;
+    function R(S) {
+      const I = v.current || A.getBoundingClientRect(), E = [0, I.width], T = xs(E, b ? [t, s] : [s, t]);
+      return v.current = I, T(S - I.left);
     }
     return /* @__PURE__ */ a(
       Oa,
@@ -954,20 +954,20 @@ var [Oa, Qa] = Ua(Dt, {
               ...h.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
-            onSlideStart: (I) => {
-              const R = S(I.clientX);
-              i == null || i(R);
+            onSlideStart: (S) => {
+              const I = R(S.clientX);
+              i == null || i(I);
             },
-            onSlideMove: (I) => {
-              const R = S(I.clientX);
-              l == null || l(R);
+            onSlideMove: (S) => {
+              const I = R(S.clientX);
+              l == null || l(I);
             },
             onSlideEnd: () => {
               v.current = void 0, c == null || c();
             },
-            onStepKeyDown: (I) => {
-              const E = Ja[b ? "from-left" : "from-right"].includes(I.key);
-              u == null || u({ event: I, direction: E ? -1 : 1 });
+            onStepKeyDown: (S) => {
+              const E = Ja[b ? "from-left" : "from-right"].includes(S.key);
+              u == null || u({ event: S, direction: E ? -1 : 1 });
             }
           }
         )
@@ -987,8 +987,8 @@ var [Oa, Qa] = Ua(Dt, {
       ...u
     } = n, h = d.useRef(null), A = Ce(e, h), p = d.useRef(void 0), y = !r;
     function v(m) {
-      const k = p.current || h.current.getBoundingClientRect(), b = [0, k.height], I = xs(b, y ? [s, t] : [t, s]);
-      return p.current = k, I(m - k.top);
+      const k = p.current || h.current.getBoundingClientRect(), b = [0, k.height], S = xs(b, y ? [s, t] : [t, s]);
+      return p.current = k, S(m - k.top);
     }
     return /* @__PURE__ */ a(
       Oa,
@@ -1109,7 +1109,7 @@ var gs = "SliderThumb", Pa = d.forwardRef(
   }
 ), qc = d.forwardRef(
   (n, e) => {
-    const { __scopeSlider: t, index: s, name: r, ...o } = n, i = Un(gs, t), l = Qa(gs, t), [c, u] = d.useState(null), h = Ce(e, (S) => u(S)), A = c ? i.form || !!c.closest("form") : !0, p = Ri(c), y = i.values[s], v = y === void 0 ? 0 : Wa(y, i.min, i.max), m = Kc(s, i.values.length), k = p == null ? void 0 : p[l.size], b = k ? Xc(k, v, l.direction) : 0;
+    const { __scopeSlider: t, index: s, name: r, ...o } = n, i = Un(gs, t), l = Qa(gs, t), [c, u] = d.useState(null), h = Ce(e, (R) => u(R)), A = c ? i.form || !!c.closest("form") : !0, p = Ri(c), y = i.values[s], v = y === void 0 ? 0 : Wa(y, i.min, i.max), m = Kc(s, i.values.length), k = p == null ? void 0 : p[l.size], b = k ? Xc(k, v, l.direction) : 0;
     return d.useEffect(() => {
       if (c)
         return i.thumbs.add(c), () => {
@@ -1420,15 +1420,15 @@ const $a = d.forwardRef((n, e) => {
   d.useEffect(() => m(r), [r]);
   const [k, b] = d.useState(o);
   d.useEffect(() => b(o), [o]);
-  const [S, I] = d.useState(i);
-  d.useEffect(() => I(i), [i]);
-  const [R, E] = d.useState(l);
-  return d.useEffect(() => E(l), [l]), d.createElement(Os, { ...u, ref: e, isRoot: !0, hasBackground: c, appearance: h, accentColor: p, grayColor: v, panelBackground: k, radius: S, scaling: R, onAppearanceChange: A, onAccentColorChange: y, onGrayColorChange: m, onPanelBackgroundChange: b, onRadiusChange: I, onScalingChange: E });
+  const [R, S] = d.useState(i);
+  d.useEffect(() => S(i), [i]);
+  const [I, E] = d.useState(l);
+  return d.useEffect(() => E(l), [l]), d.createElement(Os, { ...u, ref: e, isRoot: !0, hasBackground: c, appearance: h, accentColor: p, grayColor: v, panelBackground: k, radius: R, scaling: I, onAppearanceChange: A, onAccentColorChange: y, onGrayColorChange: m, onPanelBackgroundChange: b, onRadiusChange: S, onScalingChange: E });
 });
 $a.displayName = "ThemeRoot";
 const Os = d.forwardRef((n, e) => {
-  const t = d.useContext(Rn), { asChild: s, isRoot: r, hasBackground: o, appearance: i = (t == null ? void 0 : t.appearance) ?? we.appearance.default, accentColor: l = (t == null ? void 0 : t.accentColor) ?? we.accentColor.default, grayColor: c = (t == null ? void 0 : t.resolvedGrayColor) ?? we.grayColor.default, panelBackground: u = (t == null ? void 0 : t.panelBackground) ?? we.panelBackground.default, radius: h = (t == null ? void 0 : t.radius) ?? we.radius.default, scaling: A = (t == null ? void 0 : t.scaling) ?? we.scaling.default, onAppearanceChange: p = It, onAccentColorChange: y = It, onGrayColorChange: v = It, onPanelBackgroundChange: m = It, onRadiusChange: k = It, onScalingChange: b = It, ...S } = n, I = s ? ge : "div", R = c === "auto" ? pd(l) : c, E = n.appearance === "light" || n.appearance === "dark", w = o === void 0 ? r || E : o;
-  return d.createElement(Rn.Provider, { value: d.useMemo(() => ({ appearance: i, accentColor: l, grayColor: c, resolvedGrayColor: R, panelBackground: u, radius: h, scaling: A, onAppearanceChange: p, onAccentColorChange: y, onGrayColorChange: v, onPanelBackgroundChange: m, onRadiusChange: k, onScalingChange: b }), [i, l, c, R, u, h, A, p, y, v, m, k, b]) }, d.createElement(I, { "data-is-root-theme": r ? "true" : "false", "data-accent-color": l, "data-gray-color": R, "data-has-background": w ? "true" : "false", "data-panel-background": u, "data-radius": h, "data-scaling": A, ref: e, ...S, className: f("radix-themes", { light: i === "light", dark: i === "dark" }, S.className) }));
+  const t = d.useContext(Rn), { asChild: s, isRoot: r, hasBackground: o, appearance: i = (t == null ? void 0 : t.appearance) ?? we.appearance.default, accentColor: l = (t == null ? void 0 : t.accentColor) ?? we.accentColor.default, grayColor: c = (t == null ? void 0 : t.resolvedGrayColor) ?? we.grayColor.default, panelBackground: u = (t == null ? void 0 : t.panelBackground) ?? we.panelBackground.default, radius: h = (t == null ? void 0 : t.radius) ?? we.radius.default, scaling: A = (t == null ? void 0 : t.scaling) ?? we.scaling.default, onAppearanceChange: p = It, onAccentColorChange: y = It, onGrayColorChange: v = It, onPanelBackgroundChange: m = It, onRadiusChange: k = It, onScalingChange: b = It, ...R } = n, S = s ? ge : "div", I = c === "auto" ? pd(l) : c, E = n.appearance === "light" || n.appearance === "dark", w = o === void 0 ? r || E : o;
+  return d.createElement(Rn.Provider, { value: d.useMemo(() => ({ appearance: i, accentColor: l, grayColor: c, resolvedGrayColor: I, panelBackground: u, radius: h, scaling: A, onAppearanceChange: p, onAccentColorChange: y, onGrayColorChange: v, onPanelBackgroundChange: m, onRadiusChange: k, onScalingChange: b }), [i, l, c, I, u, h, A, p, y, v, m, k, b]) }, d.createElement(S, { "data-is-root-theme": r ? "true" : "false", "data-accent-color": l, "data-gray-color": I, "data-has-background": w ? "true" : "false", "data-panel-background": u, "data-radius": h, "data-scaling": A, ref: e, ...R, className: f("radix-themes", { light: i === "light", dark: i === "dark" }, R.className) }));
 });
 Os.displayName = "ThemeImpl";
 const tt = (n) => {
@@ -1912,13 +1912,13 @@ const KA = "_sliderRoot_7wkh4_23", GA = "_sliderTrack_7wkh4_31", XA = "_sliderRa
   tooltipArrow: _A,
   sliderContainer: $A
 }, qo = ({ onChangeValue: n, volume: e, disabled: t }) => {
-  const [s, r] = G(!1), o = ye(), i = ye(0), l = x((R) => {
-    if (R < 1e-3) return -1 / 0;
-    const E = 20 * Math.log10(R);
+  const [s, r] = G(!1), o = ye(), i = ye(0), l = x((I) => {
+    if (I < 1e-3) return -1 / 0;
+    const E = 20 * Math.log10(I);
     return E < -60 ? -60 : E;
-  }, []), c = x((R) => R === -1 / 0 || R <= -60 ? 0 : Math.pow(10, R / 20), []), u = Y(() => {
-    const R = l(e);
-    return R === -1 / 0 ? -60 : Math.max(-60, Math.min(6, R));
+  }, []), c = x((I) => I === -1 / 0 || I <= -60 ? 0 : Math.pow(10, I / 20), []), u = Y(() => {
+    const I = l(e);
+    return I === -1 / 0 ? -60 : Math.max(-60, Math.min(6, I));
   }, [e, l]), h = Y(() => e < 1e-3, [e]), A = x(() => {
     clearTimeout(o.current), r(!0);
   }, []), p = x(() => {
@@ -1926,13 +1926,13 @@ const KA = "_sliderRoot_7wkh4_23", GA = "_sliderTrack_7wkh4_31", XA = "_sliderRa
       r(!1);
     }, 300);
   }, []), y = x(
-    (R) => {
-      (R.key === "ArrowUp" || R.key === "ArrowDown") && A(), (R.key === "ArrowLeft" || R.key === "ArrowRight") && (R.preventDefault(), R.stopPropagation(), A());
+    (I) => {
+      (I.key === "ArrowUp" || I.key === "ArrowDown") && A(), (I.key === "ArrowLeft" || I.key === "ArrowRight") && (I.preventDefault(), I.stopPropagation(), A());
     },
     [A]
   ), v = x(
-    (R) => {
-      n(R.map(c));
+    (I) => {
+      n(I.map(c));
     },
     [n, c]
   ), m = x(() => {
@@ -1941,10 +1941,10 @@ const KA = "_sliderRoot_7wkh4_23", GA = "_sliderTrack_7wkh4_31", XA = "_sliderRa
     p();
   }, [p]), b = x(() => {
     n([1]), A();
-  }, [n, A]), S = x(() => {
-    const R = Date.now();
-    R - i.current < 300 && b(), i.current = R;
-  }, [b]), I = Y(
+  }, [n, A]), R = x(() => {
+    const I = Date.now();
+    I - i.current < 300 && b(), i.current = I;
+  }, [b]), S = Y(
     () => /* @__PURE__ */ g(he, { children: [
       h ? "-∞ dB" : `${u.toFixed(1)} dB`,
       /* @__PURE__ */ a(ws, { className: ct.tooltipArrow })
@@ -1973,7 +1973,7 @@ const KA = "_sliderRoot_7wkh4_23", GA = "_sliderTrack_7wkh4_31", XA = "_sliderRa
               onPointerDown: m,
               onKeyDown: y,
               onBlur: k,
-              onClick: S
+              onClick: R
             }
           ) }),
           /* @__PURE__ */ a(
@@ -1983,7 +1983,7 @@ const KA = "_sliderRoot_7wkh4_23", GA = "_sliderTrack_7wkh4_31", XA = "_sliderRa
               side: "bottom",
               align: "center",
               sideOffset: 10,
-              children: I
+              children: S
             }
           )
         ] }) })
@@ -2632,13 +2632,13 @@ const Fp = ({
   size: A = "1",
   ...p
 }) => {
-  const y = (o == null ? void 0 : o.id) || r, v = (o == null ? void 0 : o.name) || t, m = (o == null ? void 0 : o.description) || s, k = (o == null ? void 0 : o.image) || e, b = (o == null ? void 0 : o.icon) || l, S = k && (k != null && k.startsWith("url(")) ? k == null ? void 0 : k.substring(4, (k == null ? void 0 : k.length) - 1).replace(/"/g, "") : k, I = (T) => {
+  const y = (o == null ? void 0 : o.id) || r, v = (o == null ? void 0 : o.name) || t, m = (o == null ? void 0 : o.description) || s, k = (o == null ? void 0 : o.image) || e, b = (o == null ? void 0 : o.icon) || l, R = k && (k != null && k.startsWith("url(")) ? k == null ? void 0 : k.substring(4, (k == null ? void 0 : k.length) - 1).replace(/"/g, "") : k, S = (T) => {
     T.stopPropagation(), T.preventDefault(), h == null || h();
-  }, R = {
+  }, I = {
     1: { avatar: 60, icon: 15 },
     2: { avatar: 68, icon: 15 },
     3: { avatar: 80, icon: 15 }
-  }, E = typeof A == "string" ? parseInt(A, 10) : A, w = R[E] || R[1];
+  }, E = typeof A == "string" ? parseInt(A, 10) : A, w = I[E] || I[1];
   return /* @__PURE__ */ a(
     on,
     {
@@ -2650,7 +2650,7 @@ const Fp = ({
       ),
       style: { "--color-surface": "transparent" },
       "data-state": u ? "checked" : "unchecked",
-      onClick: I,
+      onClick: S,
       ...p,
       children: /* @__PURE__ */ g(C, { gap: "2", children: [
         /* @__PURE__ */ a(C, { width: `${w.avatar}px`, height: `${w.avatar}px`, children: i ? /* @__PURE__ */ a(
@@ -2685,7 +2685,7 @@ const Fp = ({
         ) : /* @__PURE__ */ a(
           Ze,
           {
-            src: S,
+            src: R,
             className: f(
               $.listCardsAvatar,
               $[`listCardsAvatarSize${A}`]
@@ -3293,25 +3293,25 @@ const Vt = 10, Wt = 10, ut = 9.5, Zn = -Math.PI / 2, Yn = 0.01, mr = (n) => Math
       p.current && (document.head.removeChild(p.current), p.current = null), b(), m.current && cancelAnimationFrame(m.current);
     };
   }, [h, k, b]);
-  const S = x(
+  const R = x(
     (B) => {
       v.current = mr(B), !m.current && (m.current = requestAnimationFrame(() => {
         m.current = 0, t(v.current);
       }));
     },
     [t]
-  ), I = x(
+  ), S = x(
     (B) => {
       B.preventDefault(), B.stopPropagation();
       const N = B.wheelDelta ?? -B.deltaY * 25;
       if (!N) return;
       const U = e + (N > 0 ? Yn : -Yn);
-      S(U);
+      R(U);
     },
-    [e, S]
+    [e, R]
   );
-  Tt("wheel", I, i);
-  const R = x(
+  Tt("wheel", S, i);
+  const I = x(
     (B) => {
       var U;
       if (s) return;
@@ -3324,17 +3324,17 @@ const Vt = 10, Wt = 10, ut = 9.5, Zn = -Math.PI / 2, Yn = 0.01, mr = (n) => Math
     (B) => {
       if (!h) return;
       const N = y.current - B.clientY, U = e + N * Yn;
-      S(U), y.current = B.clientY;
+      R(U), y.current = B.clientY;
     },
-    [h, e, S]
+    [h, e, R]
   ), w = x((B) => {
     var N, U;
     (U = (N = B.currentTarget) == null ? void 0 : N.releasePointerCapture) == null || U.call(N, B.pointerId), A(!1);
   }, []), T = x(
     (B) => {
-      B.detail === 2 && S(0);
+      B.detail === 2 && R(0);
     },
-    [S]
+    [R]
   ), { arcPath: Q, pointerRotation: D, arcColor: O, pointerColor: z } = Y(() => {
     const B = fr(e, r, o), N = mr(B), U = Zn + N * Math.PI, W = Vt + ut * Math.cos(Zn), L = Wt + ut * Math.sin(Zn), F = Vt + ut * Math.cos(U), H = Wt + ut * Math.sin(U), _ = 0, Qe = N > 0 ? 1 : 0;
     return {
@@ -3366,7 +3366,7 @@ const Vt = 10, Wt = 10, ut = 9.5, Zn = -Math.PI / 2, Yn = 0.01, mr = (n) => Math
               h && St.active,
               s && St.disabled
             ),
-            onPointerDown: R,
+            onPointerDown: I,
             onPointerMove: E,
             onPointerUp: w,
             onPointerCancel: w,
@@ -4297,32 +4297,32 @@ const _m = "_content_1vf1h_1", $m = "_pan_1vf1h_13", ef = "_disabled_1vf1h_26",
     n == null && e(r);
   }, [n, e, r]);
   const p = x(
-    (I) => {
-      if (I.preventDefault(), I.stopPropagation(), t) return;
-      const R = I.wheelDelta ?? -I.deltaY * 25;
-      if (!R || Math.abs(R) <= 50) return;
+    (S) => {
+      if (S.preventDefault(), S.stopPropagation(), t) return;
+      const I = S.wheelDelta ?? -S.deltaY * 25;
+      if (!I || Math.abs(I) <= 50) return;
       const E = Date.now();
       if (E - A.current < 100) return;
-      const w = R > 0 ? 1 : -1, T = kr(n, s, w);
+      const w = I > 0 ? 1 : -1, T = kr(n, s, w);
       e(T), A.current = E;
     },
     [e, n, s, t]
   ), y = x(
-    (I) => {
+    (S) => {
       if (t) {
-        I.preventDefault();
+        S.preventDefault();
         return;
       }
-      I.preventDefault(), c(!0), h(I.clientY);
+      S.preventDefault(), c(!0), h(S.clientY);
     },
     [t]
   ), v = x(
-    (I) => {
+    (S) => {
       if (!l || t) return;
-      const R = u - I.clientY;
-      if (Math.abs(R) <= 20) return;
-      const E = R > 0 ? 1 : -1, w = kr(n, s, E);
-      e(w), h(I.clientY), A.current = Date.now();
+      const I = u - S.clientY;
+      if (Math.abs(I) <= 20) return;
+      const E = I > 0 ? 1 : -1, w = kr(n, s, E);
+      e(w), h(S.clientY), A.current = Date.now();
     },
     [l, u, n, e, s, t]
   ), m = x(() => {
@@ -4330,15 +4330,15 @@ const _m = "_content_1vf1h_1", $m = "_pan_1vf1h_13", ef = "_disabled_1vf1h_26",
   }, []), k = x(() => {
     c(!1);
   }, []), b = x(
-    (I) => {
-      I.detail === 2 && !t && e(r);
+    (S) => {
+      S.detail === 2 && !t && e(r);
     },
     [e, r, t]
-  ), S = x(
-    (I) => {
+  ), R = x(
+    (S) => {
       if (!o || t) return;
-      const R = sf(s, I);
-      R && e(R);
+      const I = sf(s, S);
+      I && e(I);
     },
     [o, t, e, s]
   );
@@ -4346,7 +4346,7 @@ const _m = "_content_1vf1h_1", $m = "_pan_1vf1h_13", ef = "_disabled_1vf1h_26",
     containerRef: i,
     isDragging: l,
     handleClick: b,
-    handleDotClick: S
+    handleDotClick: R
   };
 }, lf = ({
   className: n,
@@ -4367,8 +4367,8 @@ const _m = "_content_1vf1h_1", $m = "_pan_1vf1h_13", ef = "_disabled_1vf1h_26",
     defaultDot: c,
     clickableDots: r
   }), y = Y(() => typeof e == "object" && e !== null ? e.position : rf(e, o), [e, o]), { pointerRotation: v, pointerColor: m } = Y(() => af(y, s), [y, s]), k = (b) => {
-    const S = yr[b.color] || yr.neutral, I = b.position === y, R = i === b.position && r;
-    return s ? S.default : I ? S.active : R ? S.hover : S.default;
+    const R = yr[b.color] || yr.neutral, S = b.position === y, I = i === b.position && r;
+    return s ? R.default : S ? R.active : I ? R.hover : R.default;
   };
   return /* @__PURE__ */ a(
     "div",
@@ -4414,15 +4414,15 @@ const _m = "_content_1vf1h_1", $m = "_pan_1vf1h_13", ef = "_disabled_1vf1h_26",
               }
             ),
             o == null ? void 0 : o.map((b) => {
-              const S = _o[b.position];
-              if (!S) return null;
-              const I = k(b), R = r && !s;
+              const R = _o[b.position];
+              if (!R) return null;
+              const S = k(b), I = r && !s;
               return /* @__PURE__ */ g(Ae.Fragment, { children: [
-                R && /* @__PURE__ */ a(
+                I && /* @__PURE__ */ a(
                   "circle",
                   {
-                    cx: S.x,
-                    cy: S.y,
+                    cx: R.x,
+                    cy: R.y,
                     r: 4,
                     style: {
                       cursor: "pointer",
@@ -4438,23 +4438,23 @@ const _m = "_content_1vf1h_1", $m = "_pan_1vf1h_13", ef = "_disabled_1vf1h_26",
                 /* @__PURE__ */ a(
                   "circle",
                   {
-                    cx: S.x,
-                    cy: S.y,
+                    cx: R.x,
+                    cy: R.y,
                     r: 1,
-                    fill: I,
+                    fill: S,
                     style: {
-                      cursor: R ? "pointer" : "default",
+                      cursor: I ? "pointer" : "default",
                       transition: "fill 0.2s ease",
-                      pointerEvents: R ? "none" : "all"
+                      pointerEvents: I ? "none" : "all"
                     },
                     onMouseEnter: () => {
-                      R && l(b.position);
+                      I && l(b.position);
                     },
                     onMouseLeave: () => {
-                      R && l(null);
+                      I && l(null);
                     },
                     onClick: (E) => {
-                      R && (E.stopPropagation(), p(b.position));
+                      I && (E.stopPropagation(), p(b.position));
                     }
                   }
                 )
@@ -4508,21 +4508,21 @@ const uf = "_starButton_azi6g_1", Af = "_disabled_azi6g_17", hf = "_readOnly_azi
   maxLabel: h,
   ...A
 }) => {
-  const [p, y] = G(t || 0), [v, m] = G(0), k = e !== void 0 ? e : p, b = e !== void 0, S = x(
+  const [p, y] = G(t || 0), [v, m] = G(0), k = e !== void 0 ? e : p, b = e !== void 0, R = x(
     (w) => {
       if (s || r) return;
       const T = w + 1, Q = T === k ? 0 : T;
       b || y(Q), o == null || o({ value: Q });
     },
     [s, r, b, o, k]
-  ), I = x(
+  ), S = x(
     (w) => {
       if (s || r) return;
       const T = w.currentTarget.getBoundingClientRect(), Q = w.clientX - T.left, D = T.width / n, O = Math.floor(Q / D), j = Math.max(0, Math.min(O, n - 1)) + 1;
       j !== v && (m(j), i == null || i({ value: j }));
     },
     [s, r, n, v, i]
-  ), R = x(() => {
+  ), I = x(() => {
     s || r || (m(0), i == null || i({ value: 0 }));
   }, [s, r, i]), E = (w) => {
     const T = v > 0 ? w < v : w < k, Q = v > 0 && w < v, D = w < k;
@@ -4537,7 +4537,7 @@ const uf = "_starButton_azi6g_1", Af = "_disabled_azi6g_17", hf = "_readOnly_azi
           [Be.disabled]: s,
           [Be.readOnly]: r
         }),
-        onClick: () => S(w),
+        onClick: () => R(w),
         disabled: s || r,
         "aria-label": `Rate ${w + 1} out of ${n}`,
         ...A,
@@ -4567,8 +4567,8 @@ const uf = "_starButton_azi6g_1", Af = "_disabled_azi6g_17", hf = "_readOnly_azi
               className: Be.starsContainer,
               role: "radiogroup",
               "aria-label": `Rating: ${k} out of ${n} stars`,
-              onMouseMove: I,
-              onMouseLeave: R,
+              onMouseMove: S,
+              onMouseLeave: I,
               children: Array.from({ length: n }, (w, T) => E(T))
             }
           ),
@@ -5196,7 +5196,7 @@ const kn = {
   onAddConditioningAudio: s,
   showConditioningTextPaywall: r,
   showAdvancedControlsPaywall: o,
-  i18n: i = { _: (I) => I },
+  i18n: i = { _: (S) => S },
   loading: l,
   onSubmit: c,
   limitReached: u,
@@ -5208,9 +5208,9 @@ const kn = {
   generateFromSelectionTrack: m,
   unmutedTracksCount: k,
   onMountConcurrency: b,
-  onClear: S
+  onClear: R
 }) => {
-  const [I, R] = G(!1), [E, w] = G("2"), [T, Q] = G(E), { submitted: D, handleSubmit: O } = tr(c), z = Y(() => [
+  const [S, I] = G(!1), [E, w] = G("2"), [T, Q] = G(E), { submitted: D, handleSubmit: O } = tr(c), z = Y(() => [
     { value: "2", label: i._("Presets") },
     { value: "1", label: i._("Custom") }
   ], []), j = Y(() => u || k === 0 || E === "2" && !n.presetId || E === "1" && !n.conditioningText && !n.conditioningAudio, [
@@ -5269,9 +5269,9 @@ const kn = {
   );
   ce(() => {
     if (E !== T) {
-      R(!0);
+      I(!0);
       const F = setTimeout(() => {
-        Q(E), R(!1);
+        Q(E), I(!1);
       }, kn.timeouts.animationDuration);
       return () => clearTimeout(F);
     }
@@ -5326,7 +5326,7 @@ const kn = {
                     top: "130px",
                     zIndex: 10,
                     backgroundColor: "var(--neutral-2)",
-                    opacity: I ? 0 : 1,
+                    opacity: S ? 0 : 1,
                     transition: `opacity ${kn.timeouts.animationDuration}ms ease-in-out`
                   }
                 }
@@ -5341,7 +5341,7 @@ const kn = {
             style: {
               position: "relative",
               flex: 1,
-              opacity: I ? 0 : 1,
+              opacity: S ? 0 : 1,
               transition: `opacity ${kn.timeouts.animationDuration}ms ease-in-out`,
               overflow: "hidden"
             },
@@ -5427,7 +5427,7 @@ const kn = {
                           inpaintingTrack: v,
                           generateFromSelectionTrack: m,
                           unmutedTracksCount: k,
-                          onClear: S,
+                          onClear: R,
                           i18n: i
                         }
                       ) }),
@@ -5453,7 +5453,7 @@ const kn = {
                         Te,
                         {
                           type: "error",
-                          onClick: S,
+                          onClick: R,
                           ctaLabel: i._("Clear"),
                           showBackground: !1,
                           showIcon: !1,
@@ -5529,7 +5529,7 @@ const Ir = {
   showStemsPaywall: y,
   showHiFiSwitch: v
 }) => {
-  var R;
+  var I;
   const { submitted: m, handleSubmit: k } = tr(i), b = [
     {
       value: "freeVocalInstruments",
@@ -5641,7 +5641,7 @@ const Ir = {
       name: n._("Other"),
       category: "paid"
     }
-  ], S = async (E) => {
+  ], R = async (E) => {
     if (E.isLocked) {
       y(E.value);
       return;
@@ -5659,7 +5659,7 @@ const Ir = {
       }
       return Q.includes("other") && Q.length === 1 ? { ...T, selectedStems: [] } : { ...T, selectedStems: Q };
     });
-  }, I = (E) => {
+  }, S = (E) => {
     c((w) => ({
       ...w,
       selectedStems: E.value
@@ -5677,7 +5677,7 @@ const Ir = {
             icon: Ir[E.value]
           })),
           value: l.selectedStems,
-          onSelect: I
+          onSelect: S
         }
       ),
       /* @__PURE__ */ a(V, { size: "2", weight: "medium", mt: "2", children: n._("Music Stems") })
@@ -5696,7 +5696,7 @@ const Ir = {
           };
         }),
         value: l.selectedStems,
-        onSelect: S,
+        onSelect: R,
         style: {
           marginBottom: "12px"
         }
@@ -5717,7 +5717,7 @@ const Ir = {
           Pn,
           {
             title: n._("Separate Stems"),
-            disabled: !((R = l == null ? void 0 : l.selectedStems) != null && R.length) || !(l != null && l.trackName),
+            disabled: !((I = l == null ? void 0 : l.selectedStems) != null && I.length) || !(l != null && l.trackName),
             loading: u,
             onClick: k,
             besideFooter: /* @__PURE__ */ g(C, { align: "center", gap: "2", children: [
@@ -6185,14 +6185,14 @@ class tv extends cn {
       const A = (p) => {
         if (p.button !== o || (c.set(p.pointerId, p), c.size > 1)) return;
         let y = p.clientX, v = p.clientY, m = !1;
-        const k = Date.now(), b = t.getBoundingClientRect(), { left: S, top: I } = b, R = (D) => {
+        const k = Date.now(), b = t.getBoundingClientRect(), { left: R, top: S } = b, I = (D) => {
           if (D.defaultPrevented || c.size > 1 || u && Date.now() - k < i) return;
           const O = D.clientX, z = D.clientY, j = O - y, B = z - v;
-          (m || Math.abs(j) > r || Math.abs(B) > r) && (D.preventDefault(), D.stopPropagation(), m || (l.set({ type: "start", x: y - S, y: v - I }), m = !0), l.set({ type: "move", x: O - S, y: z - I, deltaX: j, deltaY: B }), y = O, v = z);
+          (m || Math.abs(j) > r || Math.abs(B) > r) && (D.preventDefault(), D.stopPropagation(), m || (l.set({ type: "start", x: y - R, y: v - S }), m = !0), l.set({ type: "move", x: O - R, y: z - S, deltaX: j, deltaY: B }), y = O, v = z);
         }, E = (D) => {
           if (c.delete(D.pointerId), m) {
             const O = D.clientX, z = D.clientY;
-            l.set({ type: "end", x: O - S, y: z - I });
+            l.set({ type: "end", x: O - R, y: z - S });
           }
           h();
         }, w = (D) => {
@@ -6202,8 +6202,8 @@ class tv extends cn {
         }, Q = (D) => {
           D.defaultPrevented || c.size > 1 || m && D.preventDefault();
         };
-        document.addEventListener("pointermove", R), document.addEventListener("pointerup", E), document.addEventListener("pointerout", w), document.addEventListener("pointercancel", w), document.addEventListener("touchmove", Q, { passive: !1 }), document.addEventListener("click", T, { capture: !0 }), h = () => {
-          document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", E), document.removeEventListener("pointerout", w), document.removeEventListener("pointercancel", w), document.removeEventListener("touchmove", Q), setTimeout(() => {
+        document.addEventListener("pointermove", I), document.addEventListener("pointerup", E), document.addEventListener("pointerout", w), document.addEventListener("pointercancel", w), document.addEventListener("touchmove", Q, { passive: !1 }), document.addEventListener("click", T, { capture: !0 }), h = () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", E), document.removeEventListener("pointerout", w), document.removeEventListener("pointercancel", w), document.removeEventListener("touchmove", Q), setTimeout(() => {
             document.removeEventListener("click", T, { capture: !0 });
           }, 10);
         };
@@ -6366,16 +6366,16 @@ class tv extends cn {
     var e;
   }
   renderBarWaveform(e, t, s, r) {
-    const { width: o, height: i } = s.canvas, { halfHeight: l, barWidth: c, barRadius: u, barIndexScale: h, barSpacing: A, barMinHeight: p } = function({ width: v, height: m, length: k, options: b, pixelRatio: S }) {
-      const I = m / 2, R = b.barWidth ? b.barWidth * S : 1, E = b.barGap ? b.barGap * S : b.barWidth ? R / 2 : 0, w = R + E || 1;
-      return { halfHeight: I, barWidth: R, barGap: E, barRadius: b.barRadius || 0, barMinHeight: b.barMinHeight ? b.barMinHeight * S : 0, barIndexScale: k > 0 ? v / w / k : 0, barSpacing: w };
-    }({ width: o, height: i, length: (e[0] || []).length, options: t, pixelRatio: this.getPixelRatio() }), y = function({ channelData: v, barIndexScale: m, barSpacing: k, barWidth: b, halfHeight: S, vScale: I, canvasHeight: R, barAlign: E, barMinHeight: w }) {
+    const { width: o, height: i } = s.canvas, { halfHeight: l, barWidth: c, barRadius: u, barIndexScale: h, barSpacing: A, barMinHeight: p } = function({ width: v, height: m, length: k, options: b, pixelRatio: R }) {
+      const S = m / 2, I = b.barWidth ? b.barWidth * R : 1, E = b.barGap ? b.barGap * R : b.barWidth ? I / 2 : 0, w = I + E || 1;
+      return { halfHeight: S, barWidth: I, barGap: E, barRadius: b.barRadius || 0, barMinHeight: b.barMinHeight ? b.barMinHeight * R : 0, barIndexScale: k > 0 ? v / w / k : 0, barSpacing: w };
+    }({ width: o, height: i, length: (e[0] || []).length, options: t, pixelRatio: this.getPixelRatio() }), y = function({ channelData: v, barIndexScale: m, barSpacing: k, barWidth: b, halfHeight: R, vScale: S, canvasHeight: I, barAlign: E, barMinHeight: w }) {
       const T = v[0] || [], Q = v[1] || T, D = T.length, O = [];
       let z = 0, j = 0, B = 0;
       for (let N = 0; N <= D; N++) {
         const U = Math.round(N * m);
         if (U > z) {
-          const { topHeight: F, totalHeight: H } = _f({ maxTop: j, maxBottom: B, halfHeight: S, vScale: I, barMinHeight: w, barAlign: E }), _ = $f({ barAlign: E, halfHeight: S, topHeight: F, totalHeight: H, canvasHeight: R });
+          const { topHeight: F, totalHeight: H } = _f({ maxTop: j, maxBottom: B, halfHeight: R, vScale: S, barMinHeight: w, barAlign: E }), _ = $f({ barAlign: E, halfHeight: R, topHeight: F, totalHeight: H, canvasHeight: I });
           O.push({ x: z * k, y: _, width: b, height: H }), z = U, j = 0, B = 0;
         }
         const W = Math.abs(T[N] || 0), L = Math.abs(Q[N] || 0);
@@ -6391,18 +6391,18 @@ class tv extends cn {
     const { width: o, height: i } = s.canvas, l = function({ channelData: c, width: u, height: h, vScale: A }) {
       const p = h / 2, y = c[0] || [];
       return [y, c[1] || y].map((v, m) => {
-        const k = v.length, b = k ? u / k : 0, S = p, I = m === 0 ? -1 : 1, R = [{ x: 0, y: S }];
+        const k = v.length, b = k ? u / k : 0, R = p, S = m === 0 ? -1 : 1, I = [{ x: 0, y: R }];
         let E = 0, w = 0;
         for (let T = 0; T <= k; T++) {
           const Q = Math.round(T * b);
           if (Q > E) {
-            const O = S + (Math.round(w * p * A) || 1) * I;
-            R.push({ x: E, y: O }), E = Q, w = 0;
+            const O = R + (Math.round(w * p * A) || 1) * S;
+            I.push({ x: E, y: O }), E = Q, w = 0;
           }
           const D = Math.abs(v[T] || 0);
           D > w && (w = D);
         }
-        return R.push({ x: E, y: S }), R;
+        return I.push({ x: E, y: R }), I;
       });
     }({ channelData: e, width: o, height: i, vScale: r });
     s.beginPath();
@@ -6453,9 +6453,9 @@ class tv extends cn {
       const m = v * h;
       let k = Math.min(u - m, h);
       if (k = Er(k, t), k <= 0) return;
-      const b = function({ channelData: S, offset: I, clampedWidth: R, totalWidth: E }) {
-        return S.map((w) => {
-          const T = Math.floor(I / E * w.length), Q = Math.floor((I + R) / E * w.length);
+      const b = function({ channelData: R, offset: S, clampedWidth: I, totalWidth: E }) {
+        return R.map((w) => {
+          const T = Math.floor(S / E * w.length), Q = Math.floor((S + I) / E * w.length);
           return w.slice(T, Q);
         });
       }({ channelData: e, offset: m, clampedWidth: k, totalWidth: u });
@@ -6707,8 +6707,8 @@ class rn extends Yf {
     super({ media: t, mediaControls: e.mediaControls, autoplay: e.autoplay, playbackRate: e.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.reactiveCleanups = [], this.options = Object.assign({}, sv, e);
     const { state: s, actions: r } = function(l) {
       var c, u, h, A, p, y;
-      const v = (c = l == null ? void 0 : l.currentTime) !== null && c !== void 0 ? c : le(0), m = (u = l == null ? void 0 : l.duration) !== null && u !== void 0 ? u : le(0), k = (h = l == null ? void 0 : l.isPlaying) !== null && h !== void 0 ? h : le(!1), b = (A = l == null ? void 0 : l.isSeeking) !== null && A !== void 0 ? A : le(!1), S = (p = l == null ? void 0 : l.volume) !== null && p !== void 0 ? p : le(1), I = (y = l == null ? void 0 : l.playbackRate) !== null && y !== void 0 ? y : le(1), R = le(null), E = le(null), w = le(""), T = le(0), Q = le(0), D = ht(() => !k.value, [k]), O = ht(() => R.value !== null, [R]), z = ht(() => O.value && m.value > 0, [O, m]), j = ht(() => v.value, [v]), B = ht(() => m.value > 0 ? v.value / m.value : 0, [v, m]);
-      return { state: { currentTime: v, duration: m, isPlaying: k, isPaused: D, isSeeking: b, volume: S, playbackRate: I, audioBuffer: R, peaks: E, url: w, zoom: T, scrollPosition: Q, canPlay: O, isReady: z, progress: j, progressPercent: B }, actions: { setCurrentTime: (N) => {
+      const v = (c = l == null ? void 0 : l.currentTime) !== null && c !== void 0 ? c : le(0), m = (u = l == null ? void 0 : l.duration) !== null && u !== void 0 ? u : le(0), k = (h = l == null ? void 0 : l.isPlaying) !== null && h !== void 0 ? h : le(!1), b = (A = l == null ? void 0 : l.isSeeking) !== null && A !== void 0 ? A : le(!1), R = (p = l == null ? void 0 : l.volume) !== null && p !== void 0 ? p : le(1), S = (y = l == null ? void 0 : l.playbackRate) !== null && y !== void 0 ? y : le(1), I = le(null), E = le(null), w = le(""), T = le(0), Q = le(0), D = ht(() => !k.value, [k]), O = ht(() => I.value !== null, [I]), z = ht(() => O.value && m.value > 0, [O, m]), j = ht(() => v.value, [v]), B = ht(() => m.value > 0 ? v.value / m.value : 0, [v, m]);
+      return { state: { currentTime: v, duration: m, isPlaying: k, isPaused: D, isSeeking: b, volume: R, playbackRate: S, audioBuffer: I, peaks: E, url: w, zoom: T, scrollPosition: Q, canPlay: O, isReady: z, progress: j, progressPercent: B }, actions: { setCurrentTime: (N) => {
         const U = Math.max(0, Math.min(m.value || 1 / 0, N));
         v.set(U);
       }, setDuration: (N) => {
@@ -6719,12 +6719,12 @@ class rn extends Yf {
         b.set(N);
       }, setVolume: (N) => {
         const U = Math.max(0, Math.min(1, N));
-        S.set(U);
+        R.set(U);
       }, setPlaybackRate: (N) => {
         const U = Math.max(0.1, Math.min(16, N));
-        I.set(U);
+        S.set(U);
       }, setAudioBuffer: (N) => {
-        R.set(N), N && m.set(N.duration);
+        I.set(N), N && m.set(N.duration);
       }, setPeaks: (N) => {
         E.set(N);
       }, setUrl: (N) => {
@@ -7100,14 +7100,14 @@ function ai({
   classNamesButton: y,
   onPlayStateChange: v
 }) {
-  const [m, k] = G(!1), [b, S] = G(!1), [I, R] = G(!1), [E, w] = G(!1);
+  const [m, k] = G(!1), [b, R] = G(!1), [S, I] = G(!1), [E, w] = G(!1);
   ce(() => {
     typeof navigator < "u" && w(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
   }, []);
   const T = Y(() => s, [s]), Q = Y(() => r ? !1 : !T || T && m, [T, m, r]), D = ye(null), O = ye(null);
   ce(() => {
-    I || (!h || o) && R(!0);
-  }, [h, o, I]);
+    S || (!h || o) && I(!0);
+  }, [h, o, S]);
   const z = x(() => {
     var H;
     O.current && ((H = O.current) == null || H.pause());
@@ -7120,7 +7120,7 @@ function ai({
     O.current && n && ((H = O.current) == null || H.load(n));
   }, [n]);
   const B = x((H) => {
-    O.current = H, S(!0), k(!1);
+    O.current = H, R(!0), k(!1);
   }, []), N = x(
     (H) => {
       if (k(!0), t == null || t(!0), v == null || v(!0), c) {
@@ -7583,7 +7583,7 @@ const Nv = "_footerVoiceForm_lsc2c_2", Tv = {
   onClickUpgradeConcurrency: v,
   onRemoveTrack: m
 }) => {
-  const [k, b] = G(null), [S, I] = G(null), { submitted: R, handleSubmit: E } = tr(h), [w, T] = G({
+  const [k, b] = G(null), [R, S] = G(null), { submitted: I, handleSubmit: E } = tr(h), [w, T] = G({
     lastPlayed: null,
     active: null,
     isPlaying: !1,
@@ -7600,12 +7600,12 @@ const Nv = "_footerVoiceForm_lsc2c_2", Tv = {
     [n, t]
   ), D = x(
     (U) => {
-      S !== U && I(U);
+      R !== U && S(U);
     },
-    [S, I]
+    [R, S]
   ), O = x(
     (U) => {
-      I(null), w.active && w.active.pause(), T((W) => ({
+      S(null), w.active && w.active.pause(), T((W) => ({
         ...W,
         isPlaying: !1,
         active: null
@@ -7637,12 +7637,12 @@ const Nv = "_footerVoiceForm_lsc2c_2", Tv = {
   return ce(() => {
     var U;
     if (w.isPlaying === !1)
-      I(null);
+      S(null);
     else if (w.isPlaying === !0 && w.active) {
       const W = (U = n.find(
         (L) => w.active && L.metadata.previewUrl === w.active.url
       )) == null ? void 0 : U.identifier;
-      W && I(W);
+      W && S(W);
     }
   }, [w, n]), /* @__PURE__ */ g(C, { direction: "column", height: "100%", children: [
     /* @__PURE__ */ a(
@@ -7651,11 +7651,11 @@ const Nv = "_footerVoiceForm_lsc2c_2", Tv = {
         voices: n,
         selectedId: k,
         handleSelect: Q,
-        playingItem: S,
+        playingItem: R,
         handleAvatarClick: D,
         handleDetailsClick: O,
         wavegroup: z,
-        setPlayingItem: I,
+        setPlayingItem: S,
         style: { display: o ? "none" : "block" },
         i18n: i
       }
@@ -7701,7 +7701,7 @@ const Nv = "_footerVoiceForm_lsc2c_2", Tv = {
                   onMountConcurrency: p
                 }
               ),
-              !c && !R && !u && !o && /* @__PURE__ */ a(
+              !c && !I && !u && !o && /* @__PURE__ */ a(
                 wv,
                 {
                   trackId: e.trackId,
@@ -7711,7 +7711,7 @@ const Nv = "_footerVoiceForm_lsc2c_2", Tv = {
                   onRemoveTrack: m
                 }
               ),
-              !c && R && !u && !o && /* @__PURE__ */ a(Te, { showIcon: !1, showBackground: !1, children: /* @__PURE__ */ a(J, { size: "2", children: i._("Voice conversion initialized!") }) }),
+              !c && I && !u && !o && /* @__PURE__ */ a(Te, { showIcon: !1, showBackground: !1, children: /* @__PURE__ */ a(J, { size: "2", children: i._("Voice conversion initialized!") }) }),
               !c && u && !o && /* @__PURE__ */ a(
                 Te,
                 {
@@ -8584,12 +8584,12 @@ const jC = (n) => /* @__PURE__ */ g("div", { className: fe.creditsHeader, childr
   /* @__PURE__ */ g(C, { gap: "2", direction: "column", children: [
     /* @__PURE__ */ a(V, { size: "2", weight: "medium", children: n._("Input Level") }),
     /* @__PURE__ */ a("div", { className: Le.levelMeter, children: /* @__PURE__ */ a("div", { className: Le.levelMeterTrack, children: /* @__PURE__ */ a("div", { className: Le.levelMeterRow, children: Array.from({ length: 17 }, (m, k) => {
-      const b = Math.max(0, (v - 5) / 25) * 17, S = k < b;
-      let I = "low";
-      return k >= 15 ? I = "high" : k >= 11 && (I = "mid"), /* @__PURE__ */ a(
+      const b = Math.max(0, (v - 5) / 25) * 17, R = k < b;
+      let S = "low";
+      return k >= 15 ? S = "high" : k >= 11 && (S = "mid"), /* @__PURE__ */ a(
         "div",
         {
-          className: `${Le.levelMeterSegment} ${S ? `${Le.active} ${Le[I]}` : ""}`
+          className: `${Le.levelMeterSegment} ${R ? `${Le.active} ${Le[S]}` : ""}`
         },
         `level-${k}`
       );
@@ -8706,11 +8706,11 @@ const _C = "_newSetlistItem_uefno_1", $C = "_menuOpen_uefno_11", ey = "_avatarSe
     m(!0);
   }, b = () => {
     m(!1);
-  }, S = (E) => {
+  }, R = (E) => {
     E.stopPropagation();
-  }, I = (E) => {
+  }, S = (E) => {
     E.stopPropagation();
-  }, R = Y(() => {
+  }, I = Y(() => {
     if (A)
       return /* @__PURE__ */ g(C, { gap: "1", align: "center", children: [
         /* @__PURE__ */ a(
@@ -8798,7 +8798,7 @@ const _C = "_newSetlistItem_uefno_1", $C = "_menuOpen_uefno_11", ey = "_avatarSe
                         children: o
                       }
                     ),
-                    R
+                    I
                   ]
                 }
               )
@@ -8816,8 +8816,8 @@ const _C = "_newSetlistItem_uefno_1", $C = "_menuOpen_uefno_11", ey = "_avatarSe
                 className: f(K.dropdownTriggerWrapper, {
                   [K.dropdownTriggerWrapperMobile]: y
                 }),
-                onPointerDown: S,
-                onClick: I,
+                onPointerDown: R,
+                onClick: S,
                 children: /* @__PURE__ */ a(
                   ta,
                   {
@@ -8884,11 +8884,11 @@ const _C = "_newSetlistItem_uefno_1", $C = "_menuOpen_uefno_11", ey = "_avatarSe
         marginTop: 0,
         zIndex: "auto"
       };
-    const S = b + A, I = n.length + A - S;
+    const R = b + A, S = n.length + A - R;
     return {
       position: "relative",
-      marginTop: S === 0 ? 0 : -40,
-      zIndex: I
+      marginTop: R === 0 ? 0 : -40,
+      zIndex: S
     };
   };
   return /* @__PURE__ */ a(
@@ -8945,16 +8945,16 @@ const _C = "_newSetlistItem_uefno_1", $C = "_menuOpen_uefno_11", ey = "_avatarSe
                     collapsed: r
                   }
                 )),
-                n.map((b, S) => {
-                  const I = e === b.id;
+                n.map((b, R) => {
+                  const S = e === b.id;
                   return /* @__PURE__ */ a(
                     rs,
                     {
-                      isSelected: I,
+                      isSelected: S,
                       onClick: () => t == null ? void 0 : t(b.id),
                       dropdownMenuOpen: i === b.id,
-                      onDropdownMenuOpenChange: (R) => {
-                        l(R ? b.id : null);
+                      onDropdownMenuOpenChange: (I) => {
+                        l(I ? b.id : null);
                       },
                       avatar: b.icon || /* @__PURE__ */ a(is, { width: 16, height: 16 }),
                       group: b.group,
@@ -8968,7 +8968,7 @@ const _C = "_newSetlistItem_uefno_1", $C = "_menuOpen_uefno_11", ey = "_avatarSe
                         [K.collapsedStackItem]: p,
                         [K.collapsedTransition]: r
                       }),
-                      style: k(S)
+                      style: k(R)
                     },
                     b.id
                   );
@@ -9323,13 +9323,13 @@ const nk = "_track_1xe9y_1", sk = "_leftIcon_1xe9y_9", rk = "_name_1xe9y_15", ak
     // Children (having content means group/takelanes)
     children: b
   }) => {
-    const S = !!b, I = x(() => k == null ? void 0 : k(!A), [A, k]);
+    const R = !!b, S = x(() => k == null ? void 0 : k(!A), [A, k]);
     return /* @__PURE__ */ g("div", { className: f(ue.container, { [ue.isOpen]: A }), children: [
       /* @__PURE__ */ g(
         "div",
         {
           className: f(ue.track, {
-            [ue.isParentTrack]: S,
+            [ue.isParentTrack]: R,
             [ue.isCompact]: i
           }),
           style: { height: `${o}px` },
@@ -9337,60 +9337,96 @@ const nk = "_track_1xe9y_1", sk = "_leftIcon_1xe9y_9", rk = "_name_1xe9y_15", ak
             /* @__PURE__ */ g("div", { className: ue.trackContent, children: [
               /* @__PURE__ */ g("div", { className: ue.line, children: [
                 /* @__PURE__ */ g("div", { className: ue.left, children: [
-                  /* @__PURE__ */ a("div", { className: ue.leftIcon, children: /* @__PURE__ */ a(kk, { isOpen: A, onToggleOpen: I }) }),
+                  /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: ue.leftIcon,
+                      onPointerDown: (I) => I.stopPropagation(),
+                      onMouseDown: (I) => I.stopPropagation(),
+                      onTouchStart: (I) => I.stopPropagation(),
+                      children: /* @__PURE__ */ a(kk, { isOpen: A, onToggleOpen: S })
+                    }
+                  ),
                   /* @__PURE__ */ a(kt, { content: n, children: /* @__PURE__ */ a(
                     V,
                     {
                       size: "2",
                       className: ue.name,
-                      onClick: S ? I : void 0,
+                      onClick: R ? S : void 0,
                       children: n
                     }
                   ) })
                 ] }),
-                /* @__PURE__ */ a("div", { className: ue.menuOptions, children: e && /* @__PURE__ */ a(
-                  ln,
-                  {
-                    trigger: /* @__PURE__ */ a(qs, { className: ue.menuOptionsTrigger, variant: "ghost", color: "gray", size: "1", children: /* @__PURE__ */ a($l, { width: 16, height: 16 }) }),
-                    options: e
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ a("div", { className: ue.trackControls, children: !i && s && /* @__PURE__ */ g(he, { children: [
                 /* @__PURE__ */ a(
-                  qo,
+                  "div",
                   {
-                    volume: l,
-                    onChangeValue: p
+                    className: ue.menuOptions,
+                    onPointerDown: (I) => I.stopPropagation(),
+                    onMouseDown: (I) => I.stopPropagation(),
+                    onTouchStart: (I) => I.stopPropagation(),
+                    children: e && /* @__PURE__ */ a(
+                      ln,
+                      {
+                        trigger: /* @__PURE__ */ a(qs, { className: ue.menuOptionsTrigger, variant: "ghost", color: "gray", size: "1", children: /* @__PURE__ */ a($l, { width: 16, height: 16 }) }),
+                        options: e
+                      }
+                    )
                   }
-                ),
-                t && /* @__PURE__ */ a(Xo, { className: ue.pan, value: c, onChange: y })
-              ] }) })
-            ] }),
-            s && /* @__PURE__ */ g("div", { className: ue.right, children: [
-              /* @__PURE__ */ a(
-                ks,
-                {
-                  className: ue.rightButton,
-                  variant: "mute",
-                  isActive: u,
-                  onChange: v
-                }
-              ),
+                )
+              ] }),
               /* @__PURE__ */ a(
-                ks,
+                "div",
                 {
-                  className: ue.rightButton,
-                  variant: "solo",
-                  isActive: h,
-                  onChange: m
+                  className: ue.trackControls,
+                  onPointerDown: (I) => I.stopPropagation(),
+                  onMouseDown: (I) => I.stopPropagation(),
+                  onTouchStart: (I) => I.stopPropagation(),
+                  children: !i && s && /* @__PURE__ */ g(he, { children: [
+                    /* @__PURE__ */ a(
+                      qo,
+                      {
+                        volume: l,
+                        onChangeValue: p
+                      }
+                    ),
+                    t && /* @__PURE__ */ a(Xo, { className: ue.pan, value: c, onChange: y })
+                  ] })
                 }
               )
-            ] })
+            ] }),
+            s && /* @__PURE__ */ g(
+              "div",
+              {
+                className: ue.right,
+                onPointerDown: (I) => I.stopPropagation(),
+                onMouseDown: (I) => I.stopPropagation(),
+                onTouchStart: (I) => I.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ a(
+                    ks,
+                    {
+                      className: ue.rightButton,
+                      variant: "mute",
+                      isActive: u,
+                      onChange: v
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    ks,
+                    {
+                      className: ue.rightButton,
+                      variant: "solo",
+                      isActive: h,
+                      onChange: m
+                    }
+                  )
+                ]
+              }
+            )
           ]
         }
       ),
-      S && A && /* @__PURE__ */ a("div", { className: ue.group, children: b })
+      R && A && /* @__PURE__ */ a("div", { className: ue.group, children: b })
     ] });
   }
 );
@@ -9564,7 +9600,7 @@ const Nk = "_DataTable_1fuq9_1", Tk = "_titleText_1fuq9_23", xk = "_artistText_1
   stickyOffset: h = 0,
   ...A
 }) => {
-  const [p, y] = G(!1), v = i == null ? void 0 : i.field, m = Y(() => new Set(s), [s]), k = x((B) => m.has(B), [m]), b = s.length, S = (t == null ? void 0 : t.length) ?? 0, I = b > 0, R = S > 0 && b === S, E = Y(
+  const [p, y] = G(!1), v = i == null ? void 0 : i.field, m = Y(() => new Set(s), [s]), k = x((B) => m.has(B), [m]), b = s.length, R = (t == null ? void 0 : t.length) ?? 0, S = b > 0, I = R > 0 && b === R, E = Y(
     () => t == null ? void 0 : t.some((B) => {
       var N;
       return (N = B.dropdownOptions) == null ? void 0 : N.length;
@@ -9629,15 +9665,15 @@ const Nk = "_DataTable_1fuq9_1", Tk = "_titleText_1fuq9_23", xk = "_artistText_1
                 xt,
                 {
                   className: f(Z.checkboxCell, Z.selectColumn, {
-                    [Z.showCheckboxHeader]: p || I
+                    [Z.showCheckboxHeader]: p || S
                   }),
                   children: /* @__PURE__ */ a(
                     Vn,
                     {
                       size: "1",
-                      checked: R,
+                      checked: I,
                       onCheckedChange: (B) => c == null ? void 0 : c(B === !0),
-                      ...I && !R ? { checked: "indeterminate" } : {}
+                      ...S && !I ? { checked: "indeterminate" } : {}
                     }
                   )
                 }
@@ -9665,9 +9701,9 @@ const Nk = "_DataTable_1fuq9_1", Tk = "_titleText_1fuq9_23", xk = "_artistText_1
                     ),
                     N === 0 && o && /* @__PURE__ */ a(C, { gap: "2", className: Z.headerActions, children: o({
                       selectedCount: b,
-                      total: S,
-                      anySelected: I,
-                      allSelected: R
+                      total: R,
+                      anySelected: S,
+                      allSelected: I
                     }) })
                   ] })
                 },