npm - @moises.ai/design-system - Versions diffs - 4.18.7 → 4.18.8 - Mend

@moises.ai/design-system 4.18.7 → 4.18.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js +303 -301
package/package.json +1 -1
package/src/components/ProjectsList/ProjectTrackVoice/ProjectTrackVoice.jsx +8 -0
package/src/components/ProjectsList/ProjectsList.stories.jsx +16 -1

package/dist/index.js CHANGED Viewed

@@ -31,7 +31,7 @@ var gu = [" ", "Enter", "ArrowUp", "ArrowDown"], mu = [" ", "Enter"], _t = "Sele
     disabled: g,
     required: C,
     form: m
-  } = n, f = Mr(t), [k, y] = A.useState(null), [R, b] = A.useState(null), [N, E] = A.useState(!1), w = mo(u), [B, x] = vr({
+  } = n, f = Mr(t), [k, y] = A.useState(null), [N, b] = A.useState(null), [R, E] = A.useState(!1), w = mo(u), [B, x] = vr({
     prop: s,
     defaultProp: o ?? !1,
     onChange: i,
@@ -49,9 +49,9 @@ var gu = [" ", "Enter", "ArrowUp", "ArrowDown"], mu = [" ", "Enter"], _t = "Sele
       scope: t,
       trigger: k,
       onTriggerChange: y,
-      valueNode: R,
+      valueNode: N,
       onValueNodeChange: b,
-      valueNodeHasChildren: N,
+      valueNodeHasChildren: R,
       onValueNodeHasChildrenChange: E,
       contentId: Ls(),
       value: U,
@@ -105,8 +105,8 @@ Go.displayName = _t;
 var qo = "SelectTrigger", Yo = A.forwardRef(
   (n, t) => {
     const { __scopeSelect: r, disabled: s = !1, ...o } = n, i = Mr(r), l = Mt(qo, r), c = l.disabled || s, d = Pe(t, l.onTriggerChange), u = Qr(r), p = A.useRef("touch"), [h, g, C] = Ci((f) => {
-      const k = u().filter((b) => !b.disabled), y = k.find((b) => b.value === l.value), R = vi(k, f, y);
-      R !== void 0 && l.onValueChange(R.value);
+      const k = u().filter((b) => !b.disabled), y = k.find((b) => b.value === l.value), N = vi(k, f, y);
+      N !== void 0 && l.onValueChange(N.value);
     }), m = (f) => {
       c || (l.onOpenChange(!0), C()), f && (l.triggerPointerDownPosRef.current = {
         x: Math.round(f.pageX),
@@ -210,7 +210,7 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
       avoidCollisions: k,
       //
       ...y
-    } = n, R = Mt($t, r), [b, N] = A.useState(null), [E, w] = A.useState(null), B = Pe(t, (M) => N(M)), [x, U] = A.useState(null), [T, Q] = A.useState(
+    } = n, N = Mt($t, r), [b, R] = A.useState(null), [E, w] = A.useState(null), B = Pe(t, (M) => R(M)), [x, U] = A.useState(null), [T, Q] = A.useState(
       null
     ), D = Qr(r), [z, O] = A.useState(!1), P = A.useRef(!1);
     A.useEffect(() => {
@@ -230,7 +230,7 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
     A.useEffect(() => {
       z && $();
     }, [z, $]);
-    const { onOpenChange: G, triggerPointerDownPosRef: W } = R;
+    const { onOpenChange: G, triggerPointerDownPosRef: W } = N;
     A.useEffect(() => {
       if (b) {
         let M = { x: 0, y: 0 };
@@ -259,15 +259,15 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
     }), de = A.useCallback(
       (M, L, le) => {
         const ce = !P.current && !le;
-        (R.value !== void 0 && R.value === L || ce) && (U(M), ce && (P.current = !0));
+        (N.value !== void 0 && N.value === L || ce) && (U(M), ce && (P.current = !0));
       },
-      [R.value]
+      [N.value]
     ), ge = A.useCallback(() => b == null ? void 0 : b.focus(), [b]), K = A.useCallback(
       (M, L, le) => {
         const ce = !P.current && !le;
-        (R.value !== void 0 && R.value === L || ce) && Q(M);
+        (N.value !== void 0 && N.value === L || ce) && Q(M);
       },
-      [R.value]
+      [N.value]
     ), Z = s === "popper" ? ws : ri, F = Z === ws ? {
       side: c,
       sideOffset: d,
@@ -300,13 +300,13 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
           pc,
           {
             asChild: !0,
-            trapped: R.open,
+            trapped: N.open,
             onMountAutoFocus: (M) => {
               M.preventDefault();
             },
             onUnmountAutoFocus: be(o, (M) => {
               var L;
-              (L = R.trigger) == null || L.focus({ preventScroll: !0 }), M.preventDefault();
+              (L = N.trigger) == null || L.focus({ preventScroll: !0 }), M.preventDefault();
             }),
             children: /* @__PURE__ */ a(
               gc,
@@ -316,14 +316,14 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
                 onEscapeKeyDown: i,
                 onPointerDownOutside: l,
                 onFocusOutside: (M) => M.preventDefault(),
-                onDismiss: () => R.onOpenChange(!1),
+                onDismiss: () => N.onOpenChange(!1),
                 children: /* @__PURE__ */ a(
                   Z,
                   {
                     role: "listbox",
-                    id: R.contentId,
-                    "data-state": R.open ? "open" : "closed",
-                    dir: R.dir,
+                    id: N.contentId,
+                    "data-state": N.open ? "open" : "closed",
+                    dir: N.dir,
                     onContextMenu: (M) => M.preventDefault(),
                     ...y,
                     ...F,
@@ -360,7 +360,7 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
 );
 ni.displayName = Iu;
 var Eu = "SelectItemAlignedPosition", ri = A.forwardRef((n, t) => {
-  const { __scopeSelect: r, onPlaced: s, ...o } = n, i = Mt($t, r), l = Ut($t, r), [c, d] = A.useState(null), [u, p] = A.useState(null), h = Pe(t, (B) => p(B)), g = Qr(r), C = A.useRef(!1), m = A.useRef(!0), { viewport: f, selectedItem: k, selectedItemText: y, focusSelectedItem: R } = l, b = A.useCallback(() => {
+  const { __scopeSelect: r, onPlaced: s, ...o } = n, i = Mt($t, r), l = Ut($t, r), [c, d] = A.useState(null), [u, p] = A.useState(null), h = Pe(t, (B) => p(B)), g = Qr(r), C = A.useRef(!1), m = A.useRef(!0), { viewport: f, selectedItem: k, selectedItemText: y, focusSelectedItem: N } = l, b = A.useCallback(() => {
     if (i.trigger && i.valueNode && c && u && f && k && y) {
       const B = i.trigger.getBoundingClientRect(), x = u.getBoundingClientRect(), U = i.valueNode.getBoundingClientRect(), T = y.getBoundingClientRect();
       if (i.dir !== "rtl") {
@@ -416,15 +416,15 @@ var Eu = "SelectItemAlignedPosition", ri = A.forwardRef((n, t) => {
     s
   ]);
   Jt(() => b(), [b]);
-  const [N, E] = A.useState();
+  const [R, E] = A.useState();
   Jt(() => {
     u && E(window.getComputedStyle(u).zIndex);
   }, [u]);
   const w = A.useCallback(
     (B) => {
-      B && m.current === !0 && (b(), R == null || R(), m.current = !1);
+      B && m.current === !0 && (b(), N == null || N(), m.current = !1);
     },
-    [b, R]
+    [b, N]
   );
   return /* @__PURE__ */ a(
     Nu,
@@ -441,7 +441,7 @@ var Eu = "SelectItemAlignedPosition", ri = A.forwardRef((n, t) => {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: N
+            zIndex: R
           },
           children: /* @__PURE__ */ a(
             De.div,
@@ -533,8 +533,8 @@ var [Nu, na] = yn($t, {}), Ns = "SelectViewport", si = A.forwardRef(
               if (C > 0) {
                 const m = window.innerHeight - nt * 2, f = parseFloat(h.style.minHeight), k = parseFloat(h.style.height), y = Math.max(f, k);
                 if (y < m) {
-                  const R = y + C, b = Math.min(m, R), N = R - b;
-                  h.style.height = b + "px", h.style.bottom === "0px" && (p.scrollTop = N > 0 ? N : 0, h.style.justifyContent = "flex-end");
+                  const N = y + C, b = Math.min(m, N), R = N - b;
+                  h.style.height = b + "px", h.style.bottom === "0px" && (p.scrollTop = R > 0 ? R : 0, h.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -570,9 +570,9 @@ var kr = "SelectItem", [xu, ci] = yn(kr), di = A.forwardRef(
       ...l
     } = n, c = Mt(kr, r), d = Ut(kr, r), u = c.value === s, [p, h] = A.useState(i ?? ""), [g, C] = A.useState(!1), m = Pe(
       t,
-      (R) => {
+      (N) => {
         var b;
-        return (b = d.itemRefCallback) == null ? void 0 : b.call(d, R, s, o);
+        return (b = d.itemRefCallback) == null ? void 0 : b.call(d, N, s, o);
       }
     ), f = Ls(), k = A.useRef("touch"), y = () => {
       o || (c.onValueChange(s), c.onOpenChange(!1));
@@ -589,8 +589,8 @@ var kr = "SelectItem", [xu, ci] = yn(kr), di = A.forwardRef(
         disabled: o,
         textId: f,
         isSelected: u,
-        onItemTextChange: A.useCallback((R) => {
-          h((b) => b || ((R == null ? void 0 : R.textContent) ?? "").trim());
+        onItemTextChange: A.useCallback((N) => {
+          h((b) => b || ((N == null ? void 0 : N.textContent) ?? "").trim());
         }, []),
         children: /* @__PURE__ */ a(
           Jr.ItemSlot,
@@ -620,20 +620,20 @@ var kr = "SelectItem", [xu, ci] = yn(kr), di = A.forwardRef(
                 onPointerUp: be(l.onPointerUp, () => {
                   k.current === "mouse" && y();
                 }),
-                onPointerDown: be(l.onPointerDown, (R) => {
-                  k.current = R.pointerType;
+                onPointerDown: be(l.onPointerDown, (N) => {
+                  k.current = N.pointerType;
                 }),
-                onPointerMove: be(l.onPointerMove, (R) => {
+                onPointerMove: be(l.onPointerMove, (N) => {
                   var b;
-                  k.current = R.pointerType, o ? (b = d.onItemLeave) == null || b.call(d) : k.current === "mouse" && R.currentTarget.focus({ preventScroll: !0 });
+                  k.current = N.pointerType, o ? (b = d.onItemLeave) == null || b.call(d) : k.current === "mouse" && N.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: be(l.onPointerLeave, (R) => {
+                onPointerLeave: be(l.onPointerLeave, (N) => {
                   var b;
-                  R.currentTarget === document.activeElement && ((b = d.onItemLeave) == null || b.call(d));
+                  N.currentTarget === document.activeElement && ((b = d.onItemLeave) == null || b.call(d));
                 }),
-                onKeyDown: be(l.onKeyDown, (R) => {
-                  var N;
-                  ((N = d.searchRef) == null ? void 0 : N.current) !== "" && R.key === " " || (mu.includes(R.key) && y(), R.key === " " && R.preventDefault());
+                onKeyDown: be(l.onKeyDown, (N) => {
+                  var R;
+                  ((R = d.searchRef) == null ? void 0 : R.current) !== "" && N.key === " " || (mu.includes(N.key) && y(), N.key === " " && N.preventDefault());
                 })
               }
             )
@@ -651,8 +651,8 @@ var Pn = "SelectItemText", ui = A.forwardRef(
       (y) => h(y),
       d.onItemTextChange,
       (y) => {
-        var R;
-        return (R = c.itemTextRefCallback) == null ? void 0 : R.call(c, y, d.value, d.disabled);
+        var N;
+        return (N = c.itemTextRefCallback) == null ? void 0 : N.call(c, y, d.value, d.disabled);
       }
     ), C = p == null ? void 0 : p.textContent, m = A.useMemo(
       () => /* @__PURE__ */ a("option", { value: d.value, disabled: d.disabled, children: C }, d.value),
@@ -842,16 +842,16 @@ var Ou = Go, Pu = Yo, Fu = Zo, zu = _o, Wu = $o, Hu = ei, Lu = si, Ku = oi, Vu =
       inverted: C = !1,
       form: m,
       ...f
-    } = n, k = A.useRef(/* @__PURE__ */ new Set()), y = A.useRef(0), b = l === "horizontal" ? eh : th, [N = [], E] = vr({
+    } = n, k = A.useRef(/* @__PURE__ */ new Set()), y = A.useRef(0), b = l === "horizontal" ? eh : th, [R = [], E] = vr({
       prop: p,
       defaultProp: u,
       onChange: (Q) => {
         var z;
         (z = [...k.current][y.current]) == null || z.focus(), h(Q);
       }
-    }), w = A.useRef(N);
+    }), w = A.useRef(R);
     function B(Q) {
-      const D = oh(N, Q);
+      const D = oh(R, Q);
       T(Q, D);
     }
     function x(Q) {
@@ -859,7 +859,7 @@ var Ou = Go, Pu = Yo, Fu = Zo, zu = _o, Wu = $o, Hu = ei, Lu = si, Ku = oi, Vu =
     }
     function U() {
       const Q = w.current[y.current];
-      N[y.current] !== Q && g(N);
+      R[y.current] !== Q && g(R);
     }
     function T(Q, D, { commit: z } = { commit: !1 }) {
       const O = dh(i), P = uh(Math.round((Q - s) / i) * i + s, O), V = yr(P, [s, o]);
@@ -883,7 +883,7 @@ var Ou = Go, Pu = Yo, Fu = Zo, zu = _o, Wu = $o, Hu = ei, Lu = si, Ku = oi, Vu =
         max: o,
         valueIndexToChangeRef: y,
         thumbs: k.current,
-        values: N,
+        values: R,
         orientation: l,
         form: m,
         children: /* @__PURE__ */ a(Ts.Provider, { scope: n.__scopeSlider, children: /* @__PURE__ */ a(Ts.Slot, { scope: n.__scopeSlider, children: /* @__PURE__ */ a(
@@ -894,7 +894,7 @@ var Ou = Go, Pu = Yo, Fu = Zo, zu = _o, Wu = $o, Hu = ei, Lu = si, Ku = oi, Vu =
             ...f,
             ref: t,
             onPointerDown: be(f.onPointerDown, () => {
-              c || (w.current = N);
+              c || (w.current = R);
             }),
             min: s,
             max: o,
@@ -903,10 +903,10 @@ var Ou = Go, Pu = Yo, Fu = Zo, zu = _o, Wu = $o, Hu = ei, Lu = si, Ku = oi, Vu =
             onSlideMove: c ? void 0 : x,
             onSlideEnd: c ? void 0 : U,
             onHomeKeyDown: () => !c && T(s, 0, { commit: !0 }),
-            onEndKeyDown: () => !c && T(o, N.length - 1, { commit: !0 }),
+            onEndKeyDown: () => !c && T(o, R.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: Q, direction: D }) => {
               if (!c) {
-                const P = yi.includes(Q.key) || Q.shiftKey && ki.includes(Q.key) ? 10 : 1, V = y.current, $ = N[V], G = i * P * D;
+                const P = yi.includes(Q.key) || Q.shiftKey && ki.includes(Q.key) ? 10 : 1, V = y.current, $ = R[V], G = i * P * D;
                 T($ + G, V, { commit: !0 });
               }
             }
@@ -935,9 +935,9 @@ var [Si, Ei] = Ii(kn, {
       onStepKeyDown: u,
       ...p
     } = n, [h, g] = A.useState(null), C = Pe(t, (b) => g(b)), m = A.useRef(void 0), f = mo(o), k = f === "ltr", y = k && !i || !k && i;
-    function R(b) {
-      const N = m.current || h.getBoundingClientRect(), E = [0, N.width], B = ia(E, y ? [r, s] : [s, r]);
-      return m.current = N, B(b - N.left);
+    function N(b) {
+      const R = m.current || h.getBoundingClientRect(), E = [0, R.width], B = ia(E, y ? [r, s] : [s, r]);
+      return m.current = R, B(b - R.left);
     }
     return /* @__PURE__ */ a(
       Si,
@@ -959,12 +959,12 @@ var [Si, Ei] = Ii(kn, {
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
             onSlideStart: (b) => {
-              const N = R(b.clientX);
-              l == null || l(N);
+              const R = N(b.clientX);
+              l == null || l(R);
             },
             onSlideMove: (b) => {
-              const N = R(b.clientX);
-              c == null || c(N);
+              const R = N(b.clientX);
+              c == null || c(R);
             },
             onSlideEnd: () => {
               m.current = void 0, d == null || d();
@@ -1113,7 +1113,7 @@ var Js = "SliderThumb", oa = A.forwardRef(
   }
 ), nh = A.forwardRef(
   (n, t) => {
-    const { __scopeSlider: r, index: s, name: o, ...i } = n, l = Ur(Js, r), c = Ei(Js, r), [d, u] = A.useState(null), p = Pe(t, (R) => u(R)), h = d ? l.form || !!d.closest("form") : !0, g = vc(d), C = l.values[s], m = C === void 0 ? 0 : Bi(C, l.min, l.max), f = ah(s, l.values.length), k = g == null ? void 0 : g[c.size], y = k ? ih(k, m, c.direction) : 0;
+    const { __scopeSlider: r, index: s, name: o, ...i } = n, l = Ur(Js, r), c = Ei(Js, r), [d, u] = A.useState(null), p = Pe(t, (N) => u(N)), h = d ? l.form || !!d.closest("form") : !0, g = vc(d), C = l.values[s], m = C === void 0 ? 0 : Bi(C, l.min, l.max), f = ah(s, l.values.length), k = g == null ? void 0 : g[c.size], y = k ? ih(k, m, c.direction) : 0;
     return A.useEffect(() => {
       if (d)
         return l.thumbs.add(d), () => {
@@ -1437,15 +1437,15 @@ const Mi = A.forwardRef((n, t) => {
   A.useEffect(() => f(o), [o]);
   const [k, y] = A.useState(i);
   A.useEffect(() => y(i), [i]);
-  const [R, b] = A.useState(l);
+  const [N, b] = A.useState(l);
   A.useEffect(() => b(l), [l]);
-  const [N, E] = A.useState(c);
-  return A.useEffect(() => E(c), [c]), A.createElement(ca, { ...u, ref: t, isRoot: !0, hasBackground: d, appearance: p, accentColor: g, grayColor: m, panelBackground: k, radius: R, scaling: N, onAppearanceChange: h, onAccentColorChange: C, onGrayColorChange: f, onPanelBackgroundChange: y, onRadiusChange: b, onScalingChange: E });
+  const [R, E] = A.useState(c);
+  return A.useEffect(() => E(c), [c]), A.createElement(ca, { ...u, ref: t, isRoot: !0, hasBackground: d, appearance: p, accentColor: g, grayColor: m, panelBackground: k, radius: N, scaling: R, onAppearanceChange: h, onAccentColorChange: C, onGrayColorChange: f, onPanelBackgroundChange: y, onRadiusChange: b, onScalingChange: E });
 });
 Mi.displayName = "ThemeRoot";
 const ca = A.forwardRef((n, t) => {
-  const r = A.useContext(br), { asChild: s, isRoot: o, hasBackground: i, appearance: l = (r == null ? void 0 : r.appearance) ?? Ze.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? Ze.accentColor.default, grayColor: d = (r == null ? void 0 : r.resolvedGrayColor) ?? Ze.grayColor.default, panelBackground: u = (r == null ? void 0 : r.panelBackground) ?? Ze.panelBackground.default, radius: p = (r == null ? void 0 : r.radius) ?? Ze.radius.default, scaling: h = (r == null ? void 0 : r.scaling) ?? Ze.scaling.default, onAppearanceChange: g = an, onAccentColorChange: C = an, onGrayColorChange: m = an, onPanelBackgroundChange: f = an, onRadiusChange: k = an, onScalingChange: y = an, ...R } = n, b = s ? Je : "div", N = d === "auto" ? wh(c) : d, E = n.appearance === "light" || n.appearance === "dark", w = i === void 0 ? o || E : i;
-  return A.createElement(br.Provider, { value: A.useMemo(() => ({ appearance: l, accentColor: c, grayColor: d, resolvedGrayColor: N, panelBackground: u, radius: p, scaling: h, onAppearanceChange: g, onAccentColorChange: C, onGrayColorChange: m, onPanelBackgroundChange: f, onRadiusChange: k, onScalingChange: y }), [l, c, d, N, u, p, h, g, C, m, f, k, y]) }, A.createElement(b, { "data-is-root-theme": o ? "true" : "false", "data-accent-color": c, "data-gray-color": N, "data-has-background": w ? "true" : "false", "data-panel-background": u, "data-radius": p, "data-scaling": h, ref: t, ...R, className: I("radix-themes", { light: l === "light", dark: l === "dark" }, R.className) }));
+  const r = A.useContext(br), { asChild: s, isRoot: o, hasBackground: i, appearance: l = (r == null ? void 0 : r.appearance) ?? Ze.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? Ze.accentColor.default, grayColor: d = (r == null ? void 0 : r.resolvedGrayColor) ?? Ze.grayColor.default, panelBackground: u = (r == null ? void 0 : r.panelBackground) ?? Ze.panelBackground.default, radius: p = (r == null ? void 0 : r.radius) ?? Ze.radius.default, scaling: h = (r == null ? void 0 : r.scaling) ?? Ze.scaling.default, onAppearanceChange: g = an, onAccentColorChange: C = an, onGrayColorChange: m = an, onPanelBackgroundChange: f = an, onRadiusChange: k = an, onScalingChange: y = an, ...N } = n, b = s ? Je : "div", R = d === "auto" ? wh(c) : d, E = n.appearance === "light" || n.appearance === "dark", w = i === void 0 ? o || E : i;
+  return A.createElement(br.Provider, { value: A.useMemo(() => ({ appearance: l, accentColor: c, grayColor: d, resolvedGrayColor: R, panelBackground: u, radius: p, scaling: h, onAppearanceChange: g, onAccentColorChange: C, onGrayColorChange: m, onPanelBackgroundChange: f, onRadiusChange: k, onScalingChange: y }), [l, c, d, R, u, p, h, g, C, m, f, k, y]) }, A.createElement(b, { "data-is-root-theme": o ? "true" : "false", "data-accent-color": c, "data-gray-color": R, "data-has-background": w ? "true" : "false", "data-panel-background": u, "data-radius": p, "data-scaling": h, ref: t, ...N, className: I("radix-themes", { light: l === "light", dark: l === "dark" }, N.className) }));
 });
 ca.displayName = "ThemeImpl";
 const Pt = (n) => {
@@ -2337,20 +2337,20 @@ const km = "_Callout_1lwt5_1", bm = "_size1_1lwt5_5", Im = "_onlyButton_1lwt5_5"
   iconButtonProps: p,
   ...h
 }) => {
-  const g = !!u, C = !!p, m = g || C, f = Pm(r), k = Fm(r), y = r === "3" ? "3" : "2", R = X(null), b = X(null), [N, E] = j("start");
+  const g = !!u, C = !!p, m = g || C, f = Pm(r), k = Fm(r), y = r === "3" ? "3" : "2", N = X(null), b = X(null), [R, E] = j("start");
   Qo(() => {
     if (!m) {
       E("start");
       return;
     }
-    if (!R.current || !b.current) return;
+    if (!N.current || !b.current) return;
     const B = () => {
-      const U = R.current.scrollHeight, T = b.current.scrollHeight;
+      const U = N.current.scrollHeight, T = b.current.scrollHeight;
       E(U <= T ? "center" : "start");
     };
     B();
     const x = new ResizeObserver(B);
-    return x.observe(R.current), x.observe(b.current), () => x.disconnect();
+    return x.observe(N.current), x.observe(b.current), () => x.disconnect();
   }, [m]);
   const w = () => d ? null : /* @__PURE__ */ a(ga, { style: { height: k }, children: /* @__PURE__ */ a(i, { width: f, height: f }) });
   return /* @__PURE__ */ a(en, { asChild: !0, children: /* @__PURE__ */ a(
@@ -2370,7 +2370,7 @@ const km = "_Callout_1lwt5_1", bm = "_size1_1lwt5_5", Im = "_onlyButton_1lwt5_5"
         C && !g && on.onlyIconButton
       ),
       ...h,
-      children: /* @__PURE__ */ v(S, { justify: "between", gap: "3", width: "100%", align: N, children: [
+      children: /* @__PURE__ */ v(S, { justify: "between", gap: "3", width: "100%", align: R, children: [
         /* @__PURE__ */ v(
           S,
           {
@@ -2379,7 +2379,7 @@ const km = "_Callout_1lwt5_1", bm = "_size1_1lwt5_5", Im = "_onlyButton_1lwt5_5"
             width: "100%",
             children: [
               w(),
-              /* @__PURE__ */ v(S, { direction: "column", gap: "1", width: "100%", ref: R, children: [
+              /* @__PURE__ */ v(S, { direction: "column", gap: "1", width: "100%", ref: N, children: [
                 c && /* @__PURE__ */ a(Y, { size: y, weight: "bold", children: c }),
                 /* @__PURE__ */ a(Y, { size: y, weight: "regular", children: l || n })
               ] })
@@ -2981,17 +2981,17 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
     if (u.length > 1) {
       const p = new Set(u), h = u.map((y) => n[y]).filter(Boolean), g = u.filter(
         (y) => y < i
-      ).length, C = i - g, f = [...n.filter((y, R) => !p.has(R))];
+      ).length, C = i - g, f = [...n.filter((y, N) => !p.has(N))];
       return f.splice(C, 0, ...h), f.some(
-        (y, R) => {
+        (y, N) => {
           var b;
-          return (y == null ? void 0 : y.id) !== ((b = n[R]) == null ? void 0 : b.id);
+          return (y == null ? void 0 : y.id) !== ((b = n[N]) == null ? void 0 : b.id);
         }
       ) ? {
         order: r,
         move_before: i,
         orders: u,
-        rowIds: h.map((y, R) => Xt(y, R)).filter(Boolean),
+        rowIds: h.map((y, N) => Xt(y, N)).filter(Boolean),
         mode: "multi"
       } : null;
     }
@@ -3101,7 +3101,7 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
       u(x), h(x), C(D), i == null || i(D, B.activatorEvent);
     },
     [i, f, r, t]
-  ), R = J((B) => {
+  ), N = J((B) => {
     var x;
     h((x = B.over) != null && x.id ? String(B.over.id) : null);
   }, []), b = J(
@@ -3109,7 +3109,7 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
       g != null && g.row && (l == null || l(g.row, B == null ? void 0 : B.activatorEvent)), k();
     },
     [g, l, k]
-  ), N = J(
+  ), R = J(
     (B) => {
       var Q, D;
       const x = String(((Q = B.active) == null ? void 0 : Q.id) ?? ""), U = (D = B.over) != null && D.id ? String(B.over.id) : null, T = f.get(x) ?? (g == null ? void 0 : g.row);
@@ -3151,19 +3151,19 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
       sensors: m,
       collisionDetection: au,
       onDragStart: y,
-      onDragOver: R,
+      onDragOver: N,
       onDragCancel: b,
-      onDragEnd: N
+      onDragEnd: R
     }),
-    [b, N, R, y, m]
+    [b, R, N, y, m]
   ), w = oe(
     () => ({
       onDragStart: y,
-      onDragOver: R,
+      onDragOver: N,
       onDragCancel: b,
-      onDragEnd: N
+      onDragEnd: R
     }),
-    [y, R, b, N]
+    [y, N, b, R]
   );
   return {
     dndContextProps: E,
@@ -3217,22 +3217,22 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
             )
           }
         ),
-        n.map((y, R) => /* @__PURE__ */ a(
+        n.map((y, N) => /* @__PURE__ */ a(
           Hn,
           {
             className: I(ne.columnHeaderCell, {
-              [ne.columnProject]: R === 0,
-              [ne.dataColumn]: R !== 0,
+              [ne.columnProject]: N === 0,
+              [ne.dataColumn]: N !== 0,
               [ne.mobileVisibleDataColumn]: y.id === s,
               [ne.sortedColumn]: nr(t) === nr(y.id)
             }),
             children: /* @__PURE__ */ v(S, { align: "center", gap: "3", height: "24px", children: [
-              R === 0 && o ? /* @__PURE__ */ a(Y, { size: "2", weight: "regular", className: ne.headerTextFirst, children: l }) : y.sortable ? /* @__PURE__ */ v(
+              N === 0 && o ? /* @__PURE__ */ a(Y, { size: "2", weight: "regular", className: ne.headerTextFirst, children: l }) : y.sortable ? /* @__PURE__ */ v(
                 "button",
                 {
                   type: "button",
                   className: I(ne.sortButton, {
-                    [ne.sortButtonFirst]: R === 0
+                    [ne.sortButtonFirst]: N === 0
                   }),
                   onClick: () => f(y.id),
                   children: [
@@ -3241,7 +3241,7 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
                   ]
                 }
               ) : /* @__PURE__ */ a(Y, { size: "2", className: ne.headerText, children: y.label }),
-              R === 0 && g && /* @__PURE__ */ a(S, { gap: "2", className: ne.headerActions, children: g({
+              N === 0 && g && /* @__PURE__ */ a(S, { gap: "2", className: ne.headerActions, children: g({
                 selectedCount: c,
                 total: d,
                 anySelected: o,
@@ -3296,11 +3296,11 @@ const YC = Te.memo(function({
   renderDataCell: f,
   rowDraggable: k,
   reorderable: y,
-  isDragOver: R,
+  isDragOver: N,
   dndScopeId: b
 }) {
   var Z;
-  const N = X(!1), E = X(!1), w = X(!1), B = X(!1), { listeners: x, setNodeRef: U, transform: T, transition: Q, isDragging: D } = du({
+  const R = X(!1), E = X(!1), w = X(!1), B = X(!1), { listeners: x, setNodeRef: U, transform: T, transition: Q, isDragging: D } = du({
     id: r,
     disabled: !Va({ row: t, rowDraggable: k, reorderable: y }),
     data: {
@@ -3322,14 +3322,14 @@ const YC = Te.memo(function({
   }, V = (F) => {
     F.pointerType === "touch" && (E.current = !0, F.shiftKey ? C == null || C(t, s) : h == null || h(t));
   }, $ = (F) => {
-    F.stopPropagation(), F.shiftKey && (F.preventDefault(), N.current = !0, C == null || C(t, s), setTimeout(() => {
-      N.current = !1;
+    F.stopPropagation(), F.shiftKey && (F.preventDefault(), R.current = !0, C == null || C(t, s), setTimeout(() => {
+      R.current = !1;
     }, 0));
   }, G = (F) => {
     if (F.key === "Enter") {
       if (F.preventDefault(), F.stopPropagation(), F.shiftKey) {
-        N.current = !0, C == null || C(t, s), setTimeout(() => {
-          N.current = !1;
+        R.current = !0, C == null || C(t, s), setTimeout(() => {
+          R.current = !1;
         }, 0);
         return;
       }
@@ -3344,8 +3344,8 @@ const YC = Te.memo(function({
   }, q = (F) => {
     F.pointerType === "touch" && (F.stopPropagation(), w.current = !0, F.shiftKey ? C == null || C(t, s) : r != null && (g == null || g(r, !i)));
   }, he = (F) => {
-    if (N.current) {
-      N.current = !1;
+    if (R.current) {
+      R.current = !1;
       return;
     }
     if (w.current) {
@@ -3367,7 +3367,7 @@ const YC = Te.memo(function({
         [ne.rowSelected]: i,
         [ne.showDropdownOnSelect]: de,
         [ne.rowDragging]: D,
-        [ne.rowDragOver]: K && R,
+        [ne.rowDragOver]: K && N,
         [ne.rowReorderable]: K
       }),
       style: O,
@@ -3487,24 +3487,24 @@ const YC = Te.memo(function({
   overDragRowId: f,
   dndScopeId: k
 }) => {
-  const y = t.length + 1 + (d ? 1 : 0), R = J((N) => /* @__PURE__ */ v(S, { align: "center", gap: "3", children: [
+  const y = t.length + 1 + (d ? 1 : 0), N = J((R) => /* @__PURE__ */ v(S, { align: "center", gap: "3", children: [
     /* @__PURE__ */ a(
       es,
       {
-        title: N.title,
+        title: R.title,
         size: 48,
         className: ne.thumb,
-        type: N.type,
-        cover: N.thumb
+        type: R.type,
+        cover: R.thumb
       }
     ),
     /* @__PURE__ */ v(S, { direction: "column", style: { minWidth: 0, flex: 1 }, children: [
-      /* @__PURE__ */ a(Y, { size: "2", className: ne.titleText, children: N.title }),
-      /* @__PURE__ */ a(Y, { size: "1", className: ne.artistText, children: N.artist })
+      /* @__PURE__ */ a(Y, { size: "2", className: ne.titleText, children: R.title }),
+      /* @__PURE__ */ a(Y, { size: "1", className: ne.artistText, children: R.artist })
     ] })
-  ] }), []), b = J((N, E, w) => {
+  ] }), []), b = J((R, E, w) => {
     var T;
-    const B = (N == null ? void 0 : N[E.id]) ?? (N == null ? void 0 : N[`${E.id}Formatted`]), x = ((T = E.render) == null ? void 0 : T.call(E, { row: N, value: B, column: E, index: w })) ?? B;
+    const B = (R == null ? void 0 : R[E.id]) ?? (R == null ? void 0 : R[`${E.id}Formatted`]), x = ((T = E.render) == null ? void 0 : T.call(E, { row: R, value: B, column: E, index: w })) ?? B;
     return typeof x == "string" || typeof x == "number" || x == null ? /* @__PURE__ */ a(Y, { size: "2", className: ne.cellText, children: x }) : x;
   }, []);
   return /* @__PURE__ */ a(Ta, { children: /* @__PURE__ */ v(uu, { items: r, strategy: hu, children: [
@@ -3516,14 +3516,14 @@ const YC = Te.memo(function({
         colSpan: y
       }
     ),
-    n.map((N, E) => /* @__PURE__ */ a(
+    n.map((R, E) => /* @__PURE__ */ a(
       YC,
       {
-        rowId: N.id,
-        row: N,
+        rowId: R.id,
+        row: R,
         rowIndex: E,
         columns: t,
-        isSelected: s(N, E),
+        isSelected: s(R, E),
         anyRowSelected: o,
         selectedCount: i,
         sortedKey: l,
@@ -3532,14 +3532,14 @@ const YC = Te.memo(function({
         onRowClick: u,
         onSelectRow: p,
         onShiftClickRow: h,
-        renderProjectCell: R,
+        renderProjectCell: N,
         renderDataCell: b,
         rowDraggable: g,
         reorderable: C,
-        isDragOver: C && f === N.id && m !== N.id,
+        isDragOver: C && f === R.id && m !== R.id,
         dndScopeId: k
       },
-      N.id
+      R.id
     )),
     C && /* @__PURE__ */ a(
       ja,
@@ -3569,9 +3569,9 @@ const YC = Te.memo(function({
   rowDraggable: f,
   onRowDragStart: k,
   onRowDragMove: y,
-  onRowDragEnd: R,
+  onRowDragEnd: N,
   getDragPreviewLabel: b,
-  getDragPreviewCountLabel: N,
+  getDragPreviewCountLabel: R,
   renderDragPreview: E,
   renderDndContext: w = !0,
   dndScopeId: B,
@@ -3638,7 +3638,7 @@ const YC = Te.memo(function({
     reorderable: C,
     onReorder: m,
     onRowDragStart: k,
-    onRowDragEnd: R,
+    onRowDragEnd: N,
     dndScopeId: B
   }), ee = X(ae);
   ee.current = ae;
@@ -3702,7 +3702,7 @@ const YC = Te.memo(function({
       model: le,
       renderDragPreview: E,
       getDragPreviewLabel: b,
-      getDragPreviewCountLabel: N
+      getDragPreviewCountLabel: R
     }
   ) }) : null });
   return w ? /* @__PURE__ */ v(iu, { ...F, children: [
@@ -3749,11 +3749,11 @@ const _C = "_hasTriggerWithoutClick_19qua_1", $C = "_hasLeftColor_19qua_10", ev
     i && (w.preventDefault(), w.stopPropagation(), i(w));
   }, y = () => {
     C(!0);
-  }, R = () => {
+  }, N = () => {
     C(!1);
   }, b = () => {
     f(!0);
-  }, N = () => {
+  }, R = () => {
     f(!1);
   }, E = i ? "button" : "div";
   return /* @__PURE__ */ a(S, { className: I(We.container, s), ...u, children: /* @__PURE__ */ v(Rr, { open: l, onOpenChange: c, modal: !0, children: [
@@ -3771,7 +3771,7 @@ const _C = "_hasTriggerWithoutClick_19qua_1", $C = "_hasLeftColor_19qua_10", ev
         onMouseLeave: () => h(!1),
         onClick: k,
         onFocus: y,
-        onBlur: R,
+        onBlur: N,
         children: /* @__PURE__ */ a(
           Oe,
           {
@@ -3807,7 +3807,7 @@ const _C = "_hasTriggerWithoutClick_19qua_1", $C = "_hasLeftColor_19qua_10", ev
           h(!1);
         },
         onFocus: b,
-        onBlur: N,
+        onBlur: R,
         children: [
           !i && /* @__PURE__ */ a(
             Oe,
@@ -3873,10 +3873,10 @@ const Ga = Da(ld), mn = Ge(
     wrapCloseMenu: g,
     ...C
   }) => {
-    const m = C.open !== void 0, [f, k] = j(!1), y = m ? C.open : f, R = J((w) => {
+    const m = C.open !== void 0, [f, k] = j(!1), y = m ? C.open : f, N = J((w) => {
       var B;
       m || k(w), (B = C == null ? void 0 : C.onOpenChange) == null || B.call(C, w);
-    }, [m, C == null ? void 0 : C.onOpenChange]), b = J(() => R(!1), [R]), N = g ? g(b) : b, E = {
+    }, [m, C == null ? void 0 : C.onOpenChange]), b = J(() => N(!1), [N]), R = g ? g(b) : b, E = {
       ...p && {
         width: "var(--radix-dropdown-menu-trigger-width)",
         boxSizing: "border-box"
@@ -3888,7 +3888,7 @@ const Ga = Da(ld), mn = Ge(
       {
         ...C,
         open: l ? !1 : y,
-        onOpenChange: l ? void 0 : R,
+        onOpenChange: l ? void 0 : N,
         children: [
           /* @__PURE__ */ a(
             Jo,
@@ -3926,7 +3926,7 @@ const Ga = Da(ld), mn = Ge(
                       o,
                       i,
                       d,
-                      N,
+                      R,
                       h
                     )
                   )
@@ -3953,7 +3953,7 @@ const Ga = Da(ld), mn = Ge(
                   o,
                   i,
                   d,
-                  N,
+                  R,
                   h
                 )
               )
@@ -3992,13 +3992,13 @@ const dv = "_container_5ow1v_1", uv = "_triggerWithClick_5ow1v_12", hv = "_chevr
     wrapCloseMenu: C,
     ...m
   }) => {
-    const f = m.open !== void 0, [k, y] = j(!1), R = f ? m.open : k, b = J(
+    const f = m.open !== void 0, [k, y] = j(!1), N = f ? m.open : k, b = J(
       (D) => {
         var z;
         f || y(D), (z = m == null ? void 0 : m.onOpenChange) == null || z.call(m, D);
       },
       [f, m == null ? void 0 : m.onOpenChange]
-    ), N = J(() => b(!1), [b]), E = C ? C(N) : N, w = {
+    ), R = J(() => b(!1), [b]), E = C ? C(R) : R, w = {
       ...u && {
         width: "var(--radix-dropdown-menu-trigger-width)",
         boxSizing: "border-box"
@@ -4043,7 +4043,7 @@ const dv = "_container_5ow1v_1", uv = "_triggerWithClick_5ow1v_12", hv = "_chevr
       Do,
       {
         ...m,
-        open: l ? !1 : R,
+        open: l ? !1 : N,
         onOpenChange: l ? void 0 : b,
         children: [
           p && /* @__PURE__ */ a(
@@ -4108,13 +4108,13 @@ const vv = "_popoverPortal_j8b3y_1", yv = "_popoverContent_j8b3y_9", kv = "_cont
         g || m(x), (U = h == null ? void 0 : h.onOpenChange) == null || U.call(h, x);
       },
       [g, h == null ? void 0 : h.onOpenChange]
-    ), y = J(() => k(!1), [k]), R = u ? u(y) : y, b = {
+    ), y = J(() => k(!1), [k]), N = u ? u(y) : y, b = {
       ...d && {
         width: "var(--radix-popover-trigger-width)",
         boxSizing: "border-box"
       },
       ...l && { height: l }
-    }, N = J((x) => {
+    }, R = J((x) => {
       x.key === "Tab" && x.stopPropagation();
     }, []), E = J((x) => {
       x.preventDefault();
@@ -4126,8 +4126,8 @@ const vv = "_popoverPortal_j8b3y_1", yv = "_popoverContent_j8b3y_9", kv = "_cont
         className: is.contentPanel,
         "data-tools-popover-panel": !0,
         tabIndex: -1,
-        onKeyDown: N,
-        children: typeof t == "function" ? t(R) : t
+        onKeyDown: R,
+        children: typeof t == "function" ? t(N) : t
       }
     ), B = /* @__PURE__ */ a(en, { asChild: !0, children: /* @__PURE__ */ a(
       Nr,
@@ -4378,18 +4378,18 @@ function Wv({ initialScreen: n, animated: t, children: r }) {
   ), k = J(
     (Q) => g(() => [{ name: Q || n, params: {} }]),
     [g, n]
-  ), y = s.length > 1, R = oe(
+  ), y = s.length > 1, N = oe(
     () => ({ push: C, pop: m, popTo: f, reset: k, canGoBack: y, stack: s }),
     [C, m, f, k, y, s]
-  ), b = s[s.length - 1], N = h[b.name];
-  if (!N) return null;
+  ), b = s[s.length - 1], R = h[b.name];
+  if (!R) return null;
   const E = oe(
     () => s.map((Q, D) => {
       var z;
       return (z = h[Q.name]) != null && z.keepMounted ? { entry: Q, stackIndex: D } : null;
     }).filter(Boolean),
     [s, h]
-  ), w = (Q, D) => Q in i ? i[Q] : N[Q] ?? D, B = N.component, x = N.keepMounted === !0, U = J(
+  ), w = (Q, D) => Q in i ? i[Q] : R[Q] ?? D, B = R.component, x = R.keepMounted === !0, U = J(
     (Q) => {
       u.current[u.current.length - 1].name === b.name && l((z) => ({ ...z, ...Q }));
     },
@@ -4398,7 +4398,7 @@ function Wv({ initialScreen: n, animated: t, children: r }) {
     () => ({ name: b.name, params: b.params || {}, setOptions: U }),
     [b.name, b.params, U]
   );
-  return /* @__PURE__ */ a(Tl.Provider, { value: R, children: /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
+  return /* @__PURE__ */ a(Tl.Provider, { value: N, children: /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
     /* @__PURE__ */ a(
       Dl,
       {
@@ -4873,13 +4873,13 @@ const oR = $r, g1 = "_sliderRoot_19e7a_23", m1 = "_sliderTrack_19e7a_31", f1 = "
   tooltipArrow: y1,
   sliderContainer: k1
 }, b1 = ({ onChangeValue: n, volume: t, disabled: r }) => {
-  const [s, o] = j(!1), i = X(), l = X(0), c = J((N) => {
-    if (N < 1e-3) return -1 / 0;
-    const E = 20 * Math.log10(N);
+  const [s, o] = j(!1), i = X(), l = X(0), c = J((R) => {
+    if (R < 1e-3) return -1 / 0;
+    const E = 20 * Math.log10(R);
     return E < -60 ? -60 : E;
-  }, []), d = J((N) => N === -1 / 0 || N <= -60 ? 0 : Math.pow(10, N / 20), []), u = oe(() => {
-    const N = c(t);
-    return N === -1 / 0 ? -60 : Math.max(-60, Math.min(6, N));
+  }, []), d = J((R) => R === -1 / 0 || R <= -60 ? 0 : Math.pow(10, R / 20), []), u = oe(() => {
+    const R = c(t);
+    return R === -1 / 0 ? -60 : Math.max(-60, Math.min(6, R));
   }, [t, c]), p = oe(() => t < 1e-3, [t]), h = J(() => {
     clearTimeout(i.current), o(!0);
   }, []), g = J(() => {
@@ -4887,13 +4887,13 @@ const oR = $r, g1 = "_sliderRoot_19e7a_23", m1 = "_sliderTrack_19e7a_31", f1 = "
       o(!1);
     }, 300);
   }, []), C = J(
-    (N) => {
-      (N.key === "ArrowUp" || N.key === "ArrowDown") && h(), (N.key === "ArrowLeft" || N.key === "ArrowRight") && (N.preventDefault(), N.stopPropagation(), h());
+    (R) => {
+      (R.key === "ArrowUp" || R.key === "ArrowDown") && h(), (R.key === "ArrowLeft" || R.key === "ArrowRight") && (R.preventDefault(), R.stopPropagation(), h());
     },
     [h]
   ), m = J(
-    (N) => {
-      n(N.map(d));
+    (R) => {
+      n(R.map(d));
     },
     [n, d]
   ), f = J(() => {
@@ -4902,9 +4902,9 @@ const oR = $r, g1 = "_sliderRoot_19e7a_23", m1 = "_sliderTrack_19e7a_31", f1 = "
     g();
   }, [g]), y = J(() => {
     n([1]), h();
-  }, [n, h]), R = J(() => {
-    const N = Date.now();
-    N - l.current < 300 && y(), l.current = N;
+  }, [n, h]), N = J(() => {
+    const R = Date.now();
+    R - l.current < 300 && y(), l.current = R;
   }, [y]), b = oe(
     () => /* @__PURE__ */ v(we, { children: [
       p ? "-∞ dB" : `${u.toFixed(1)} dB`,
@@ -4934,7 +4934,7 @@ const oR = $r, g1 = "_sliderRoot_19e7a_23", m1 = "_sliderTrack_19e7a_31", f1 = "
               onPointerDown: f,
               onKeyDown: C,
               onBlur: k,
-              onClick: R
+              onClick: N
             }
           ) }),
           /* @__PURE__ */ a(
@@ -5026,13 +5026,13 @@ const Ol = Ge(
     const [u, p] = j(!1), [h, g] = j(!1), C = r || u || h, m = J(
       (y) => {
         if (!c || y.button !== 0) return;
-        const R = performance.now(), b = i.current;
-        if (b && R - b.t < P1 && Math.hypot(y.clientX - b.x, y.clientY - b.y) < F1) {
+        const N = performance.now(), b = i.current;
+        if (b && N - b.t < P1 && Math.hypot(y.clientX - b.x, y.clientY - b.y) < F1) {
           y.preventDefault(), y.stopPropagation(), i.current = null, c();
           return;
         }
         i.current = {
-          t: R,
+          t: N,
           x: y.clientX,
           y: y.clientY
         };
@@ -5041,16 +5041,16 @@ const Ol = Ge(
     ), f = J(
       (y) => {
         if (!l) return;
-        const R = Ul(o);
-        let b = R;
+        const N = Ul(o);
+        let b = N;
         switch (y.key) {
           case "ArrowRight":
           case "ArrowUp":
-            y.preventDefault(), b = Math.min(1, R + sr), l([Nt(b)]);
+            y.preventDefault(), b = Math.min(1, N + sr), l([Nt(b)]);
             break;
           case "ArrowLeft":
           case "ArrowDown":
-            y.preventDefault(), b = Math.max(0, R - sr), l([Nt(b)]);
+            y.preventDefault(), b = Math.max(0, N - sr), l([Nt(b)]);
             break;
           case "Home":
             y.preventDefault(), l([Nt(0)]);
@@ -5059,10 +5059,10 @@ const Ol = Ge(
             y.preventDefault(), l([Nt(1)]);
             break;
           case "PageUp":
-            y.preventDefault(), b = Math.min(1, R + sr * 4), l([Nt(b)]);
+            y.preventDefault(), b = Math.min(1, N + sr * 4), l([Nt(b)]);
             break;
           case "PageDown":
-            y.preventDefault(), b = Math.max(0, R - sr * 4), l([Nt(b)]);
+            y.preventDefault(), b = Math.max(0, N - sr * 4), l([Nt(b)]);
             break;
         }
       },
@@ -5112,16 +5112,16 @@ const Qa = Ge(function({
   hover: c = !1,
   resetPeakHold: d
 }) {
-  const [u, p] = t, h = Ps(Xa(u ?? 0)), g = Ps(Xa(p ?? 0)), [C, m] = j(!1), f = X(!1), k = X(null), y = X(null), R = X(null), b = X(0), N = X(null), [E, w] = j(0), [B, x] = j(!1);
+  const [u, p] = t, h = Ps(Xa(u ?? 0)), g = Ps(Xa(p ?? 0)), [C, m] = j(!1), f = X(!1), k = X(null), y = X(null), N = X(null), b = X(0), R = X(null), [E, w] = j(0), [B, x] = j(!1);
   ie(() => {
     b.current = 0, w(0);
-  }, [d]), ie(() => () => clearTimeout(N.current), []);
+  }, [d]), ie(() => () => clearTimeout(R.current), []);
   const U = Math.max(
     0,
     Math.min(100, Ul(r) * 100)
   ), T = Fs(h), Q = Fs(g), D = Math.max(T, Q);
   ie(() => {
-    D > b.current && (b.current = D, w(D), x(!0), clearTimeout(N.current), N.current = setTimeout(() => {
+    D > b.current && (b.current = D, w(D), x(!0), clearTimeout(R.current), R.current = setTimeout(() => {
       x(!1), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           b.current = 0, w(0);
@@ -5133,7 +5133,7 @@ const Qa = Ge(function({
     (q) => {
       var de;
       if (!s) return;
-      y.current && q.target instanceof Element && !y.current.contains(q.target) && (R.current = null), q.currentTarget.setPointerCapture(q.pointerId), f.current = !0, m(!0), document.body.style.cursor = "ew-resize";
+      y.current && q.target instanceof Element && !y.current.contains(q.target) && (N.current = null), q.currentTarget.setPointerCapture(q.pointerId), f.current = !0, m(!0), document.body.style.cursor = "ew-resize";
       const he = (de = k.current) == null ? void 0 : de.getBoundingClientRect();
       if (he) {
         const ge = Math.max(
@@ -5186,7 +5186,7 @@ const Qa = Ge(function({
             isPressed: C,
             hover: c,
             volume: r,
-            doubleTapStateRef: R,
+            doubleTapStateRef: N,
             onVolumeChange: s,
             onVolumeReset: o
           }
@@ -5305,7 +5305,7 @@ const Z1 = Cn(function({
       r && /* @__PURE__ */ a(Ke, { content: r, children: /* @__PURE__ */ a(vn, { width: 16, height: 16, className: pt.infoIcon }) })
     ] }),
     /* @__PURE__ */ a("div", { className: pt.grid, style: C, role: "group", "aria-label": t, children: s.map((m) => {
-      const f = m.text ?? m.label ?? m.name, k = m.Icon ?? m.icon, y = m.locked ?? m.isLocked ?? !1, R = m.disabled ?? !1;
+      const f = m.text ?? m.label ?? m.name, k = m.Icon ?? m.icon, y = m.locked ?? m.isLocked ?? !1, N = m.disabled ?? !1;
       return /* @__PURE__ */ a(
         Pl,
         {
@@ -5314,7 +5314,7 @@ const Z1 = Cn(function({
           Icon: k,
           selected: X1(h, m.value),
           locked: y,
-          disabled: R,
+          disabled: N,
           onClick: () => l == null ? void 0 : l(m)
         },
         m.value
@@ -5492,11 +5492,11 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
   const g = J(
     (b) => {
       if (b.preventDefault(), b.stopPropagation(), r) return;
-      const N = b.wheelDelta ?? -b.deltaY * 25;
-      if (!N || Math.abs(N) <= 50) return;
+      const R = b.wheelDelta ?? -b.deltaY * 25;
+      if (!R || Math.abs(R) <= 50) return;
       const E = Date.now();
       if (E - h.current < 100) return;
-      const w = N > 0 ? 1 : -1, B = no(n, s, w);
+      const w = R > 0 ? 1 : -1, B = no(n, s, w);
       t(B), h.current = E;
     },
     [t, n, s, r]
@@ -5512,9 +5512,9 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
   ), m = J(
     (b) => {
       if (!c || r) return;
-      const N = u - b.clientY;
-      if (Math.abs(N) <= 20) return;
-      const E = N > 0 ? 1 : -1, w = no(n, s, E);
+      const R = u - b.clientY;
+      if (Math.abs(R) <= 20) return;
+      const E = R > 0 ? 1 : -1, w = no(n, s, E);
       t(w), p(b.clientY), h.current = Date.now();
     },
     [c, u, n, t, s, r]
@@ -5527,11 +5527,11 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
       b.detail === 2 && !r && t(o);
     },
     [t, o, r]
-  ), R = J(
+  ), N = J(
     (b) => {
       if (!i || r) return;
-      const N = cy(s, b);
-      N && t(N);
+      const R = cy(s, b);
+      R && t(R);
     },
     [i, r, t, s]
   );
@@ -5539,7 +5539,7 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
     containerRef: l,
     isDragging: c,
     handleClick: y,
-    handleDotClick: R
+    handleDotClick: N
   };
 }, Ay = ({
   className: n,
@@ -5558,12 +5558,12 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
     tooltipCloseDelay: d
   });
   k.current = { tooltipDelayDuration: c, tooltipCloseDelay: d };
-  const y = Array.isArray(i) && i.length > 0, R = oe(() => (i == null ? void 0 : i.find((W) => W.default)) || (i == null ? void 0 : i[0]) || { position: 0, color: "neutral", default: !0 }, [i]), { containerRef: b, isDragging: N, handleClick: E, handleDotClick: w } = hy({
+  const y = Array.isArray(i) && i.length > 0, N = oe(() => (i == null ? void 0 : i.find((W) => W.default)) || (i == null ? void 0 : i[0]) || { position: 0, color: "neutral", default: !0 }, [i]), { containerRef: b, isDragging: R, handleClick: E, handleDotClick: w } = hy({
     value: t,
     onChange: r,
     disabled: s,
     dots: i || [],
-    defaultDot: R,
+    defaultDot: N,
     clickableDots: o
   }), B = oe(() => typeof t == "object" && t !== null ? t.position : dy(t, i), [t, i]), x = oe(() => typeof t == "object" && t !== null ? t : (i == null ? void 0 : i.find((W) => W.position === B)) ?? null, [t, i, B]), { pointerRotation: U, pointerColor: T } = oe(() => uy(B, s), [B, s]);
   if (ie(() => () => {
@@ -5598,12 +5598,12 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
   }, P = (W) => {
     const q = to[W.color] || to.neutral, he = W.position === B, de = p === W.position && o;
     return s ? q.default : he ? q.active : de ? q.hover : q.default;
-  }, V = u ? u(x ?? t) : (x == null ? void 0 : x.label) ?? (x == null ? void 0 : x.value) ?? B, $ = !s && (g || N), G = /* @__PURE__ */ a(
+  }, V = u ? u(x ?? t) : (x == null ? void 0 : x.label) ?? (x == null ? void 0 : x.value) ?? B, $ = !s && (g || R), G = /* @__PURE__ */ a(
     "div",
     {
       className: I(
         ar.pan,
-        N && ar.active,
+        R && ar.active,
         s && ar.disabled
       ),
       onPointerEnter: z,
@@ -5951,7 +5951,7 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
   style: g,
   ...C
 }) => {
-  const m = (i == null ? void 0 : i.id) || o, f = (i == null ? void 0 : i.name) || r, k = (i == null ? void 0 : i.description) || s, y = (i == null ? void 0 : i.image) || t, R = (i == null ? void 0 : i.icon) || c, b = y && (y != null && y.startsWith("url(")) ? y == null ? void 0 : y.substring(4, (y == null ? void 0 : y.length) - 1).replace(/"/g, "") : y, N = (x) => {
+  const m = (i == null ? void 0 : i.id) || o, f = (i == null ? void 0 : i.name) || r, k = (i == null ? void 0 : i.description) || s, y = (i == null ? void 0 : i.image) || t, N = (i == null ? void 0 : i.icon) || c, b = y && (y != null && y.startsWith("url(")) ? y == null ? void 0 : y.substring(4, (y == null ? void 0 : y.length) - 1).replace(/"/g, "") : y, R = (x) => {
     x.stopPropagation(), x.preventDefault(), p == null || p();
   }, E = {
     1: { avatar: 60, icon: 15 },
@@ -5969,7 +5969,7 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
       ),
       style: { "--color-surface": "transparent", ...g },
       "data-state": u ? "checked" : "unchecked",
-      onClick: N,
+      onClick: R,
       ...C,
       children: /* @__PURE__ */ v(S, { gap: "2", children: [
         /* @__PURE__ */ a(S, { width: `${B.avatar}px`, height: `${B.avatar}px`, children: l ? /* @__PURE__ */ a(
@@ -5992,14 +5992,14 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
             ),
             children: /* @__PURE__ */ a(d, { width: B.icon, height: B.icon })
           }
-        ) : R ? /* @__PURE__ */ a(
+        ) : N ? /* @__PURE__ */ a(
           "div",
           {
             className: I(
               ue.listCardsAvatarIcon,
               ue[`listCardsAvatarIconSize${h}`]
             ),
-            children: R
+            children: N
           }
         ) : /* @__PURE__ */ a(
           ot,
@@ -6045,9 +6045,9 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
   disabled: f,
   children: k,
   style: y,
-  ...R
+  ...N
 }) => {
-  const b = (i == null ? void 0 : i.id) || o, N = (i == null ? void 0 : i.name) || r, E = (i == null ? void 0 : i.avatar) || t, w = (i == null ? void 0 : i.description) || s, B = E && (E != null && E.startsWith("url(")) ? E == null ? void 0 : E.substring(4, (E == null ? void 0 : E.length) - 1).replace(/"/g, "") : E;
+  const b = (i == null ? void 0 : i.id) || o, R = (i == null ? void 0 : i.name) || r, E = (i == null ? void 0 : i.avatar) || t, w = (i == null ? void 0 : i.description) || s, B = E && (E != null && E.startsWith("url(")) ? E == null ? void 0 : E.substring(4, (E == null ? void 0 : E.length) - 1).replace(/"/g, "") : E;
   return /* @__PURE__ */ v(
     "div",
     {
@@ -6073,7 +6073,7 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
               minHeight: "68px",
               ...y
             },
-            ...R,
+            ...N,
             children: /* @__PURE__ */ v(
               S,
               {
@@ -6096,7 +6096,7 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
                       justify: "center",
                       style: { flex: 1, minWidth: 0 },
                       children: [
-                        /* @__PURE__ */ a(H, { as: "div", size: "2", className: ue.listCardsItemText, children: N }),
+                        /* @__PURE__ */ a(H, { as: "div", size: "2", className: ue.listCardsItemText, children: R }),
                         k ? /* @__PURE__ */ a(
                           S,
                           {
@@ -6490,14 +6490,14 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
   tooltipDelayDuration: c = 0,
   tooltipCloseDelay: d = 500
 }) => {
-  const u = X(null), [p, h] = j(!1), g = X(null), C = X(0), m = X(t), f = X(0), k = X(null), y = X(null), R = X({
+  const u = X(null), [p, h] = j(!1), g = X(null), C = X(0), m = X(t), f = X(0), k = X(null), y = X(null), N = X({
     tooltipDelayDuration: c,
     tooltipCloseDelay: d
   });
-  R.current = { tooltipDelayDuration: c, tooltipCloseDelay: d };
-  const [b, N] = j(!1), [E, w] = j(!1);
+  N.current = { tooltipDelayDuration: c, tooltipCloseDelay: d };
+  const [b, R] = j(!1), [E, w] = j(!1);
   ie(() => {
-    s && (w(!1), N(!1));
+    s && (w(!1), R(!1));
   }, [s]), ie(() => () => {
     k.current != null && clearTimeout(k.current), y.current != null && clearTimeout(y.current);
   }, []), ie(() => {
@@ -6594,7 +6594,7 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
   }, ge = () => {
     if (s) return;
     de(), he();
-    const { tooltipDelayDuration: M } = R.current;
+    const { tooltipDelayDuration: M } = N.current;
     if (M <= 0) {
       w(!0);
       return;
@@ -6604,7 +6604,7 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
     }, M);
   }, K = () => {
     he();
-    const { tooltipCloseDelay: M } = R.current;
+    const { tooltipCloseDelay: M } = N.current;
     if (M <= 0) {
       w(!1);
       return;
@@ -6634,8 +6634,8 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
       onPointerCancel: Q,
       onPointerEnter: ge,
       onPointerLeave: K,
-      onFocus: () => N(!0),
-      onBlur: () => N(!1),
+      onFocus: () => R(!0),
+      onBlur: () => R(!1),
       onKeyDown: z,
       children: /* @__PURE__ */ v("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", children: [
         /* @__PURE__ */ a("circle", { cx: xn, cy: Tn, r: 10 }),
@@ -7136,15 +7136,15 @@ class m0 extends Xn {
         if (g.button !== i || d.has(g.pointerId) || (d.set(g.pointerId, g), d.size > 1)) return;
         const C = g.pointerId;
         let m = g.clientX, f = g.clientY, k = !1;
-        const y = Date.now(), R = r.getBoundingClientRect(), { left: b, top: N } = R, E = (T) => {
+        const y = Date.now(), N = r.getBoundingClientRect(), { left: b, top: R } = N, E = (T) => {
           if (T.pointerId !== C || T.defaultPrevented || d.size > 1 || u && Date.now() - y < l) return;
           const Q = T.clientX, D = T.clientY, z = Q - m, O = D - f;
-          (k || Math.abs(z) > o || Math.abs(O) > o) && (T.preventDefault(), T.stopPropagation(), k || (c.set({ type: "start", x: m - b, y: f - N }), k = !0), c.set({ type: "move", x: Q - b, y: D - N, deltaX: z, deltaY: O }), m = Q, f = D);
+          (k || Math.abs(z) > o || Math.abs(O) > o) && (T.preventDefault(), T.stopPropagation(), k || (c.set({ type: "start", x: m - b, y: f - R }), k = !0), c.set({ type: "move", x: Q - b, y: D - R, deltaX: z, deltaY: O }), m = Q, f = D);
         }, w = (T) => {
           if (d.delete(T.pointerId)) {
             if (T.pointerId === C && k) {
               const Q = T.clientX, D = T.clientY;
-              c.set({ type: "end", x: Q - b, y: D - N });
+              c.set({ type: "end", x: Q - b, y: D - R });
             }
             d.size === 0 && p();
           }
@@ -7326,16 +7326,16 @@ class m0 extends Xn {
     var t;
   }
   renderBarWaveform(t, r, s, o) {
-    const { width: i, height: l } = s.canvas, { halfHeight: c, barWidth: d, barRadius: u, barIndexScale: p, barSpacing: h, barMinHeight: g } = function({ width: m, height: f, length: k, options: y, pixelRatio: R }) {
-      const b = f / 2, N = y.barWidth ? y.barWidth * R : 1, E = y.barGap ? y.barGap * R : y.barWidth ? N / 2 : 0, w = N + E || 1;
-      return { halfHeight: b, barWidth: N, barGap: E, barRadius: y.barRadius || 0, barMinHeight: y.barMinHeight ? y.barMinHeight * R : 0, barIndexScale: k > 0 ? m / w / k : 0, barSpacing: w };
-    }({ width: i, height: l, length: (t[0] || []).length, options: r, pixelRatio: this.getPixelRatio() }), C = function({ channelData: m, barIndexScale: f, barSpacing: k, barWidth: y, halfHeight: R, vScale: b, canvasHeight: N, barAlign: E, barMinHeight: w }) {
+    const { width: i, height: l } = s.canvas, { halfHeight: c, barWidth: d, barRadius: u, barIndexScale: p, barSpacing: h, barMinHeight: g } = function({ width: m, height: f, length: k, options: y, pixelRatio: N }) {
+      const b = f / 2, R = y.barWidth ? y.barWidth * N : 1, E = y.barGap ? y.barGap * N : y.barWidth ? R / 2 : 0, w = R + E || 1;
+      return { halfHeight: b, barWidth: R, barGap: E, barRadius: y.barRadius || 0, barMinHeight: y.barMinHeight ? y.barMinHeight * N : 0, barIndexScale: k > 0 ? m / w / k : 0, barSpacing: w };
+    }({ width: i, height: l, length: (t[0] || []).length, options: r, pixelRatio: this.getPixelRatio() }), C = function({ channelData: m, barIndexScale: f, barSpacing: k, barWidth: y, halfHeight: N, vScale: b, canvasHeight: R, barAlign: E, barMinHeight: w }) {
       const B = m[0] || [], x = m[1] || B, U = B.length, T = [];
       let Q = 0, D = 0, z = 0;
       for (let O = 0; O <= U; O++) {
         const P = Math.round(O * f);
         if (P > Q) {
-          const { topHeight: G, totalHeight: W } = A0({ maxTop: D, maxBottom: z, halfHeight: R, vScale: b, barMinHeight: w, barAlign: E }), q = p0({ barAlign: E, halfHeight: R, topHeight: G, totalHeight: W, canvasHeight: N });
+          const { topHeight: G, totalHeight: W } = A0({ maxTop: D, maxBottom: z, halfHeight: N, vScale: b, barMinHeight: w, barAlign: E }), q = p0({ barAlign: E, halfHeight: N, topHeight: G, totalHeight: W, canvasHeight: R });
           T.push({ x: Q * k, y: q, width: y, height: W }), Q = P, D = 0, z = 0;
         }
         const V = Math.abs(B[O] || 0), $ = Math.abs(x[O] || 0);
@@ -7351,18 +7351,18 @@ class m0 extends Xn {
     const { width: i, height: l } = s.canvas, c = function({ channelData: d, width: u, height: p, vScale: h }) {
       const g = p / 2, C = d[0] || [];
       return [C, d[1] || C].map((m, f) => {
-        const k = m.length, y = k ? u / k : 0, R = g, b = f === 0 ? -1 : 1, N = [{ x: 0, y: R }];
+        const k = m.length, y = k ? u / k : 0, N = g, b = f === 0 ? -1 : 1, R = [{ x: 0, y: N }];
         let E = 0, w = 0;
         for (let B = 0; B <= k; B++) {
           const x = Math.round(B * y);
           if (x > E) {
-            const T = R + (Math.round(w * g * h) || 1) * b;
-            N.push({ x: E, y: T }), E = x, w = 0;
+            const T = N + (Math.round(w * g * h) || 1) * b;
+            R.push({ x: E, y: T }), E = x, w = 0;
           }
           const U = Math.abs(m[B] || 0);
           U > w && (w = U);
         }
-        return N.push({ x: E, y: R }), N;
+        return R.push({ x: E, y: N }), R;
       });
     }({ channelData: t, width: i, height: l, vScale: o });
     s.beginPath();
@@ -7413,9 +7413,9 @@ class m0 extends Xn {
       const f = m * p;
       let k = Math.min(u - f, p);
       if (k = io(k, r), k <= 0) return;
-      const y = function({ channelData: R, offset: b, clampedWidth: N, totalWidth: E }) {
-        return R.map((w) => {
-          const B = Math.floor(b / E * w.length), x = Math.floor((b + N) / E * w.length);
+      const y = function({ channelData: N, offset: b, clampedWidth: R, totalWidth: E }) {
+        return N.map((w) => {
+          const B = Math.floor(b / E * w.length), x = Math.floor((b + R) / E * w.length);
           return w.slice(B, x);
         });
       }({ channelData: t, offset: f, clampedWidth: k, totalWidth: u });
@@ -7705,8 +7705,8 @@ class jn extends h0 {
     super({ media: r, mediaControls: t.mediaControls, autoplay: t.autoplay, playbackRate: t.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this._isDestroyed = !1, this._loadVersion = 0, this.reactiveCleanups = [], this.options = Object.assign({}, C0, t);
     const { state: s, actions: o } = function(c) {
       var d, u, p, h, g, C;
-      const m = (d = c == null ? void 0 : c.currentTime) !== null && d !== void 0 ? d : Re(0), f = (u = c == null ? void 0 : c.duration) !== null && u !== void 0 ? u : Re(0), k = (p = c == null ? void 0 : c.isPlaying) !== null && p !== void 0 ? p : Re(!1), y = (h = c == null ? void 0 : c.isSeeking) !== null && h !== void 0 ? h : Re(!1), R = (g = c == null ? void 0 : c.volume) !== null && g !== void 0 ? g : Re(1), b = (C = c == null ? void 0 : c.playbackRate) !== null && C !== void 0 ? C : Re(1), N = Re(null), E = Re(null), w = Re(""), B = Re(0), x = Re(0), U = Yt(() => !k.value, [k]), T = Yt(() => N.value !== null, [N]), Q = Yt(() => T.value && f.value > 0, [T, f]), D = Yt(() => m.value, [m]), z = Yt(() => f.value > 0 ? m.value / f.value : 0, [m, f]);
-      return { state: { currentTime: m, duration: f, isPlaying: k, isPaused: U, isSeeking: y, volume: R, playbackRate: b, audioBuffer: N, peaks: E, url: w, zoom: B, scrollPosition: x, canPlay: T, isReady: Q, progress: D, progressPercent: z }, actions: { setCurrentTime: (O) => {
+      const m = (d = c == null ? void 0 : c.currentTime) !== null && d !== void 0 ? d : Re(0), f = (u = c == null ? void 0 : c.duration) !== null && u !== void 0 ? u : Re(0), k = (p = c == null ? void 0 : c.isPlaying) !== null && p !== void 0 ? p : Re(!1), y = (h = c == null ? void 0 : c.isSeeking) !== null && h !== void 0 ? h : Re(!1), N = (g = c == null ? void 0 : c.volume) !== null && g !== void 0 ? g : Re(1), b = (C = c == null ? void 0 : c.playbackRate) !== null && C !== void 0 ? C : Re(1), R = Re(null), E = Re(null), w = Re(""), B = Re(0), x = Re(0), U = Yt(() => !k.value, [k]), T = Yt(() => R.value !== null, [R]), Q = Yt(() => T.value && f.value > 0, [T, f]), D = Yt(() => m.value, [m]), z = Yt(() => f.value > 0 ? m.value / f.value : 0, [m, f]);
+      return { state: { currentTime: m, duration: f, isPlaying: k, isPaused: U, isSeeking: y, volume: N, playbackRate: b, audioBuffer: R, peaks: E, url: w, zoom: B, scrollPosition: x, canPlay: T, isReady: Q, progress: D, progressPercent: z }, actions: { setCurrentTime: (O) => {
         const P = Math.max(0, Math.min(f.value || 1 / 0, O));
         m.set(P);
       }, setDuration: (O) => {
@@ -7717,12 +7717,12 @@ class jn extends h0 {
         y.set(O);
       }, setVolume: (O) => {
         const P = Math.max(0, Math.min(1, O));
-        R.set(P);
+        N.set(P);
       }, setPlaybackRate: (O) => {
         const P = Math.max(0.1, Math.min(16, O));
         b.set(P);
       }, setAudioBuffer: (O) => {
-        N.set(O), O && f.set(O.duration);
+        R.set(O), O && f.set(O.duration);
       }, setPeaks: (O) => {
         E.set(O);
       }, setUrl: (O) => {
@@ -8105,7 +8105,7 @@ const ql = Ge((n) => {
   id: C,
   tabIndex: m
 }, f) {
-  const [k, y] = j(!1), [R, b] = j(!1), [N, E] = j(!1), w = X(null), B = X(!1), x = X(null), U = X(null), T = s || !R;
+  const [k, y] = j(!1), [N, b] = j(!1), [R, E] = j(!1), w = X(null), B = X(!1), x = X(null), U = X(null), T = s || !N;
   ie(() => {
     typeof navigator < "u" && E(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
   }, []);
@@ -8139,8 +8139,8 @@ const ql = Ge((n) => {
     [D, o]
   ), O = J(() => {
     const K = w.current;
-    K && (N || K.setOptions({ progressColor: p }), K.play());
-  }, [N, p]), P = J(() => {
+    K && (R || K.setOptions({ progressColor: p }), K.play());
+  }, [R, p]), P = J(() => {
     var M;
     const K = w.current;
     if (T || !K) return;
@@ -8159,13 +8159,13 @@ const ql = Ge((n) => {
     () => ({
       play: P,
       pause: Q,
-      isReady: () => R,
+      isReady: () => N,
       isPlaying: () => {
         var K;
         return !!((K = w.current) != null && K.isPlaying());
       }
     }),
-    [P, Q, R]
+    [P, Q, N]
   ), ie(() => {
     w.current && t && (w.current.load(t), b(!1));
   }, [t]);
@@ -8221,7 +8221,7 @@ const ql = Ge((n) => {
       const L = typeof Z == "number" ? Z : ((ce = K.getCurrentTime) == null ? void 0 : ce.call(K)) ?? 0, le = z(K, {
         seekTime: L
       });
-      x.current = L, B.current = !0, le.previousWasPlaying || (ae = F.emit) == null || ae.call(F, "pause"), N || K.setOptions({ progressColor: p }), le.wasPlaying && K.play(), o.setter((ee) => ({
+      x.current = L, B.current = !0, le.previousWasPlaying || (ae = F.emit) == null || ae.call(F, "pause"), R || K.setOptions({ progressColor: p }), le.wasPlaying && K.play(), o.setter((ee) => ({
         ...ee,
         active: K,
         lastPlayed: K,
@@ -8230,7 +8230,7 @@ const ql = Ge((n) => {
     },
     [
       o,
-      N,
+      R,
       p,
       z,
       T,
@@ -8301,7 +8301,7 @@ const ql = Ge((n) => {
             onPlay: $,
             onPause: G,
             onFinish: he,
-            backend: N ? "WebAudio" : "MediaElement"
+            backend: R ? "WebAudio" : "MediaElement"
           }
         ) }),
         c && /* @__PURE__ */ a("div", { className: bt.actions, children: c })
@@ -8524,12 +8524,12 @@ const nb = ({
     onProjectClick: C,
     openedItem: m,
     setOpenedItem: f
-  } = gt(ts), [k, y] = j(!1), R = oe(() => k ? i : i.slice(0, 6), [i, k]), b = J(() => {
+  } = gt(ts), [k, y] = j(!1), N = oe(() => k ? i : i.slice(0, 6), [i, k]), b = J(() => {
     if (c) return;
     y(!1);
     const w = h.find((B) => B.id === n);
     m === n ? (f(null), C == null || C(w, !1)) : (f(n), C == null || C(w, !0));
-  }, [n, m, f, C, h, c]), N = J((w) => {
+  }, [n, m, f, C, h, c]), R = J((w) => {
     w.preventDefault(), w.stopPropagation(), y(!k);
   }, [k]), E = J((w) => {
     w.stopPropagation(), g == null || g(i);
@@ -8574,7 +8574,7 @@ const nb = ({
             /* @__PURE__ */ a(H, { size: "2", style: { color: "var(--neutral-alpha-10)" }, children: u.loading || "Loading tracks..." })
           ] }),
           i.length > 0 && /* @__PURE__ */ v(S, { direction: "column", gap: "1", children: [
-            typeof d == "function" ? d({ projectId: n, tracks: R }) : d,
+            typeof d == "function" ? d({ projectId: n, tracks: N }) : d,
             /* @__PURE__ */ v(S, { direction: "row", gap: "3", p: "2", align: "center", justify: "center", children: [
               /* @__PURE__ */ v(
                 Ir,
@@ -8592,7 +8592,7 @@ const nb = ({
               ),
               i.length > 6 && /* @__PURE__ */ v(we, { children: [
                 /* @__PURE__ */ a(it, { orientation: "vertical" }),
-                /* @__PURE__ */ v(Ir, { variant: "ghost", color: "gray", style: { flex: "1" }, onClick: N, children: [
+                /* @__PURE__ */ v(Ir, { variant: "ghost", color: "gray", style: { flex: "1" }, onClick: R, children: [
                   k ? u.showLess || "Show less" : u.showMore || "Show more",
                   k ? /* @__PURE__ */ a(xd, { width: 16, height: 16 }) : /* @__PURE__ */ a(Xs, { width: 16, height: 16 })
                 ] })
@@ -8770,19 +8770,21 @@ const nb = ({
   ...n
 }) => {
   var B;
-  const { onClickTrack: t, onChangeTransfer: r, projects: s, labels: o = {} } = gt(ts), { projectId: i, id: l, title: c, cover: d, transfers: u, audioUrl: p, loading: h } = n, g = oe(() => u && u.length > 0, [u]), C = 24, m = -24, [f, k] = j(g ? parseInt(((B = u == null ? void 0 : u[0]) == null ? void 0 : B.pitchShift) ?? 0) : 0), [y, R] = j(h), b = X(null);
+  const { onClickTrack: t, onChangeTransfer: r, projects: s, labels: o = {} } = gt(ts), { projectId: i, id: l, title: c, cover: d, transfers: u, audioUrl: p, loading: h } = n, g = oe(() => u && u.length > 0, [u]), C = 24, m = -24, [f, k] = j(g ? parseInt(((B = u == null ? void 0 : u[0]) == null ? void 0 : B.pitchShift) ?? 0) : 0), [y, N] = j(h), b = X(null);
   ie(() => {
+    g && !u.some((x) => parseInt(x.pitchShift) === f) ? N(!0) : N(!1);
+  }, [f, u, g]), ie(() => {
     var x;
-    R(h), !h && g && k(parseInt(((x = u == null ? void 0 : u[0]) == null ? void 0 : x.pitchShift) ?? 0));
+    N(h), !h && g && k(parseInt(((x = u == null ? void 0 : u[0]) == null ? void 0 : x.pitchShift) ?? 0));
   }, [h, g, u]), ie(() => () => {
     b.current && clearTimeout(b.current);
   }, []);
-  const N = J((x) => {
+  const R = J((x) => {
     var U;
     return g ? (U = u == null ? void 0 : u.find((T) => parseInt(T.pitchShift) === x)) == null ? void 0 : U.audioUrl : p;
   }, [g, u, p]), E = J((x) => {
     k(x), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
-      const U = N(x), T = s.find((Q) => Q.id === i);
+      const U = R(x), T = s.find((Q) => Q.id === i);
       r == null || r(T, {
         id: l,
         title: c,
@@ -8791,18 +8793,18 @@ const nb = ({
         pitchShift: x
       });
     }, Eb);
-  }, [r, i, l, c, N, s]), w = J((x) => {
+  }, [r, i, l, c, R, s]), w = J((x) => {
     if (x.stopPropagation(), y)
       return;
     const U = !g && !p;
-    U && R(!0), t == null || t({
+    U && N(!0), t == null || t({
       ...n,
       id: l,
       title: c,
-      audioUrl: g || p ? N(f) : null,
+      audioUrl: g || p ? R(f) : null,
       processTrack: U
     });
-  }, [t, n, l, c, N, f, g, y, p]);
+  }, [t, n, l, c, R, f, g, y, p]);
   return /* @__PURE__ */ a(S, { direction: "column", gap: "1", children: /* @__PURE__ */ v(
     S,
     {
@@ -8923,7 +8925,7 @@ const Jb = "_starButton_1311l_1", Qb = "_disabled_1311l_17", Mb = "_readOnly_131
   maxLabel: p,
   ...h
 }) => {
-  const [g, C] = j(r || 0), [m, f] = j(0), k = t !== void 0 ? t : g, y = t !== void 0, R = J(
+  const [g, C] = j(r || 0), [m, f] = j(0), k = t !== void 0 ? t : g, y = t !== void 0, N = J(
     (w) => {
       if (s || o) return;
       const B = w + 1, x = B === k ? 0 : B;
@@ -8937,7 +8939,7 @@ const Jb = "_starButton_1311l_1", Qb = "_disabled_1311l_17", Mb = "_readOnly_131
       D !== m && (f(D), l == null || l({ value: D }));
     },
     [s, o, n, m, l]
-  ), N = J(() => {
+  ), R = J(() => {
     s || o || (f(0), l == null || l({ value: 0 }));
   }, [s, o, l]), E = (w) => {
     const B = m > 0 ? w < m : w < k, x = m > 0 && w < m, U = w < k;
@@ -8952,7 +8954,7 @@ const Jb = "_starButton_1311l_1", Qb = "_disabled_1311l_17", Mb = "_readOnly_131
           [Xe.disabled]: s,
           [Xe.readOnly]: o
         }),
-        onClick: () => R(w),
+        onClick: () => N(w),
         disabled: s || o,
         "aria-label": `Rate ${w + 1} out of ${n}`,
         ...h,
@@ -8983,7 +8985,7 @@ const Jb = "_starButton_1311l_1", Qb = "_disabled_1311l_17", Mb = "_readOnly_131
               role: "radiogroup",
               "aria-label": `Rating: ${k} out of ${n} stars`,
               onMouseMove: b,
-              onMouseLeave: N,
+              onMouseLeave: R,
               children: Array.from({ length: n }, (w, B) => E(B))
             }
           ),
@@ -9188,9 +9190,9 @@ const lI = "_boxVertical_ujop8_21", cI = "_sliderRoot_ujop8_27", dI = "_sliderRo
   horizontalWidth: f = "100%",
   verticalHeight: k = 200,
   scrollWheel: y = !1,
-  ...R
+  ...N
 }) => {
-  const { onWheel: b, ...N } = R, E = m === "vertical", w = (T) => (T - c) / (d - c) * 100, B = J(
+  const { onWheel: b, ...R } = N, E = m === "vertical", w = (T) => (T - c) / (d - c) * 100, B = J(
     (T) => {
       if (b == null || b(T), h || !r || T.defaultPrevented) return;
       const Q = E ? T.deltaY : Math.abs(T.deltaX) > Math.abs(T.deltaY) ? T.deltaX : T.deltaY;
@@ -9268,7 +9270,7 @@ const lI = "_boxVertical_ujop8_21", cI = "_sliderRoot_ujop8_27", dI = "_sliderRo
               [ve.sliderRootVertical]: E
             }),
             onWheel: y ? B : b,
-            ...N,
+            ...R,
             children: /* @__PURE__ */ v(
               S,
               {
@@ -9385,12 +9387,12 @@ const QI = ({
   /* @__PURE__ */ v(S, { gap: "2", direction: "column", children: [
     /* @__PURE__ */ a(Y, { size: "2", weight: "medium", children: n._("Input Level") }),
     /* @__PURE__ */ a("div", { className: St.levelMeter, children: /* @__PURE__ */ a("div", { className: St.levelMeterTrack, children: /* @__PURE__ */ a("div", { className: St.levelMeterRow, children: Array.from({ length: 17 }, (f, k) => {
-      const y = Math.max(0, (m - 5) / 25) * 17, R = k < y;
+      const y = Math.max(0, (m - 5) / 25) * 17, N = k < y;
       let b = "low";
       return k >= 15 ? b = "high" : k >= 11 && (b = "mid"), /* @__PURE__ */ a(
         "div",
         {
-          className: `${St.levelMeterSegment} ${R ? `${St.active} ${St[b]}` : ""}`
+          className: `${St.levelMeterSegment} ${N ? `${St.active} ${St[b]}` : ""}`
         },
         `level-${k}`
       );
@@ -9702,9 +9704,9 @@ const Zl = ({
   droppable: f = !1,
   isDropTarget: k = !1,
   dndDroppableId: y,
-  onDragEnter: R,
+  onDragEnter: N,
   onDragLeave: b,
-  onDragOver: N,
+  onDragOver: R,
   onDrop: E,
   isLoading: w = !1
 }) => {
@@ -9738,9 +9740,9 @@ const Zl = ({
       onMouseEnter: D,
       onMouseLeave: z,
       "data-setlist-id": t,
-      onDragEnter: f ? R : void 0,
+      onDragEnter: f ? N : void 0,
       onDragLeave: f ? b : void 0,
-      onDragOver: f ? N : void 0,
+      onDragOver: f ? R : void 0,
       onDrop: f ? E : void 0,
       onKeyDown: r ? (V) => {
         (V.key === "Enter" || V.key === " ") && (V.preventDefault(), r == null || r());
@@ -9842,7 +9844,7 @@ const Zl = ({
   enableDndDropTargets: m = !1,
   className: f
 }) => {
-  const { close: k, isMobile: y } = qr(), [R, b] = j(null), N = (_) => {
+  const { close: k, isMobile: y } = qr(), [N, b] = j(null), R = (_) => {
     r == null || r(_), y && k();
   }, E = () => {
     c == null || c(), y && k();
@@ -9996,7 +9998,7 @@ const Zl = ({
                     {
                       isSelected: fe,
                       setlistId: _.id,
-                      onClick: () => N(_.id),
+                      onClick: () => R(_.id),
                       droppable: g,
                       isDropTarget: C === _.id,
                       dndDroppableId: m ? `setlist:${_.id}` : void 0,
@@ -10012,7 +10014,7 @@ const Zl = ({
                       onDragLeave: (qe) => {
                         l == null || l(_.id, qe);
                       },
-                      dropdownMenuOpen: R === _.id,
+                      dropdownMenuOpen: N === _.id,
                       onDropdownMenuOpenChange: (qe) => {
                         b(qe ? _.id : null);
                       },
@@ -10118,13 +10120,13 @@ const Zl = ({
   mobileBreakpoint: d = mr,
   ...u
 }) => {
-  const p = sE(d), { isMobile: h, isOpen: g, open: C, close: m } = _l(p), [f, k] = j(!1), [y, R] = j(!1), b = s ?? y, N = J(
+  const p = sE(d), { isMobile: h, isOpen: g, open: C, close: m } = _l(p), [f, k] = j(!1), [y, N] = j(!1), b = s ?? y, R = J(
     (G) => {
-      s == null && R(G), o == null || o(G);
+      s == null && N(G), o == null || o(G);
     },
     [s, o]
   ), E = h ? !1 : r && !b, w = () => {
-    h || (k(!1), N(!1), i((G) => !G));
+    h || (k(!1), R(!1), i((G) => !G));
   }, B = () => {
     h || k(!0);
   }, x = () => {
@@ -10132,9 +10134,9 @@ const Zl = ({
   }, U = (G) => {
     E ? w() : l && l(G);
   }, T = () => {
-    h || !r || N(!0);
+    h || !r || R(!0);
   }, Q = () => {
-    N(!1);
+    R(!1);
   }, D = (G) => {
     B(), G.buttons > 0 && T();
   }, z = () => {
@@ -10403,13 +10405,13 @@ const aE = "_sectionTitle_bwlze_1", oE = "_separator_bwlze_17", co = {
   sidebarTooltip: m,
   children: f
 }) => {
-  const [k, y] = j(!1), [R, b] = j(!1), { isMobile: N } = _l(), E = N ? !1 : k && !R;
+  const [k, y] = j(!1), [N, b] = j(!1), { isMobile: R } = _l(), E = R ? !1 : k && !N;
   return /* @__PURE__ */ v(we, { children: [
     /* @__PURE__ */ v(
       $l,
       {
         isCollapsed: k,
-        isTemporarilyExpandedByDrag: R,
+        isTemporarilyExpandedByDrag: N,
         onTemporarilyExpandedByDragChange: b,
         onCollapsedChange: y,
         tooltip: m,
@@ -10443,7 +10445,7 @@ const aE = "_sectionTitle_bwlze_1", oE = "_separator_bwlze_17", co = {
                     newSetlistButtonTooltip: h,
                     expandButtonTooltip: g,
                     collapsed: E,
-                    isMobile: N
+                    isMobile: R
                   }
                 )
               ]
@@ -10501,7 +10503,7 @@ const aE = "_sectionTitle_bwlze_1", oE = "_separator_bwlze_17", co = {
   className: g,
   ...C
 }, m) {
-  const f = C["aria-label"], k = X(null), y = X(null), R = X(null), b = X(null), [N, E] = j(!1), [w, B] = j(!1), [x, U] = j(!1), T = X({ value: t, min: s, max: o, step: i, disabled: l, onValueChange: r });
+  const f = C["aria-label"], k = X(null), y = X(null), N = X(null), b = X(null), [R, E] = j(!1), [w, B] = j(!1), [x, U] = j(!1), T = X({ value: t, min: s, max: o, step: i, disabled: l, onValueChange: r });
   T.current = { value: t, min: s, max: o, step: i, disabled: l, onValueChange: r };
   const Q = X({
     tooltipDelayDuration: d,
@@ -10510,7 +10512,7 @@ const aE = "_sectionTitle_bwlze_1", oE = "_separator_bwlze_17", co = {
   Q.current = { tooltipDelayDuration: d, tooltipCloseDelay: u };
   const D = X({ accum: 0, axis: null, lastTime: 0 });
   ie(() => () => {
-    R.current != null && clearTimeout(R.current), b.current != null && clearTimeout(b.current);
+    N.current != null && clearTimeout(N.current), b.current != null && clearTimeout(b.current);
   }, []), ie(() => {
     const F = () => {
       y.current = "keyboard";
@@ -10570,7 +10572,7 @@ const aE = "_sectionTitle_bwlze_1", oE = "_separator_bwlze_17", co = {
   ), O = () => {
     l || U(!0);
   }, P = () => {
-    R.current != null && (clearTimeout(R.current), R.current = null);
+    N.current != null && (clearTimeout(N.current), N.current = null);
   }, V = () => {
     b.current != null && (clearTimeout(b.current), b.current = null);
   }, $ = () => {
@@ -10582,8 +10584,8 @@ const aE = "_sectionTitle_bwlze_1", oE = "_separator_bwlze_17", co = {
       B(!0);
       return;
     }
-    R.current = setTimeout(() => {
-      R.current = null, B(!0);
+    N.current = setTimeout(() => {
+      N.current = null, B(!0);
     }, F);
   }, he = () => {
     P();
@@ -10597,11 +10599,11 @@ const aE = "_sectionTitle_bwlze_1", oE = "_separator_bwlze_17", co = {
     }, F);
   }, de = () => {
     l || h == null || h(t);
-  }, ge = p ? p(t) : t, K = !l && (w || x || N), Z = /* @__PURE__ */ a(
+  }, ge = p ? p(t) : t, K = !l && (w || x || R), Z = /* @__PURE__ */ a(
     zr,
     {
       className: cr.thumb,
-      "data-focus-visible": N || void 0,
+      "data-focus-visible": R || void 0,
       "aria-label": f,
       onFocus: $,
       onBlur: G,
@@ -10832,7 +10834,7 @@ const dr = (n) => {
   const g = X(null), C = X(null), [m, f] = j(!1), k = J((E) => {
     const w = E.target, B = w.scrollLeft + w.clientWidth >= w.scrollWidth - 2;
     f(B);
-  }, []), y = !!l || !!d, R = J(
+  }, []), y = !!l || !!d, N = J(
     (E) => {
       if (y) return;
       const w = E.target.value;
@@ -10861,7 +10863,7 @@ const dr = (n) => {
       }));
     },
     [t]
-  ), N = J(() => {
+  ), R = J(() => {
     t((E) => ({
       ...E,
       conditioningAudio: null,
@@ -10904,7 +10906,7 @@ const dr = (n) => {
                     {
                       value: n.conditioningText,
                       onFocus: o,
-                      onChange: R,
+                      onChange: N,
                       placeholder: r._(
                         `Describe your desired sound characteristics (ex: ${RE(
                           n.instrument,
@@ -11028,7 +11030,7 @@ const dr = (n) => {
                 NE(n),
                 ")"
               ] }),
-              /* @__PURE__ */ a(Be, { variant: "soft", onClick: N, children: /* @__PURE__ */ a(qd, { width: 16, height: 16 }) })
+              /* @__PURE__ */ a(Be, { variant: "soft", onClick: R, children: /* @__PURE__ */ a(qd, { width: 16, height: 16 }) })
             ]
           }
         ) : /* @__PURE__ */ v(
@@ -11475,9 +11477,9 @@ const fr = {
   generateFromSelectionTrack: f,
   unmutedTracksCount: k,
   onMountConcurrency: y,
-  onClear: R,
+  onClear: N,
   onInspireMe: b,
-  inspireMeLoading: N,
+  inspireMeLoading: R,
   onBoost: E,
   boostLoading: w,
   suggestedTags: B,
@@ -11631,7 +11633,7 @@ const fr = {
                   onAddConditioningAudio: s,
                   onTextConditioningFocus: o,
                   onInspireMe: b,
-                  inspireMeLoading: N,
+                  inspireMeLoading: R,
                   onBoost: E,
                   boostLoading: w,
                   suggestedTags: B,
@@ -11710,7 +11712,7 @@ const fr = {
                           inpaintingTrack: m,
                           generateFromSelectionTrack: f,
                           unmutedTracksCount: k,
-                          onClear: R,
+                          onClear: N,
                           i18n: l
                         }
                       ) }),
@@ -11736,7 +11738,7 @@ const fr = {
                         _e,
                         {
                           type: "error",
-                          onClick: R,
+                          onClick: N,
                           ctaLabel: l._("Clear"),
                           showBackground: !1,
                           showIcon: !1,
@@ -11866,7 +11868,7 @@ const Ao = {
   showStemsPaywall: C,
   showHiFiSwitch: m
 }) => {
-  var N;
+  var R;
   const { submitted: f, handleSubmit: k } = Ma(l), y = [
     {
       value: "freeVocalInstruments",
@@ -11978,7 +11980,7 @@ const Ao = {
       name: n._("Other"),
       category: "paid"
     }
-  ], R = async (E) => {
+  ], N = async (E) => {
     if (E.isLocked) {
       C(E.value);
       return;
@@ -12033,7 +12035,7 @@ const Ao = {
           };
         }),
         value: c.selectedStems,
-        onSelect: R,
+        onSelect: N,
         style: {
           marginBottom: "12px"
         }
@@ -12054,7 +12056,7 @@ const Ao = {
           _r,
           {
             title: n._("Separate Stems"),
-            disabled: !((N = c == null ? void 0 : c.selectedStems) != null && N.length) || !(c != null && c.trackName),
+            disabled: !((R = c == null ? void 0 : c.selectedStems) != null && R.length) || !(c != null && c.trackName),
             loading: u,
             onClick: k,
             besideFooter: /* @__PURE__ */ v(S, { align: "center", gap: "2", children: [
@@ -12627,17 +12629,17 @@ const ms = (n, t) => typeof n == "string" ? { title: n, description: "", variant
       const k = {
         ...ms(m, "neutral"),
         id: `${Date.now()}-${Bw++}`
-      }, y = k.duration ?? t, R = setTimeout(() => {
+      }, y = k.duration ?? t, N = setTimeout(() => {
         u(k.id);
       }, y);
-      return d.current.set(k.id, R), c((b) => {
-        const N = [...b.slice(-(r - 1)), k], E = new Set(N.map((w) => w.id));
+      return d.current.set(k.id, N), c((b) => {
+        const R = [...b.slice(-(r - 1)), k], E = new Set(R.map((w) => w.id));
         return b.forEach((w) => {
           if (!E.has(w.id)) {
             const B = d.current.get(w.id);
             B && (clearTimeout(B), d.current.delete(w.id));
           }
-        }), N;
+        }), R;
       }), k.id;
     },
     [u, t, r]
@@ -12870,9 +12872,9 @@ const Fw = "_track_2k5w9_1", zw = "_name_2k5w9_11", Ww = "_line_2k5w9_22", Hw =
     isAutoMuted: f,
     isSolo: k,
     isOpen: y,
-    instrumentSelected: R,
+    instrumentSelected: N,
     device: b,
-    channel: N,
+    channel: R,
     // State change listeners
     onVolumeChange: E,
     onVolumeReset: w,
@@ -12956,7 +12958,7 @@ const Fw = "_track_2k5w9_1", zw = "_name_2k5w9_11", Ww = "_line_2k5w9_22", Hw =
                                           xe.instrumentIconButton,
                                           xe.menuOptionsTrigger
                                         ),
-                                        children: R.icon
+                                        children: N.icon
                                       }
                                     ),
                                     options: c,
@@ -12993,7 +12995,7 @@ const Fw = "_track_2k5w9_1", zw = "_name_2k5w9_11", Ww = "_line_2k5w9_22", Hw =
                                     device: b,
                                     onDeviceChange: z,
                                     channelOptions: u,
-                                    channel: N,
+                                    channel: R,
                                     onChannelChange: O,
                                     inputLevel: p,
                                     children: /* @__PURE__ */ a(
@@ -13106,15 +13108,15 @@ function pR({ schema: n }) {
       r((b) => ({ ...b, [f]: k })), o((b) => ({ ...b, [f]: null }));
       return;
     }
-    const y = f, R = Object.fromEntries(
+    const y = f, N = Object.fromEntries(
       Object.entries(y).map(([b]) => ({ [b]: null }))
     );
-    r((b) => ({ ...b, ...y })), o((b) => ({ ...b, ...R }));
+    r((b) => ({ ...b, ...y })), o((b) => ({ ...b, ...N }));
   }, []), u = (f, k) => {
-    const y = t[f], R = (b) => d(f, b);
-    return k === "checkbox" || k === "switch" ? { checked: !!y, onCheckedChange: R } : { value: y ?? "", onChange: (b) => {
-      var N;
-      return R(((N = b == null ? void 0 : b.target) == null ? void 0 : N.value) ?? b);
+    const y = t[f], N = (b) => d(f, b);
+    return k === "checkbox" || k === "switch" ? { checked: !!y, onCheckedChange: N } : { value: y ?? "", onChange: (b) => {
+      var R;
+      return N(((R = b == null ? void 0 : b.target) == null ? void 0 : R.value) ?? b);
     } };
   }, p = () => {
     const f = n.safeParse(t);
@@ -13122,8 +13124,8 @@ function pR({ schema: n }) {
       return o({}), { isValid: !0, data: f.data };
     const k = {};
     for (const y of f.error.issues) {
-      const R = y.path.join(".");
-      k[R] || (k[R] = y.message);
+      const N = y.path.join(".");
+      k[N] || (k[N] = y.message);
     }
     return o(k), { isValid: !1, data: t };
   }, h = J((f) => (l.current.push(f), () => {
@@ -13285,13 +13287,13 @@ function ac({
   classNamesButton: C,
   onPlayStateChange: m
 }) {
-  const [f, k] = j(!1), [y, R] = j(!1), [b, N] = j(!1), [E, w] = j(!1);
+  const [f, k] = j(!1), [y, N] = j(!1), [b, R] = j(!1), [E, w] = j(!1);
   ie(() => {
     typeof navigator < "u" && w(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
   }, []);
   const B = oe(() => s, [s]), x = oe(() => o ? !1 : !B || B && f, [B, f, o]), U = X(null), T = X(null);
   ie(() => {
-    b || (!p || i) && N(!0);
+    b || (!p || i) && R(!0);
   }, [p, i, b]);
   const Q = J(() => {
     var W;
@@ -13305,7 +13307,7 @@ function ac({
     T.current && n && ((W = T.current) == null || W.load(n));
   }, [n]);
   const z = J((W) => {
-    T.current = W, R(!0), k(!1);
+    T.current = W, N(!0), k(!1);
   }, []), O = J(
     (W) => {
       if (k(!0), r == null || r(!0), m == null || m(!0), d) {
@@ -13768,7 +13770,7 @@ const UN = "_footerVoiceForm_lsc2c_2", ON = {
   onClickUpgradeConcurrency: m,
   onRemoveTrack: f
 }) => {
-  const [k, y] = j(null), [R, b] = j(null), { submitted: N, handleSubmit: E } = Ma(p), [w, B] = j({
+  const [k, y] = j(null), [N, b] = j(null), { submitted: R, handleSubmit: E } = Ma(p), [w, B] = j({
     lastPlayed: null,
     active: null,
     isPlaying: !1,
@@ -13785,9 +13787,9 @@ const UN = "_footerVoiceForm_lsc2c_2", ON = {
     [n, r]
   ), U = J(
     (P) => {
-      R !== P && b(P);
+      N !== P && b(P);
     },
-    [R, b]
+    [N, b]
   ), T = J(
     (P) => {
       b(null), w.active && w.active.pause(), B((V) => ({
@@ -13836,7 +13838,7 @@ const UN = "_footerVoiceForm_lsc2c_2", ON = {
         voices: n,
         selectedId: k,
         handleSelect: x,
-        playingItem: R,
+        playingItem: N,
         handleAvatarClick: U,
         handleDetailsClick: T,
         wavegroup: Q,
@@ -13886,7 +13888,7 @@ const UN = "_footerVoiceForm_lsc2c_2", ON = {
                   onMountConcurrency: g
                 }
               ),
-              !d && !N && !u && !i && /* @__PURE__ */ a(
+              !d && !R && !u && !i && /* @__PURE__ */ a(
                 MN,
                 {
                   trackId: t.trackId,
@@ -13896,7 +13898,7 @@ const UN = "_footerVoiceForm_lsc2c_2", ON = {
                   onRemoveTrack: f
                 }
               ),
-              !d && N && !u && !i && /* @__PURE__ */ a(_e, { showIcon: !1, showBackground: !1, children: /* @__PURE__ */ a(H, { size: "2", children: l._("Voice conversion initialized!") }) }),
+              !d && R && !u && !i && /* @__PURE__ */ a(_e, { showIcon: !1, showBackground: !1, children: /* @__PURE__ */ a(H, { size: "2", children: l._("Voice conversion initialized!") }) }),
               !d && u && !i && /* @__PURE__ */ a(
                 _e,
                 {