@moises.ai/design-system 3.12.2 → 3.12.3

package/dist/index.js

@@ -31,7 +31,7 @@ var $d = [" ", "Enter", "ArrowUp", "ArrowDown"], eu = [" ", "Enter"], jt = "Sele
     disabled: g,
     required: v,
     form: C
-  } = n, m = kr(t), [y, k] = h.useState(null), [w, E] = h.useState(null), [R, S] = h.useState(!1), N = ja(u), [B, D] = lr({
+  } = n, m = kr(t), [y, k] = h.useState(null), [S, E] = h.useState(null), [R, w] = h.useState(!1), N = ja(u), [B, D] = lr({
     prop: s,
     defaultProp: o ?? !1,
     onChange: i,
@@ -49,10 +49,10 @@ var $d = [" ", "Enter", "ArrowUp", "ArrowDown"], eu = [" ", "Enter"], jt = "Sele
       scope: t,
       trigger: y,
       onTriggerChange: k,
-      valueNode: w,
+      valueNode: S,
       onValueNodeChange: E,
       valueNodeHasChildren: R,
-      onValueNodeHasChildrenChange: S,
+      onValueNodeHasChildrenChange: w,
       contentId: Ss(),
       value: O,
       onValueChange: T,
@@ -105,8 +105,8 @@ vo.displayName = jt;
 var ko = "SelectTrigger", yo = h.forwardRef(
   (n, t) => {
     const { __scopeSelect: r, disabled: s = !1, ...o } = n, i = kr(r), l = Nt(ko, r), c = l.disabled || s, d = De(t, l.onTriggerChange), u = vr(r), p = h.useRef("touch"), [A, g, v] = Lo((m) => {
-      const y = u().filter((E) => !E.disabled), k = y.find((E) => E.value === l.value), w = Vo(y, m, k);
-      w !== void 0 && l.onValueChange(w.value);
+      const y = u().filter((E) => !E.disabled), k = y.find((E) => E.value === l.value), S = Vo(y, m, k);
+      S !== void 0 && l.onValueChange(S.value);
     }), C = (m) => {
       c || (l.onOpenChange(!0), v()), m && (l.triggerPointerDownPosRef.current = {
         x: Math.round(m.pageX),
@@ -210,7 +210,7 @@ var Xe = 10, [Ro, Bt] = dn(Gt), iu = "SelectContentImpl", lu = Xl("SelectContent
       avoidCollisions: y,
       //
       ...k
-    } = n, w = Nt(Gt, r), [E, R] = h.useState(null), [S, N] = h.useState(null), B = De(t, (L) => R(L)), [D, O] = h.useState(null), [T, J] = h.useState(
+    } = n, S = Nt(Gt, r), [E, R] = h.useState(null), [w, N] = h.useState(null), B = De(t, (L) => R(L)), [D, O] = h.useState(null), [T, J] = h.useState(
       null
     ), Q = vr(r), [F, M] = h.useState(!1), P = h.useRef(!1);
     h.useEffect(() => {
@@ -220,9 +220,9 @@ var Xe = 10, [Ro, Bt] = dn(Gt), iu = "SelectContentImpl", lu = Xl("SelectContent
       (L) => {
         const [ce, ...Se] = Q().map((ie) => ie.ref.current), [de] = Se.slice(-1), oe = document.activeElement;
         for (const ie of L)
-          if (ie === oe || (ie == null || ie.scrollIntoView({ block: "nearest" }), ie === ce && S && (S.scrollTop = 0), ie === de && S && (S.scrollTop = S.scrollHeight), ie == null || ie.focus(), document.activeElement !== oe)) return;
+          if (ie === oe || (ie == null || ie.scrollIntoView({ block: "nearest" }), ie === ce && w && (w.scrollTop = 0), ie === de && w && (w.scrollTop = w.scrollHeight), ie == null || ie.focus(), document.activeElement !== oe)) return;
       },
-      [Q, S]
+      [Q, w]
     ), H = h.useCallback(
       () => U([D, E]),
       [U, D, E]
@@ -230,7 +230,7 @@ var Xe = 10, [Ro, Bt] = dn(Gt), iu = "SelectContentImpl", lu = Xl("SelectContent
     h.useEffect(() => {
       F && H();
     }, [F, H]);
-    const { onOpenChange: V, triggerPointerDownPosRef: W } = w;
+    const { onOpenChange: V, triggerPointerDownPosRef: W } = S;
     h.useEffect(() => {
       if (E) {
         let L = { x: 0, y: 0 };
@@ -259,15 +259,15 @@ var Xe = 10, [Ro, Bt] = dn(Gt), iu = "SelectContentImpl", lu = Xl("SelectContent
     }), me = h.useCallback(
       (L, ce, Se) => {
         const de = !P.current && !Se;
-        (w.value !== void 0 && w.value === ce || de) && (O(L), de && (P.current = !0));
+        (S.value !== void 0 && S.value === ce || de) && (O(L), de && (P.current = !0));
       },
-      [w.value]
+      [S.value]
     ), Te = h.useCallback(() => E == null ? void 0 : E.focus(), [E]), ne = h.useCallback(
       (L, ce, Se) => {
         const de = !P.current && !Se;
-        (w.value !== void 0 && w.value === ce || de) && J(L);
+        (S.value !== void 0 && S.value === ce || de) && J(L);
       },
-      [w.value]
+      [S.value]
     ), $ = s === "popper" ? os : Bo, K = $ === os ? {
       side: c,
       sideOffset: d,
@@ -285,7 +285,7 @@ var Xe = 10, [Ro, Bt] = dn(Gt), iu = "SelectContentImpl", lu = Xl("SelectContent
       {
         scope: r,
         content: E,
-        viewport: S,
+        viewport: w,
         onViewportChange: N,
         itemRefCallback: me,
         selectedItem: D,
@@ -300,13 +300,13 @@ var Xe = 10, [Ro, Bt] = dn(Gt), iu = "SelectContentImpl", lu = Xl("SelectContent
           ql,
           {
             asChild: !0,
-            trapped: w.open,
+            trapped: S.open,
             onMountAutoFocus: (L) => {
               L.preventDefault();
             },
             onUnmountAutoFocus: fe(o, (L) => {
               var ce;
-              (ce = w.trigger) == null || ce.focus({ preventScroll: !0 }), L.preventDefault();
+              (ce = S.trigger) == null || ce.focus({ preventScroll: !0 }), L.preventDefault();
             }),
             children: /* @__PURE__ */ a(
               Yl,
@@ -316,14 +316,14 @@ var Xe = 10, [Ro, Bt] = dn(Gt), iu = "SelectContentImpl", lu = Xl("SelectContent
                 onEscapeKeyDown: i,
                 onPointerDownOutside: l,
                 onFocusOutside: (L) => L.preventDefault(),
-                onDismiss: () => w.onOpenChange(!1),
+                onDismiss: () => S.onOpenChange(!1),
                 children: /* @__PURE__ */ a(
                   $,
                   {
                     role: "listbox",
-                    id: w.contentId,
-                    "data-state": w.open ? "open" : "closed",
-                    dir: w.dir,
+                    id: S.contentId,
+                    "data-state": S.open ? "open" : "closed",
+                    dir: S.dir,
                     onContextMenu: (L) => L.preventDefault(),
                     ...k,
                     ...K,
@@ -360,7 +360,7 @@ var Xe = 10, [Ro, Bt] = dn(Gt), iu = "SelectContentImpl", lu = Xl("SelectContent
 );
 No.displayName = iu;
 var cu = "SelectItemAlignedPosition", Bo = h.forwardRef((n, t) => {
-  const { __scopeSelect: r, onPlaced: s, ...o } = n, i = Nt(Gt, r), l = Bt(Gt, r), [c, d] = h.useState(null), [u, p] = h.useState(null), A = De(t, (B) => p(B)), g = vr(r), v = h.useRef(!1), C = h.useRef(!0), { viewport: m, selectedItem: y, selectedItemText: k, focusSelectedItem: w } = l, E = h.useCallback(() => {
+  const { __scopeSelect: r, onPlaced: s, ...o } = n, i = Nt(Gt, r), l = Bt(Gt, r), [c, d] = h.useState(null), [u, p] = h.useState(null), A = De(t, (B) => p(B)), g = vr(r), v = h.useRef(!1), C = h.useRef(!0), { viewport: m, selectedItem: y, selectedItemText: k, focusSelectedItem: S } = l, E = h.useCallback(() => {
     if (i.trigger && i.valueNode && c && u && m && y && k) {
       const B = i.trigger.getBoundingClientRect(), D = u.getBoundingClientRect(), O = i.valueNode.getBoundingClientRect(), T = k.getBoundingClientRect();
       if (i.dir !== "rtl") {
@@ -416,15 +416,15 @@ var cu = "SelectItemAlignedPosition", Bo = h.forwardRef((n, t) => {
     s
   ]);
   wt(() => E(), [E]);
-  const [R, S] = h.useState();
+  const [R, w] = h.useState();
   wt(() => {
-    u && S(window.getComputedStyle(u).zIndex);
+    u && w(window.getComputedStyle(u).zIndex);
   }, [u]);
   const N = h.useCallback(
     (B) => {
-      B && C.current === !0 && (E(), w == null || w(), C.current = !1);
+      B && C.current === !0 && (E(), S == null || S(), C.current = !1);
     },
-    [E, w]
+    [E, S]
   );
   return /* @__PURE__ */ a(
     uu,
@@ -533,7 +533,7 @@ var [uu, zs] = dn(Gt, {}), is = "SelectViewport", xo = h.forwardRef(
               if (v > 0) {
                 const C = window.innerHeight - Xe * 2, m = parseFloat(A.style.minHeight), y = parseFloat(A.style.height), k = Math.max(m, y);
                 if (k < C) {
-                  const w = k + v, E = Math.min(C, w), R = w - E;
+                  const S = k + v, E = Math.min(C, S), R = S - E;
                   A.style.height = E + "px", A.style.bottom === "0px" && (p.scrollTop = R > 0 ? R : 0, A.style.justifyContent = "flex-end");
                 }
               }
@@ -570,9 +570,9 @@ var dr = "SelectItem", [pu, Mo] = dn(dr), Uo = h.forwardRef(
       ...l
     } = n, c = Nt(dr, r), d = Bt(dr, r), u = c.value === s, [p, A] = h.useState(i ?? ""), [g, v] = h.useState(!1), C = De(
       t,
-      (w) => {
+      (S) => {
         var E;
-        return (E = d.itemRefCallback) == null ? void 0 : E.call(d, w, s, o);
+        return (E = d.itemRefCallback) == null ? void 0 : E.call(d, S, s, o);
       }
     ), m = Ss(), y = h.useRef("touch"), k = () => {
       o || (c.onValueChange(s), c.onOpenChange(!1));
@@ -589,8 +589,8 @@ var dr = "SelectItem", [pu, Mo] = dn(dr), Uo = h.forwardRef(
         disabled: o,
         textId: m,
         isSelected: u,
-        onItemTextChange: h.useCallback((w) => {
-          A((E) => E || ((w == null ? void 0 : w.textContent) ?? "").trim());
+        onItemTextChange: h.useCallback((S) => {
+          A((E) => E || ((S == null ? void 0 : S.textContent) ?? "").trim());
         }, []),
         children: /* @__PURE__ */ a(
           Cr.ItemSlot,
@@ -620,20 +620,20 @@ var dr = "SelectItem", [pu, Mo] = dn(dr), Uo = h.forwardRef(
                 onPointerUp: fe(l.onPointerUp, () => {
                   y.current === "mouse" && k();
                 }),
-                onPointerDown: fe(l.onPointerDown, (w) => {
-                  y.current = w.pointerType;
+                onPointerDown: fe(l.onPointerDown, (S) => {
+                  y.current = S.pointerType;
                 }),
-                onPointerMove: fe(l.onPointerMove, (w) => {
+                onPointerMove: fe(l.onPointerMove, (S) => {
                   var E;
-                  y.current = w.pointerType, o ? (E = d.onItemLeave) == null || E.call(d) : y.current === "mouse" && w.currentTarget.focus({ preventScroll: !0 });
+                  y.current = S.pointerType, o ? (E = d.onItemLeave) == null || E.call(d) : y.current === "mouse" && S.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: fe(l.onPointerLeave, (w) => {
+                onPointerLeave: fe(l.onPointerLeave, (S) => {
                   var E;
-                  w.currentTarget === document.activeElement && ((E = d.onItemLeave) == null || E.call(d));
+                  S.currentTarget === document.activeElement && ((E = d.onItemLeave) == null || E.call(d));
                 }),
-                onKeyDown: fe(l.onKeyDown, (w) => {
+                onKeyDown: fe(l.onKeyDown, (S) => {
                   var R;
-                  ((R = d.searchRef) == null ? void 0 : R.current) !== "" && w.key === " " || (eu.includes(w.key) && k(), w.key === " " && w.preventDefault());
+                  ((R = d.searchRef) == null ? void 0 : R.current) !== "" && S.key === " " || (eu.includes(S.key) && k(), S.key === " " && S.preventDefault());
                 })
               }
             )
@@ -651,8 +651,8 @@ var Rn = "SelectItemText", Oo = h.forwardRef(
       (k) => A(k),
       d.onItemTextChange,
       (k) => {
-        var w;
-        return (w = c.itemTextRefCallback) == null ? void 0 : w.call(c, k, d.value, d.disabled);
+        var S;
+        return (S = c.itemTextRefCallback) == null ? void 0 : S.call(c, k, d.value, d.disabled);
       }
     ), v = p == null ? void 0 : p.textContent, C = h.useMemo(
       () => /* @__PURE__ */ a("option", { value: d.value, disabled: d.disabled, children: v }, d.value),
@@ -842,7 +842,7 @@ var yu = vo, bu = yo, Iu = Io, Su = So, Eu = Eo, wu = wo, Ru = xo, Nu = Jo, Bu =
       inverted: v = !1,
       form: C,
       ...m
-    } = n, y = h.useRef(/* @__PURE__ */ new Set()), k = h.useRef(0), E = l === "horizontal" ? Ou : Fu, [R = [], S] = lr({
+    } = n, y = h.useRef(/* @__PURE__ */ new Set()), k = h.useRef(0), E = l === "horizontal" ? Ou : Fu, [R = [], w] = lr({
       prop: p,
       defaultProp: u,
       onChange: (J) => {
@@ -863,7 +863,7 @@ var yu = vo, bu = yo, Iu = Io, Su = So, Eu = Eo, wu = wo, Ru = xo, Nu = Jo, Bu =
     }
     function T(J, Q, { commit: F } = { commit: !1 }) {
       const M = Gu(i), P = qu(Math.round((J - s) / i) * i + s, M), U = cr(P, [s, o]);
-      S((H = []) => {
+      w((H = []) => {
         const V = Wu(H, U, Q);
         if (ju(V, d * i)) {
           k.current = V.indexOf(U);
@@ -935,8 +935,8 @@ var [Zo, _o] = Yo(un, {
       onStepKeyDown: u,
       ...p
     } = n, [A, g] = h.useState(null), v = De(t, (E) => g(E)), C = h.useRef(void 0), m = ja(o), y = m === "ltr", k = y && !i || !y && i;
-    function w(E) {
-      const R = C.current || A.getBoundingClientRect(), S = [0, R.width], B = Ws(S, k ? [r, s] : [s, r]);
+    function S(E) {
+      const R = C.current || A.getBoundingClientRect(), w = [0, R.width], B = Ws(w, k ? [r, s] : [s, r]);
       return C.current = R, B(E - R.left);
     }
     return /* @__PURE__ */ a(
@@ -959,19 +959,19 @@ var [Zo, _o] = Yo(un, {
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
             onSlideStart: (E) => {
-              const R = w(E.clientX);
+              const R = S(E.clientX);
               l == null || l(R);
             },
             onSlideMove: (E) => {
-              const R = w(E.clientX);
+              const R = S(E.clientX);
               c == null || c(R);
             },
             onSlideEnd: () => {
               C.current = void 0, d == null || d();
             },
             onStepKeyDown: (E) => {
-              const S = qo[k ? "from-left" : "from-right"].includes(E.key);
-              u == null || u({ event: E, direction: S ? -1 : 1 });
+              const w = qo[k ? "from-left" : "from-right"].includes(E.key);
+              u == null || u({ event: E, direction: w ? -1 : 1 });
             }
           }
         )
@@ -1113,7 +1113,7 @@ var As = "SliderThumb", ri = h.forwardRef(
   }
 ), Pu = h.forwardRef(
   (n, t) => {
-    const { __scopeSlider: r, index: s, name: o, ...i } = n, l = yr(As, r), c = _o(As, r), [d, u] = h.useState(null), p = De(t, (w) => u(w)), A = d ? l.form || !!d.closest("form") : !0, g = $l(d), v = l.values[s], C = v === void 0 ? 0 : ai(v, l.min, l.max), m = Hu(s, l.values.length), y = g == null ? void 0 : g[c.size], k = y ? Lu(y, C, c.direction) : 0;
+    const { __scopeSlider: r, index: s, name: o, ...i } = n, l = yr(As, r), c = _o(As, r), [d, u] = h.useState(null), p = De(t, (S) => u(S)), A = d ? l.form || !!d.closest("form") : !0, g = $l(d), v = l.values[s], C = v === void 0 ? 0 : ai(v, l.min, l.max), m = Hu(s, l.values.length), y = g == null ? void 0 : g[c.size], k = y ? Lu(y, C, c.direction) : 0;
     return h.useEffect(() => {
       if (d)
         return l.thumbs.add(d), () => {
@@ -1424,15 +1424,15 @@ const gi = h.forwardRef((n, t) => {
   h.useEffect(() => m(o), [o]);
   const [y, k] = h.useState(i);
   h.useEffect(() => k(i), [i]);
-  const [w, E] = h.useState(l);
+  const [S, E] = h.useState(l);
   h.useEffect(() => E(l), [l]);
-  const [R, S] = h.useState(c);
-  return h.useEffect(() => S(c), [c]), h.createElement(Ks, { ...u, ref: t, isRoot: !0, hasBackground: d, appearance: p, accentColor: g, grayColor: C, panelBackground: y, radius: w, scaling: R, onAppearanceChange: A, onAccentColorChange: v, onGrayColorChange: m, onPanelBackgroundChange: k, onRadiusChange: E, onScalingChange: S });
+  const [R, w] = h.useState(c);
+  return h.useEffect(() => w(c), [c]), h.createElement(Ks, { ...u, ref: t, isRoot: !0, hasBackground: d, appearance: p, accentColor: g, grayColor: C, panelBackground: y, radius: S, scaling: R, onAppearanceChange: A, onAccentColorChange: v, onGrayColorChange: m, onPanelBackgroundChange: k, onRadiusChange: E, onScalingChange: w });
 });
 gi.displayName = "ThemeRoot";
 const Ks = h.forwardRef((n, t) => {
-  const r = h.useContext(ur), { asChild: s, isRoot: o, hasBackground: i, appearance: l = (r == null ? void 0 : r.appearance) ?? Le.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? Le.accentColor.default, grayColor: d = (r == null ? void 0 : r.resolvedGrayColor) ?? Le.grayColor.default, panelBackground: u = (r == null ? void 0 : r.panelBackground) ?? Le.panelBackground.default, radius: p = (r == null ? void 0 : r.radius) ?? Le.radius.default, scaling: A = (r == null ? void 0 : r.scaling) ?? Le.scaling.default, onAppearanceChange: g = _t, onAccentColorChange: v = _t, onGrayColorChange: C = _t, onPanelBackgroundChange: m = _t, onRadiusChange: y = _t, onScalingChange: k = _t, ...w } = n, E = s ? Ne : "div", R = d === "auto" ? ch(c) : d, S = n.appearance === "light" || n.appearance === "dark", N = i === void 0 ? o || S : i;
-  return h.createElement(ur.Provider, { value: h.useMemo(() => ({ appearance: l, accentColor: c, grayColor: d, resolvedGrayColor: R, panelBackground: u, radius: p, scaling: A, onAppearanceChange: g, onAccentColorChange: v, onGrayColorChange: C, onPanelBackgroundChange: m, onRadiusChange: y, onScalingChange: k }), [l, c, d, R, u, p, A, g, v, C, m, y, k]) }, h.createElement(E, { "data-is-root-theme": o ? "true" : "false", "data-accent-color": c, "data-gray-color": R, "data-has-background": N ? "true" : "false", "data-panel-background": u, "data-radius": p, "data-scaling": A, ref: t, ...w, className: b("radix-themes", { light: l === "light", dark: l === "dark" }, w.className) }));
+  const r = h.useContext(ur), { asChild: s, isRoot: o, hasBackground: i, appearance: l = (r == null ? void 0 : r.appearance) ?? Le.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? Le.accentColor.default, grayColor: d = (r == null ? void 0 : r.resolvedGrayColor) ?? Le.grayColor.default, panelBackground: u = (r == null ? void 0 : r.panelBackground) ?? Le.panelBackground.default, radius: p = (r == null ? void 0 : r.radius) ?? Le.radius.default, scaling: A = (r == null ? void 0 : r.scaling) ?? Le.scaling.default, onAppearanceChange: g = _t, onAccentColorChange: v = _t, onGrayColorChange: C = _t, onPanelBackgroundChange: m = _t, onRadiusChange: y = _t, onScalingChange: k = _t, ...S } = n, E = s ? Ne : "div", R = d === "auto" ? ch(c) : d, w = n.appearance === "light" || n.appearance === "dark", N = i === void 0 ? o || w : i;
+  return h.createElement(ur.Provider, { value: h.useMemo(() => ({ appearance: l, accentColor: c, grayColor: d, resolvedGrayColor: R, panelBackground: u, radius: p, scaling: A, onAppearanceChange: g, onAccentColorChange: v, onGrayColorChange: C, onPanelBackgroundChange: m, onRadiusChange: y, onScalingChange: k }), [l, c, d, R, u, p, A, g, v, C, m, y, k]) }, h.createElement(E, { "data-is-root-theme": o ? "true" : "false", "data-accent-color": c, "data-gray-color": R, "data-has-background": N ? "true" : "false", "data-panel-background": u, "data-radius": p, "data-scaling": A, ref: t, ...S, className: b("radix-themes", { light: l === "light", dark: l === "dark" }, S.className) }));
 });
 Ks.displayName = "ThemeImpl";
 const Tt = (n) => {
@@ -2359,8 +2359,8 @@ const im = "_menuContent_rvu92_1", lm = "_menuSubContent_rvu92_2", cm = "_slideD
   red: Mm,
   cyan: Um
 }, ia = (n) => {
-  const t = (r, s = "2", o, i = !0, l) => {
-    var c;
+  const t = (r, s = "2", o, i = !0, l, c = !0) => {
+    var d;
     switch (r.type) {
       case "custom":
         return /* @__PURE__ */ a(
@@ -2371,8 +2371,8 @@ const im = "_menuContent_rvu92_1", lm = "_menuSubContent_rvu92_2", cm = "_slideD
               Z.menuCustomRender,
               Z[`menuItem-size-${s}`]
             ),
-            onSelect: (d) => {
-              i || d.preventDefault();
+            onSelect: (u) => {
+              i || u.preventDefault();
             },
             disabled: r.disabled,
             asChild: !0,
@@ -2420,8 +2420,15 @@ const im = "_menuContent_rvu92_1", lm = "_menuSubContent_rvu92_2", cm = "_slideD
               ]
             }
           ),
-          /* @__PURE__ */ a(n.SubContent, { className: Z.menuSubContent, children: (c = r == null ? void 0 : r.children) == null ? void 0 : c.map(
-            (d) => t(d, s, o, i, l)
+          /* @__PURE__ */ a(n.SubContent, { className: Z.menuSubContent, children: (d = r == null ? void 0 : r.children) == null ? void 0 : d.map(
+            (u) => t(
+              u,
+              s,
+              o,
+              i,
+              l,
+              c
+            )
           ) })
         ] }, r.key);
       case "item":
@@ -2436,9 +2443,9 @@ const im = "_menuContent_rvu92_1", lm = "_menuSubContent_rvu92_2", cm = "_slideD
                 [Z.cyan]: r.color === "cyan" && !r.disabled
               }
             ),
-            onSelect: (d) => {
-              var u;
-              i || d.preventDefault(), (u = r.onClick) == null || u.call(r), o == null || o(r);
+            onSelect: (u) => {
+              var p;
+              i || u.preventDefault(), (p = r.onClick) == null || p.call(r), o == null || o(r);
             },
             disabled: r.disabled,
             children: [
@@ -2461,18 +2468,18 @@ const im = "_menuContent_rvu92_1", lm = "_menuSubContent_rvu92_2", cm = "_slideD
           n.CheckboxItem,
           {
             checked: r.checked,
-            onCheckedChange: (d) => {
-              var u;
-              (u = r.onChange) == null || u.call(r, d), o == null || o({ ...r, checked: d });
+            onCheckedChange: (u) => {
+              var p;
+              (p = r.onChange) == null || p.call(r, u), o == null || o({ ...r, checked: u });
             },
-            onSelect: (d) => {
-              i || d.preventDefault();
+            onSelect: (u) => {
+              i || u.preventDefault();
             },
             className: b(
               Z.menuItem,
               Z.menuCheckboxItem,
               {
-                [Z.menuItemSelected]: r.checked,
+                [Z.menuItemSelected]: r.checked && c,
                 [Z[`menuItem-size-${s}`]]: s,
                 [Z.red]: r.color === "red" && !r.disabled,
                 [Z.cyan]: r.color === "cyan" && !r.disabled
@@ -2888,17 +2895,17 @@ const ff = "_DataTable_kyf7f_1", Cf = "_titleText_kyf7f_23", vf = "_artistText_k
     if (u.length > 1) {
       const p = new Set(u), A = u.map((k) => n[k]).filter(Boolean), g = u.filter(
         (k) => k < i
-      ).length, v = i - g, m = [...n.filter((k, w) => !p.has(w))];
+      ).length, v = i - g, m = [...n.filter((k, S) => !p.has(S))];
       return m.splice(v, 0, ...A), m.some(
-        (k, w) => {
+        (k, S) => {
           var E;
-          return (k == null ? void 0 : k.id) !== ((E = n[w]) == null ? void 0 : E.id);
+          return (k == null ? void 0 : k.id) !== ((E = n[S]) == null ? void 0 : E.id);
         }
       ) ? {
         order: r,
         move_before: i,
         orders: u,
-        rowIds: A.map((k, w) => Lt(k, w)).filter(Boolean),
+        rowIds: A.map((k, S) => Lt(k, S)).filter(Boolean),
         mode: "multi"
       } : null;
     }
@@ -3008,7 +3015,7 @@ const ff = "_DataTable_kyf7f_1", Cf = "_titleText_kyf7f_23", vf = "_artistText_k
       u(D), A(D), v(Q), i == null || i(Q, B.activatorEvent);
     },
     [i, m, r, t]
-  ), w = x((B) => {
+  ), S = x((B) => {
     var D;
     A((D = B.over) != null && D.id ? String(B.over.id) : null);
   }, []), E = x(
@@ -3053,27 +3060,27 @@ const ff = "_DataTable_kyf7f_1", Cf = "_titleText_kyf7f_23", vf = "_artistText_k
       m,
       t
     ]
-  ), S = ee(
+  ), w = ee(
     () => ({
       sensors: C,
       collisionDetection: Kd,
       onDragStart: k,
-      onDragOver: w,
+      onDragOver: S,
       onDragCancel: E,
       onDragEnd: R
     }),
-    [E, R, w, k, C]
+    [E, R, S, k, C]
   ), N = ee(
     () => ({
       onDragStart: k,
-      onDragOver: w,
+      onDragOver: S,
       onDragCancel: E,
       onDragEnd: R
     }),
-    [k, w, E, R]
+    [k, S, E, R]
   );
   return {
-    dndContextProps: S,
+    dndContextProps: w,
     activeDragRowId: d,
     overDragRowId: p,
     activeDragContext: g,
@@ -3124,22 +3131,22 @@ const ff = "_DataTable_kyf7f_1", Cf = "_titleText_kyf7f_23", vf = "_artistText_k
             )
           }
         ),
-        n.map((k, w) => /* @__PURE__ */ a(
+        n.map((k, S) => /* @__PURE__ */ a(
           Tn,
           {
             className: b(q.columnHeaderCell, {
-              [q.columnProject]: w === 0,
-              [q.dataColumn]: w !== 0,
+              [q.columnProject]: S === 0,
+              [q.dataColumn]: S !== 0,
               [q.mobileVisibleDataColumn]: k.id === s,
               [q.sortedColumn]: Gn(t) === Gn(k.id)
             }),
             children: /* @__PURE__ */ f(I, { align: "center", gap: "3", height: "24px", children: [
-              w === 0 && o ? /* @__PURE__ */ a(G, { size: "2", weight: "regular", className: q.headerTextFirst, children: l }) : k.sortable ? /* @__PURE__ */ f(
+              S === 0 && o ? /* @__PURE__ */ a(G, { size: "2", weight: "regular", className: q.headerTextFirst, children: l }) : k.sortable ? /* @__PURE__ */ f(
                 "button",
                 {
                   type: "button",
                   className: b(q.sortButton, {
-                    [q.sortButtonFirst]: w === 0
+                    [q.sortButtonFirst]: S === 0
                   }),
                   onClick: () => m(k.id),
                   children: [
@@ -3148,7 +3155,7 @@ const ff = "_DataTable_kyf7f_1", Cf = "_titleText_kyf7f_23", vf = "_artistText_k
                   ]
                 }
               ) : /* @__PURE__ */ a(G, { size: "2", className: q.headerText, children: k.label }),
-              w === 0 && g && /* @__PURE__ */ a(I, { gap: "2", className: q.headerActions, children: g({
+              S === 0 && g && /* @__PURE__ */ a(I, { gap: "2", className: q.headerActions, children: g({
                 selectedCount: c,
                 total: d,
                 anySelected: o,
@@ -3203,11 +3210,11 @@ const mC = we.memo(function({
   renderDataCell: m,
   rowDraggable: y,
   reorderable: k,
-  isDragOver: w,
+  isDragOver: S,
   dndScopeId: E
 }) {
   var $;
-  const R = te(!1), S = te(!1), N = te(!1), B = te(!1), { listeners: D, setNodeRef: O, transform: T, transition: J, isDragging: Q } = qd({
+  const R = te(!1), w = te(!1), N = te(!1), B = te(!1), { listeners: D, setNodeRef: O, transform: T, transition: J, isDragging: Q } = qd({
     id: r,
     disabled: !ba({ row: t, rowDraggable: y, reorderable: k }),
     data: {
@@ -3221,13 +3228,13 @@ const mC = we.memo(function({
     ...T ? { transform: Zd.Transform.toString(T) } : {},
     ...J ? { transition: J } : {}
   }, M = i ? { ...F, "--row-bg": "var(--aqua-alpha-2)" } : F, P = (K) => {
-    if (S.current) {
-      S.current = !1;
+    if (w.current) {
+      w.current = !1;
       return;
     }
     K.shiftKey ? (K.preventDefault(), v == null || v(t, s)) : A == null || A(t);
   }, U = (K) => {
-    K.pointerType === "touch" && (S.current = !0, K.shiftKey ? v == null || v(t, s) : A == null || A(t));
+    K.pointerType === "touch" && (w.current = !0, K.shiftKey ? v == null || v(t, s) : A == null || A(t));
   }, H = (K) => {
     K.stopPropagation(), K.shiftKey && (K.preventDefault(), R.current = !0, v == null || v(t, s), setTimeout(() => {
       R.current = !1;
@@ -3274,7 +3281,7 @@ const mC = we.memo(function({
         [q.rowSelected]: i,
         [q.showDropdownOnSelect]: me,
         [q.rowDragging]: Q,
-        [q.rowDragOver]: ne && w,
+        [q.rowDragOver]: ne && S,
         [q.rowReorderable]: ne
       }),
       style: M,
@@ -3394,7 +3401,7 @@ const mC = we.memo(function({
   overDragRowId: m,
   dndScopeId: y
 }) => {
-  const k = t.length + 1 + (d ? 1 : 0), w = x((R) => /* @__PURE__ */ f(I, { align: "center", gap: "3", children: [
+  const k = t.length + 1 + (d ? 1 : 0), S = x((R) => /* @__PURE__ */ f(I, { align: "center", gap: "3", children: [
     /* @__PURE__ */ a(
       Ur,
       {
@@ -3409,9 +3416,9 @@ const mC = we.memo(function({
       /* @__PURE__ */ a(G, { size: "2", className: q.titleText, children: R.title }),
       /* @__PURE__ */ a(G, { size: "1", className: q.artistText, children: R.artist })
     ] })
-  ] }), []), E = x((R, S, N) => {
+  ] }), []), E = x((R, w, N) => {
     var T;
-    const B = (R == null ? void 0 : R[S.id]) ?? (R == null ? void 0 : R[`${S.id}Formatted`]), D = ((T = S.render) == null ? void 0 : T.call(S, { row: R, value: B, column: S, index: N })) ?? B;
+    const B = (R == null ? void 0 : R[w.id]) ?? (R == null ? void 0 : R[`${w.id}Formatted`]), D = ((T = w.render) == null ? void 0 : T.call(w, { row: R, value: B, column: w, index: N })) ?? B;
     return typeof D == "string" || typeof D == "number" || D == null ? /* @__PURE__ */ a(G, { size: "2", className: q.cellText, children: D }) : D;
   }, []);
   return /* @__PURE__ */ a(oa, { children: /* @__PURE__ */ f(Yd, { items: r, strategy: Xd, children: [
@@ -3423,14 +3430,14 @@ const mC = we.memo(function({
         colSpan: k
       }
     ),
-    n.map((R, S) => /* @__PURE__ */ a(
+    n.map((R, w) => /* @__PURE__ */ a(
       mC,
       {
         rowId: R.id,
         row: R,
-        rowIndex: S,
+        rowIndex: w,
         columns: t,
-        isSelected: s(R, S),
+        isSelected: s(R, w),
         anyRowSelected: o,
         selectedCount: i,
         sortedKey: l,
@@ -3439,7 +3446,7 @@ const mC = we.memo(function({
         onRowClick: u,
         onSelectRow: p,
         onShiftClickRow: A,
-        renderProjectCell: w,
+        renderProjectCell: S,
         renderDataCell: E,
         rowDraggable: g,
         reorderable: v,
@@ -3476,10 +3483,10 @@ const mC = we.memo(function({
   rowDraggable: m,
   onRowDragStart: y,
   onRowDragMove: k,
-  onRowDragEnd: w,
+  onRowDragEnd: S,
   getDragPreviewLabel: E,
   getDragPreviewCountLabel: R,
-  renderDragPreview: S,
+  renderDragPreview: w,
   renderDndContext: N = !0,
   dndScopeId: B,
   ...D
@@ -3545,7 +3552,7 @@ const mC = we.memo(function({
     reorderable: v,
     onReorder: C,
     onRowDragStart: y,
-    onRowDragEnd: w,
+    onRowDragEnd: S,
     dndScopeId: B
   }), ie = te(oe);
   ie.current = oe;
@@ -3607,7 +3614,7 @@ const mC = we.memo(function({
     cC,
     {
       model: Se,
-      renderDragPreview: S,
+      renderDragPreview: w,
       getDragPreviewLabel: E,
       getDragPreviewCountLabel: R
     }
@@ -3750,13 +3757,14 @@ const Sa = ia(Vc), ln = Ze(
     closeOnSelect: d = !0,
     sideOffset: u = 5,
     matchTriggerWidth: p = !1,
-    wrapCloseMenu: A,
-    ...g
+    showSelectedItemBackground: A = !0,
+    wrapCloseMenu: g,
+    ...v
   }) => {
-    const v = g.open !== void 0, [C, m] = j(!1), y = v ? g.open : C, k = x((S) => {
-      var N;
-      v || m(S), (N = g == null ? void 0 : g.onOpenChange) == null || N.call(g, S);
-    }, [v, g == null ? void 0 : g.onOpenChange]), w = x(() => k(!1), [k]), E = A ? A(w) : w, R = {
+    const C = v.open !== void 0, [m, y] = j(!1), k = C ? v.open : m, S = x((N) => {
+      var B;
+      C || y(N), (B = v == null ? void 0 : v.onOpenChange) == null || B.call(v, N);
+    }, [C, v == null ? void 0 : v.onOpenChange]), E = x(() => S(!1), [S]), R = g ? g(E) : E, w = {
       ...p && {
         width: "var(--radix-dropdown-menu-trigger-width)",
         boxSizing: "border-box"
@@ -3766,9 +3774,9 @@ const Sa = ia(Vc), ln = Ze(
     return /* @__PURE__ */ a(Ie, { children: (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ f(
       Kc,
       {
-        ...g,
-        open: l ? !1 : y,
-        onOpenChange: l ? void 0 : k,
+        ...v,
+        open: l ? !1 : k,
+        onOpenChange: l ? void 0 : S,
         children: [
           /* @__PURE__ */ a(
             Lc,
@@ -3786,27 +3794,28 @@ const Sa = ia(Vc), ln = Ze(
             {
               className: b(Z.menuContent, r),
               size: o,
-              side: g.side,
-              align: g.align,
-              style: R,
+              side: v.side,
+              align: v.align,
+              style: w,
               sideOffset: u,
               alignOffset: 0,
-              onCloseAutoFocus: (S) => {
-                S.preventDefault();
+              onCloseAutoFocus: (N) => {
+                N.preventDefault();
               },
-              onClick: (S) => S.stopPropagation(),
+              onClick: (N) => N.stopPropagation(),
               children: /* @__PURE__ */ a(
                 Zt,
                 {
                   scrollbars: "vertical",
                   style: { height: c },
                   children: t == null ? void 0 : t.map(
-                    (S) => Sa(
-                      S,
+                    (N) => Sa(
+                      N,
                       o,
                       i,
                       d,
-                      E
+                      R,
+                      A
                     )
                   )
                 }
@@ -3817,22 +3826,23 @@ const Sa = ia(Vc), ln = Ze(
             {
               className: b(Z.menuContent, r),
               size: o,
-              side: g.side,
-              align: g.align,
-              style: R,
+              side: v.side,
+              align: v.align,
+              style: w,
               sideOffset: u,
               alignOffset: 0,
-              onCloseAutoFocus: (S) => {
-                S.preventDefault();
+              onCloseAutoFocus: (N) => {
+                N.preventDefault();
               },
-              onClick: (S) => S.stopPropagation(),
+              onClick: (N) => N.stopPropagation(),
               children: t == null ? void 0 : t.map(
-                (S) => Sa(
-                  S,
+                (N) => Sa(
+                  N,
                   o,
                   i,
                   d,
-                  E
+                  R,
+                  A
                 )
               )
             }
@@ -4059,12 +4069,12 @@ function jC({ initialScreen: n, animated: t, children: r }) {
   ), y = x(
     (J) => g(() => [{ name: J || n, params: {} }]),
     [g, n]
-  ), k = s.length > 1, w = ee(
+  ), k = s.length > 1, S = ee(
     () => ({ push: v, pop: C, popTo: m, reset: y, canGoBack: k, stack: s }),
     [v, C, m, y, k, s]
   ), E = s[s.length - 1], R = A[E.name];
   if (!R) return null;
-  const S = ee(
+  const w = ee(
     () => s.map((J, Q) => {
       var F;
       return (F = A[J.name]) != null && F.keepMounted ? { entry: J, stackIndex: Q } : null;
@@ -4079,7 +4089,7 @@ function jC({ initialScreen: n, animated: t, children: r }) {
     () => ({ name: E.name, params: E.params || {}, setOptions: O }),
     [E.name, E.params, O]
   );
-  return /* @__PURE__ */ a(ml.Provider, { value: w, children: /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
+  return /* @__PURE__ */ a(ml.Provider, { value: S, children: /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
     /* @__PURE__ */ a(
       fl,
       {
@@ -4104,7 +4114,7 @@ function jC({ initialScreen: n, animated: t, children: r }) {
           overflow: "hidden"
         },
         children: [
-          S.map(({ entry: J, stackIndex: Q }) => {
+          w.map(({ entry: J, stackIndex: Q }) => {
             const F = A[J.name];
             if (!(F != null && F.component)) return null;
             const M = F.component, P = J.name === E.name, U = P ? T : { name: J.name, params: J.params || {}, setOptions: () => {
@@ -4556,8 +4566,8 @@ const cw = Mr, kv = "_sliderRoot_19e7a_23", yv = "_sliderTrack_19e7a_31", bv = "
 }, Rv = ({ onChangeValue: n, volume: t, disabled: r }) => {
   const [s, o] = j(!1), i = te(), l = te(0), c = x((R) => {
     if (R < 1e-3) return -1 / 0;
-    const S = 20 * Math.log10(R);
-    return S < -60 ? -60 : S;
+    const w = 20 * Math.log10(R);
+    return w < -60 ? -60 : w;
   }, []), d = x((R) => R === -1 / 0 || R <= -60 ? 0 : Math.pow(10, R / 20), []), u = ee(() => {
     const R = c(t);
     return R === -1 / 0 ? -60 : Math.max(-60, Math.min(6, R));
@@ -4583,7 +4593,7 @@ const cw = Mr, kv = "_sliderRoot_19e7a_23", yv = "_sliderTrack_19e7a_31", bv = "
     g();
   }, [g]), k = x(() => {
     n([1]), A();
-  }, [n, A]), w = x(() => {
+  }, [n, A]), S = x(() => {
     const R = Date.now();
     R - l.current < 300 && k(), l.current = R;
   }, [k]), E = ee(
@@ -4615,7 +4625,7 @@ const cw = Mr, kv = "_sliderRoot_19e7a_23", yv = "_sliderTrack_19e7a_31", bv = "
               onPointerDown: m,
               onKeyDown: v,
               onBlur: y,
-              onClick: w
+              onClick: S
             }
           ) }),
           /* @__PURE__ */ a(
@@ -4703,7 +4713,7 @@ const ca = Ze(function({
   hover: l = !1,
   resetPeakHold: c
 }) {
-  const [d, u] = t, p = vs(Ra(d ?? 0)), A = vs(Ra(u ?? 0)), [g, v] = j(!1), C = te(!1), m = te(null), y = te(0), k = te(null), [w, E] = j(0), [R, S] = j(!1), [N, B] = j(!1), [D, O] = j(!1);
+  const [d, u] = t, p = vs(Ra(d ?? 0)), A = vs(Ra(u ?? 0)), [g, v] = j(!1), C = te(!1), m = te(null), y = te(0), k = te(null), [S, E] = j(0), [R, w] = j(!1), [N, B] = j(!1), [D, O] = j(!1);
   le(() => {
     y.current = 0, E(0);
   }, [c]), le(() => () => clearTimeout(k.current), []);
@@ -4712,15 +4722,15 @@ const ca = Ze(function({
     Math.min(100, Na(r) * 100)
   ), J = ks(p), Q = ks(A), F = Math.max(J, Q);
   le(() => {
-    F > y.current && (y.current = F, E(F), S(!0), clearTimeout(k.current), k.current = setTimeout(() => {
-      S(!1), requestAnimationFrame(() => {
+    F > y.current && (y.current = F, E(F), w(!0), clearTimeout(k.current), k.current = setTimeout(() => {
+      w(!1), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           y.current = 0, E(0);
         });
       });
     }, 400)), F <= 0 && (y.current = 0, E(0));
   }, [F]);
-  const M = Kv(w), P = w > 0, U = x(
+  const M = Kv(S), P = S > 0, U = x(
     (ne) => {
       var K;
       if (!s) return;
@@ -4833,7 +4843,7 @@ const ca = Ze(function({
             {
               className: `${Je.peakDotTop} ${R ? Je.peakRising : ""}`,
               style: {
-                left: `min(calc(${w}% + 3px), calc(100% - 3px))`,
+                left: `min(calc(${S}% + 3px), calc(100% - 3px))`,
                 background: M,
                 opacity: P ? 1 : 0
               }
@@ -4844,7 +4854,7 @@ const ca = Ze(function({
             {
               className: `${Je.peakDotBottom} ${R ? Je.peakRising : ""}`,
               style: {
-                left: `min(calc(${w}% + 3px), calc(100% - 3px))`,
+                left: `min(calc(${S}% + 3px), calc(100% - 3px))`,
                 background: M,
                 opacity: P ? 1 : 0
               }
@@ -5033,10 +5043,10 @@ const nr = 19.5, rr = 19.5, Ta = 14, Ja = 18, ek = [
       if (E.preventDefault(), E.stopPropagation(), r) return;
       const R = E.wheelDelta ?? -E.deltaY * 25;
       if (!R || Math.abs(R) <= 50) return;
-      const S = Date.now();
-      if (S - A.current < 100) return;
+      const w = Date.now();
+      if (w - A.current < 100) return;
       const N = R > 0 ? 1 : -1, B = Qa(n, s, N);
-      t(B), A.current = S;
+      t(B), A.current = w;
     },
     [t, n, s, r]
   ), v = x(
@@ -5053,7 +5063,7 @@ const nr = 19.5, rr = 19.5, Ta = 14, Ja = 18, ek = [
       if (!c || r) return;
       const R = u - E.clientY;
       if (Math.abs(R) <= 20) return;
-      const S = R > 0 ? 1 : -1, N = Qa(n, s, S);
+      const w = R > 0 ? 1 : -1, N = Qa(n, s, w);
       t(N), p(E.clientY), A.current = Date.now();
     },
     [c, u, n, t, s, r]
@@ -5066,7 +5076,7 @@ const nr = 19.5, rr = 19.5, Ta = 14, Ja = 18, ek = [
       E.detail === 2 && !r && t(o);
     },
     [t, o, r]
-  ), w = x(
+  ), S = x(
     (E) => {
       if (!i || r) return;
       const R = tk(s, E);
@@ -5078,7 +5088,7 @@ const nr = 19.5, rr = 19.5, Ta = 14, Ja = 18, ek = [
     containerRef: l,
     isDragging: c,
     handleClick: k,
-    handleDotClick: w
+    handleDotClick: S
   };
 }, ak = ({
   className: n,
@@ -5099,8 +5109,8 @@ const nr = 19.5, rr = 19.5, Ta = 14, Ja = 18, ek = [
     defaultDot: d,
     clickableDots: o
   }), v = ee(() => typeof t == "object" && t !== null ? t.position : nk(t, i), [t, i]), { pointerRotation: C, pointerColor: m } = ee(() => rk(v, s), [v, s]), y = (k) => {
-    const w = Da[k.color] || Da.neutral, E = k.position === v, R = l === k.position && o;
-    return s ? w.default : E ? w.active : R ? w.hover : w.default;
+    const S = Da[k.color] || Da.neutral, E = k.position === v, R = l === k.position && o;
+    return s ? S.default : E ? S.active : R ? S.hover : S.default;
   };
   return /* @__PURE__ */ a(
     "div",
@@ -5146,15 +5156,15 @@ const nr = 19.5, rr = 19.5, Ta = 14, Ja = 18, ek = [
               }
             ),
             i == null ? void 0 : i.map((k) => {
-              const w = bl[k.position];
-              if (!w) return null;
+              const S = bl[k.position];
+              if (!S) return null;
               const E = y(k), R = o && !s;
               return /* @__PURE__ */ f(we.Fragment, { children: [
                 R && /* @__PURE__ */ a(
                   "circle",
                   {
-                    cx: w.x,
-                    cy: w.y,
+                    cx: S.x,
+                    cy: S.y,
                     r: 4,
                     style: {
                       cursor: "pointer",
@@ -5162,16 +5172,16 @@ const nr = 19.5, rr = 19.5, Ta = 14, Ja = 18, ek = [
                     },
                     onMouseEnter: () => c(k.position),
                     onMouseLeave: () => c(null),
-                    onClick: (S) => {
-                      S.stopPropagation(), g(k.position);
+                    onClick: (w) => {
+                      w.stopPropagation(), g(k.position);
                     }
                   }
                 ),
                 /* @__PURE__ */ a(
                   "circle",
                   {
-                    cx: w.x,
-                    cy: w.y,
+                    cx: S.x,
+                    cy: S.y,
                     r: 1,
                     fill: E,
                     style: {
@@ -5185,8 +5195,8 @@ const nr = 19.5, rr = 19.5, Ta = 14, Ja = 18, ek = [
                     onMouseLeave: () => {
                       R && c(null);
                     },
-                    onClick: (S) => {
-                      R && (S.stopPropagation(), g(k.position));
+                    onClick: (w) => {
+                      R && (w.stopPropagation(), g(k.position));
                     }
                   }
                 )
@@ -5432,13 +5442,13 @@ const Wk = "_listCardsItem_rjypk_1", Hk = "_listCardsItemDescriptionWrappable_rj
   style: g,
   ...v
 }) => {
-  const C = (i == null ? void 0 : i.id) || o, m = (i == null ? void 0 : i.name) || r, y = (i == null ? void 0 : i.description) || s, k = (i == null ? void 0 : i.image) || t, w = (i == null ? void 0 : i.icon) || c, E = k && (k != null && k.startsWith("url(")) ? k == null ? void 0 : k.substring(4, (k == null ? void 0 : k.length) - 1).replace(/"/g, "") : k, R = (D) => {
+  const C = (i == null ? void 0 : i.id) || o, m = (i == null ? void 0 : i.name) || r, y = (i == null ? void 0 : i.description) || s, k = (i == null ? void 0 : i.image) || t, S = (i == null ? void 0 : i.icon) || c, E = k && (k != null && k.startsWith("url(")) ? k == null ? void 0 : k.substring(4, (k == null ? void 0 : k.length) - 1).replace(/"/g, "") : k, R = (D) => {
     D.stopPropagation(), D.preventDefault(), p == null || p();
-  }, S = {
+  }, w = {
     1: { avatar: 60, icon: 15 },
     2: { avatar: 68, icon: 15 },
     3: { avatar: 80, icon: 15 }
-  }, N = typeof A == "string" ? parseInt(A, 10) : A, B = S[N] || S[1];
+  }, N = typeof A == "string" ? parseInt(A, 10) : A, B = w[N] || w[1];
   return /* @__PURE__ */ a(
     Fn,
     {
@@ -5473,14 +5483,14 @@ const Wk = "_listCardsItem_rjypk_1", Hk = "_listCardsItemDescriptionWrappable_rj
             ),
             children: /* @__PURE__ */ a(d, { width: B.icon, height: B.icon })
           }
-        ) : w ? /* @__PURE__ */ a(
+        ) : S ? /* @__PURE__ */ a(
           "div",
           {
             className: b(
               he.listCardsAvatarIcon,
               he[`listCardsAvatarIconSize${A}`]
             ),
-            children: w
+            children: S
           }
         ) : /* @__PURE__ */ a(
           rt,
@@ -5576,8 +5586,8 @@ const Wk = "_listCardsItem_rjypk_1", Hk = "_listCardsItemDescriptionWrappable_rj
       "div",
       {
         className: he.clickableAvatar,
-        onClick: d ? (w) => {
-          w.stopPropagation(), w.preventDefault(), d(w);
+        onClick: d ? (S) => {
+          S.stopPropagation(), S.preventDefault(), d(S);
         } : void 0,
         children: u ? /* @__PURE__ */ a("div", { className: he.avatarContent, children: u }) : /* @__PURE__ */ a(rt, { src: k, className: he.listCardsAvatar })
       }
@@ -5598,8 +5608,8 @@ const Wk = "_listCardsItem_rjypk_1", Hk = "_listCardsItemDescriptionWrappable_rj
                 he.favoriteButton,
                 he.seeDetailsButton
               ),
-              onClick: (w) => {
-                w.stopPropagation(), w.preventDefault(), l(w);
+              onClick: (S) => {
+                S.stopPropagation(), S.preventDefault(), l(S);
               },
               children: i ? /* @__PURE__ */ a(ld, {}) : /* @__PURE__ */ a(cd, {})
             }
@@ -5611,8 +5621,8 @@ const Wk = "_listCardsItem_rjypk_1", Hk = "_listCardsItemDescriptionWrappable_rj
                 he.buttonGhost,
                 he.seeDetailsButton
               ),
-              onClick: (w) => {
-                w.stopPropagation(), w.preventDefault(), c(w);
+              onClick: (S) => {
+                S.stopPropagation(), S.preventDefault(), c(S);
               },
               children: p
             }
@@ -5936,7 +5946,7 @@ const Ny = "_content_19cv9_1", By = "_pan_19cv9_13", xy = "_disabled_19cv9_26",
       }));
     },
     [r]
-  ), w = x(
+  ), S = x(
     (U) => {
       U.preventDefault(), U.stopPropagation();
       const H = U.wheelDelta ?? -U.deltaY * 25;
@@ -5946,7 +5956,7 @@ const Ny = "_content_19cv9_1", By = "_pan_19cv9_13", xy = "_disabled_19cv9_26",
     },
     [t, k]
   );
-  an("wheel", w, l);
+  an("wheel", S, l);
   const E = x(
     (U) => {
       var V;
@@ -5963,7 +5973,7 @@ const Ny = "_content_19cv9_1", By = "_pan_19cv9_13", xy = "_disabled_19cv9_26",
       k(V), p.current = U.clientY;
     },
     [c, t, k]
-  ), S = x((U) => {
+  ), w = x((U) => {
     var H, V;
     (V = (H = U.currentTarget) == null ? void 0 : H.releasePointerCapture) == null || V.call(H, U.pointerId), d(!1);
   }, []), N = x(
@@ -6045,8 +6055,8 @@ const Ny = "_content_19cv9_1", By = "_pan_19cv9_13", xy = "_disabled_19cv9_26",
               ),
               onPointerDown: E,
               onPointerMove: R,
-              onPointerUp: S,
-              onPointerCancel: S,
+              onPointerUp: w,
+              onPointerCancel: w,
               onFocus: () => C(!0),
               onBlur: () => C(!1),
               onKeyDown: B,
@@ -6355,15 +6365,15 @@ const C1 = ({
     onProjectClick: g,
     openedItem: v,
     setOpenedItem: C
-  } = dt(Or), [m, y] = j(!1), k = ee(() => m ? i : i.slice(0, 6), [i, m]), w = x(() => {
+  } = dt(Or), [m, y] = j(!1), k = ee(() => m ? i : i.slice(0, 6), [i, m]), S = x(() => {
     if (c) return;
     y(!1);
-    const S = p.find((N) => N.id === n);
-    v === n ? (C(null), g == null || g(S, !1)) : (C(n), g == null || g(S, !0));
-  }, [n, v, C, g, p, c]), E = x((S) => {
-    S.preventDefault(), S.stopPropagation(), y(!m);
-  }, [m]), R = x((S) => {
-    S.stopPropagation(), A == null || A(i);
+    const w = p.find((N) => N.id === n);
+    v === n ? (C(null), g == null || g(w, !1)) : (C(n), g == null || g(w, !0));
+  }, [n, v, C, g, p, c]), E = x((w) => {
+    w.preventDefault(), w.stopPropagation(), y(!m);
+  }, [m]), R = x((w) => {
+    w.stopPropagation(), A == null || A(i);
   }, [A, i]);
   return /* @__PURE__ */ f(
     I,
@@ -6372,7 +6382,7 @@ const C1 = ({
       gap: "2",
       p: "1",
       className: `${zt.item} ${v === n ? zt.opened : ""} ${c ? zt.failed : ""}`,
-      onClick: w,
+      onClick: S,
       ...u,
       children: [
         /* @__PURE__ */ f(I, { direction: "row", gap: "3", children: [
@@ -6585,17 +6595,17 @@ const C1 = ({
   ...n
 }) => {
   var k;
-  const { onClickTrack: t } = dt(Or), { projectId: r, id: s, title: o, cover: i, transfers: l, audioUrl: c, onChangeTransfer: d } = n, u = ee(() => l && l.length > 0, [l]), [p, A] = j(u ? parseInt(((k = l == null ? void 0 : l[0]) == null ? void 0 : k.pitchShift) ?? 0) : 0), g = ee(() => u ? Math.min(...l == null ? void 0 : l.map((w) => parseInt(w.pitchShift))) : 0, [l]), v = ee(() => u ? Math.max(...l == null ? void 0 : l.map((w) => parseInt(w.pitchShift))) : 0, [l]), C = x((w) => {
+  const { onClickTrack: t } = dt(Or), { projectId: r, id: s, title: o, cover: i, transfers: l, audioUrl: c, onChangeTransfer: d } = n, u = ee(() => l && l.length > 0, [l]), [p, A] = j(u ? parseInt(((k = l == null ? void 0 : l[0]) == null ? void 0 : k.pitchShift) ?? 0) : 0), g = ee(() => u ? Math.min(...l == null ? void 0 : l.map((S) => parseInt(S.pitchShift))) : 0, [l]), v = ee(() => u ? Math.max(...l == null ? void 0 : l.map((S) => parseInt(S.pitchShift))) : 0, [l]), C = x((S) => {
     var E;
-    return u ? (E = l == null ? void 0 : l.find((R) => parseInt(R.pitchShift) === w)) == null ? void 0 : E.audioUrl : c;
-  }, [u, l, c]), m = x((w) => {
-    A(w), d == null || d(r, {
+    return u ? (E = l == null ? void 0 : l.find((R) => parseInt(R.pitchShift) === S)) == null ? void 0 : E.audioUrl : c;
+  }, [u, l, c]), m = x((S) => {
+    A(S), d == null || d(r, {
       id: s,
       title: o,
-      audioUrl: C(w)
+      audioUrl: C(S)
     });
-  }, [d, r, s, o, l]), y = x((w) => {
-    w.stopPropagation(), t == null || t({
+  }, [d, r, s, o, l]), y = x((S) => {
+    S.stopPropagation(), t == null || t({
       id: s,
       title: o,
       audioUrl: C(p)
@@ -6716,7 +6726,7 @@ const G1 = "_starButton_1a7x2_1", q1 = "_disabled_1a7x2_17", Y1 = "_readOnly_1a7
   maxLabel: p,
   ...A
 }) => {
-  const [g, v] = j(r || 0), [C, m] = j(0), y = t !== void 0 ? t : g, k = t !== void 0, w = x(
+  const [g, v] = j(r || 0), [C, m] = j(0), y = t !== void 0 ? t : g, k = t !== void 0, S = x(
     (N) => {
       if (s || o) return;
       const B = N + 1, D = B === y ? 0 : B;
@@ -6732,7 +6742,7 @@ const G1 = "_starButton_1a7x2_1", q1 = "_disabled_1a7x2_17", Y1 = "_readOnly_1a7
     [s, o, n, C, l]
   ), R = x(() => {
     s || o || (m(0), l == null || l({ value: 0 }));
-  }, [s, o, l]), S = (N) => {
+  }, [s, o, l]), w = (N) => {
     const B = C > 0 ? N < C : N < y, D = C > 0 && N < C, O = N < y;
     return /* @__PURE__ */ a(
       "button",
@@ -6745,7 +6755,7 @@ const G1 = "_starButton_1a7x2_1", q1 = "_disabled_1a7x2_17", Y1 = "_readOnly_1a7
           [Ke.disabled]: s,
           [Ke.readOnly]: o
         }),
-        onClick: () => w(N),
+        onClick: () => S(N),
         disabled: s || o,
         "aria-label": `Rate ${N + 1} out of ${n}`,
         ...A,
@@ -6777,7 +6787,7 @@ const G1 = "_starButton_1a7x2_1", q1 = "_disabled_1a7x2_17", Y1 = "_readOnly_1a7
               "aria-label": `Rating: ${y} out of ${n} stars`,
               onMouseMove: E,
               onMouseLeave: R,
-              children: Array.from({ length: n }, (N, B) => S(B))
+              children: Array.from({ length: n }, (N, B) => w(B))
             }
           ),
           (u || p) && /* @__PURE__ */ f(
@@ -6981,12 +6991,12 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
   horizontalWidth: m = "100%",
   verticalHeight: y = 200,
   scrollWheel: k = !1,
-  ...w
+  ...S
 }) => {
-  const { onWheel: E, ...R } = w, S = C === "vertical", N = (T) => (T - c) / (d - c) * 100, B = x(
+  const { onWheel: E, ...R } = S, w = C === "vertical", N = (T) => (T - c) / (d - c) * 100, B = x(
     (T) => {
       if (E == null || E(T), A || !r || T.defaultPrevented) return;
-      const J = S ? T.deltaY : Math.abs(T.deltaX) > Math.abs(T.deltaY) ? T.deltaX : T.deltaY;
+      const J = w ? T.deltaY : Math.abs(T.deltaX) > Math.abs(T.deltaY) ? T.deltaX : T.deltaY;
       if (J === 0) return;
       T.preventDefault();
       const Q = (o == null ? void 0 : o[0]) ?? c, F = J < 0 ? 1 : -1, M = Math.min(
@@ -6998,7 +7008,7 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
     [
       A,
       r,
-      S,
+      w,
       d,
       c,
       E,
@@ -7009,23 +7019,23 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
   return /* @__PURE__ */ f(
     Ce,
     {
-      width: S ? "100%" : O,
-      className: b(S && ue.boxVertical),
-      style: S ? { "--slider-vertical-height": D } : void 0,
+      width: w ? "100%" : O,
+      className: b(w && ue.boxVertical),
+      style: w ? { "--slider-vertical-height": D } : void 0,
       children: [
         t && /* @__PURE__ */ f(
           I,
           {
             mb: "2",
             width: "100%",
-            justify: S ? "center" : "between",
+            justify: w ? "center" : "between",
             align: "center",
             gap: "2",
             children: [
               /* @__PURE__ */ f(I, { align: "center", gap: "2", wrap: "wrap", justify: "center", children: [
                 /* @__PURE__ */ a(z, { size: "2", style: { color: "var(--white)" }, children: t }),
                 l && /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(Ge, { content: l }) }),
-                S && i && /* @__PURE__ */ a(
+                w && i && /* @__PURE__ */ a(
                   z,
                   {
                     size: "2",
@@ -7035,7 +7045,7 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
                   }
                 )
               ] }),
-              !S && i && /* @__PURE__ */ a(
+              !w && i && /* @__PURE__ */ a(
                 z,
                 {
                   size: "2",
@@ -7047,7 +7057,7 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
             ]
           }
         ),
-        /* @__PURE__ */ a(I, { direction: "column", align: S ? "center" : void 0, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(I, { direction: "column", align: w ? "center" : void 0, children: /* @__PURE__ */ a(
           oi,
           {
             min: c,
@@ -7058,7 +7068,7 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
             disabled: A,
             orientation: C,
             className: b(ue.sliderRoot, n, {
-              [ue.sliderRootVertical]: S
+              [ue.sliderRootVertical]: w
             }),
             onWheel: k ? B : E,
             ...R,
@@ -7066,7 +7076,7 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
               I,
               {
                 className: b(ue.sliderContainer, {
-                  [ue.sliderContainerVertical]: S
+                  [ue.sliderContainerVertical]: w
                 }),
                 children: [
                   /* @__PURE__ */ f(
@@ -7076,10 +7086,10 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
                         [ue.sliderTrackSize1]: p === "1",
                         [ue.sliderTrackSize2]: p === "2",
                         [ue.sliderTrackSize3]: p === "3",
-                        [ue.sliderTrackVertical]: S,
-                        [ue.sliderTrackVerticalSize1]: S && p === "1",
-                        [ue.sliderTrackVerticalSize2]: S && p === "2",
-                        [ue.sliderTrackVerticalSize3]: S && p === "3"
+                        [ue.sliderTrackVertical]: w,
+                        [ue.sliderTrackVerticalSize1]: w && p === "1",
+                        [ue.sliderTrackVerticalSize2]: w && p === "2",
+                        [ue.sliderTrackVerticalSize3]: w && p === "3"
                       }),
                       children: [
                         /* @__PURE__ */ a(
@@ -7111,9 +7121,9 @@ const bb = "_boxVertical_ujop8_21", Ib = "_sliderRoot_ujop8_27", Sb = "_sliderRo
                     {
                       className: b(ue.marker, {
                         [ue.markerSize3]: p === "3",
-                        [ue.markerVertical]: S
+                        [ue.markerVertical]: w
                       }),
-                      style: S ? {
+                      style: w ? {
                         bottom: `${N(T)}%`
                       } : {
                         left: `${N(T)}%`
@@ -7178,12 +7188,12 @@ const qb = ({
   /* @__PURE__ */ f(I, { gap: "2", direction: "column", children: [
     /* @__PURE__ */ a(G, { size: "2", weight: "medium", children: n._("Input Level") }),
     /* @__PURE__ */ a("div", { className: vt.levelMeter, children: /* @__PURE__ */ a("div", { className: vt.levelMeterTrack, children: /* @__PURE__ */ a("div", { className: vt.levelMeterRow, children: Array.from({ length: 17 }, (m, y) => {
-      const k = Math.max(0, (C - 5) / 25) * 17, w = y < k;
+      const k = Math.max(0, (C - 5) / 25) * 17, S = y < k;
       let E = "low";
       return y >= 15 ? E = "high" : y >= 11 && (E = "mid"), /* @__PURE__ */ a(
         "div",
         {
-          className: `${vt.levelMeterSegment} ${w ? `${vt.active} ${vt[E]}` : ""}`
+          className: `${vt.levelMeterSegment} ${S ? `${vt.active} ${vt[E]}` : ""}`
         },
         `level-${y}`
       );
@@ -7492,10 +7502,10 @@ const Rl = ({
   droppable: m = !1,
   isDropTarget: y = !1,
   dndDroppableId: k,
-  onDragEnter: w,
+  onDragEnter: S,
   onDragLeave: E,
   onDragOver: R,
-  onDrop: S
+  onDrop: w
 }) => {
   const [N, B] = j(!1), D = !!k, { setNodeRef: O, isOver: T } = fo({
     id: k ?? "__setlist-item-noop__",
@@ -7527,10 +7537,10 @@ const Rl = ({
       onMouseEnter: J,
       onMouseLeave: Q,
       "data-setlist-id": t,
-      onDragEnter: m ? w : void 0,
+      onDragEnter: m ? S : void 0,
       onDragLeave: m ? E : void 0,
       onDragOver: m ? R : void 0,
-      onDrop: m ? S : void 0,
+      onDrop: m ? w : void 0,
       onKeyDown: r ? (P) => {
         (P.key === "Enter" || P.key === " ") && (P.preventDefault(), r == null || r());
       } : void 0,
@@ -7629,24 +7639,24 @@ const Rl = ({
   activeDropSetlistId: v = null,
   enableDndDropTargets: C = !1
 }) => {
-  const { close: m, isMobile: y } = xr(), [k, w] = j(null), E = (X) => {
+  const { close: m, isMobile: y } = xr(), [k, S] = j(null), E = (X) => {
     r == null || r(X), y && m();
   }, R = () => {
     c == null || c(), y && m();
-  }, [S, N] = j(!1), [B, D] = j(!1), [O, T] = j(!1), [J, Q] = j(!1), F = te(null), M = te(null), P = te(null), U = te(p), H = 50, V = 200, W = 44, se = 4, ve = p && c ? 1 : 0, me = p && !S && !J, Te = n, ne = n.length + (c ? 1 : 0), $ = Math.min(4, ne), K = V + Math.max(0, $ - 1) * H, L = K, ce = () => {
+  }, [w, N] = j(!1), [B, D] = j(!1), [O, T] = j(!1), [J, Q] = j(!1), F = te(null), M = te(null), P = te(null), U = te(p), H = 50, V = 200, W = 44, se = 4, ve = p && c ? 1 : 0, me = p && !w && !J, Te = n, ne = n.length + (c ? 1 : 0), $ = Math.min(4, ne), K = V + Math.max(0, $ - 1) * H, L = K, ce = () => {
     F.current && (clearTimeout(F.current), F.current = null), M.current && (clearTimeout(M.current), M.current = null), D(!1), T(!0), N(!0), M.current = setTimeout(() => {
       T(!1), M.current = null;
     }, L);
   }, Se = () => {
-    p && (F.current && (clearTimeout(F.current), F.current = null), B ? D(!1) : S || ce());
+    p && (F.current && (clearTimeout(F.current), F.current = null), B ? D(!1) : w || ce());
   }, de = () => {
-    p && S && (M.current && (clearTimeout(M.current), M.current = null), T(!1), D(!0), F.current = setTimeout(() => {
+    p && w && (M.current && (clearTimeout(M.current), M.current = null), T(!1), D(!0), F.current = setTimeout(() => {
       F.current = null, N(!1), D(!1);
     }, L));
   }, oe = (X) => {
     p && (X.stopPropagation(), ce());
   }, ie = () => {
-    p && !S && ce();
+    p && !w && ce();
   }, qe = () => {
     if (!p) return;
     const X = P.current;
@@ -7801,7 +7811,7 @@ const Rl = ({
                       },
                       dropdownMenuOpen: k === X.id,
                       onDropdownMenuOpenChange: (We) => {
-                        w(We ? X.id : null);
+                        S(We ? X.id : null);
                       },
                       avatar: P0(X.icon),
                       group: X.group,
@@ -7819,7 +7829,7 @@ const Rl = ({
                         [_.staggerAnimateOut]: Me && B && ke,
                         [_.fadeAnimateIn]: Me && O && !ke,
                         [_.fadeAnimateOut]: Me && B && !ke,
-                        [_.fadeHidden]: !ke && p && !S && !J
+                        [_.fadeHidden]: !ke && p && !w && !J
                       }),
                       style: {
                         ...Ye(ze),
@@ -7904,19 +7914,19 @@ const Rl = ({
   mobileBreakpoint: d = ar,
   ...u
 }) => {
-  const p = gI(d), { isMobile: A, isOpen: g, open: v, close: C } = Nl(p), [m, y] = j(!1), [k, w] = j(!1), E = s ?? k, R = x(
+  const p = gI(d), { isMobile: A, isOpen: g, open: v, close: C } = Nl(p), [m, y] = j(!1), [k, S] = j(!1), E = s ?? k, R = x(
     (V) => {
-      s == null && w(V), o == null || o(V);
+      s == null && S(V), o == null || o(V);
     },
     [s, o]
-  ), S = A ? !1 : r && !E, N = () => {
+  ), w = A ? !1 : r && !E, N = () => {
     A || (y(!1), R(!1), i((V) => !V));
   }, B = () => {
     A || y(!0);
   }, D = () => {
     A || y(!1);
   }, O = (V) => {
-    S ? N() : l && l(V);
+    w ? N() : l && l(V);
   }, T = () => {
     A || !r || R(!0);
   }, J = () => {
@@ -7927,7 +7937,7 @@ const Rl = ({
     T();
   }, M = (V) => {
     A || !r || (V.preventDefault(), T());
-  }, P = S ? "Expand menu" : "Moises", U = "Moises";
+  }, P = w ? "Expand menu" : "Moises", U = "Moises";
   le(() => {
     if (!E) return;
     const V = () => {
@@ -7944,7 +7954,7 @@ const Rl = ({
       "div",
       {
         className: b(re.logoToggleContainer, {
-          [re.logoToggleContainerCollapsed]: S
+          [re.logoToggleContainerCollapsed]: w
         }),
         children: [
           /* @__PURE__ */ a(
@@ -7953,7 +7963,7 @@ const Rl = ({
               width: 32,
               height: 17,
               className: b(re.logoInContainer, {
-                [re.logoInContainerHidden]: S && m
+                [re.logoInContainerHidden]: w && m
               })
             }
           ),
@@ -7963,7 +7973,7 @@ const Rl = ({
               width: 16,
               height: 16,
               className: b(re.toggleInContainer, {
-                [re.toggleInContainerVisible]: S && m
+                [re.toggleInContainerVisible]: w && m
               })
             }
           )
@@ -7975,7 +7985,7 @@ const Rl = ({
       {
         height: 12.269,
         className: b(re.moisesIcon, {
-          [re.moisesIconHidden]: S
+          [re.moisesIconHidden]: w
         })
       }
     )
@@ -7984,7 +7994,7 @@ const Rl = ({
     "div",
     {
       className: b(re.root, {
-        [re.rootCollapsed]: S,
+        [re.rootCollapsed]: w,
         [re.rootMobile]: A
       }),
       ...u,
@@ -8012,7 +8022,7 @@ const Rl = ({
                       gap: "2",
                       height: "38px",
                       style: {
-                        cursor: S || l ? "pointer" : "default"
+                        cursor: w || l ? "pointer" : "default"
                       },
                       children: [
                         /* @__PURE__ */ a(pa, { width: 32, height: 17 }),
@@ -8065,13 +8075,13 @@ const Rl = ({
             onDragOver: M,
             onDrop: J,
             children: [
-              S ? /* @__PURE__ */ a("div", { className: re.headerWrapper, children: /* @__PURE__ */ a(_e, { content: c, side: "right", sideOffset: 5, align: "center", alignOffset: 0, children: /* @__PURE__ */ a("div", { className: re.tooltipTriggerWrapper, children: /* @__PURE__ */ f(
+              w ? /* @__PURE__ */ a("div", { className: re.headerWrapper, children: /* @__PURE__ */ a(_e, { content: c, side: "right", sideOffset: 5, align: "center", alignOffset: 0, children: /* @__PURE__ */ a("div", { className: re.tooltipTriggerWrapper, children: /* @__PURE__ */ f(
                 I,
                 {
                   align: "center",
                   justify: "between",
                   className: b(re.header, {
-                    [re.headerCollapsed]: S
+                    [re.headerCollapsed]: w
                   }),
                   children: [
                     /* @__PURE__ */ a(
@@ -8087,7 +8097,7 @@ const Rl = ({
                             align: "center",
                             gap: "2",
                             style: {
-                              cursor: S || l ? "pointer" : "default"
+                              cursor: w || l ? "pointer" : "default"
                             },
                             children: H
                           }
@@ -8100,7 +8110,7 @@ const Rl = ({
                         type: "button",
                         onClick: N,
                         className: b(re.toggleButton, {
-                          [re.toggleButtonHidden]: S
+                          [re.toggleButtonHidden]: w
                         }),
                         "aria-label": "Collapse menu",
                         children: /* @__PURE__ */ a(Pr, { width: 16, height: 16 })
@@ -8114,7 +8124,7 @@ const Rl = ({
                   align: "center",
                   justify: "between",
                   className: b(re.header, {
-                    [re.headerCollapsed]: S
+                    [re.headerCollapsed]: w
                   }),
                   children: [
                     /* @__PURE__ */ a(
@@ -8130,7 +8140,7 @@ const Rl = ({
                             align: "center",
                             gap: "2",
                             style: {
-                              cursor: S || l ? "pointer" : "default"
+                              cursor: w || l ? "pointer" : "default"
                             },
                             children: H
                           }
@@ -8143,7 +8153,7 @@ const Rl = ({
                         type: "button",
                         onClick: N,
                         className: b(re.toggleButton, {
-                          [re.toggleButtonHidden]: S
+                          [re.toggleButtonHidden]: w
                         }),
                         "aria-label": "Collapse menu",
                         children: /* @__PURE__ */ a(Pr, { width: 16, height: 16 })
@@ -8189,26 +8199,26 @@ const mI = "_sectionTitle_bwlze_1", fI = "_separator_bwlze_17", Ua = {
   sidebarTooltip: C,
   children: m
 }) => {
-  const [y, k] = j(!1), [w, E] = j(!1), { isMobile: R } = Nl(), S = R ? !1 : y && !w;
+  const [y, k] = j(!1), [S, E] = j(!1), { isMobile: R } = Nl(), w = R ? !1 : y && !S;
   return /* @__PURE__ */ f(Ie, { children: [
     /* @__PURE__ */ f(
       Bl,
       {
         isCollapsed: y,
-        isTemporarilyExpandedByDrag: w,
+        isTemporarilyExpandedByDrag: S,
         onTemporarilyExpandedByDragChange: E,
         onCollapsedChange: k,
         tooltip: C,
         children: [
           /* @__PURE__ */ f(I, { direction: "column", children: [
-            /* @__PURE__ */ a(Oa, { title: "PRODUCTS", collapsed: S }),
+            /* @__PURE__ */ a(Oa, { title: "PRODUCTS", collapsed: w }),
             /* @__PURE__ */ a(
               o1,
               {
                 products: o,
                 selectedProductId: i,
                 onProductClick: l,
-                collapsed: S
+                collapsed: w
               }
             )
           ] }),
@@ -8218,7 +8228,7 @@ const mI = "_sectionTitle_bwlze_1", fI = "_separator_bwlze_17", Ua = {
               direction: "column",
               style: { overflow: "hidden", flex: 1, minHeight: 0 },
               children: [
-                /* @__PURE__ */ a(Oa, { title: "SETLISTS", collapsed: S }),
+                /* @__PURE__ */ a(Oa, { title: "SETLISTS", collapsed: w }),
                 /* @__PURE__ */ a(
                   z0,
                   {
@@ -8228,7 +8238,7 @@ const mI = "_sectionTitle_bwlze_1", fI = "_separator_bwlze_17", Ua = {
                     onNewSetlistClick: p,
                     newSetlistButtonTooltip: A,
                     expandButtonTooltip: g,
-                    collapsed: S,
+                    collapsed: w,
                     isMobile: R
                   }
                 )
@@ -8245,7 +8255,7 @@ const mI = "_sectionTitle_bwlze_1", fI = "_separator_bwlze_17", Ua = {
                 /* @__PURE__ */ a(
                   hg,
                   {
-                    collapsed: S,
+                    collapsed: w,
                     additionalItems: n,
                     selectedAdditionalItemId: t
                   }
@@ -8255,7 +8265,7 @@ const mI = "_sectionTitle_bwlze_1", fI = "_separator_bwlze_17", Ua = {
                   {
                     user: r,
                     menuOptions: r == null ? void 0 : r.menuOptions,
-                    collapsed: S,
+                    collapsed: w,
                     tooltip: v
                   }
                 )
@@ -8396,13 +8406,13 @@ const $n = (n) => {
   onFetchSuggestedTags: p,
   suggestedTagsLoading: A
 }) => {
-  const g = te(null), v = te(null), [C, m] = j(!1), y = x((S) => {
-    const N = S.target, B = N.scrollLeft + N.clientWidth >= N.scrollWidth - 2;
+  const g = te(null), v = te(null), [C, m] = j(!1), y = x((w) => {
+    const N = w.target, B = N.scrollLeft + N.clientWidth >= N.scrollWidth - 2;
     m(B);
-  }, []), k = !!l || !!d, w = x(
-    (S) => {
+  }, []), k = !!l || !!d, S = x(
+    (w) => {
       if (k) return;
-      const N = S.target.value;
+      const N = w.target.value;
       t((B) => ({
         ...B,
         conditioningText: N
@@ -8421,16 +8431,16 @@ const $n = (n) => {
     m(!1);
   }, [u]);
   const E = x(
-    (S) => {
+    (w) => {
       t((N) => ({
         ...N,
-        conditioningText: (N.conditioningText || "").trimEnd() + " " + S + " "
+        conditioningText: (N.conditioningText || "").trimEnd() + " " + w + " "
       }));
     },
     [t]
   ), R = x(() => {
-    t((S) => ({
-      ...S,
+    t((w) => ({
+      ...w,
       conditioningAudio: null,
       conditioningAudioName: null,
       conditioningAudioSize: null,
@@ -8471,7 +8481,7 @@ const $n = (n) => {
                     {
                       value: n.conditioningText,
                       onFocus: o,
-                      onChange: w,
+                      onChange: S,
                       placeholder: r._(
                         `Describe your desired sound characteristics (ex: ${NI(
                           n.instrument,
@@ -8525,11 +8535,11 @@ const $n = (n) => {
                           children: /* @__PURE__ */ a(Nd, { width: 14, height: 14 })
                         }
                       ),
-                      A && /* @__PURE__ */ a("div", { className: et.tagsWrapper, children: /* @__PURE__ */ a("div", { className: et.tagsContainer, children: PI.map((S, N) => /* @__PURE__ */ a(
+                      A && /* @__PURE__ */ a("div", { className: et.tagsWrapper, children: /* @__PURE__ */ a("div", { className: et.tagsContainer, children: PI.map((w, N) => /* @__PURE__ */ a(
                         "div",
                         {
                           className: et.skeletonChip,
-                          style: { width: S }
+                          style: { width: w }
                         },
                         N
                       )) }) }),
@@ -8544,13 +8554,13 @@ const $n = (n) => {
                               ref: v,
                               className: et.tagsContainer,
                               onScroll: y,
-                              children: u.map((S) => /* @__PURE__ */ a(
+                              children: u.map((w) => /* @__PURE__ */ a(
                                 Pe,
                                 {
                                   className: et.tagChip,
                                   variant: "ghost",
                                   size: "2",
-                                  onClick: () => E(S),
+                                  onClick: () => E(w),
                                   style: {
                                     borderRadius: "9999px",
                                     color: "rgba(241, 247, 254, 0.71)",
@@ -8558,9 +8568,9 @@ const $n = (n) => {
                                     paddingLeft: 14,
                                     paddingRight: 14
                                   },
-                                  children: S
+                                  children: w
                                 },
-                                S
+                                w
                               ))
                             }
                           )
@@ -9042,10 +9052,10 @@ const or = {
   generateFromSelectionTrack: m,
   unmutedTracksCount: y,
   onMountConcurrency: k,
-  onClear: w,
+  onClear: S,
   onInspireMe: E,
   inspireMeLoading: R,
-  onBoost: S,
+  onBoost: w,
   boostLoading: N,
   suggestedTags: B,
   onFetchSuggestedTags: D,
@@ -9199,7 +9209,7 @@ const or = {
                   onTextConditioningFocus: o,
                   onInspireMe: E,
                   inspireMeLoading: R,
-                  onBoost: S,
+                  onBoost: w,
                   boostLoading: N,
                   suggestedTags: B,
                   onFetchSuggestedTags: D,
@@ -9277,7 +9287,7 @@ const or = {
                           inpaintingTrack: C,
                           generateFromSelectionTrack: m,
                           unmutedTracksCount: y,
-                          onClear: w,
+                          onClear: S,
                           i18n: l
                         }
                       ) }),
@@ -9303,7 +9313,7 @@ const or = {
                         Ve,
                         {
                           type: "error",
-                          onClick: w,
+                          onClick: S,
                           ctaLabel: l._("Clear"),
                           showBackground: !1,
                           showIcon: !1,
@@ -9545,12 +9555,12 @@ const Pa = {
       name: n._("Other"),
       category: "paid"
     }
-  ], w = async (S) => {
-    if (S.isLocked) {
-      v(S.value);
+  ], S = async (w) => {
+    if (w.isLocked) {
+      v(w.value);
       return;
     }
-    const N = S.value;
+    const N = w.value;
     d((B) => {
       let D = [...B.selectedStems];
       if (D.includes(N))
@@ -9563,10 +9573,10 @@ const Pa = {
       }
       return D.includes("other") && D.length === 1 ? { ...B, selectedStems: [] } : { ...B, selectedStems: D };
     });
-  }, E = (S) => {
+  }, E = (w) => {
     d((N) => ({
       ...N,
-      selectedStems: S.value
+      selectedStems: w.value
     }));
   };
   return /* @__PURE__ */ f(I, { direction: "column", height: "100%", children: [
@@ -9575,10 +9585,10 @@ const Pa = {
       /* @__PURE__ */ a(
         Is,
         {
-          items: k.filter((S) => S.category === "free").map((S) => ({
-            name: S.name,
-            value: S.value,
-            icon: Pa[S.value]
+          items: k.filter((w) => w.category === "free").map((w) => ({
+            name: w.name,
+            value: w.value,
+            icon: Pa[w.value]
           })),
           value: c.selectedStems,
           onSelect: E
@@ -9589,18 +9599,18 @@ const Pa = {
     /* @__PURE__ */ a(
       Is,
       {
-        items: k.filter((S) => S.category === "paid").filter((S) => r.some((N) => N.value === S.value)).map((S) => {
+        items: k.filter((w) => w.category === "paid").filter((w) => r.some((N) => N.value === w.value)).map((w) => {
           var N;
           return {
-            name: S.name,
-            value: S.value,
-            icon: Pa[S.value],
-            disabled: c.selectedStems.length === 0 && S.value === "Other",
-            isLocked: (N = r.find((B) => B.value === S.value)) == null ? void 0 : N.isLocked
+            name: w.name,
+            value: w.value,
+            icon: Pa[w.value],
+            disabled: c.selectedStems.length === 0 && w.value === "Other",
+            isLocked: (N = r.find((B) => B.value === w.value)) == null ? void 0 : N.isLocked
           };
         }),
         value: c.selectedStems,
-        onSelect: w,
+        onSelect: S,
         style: {
           marginBottom: "12px"
         }
@@ -10192,13 +10202,13 @@ const Zr = (n, t) => typeof n == "string" ? { title: n, description: "", variant
       const y = {
         ...Zr(C, "neutral"),
         id: `${Date.now()}-${BS++}`
-      }, k = y.duration ?? t, w = setTimeout(() => {
+      }, k = y.duration ?? t, S = setTimeout(() => {
         u(y.id);
       }, k);
-      return d.current.set(y.id, w), c((E) => {
-        const R = [...E.slice(-(r - 1)), y], S = new Set(R.map((N) => N.id));
+      return d.current.set(y.id, S), c((E) => {
+        const R = [...E.slice(-(r - 1)), y], w = new Set(R.map((N) => N.id));
         return E.forEach((N) => {
-          if (!S.has(N.id)) {
+          if (!w.has(N.id)) {
             const B = d.current.get(N.id);
             B && (clearTimeout(B), d.current.delete(N.id));
           }
@@ -10435,11 +10445,11 @@ const PS = "_track_2k5w9_1", zS = "_name_2k5w9_11", WS = "_line_2k5w9_22", HS =
     isAutoMuted: m,
     isSolo: y,
     isOpen: k,
-    instrumentSelected: w,
+    instrumentSelected: S,
     device: E,
     channel: R,
     // State change listeners
-    onVolumeChange: S,
+    onVolumeChange: w,
     onPanChange: N,
     onMutedChange: B,
     onRecordChange: D,
@@ -10520,7 +10530,7 @@ const PS = "_track_2k5w9_1", zS = "_name_2k5w9_11", WS = "_line_2k5w9_22", HS =
                                           Ee.instrumentIconButton,
                                           Ee.menuOptionsTrigger
                                         ),
-                                        children: w.icon
+                                        children: S.icon
                                       }
                                     ),
                                     options: c,
@@ -10620,7 +10630,7 @@ const PS = "_track_2k5w9_1", zS = "_name_2k5w9_11", WS = "_line_2k5w9_22", HS =
                         {
                           linear: p,
                           volume: A,
-                          onVolumeChange: S
+                          onVolumeChange: w
                         }
                       ),
                       r && /* @__PURE__ */ a(
@@ -10669,15 +10679,15 @@ function gw({ schema: n }) {
       r((E) => ({ ...E, [m]: y })), o((E) => ({ ...E, [m]: null }));
       return;
     }
-    const k = m, w = Object.fromEntries(
+    const k = m, S = Object.fromEntries(
       Object.entries(k).map(([E]) => ({ [E]: null }))
     );
-    r((E) => ({ ...E, ...k })), o((E) => ({ ...E, ...w }));
+    r((E) => ({ ...E, ...k })), o((E) => ({ ...E, ...S }));
   }, []), u = (m, y) => {
-    const k = t[m], w = (E) => d(m, E);
-    return y === "checkbox" || y === "switch" ? { checked: !!k, onCheckedChange: w } : { value: k ?? "", onChange: (E) => {
+    const k = t[m], S = (E) => d(m, E);
+    return y === "checkbox" || y === "switch" ? { checked: !!k, onCheckedChange: S } : { value: k ?? "", onChange: (E) => {
       var R;
-      return w(((R = E == null ? void 0 : E.target) == null ? void 0 : R.value) ?? E);
+      return S(((R = E == null ? void 0 : E.target) == null ? void 0 : R.value) ?? E);
     } };
   }, p = () => {
     const m = n.safeParse(t);
@@ -10685,8 +10695,8 @@ function gw({ schema: n }) {
       return o({}), { isValid: !0, data: m.data };
     const y = {};
     for (const k of m.error.issues) {
-      const w = k.path.join(".");
-      y[w] || (y[w] = k.message);
+      const S = k.path.join(".");
+      y[S] || (y[S] = k.message);
     }
     return o(y), { isValid: !1, data: t };
   }, A = x((m) => (l.current.push(m), () => {
@@ -11128,25 +11138,25 @@ class hE extends zn {
       const A = (g) => {
         if (g.button !== i || (d.set(g.pointerId, g), d.size > 1)) return;
         let v = g.clientX, C = g.clientY, m = !1;
-        const y = Date.now(), k = r.getBoundingClientRect(), { left: w, top: E } = k, R = (O) => {
+        const y = Date.now(), k = r.getBoundingClientRect(), { left: S, top: E } = k, R = (O) => {
           if (O.defaultPrevented || d.size > 1 || u && Date.now() - y < l) return;
           const T = O.clientX, J = O.clientY, Q = T - v, F = J - C;
-          (m || Math.abs(Q) > o || Math.abs(F) > o) && (O.preventDefault(), O.stopPropagation(), m || (c.set({ type: "start", x: v - w, y: C - E }), m = !0), c.set({ type: "move", x: T - w, y: J - E, deltaX: Q, deltaY: F }), v = T, C = J);
-        }, S = (O) => {
+          (m || Math.abs(Q) > o || Math.abs(F) > o) && (O.preventDefault(), O.stopPropagation(), m || (c.set({ type: "start", x: v - S, y: C - E }), m = !0), c.set({ type: "move", x: T - S, y: J - E, deltaX: Q, deltaY: F }), v = T, C = J);
+        }, w = (O) => {
           if (d.delete(O.pointerId), m) {
             const T = O.clientX, J = O.clientY;
-            c.set({ type: "end", x: T - w, y: J - E });
+            c.set({ type: "end", x: T - S, y: J - E });
           }
           p();
         }, N = (O) => {
-          d.delete(O.pointerId), O.relatedTarget && O.relatedTarget !== document.documentElement || S(O);
+          d.delete(O.pointerId), O.relatedTarget && O.relatedTarget !== document.documentElement || w(O);
         }, B = (O) => {
           m && (O.stopPropagation(), O.preventDefault());
         }, D = (O) => {
           O.defaultPrevented || d.size > 1 || m && O.preventDefault();
         };
-        document.addEventListener("pointermove", R), document.addEventListener("pointerup", S), document.addEventListener("pointerout", N), document.addEventListener("pointercancel", N), document.addEventListener("touchmove", D, { passive: !1 }), document.addEventListener("click", B, { capture: !0 }), p = () => {
-          document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", S), document.removeEventListener("pointerout", N), document.removeEventListener("pointercancel", N), document.removeEventListener("touchmove", D), setTimeout(() => {
+        document.addEventListener("pointermove", R), document.addEventListener("pointerup", w), document.addEventListener("pointerout", N), document.addEventListener("pointercancel", N), document.addEventListener("touchmove", D, { passive: !1 }), document.addEventListener("click", B, { capture: !0 }), p = () => {
+          document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", w), document.removeEventListener("pointerout", N), document.removeEventListener("pointercancel", N), document.removeEventListener("touchmove", D), setTimeout(() => {
             document.removeEventListener("click", B, { capture: !0 });
           }, 10);
         };
@@ -11310,16 +11320,16 @@ class hE extends zn {
     var t;
   }
   renderBarWaveform(t, r, s, o) {
-    const { width: i, height: l } = s.canvas, { halfHeight: c, barWidth: d, barRadius: u, barIndexScale: p, barSpacing: A, barMinHeight: g } = function({ width: C, height: m, length: y, options: k, pixelRatio: w }) {
-      const E = m / 2, R = k.barWidth ? k.barWidth * w : 1, S = k.barGap ? k.barGap * w : k.barWidth ? R / 2 : 0, N = R + S || 1;
-      return { halfHeight: E, barWidth: R, barGap: S, barRadius: k.barRadius || 0, barMinHeight: k.barMinHeight ? k.barMinHeight * w : 0, barIndexScale: y > 0 ? C / N / y : 0, barSpacing: N };
-    }({ width: i, height: l, length: (t[0] || []).length, options: r, pixelRatio: this.getPixelRatio() }), v = function({ channelData: C, barIndexScale: m, barSpacing: y, barWidth: k, halfHeight: w, vScale: E, canvasHeight: R, barAlign: S, barMinHeight: N }) {
+    const { width: i, height: l } = s.canvas, { halfHeight: c, barWidth: d, barRadius: u, barIndexScale: p, barSpacing: A, barMinHeight: g } = function({ width: C, height: m, length: y, options: k, pixelRatio: S }) {
+      const E = m / 2, R = k.barWidth ? k.barWidth * S : 1, w = k.barGap ? k.barGap * S : k.barWidth ? R / 2 : 0, N = R + w || 1;
+      return { halfHeight: E, barWidth: R, barGap: w, barRadius: k.barRadius || 0, barMinHeight: k.barMinHeight ? k.barMinHeight * S : 0, barIndexScale: y > 0 ? C / N / y : 0, barSpacing: N };
+    }({ width: i, height: l, length: (t[0] || []).length, options: r, pixelRatio: this.getPixelRatio() }), v = function({ channelData: C, barIndexScale: m, barSpacing: y, barWidth: k, halfHeight: S, vScale: E, canvasHeight: R, barAlign: w, barMinHeight: N }) {
       const B = C[0] || [], D = C[1] || B, O = B.length, T = [];
       let J = 0, Q = 0, F = 0;
       for (let M = 0; M <= O; M++) {
         const P = Math.round(M * m);
         if (P > J) {
-          const { topHeight: V, totalHeight: W } = cE({ maxTop: Q, maxBottom: F, halfHeight: w, vScale: E, barMinHeight: N, barAlign: S }), se = dE({ barAlign: S, halfHeight: w, topHeight: V, totalHeight: W, canvasHeight: R });
+          const { topHeight: V, totalHeight: W } = cE({ maxTop: Q, maxBottom: F, halfHeight: S, vScale: E, barMinHeight: N, barAlign: w }), se = dE({ barAlign: w, halfHeight: S, topHeight: V, totalHeight: W, canvasHeight: R });
           T.push({ x: J * y, y: se, width: k, height: W }), J = P, Q = 0, F = 0;
         }
         const U = Math.abs(B[M] || 0), H = Math.abs(D[M] || 0);
@@ -11335,18 +11345,18 @@ class hE extends zn {
     const { width: i, height: l } = s.canvas, c = function({ channelData: d, width: u, height: p, vScale: A }) {
       const g = p / 2, v = d[0] || [];
       return [v, d[1] || v].map((C, m) => {
-        const y = C.length, k = y ? u / y : 0, w = g, E = m === 0 ? -1 : 1, R = [{ x: 0, y: w }];
-        let S = 0, N = 0;
+        const y = C.length, k = y ? u / y : 0, S = g, E = m === 0 ? -1 : 1, R = [{ x: 0, y: S }];
+        let w = 0, N = 0;
         for (let B = 0; B <= y; B++) {
           const D = Math.round(B * k);
-          if (D > S) {
-            const T = w + (Math.round(N * g * A) || 1) * E;
-            R.push({ x: S, y: T }), S = D, N = 0;
+          if (D > w) {
+            const T = S + (Math.round(N * g * A) || 1) * E;
+            R.push({ x: w, y: T }), w = D, N = 0;
           }
           const O = Math.abs(C[B] || 0);
           O > N && (N = O);
         }
-        return R.push({ x: S, y: w }), R;
+        return R.push({ x: w, y: S }), R;
       });
     }({ channelData: t, width: i, height: l, vScale: o });
     s.beginPath();
@@ -11397,9 +11407,9 @@ class hE extends zn {
       const m = C * p;
       let y = Math.min(u - m, p);
       if (y = Ka(y, r), y <= 0) return;
-      const k = function({ channelData: w, offset: E, clampedWidth: R, totalWidth: S }) {
-        return w.map((N) => {
-          const B = Math.floor(E / S * N.length), D = Math.floor((E + R) / S * N.length);
+      const k = function({ channelData: S, offset: E, clampedWidth: R, totalWidth: w }) {
+        return S.map((N) => {
+          const B = Math.floor(E / w * N.length), D = Math.floor((E + R) / w * N.length);
           return N.slice(B, D);
         });
       }({ channelData: t, offset: m, clampedWidth: y, totalWidth: u });
@@ -11658,8 +11668,8 @@ class Mn extends lE {
     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.reactiveCleanups = [], this.options = Object.assign({}, pE, t);
     const { state: s, actions: o } = function(c) {
       var d, u, p, A, g, v;
-      const C = (d = c == null ? void 0 : c.currentTime) !== null && d !== void 0 ? d : ye(0), m = (u = c == null ? void 0 : c.duration) !== null && u !== void 0 ? u : ye(0), y = (p = c == null ? void 0 : c.isPlaying) !== null && p !== void 0 ? p : ye(!1), k = (A = c == null ? void 0 : c.isSeeking) !== null && A !== void 0 ? A : ye(!1), w = (g = c == null ? void 0 : c.volume) !== null && g !== void 0 ? g : ye(1), E = (v = c == null ? void 0 : c.playbackRate) !== null && v !== void 0 ? v : ye(1), R = ye(null), S = ye(null), N = ye(""), B = ye(0), D = ye(0), O = Ht(() => !y.value, [y]), T = Ht(() => R.value !== null, [R]), J = Ht(() => T.value && m.value > 0, [T, m]), Q = Ht(() => C.value, [C]), F = Ht(() => m.value > 0 ? C.value / m.value : 0, [C, m]);
-      return { state: { currentTime: C, duration: m, isPlaying: y, isPaused: O, isSeeking: k, volume: w, playbackRate: E, audioBuffer: R, peaks: S, url: N, zoom: B, scrollPosition: D, canPlay: T, isReady: J, progress: Q, progressPercent: F }, actions: { setCurrentTime: (M) => {
+      const C = (d = c == null ? void 0 : c.currentTime) !== null && d !== void 0 ? d : ye(0), m = (u = c == null ? void 0 : c.duration) !== null && u !== void 0 ? u : ye(0), y = (p = c == null ? void 0 : c.isPlaying) !== null && p !== void 0 ? p : ye(!1), k = (A = c == null ? void 0 : c.isSeeking) !== null && A !== void 0 ? A : ye(!1), S = (g = c == null ? void 0 : c.volume) !== null && g !== void 0 ? g : ye(1), E = (v = c == null ? void 0 : c.playbackRate) !== null && v !== void 0 ? v : ye(1), R = ye(null), w = ye(null), N = ye(""), B = ye(0), D = ye(0), O = Ht(() => !y.value, [y]), T = Ht(() => R.value !== null, [R]), J = Ht(() => T.value && m.value > 0, [T, m]), Q = Ht(() => C.value, [C]), F = Ht(() => m.value > 0 ? C.value / m.value : 0, [C, m]);
+      return { state: { currentTime: C, duration: m, isPlaying: y, isPaused: O, isSeeking: k, volume: S, playbackRate: E, audioBuffer: R, peaks: w, url: N, zoom: B, scrollPosition: D, canPlay: T, isReady: J, progress: Q, progressPercent: F }, actions: { setCurrentTime: (M) => {
         const P = Math.max(0, Math.min(m.value || 1 / 0, M));
         C.set(P);
       }, setDuration: (M) => {
@@ -11670,14 +11680,14 @@ class Mn extends lE {
         k.set(M);
       }, setVolume: (M) => {
         const P = Math.max(0, Math.min(1, M));
-        w.set(P);
+        S.set(P);
       }, setPlaybackRate: (M) => {
         const P = Math.max(0.1, Math.min(16, M));
         E.set(P);
       }, setAudioBuffer: (M) => {
         R.set(M), M && m.set(M.duration);
       }, setPeaks: (M) => {
-        S.set(M);
+        w.set(M);
       }, setUrl: (M) => {
         N.set(M);
       }, setZoom: (M) => {
@@ -12051,7 +12061,7 @@ function Pl({
   classNamesButton: v,
   onPlayStateChange: C
 }) {
-  const [m, y] = j(!1), [k, w] = j(!1), [E, R] = j(!1), [S, N] = j(!1);
+  const [m, y] = j(!1), [k, S] = j(!1), [E, R] = j(!1), [w, N] = j(!1);
   le(() => {
     typeof navigator < "u" && N(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
   }, []);
@@ -12064,14 +12074,14 @@ function Pl({
     T.current && ((W = T.current) == null || W.pause());
   }, []), Q = x(() => {
     var W, se;
-    T.current && (d && d.state.active && d.state.active !== T.current && d.state.active.pause(), S || (W = T.current) == null || W.setOptions({ progressColor: c }), (se = T.current) == null || se.play());
-  }, [S, c, d]);
+    T.current && (d && d.state.active && d.state.active !== T.current && d.state.active.pause(), w || (W = T.current) == null || W.setOptions({ progressColor: c }), (se = T.current) == null || se.play());
+  }, [w, c, d]);
   le(() => {
     var W;
     T.current && n && ((W = T.current) == null || W.load(n));
   }, [n]);
   const F = x((W) => {
-    T.current = W, w(!0), y(!1);
+    T.current = W, S(!0), y(!1);
   }, []), M = x(
     (W) => {
       if (y(!0), r == null || r(!0), C == null || C(!0), d) {
@@ -12164,7 +12174,7 @@ function Pl({
                 onPlay: M,
                 onPause: P,
                 onFinish: H,
-                backend: S ? "WebAudio" : "MediaElement"
+                backend: w ? "WebAudio" : "MediaElement"
               }
             )
           }
@@ -12534,7 +12544,7 @@ const zE = "_footerVoiceForm_lsc2c_2", WE = {
   onClickUpgradeConcurrency: C,
   onRemoveTrack: m
 }) => {
-  const [y, k] = j(null), [w, E] = j(null), { submitted: R, handleSubmit: S } = da(p), [N, B] = j({
+  const [y, k] = j(null), [S, E] = j(null), { submitted: R, handleSubmit: w } = da(p), [N, B] = j({
     lastPlayed: null,
     active: null,
     isPlaying: !1,
@@ -12551,9 +12561,9 @@ const zE = "_footerVoiceForm_lsc2c_2", WE = {
     [n, r]
   ), O = x(
     (P) => {
-      w !== P && E(P);
+      S !== P && E(P);
     },
-    [w, E]
+    [S, E]
   ), T = x(
     (P) => {
       E(null), N.active && N.active.pause(), B((U) => ({
@@ -12577,14 +12587,14 @@ const zE = "_footerVoiceForm_lsc2c_2", WE = {
     [t.trackName, t.trackId, t.customAudio]
   ), M = x(() => {
     if (!i) {
-      S();
+      w();
       return;
     }
     Q && (D(Q.identifier), o(), r((P) => {
       var U;
       return ((U = P.selectedVoice) == null ? void 0 : U.identifier) === Q.identifier ? P : { ...P, selectedVoice: Q };
-    })), F && (Q ? S({ selectedVoice: Q }) : S());
-  }, [i, S, Q, D, o]);
+    })), F && (Q ? w({ selectedVoice: Q }) : w());
+  }, [i, w, Q, D, o]);
   return le(() => {
     var P;
     if (N.isPlaying === !1)
@@ -12602,7 +12612,7 @@ const zE = "_footerVoiceForm_lsc2c_2", WE = {
         voices: n,
         selectedId: y,
         handleSelect: D,
-        playingItem: w,
+        playingItem: S,
         handleAvatarClick: O,
         handleDetailsClick: T,
         wavegroup: J,