@moises.ai/design-system 4.18.5 → 4.18.6

package/dist/index.js

@@ -31,17 +31,17 @@ var gu = [" ", "Enter", "ArrowUp", "ArrowDown"], mu = [" ", "Enter"], _t = "Sele
     disabled: g,
     required: C,
     form: m
-  } = n, f = Mr(t), [k, y] = A.useState(null), [R, I] = A.useState(null), [N, E] = A.useState(!1), w = mo(u), [B, x] = vr({
+  } = n, f = Mr(t), [k, y] = A.useState(null), [N, I] = A.useState(null), [R, E] = A.useState(!1), w = mo(u), [B, x] = vr({
     prop: s,
     defaultProp: o ?? !1,
     onChange: i,
     caller: _t
-  }), [P, T] = vr({
+  }), [O, T] = vr({
     prop: l,
     defaultProp: c,
     onChange: d,
     caller: _t
-  }), Q = A.useRef(null), D = k ? m || !!k.closest("form") : !0, [z, U] = A.useState(/* @__PURE__ */ new Set()), O = Array.from(z).map((V) => V.props.value).join(";");
+  }), Q = A.useRef(null), D = k ? m || !!k.closest("form") : !0, [z, U] = A.useState(/* @__PURE__ */ new Set()), P = Array.from(z).map((V) => V.props.value).join(";");
   return /* @__PURE__ */ a(oc, { ...f, children: /* @__PURE__ */ v(
     Cu,
     {
@@ -49,12 +49,12 @@ var gu = [" ", "Enter", "ArrowUp", "ArrowDown"], mu = [" ", "Enter"], _t = "Sele
       scope: t,
       trigger: k,
       onTriggerChange: y,
-      valueNode: R,
+      valueNode: N,
       onValueNodeChange: I,
-      valueNodeHasChildren: N,
+      valueNodeHasChildren: R,
       onValueNodeHasChildrenChange: E,
       contentId: Ls(),
-      value: P,
+      value: O,
       onValueChange: T,
       open: B,
       onOpenChange: x,
@@ -86,16 +86,16 @@ var gu = [" ", "Enter", "ArrowUp", "ArrowDown"], mu = [" ", "Enter"], _t = "Sele
             tabIndex: -1,
             name: p,
             autoComplete: h,
-            value: P,
+            value: O,
             onChange: (V) => T(V.target.value),
             disabled: g,
             form: m,
             children: [
-              P === void 0 ? /* @__PURE__ */ a("option", { value: "" }) : null,
+              O === void 0 ? /* @__PURE__ */ a("option", { value: "" }) : null,
               Array.from(z)
             ]
           },
-          O
+          P
         ) : null
       ]
     }
@@ -105,8 +105,8 @@ Go.displayName = _t;
 var qo = "SelectTrigger", Yo = A.forwardRef(
   (n, t) => {
     const { __scopeSelect: r, disabled: s = !1, ...o } = n, i = Mr(r), l = Mt(qo, r), c = l.disabled || s, d = Pe(t, l.onTriggerChange), u = Qr(r), p = A.useRef("touch"), [h, g, C] = Ci((f) => {
-      const k = u().filter((I) => !I.disabled), y = k.find((I) => I.value === l.value), R = vi(k, f, y);
-      R !== void 0 && l.onValueChange(R.value);
+      const k = u().filter((I) => !I.disabled), y = k.find((I) => I.value === l.value), N = vi(k, f, y);
+      N !== void 0 && l.onValueChange(N.value);
     }), m = (f) => {
       c || (l.onOpenChange(!0), C()), f && (l.triggerPointerDownPosRef.current = {
         x: Math.round(f.pageX),
@@ -210,9 +210,9 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
       avoidCollisions: k,
       //
       ...y
-    } = n, R = Mt($t, r), [I, N] = A.useState(null), [E, w] = A.useState(null), B = Pe(t, (M) => N(M)), [x, P] = A.useState(null), [T, Q] = A.useState(
+    } = n, N = Mt($t, r), [I, R] = A.useState(null), [E, w] = A.useState(null), B = Pe(t, (M) => R(M)), [x, O] = A.useState(null), [T, Q] = A.useState(
       null
-    ), D = Qr(r), [z, U] = A.useState(!1), O = A.useRef(!1);
+    ), D = Qr(r), [z, U] = A.useState(!1), P = A.useRef(!1);
     A.useEffect(() => {
       if (I) return uc(I);
     }, [I]), hc();
@@ -230,7 +230,7 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
     A.useEffect(() => {
       z && $();
     }, [z, $]);
-    const { onOpenChange: G, triggerPointerDownPosRef: W } = R;
+    const { onOpenChange: G, triggerPointerDownPosRef: W } = N;
     A.useEffect(() => {
       if (I) {
         let M = { x: 0, y: 0 };
@@ -258,16 +258,16 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
       ce && setTimeout(() => ce.ref.current.focus());
     }), de = A.useCallback(
       (M, L, ie) => {
-        const ce = !O.current && !ie;
-        (R.value !== void 0 && R.value === L || ce) && (P(M), ce && (O.current = !0));
+        const ce = !P.current && !ie;
+        (N.value !== void 0 && N.value === L || ce) && (O(M), ce && (P.current = !0));
       },
-      [R.value]
+      [N.value]
     ), ge = A.useCallback(() => I == null ? void 0 : I.focus(), [I]), K = A.useCallback(
       (M, L, ie) => {
-        const ce = !O.current && !ie;
-        (R.value !== void 0 && R.value === L || ce) && Q(M);
+        const ce = !P.current && !ie;
+        (N.value !== void 0 && N.value === L || ce) && Q(M);
       },
-      [R.value]
+      [N.value]
     ), X = s === "popper" ? ws : ri, F = X === ws ? {
       side: c,
       sideOffset: d,
@@ -300,13 +300,13 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
           pc,
           {
             asChild: !0,
-            trapped: R.open,
+            trapped: N.open,
             onMountAutoFocus: (M) => {
               M.preventDefault();
             },
             onUnmountAutoFocus: be(o, (M) => {
               var L;
-              (L = R.trigger) == null || L.focus({ preventScroll: !0 }), M.preventDefault();
+              (L = N.trigger) == null || L.focus({ preventScroll: !0 }), M.preventDefault();
             }),
             children: /* @__PURE__ */ a(
               gc,
@@ -316,14 +316,14 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
                 onEscapeKeyDown: i,
                 onPointerDownOutside: l,
                 onFocusOutside: (M) => M.preventDefault(),
-                onDismiss: () => R.onOpenChange(!1),
+                onDismiss: () => N.onOpenChange(!1),
                 children: /* @__PURE__ */ a(
                   X,
                   {
                     role: "listbox",
-                    id: R.contentId,
-                    "data-state": R.open ? "open" : "closed",
-                    dir: R.dir,
+                    id: N.contentId,
+                    "data-state": N.open ? "open" : "closed",
+                    dir: N.dir,
                     onContextMenu: (M) => M.preventDefault(),
                     ...y,
                     ...F,
@@ -360,11 +360,11 @@ var nt = 10, [ti, Ut] = yn($t), Iu = "SelectContentImpl", Su = mc("SelectContent
 );
 ni.displayName = Iu;
 var Eu = "SelectItemAlignedPosition", ri = A.forwardRef((n, t) => {
-  const { __scopeSelect: r, onPlaced: s, ...o } = n, i = Mt($t, r), l = Ut($t, r), [c, d] = A.useState(null), [u, p] = A.useState(null), h = Pe(t, (B) => p(B)), g = Qr(r), C = A.useRef(!1), m = A.useRef(!0), { viewport: f, selectedItem: k, selectedItemText: y, focusSelectedItem: R } = l, I = A.useCallback(() => {
+  const { __scopeSelect: r, onPlaced: s, ...o } = n, i = Mt($t, r), l = Ut($t, r), [c, d] = A.useState(null), [u, p] = A.useState(null), h = Pe(t, (B) => p(B)), g = Qr(r), C = A.useRef(!1), m = A.useRef(!0), { viewport: f, selectedItem: k, selectedItemText: y, focusSelectedItem: N } = l, I = A.useCallback(() => {
     if (i.trigger && i.valueNode && c && u && f && k && y) {
-      const B = i.trigger.getBoundingClientRect(), x = u.getBoundingClientRect(), P = i.valueNode.getBoundingClientRect(), T = y.getBoundingClientRect();
+      const B = i.trigger.getBoundingClientRect(), x = u.getBoundingClientRect(), O = i.valueNode.getBoundingClientRect(), T = y.getBoundingClientRect();
       if (i.dir !== "rtl") {
-        const ae = T.left - x.left, ee = P.left - ae, Ie = B.left - ee, Se = B.width + Ie, Ve = Math.max(Se, x.width), me = window.innerWidth - nt, ze = yr(ee, [
+        const ae = T.left - x.left, ee = O.left - ae, Ie = B.left - ee, Se = B.width + Ie, Ve = Math.max(Se, x.width), me = window.innerWidth - nt, ze = yr(ee, [
           nt,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -375,13 +375,13 @@ var Eu = "SelectItemAlignedPosition", ri = A.forwardRef((n, t) => {
         ]);
         c.style.minWidth = Se + "px", c.style.left = ze + "px";
       } else {
-        const ae = x.right - T.right, ee = window.innerWidth - P.right - ae, Ie = window.innerWidth - B.right - ee, Se = B.width + Ie, Ve = Math.max(Se, x.width), me = window.innerWidth - nt, ze = yr(ee, [
+        const ae = x.right - T.right, ee = window.innerWidth - O.right - ae, Ie = window.innerWidth - B.right - ee, Se = B.width + Ie, Ve = Math.max(Se, x.width), me = window.innerWidth - nt, ze = yr(ee, [
           nt,
           Math.max(nt, me - Ve)
         ]);
         c.style.minWidth = Se + "px", c.style.right = ze + "px";
       }
-      const Q = g(), D = window.innerHeight - nt * 2, z = f.scrollHeight, U = window.getComputedStyle(u), O = parseInt(U.borderTopWidth, 10), V = parseInt(U.paddingTop, 10), $ = parseInt(U.borderBottomWidth, 10), G = parseInt(U.paddingBottom, 10), W = O + V + z + G + $, q = Math.min(k.offsetHeight * 5, W), he = window.getComputedStyle(f), de = parseInt(he.paddingTop, 10), ge = parseInt(he.paddingBottom, 10), K = B.top + B.height / 2 - nt, X = D - K, F = k.offsetHeight / 2, M = k.offsetTop + F, L = O + V + M, ie = W - L;
+      const Q = g(), D = window.innerHeight - nt * 2, z = f.scrollHeight, U = window.getComputedStyle(u), P = parseInt(U.borderTopWidth, 10), V = parseInt(U.paddingTop, 10), $ = parseInt(U.borderBottomWidth, 10), G = parseInt(U.paddingBottom, 10), W = P + V + z + G + $, q = Math.min(k.offsetHeight * 5, W), he = window.getComputedStyle(f), de = parseInt(he.paddingTop, 10), ge = parseInt(he.paddingBottom, 10), K = B.top + B.height / 2 - nt, X = D - K, F = k.offsetHeight / 2, M = k.offsetTop + F, L = P + V + M, ie = W - L;
       if (L <= K) {
         const ae = Q.length > 0 && k === Q[Q.length - 1].ref.current;
         c.style.bottom = "0px";
@@ -396,7 +396,7 @@ var Eu = "SelectItemAlignedPosition", ri = A.forwardRef((n, t) => {
         c.style.top = "0px";
         const Ie = Math.max(
           K,
-          O + f.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          P + f.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (ae ? de : 0) + F
         ) + ie;
         c.style.height = Ie + "px", f.scrollTop = L - K + f.offsetTop;
@@ -416,15 +416,15 @@ var Eu = "SelectItemAlignedPosition", ri = A.forwardRef((n, t) => {
     s
   ]);
   Jt(() => I(), [I]);
-  const [N, E] = A.useState();
+  const [R, E] = A.useState();
   Jt(() => {
     u && E(window.getComputedStyle(u).zIndex);
   }, [u]);
   const w = A.useCallback(
     (B) => {
-      B && m.current === !0 && (I(), R == null || R(), m.current = !1);
+      B && m.current === !0 && (I(), N == null || N(), m.current = !1);
     },
-    [I, R]
+    [I, N]
   );
   return /* @__PURE__ */ a(
     Nu,
@@ -441,7 +441,7 @@ var Eu = "SelectItemAlignedPosition", ri = A.forwardRef((n, t) => {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: N
+            zIndex: R
           },
           children: /* @__PURE__ */ a(
             De.div,
@@ -533,8 +533,8 @@ var [Nu, na] = yn($t, {}), Ns = "SelectViewport", si = A.forwardRef(
               if (C > 0) {
                 const m = window.innerHeight - nt * 2, f = parseFloat(h.style.minHeight), k = parseFloat(h.style.height), y = Math.max(f, k);
                 if (y < m) {
-                  const R = y + C, I = Math.min(m, R), N = R - I;
-                  h.style.height = I + "px", h.style.bottom === "0px" && (p.scrollTop = N > 0 ? N : 0, h.style.justifyContent = "flex-end");
+                  const N = y + C, I = Math.min(m, N), R = N - I;
+                  h.style.height = I + "px", h.style.bottom === "0px" && (p.scrollTop = R > 0 ? R : 0, h.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -570,9 +570,9 @@ var kr = "SelectItem", [xu, ci] = yn(kr), di = A.forwardRef(
       ...l
     } = n, c = Mt(kr, r), d = Ut(kr, r), u = c.value === s, [p, h] = A.useState(i ?? ""), [g, C] = A.useState(!1), m = Pe(
       t,
-      (R) => {
+      (N) => {
         var I;
-        return (I = d.itemRefCallback) == null ? void 0 : I.call(d, R, s, o);
+        return (I = d.itemRefCallback) == null ? void 0 : I.call(d, N, s, o);
       }
     ), f = Ls(), k = A.useRef("touch"), y = () => {
       o || (c.onValueChange(s), c.onOpenChange(!1));
@@ -589,8 +589,8 @@ var kr = "SelectItem", [xu, ci] = yn(kr), di = A.forwardRef(
         disabled: o,
         textId: f,
         isSelected: u,
-        onItemTextChange: A.useCallback((R) => {
-          h((I) => I || ((R == null ? void 0 : R.textContent) ?? "").trim());
+        onItemTextChange: A.useCallback((N) => {
+          h((I) => I || ((N == null ? void 0 : N.textContent) ?? "").trim());
         }, []),
         children: /* @__PURE__ */ a(
           Jr.ItemSlot,
@@ -620,20 +620,20 @@ var kr = "SelectItem", [xu, ci] = yn(kr), di = A.forwardRef(
                 onPointerUp: be(l.onPointerUp, () => {
                   k.current === "mouse" && y();
                 }),
-                onPointerDown: be(l.onPointerDown, (R) => {
-                  k.current = R.pointerType;
+                onPointerDown: be(l.onPointerDown, (N) => {
+                  k.current = N.pointerType;
                 }),
-                onPointerMove: be(l.onPointerMove, (R) => {
+                onPointerMove: be(l.onPointerMove, (N) => {
                   var I;
-                  k.current = R.pointerType, o ? (I = d.onItemLeave) == null || I.call(d) : k.current === "mouse" && R.currentTarget.focus({ preventScroll: !0 });
+                  k.current = N.pointerType, o ? (I = d.onItemLeave) == null || I.call(d) : k.current === "mouse" && N.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: be(l.onPointerLeave, (R) => {
+                onPointerLeave: be(l.onPointerLeave, (N) => {
                   var I;
-                  R.currentTarget === document.activeElement && ((I = d.onItemLeave) == null || I.call(d));
+                  N.currentTarget === document.activeElement && ((I = d.onItemLeave) == null || I.call(d));
                 }),
-                onKeyDown: be(l.onKeyDown, (R) => {
-                  var N;
-                  ((N = d.searchRef) == null ? void 0 : N.current) !== "" && R.key === " " || (mu.includes(R.key) && y(), R.key === " " && R.preventDefault());
+                onKeyDown: be(l.onKeyDown, (N) => {
+                  var R;
+                  ((R = d.searchRef) == null ? void 0 : R.current) !== "" && N.key === " " || (mu.includes(N.key) && y(), N.key === " " && N.preventDefault());
                 })
               }
             )
@@ -651,8 +651,8 @@ var Pn = "SelectItemText", ui = A.forwardRef(
       (y) => h(y),
       d.onItemTextChange,
       (y) => {
-        var R;
-        return (R = c.itemTextRefCallback) == null ? void 0 : R.call(c, y, d.value, d.disabled);
+        var N;
+        return (N = c.itemTextRefCallback) == null ? void 0 : N.call(c, y, d.value, d.disabled);
       }
     ), C = p == null ? void 0 : p.textContent, m = A.useMemo(
       () => /* @__PURE__ */ a("option", { value: d.value, disabled: d.disabled, children: C }, d.value),
@@ -842,27 +842,27 @@ var Ou = Go, Pu = Yo, Fu = Zo, zu = _o, Wu = $o, Hu = ei, Lu = si, Ku = oi, Vu =
       inverted: C = !1,
       form: m,
       ...f
-    } = n, k = A.useRef(/* @__PURE__ */ new Set()), y = A.useRef(0), I = l === "horizontal" ? eh : th, [N = [], E] = vr({
+    } = n, k = A.useRef(/* @__PURE__ */ new Set()), y = A.useRef(0), I = l === "horizontal" ? eh : th, [R = [], E] = vr({
       prop: p,
       defaultProp: u,
       onChange: (Q) => {
         var z;
         (z = [...k.current][y.current]) == null || z.focus(), h(Q);
       }
-    }), w = A.useRef(N);
+    }), w = A.useRef(R);
     function B(Q) {
-      const D = oh(N, Q);
+      const D = oh(R, Q);
       T(Q, D);
     }
     function x(Q) {
       T(Q, y.current);
     }
-    function P() {
+    function O() {
       const Q = w.current[y.current];
-      N[y.current] !== Q && g(N);
+      R[y.current] !== Q && g(R);
     }
     function T(Q, D, { commit: z } = { commit: !1 }) {
-      const U = dh(i), O = uh(Math.round((Q - s) / i) * i + s, U), V = yr(O, [s, o]);
+      const U = dh(i), P = uh(Math.round((Q - s) / i) * i + s, U), V = yr(P, [s, o]);
       E(($ = []) => {
         const G = sh($, V, D);
         if (ch(G, d * i)) {
@@ -883,7 +883,7 @@ var Ou = Go, Pu = Yo, Fu = Zo, zu = _o, Wu = $o, Hu = ei, Lu = si, Ku = oi, Vu =
         max: o,
         valueIndexToChangeRef: y,
         thumbs: k.current,
-        values: N,
+        values: R,
         orientation: l,
         form: m,
         children: /* @__PURE__ */ a(Ts.Provider, { scope: n.__scopeSlider, children: /* @__PURE__ */ a(Ts.Slot, { scope: n.__scopeSlider, children: /* @__PURE__ */ a(
@@ -894,19 +894,19 @@ var Ou = Go, Pu = Yo, Fu = Zo, zu = _o, Wu = $o, Hu = ei, Lu = si, Ku = oi, Vu =
             ...f,
             ref: t,
             onPointerDown: be(f.onPointerDown, () => {
-              c || (w.current = N);
+              c || (w.current = R);
             }),
             min: s,
             max: o,
             inverted: C,
             onSlideStart: c ? void 0 : B,
             onSlideMove: c ? void 0 : x,
-            onSlideEnd: c ? void 0 : P,
+            onSlideEnd: c ? void 0 : O,
             onHomeKeyDown: () => !c && T(s, 0, { commit: !0 }),
-            onEndKeyDown: () => !c && T(o, N.length - 1, { commit: !0 }),
+            onEndKeyDown: () => !c && T(o, R.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: Q, direction: D }) => {
               if (!c) {
-                const O = yi.includes(Q.key) || Q.shiftKey && ki.includes(Q.key) ? 10 : 1, V = y.current, $ = N[V], G = i * O * D;
+                const P = yi.includes(Q.key) || Q.shiftKey && ki.includes(Q.key) ? 10 : 1, V = y.current, $ = R[V], G = i * P * D;
                 T($ + G, V, { commit: !0 });
               }
             }
@@ -935,9 +935,9 @@ var [Si, Ei] = Ii(kn, {
       onStepKeyDown: u,
       ...p
     } = n, [h, g] = A.useState(null), C = Pe(t, (I) => g(I)), m = A.useRef(void 0), f = mo(o), k = f === "ltr", y = k && !i || !k && i;
-    function R(I) {
-      const N = m.current || h.getBoundingClientRect(), E = [0, N.width], B = ia(E, y ? [r, s] : [s, r]);
-      return m.current = N, B(I - N.left);
+    function N(I) {
+      const R = m.current || h.getBoundingClientRect(), E = [0, R.width], B = ia(E, y ? [r, s] : [s, r]);
+      return m.current = R, B(I - R.left);
     }
     return /* @__PURE__ */ a(
       Si,
@@ -959,12 +959,12 @@ var [Si, Ei] = Ii(kn, {
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
             onSlideStart: (I) => {
-              const N = R(I.clientX);
-              l == null || l(N);
+              const R = N(I.clientX);
+              l == null || l(R);
             },
             onSlideMove: (I) => {
-              const N = R(I.clientX);
-              c == null || c(N);
+              const R = N(I.clientX);
+              c == null || c(R);
             },
             onSlideEnd: () => {
               m.current = void 0, d == null || d();
@@ -1113,7 +1113,7 @@ var Js = "SliderThumb", oa = A.forwardRef(
   }
 ), nh = A.forwardRef(
   (n, t) => {
-    const { __scopeSlider: r, index: s, name: o, ...i } = n, l = Ur(Js, r), c = Ei(Js, r), [d, u] = A.useState(null), p = Pe(t, (R) => u(R)), h = d ? l.form || !!d.closest("form") : !0, g = vc(d), C = l.values[s], m = C === void 0 ? 0 : Bi(C, l.min, l.max), f = ah(s, l.values.length), k = g == null ? void 0 : g[c.size], y = k ? ih(k, m, c.direction) : 0;
+    const { __scopeSlider: r, index: s, name: o, ...i } = n, l = Ur(Js, r), c = Ei(Js, r), [d, u] = A.useState(null), p = Pe(t, (N) => u(N)), h = d ? l.form || !!d.closest("form") : !0, g = vc(d), C = l.values[s], m = C === void 0 ? 0 : Bi(C, l.min, l.max), f = ah(s, l.values.length), k = g == null ? void 0 : g[c.size], y = k ? ih(k, m, c.direction) : 0;
     return A.useEffect(() => {
       if (d)
         return l.thumbs.add(d), () => {
@@ -1437,15 +1437,15 @@ const Mi = A.forwardRef((n, t) => {
   A.useEffect(() => f(o), [o]);
   const [k, y] = A.useState(i);
   A.useEffect(() => y(i), [i]);
-  const [R, I] = A.useState(l);
+  const [N, I] = A.useState(l);
   A.useEffect(() => I(l), [l]);
-  const [N, E] = A.useState(c);
-  return A.useEffect(() => E(c), [c]), A.createElement(ca, { ...u, ref: t, isRoot: !0, hasBackground: d, appearance: p, accentColor: g, grayColor: m, panelBackground: k, radius: R, scaling: N, onAppearanceChange: h, onAccentColorChange: C, onGrayColorChange: f, onPanelBackgroundChange: y, onRadiusChange: I, onScalingChange: E });
+  const [R, E] = A.useState(c);
+  return A.useEffect(() => E(c), [c]), A.createElement(ca, { ...u, ref: t, isRoot: !0, hasBackground: d, appearance: p, accentColor: g, grayColor: m, panelBackground: k, radius: N, scaling: R, onAppearanceChange: h, onAccentColorChange: C, onGrayColorChange: f, onPanelBackgroundChange: y, onRadiusChange: I, onScalingChange: E });
 });
 Mi.displayName = "ThemeRoot";
 const ca = A.forwardRef((n, t) => {
-  const r = A.useContext(br), { asChild: s, isRoot: o, hasBackground: i, appearance: l = (r == null ? void 0 : r.appearance) ?? Ze.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? Ze.accentColor.default, grayColor: d = (r == null ? void 0 : r.resolvedGrayColor) ?? Ze.grayColor.default, panelBackground: u = (r == null ? void 0 : r.panelBackground) ?? Ze.panelBackground.default, radius: p = (r == null ? void 0 : r.radius) ?? Ze.radius.default, scaling: h = (r == null ? void 0 : r.scaling) ?? Ze.scaling.default, onAppearanceChange: g = an, onAccentColorChange: C = an, onGrayColorChange: m = an, onPanelBackgroundChange: f = an, onRadiusChange: k = an, onScalingChange: y = an, ...R } = n, I = s ? Je : "div", N = d === "auto" ? wh(c) : d, E = n.appearance === "light" || n.appearance === "dark", w = i === void 0 ? o || E : i;
-  return A.createElement(br.Provider, { value: A.useMemo(() => ({ appearance: l, accentColor: c, grayColor: d, resolvedGrayColor: N, panelBackground: u, radius: p, scaling: h, onAppearanceChange: g, onAccentColorChange: C, onGrayColorChange: m, onPanelBackgroundChange: f, onRadiusChange: k, onScalingChange: y }), [l, c, d, N, u, p, h, g, C, m, f, k, y]) }, A.createElement(I, { "data-is-root-theme": o ? "true" : "false", "data-accent-color": c, "data-gray-color": N, "data-has-background": w ? "true" : "false", "data-panel-background": u, "data-radius": p, "data-scaling": h, ref: t, ...R, className: b("radix-themes", { light: l === "light", dark: l === "dark" }, R.className) }));
+  const r = A.useContext(br), { asChild: s, isRoot: o, hasBackground: i, appearance: l = (r == null ? void 0 : r.appearance) ?? Ze.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? Ze.accentColor.default, grayColor: d = (r == null ? void 0 : r.resolvedGrayColor) ?? Ze.grayColor.default, panelBackground: u = (r == null ? void 0 : r.panelBackground) ?? Ze.panelBackground.default, radius: p = (r == null ? void 0 : r.radius) ?? Ze.radius.default, scaling: h = (r == null ? void 0 : r.scaling) ?? Ze.scaling.default, onAppearanceChange: g = an, onAccentColorChange: C = an, onGrayColorChange: m = an, onPanelBackgroundChange: f = an, onRadiusChange: k = an, onScalingChange: y = an, ...N } = n, I = s ? Je : "div", R = d === "auto" ? wh(c) : d, E = n.appearance === "light" || n.appearance === "dark", w = i === void 0 ? o || E : i;
+  return A.createElement(br.Provider, { value: A.useMemo(() => ({ appearance: l, accentColor: c, grayColor: d, resolvedGrayColor: R, panelBackground: u, radius: p, scaling: h, onAppearanceChange: g, onAccentColorChange: C, onGrayColorChange: m, onPanelBackgroundChange: f, onRadiusChange: k, onScalingChange: y }), [l, c, d, R, u, p, h, g, C, m, f, k, y]) }, A.createElement(I, { "data-is-root-theme": o ? "true" : "false", "data-accent-color": c, "data-gray-color": R, "data-has-background": w ? "true" : "false", "data-panel-background": u, "data-radius": p, "data-scaling": h, ref: t, ...N, className: b("radix-themes", { light: l === "light", dark: l === "dark" }, N.className) }));
 });
 ca.displayName = "ThemeImpl";
 const Pt = (n) => {
@@ -2337,20 +2337,20 @@ const km = "_Callout_1lwt5_1", bm = "_size1_1lwt5_5", Im = "_onlyButton_1lwt5_5"
   iconButtonProps: p,
   ...h
 }) => {
-  const g = !!u, C = !!p, m = g || C, f = Pm(r), k = Fm(r), y = r === "3" ? "3" : "2", R = _(null), I = _(null), [N, E] = j("start");
+  const g = !!u, C = !!p, m = g || C, f = Pm(r), k = Fm(r), y = r === "3" ? "3" : "2", N = _(null), I = _(null), [R, E] = j("start");
   Qo(() => {
     if (!m) {
       E("start");
       return;
     }
-    if (!R.current || !I.current) return;
+    if (!N.current || !I.current) return;
     const B = () => {
-      const P = R.current.scrollHeight, T = I.current.scrollHeight;
-      E(P <= T ? "center" : "start");
+      const O = N.current.scrollHeight, T = I.current.scrollHeight;
+      E(O <= T ? "center" : "start");
     };
     B();
     const x = new ResizeObserver(B);
-    return x.observe(R.current), x.observe(I.current), () => x.disconnect();
+    return x.observe(N.current), x.observe(I.current), () => x.disconnect();
   }, [m]);
   const w = () => d ? null : /* @__PURE__ */ a(ga, { style: { height: k }, children: /* @__PURE__ */ a(i, { width: f, height: f }) });
   return /* @__PURE__ */ a(en, { asChild: !0, children: /* @__PURE__ */ a(
@@ -2370,7 +2370,7 @@ const km = "_Callout_1lwt5_1", bm = "_size1_1lwt5_5", Im = "_onlyButton_1lwt5_5"
         C && !g && on.onlyIconButton
       ),
       ...h,
-      children: /* @__PURE__ */ v(S, { justify: "between", gap: "3", width: "100%", align: N, children: [
+      children: /* @__PURE__ */ v(S, { justify: "between", gap: "3", width: "100%", align: R, children: [
         /* @__PURE__ */ v(
           S,
           {
@@ -2379,7 +2379,7 @@ const km = "_Callout_1lwt5_1", bm = "_size1_1lwt5_5", Im = "_onlyButton_1lwt5_5"
             width: "100%",
             children: [
               w(),
-              /* @__PURE__ */ v(S, { direction: "column", gap: "1", width: "100%", ref: R, children: [
+              /* @__PURE__ */ v(S, { direction: "column", gap: "1", width: "100%", ref: N, children: [
                 c && /* @__PURE__ */ a(Y, { size: y, weight: "bold", children: c }),
                 /* @__PURE__ */ a(Y, { size: y, weight: "regular", children: l || n })
               ] })
@@ -2981,17 +2981,17 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
     if (u.length > 1) {
       const p = new Set(u), h = u.map((y) => n[y]).filter(Boolean), g = u.filter(
         (y) => y < i
-      ).length, C = i - g, f = [...n.filter((y, R) => !p.has(R))];
+      ).length, C = i - g, f = [...n.filter((y, N) => !p.has(N))];
       return f.splice(C, 0, ...h), f.some(
-        (y, R) => {
+        (y, N) => {
           var I;
-          return (y == null ? void 0 : y.id) !== ((I = n[R]) == null ? void 0 : I.id);
+          return (y == null ? void 0 : y.id) !== ((I = n[N]) == null ? void 0 : I.id);
         }
       ) ? {
         order: r,
         move_before: i,
         orders: u,
-        rowIds: h.map((y, R) => Xt(y, R)).filter(Boolean),
+        rowIds: h.map((y, N) => Xt(y, N)).filter(Boolean),
         mode: "multi"
       } : null;
     }
@@ -3091,17 +3091,17 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
       var z;
       const x = String(((z = B.active) == null ? void 0 : z.id) ?? "");
       if (!x) return;
-      const P = f.get(x);
-      if (!P) return;
-      const T = t.has(x), Q = T && r.length > 0 ? r : [P], D = {
-        row: P,
+      const O = f.get(x);
+      if (!O) return;
+      const T = t.has(x), Q = T && r.length > 0 ? r : [O], D = {
+        row: O,
         selectedRows: Q,
         isDraggedRowSelected: T
       };
       u(x), h(x), C(D), i == null || i(D, B.activatorEvent);
     },
     [i, f, r, t]
-  ), R = J((B) => {
+  ), N = J((B) => {
     var x;
     h((x = B.over) != null && x.id ? String(B.over.id) : null);
   }, []), I = J(
@@ -3109,29 +3109,29 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
       g != null && g.row && (l == null || l(g.row, B == null ? void 0 : B.activatorEvent)), k();
     },
     [g, l, k]
-  ), N = J(
+  ), R = J(
     (B) => {
       var Q, D;
-      const x = String(((Q = B.active) == null ? void 0 : Q.id) ?? ""), P = (D = B.over) != null && D.id ? String(B.over.id) : null, T = f.get(x) ?? (g == null ? void 0 : g.row);
-      if (T && (l == null || l(T, B.activatorEvent)), s && P && x) {
-        const z = n.findIndex((O) => O.id === x);
+      const x = String(((Q = B.active) == null ? void 0 : Q.id) ?? ""), O = (D = B.over) != null && D.id ? String(B.over.id) : null, T = f.get(x) ?? (g == null ? void 0 : g.row);
+      if (T && (l == null || l(T, B.activatorEvent)), s && O && x) {
+        const z = n.findIndex((P) => P.id === x);
         let U = null;
-        if (P === Ms)
+        if (O === Ms)
           U = 0;
-        else if (P === Us)
+        else if (O === Us)
           U = n.length;
-        else if (x !== P) {
-          const O = n.findIndex((V) => V.id === P);
-          O >= 0 && (U = O > z ? O + 1 : O);
+        else if (x !== O) {
+          const P = n.findIndex((V) => V.id === O);
+          P >= 0 && (U = P > z ? P + 1 : P);
         }
         if (z >= 0 && U != null) {
-          const O = zC({
+          const P = zC({
             data: n,
             selectedSet: t,
             order: z,
             moveBefore: U
           });
-          O && (o == null || o(O));
+          P && (o == null || o(P));
         }
       }
       k();
@@ -3151,19 +3151,19 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
       sensors: m,
       collisionDetection: au,
       onDragStart: y,
-      onDragOver: R,
+      onDragOver: N,
       onDragCancel: I,
-      onDragEnd: N
+      onDragEnd: R
     }),
-    [I, N, R, y, m]
+    [I, R, N, y, m]
   ), w = oe(
     () => ({
       onDragStart: y,
-      onDragOver: R,
+      onDragOver: N,
       onDragCancel: I,
-      onDragEnd: N
+      onDragEnd: R
     }),
-    [y, R, I, N]
+    [y, N, I, R]
   );
   return {
     dndContextProps: E,
@@ -3217,22 +3217,22 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
             )
           }
         ),
-        n.map((y, R) => /* @__PURE__ */ a(
+        n.map((y, N) => /* @__PURE__ */ a(
           Hn,
           {
             className: b(ne.columnHeaderCell, {
-              [ne.columnProject]: R === 0,
-              [ne.dataColumn]: R !== 0,
+              [ne.columnProject]: N === 0,
+              [ne.dataColumn]: N !== 0,
               [ne.mobileVisibleDataColumn]: y.id === s,
               [ne.sortedColumn]: nr(t) === nr(y.id)
             }),
             children: /* @__PURE__ */ v(S, { align: "center", gap: "3", height: "24px", children: [
-              R === 0 && o ? /* @__PURE__ */ a(Y, { size: "2", weight: "regular", className: ne.headerTextFirst, children: l }) : y.sortable ? /* @__PURE__ */ v(
+              N === 0 && o ? /* @__PURE__ */ a(Y, { size: "2", weight: "regular", className: ne.headerTextFirst, children: l }) : y.sortable ? /* @__PURE__ */ v(
                 "button",
                 {
                   type: "button",
                   className: b(ne.sortButton, {
-                    [ne.sortButtonFirst]: R === 0
+                    [ne.sortButtonFirst]: N === 0
                   }),
                   onClick: () => f(y.id),
                   children: [
@@ -3241,7 +3241,7 @@ const Xf = "_DataTable_kyf7f_1", Zf = "_titleText_kyf7f_23", _f = "_artistText_k
                   ]
                 }
               ) : /* @__PURE__ */ a(Y, { size: "2", className: ne.headerText, children: y.label }),
-              R === 0 && g && /* @__PURE__ */ a(S, { gap: "2", className: ne.headerActions, children: g({
+              N === 0 && g && /* @__PURE__ */ a(S, { gap: "2", className: ne.headerActions, children: g({
                 selectedCount: c,
                 total: d,
                 anySelected: o,
@@ -3296,11 +3296,11 @@ const YC = Te.memo(function({
   renderDataCell: f,
   rowDraggable: k,
   reorderable: y,
-  isDragOver: R,
+  isDragOver: N,
   dndScopeId: I
 }) {
   var X;
-  const N = _(!1), E = _(!1), w = _(!1), B = _(!1), { listeners: x, setNodeRef: P, transform: T, transition: Q, isDragging: D } = du({
+  const R = _(!1), E = _(!1), w = _(!1), B = _(!1), { listeners: x, setNodeRef: O, transform: T, transition: Q, isDragging: D } = du({
     id: r,
     disabled: !Va({ row: t, rowDraggable: k, reorderable: y }),
     data: {
@@ -3313,7 +3313,7 @@ const YC = Te.memo(function({
   }), z = {
     ...T ? { transform: Au.Transform.toString(T) } : {},
     ...Q ? { transition: Q } : {}
-  }, U = i ? { ...z, "--row-bg": "var(--aqua-alpha-2)" } : z, O = (F) => {
+  }, U = i ? { ...z, "--row-bg": "var(--aqua-alpha-2)" } : z, P = (F) => {
     if (E.current) {
       E.current = !1;
       return;
@@ -3322,14 +3322,14 @@ const YC = Te.memo(function({
   }, V = (F) => {
     F.pointerType === "touch" && (E.current = !0, F.shiftKey ? C == null || C(t, s) : h == null || h(t));
   }, $ = (F) => {
-    F.stopPropagation(), F.shiftKey && (F.preventDefault(), N.current = !0, C == null || C(t, s), setTimeout(() => {
-      N.current = !1;
+    F.stopPropagation(), F.shiftKey && (F.preventDefault(), R.current = !0, C == null || C(t, s), setTimeout(() => {
+      R.current = !1;
     }, 0));
   }, G = (F) => {
     if (F.key === "Enter") {
       if (F.preventDefault(), F.stopPropagation(), F.shiftKey) {
-        N.current = !0, C == null || C(t, s), setTimeout(() => {
-          N.current = !1;
+        R.current = !0, C == null || C(t, s), setTimeout(() => {
+          R.current = !1;
         }, 0);
         return;
       }
@@ -3344,8 +3344,8 @@ const YC = Te.memo(function({
   }, q = (F) => {
     F.pointerType === "touch" && (F.stopPropagation(), w.current = !0, F.shiftKey ? C == null || C(t, s) : r != null && (g == null || g(r, !i)));
   }, he = (F) => {
-    if (N.current) {
-      N.current = !1;
+    if (R.current) {
+      R.current = !1;
       return;
     }
     if (w.current) {
@@ -3361,13 +3361,13 @@ const YC = Te.memo(function({
   return /* @__PURE__ */ v(
     Yn,
     {
-      ref: P,
+      ref: O,
       "data-row-id": r ?? void 0,
       className: b({
         [ne.rowSelected]: i,
         [ne.showDropdownOnSelect]: de,
         [ne.rowDragging]: D,
-        [ne.rowDragOver]: K && R,
+        [ne.rowDragOver]: K && N,
         [ne.rowReorderable]: K
       }),
       style: U,
@@ -3408,14 +3408,14 @@ const YC = Te.memo(function({
             ),
             "data-column-id": F.id,
             "data-sorted": d === F.id,
-            onClick: M === 0 ? void 0 : O,
+            onClick: M === 0 ? void 0 : P,
             onPointerUp: M === 0 ? void 0 : V,
             children: M === 0 ? /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 className: ne.rowActionButton,
-                onClick: O,
+                onClick: P,
                 onPointerUp: V,
                 children: m(t)
               }
@@ -3487,24 +3487,24 @@ const YC = Te.memo(function({
   overDragRowId: f,
   dndScopeId: k
 }) => {
-  const y = t.length + 1 + (d ? 1 : 0), R = J((N) => /* @__PURE__ */ v(S, { align: "center", gap: "3", children: [
+  const y = t.length + 1 + (d ? 1 : 0), N = J((R) => /* @__PURE__ */ v(S, { align: "center", gap: "3", children: [
     /* @__PURE__ */ a(
       es,
       {
-        title: N.title,
+        title: R.title,
         size: 48,
         className: ne.thumb,
-        type: N.type,
-        cover: N.thumb
+        type: R.type,
+        cover: R.thumb
       }
     ),
     /* @__PURE__ */ v(S, { direction: "column", style: { minWidth: 0, flex: 1 }, children: [
-      /* @__PURE__ */ a(Y, { size: "2", className: ne.titleText, children: N.title }),
-      /* @__PURE__ */ a(Y, { size: "1", className: ne.artistText, children: N.artist })
+      /* @__PURE__ */ a(Y, { size: "2", className: ne.titleText, children: R.title }),
+      /* @__PURE__ */ a(Y, { size: "1", className: ne.artistText, children: R.artist })
     ] })
-  ] }), []), I = J((N, E, w) => {
+  ] }), []), I = J((R, E, w) => {
     var T;
-    const B = (N == null ? void 0 : N[E.id]) ?? (N == null ? void 0 : N[`${E.id}Formatted`]), x = ((T = E.render) == null ? void 0 : T.call(E, { row: N, value: B, column: E, index: w })) ?? B;
+    const B = (R == null ? void 0 : R[E.id]) ?? (R == null ? void 0 : R[`${E.id}Formatted`]), x = ((T = E.render) == null ? void 0 : T.call(E, { row: R, value: B, column: E, index: w })) ?? B;
     return typeof x == "string" || typeof x == "number" || x == null ? /* @__PURE__ */ a(Y, { size: "2", className: ne.cellText, children: x }) : x;
   }, []);
   return /* @__PURE__ */ a(Ta, { children: /* @__PURE__ */ v(uu, { items: r, strategy: hu, children: [
@@ -3516,14 +3516,14 @@ const YC = Te.memo(function({
         colSpan: y
       }
     ),
-    n.map((N, E) => /* @__PURE__ */ a(
+    n.map((R, E) => /* @__PURE__ */ a(
       YC,
       {
-        rowId: N.id,
-        row: N,
+        rowId: R.id,
+        row: R,
         rowIndex: E,
         columns: t,
-        isSelected: s(N, E),
+        isSelected: s(R, E),
         anyRowSelected: o,
         selectedCount: i,
         sortedKey: l,
@@ -3532,14 +3532,14 @@ const YC = Te.memo(function({
         onRowClick: u,
         onSelectRow: p,
         onShiftClickRow: h,
-        renderProjectCell: R,
+        renderProjectCell: N,
         renderDataCell: I,
         rowDraggable: g,
         reorderable: C,
-        isDragOver: C && f === N.id && m !== N.id,
+        isDragOver: C && f === R.id && m !== R.id,
         dndScopeId: k
       },
-      N.id
+      R.id
     )),
     C && /* @__PURE__ */ a(
       ja,
@@ -3569,33 +3569,33 @@ const YC = Te.memo(function({
   rowDraggable: f,
   onRowDragStart: k,
   onRowDragMove: y,
-  onRowDragEnd: R,
+  onRowDragEnd: N,
   getDragPreviewLabel: I,
-  getDragPreviewCountLabel: N,
+  getDragPreviewCountLabel: R,
   renderDragPreview: E,
   renderDndContext: w = !0,
   dndScopeId: B,
   ...x
 }) => {
   var Z, Me;
-  const P = _(null), T = c == null ? void 0 : c.field, Q = (Z = t == null ? void 0 : t[0]) == null ? void 0 : Z.id, D = (Me = t == null ? void 0 : t[1]) == null ? void 0 : Me.id, z = oe(() => {
+  const O = _(null), T = c == null ? void 0 : c.field, Q = (Z = t == null ? void 0 : t[0]) == null ? void 0 : Z.id, D = (Me = t == null ? void 0 : t[1]) == null ? void 0 : Me.id, z = oe(() => {
     if (t != null && t.length)
       return !T || T === Q ? D : T;
   }, [t, T, Q, D]), U = oe(
     () => r.map((fe, Ce) => OC(fe, Ce)),
     [r]
-  ), O = oe(
+  ), P = oe(
     () => new Set((s ?? []).map((fe) => String(fe))),
     [s]
   ), V = oe(
-    () => U.filter((fe) => fe.id && O.has(fe.id)),
-    [U, O]
+    () => U.filter((fe) => fe.id && P.has(fe.id)),
+    [U, P]
   ), $ = J(
     (fe, Ce) => {
       const Ee = Xt(fe, Ce);
-      return Ee != null && O.has(Ee);
+      return Ee != null && P.has(Ee);
     },
-    [O]
+    [P]
   ), G = s.length, W = (r == null ? void 0 : r.length) ?? 0, q = G > 0, he = W > 0 && G === W, de = oe(
     () => r == null ? void 0 : r.some((fe) => {
       var Ce;
@@ -3610,18 +3610,18 @@ const YC = Te.memo(function({
   ), K = J(
     (fe, Ce) => {
       if (!p) return;
-      const Ee = P.current, $e = Ee != null ? Math.min(Ee, Ce) : Ce, qe = Ee != null ? Math.max(Ee, Ce) : Ce;
+      const Ee = O.current, $e = Ee != null ? Math.min(Ee, Ce) : Ce, qe = Ee != null ? Math.max(Ee, Ce) : Ce;
       for (let Zn = $e; Zn <= qe; Zn++) {
         const Ua = Xt(r[Zn], Zn);
         Ua != null && p(Ua, !0);
       }
-      Ee == null && (P.current = Ce);
+      Ee == null && (O.current = Ce);
     },
     [r, p]
   ), X = J(
     (fe, Ce) => {
       const Ee = (r == null ? void 0 : r.findIndex(($e, qe) => Xt($e, qe) === String(fe))) ?? -1;
-      Ee >= 0 && (P.current = Ee), p == null || p(String(fe), Ce);
+      Ee >= 0 && (O.current = Ee), p == null || p(String(fe), Ce);
     },
     [r, p]
   ), {
@@ -3633,12 +3633,12 @@ const YC = Te.memo(function({
     monitorHandlers: ae
   } = KC({
     rows: U,
-    selectedSet: O,
+    selectedSet: P,
     selectedRows: V,
     reorderable: C,
     onReorder: m,
     onRowDragStart: k,
-    onRowDragEnd: R,
+    onRowDragEnd: N,
     dndScopeId: B
   }), ee = _(ae);
   ee.current = ae;
@@ -3702,7 +3702,7 @@ const YC = Te.memo(function({
       model: ie,
       renderDragPreview: E,
       getDragPreviewLabel: I,
-      getDragPreviewCountLabel: N
+      getDragPreviewCountLabel: R
     }
   ) }) : null });
   return w ? /* @__PURE__ */ v(iu, { ...F, children: [
@@ -3749,11 +3749,11 @@ const _C = "_hasTriggerWithoutClick_19qua_1", $C = "_hasLeftColor_19qua_10", ev
     i && (w.preventDefault(), w.stopPropagation(), i(w));
   }, y = () => {
     C(!0);
-  }, R = () => {
+  }, N = () => {
     C(!1);
   }, I = () => {
     f(!0);
-  }, N = () => {
+  }, R = () => {
     f(!1);
   }, E = i ? "button" : "div";
   return /* @__PURE__ */ a(S, { className: b(We.container, s), ...u, children: /* @__PURE__ */ v(Rr, { open: l, onOpenChange: c, modal: !0, children: [
@@ -3771,7 +3771,7 @@ const _C = "_hasTriggerWithoutClick_19qua_1", $C = "_hasLeftColor_19qua_10", ev
         onMouseLeave: () => h(!1),
         onClick: k,
         onFocus: y,
-        onBlur: R,
+        onBlur: N,
         children: /* @__PURE__ */ a(
           Oe,
           {
@@ -3807,7 +3807,7 @@ const _C = "_hasTriggerWithoutClick_19qua_1", $C = "_hasLeftColor_19qua_10", ev
           h(!1);
         },
         onFocus: I,
-        onBlur: N,
+        onBlur: R,
         children: [
           !i && /* @__PURE__ */ a(
             Oe,
@@ -3873,10 +3873,10 @@ const Ga = Da(ld), mn = Ge(
     wrapCloseMenu: g,
     ...C
   }) => {
-    const m = C.open !== void 0, [f, k] = j(!1), y = m ? C.open : f, R = J((w) => {
+    const m = C.open !== void 0, [f, k] = j(!1), y = m ? C.open : f, N = J((w) => {
       var B;
       m || k(w), (B = C == null ? void 0 : C.onOpenChange) == null || B.call(C, w);
-    }, [m, C == null ? void 0 : C.onOpenChange]), I = J(() => R(!1), [R]), N = g ? g(I) : I, E = {
+    }, [m, C == null ? void 0 : C.onOpenChange]), I = J(() => N(!1), [N]), R = g ? g(I) : I, E = {
       ...p && {
         width: "var(--radix-dropdown-menu-trigger-width)",
         boxSizing: "border-box"
@@ -3888,7 +3888,7 @@ const Ga = Da(ld), mn = Ge(
       {
         ...C,
         open: l ? !1 : y,
-        onOpenChange: l ? void 0 : R,
+        onOpenChange: l ? void 0 : N,
         children: [
           /* @__PURE__ */ a(
             Jo,
@@ -3926,7 +3926,7 @@ const Ga = Da(ld), mn = Ge(
                       o,
                       i,
                       d,
-                      N,
+                      R,
                       h
                     )
                   )
@@ -3953,7 +3953,7 @@ const Ga = Da(ld), mn = Ge(
                   o,
                   i,
                   d,
-                  N,
+                  R,
                   h
                 )
               )
@@ -3992,13 +3992,13 @@ const dv = "_container_5ow1v_1", uv = "_triggerWithClick_5ow1v_12", hv = "_chevr
     wrapCloseMenu: C,
     ...m
   }) => {
-    const f = m.open !== void 0, [k, y] = j(!1), R = f ? m.open : k, I = J(
+    const f = m.open !== void 0, [k, y] = j(!1), N = f ? m.open : k, I = J(
       (D) => {
         var z;
         f || y(D), (z = m == null ? void 0 : m.onOpenChange) == null || z.call(m, D);
       },
       [f, m == null ? void 0 : m.onOpenChange]
-    ), N = J(() => I(!1), [I]), E = C ? C(N) : N, w = {
+    ), R = J(() => I(!1), [I]), E = C ? C(R) : R, w = {
       ...u && {
         width: "var(--radix-dropdown-menu-trigger-width)",
         boxSizing: "border-box"
@@ -4008,7 +4008,7 @@ const dv = "_container_5ow1v_1", uv = "_triggerWithClick_5ow1v_12", hv = "_chevr
       p && (D.preventDefault(), D.stopPropagation(), p(D));
     }, x = J((D) => {
       D.key === "Tab" && D.stopPropagation();
-    }, []), P = J((D) => {
+    }, []), O = J((D) => {
       D.preventDefault();
       const z = D.currentTarget.querySelector("[data-tools-dropdown-panel]");
       z == null || z.focus({ preventScroll: !0 });
@@ -4031,7 +4031,7 @@ const dv = "_container_5ow1v_1", uv = "_triggerWithClick_5ow1v_12", hv = "_chevr
         style: w,
         sideOffset: d,
         alignOffset: 0,
-        onOpenAutoFocus: P,
+        onOpenAutoFocus: O,
         onCloseAutoFocus: (D) => {
           D.preventDefault();
         },
@@ -4043,7 +4043,7 @@ const dv = "_container_5ow1v_1", uv = "_triggerWithClick_5ow1v_12", hv = "_chevr
       Do,
       {
         ...m,
-        open: l ? !1 : R,
+        open: l ? !1 : N,
         onOpenChange: l ? void 0 : I,
         children: [
           p && /* @__PURE__ */ a(
@@ -4104,30 +4104,30 @@ const vv = "_popoverPortal_j8b3y_1", yv = "_popoverContent_j8b3y_9", kv = "_cont
   }) => {
     const g = h.open !== void 0, [C, m] = j(!1), f = g ? h.open : C, k = J(
       (x) => {
-        var P;
-        g || m(x), (P = h == null ? void 0 : h.onOpenChange) == null || P.call(h, x);
+        var O;
+        g || m(x), (O = h == null ? void 0 : h.onOpenChange) == null || O.call(h, x);
       },
       [g, h == null ? void 0 : h.onOpenChange]
-    ), y = J(() => k(!1), [k]), R = u ? u(y) : y, I = {
+    ), y = J(() => k(!1), [k]), N = u ? u(y) : y, I = {
       ...d && {
         width: "var(--radix-popover-trigger-width)",
         boxSizing: "border-box"
       },
       ...l && { height: l }
-    }, N = J((x) => {
+    }, R = J((x) => {
       x.key === "Tab" && x.stopPropagation();
     }, []), E = J((x) => {
       x.preventDefault();
-      const P = x.currentTarget.querySelector("[data-tools-popover-panel]");
-      P == null || P.focus({ preventScroll: !0 });
+      const O = x.currentTarget.querySelector("[data-tools-popover-panel]");
+      O == null || O.focus({ preventScroll: !0 });
     }, []), w = () => /* @__PURE__ */ a(
       "div",
       {
         className: is.contentPanel,
         "data-tools-popover-panel": !0,
         tabIndex: -1,
-        onKeyDown: N,
-        children: typeof t == "function" ? t(R) : t
+        onKeyDown: R,
+        children: typeof t == "function" ? t(N) : t
       }
     ), B = /* @__PURE__ */ a(en, { asChild: !0, children: /* @__PURE__ */ a(
       Nr,
@@ -4378,27 +4378,27 @@ function Wv({ initialScreen: n, animated: t, children: r }) {
   ), k = J(
     (Q) => g(() => [{ name: Q || n, params: {} }]),
     [g, n]
-  ), y = s.length > 1, R = oe(
+  ), y = s.length > 1, N = oe(
     () => ({ push: C, pop: m, popTo: f, reset: k, canGoBack: y, stack: s }),
     [C, m, f, k, y, s]
-  ), I = s[s.length - 1], N = h[I.name];
-  if (!N) return null;
+  ), I = s[s.length - 1], R = h[I.name];
+  if (!R) return null;
   const E = oe(
     () => s.map((Q, D) => {
       var z;
       return (z = h[Q.name]) != null && z.keepMounted ? { entry: Q, stackIndex: D } : null;
     }).filter(Boolean),
     [s, h]
-  ), w = (Q, D) => Q in i ? i[Q] : N[Q] ?? D, B = N.component, x = N.keepMounted === !0, P = J(
+  ), w = (Q, D) => Q in i ? i[Q] : R[Q] ?? D, B = R.component, x = R.keepMounted === !0, O = J(
     (Q) => {
       u.current[u.current.length - 1].name === I.name && l((z) => ({ ...z, ...Q }));
     },
     [I.name]
   ), T = oe(
-    () => ({ name: I.name, params: I.params || {}, setOptions: P }),
-    [I.name, I.params, P]
+    () => ({ name: I.name, params: I.params || {}, setOptions: O }),
+    [I.name, I.params, O]
   );
-  return /* @__PURE__ */ a(Tl.Provider, { value: R, children: /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
+  return /* @__PURE__ */ a(Tl.Provider, { value: N, children: /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
     /* @__PURE__ */ a(
       Dl,
       {
@@ -4426,12 +4426,12 @@ function Wv({ initialScreen: n, animated: t, children: r }) {
           E.map(({ entry: Q, stackIndex: D }) => {
             const z = h[Q.name];
             if (!(z != null && z.component)) return null;
-            const U = z.component, O = Q.name === I.name, V = O ? T : { name: Q.name, params: Q.params || {}, setOptions: () => {
+            const U = z.component, P = Q.name === I.name, V = P ? T : { name: Q.name, params: Q.params || {}, setOptions: () => {
             } };
             return /* @__PURE__ */ a(
               "div",
               {
-                style: O ? {
+                style: P ? {
                   position: "relative",
                   display: "flex",
                   flexDirection: "column",
@@ -4873,13 +4873,13 @@ const aR = $r, g1 = "_sliderRoot_19e7a_23", m1 = "_sliderTrack_19e7a_31", f1 = "
   tooltipArrow: y1,
   sliderContainer: k1
 }, b1 = ({ onChangeValue: n, volume: t, disabled: r }) => {
-  const [s, o] = j(!1), i = _(), l = _(0), c = J((N) => {
-    if (N < 1e-3) return -1 / 0;
-    const E = 20 * Math.log10(N);
+  const [s, o] = j(!1), i = _(), l = _(0), c = J((R) => {
+    if (R < 1e-3) return -1 / 0;
+    const E = 20 * Math.log10(R);
     return E < -60 ? -60 : E;
-  }, []), d = J((N) => N === -1 / 0 || N <= -60 ? 0 : Math.pow(10, N / 20), []), u = oe(() => {
-    const N = c(t);
-    return N === -1 / 0 ? -60 : Math.max(-60, Math.min(6, N));
+  }, []), d = J((R) => R === -1 / 0 || R <= -60 ? 0 : Math.pow(10, R / 20), []), u = oe(() => {
+    const R = c(t);
+    return R === -1 / 0 ? -60 : Math.max(-60, Math.min(6, R));
   }, [t, c]), p = oe(() => t < 1e-3, [t]), h = J(() => {
     clearTimeout(i.current), o(!0);
   }, []), g = J(() => {
@@ -4887,13 +4887,13 @@ const aR = $r, g1 = "_sliderRoot_19e7a_23", m1 = "_sliderTrack_19e7a_31", f1 = "
       o(!1);
     }, 300);
   }, []), C = J(
-    (N) => {
-      (N.key === "ArrowUp" || N.key === "ArrowDown") && h(), (N.key === "ArrowLeft" || N.key === "ArrowRight") && (N.preventDefault(), N.stopPropagation(), h());
+    (R) => {
+      (R.key === "ArrowUp" || R.key === "ArrowDown") && h(), (R.key === "ArrowLeft" || R.key === "ArrowRight") && (R.preventDefault(), R.stopPropagation(), h());
     },
     [h]
   ), m = J(
-    (N) => {
-      n(N.map(d));
+    (R) => {
+      n(R.map(d));
     },
     [n, d]
   ), f = J(() => {
@@ -4902,9 +4902,9 @@ const aR = $r, g1 = "_sliderRoot_19e7a_23", m1 = "_sliderTrack_19e7a_31", f1 = "
     g();
   }, [g]), y = J(() => {
     n([1]), h();
-  }, [n, h]), R = J(() => {
-    const N = Date.now();
-    N - l.current < 300 && y(), l.current = N;
+  }, [n, h]), N = J(() => {
+    const R = Date.now();
+    R - l.current < 300 && y(), l.current = R;
   }, [y]), I = oe(
     () => /* @__PURE__ */ v(we, { children: [
       p ? "-∞ dB" : `${u.toFixed(1)} dB`,
@@ -4934,7 +4934,7 @@ const aR = $r, g1 = "_sliderRoot_19e7a_23", m1 = "_sliderTrack_19e7a_31", f1 = "
               onPointerDown: f,
               onKeyDown: C,
               onBlur: k,
-              onClick: R
+              onClick: N
             }
           ) }),
           /* @__PURE__ */ a(
@@ -5026,13 +5026,13 @@ const Ol = Ge(
     const [u, p] = j(!1), [h, g] = j(!1), C = r || u || h, m = J(
       (y) => {
         if (!c || y.button !== 0) return;
-        const R = performance.now(), I = i.current;
-        if (I && R - I.t < P1 && Math.hypot(y.clientX - I.x, y.clientY - I.y) < F1) {
+        const N = performance.now(), I = i.current;
+        if (I && N - I.t < P1 && Math.hypot(y.clientX - I.x, y.clientY - I.y) < F1) {
           y.preventDefault(), y.stopPropagation(), i.current = null, c();
           return;
         }
         i.current = {
-          t: R,
+          t: N,
           x: y.clientX,
           y: y.clientY
         };
@@ -5041,16 +5041,16 @@ const Ol = Ge(
     ), f = J(
       (y) => {
         if (!l) return;
-        const R = Ul(o);
-        let I = R;
+        const N = Ul(o);
+        let I = N;
         switch (y.key) {
           case "ArrowRight":
           case "ArrowUp":
-            y.preventDefault(), I = Math.min(1, R + sr), l([Nt(I)]);
+            y.preventDefault(), I = Math.min(1, N + sr), l([Nt(I)]);
             break;
           case "ArrowLeft":
           case "ArrowDown":
-            y.preventDefault(), I = Math.max(0, R - sr), l([Nt(I)]);
+            y.preventDefault(), I = Math.max(0, N - sr), l([Nt(I)]);
             break;
           case "Home":
             y.preventDefault(), l([Nt(0)]);
@@ -5059,10 +5059,10 @@ const Ol = Ge(
             y.preventDefault(), l([Nt(1)]);
             break;
           case "PageUp":
-            y.preventDefault(), I = Math.min(1, R + sr * 4), l([Nt(I)]);
+            y.preventDefault(), I = Math.min(1, N + sr * 4), l([Nt(I)]);
             break;
           case "PageDown":
-            y.preventDefault(), I = Math.max(0, R - sr * 4), l([Nt(I)]);
+            y.preventDefault(), I = Math.max(0, N - sr * 4), l([Nt(I)]);
             break;
         }
       },
@@ -5112,16 +5112,16 @@ const Qa = Ge(function({
   hover: c = !1,
   resetPeakHold: d
 }) {
-  const [u, p] = t, h = Ps(Xa(u ?? 0)), g = Ps(Xa(p ?? 0)), [C, m] = j(!1), f = _(!1), k = _(null), y = _(null), R = _(null), I = _(0), N = _(null), [E, w] = j(0), [B, x] = j(!1);
+  const [u, p] = t, h = Ps(Xa(u ?? 0)), g = Ps(Xa(p ?? 0)), [C, m] = j(!1), f = _(!1), k = _(null), y = _(null), N = _(null), I = _(0), R = _(null), [E, w] = j(0), [B, x] = j(!1);
   le(() => {
     I.current = 0, w(0);
-  }, [d]), le(() => () => clearTimeout(N.current), []);
-  const P = Math.max(
+  }, [d]), le(() => () => clearTimeout(R.current), []);
+  const O = Math.max(
     0,
     Math.min(100, Ul(r) * 100)
   ), T = Fs(h), Q = Fs(g), D = Math.max(T, Q);
   le(() => {
-    D > I.current && (I.current = D, w(D), x(!0), clearTimeout(N.current), N.current = setTimeout(() => {
+    D > I.current && (I.current = D, w(D), x(!0), clearTimeout(R.current), R.current = setTimeout(() => {
       x(!1), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           I.current = 0, w(0);
@@ -5129,11 +5129,11 @@ const Qa = Ge(function({
       });
     }, 400)), D <= 0 && (I.current = 0, w(0));
   }, [D]);
-  const z = z1(E), U = E > 0, O = J(
+  const z = z1(E), U = E > 0, P = J(
     (q) => {
       var de;
       if (!s) return;
-      y.current && q.target instanceof Element && !y.current.contains(q.target) && (R.current = null), q.currentTarget.setPointerCapture(q.pointerId), f.current = !0, m(!0), document.body.style.cursor = "ew-resize";
+      y.current && q.target instanceof Element && !y.current.contains(q.target) && (N.current = null), q.currentTarget.setPointerCapture(q.pointerId), f.current = !0, m(!0), document.body.style.cursor = "ew-resize";
       const he = (de = k.current) == null ? void 0 : de.getBoundingClientRect();
       if (he) {
         const ge = Math.max(
@@ -5172,7 +5172,7 @@ const Qa = Ge(function({
       onMouseLeave: () => {
         C || m(!1);
       },
-      onPointerDown: O,
+      onPointerDown: P,
       onPointerMove: V,
       onPointerUp: $,
       children: /* @__PURE__ */ v("div", { ref: k, className: W, children: [
@@ -5182,11 +5182,11 @@ const Qa = Ge(function({
           Ol,
           {
             ref: y,
-            faderPercent: P,
+            faderPercent: O,
             isPressed: C,
             hover: c,
             volume: r,
-            doubleTapStateRef: R,
+            doubleTapStateRef: N,
             onVolumeChange: s,
             onVolumeReset: o
           }
@@ -5305,7 +5305,7 @@ const Z1 = Cn(function({
       r && /* @__PURE__ */ a(Ke, { content: r, children: /* @__PURE__ */ a(vn, { width: 16, height: 16, className: pt.infoIcon }) })
     ] }),
     /* @__PURE__ */ a("div", { className: pt.grid, style: C, role: "group", "aria-label": t, children: s.map((m) => {
-      const f = m.text ?? m.label ?? m.name, k = m.Icon ?? m.icon, y = m.locked ?? m.isLocked ?? !1, R = m.disabled ?? !1;
+      const f = m.text ?? m.label ?? m.name, k = m.Icon ?? m.icon, y = m.locked ?? m.isLocked ?? !1, N = m.disabled ?? !1;
       return /* @__PURE__ */ a(
         Pl,
         {
@@ -5314,7 +5314,7 @@ const Z1 = Cn(function({
           Icon: k,
           selected: X1(h, m.value),
           locked: y,
-          disabled: R,
+          disabled: N,
           onClick: () => l == null ? void 0 : l(m)
         },
         m.value
@@ -5492,11 +5492,11 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
   const g = J(
     (I) => {
       if (I.preventDefault(), I.stopPropagation(), r) return;
-      const N = I.wheelDelta ?? -I.deltaY * 25;
-      if (!N || Math.abs(N) <= 50) return;
+      const R = I.wheelDelta ?? -I.deltaY * 25;
+      if (!R || Math.abs(R) <= 50) return;
       const E = Date.now();
       if (E - h.current < 100) return;
-      const w = N > 0 ? 1 : -1, B = no(n, s, w);
+      const w = R > 0 ? 1 : -1, B = no(n, s, w);
       t(B), h.current = E;
     },
     [t, n, s, r]
@@ -5512,9 +5512,9 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
   ), m = J(
     (I) => {
       if (!c || r) return;
-      const N = u - I.clientY;
-      if (Math.abs(N) <= 20) return;
-      const E = N > 0 ? 1 : -1, w = no(n, s, E);
+      const R = u - I.clientY;
+      if (Math.abs(R) <= 20) return;
+      const E = R > 0 ? 1 : -1, w = no(n, s, E);
       t(w), p(I.clientY), h.current = Date.now();
     },
     [c, u, n, t, s, r]
@@ -5527,11 +5527,11 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
       I.detail === 2 && !r && t(o);
     },
     [t, o, r]
-  ), R = J(
+  ), N = J(
     (I) => {
       if (!i || r) return;
-      const N = cy(s, I);
-      N && t(N);
+      const R = cy(s, I);
+      R && t(R);
     },
     [i, r, t, s]
   );
@@ -5539,7 +5539,7 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
     containerRef: l,
     isDragging: c,
     handleClick: y,
-    handleDotClick: R
+    handleDotClick: N
   };
 }, Ay = ({
   className: n,
@@ -5558,14 +5558,14 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
     tooltipCloseDelay: d
   });
   k.current = { tooltipDelayDuration: c, tooltipCloseDelay: d };
-  const y = Array.isArray(i) && i.length > 0, R = oe(() => (i == null ? void 0 : i.find((W) => W.default)) || (i == null ? void 0 : i[0]) || { position: 0, color: "neutral", default: !0 }, [i]), { containerRef: I, isDragging: N, handleClick: E, handleDotClick: w } = hy({
+  const y = Array.isArray(i) && i.length > 0, N = oe(() => (i == null ? void 0 : i.find((W) => W.default)) || (i == null ? void 0 : i[0]) || { position: 0, color: "neutral", default: !0 }, [i]), { containerRef: I, isDragging: R, handleClick: E, handleDotClick: w } = hy({
     value: t,
     onChange: r,
     disabled: s,
     dots: i || [],
-    defaultDot: R,
+    defaultDot: N,
     clickableDots: o
-  }), B = oe(() => typeof t == "object" && t !== null ? t.position : dy(t, i), [t, i]), x = oe(() => typeof t == "object" && t !== null ? t : (i == null ? void 0 : i.find((W) => W.position === B)) ?? null, [t, i, B]), { pointerRotation: P, pointerColor: T } = oe(() => uy(B, s), [B, s]);
+  }), B = oe(() => typeof t == "object" && t !== null ? t.position : dy(t, i), [t, i]), x = oe(() => typeof t == "object" && t !== null ? t : (i == null ? void 0 : i.find((W) => W.position === B)) ?? null, [t, i, B]), { pointerRotation: O, pointerColor: T } = oe(() => uy(B, s), [B, s]);
   if (le(() => () => {
     m.current != null && clearTimeout(m.current), f.current != null && clearTimeout(f.current);
   }, []), !y)
@@ -5595,15 +5595,15 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
     f.current = setTimeout(() => {
       f.current = null, C(!1);
     }, W);
-  }, O = (W) => {
+  }, P = (W) => {
     const q = to[W.color] || to.neutral, he = W.position === B, de = p === W.position && o;
     return s ? q.default : he ? q.active : de ? q.hover : q.default;
-  }, V = u ? u(x ?? t) : (x == null ? void 0 : x.label) ?? (x == null ? void 0 : x.value) ?? B, $ = !s && (g || N), G = /* @__PURE__ */ a(
+  }, V = u ? u(x ?? t) : (x == null ? void 0 : x.label) ?? (x == null ? void 0 : x.value) ?? B, $ = !s && (g || R), G = /* @__PURE__ */ a(
     "div",
     {
       className: b(
         ar.pan,
-        N && ar.active,
+        R && ar.active,
         s && ar.disabled
       ),
       onPointerEnter: z,
@@ -5623,7 +5623,7 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
         /* @__PURE__ */ a(
           "g",
           {
-            transform: `rotate(${P} ${Ar} ${pr})`,
+            transform: `rotate(${O} ${Ar} ${pr})`,
             children: /* @__PURE__ */ a(
               "path",
               {
@@ -5638,7 +5638,7 @@ const Ar = 19.5, pr = 19.5, $a = 14, eo = 18, ly = [
         i == null ? void 0 : i.map((W) => {
           const q = zl[W.position];
           if (!q) return null;
-          const he = O(W), de = o && !s;
+          const he = P(W), de = o && !s;
           return /* @__PURE__ */ v(Te.Fragment, { children: [
             de && /* @__PURE__ */ a(
               "circle",
@@ -5951,7 +5951,7 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
   style: g,
   ...C
 }) => {
-  const m = (i == null ? void 0 : i.id) || o, f = (i == null ? void 0 : i.name) || r, k = (i == null ? void 0 : i.description) || s, y = (i == null ? void 0 : i.image) || t, R = (i == null ? void 0 : i.icon) || c, I = y && (y != null && y.startsWith("url(")) ? y == null ? void 0 : y.substring(4, (y == null ? void 0 : y.length) - 1).replace(/"/g, "") : y, N = (x) => {
+  const m = (i == null ? void 0 : i.id) || o, f = (i == null ? void 0 : i.name) || r, k = (i == null ? void 0 : i.description) || s, y = (i == null ? void 0 : i.image) || t, N = (i == null ? void 0 : i.icon) || c, I = y && (y != null && y.startsWith("url(")) ? y == null ? void 0 : y.substring(4, (y == null ? void 0 : y.length) - 1).replace(/"/g, "") : y, R = (x) => {
     x.stopPropagation(), x.preventDefault(), p == null || p();
   }, E = {
     1: { avatar: 60, icon: 15 },
@@ -5969,7 +5969,7 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
       ),
       style: { "--color-surface": "transparent", ...g },
       "data-state": u ? "checked" : "unchecked",
-      onClick: N,
+      onClick: R,
       ...C,
       children: /* @__PURE__ */ v(S, { gap: "2", children: [
         /* @__PURE__ */ a(S, { width: `${B.avatar}px`, height: `${B.avatar}px`, children: l ? /* @__PURE__ */ a(
@@ -5992,14 +5992,14 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
             ),
             children: /* @__PURE__ */ a(d, { width: B.icon, height: B.icon })
           }
-        ) : R ? /* @__PURE__ */ a(
+        ) : N ? /* @__PURE__ */ a(
           "div",
           {
             className: b(
               ue.listCardsAvatarIcon,
               ue[`listCardsAvatarIconSize${h}`]
             ),
-            children: R
+            children: N
           }
         ) : /* @__PURE__ */ a(
           ot,
@@ -6045,9 +6045,9 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
   disabled: f,
   children: k,
   style: y,
-  ...R
+  ...N
 }) => {
-  const I = (i == null ? void 0 : i.id) || o, N = (i == null ? void 0 : i.name) || r, E = (i == null ? void 0 : i.avatar) || t, w = (i == null ? void 0 : i.description) || s, B = E && (E != null && E.startsWith("url(")) ? E == null ? void 0 : E.substring(4, (E == null ? void 0 : E.length) - 1).replace(/"/g, "") : E;
+  const I = (i == null ? void 0 : i.id) || o, R = (i == null ? void 0 : i.name) || r, E = (i == null ? void 0 : i.avatar) || t, w = (i == null ? void 0 : i.description) || s, B = E && (E != null && E.startsWith("url(")) ? E == null ? void 0 : E.substring(4, (E == null ? void 0 : E.length) - 1).replace(/"/g, "") : E;
   return /* @__PURE__ */ v(
     "div",
     {
@@ -6073,7 +6073,7 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
               minHeight: "68px",
               ...y
             },
-            ...R,
+            ...N,
             children: /* @__PURE__ */ v(
               S,
               {
@@ -6096,7 +6096,7 @@ const Yy = "_listCardsItem_1exuc_1", Xy = "_listCardsItemDescriptionWrappable_1e
                       justify: "center",
                       style: { flex: 1, minWidth: 0 },
                       children: [
-                        /* @__PURE__ */ a(H, { as: "div", size: "2", className: ue.listCardsItemText, children: N }),
+                        /* @__PURE__ */ a(H, { as: "div", size: "2", className: ue.listCardsItemText, children: R }),
                         k ? /* @__PURE__ */ a(
                           S,
                           {
@@ -6490,14 +6490,14 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
   tooltipDelayDuration: c = 0,
   tooltipCloseDelay: d = 500
 }) => {
-  const u = _(null), [p, h] = j(!1), g = _(null), C = _(0), m = _(t), f = _(0), k = _(null), y = _(null), R = _({
+  const u = _(null), [p, h] = j(!1), g = _(null), C = _(0), m = _(t), f = _(0), k = _(null), y = _(null), N = _({
     tooltipDelayDuration: c,
     tooltipCloseDelay: d
   });
-  R.current = { tooltipDelayDuration: c, tooltipCloseDelay: d };
-  const [I, N] = j(!1), [E, w] = j(!1);
+  N.current = { tooltipDelayDuration: c, tooltipCloseDelay: d };
+  const [I, R] = j(!1), [E, w] = j(!1);
   le(() => {
-    s && (w(!1), N(!1));
+    s && (w(!1), R(!1));
   }, [s]), le(() => () => {
     k.current != null && clearTimeout(k.current), y.current != null && clearTimeout(y.current);
   }, []), le(() => {
@@ -6528,7 +6528,7 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
     [t, B]
   );
   pn("wheel", x, u);
-  const P = J(
+  const O = J(
     (M) => {
       var ie;
       if (s) return;
@@ -6574,7 +6574,7 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
       }
     },
     [s, t, B]
-  ), { arcPath: U, pointerRotation: O, arcColor: V, pointerColor: $ } = oe(() => {
+  ), { arcPath: U, pointerRotation: P, arcColor: V, pointerColor: $ } = oe(() => {
     const M = ds(t, o, i), L = cs(M), ie = ls + L * Math.PI, ce = xn + jt * Math.cos(ls), ae = Tn + jt * Math.sin(ls), ee = xn + jt * Math.cos(ie), Ie = Tn + jt * Math.sin(ie), Se = 0, Ve = L > 0 ? 1 : 0;
     return {
       arcPath: `M ${ce.toFixed(3)} ${ae.toFixed(3)}
@@ -6594,7 +6594,7 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
   }, ge = () => {
     if (s) return;
     de(), he();
-    const { tooltipDelayDuration: M } = R.current;
+    const { tooltipDelayDuration: M } = N.current;
     if (M <= 0) {
       w(!0);
       return;
@@ -6604,7 +6604,7 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
     }, M);
   }, K = () => {
     he();
-    const { tooltipCloseDelay: M } = R.current;
+    const { tooltipCloseDelay: M } = N.current;
     if (M <= 0) {
       w(!1);
       return;
@@ -6628,14 +6628,14 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
         p && or.active,
         s && or.disabled
       ),
-      onPointerDown: P,
+      onPointerDown: O,
       onPointerMove: T,
       onPointerUp: Q,
       onPointerCancel: Q,
       onPointerEnter: ge,
       onPointerLeave: K,
-      onFocus: () => N(!0),
-      onBlur: () => N(!1),
+      onFocus: () => R(!0),
+      onBlur: () => R(!1),
       onKeyDown: z,
       children: /* @__PURE__ */ v("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", children: [
         /* @__PURE__ */ a("circle", { cx: xn, cy: Tn, r: 10 }),
@@ -6662,7 +6662,7 @@ const Vk = "_content_15iux_1", jk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
         /* @__PURE__ */ a(
           "g",
           {
-            transform: `rotate(${O} ${xn} ${Tn})`,
+            transform: `rotate(${P} ${xn} ${Tn})`,
             children: /* @__PURE__ */ a(
               "path",
               {
@@ -7136,15 +7136,15 @@ class m0 extends Xn {
         if (g.button !== i || d.has(g.pointerId) || (d.set(g.pointerId, g), d.size > 1)) return;
         const C = g.pointerId;
         let m = g.clientX, f = g.clientY, k = !1;
-        const y = Date.now(), R = r.getBoundingClientRect(), { left: I, top: N } = R, E = (T) => {
+        const y = Date.now(), N = r.getBoundingClientRect(), { left: I, top: R } = N, E = (T) => {
           if (T.pointerId !== C || T.defaultPrevented || d.size > 1 || u && Date.now() - y < l) return;
           const Q = T.clientX, D = T.clientY, z = Q - m, U = D - f;
-          (k || Math.abs(z) > o || Math.abs(U) > o) && (T.preventDefault(), T.stopPropagation(), k || (c.set({ type: "start", x: m - I, y: f - N }), k = !0), c.set({ type: "move", x: Q - I, y: D - N, deltaX: z, deltaY: U }), m = Q, f = D);
+          (k || Math.abs(z) > o || Math.abs(U) > o) && (T.preventDefault(), T.stopPropagation(), k || (c.set({ type: "start", x: m - I, y: f - R }), k = !0), c.set({ type: "move", x: Q - I, y: D - R, deltaX: z, deltaY: U }), m = Q, f = D);
         }, w = (T) => {
           if (d.delete(T.pointerId)) {
             if (T.pointerId === C && k) {
               const Q = T.clientX, D = T.clientY;
-              c.set({ type: "end", x: Q - I, y: D - N });
+              c.set({ type: "end", x: Q - I, y: D - R });
             }
             d.size === 0 && p();
           }
@@ -7152,11 +7152,11 @@ class m0 extends Xn {
           T.relatedTarget && T.relatedTarget !== document.documentElement || w(T);
         }, x = (T) => {
           k && (T.stopPropagation(), T.preventDefault());
-        }, P = (T) => {
+        }, O = (T) => {
           T.defaultPrevented || d.size > 1 || k && T.preventDefault();
         };
-        document.addEventListener("pointermove", E), document.addEventListener("pointerup", w), document.addEventListener("pointerout", B), document.addEventListener("pointercancel", B), document.addEventListener("touchmove", P, { passive: !1 }), document.addEventListener("click", x, { capture: !0 }), p = () => {
-          document.removeEventListener("pointermove", E), document.removeEventListener("pointerup", w), document.removeEventListener("pointerout", B), document.removeEventListener("pointercancel", B), document.removeEventListener("touchmove", P), setTimeout(() => {
+        document.addEventListener("pointermove", E), document.addEventListener("pointerup", w), document.addEventListener("pointerout", B), document.addEventListener("pointercancel", B), document.addEventListener("touchmove", O, { passive: !1 }), document.addEventListener("click", x, { capture: !0 }), p = () => {
+          document.removeEventListener("pointermove", E), document.removeEventListener("pointerup", w), document.removeEventListener("pointerout", B), document.removeEventListener("pointercancel", B), document.removeEventListener("touchmove", O), setTimeout(() => {
             document.removeEventListener("click", x, { capture: !0 });
           }, 10);
         };
@@ -7326,17 +7326,17 @@ class m0 extends Xn {
     var t;
   }
   renderBarWaveform(t, r, s, o) {
-    const { width: i, height: l } = s.canvas, { halfHeight: c, barWidth: d, barRadius: u, barIndexScale: p, barSpacing: h, barMinHeight: g } = function({ width: m, height: f, length: k, options: y, pixelRatio: R }) {
-      const I = f / 2, N = y.barWidth ? y.barWidth * R : 1, E = y.barGap ? y.barGap * R : y.barWidth ? N / 2 : 0, w = N + E || 1;
-      return { halfHeight: I, barWidth: N, barGap: E, barRadius: y.barRadius || 0, barMinHeight: y.barMinHeight ? y.barMinHeight * R : 0, barIndexScale: k > 0 ? m / w / k : 0, barSpacing: w };
-    }({ width: i, height: l, length: (t[0] || []).length, options: r, pixelRatio: this.getPixelRatio() }), C = function({ channelData: m, barIndexScale: f, barSpacing: k, barWidth: y, halfHeight: R, vScale: I, canvasHeight: N, barAlign: E, barMinHeight: w }) {
-      const B = m[0] || [], x = m[1] || B, P = B.length, T = [];
+    const { width: i, height: l } = s.canvas, { halfHeight: c, barWidth: d, barRadius: u, barIndexScale: p, barSpacing: h, barMinHeight: g } = function({ width: m, height: f, length: k, options: y, pixelRatio: N }) {
+      const I = f / 2, R = y.barWidth ? y.barWidth * N : 1, E = y.barGap ? y.barGap * N : y.barWidth ? R / 2 : 0, w = R + E || 1;
+      return { halfHeight: I, barWidth: R, barGap: E, barRadius: y.barRadius || 0, barMinHeight: y.barMinHeight ? y.barMinHeight * N : 0, barIndexScale: k > 0 ? m / w / k : 0, barSpacing: w };
+    }({ width: i, height: l, length: (t[0] || []).length, options: r, pixelRatio: this.getPixelRatio() }), C = function({ channelData: m, barIndexScale: f, barSpacing: k, barWidth: y, halfHeight: N, vScale: I, canvasHeight: R, barAlign: E, barMinHeight: w }) {
+      const B = m[0] || [], x = m[1] || B, O = B.length, T = [];
       let Q = 0, D = 0, z = 0;
-      for (let U = 0; U <= P; U++) {
-        const O = Math.round(U * f);
-        if (O > Q) {
-          const { topHeight: G, totalHeight: W } = A0({ maxTop: D, maxBottom: z, halfHeight: R, vScale: I, barMinHeight: w, barAlign: E }), q = p0({ barAlign: E, halfHeight: R, topHeight: G, totalHeight: W, canvasHeight: N });
-          T.push({ x: Q * k, y: q, width: y, height: W }), Q = O, D = 0, z = 0;
+      for (let U = 0; U <= O; U++) {
+        const P = Math.round(U * f);
+        if (P > Q) {
+          const { topHeight: G, totalHeight: W } = A0({ maxTop: D, maxBottom: z, halfHeight: N, vScale: I, barMinHeight: w, barAlign: E }), q = p0({ barAlign: E, halfHeight: N, topHeight: G, totalHeight: W, canvasHeight: R });
+          T.push({ x: Q * k, y: q, width: y, height: W }), Q = P, D = 0, z = 0;
         }
         const V = Math.abs(B[U] || 0), $ = Math.abs(x[U] || 0);
         V > D && (D = V), $ > z && (z = $);
@@ -7351,18 +7351,18 @@ class m0 extends Xn {
     const { width: i, height: l } = s.canvas, c = function({ channelData: d, width: u, height: p, vScale: h }) {
       const g = p / 2, C = d[0] || [];
       return [C, d[1] || C].map((m, f) => {
-        const k = m.length, y = k ? u / k : 0, R = g, I = f === 0 ? -1 : 1, N = [{ x: 0, y: R }];
+        const k = m.length, y = k ? u / k : 0, N = g, I = f === 0 ? -1 : 1, R = [{ x: 0, y: N }];
         let E = 0, w = 0;
         for (let B = 0; B <= k; B++) {
           const x = Math.round(B * y);
           if (x > E) {
-            const T = R + (Math.round(w * g * h) || 1) * I;
-            N.push({ x: E, y: T }), E = x, w = 0;
+            const T = N + (Math.round(w * g * h) || 1) * I;
+            R.push({ x: E, y: T }), E = x, w = 0;
           }
-          const P = Math.abs(m[B] || 0);
-          P > w && (w = P);
+          const O = Math.abs(m[B] || 0);
+          O > w && (w = O);
         }
-        return N.push({ x: E, y: R }), N;
+        return R.push({ x: E, y: N }), R;
       });
     }({ channelData: t, width: i, height: l, vScale: o });
     s.beginPath();
@@ -7413,9 +7413,9 @@ class m0 extends Xn {
       const f = m * p;
       let k = Math.min(u - f, p);
       if (k = io(k, r), k <= 0) return;
-      const y = function({ channelData: R, offset: I, clampedWidth: N, totalWidth: E }) {
-        return R.map((w) => {
-          const B = Math.floor(I / E * w.length), x = Math.floor((I + N) / E * w.length);
+      const y = function({ channelData: N, offset: I, clampedWidth: R, totalWidth: E }) {
+        return N.map((w) => {
+          const B = Math.floor(I / E * w.length), x = Math.floor((I + R) / E * w.length);
           return w.slice(B, x);
         });
       }({ channelData: t, offset: f, clampedWidth: k, totalWidth: u });
@@ -7705,10 +7705,10 @@ class jn extends h0 {
     super({ media: r, mediaControls: t.mediaControls, autoplay: t.autoplay, playbackRate: t.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this._isDestroyed = !1, this._loadVersion = 0, this.reactiveCleanups = [], this.options = Object.assign({}, C0, t);
     const { state: s, actions: o } = function(c) {
       var d, u, p, h, g, C;
-      const m = (d = c == null ? void 0 : c.currentTime) !== null && d !== void 0 ? d : Re(0), f = (u = c == null ? void 0 : c.duration) !== null && u !== void 0 ? u : Re(0), k = (p = c == null ? void 0 : c.isPlaying) !== null && p !== void 0 ? p : Re(!1), y = (h = c == null ? void 0 : c.isSeeking) !== null && h !== void 0 ? h : Re(!1), R = (g = c == null ? void 0 : c.volume) !== null && g !== void 0 ? g : Re(1), I = (C = c == null ? void 0 : c.playbackRate) !== null && C !== void 0 ? C : Re(1), N = Re(null), E = Re(null), w = Re(""), B = Re(0), x = Re(0), P = Yt(() => !k.value, [k]), T = Yt(() => N.value !== null, [N]), Q = Yt(() => T.value && f.value > 0, [T, f]), D = Yt(() => m.value, [m]), z = Yt(() => f.value > 0 ? m.value / f.value : 0, [m, f]);
-      return { state: { currentTime: m, duration: f, isPlaying: k, isPaused: P, isSeeking: y, volume: R, playbackRate: I, audioBuffer: N, peaks: E, url: w, zoom: B, scrollPosition: x, canPlay: T, isReady: Q, progress: D, progressPercent: z }, actions: { setCurrentTime: (U) => {
-        const O = Math.max(0, Math.min(f.value || 1 / 0, U));
-        m.set(O);
+      const m = (d = c == null ? void 0 : c.currentTime) !== null && d !== void 0 ? d : Re(0), f = (u = c == null ? void 0 : c.duration) !== null && u !== void 0 ? u : Re(0), k = (p = c == null ? void 0 : c.isPlaying) !== null && p !== void 0 ? p : Re(!1), y = (h = c == null ? void 0 : c.isSeeking) !== null && h !== void 0 ? h : Re(!1), N = (g = c == null ? void 0 : c.volume) !== null && g !== void 0 ? g : Re(1), I = (C = c == null ? void 0 : c.playbackRate) !== null && C !== void 0 ? C : Re(1), R = Re(null), E = Re(null), w = Re(""), B = Re(0), x = Re(0), O = Yt(() => !k.value, [k]), T = Yt(() => R.value !== null, [R]), Q = Yt(() => T.value && f.value > 0, [T, f]), D = Yt(() => m.value, [m]), z = Yt(() => f.value > 0 ? m.value / f.value : 0, [m, f]);
+      return { state: { currentTime: m, duration: f, isPlaying: k, isPaused: O, isSeeking: y, volume: N, playbackRate: I, audioBuffer: R, peaks: E, url: w, zoom: B, scrollPosition: x, canPlay: T, isReady: Q, progress: D, progressPercent: z }, actions: { setCurrentTime: (U) => {
+        const P = Math.max(0, Math.min(f.value || 1 / 0, U));
+        m.set(P);
       }, setDuration: (U) => {
         f.set(Math.max(0, U));
       }, setPlaying: (U) => {
@@ -7716,13 +7716,13 @@ class jn extends h0 {
       }, setSeeking: (U) => {
         y.set(U);
       }, setVolume: (U) => {
-        const O = Math.max(0, Math.min(1, U));
-        R.set(O);
+        const P = Math.max(0, Math.min(1, U));
+        N.set(P);
       }, setPlaybackRate: (U) => {
-        const O = Math.max(0.1, Math.min(16, U));
-        I.set(O);
+        const P = Math.max(0.1, Math.min(16, U));
+        I.set(P);
       }, setAudioBuffer: (U) => {
-        N.set(U), U && f.set(U.duration);
+        R.set(U), U && f.set(U.duration);
       }, setPeaks: (U) => {
         E.set(U);
       }, setUrl: (U) => {
@@ -8105,7 +8105,7 @@ const ql = Ge((n) => {
   id: C,
   tabIndex: m
 }, f) {
-  const [k, y] = j(!1), [R, I] = j(!1), [N, E] = j(!1), w = _(null), B = _(!1), x = _(null), P = _(null), T = s || !R;
+  const [k, y] = j(!1), [N, I] = j(!1), [R, E] = j(!1), w = _(null), B = _(!1), x = _(null), O = _(null), T = s || !N;
   le(() => {
     typeof navigator < "u" && E(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
   }, []);
@@ -8139,8 +8139,8 @@ const ql = Ge((n) => {
     [D, o]
   ), U = J(() => {
     const K = w.current;
-    K && (N || K.setOptions({ progressColor: p }), K.play());
-  }, [N, p]), O = J(() => {
+    K && (R || K.setOptions({ progressColor: p }), K.play());
+  }, [R, p]), P = J(() => {
     var M;
     const K = w.current;
     if (T || !K) return;
@@ -8149,23 +8149,23 @@ const ql = Ge((n) => {
       const L = z(K, {
         syncTime: !0
       });
-      P.current = L.previousActive;
+      O.current = L.previousActive;
     } else
-      P.current = null;
+      O.current = null;
     U();
   }, [T, U, z, o]);
   md(
     f,
     () => ({
-      play: O,
+      play: P,
       pause: Q,
-      isReady: () => R,
+      isReady: () => N,
       isPlaying: () => {
         var K;
         return !!((K = w.current) != null && K.isPlaying());
       }
     }),
-    [O, Q, R]
+    [P, Q, N]
   ), le(() => {
     w.current && t && (w.current.load(t), I(!1));
   }, [t]);
@@ -8173,12 +8173,12 @@ const ql = Ge((n) => {
     w.current = K, I(!0), y(!1);
   }, []), $ = J(
     (K) => {
-      const X = B.current, F = P.current, M = x.current;
+      const X = B.current, F = O.current, M = x.current;
       y(!0), l == null || l(!0), X || i == null || i(), o && (z(K, {
         seekTime: X ? M : void 0,
         syncTime: !X && !F,
         skipPauseFor: F
-      }), B.current = !1, x.current = null, P.current = null, o.setter((L) => ({
+      }), B.current = !1, x.current = null, O.current = null, o.setter((L) => ({
         ...L,
         isPlaying: !0,
         lastPlayed: K,
@@ -8221,7 +8221,7 @@ const ql = Ge((n) => {
       const L = typeof X == "number" ? X : ((ce = K.getCurrentTime) == null ? void 0 : ce.call(K)) ?? 0, ie = z(K, {
         seekTime: L
       });
-      x.current = L, B.current = !0, ie.previousWasPlaying || (ae = F.emit) == null || ae.call(F, "pause"), N || K.setOptions({ progressColor: p }), ie.wasPlaying && K.play(), o.setter((ee) => ({
+      x.current = L, B.current = !0, ie.previousWasPlaying || (ae = F.emit) == null || ae.call(F, "pause"), R || K.setOptions({ progressColor: p }), ie.wasPlaying && K.play(), o.setter((ee) => ({
         ...ee,
         active: K,
         lastPlayed: K,
@@ -8230,7 +8230,7 @@ const ql = Ge((n) => {
     },
     [
       o,
-      N,
+      R,
       p,
       z,
       T,
@@ -8249,9 +8249,9 @@ const ql = Ge((n) => {
         Q();
         return;
       }
-      O();
+      P();
     }
-  }, [T, Q, O]), ge = J(() => {
+  }, [T, Q, P]), ge = J(() => {
     T || i == null || i();
   }, [T, i]);
   return /* @__PURE__ */ v(
@@ -8301,7 +8301,7 @@ const ql = Ge((n) => {
             onPlay: $,
             onPause: G,
             onFinish: he,
-            backend: N ? "WebAudio" : "MediaElement"
+            backend: R ? "WebAudio" : "MediaElement"
           }
         ) }),
         c && /* @__PURE__ */ a("div", { className: bt.actions, children: c })
@@ -8492,9 +8492,11 @@ const nb = ({
   onClickTrack: null,
   onInsertAllTracks: null,
   onProjectClick: null,
+  onChangeTransfer: null,
   openedItem: null,
   setOpenedItem: () => {
-  }
+  },
+  labels: {}
 }), rb = "_projectTitle_19cfh_1", sb = "_projectArtist_19cfh_12", ab = "_projectFailed_19cfh_22", ob = "_projectCover_19cfh_26", ib = "_item_19cfh_41", lb = "_failed_19cfh_41", cb = "_opened_19cfh_45", Gt = {
   projectTitle: rb,
   projectArtist: sb,
@@ -8522,12 +8524,12 @@ const nb = ({
     onProjectClick: C,
     openedItem: m,
     setOpenedItem: f
-  } = gt(ts), [k, y] = j(!1), R = oe(() => k ? i : i.slice(0, 6), [i, k]), I = J(() => {
+  } = gt(ts), [k, y] = j(!1), N = oe(() => k ? i : i.slice(0, 6), [i, k]), I = J(() => {
     if (c) return;
     y(!1);
     const w = h.find((B) => B.id === n);
     m === n ? (f(null), C == null || C(w, !1)) : (f(n), C == null || C(w, !0));
-  }, [n, m, f, C, h, c]), N = J((w) => {
+  }, [n, m, f, C, h, c]), R = J((w) => {
     w.preventDefault(), w.stopPropagation(), y(!k);
   }, [k]), E = J((w) => {
     w.stopPropagation(), g == null || g(i);
@@ -8572,7 +8574,7 @@ const nb = ({
             /* @__PURE__ */ a(H, { size: "2", style: { color: "var(--neutral-alpha-10)" }, children: u.loading || "Loading tracks..." })
           ] }),
           i.length > 0 && /* @__PURE__ */ v(S, { direction: "column", gap: "1", children: [
-            typeof d == "function" ? d({ projectId: n, tracks: R }) : d,
+            typeof d == "function" ? d({ projectId: n, tracks: N }) : d,
             /* @__PURE__ */ v(S, { direction: "row", gap: "3", p: "2", align: "center", justify: "center", children: [
               /* @__PURE__ */ v(
                 Ir,
@@ -8590,7 +8592,7 @@ const nb = ({
               ),
               i.length > 6 && /* @__PURE__ */ v(we, { children: [
                 /* @__PURE__ */ a(it, { orientation: "vertical" }),
-                /* @__PURE__ */ v(Ir, { variant: "ghost", color: "gray", style: { flex: "1" }, onClick: N, children: [
+                /* @__PURE__ */ v(Ir, { variant: "ghost", color: "gray", style: { flex: "1" }, onClick: R, children: [
                   k ? u.showLess || "Show less" : u.showMore || "Show more",
                   k ? /* @__PURE__ */ a(xd, { width: 16, height: 16 }) : /* @__PURE__ */ a(Xs, { width: 16, height: 16 })
                 ] })
@@ -8767,47 +8769,47 @@ const nb = ({
 }, Eb = ({
   ...n
 }) => {
-  var N;
-  const { onClickTrack: t } = gt(ts), { projectId: r, id: s, title: o, cover: i, transfers: l, audioUrl: c, onChangeTransfer: d, loading: u } = n, p = oe(() => l && l.length > 0, [l]), h = 24, g = -24, [C, m] = j(p ? parseInt(((N = l == null ? void 0 : l[0]) == null ? void 0 : N.pitchShift) ?? 0) : 0), [f, k] = j(u);
+  var w;
+  const { onClickTrack: t, onChangeTransfer: r, projects: s, labels: o = {} } = gt(ts), { projectId: i, id: l, title: c, cover: d, transfers: u, audioUrl: p, loading: h } = n, g = oe(() => u && u.length > 0, [u]), C = 24, m = -24, [f, k] = j(g ? parseInt(((w = u == null ? void 0 : u[0]) == null ? void 0 : w.pitchShift) ?? 0) : 0), [y, N] = j(h);
   le(() => {
-    var E;
-    k(u), !f && p && m(parseInt(((E = l == null ? void 0 : l[0]) == null ? void 0 : E.pitchShift) ?? 0));
-  }, [u, p, l]);
-  const y = J((E) => {
-    var w;
-    return p ? (w = l == null ? void 0 : l.find((B) => parseInt(B.pitchShift) === E)) == null ? void 0 : w.audioUrl : c;
-  }, [p, l, c]), R = J((E) => {
-    m(E);
-    const w = y(E);
-    d == null || d(r, {
-      id: s,
-      title: o,
-      audioUrl: w,
-      processTrack: !w,
-      pitchShift: E
+    var B;
+    N(h), !y && g && k(parseInt(((B = u == null ? void 0 : u[0]) == null ? void 0 : B.pitchShift) ?? 0));
+  }, [h, g, u]);
+  const I = J((B) => {
+    var x;
+    return g ? (x = u == null ? void 0 : u.find((O) => parseInt(O.pitchShift) === B)) == null ? void 0 : x.audioUrl : p;
+  }, [g, u, p]), R = J((B) => {
+    k(B);
+    const x = I(B), O = s.find((T) => T.id === i);
+    r == null || r(O, {
+      id: l,
+      title: c,
+      audioUrl: x,
+      processTrack: !x,
+      pitchShift: B
     });
-  }, [d, r, s, o, l]), I = J((E) => {
-    if (E.stopPropagation(), f)
+  }, [r, i, l, c, u]), E = J((B) => {
+    if (B.stopPropagation(), y)
       return;
-    const w = !p && !c;
-    w && k(!0), t == null || t({
+    const x = !g && !p;
+    x && N(!0), t == null || t({
       ...n,
-      id: s,
-      title: o,
-      audioUrl: p || c ? y(C) : null,
-      processTrack: w
+      id: l,
+      title: c,
+      audioUrl: g || p ? I(f) : null,
+      processTrack: x
     });
-  }, [t, n, s, o, y, C, p, f, c]);
+  }, [t, n, l, c, I, f, g, y, p]);
   return /* @__PURE__ */ a(S, { direction: "column", gap: "1", children: /* @__PURE__ */ v(
     S,
     {
       direction: "row",
       gap: "3",
-      className: `${ln.itemTrack} ${!p && !c || f ? ln.disabledHover : ""}`,
-      onClick: I,
+      className: `${ln.itemTrack} ${!g && !p || y ? ln.disabledHover : ""}`,
+      onClick: E,
       children: [
         /* @__PURE__ */ v("div", { className: ln.cover, children: [
-          /* @__PURE__ */ a(S, { className: ln.coverImage, children: i ? /* @__PURE__ */ a("img", { src: i, alt: o, width: 48, height: 48 }) : /* @__PURE__ */ a(Fd, { width: 16, height: 16 }) }),
+          /* @__PURE__ */ a(S, { className: ln.coverImage, children: d ? /* @__PURE__ */ a("img", { src: d, alt: c, width: 48, height: 48 }) : /* @__PURE__ */ a(Fd, { width: 16, height: 16 }) }),
           /* @__PURE__ */ a(Dr, { width: 16, height: 16, className: ln.iconArrowLeft })
         ] }),
         /* @__PURE__ */ a(
@@ -8818,15 +8820,15 @@ const nb = ({
             align: "start",
             justify: "center",
             style: { flex: 1, minWidth: 0 },
-            children: /* @__PURE__ */ a(H, { size: "2", asChild: !0, children: /* @__PURE__ */ a("span", { className: ln.trackTitle, children: o }) })
+            children: /* @__PURE__ */ a(H, { size: "2", asChild: !0, children: /* @__PURE__ */ a("span", { className: ln.trackTitle, children: c }) })
           }
         ),
-        !p && !c && !f ? /* @__PURE__ */ a(S, { align: "center", justify: "center", p: "2", children: /* @__PURE__ */ a(Oe, { variant: "soft", color: "gray", size: "1", children: "Process" }) }) : f ? /* @__PURE__ */ a(S, { align: "center", justify: "center", p: "2", children: /* @__PURE__ */ a(Sn, {}) }) : /* @__PURE__ */ a(
+        !g && !p && !y ? /* @__PURE__ */ a(S, { align: "center", justify: "center", p: "2", children: /* @__PURE__ */ a(Oe, { variant: "soft", color: "gray", size: "1", children: o.process || "Process" }) }) : y ? /* @__PURE__ */ a(S, { align: "center", justify: "center", p: "2", children: /* @__PURE__ */ a(Sn, {}) }) : /* @__PURE__ */ a(
           Cb,
           {
-            min: g,
-            max: h,
-            value: C,
+            min: m,
+            max: C,
+            value: f,
             onChange: R
           }
         )
@@ -8839,9 +8841,10 @@ const nb = ({
   onClickTrack: r,
   onInsertAllTracks: s,
   onProjectClick: o,
-  labels: i = {}
+  onChangeTransfer: i,
+  labels: l = {}
 }) => {
-  const [l, c] = j(null);
+  const [c, d] = j(null);
   return /* @__PURE__ */ a(
     ts.Provider,
     {
@@ -8850,10 +8853,12 @@ const nb = ({
         onClickTrack: r,
         onInsertAllTracks: s,
         onProjectClick: o,
-        openedItem: l,
-        setOpenedItem: c
+        onChangeTransfer: i,
+        openedItem: c,
+        setOpenedItem: d,
+        labels: l
       },
-      children: /* @__PURE__ */ a(S, { direction: "column", width: "100%", children: t.map((d) => /* @__PURE__ */ a(db, { ...d, labels: i, children: n }, d.id)) })
+      children: /* @__PURE__ */ a(S, { direction: "column", width: "100%", children: t.map((u) => /* @__PURE__ */ a(db, { ...u, labels: l, children: n }, u.id)) })
     }
   );
 };
@@ -8914,7 +8919,7 @@ const Db = "_starButton_1311l_1", Jb = "_disabled_1311l_17", Qb = "_readOnly_131
   maxLabel: p,
   ...h
 }) => {
-  const [g, C] = j(r || 0), [m, f] = j(0), k = t !== void 0 ? t : g, y = t !== void 0, R = J(
+  const [g, C] = j(r || 0), [m, f] = j(0), k = t !== void 0 ? t : g, y = t !== void 0, N = J(
     (w) => {
       if (s || o) return;
       const B = w + 1, x = B === k ? 0 : B;
@@ -8924,14 +8929,14 @@ const Db = "_starButton_1311l_1", Jb = "_disabled_1311l_17", Qb = "_readOnly_131
   ), I = J(
     (w) => {
       if (s || o) return;
-      const B = w.currentTarget.getBoundingClientRect(), x = w.clientX - B.left, P = B.width / n, T = Math.floor(x / P), D = Math.max(0, Math.min(T, n - 1)) + 1;
+      const B = w.currentTarget.getBoundingClientRect(), x = w.clientX - B.left, O = B.width / n, T = Math.floor(x / O), D = Math.max(0, Math.min(T, n - 1)) + 1;
       D !== m && (f(D), l == null || l({ value: D }));
     },
     [s, o, n, m, l]
-  ), N = J(() => {
+  ), R = J(() => {
     s || o || (f(0), l == null || l({ value: 0 }));
   }, [s, o, l]), E = (w) => {
-    const B = m > 0 ? w < m : w < k, x = m > 0 && w < m, P = w < k;
+    const B = m > 0 ? w < m : w < k, x = m > 0 && w < m, O = w < k;
     return /* @__PURE__ */ a(
       "button",
       {
@@ -8939,11 +8944,11 @@ const Db = "_starButton_1311l_1", Jb = "_disabled_1311l_17", Qb = "_readOnly_131
         className: b(Xe.starButton, {
           [Xe.filled]: B,
           [Xe.hovered]: x,
-          [Xe.active]: P,
+          [Xe.active]: O,
           [Xe.disabled]: s,
           [Xe.readOnly]: o
         }),
-        onClick: () => R(w),
+        onClick: () => N(w),
         disabled: s || o,
         "aria-label": `Rate ${w + 1} out of ${n}`,
         ...h,
@@ -8974,7 +8979,7 @@ const Db = "_starButton_1311l_1", Jb = "_disabled_1311l_17", Qb = "_readOnly_131
               role: "radiogroup",
               "aria-label": `Rating: ${k} out of ${n} stars`,
               onMouseMove: I,
-              onMouseLeave: N,
+              onMouseLeave: R,
               children: Array.from({ length: n }, (w, B) => E(B))
             }
           ),
@@ -9179,9 +9184,9 @@ const iI = "_boxVertical_ujop8_21", lI = "_sliderRoot_ujop8_27", cI = "_sliderRo
   horizontalWidth: f = "100%",
   verticalHeight: k = 200,
   scrollWheel: y = !1,
-  ...R
+  ...N
 }) => {
-  const { onWheel: I, ...N } = R, E = m === "vertical", w = (T) => (T - c) / (d - c) * 100, B = J(
+  const { onWheel: I, ...R } = N, E = m === "vertical", w = (T) => (T - c) / (d - c) * 100, B = J(
     (T) => {
       if (I == null || I(T), h || !r || T.defaultPrevented) return;
       const Q = E ? T.deltaY : Math.abs(T.deltaX) > Math.abs(T.deltaY) ? T.deltaX : T.deltaY;
@@ -9203,11 +9208,11 @@ const iI = "_boxVertical_ujop8_21", lI = "_sliderRoot_ujop8_27", cI = "_sliderRo
       u,
       o
     ]
-  ), x = typeof k == "number" ? `${k}px` : k, P = typeof f == "number" ? `${f}px` : f;
+  ), x = typeof k == "number" ? `${k}px` : k, O = typeof f == "number" ? `${f}px` : f;
   return /* @__PURE__ */ v(
     Ne,
     {
-      width: E ? "100%" : P,
+      width: E ? "100%" : O,
       className: b(E && ve.boxVertical),
       style: E ? { "--slider-vertical-height": x } : void 0,
       children: [
@@ -9259,7 +9264,7 @@ const iI = "_boxVertical_ujop8_21", lI = "_sliderRoot_ujop8_27", cI = "_sliderRo
               [ve.sliderRootVertical]: E
             }),
             onWheel: y ? B : I,
-            ...N,
+            ...R,
             children: /* @__PURE__ */ v(
               S,
               {
@@ -9376,12 +9381,12 @@ const JI = ({
   /* @__PURE__ */ v(S, { gap: "2", direction: "column", children: [
     /* @__PURE__ */ a(Y, { size: "2", weight: "medium", children: n._("Input Level") }),
     /* @__PURE__ */ a("div", { className: St.levelMeter, children: /* @__PURE__ */ a("div", { className: St.levelMeterTrack, children: /* @__PURE__ */ a("div", { className: St.levelMeterRow, children: Array.from({ length: 17 }, (f, k) => {
-      const y = Math.max(0, (m - 5) / 25) * 17, R = k < y;
+      const y = Math.max(0, (m - 5) / 25) * 17, N = k < y;
       let I = "low";
       return k >= 15 ? I = "high" : k >= 11 && (I = "mid"), /* @__PURE__ */ a(
         "div",
         {
-          className: `${St.levelMeterSegment} ${R ? `${St.active} ${St[I]}` : ""}`
+          className: `${St.levelMeterSegment} ${N ? `${St.active} ${St[I]}` : ""}`
         },
         `level-${k}`
       );
@@ -9693,28 +9698,28 @@ const Zl = ({
   droppable: f = !1,
   isDropTarget: k = !1,
   dndDroppableId: y,
-  onDragEnter: R,
+  onDragEnter: N,
   onDragLeave: I,
-  onDragOver: N,
+  onDragOver: R,
   onDrop: E,
   isLoading: w = !1
 }) => {
-  const [B, x] = j(!1), P = !!y, { setNodeRef: T, isOver: Q } = Vo({
+  const [B, x] = j(!1), O = !!y, { setNodeRef: T, isOver: Q } = Vo({
     id: y ?? "__setlist-item-noop__",
-    disabled: !P
+    disabled: !O
   }), D = () => {
     x(!0);
   }, z = () => {
     x(!1);
   }, U = (V) => {
     V.stopPropagation();
-  }, O = (V) => {
+  }, P = (V) => {
     V.stopPropagation();
   };
   return /* @__PURE__ */ v(
     S,
     {
-      ref: P ? T : void 0,
+      ref: O ? T : void 0,
       gap: "3",
       align: "center",
       role: r ? "button" : void 0,
@@ -9729,9 +9734,9 @@ const Zl = ({
       onMouseEnter: D,
       onMouseLeave: z,
       "data-setlist-id": t,
-      onDragEnter: f ? R : void 0,
+      onDragEnter: f ? N : void 0,
       onDragLeave: f ? I : void 0,
-      onDragOver: f ? N : void 0,
+      onDragOver: f ? R : void 0,
       onDrop: f ? E : void 0,
       onKeyDown: r ? (V) => {
         (V.key === "Enter" || V.key === " ") && (V.preventDefault(), r == null || r());
@@ -9805,7 +9810,7 @@ const Zl = ({
                   [se.dropdownTriggerWrapperMobile]: m
                 }),
                 onPointerDown: U,
-                onClick: O,
+                onClick: P,
                 children: /* @__PURE__ */ a(Xr, { hovered: u })
               }
             ),
@@ -9833,19 +9838,19 @@ const Zl = ({
   enableDndDropTargets: m = !1,
   className: f
 }) => {
-  const { close: k, isMobile: y } = qr(), [R, I] = j(null), N = (Z) => {
+  const { close: k, isMobile: y } = qr(), [N, I] = j(null), R = (Z) => {
     r == null || r(Z), y && k();
   }, E = () => {
     c == null || c(), y && k();
-  }, [w, B] = j(!1), [x, P] = j(!1), [T, Q] = j(!1), [D, z] = j(!1), U = _(null), O = _(null), V = _(null), $ = _(p), G = 50, W = 200, q = 44, he = 4, de = p && c ? 1 : 0, ge = p && !w && !D, K = n, X = n.length + (c ? 1 : 0), F = Math.min(4, X), M = W + Math.max(0, F - 1) * G, L = M, ie = () => {
-    U.current && (clearTimeout(U.current), U.current = null), O.current && (clearTimeout(O.current), O.current = null), P(!1), Q(!0), B(!0), O.current = setTimeout(() => {
-      Q(!1), O.current = null;
+  }, [w, B] = j(!1), [x, O] = j(!1), [T, Q] = j(!1), [D, z] = j(!1), U = _(null), P = _(null), V = _(null), $ = _(p), G = 50, W = 200, q = 44, he = 4, de = p && c ? 1 : 0, ge = p && !w && !D, K = n, X = n.length + (c ? 1 : 0), F = Math.min(4, X), M = W + Math.max(0, F - 1) * G, L = M, ie = () => {
+    U.current && (clearTimeout(U.current), U.current = null), P.current && (clearTimeout(P.current), P.current = null), O(!1), Q(!0), B(!0), P.current = setTimeout(() => {
+      Q(!1), P.current = null;
     }, L);
   }, ce = () => {
-    p && (U.current && (clearTimeout(U.current), U.current = null), x ? P(!1) : w || ie());
+    p && (U.current && (clearTimeout(U.current), U.current = null), x ? O(!1) : w || ie());
   }, ae = () => {
-    p && w && (O.current && (clearTimeout(O.current), O.current = null), Q(!1), P(!0), U.current = setTimeout(() => {
-      U.current = null, B(!1), P(!1);
+    p && w && (P.current && (clearTimeout(P.current), P.current = null), Q(!1), O(!0), U.current = setTimeout(() => {
+      U.current = null, B(!1), O(!1);
     }, L));
   }, ee = (Z) => {
     p && (Z.stopPropagation(), ie());
@@ -9860,17 +9865,17 @@ const Zl = ({
   };
   if ($.current !== p) {
     const Z = $.current;
-    $.current = p, p && !Z ? (z(!0), Q(!1), P(!0)) : !p && Z && (B(!1), z(!0), P(!1), Q(!0));
+    $.current = p, p && !Z ? (z(!0), Q(!1), O(!0)) : !p && Z && (B(!1), z(!0), O(!1), Q(!0));
   }
   le(() => {
     if (!D) return;
-    U.current && (clearTimeout(U.current), U.current = null), O.current && (clearTimeout(O.current), O.current = null);
+    U.current && (clearTimeout(U.current), U.current = null), P.current && (clearTimeout(P.current), P.current = null);
     const Z = setTimeout(() => {
-      z(!1), P(!1), Q(!1);
+      z(!1), O(!1), Q(!1);
     }, L);
     return () => clearTimeout(Z);
   }, [D, L]), le(() => () => {
-    U.current && clearTimeout(U.current), O.current && clearTimeout(O.current);
+    U.current && clearTimeout(U.current), P.current && clearTimeout(P.current);
   }, []);
   const Ve = (Z) => {
     if (!p) return;
@@ -9987,7 +9992,7 @@ const Zl = ({
                     {
                       isSelected: fe,
                       setlistId: Z.id,
-                      onClick: () => N(Z.id),
+                      onClick: () => R(Z.id),
                       droppable: g,
                       isDropTarget: C === Z.id,
                       dndDroppableId: m ? `setlist:${Z.id}` : void 0,
@@ -10003,7 +10008,7 @@ const Zl = ({
                       onDragLeave: (qe) => {
                         l == null || l(Z.id, qe);
                       },
-                      dropdownMenuOpen: R === Z.id,
+                      dropdownMenuOpen: N === Z.id,
                       onDropdownMenuOpenChange: (qe) => {
                         I(qe ? Z.id : null);
                       },
@@ -10109,30 +10114,30 @@ const Zl = ({
   mobileBreakpoint: d = mr,
   ...u
 }) => {
-  const p = rE(d), { isMobile: h, isOpen: g, open: C, close: m } = _l(p), [f, k] = j(!1), [y, R] = j(!1), I = s ?? y, N = J(
+  const p = rE(d), { isMobile: h, isOpen: g, open: C, close: m } = _l(p), [f, k] = j(!1), [y, N] = j(!1), I = s ?? y, R = J(
     (G) => {
-      s == null && R(G), o == null || o(G);
+      s == null && N(G), o == null || o(G);
     },
     [s, o]
   ), E = h ? !1 : r && !I, w = () => {
-    h || (k(!1), N(!1), i((G) => !G));
+    h || (k(!1), R(!1), i((G) => !G));
   }, B = () => {
     h || k(!0);
   }, x = () => {
     h || k(!1);
-  }, P = (G) => {
+  }, O = (G) => {
     E ? w() : l && l(G);
   }, T = () => {
-    h || !r || N(!0);
+    h || !r || R(!0);
   }, Q = () => {
-    N(!1);
+    R(!1);
   }, D = (G) => {
     B(), G.buttons > 0 && T();
   }, z = () => {
     T();
   }, U = (G) => {
     h || !r || (G.preventDefault(), T());
-  }, O = E ? "Expand menu" : "Moises", V = "Moises";
+  }, P = E ? "Expand menu" : "Moises", V = "Moises";
   le(() => {
     if (!I) return;
     const G = () => {
@@ -10208,7 +10213,7 @@ const Zl = ({
                 {
                   type: "button",
                   className: Ae.logoButton,
-                  onClick: P,
+                  onClick: O,
                   "aria-label": V,
                   children: /* @__PURE__ */ v(
                     S,
@@ -10284,8 +10289,8 @@ const Zl = ({
                       {
                         type: "button",
                         className: Ae.logoButton,
-                        onClick: P,
-                        "aria-label": O,
+                        onClick: O,
+                        "aria-label": P,
                         children: /* @__PURE__ */ a(
                           S,
                           {
@@ -10327,8 +10332,8 @@ const Zl = ({
                       {
                         type: "button",
                         className: Ae.logoButton,
-                        onClick: P,
-                        "aria-label": O,
+                        onClick: O,
+                        "aria-label": P,
                         children: /* @__PURE__ */ a(
                           S,
                           {
@@ -10394,13 +10399,13 @@ const sE = "_sectionTitle_bwlze_1", aE = "_separator_bwlze_17", co = {
   sidebarTooltip: m,
   children: f
 }) => {
-  const [k, y] = j(!1), [R, I] = j(!1), { isMobile: N } = _l(), E = N ? !1 : k && !R;
+  const [k, y] = j(!1), [N, I] = j(!1), { isMobile: R } = _l(), E = R ? !1 : k && !N;
   return /* @__PURE__ */ v(we, { children: [
     /* @__PURE__ */ v(
       $l,
       {
         isCollapsed: k,
-        isTemporarilyExpandedByDrag: R,
+        isTemporarilyExpandedByDrag: N,
         onTemporarilyExpandedByDragChange: I,
         onCollapsedChange: y,
         tooltip: m,
@@ -10434,7 +10439,7 @@ const sE = "_sectionTitle_bwlze_1", aE = "_separator_bwlze_17", co = {
                     newSetlistButtonTooltip: h,
                     expandButtonTooltip: g,
                     collapsed: E,
-                    isMobile: N
+                    isMobile: R
                   }
                 )
               ]
@@ -10492,7 +10497,7 @@ const sE = "_sectionTitle_bwlze_1", aE = "_separator_bwlze_17", co = {
   className: g,
   ...C
 }, m) {
-  const f = C["aria-label"], k = _(null), y = _(null), R = _(null), I = _(null), [N, E] = j(!1), [w, B] = j(!1), [x, P] = j(!1), T = _({ value: t, min: s, max: o, step: i, disabled: l, onValueChange: r });
+  const f = C["aria-label"], k = _(null), y = _(null), N = _(null), I = _(null), [R, E] = j(!1), [w, B] = j(!1), [x, O] = j(!1), T = _({ value: t, min: s, max: o, step: i, disabled: l, onValueChange: r });
   T.current = { value: t, min: s, max: o, step: i, disabled: l, onValueChange: r };
   const Q = _({
     tooltipDelayDuration: d,
@@ -10501,7 +10506,7 @@ const sE = "_sectionTitle_bwlze_1", aE = "_separator_bwlze_17", co = {
   Q.current = { tooltipDelayDuration: d, tooltipCloseDelay: u };
   const D = _({ accum: 0, axis: null, lastTime: 0 });
   le(() => () => {
-    R.current != null && clearTimeout(R.current), I.current != null && clearTimeout(I.current);
+    N.current != null && clearTimeout(N.current), I.current != null && clearTimeout(I.current);
   }, []), le(() => {
     const F = () => {
       y.current = "keyboard";
@@ -10542,7 +10547,7 @@ const sE = "_sectionTitle_bwlze_1", aE = "_separator_bwlze_17", co = {
     return F.addEventListener("wheel", ce, { passive: !1 }), () => F.removeEventListener("wheel", ce);
   }, []), le(() => {
     if (!x) return;
-    const F = () => P(!1);
+    const F = () => O(!1);
     return window.addEventListener("pointerup", F), window.addEventListener("pointercancel", F), () => {
       window.removeEventListener("pointerup", F), window.removeEventListener("pointercancel", F);
     };
@@ -10559,25 +10564,25 @@ const sE = "_sectionTitle_bwlze_1", aE = "_separator_bwlze_17", co = {
     },
     [m]
   ), U = () => {
-    l || P(!0);
-  }, O = () => {
-    R.current != null && (clearTimeout(R.current), R.current = null);
+    l || O(!0);
+  }, P = () => {
+    N.current != null && (clearTimeout(N.current), N.current = null);
   }, V = () => {
     I.current != null && (clearTimeout(I.current), I.current = null);
   }, $ = () => {
     y.current === "keyboard" && E(!0);
   }, G = () => E(!1), W = () => E(!1), q = () => {
-    V(), O();
+    V(), P();
     const { tooltipDelayDuration: F } = Q.current;
     if (F <= 0) {
       B(!0);
       return;
     }
-    R.current = setTimeout(() => {
-      R.current = null, B(!0);
+    N.current = setTimeout(() => {
+      N.current = null, B(!0);
     }, F);
   }, he = () => {
-    O();
+    P();
     const { tooltipCloseDelay: F } = Q.current;
     if (F <= 0) {
       B(!1);
@@ -10588,11 +10593,11 @@ const sE = "_sectionTitle_bwlze_1", aE = "_separator_bwlze_17", co = {
     }, F);
   }, de = () => {
     l || h == null || h(t);
-  }, ge = p ? p(t) : t, K = !l && (w || x || N), X = /* @__PURE__ */ a(
+  }, ge = p ? p(t) : t, K = !l && (w || x || R), X = /* @__PURE__ */ a(
     zr,
     {
       className: cr.thumb,
-      "data-focus-visible": N || void 0,
+      "data-focus-visible": R || void 0,
       "aria-label": f,
       onFocus: $,
       onBlur: G,
@@ -10823,7 +10828,7 @@ const dr = (n) => {
   const g = _(null), C = _(null), [m, f] = j(!1), k = J((E) => {
     const w = E.target, B = w.scrollLeft + w.clientWidth >= w.scrollWidth - 2;
     f(B);
-  }, []), y = !!l || !!d, R = J(
+  }, []), y = !!l || !!d, N = J(
     (E) => {
       if (y) return;
       const w = E.target.value;
@@ -10852,7 +10857,7 @@ const dr = (n) => {
       }));
     },
     [t]
-  ), N = J(() => {
+  ), R = J(() => {
     t((E) => ({
       ...E,
       conditioningAudio: null,
@@ -10895,7 +10900,7 @@ const dr = (n) => {
                     {
                       value: n.conditioningText,
                       onFocus: o,
-                      onChange: R,
+                      onChange: N,
                       placeholder: r._(
                         `Describe your desired sound characteristics (ex: ${NE(
                           n.instrument,
@@ -11019,7 +11024,7 @@ const dr = (n) => {
                 wE(n),
                 ")"
               ] }),
-              /* @__PURE__ */ a(Be, { variant: "soft", onClick: N, children: /* @__PURE__ */ a(qd, { width: 16, height: 16 }) })
+              /* @__PURE__ */ a(Be, { variant: "soft", onClick: R, children: /* @__PURE__ */ a(qd, { width: 16, height: 16 }) })
             ]
           }
         ) : /* @__PURE__ */ v(
@@ -11466,16 +11471,16 @@ const fr = {
   generateFromSelectionTrack: f,
   unmutedTracksCount: k,
   onMountConcurrency: y,
-  onClear: R,
+  onClear: N,
   onInspireMe: I,
-  inspireMeLoading: N,
+  inspireMeLoading: R,
   onBoost: E,
   boostLoading: w,
   suggestedTags: B,
   onFetchSuggestedTags: x,
-  suggestedTagsLoading: P
+  suggestedTagsLoading: O
 }) => {
-  const [T, Q] = j(!1), [D, z] = j("2"), [U, O] = j(D), { submitted: V, handleSubmit: $ } = Ma(d), G = oe(() => [
+  const [T, Q] = j(!1), [D, z] = j("2"), [U, P] = j(D), { submitted: V, handleSubmit: $ } = Ma(d), G = oe(() => [
     { value: "2", label: l._("Presets") },
     { value: "1", label: l._("Custom") }
   ], []), W = (r ?? []).some(
@@ -11542,7 +11547,7 @@ const fr = {
     if (D !== U) {
       Q(!0);
       const X = setTimeout(() => {
-        O(D), Q(!1);
+        P(D), Q(!1);
       }, fr.timeouts.animationDuration);
       return () => clearTimeout(X);
     }
@@ -11622,12 +11627,12 @@ const fr = {
                   onAddConditioningAudio: s,
                   onTextConditioningFocus: o,
                   onInspireMe: I,
-                  inspireMeLoading: N,
+                  inspireMeLoading: R,
                   onBoost: E,
                   boostLoading: w,
                   suggestedTags: B,
                   onFetchSuggestedTags: x,
-                  suggestedTagsLoading: P
+                  suggestedTagsLoading: O
                 }
               ),
               U === "2" && W && /* @__PURE__ */ a(
@@ -11701,7 +11706,7 @@ const fr = {
                           inpaintingTrack: m,
                           generateFromSelectionTrack: f,
                           unmutedTracksCount: k,
-                          onClear: R,
+                          onClear: N,
                           i18n: l
                         }
                       ) }),
@@ -11727,7 +11732,7 @@ const fr = {
                         _e,
                         {
                           type: "error",
-                          onClick: R,
+                          onClick: N,
                           ctaLabel: l._("Clear"),
                           showBackground: !1,
                           showIcon: !1,
@@ -11857,7 +11862,7 @@ const Ao = {
   showStemsPaywall: C,
   showHiFiSwitch: m
 }) => {
-  var N;
+  var R;
   const { submitted: f, handleSubmit: k } = Ma(l), y = [
     {
       value: "freeVocalInstruments",
@@ -11969,7 +11974,7 @@ const Ao = {
       name: n._("Other"),
       category: "paid"
     }
-  ], R = async (E) => {
+  ], N = async (E) => {
     if (E.isLocked) {
       C(E.value);
       return;
@@ -11978,11 +11983,11 @@ const Ao = {
     d((B) => {
       let x = [...B.selectedStems];
       if (x.includes(w))
-        x = x.filter((P) => P !== w);
+        x = x.filter((O) => O !== w);
       else {
-        const P = $E[w] || [];
+        const O = $E[w] || [];
         x = x.filter(
-          (T) => !P.includes(T)
+          (T) => !O.includes(T)
         ), x.push(w);
       }
       return x.includes("other") && x.length === 1 ? { ...B, selectedStems: [] } : { ...B, selectedStems: x };
@@ -12024,7 +12029,7 @@ const Ao = {
           };
         }),
         value: c.selectedStems,
-        onSelect: R,
+        onSelect: N,
         style: {
           marginBottom: "12px"
         }
@@ -12045,7 +12050,7 @@ const Ao = {
           _r,
           {
             title: n._("Separate Stems"),
-            disabled: !((N = c == null ? void 0 : c.selectedStems) != null && N.length) || !(c != null && c.trackName),
+            disabled: !((R = c == null ? void 0 : c.selectedStems) != null && R.length) || !(c != null && c.trackName),
             loading: u,
             onClick: k,
             besideFooter: /* @__PURE__ */ v(S, { align: "center", gap: "2", children: [
@@ -12618,17 +12623,17 @@ const ms = (n, t) => typeof n == "string" ? { title: n, description: "", variant
       const k = {
         ...ms(m, "neutral"),
         id: `${Date.now()}-${Rw++}`
-      }, y = k.duration ?? t, R = setTimeout(() => {
+      }, y = k.duration ?? t, N = setTimeout(() => {
         u(k.id);
       }, y);
-      return d.current.set(k.id, R), c((I) => {
-        const N = [...I.slice(-(r - 1)), k], E = new Set(N.map((w) => w.id));
+      return d.current.set(k.id, N), c((I) => {
+        const R = [...I.slice(-(r - 1)), k], E = new Set(R.map((w) => w.id));
         return I.forEach((w) => {
           if (!E.has(w.id)) {
             const B = d.current.get(w.id);
             B && (clearTimeout(B), d.current.delete(w.id));
           }
-        }), N;
+        }), R;
       }), k.id;
     },
     [u, t, r]
@@ -12861,24 +12866,24 @@ const Pw = "_track_2k5w9_1", Fw = "_name_2k5w9_11", zw = "_line_2k5w9_22", Ww =
     isAutoMuted: f,
     isSolo: k,
     isOpen: y,
-    instrumentSelected: R,
+    instrumentSelected: N,
     device: I,
-    channel: N,
+    channel: R,
     // State change listeners
     onVolumeChange: E,
     onVolumeReset: w,
     onPanChange: B,
     onMutedChange: x,
-    onRecordChange: P,
+    onRecordChange: O,
     onSoloChange: T,
     onOpenChange: Q,
     onInstrumentChange: D,
     onDeviceChange: z,
     onChannelChange: U,
     // Children (having content means group/takelanes)
-    children: O
+    children: P
   }) => {
-    const V = !!O, $ = J(
+    const V = !!P, $ = J(
       () => Q == null ? void 0 : Q(!y),
       [y, Q]
     );
@@ -12947,7 +12952,7 @@ const Pw = "_track_2k5w9_1", Fw = "_name_2k5w9_11", zw = "_line_2k5w9_22", Ww =
                                           xe.instrumentIconButton,
                                           xe.menuOptionsTrigger
                                         ),
-                                        children: R.icon
+                                        children: N.icon
                                       }
                                     ),
                                     options: c,
@@ -12984,7 +12989,7 @@ const Pw = "_track_2k5w9_1", Fw = "_name_2k5w9_11", zw = "_line_2k5w9_22", Ww =
                                     device: I,
                                     onDeviceChange: z,
                                     channelOptions: u,
-                                    channel: N,
+                                    channel: R,
                                     onChannelChange: U,
                                     inputLevel: p,
                                     children: /* @__PURE__ */ a(
@@ -12992,7 +12997,7 @@ const Pw = "_track_2k5w9_1", Fw = "_name_2k5w9_11", zw = "_line_2k5w9_22", Ww =
                                       {
                                         type: "record",
                                         selected: m,
-                                        onClick: () => P == null ? void 0 : P()
+                                        onClick: () => O == null ? void 0 : O()
                                       }
                                     )
                                   }
@@ -13067,7 +13072,7 @@ const Pw = "_track_2k5w9_1", Fw = "_name_2k5w9_11", zw = "_line_2k5w9_22", Ww =
               )
             }
           ),
-          V && y && /* @__PURE__ */ a("div", { className: xe.group, children: O })
+          V && y && /* @__PURE__ */ a("div", { className: xe.group, children: P })
         ]
       }
     );
@@ -13097,15 +13102,15 @@ function AR({ schema: n }) {
       r((I) => ({ ...I, [f]: k })), o((I) => ({ ...I, [f]: null }));
       return;
     }
-    const y = f, R = Object.fromEntries(
+    const y = f, N = Object.fromEntries(
       Object.entries(y).map(([I]) => ({ [I]: null }))
     );
-    r((I) => ({ ...I, ...y })), o((I) => ({ ...I, ...R }));
+    r((I) => ({ ...I, ...y })), o((I) => ({ ...I, ...N }));
   }, []), u = (f, k) => {
-    const y = t[f], R = (I) => d(f, I);
-    return k === "checkbox" || k === "switch" ? { checked: !!y, onCheckedChange: R } : { value: y ?? "", onChange: (I) => {
-      var N;
-      return R(((N = I == null ? void 0 : I.target) == null ? void 0 : N.value) ?? I);
+    const y = t[f], N = (I) => d(f, I);
+    return k === "checkbox" || k === "switch" ? { checked: !!y, onCheckedChange: N } : { value: y ?? "", onChange: (I) => {
+      var R;
+      return N(((R = I == null ? void 0 : I.target) == null ? void 0 : R.value) ?? I);
     } };
   }, p = () => {
     const f = n.safeParse(t);
@@ -13113,8 +13118,8 @@ function AR({ schema: n }) {
       return o({}), { isValid: !0, data: f.data };
     const k = {};
     for (const y of f.error.issues) {
-      const R = y.path.join(".");
-      k[R] || (k[R] = y.message);
+      const N = y.path.join(".");
+      k[N] || (k[N] = y.message);
     }
     return o(k), { isValid: !1, data: t };
   }, h = J((f) => (l.current.push(f), () => {
@@ -13276,13 +13281,13 @@ function ac({
   classNamesButton: C,
   onPlayStateChange: m
 }) {
-  const [f, k] = j(!1), [y, R] = j(!1), [I, N] = j(!1), [E, w] = j(!1);
+  const [f, k] = j(!1), [y, N] = j(!1), [I, R] = j(!1), [E, w] = j(!1);
   le(() => {
     typeof navigator < "u" && w(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
   }, []);
-  const B = oe(() => s, [s]), x = oe(() => o ? !1 : !B || B && f, [B, f, o]), P = _(null), T = _(null);
+  const B = oe(() => s, [s]), x = oe(() => o ? !1 : !B || B && f, [B, f, o]), O = _(null), T = _(null);
   le(() => {
-    I || (!p || i) && N(!0);
+    I || (!p || i) && R(!0);
   }, [p, i, I]);
   const Q = J(() => {
     var W;
@@ -13296,7 +13301,7 @@ function ac({
     T.current && n && ((W = T.current) == null || W.load(n));
   }, [n]);
   const z = J((W) => {
-    T.current = W, R(!0), k(!1);
+    T.current = W, N(!0), k(!1);
   }, []), U = J(
     (W) => {
       if (k(!0), r == null || r(!0), m == null || m(!0), d) {
@@ -13314,7 +13319,7 @@ function ac({
       h == null || h();
     },
     [r, d, h, m]
-  ), O = J(() => {
+  ), P = J(() => {
     k(!1), r == null || r(!1), m == null || m(!1), d && d.setter((W) => ({
       ...W,
       isPlaying: !1
@@ -13372,7 +13377,7 @@ function ac({
               display: x && y ? "block" : "none",
               cursor: "pointer"
             },
-            ref: P,
+            ref: O,
             children: /* @__PURE__ */ a(
               ql,
               {
@@ -13387,7 +13392,7 @@ function ac({
                 onReady: z,
                 onSeeking: V,
                 onPlay: U,
-                onPause: O,
+                onPause: P,
                 onFinish: $,
                 backend: E ? "WebAudio" : "MediaElement"
               }
@@ -13759,33 +13764,33 @@ const MN = "_footerVoiceForm_lsc2c_2", UN = {
   onClickUpgradeConcurrency: m,
   onRemoveTrack: f
 }) => {
-  const [k, y] = j(null), [R, I] = j(null), { submitted: N, handleSubmit: E } = Ma(p), [w, B] = j({
+  const [k, y] = j(null), [N, I] = j(null), { submitted: R, handleSubmit: E } = Ma(p), [w, B] = j({
     lastPlayed: null,
     active: null,
     isPlaying: !1,
     id: "voice-form"
   }), x = J(
-    (O) => {
-      y(O);
-      const V = n.find(($) => $.identifier === O);
+    (P) => {
+      y(P);
+      const V = n.find(($) => $.identifier === P);
       r(($) => ({
         ...$,
         selectedVoice: V
       }));
     },
     [n, r]
-  ), P = J(
-    (O) => {
-      R !== O && I(O);
+  ), O = J(
+    (P) => {
+      N !== P && I(P);
     },
-    [R, I]
+    [N, I]
   ), T = J(
-    (O) => {
+    (P) => {
       I(null), w.active && w.active.pause(), B((V) => ({
         ...V,
         isPlaying: !1,
         active: null
-      })), s(O);
+      })), s(P);
     },
     [s, w]
   ), Q = oe(
@@ -13795,7 +13800,7 @@ const MN = "_footerVoiceForm_lsc2c_2", UN = {
     }),
     [w]
   ), D = oe(
-    () => n.find((O) => O.identifier === i) || n[0],
+    () => n.find((P) => P.identifier === i) || n[0],
     [n, i]
   ), z = oe(
     () => !!(t.trackName || t.trackId || t.customAudio),
@@ -13805,19 +13810,19 @@ const MN = "_footerVoiceForm_lsc2c_2", UN = {
       E();
       return;
     }
-    D && (x(D.identifier), o(), r((O) => {
+    D && (x(D.identifier), o(), r((P) => {
       var V;
-      return ((V = O.selectedVoice) == null ? void 0 : V.identifier) === D.identifier ? O : { ...O, selectedVoice: D };
+      return ((V = P.selectedVoice) == null ? void 0 : V.identifier) === D.identifier ? P : { ...P, selectedVoice: D };
     })), z && (D ? E({ selectedVoice: D }) : E());
   }, [i, E, D, x, o]);
   return le(() => {
-    var O;
+    var P;
     if (w.isPlaying === !1)
       I(null);
     else if (w.isPlaying === !0 && w.active) {
-      const V = (O = n.find(
+      const V = (P = n.find(
         ($) => w.active && $.metadata.previewUrl === w.active.url
-      )) == null ? void 0 : O.identifier;
+      )) == null ? void 0 : P.identifier;
       V && I(V);
     }
   }, [w, n]), /* @__PURE__ */ v(S, { direction: "column", height: "100%", children: [
@@ -13827,8 +13832,8 @@ const MN = "_footerVoiceForm_lsc2c_2", UN = {
         voices: n,
         selectedId: k,
         handleSelect: x,
-        playingItem: R,
-        handleAvatarClick: P,
+        playingItem: N,
+        handleAvatarClick: O,
         handleDetailsClick: T,
         wavegroup: Q,
         setPlayingItem: I,
@@ -13877,7 +13882,7 @@ const MN = "_footerVoiceForm_lsc2c_2", UN = {
                   onMountConcurrency: g
                 }
               ),
-              !d && !N && !u && !i && /* @__PURE__ */ a(
+              !d && !R && !u && !i && /* @__PURE__ */ a(
                 QN,
                 {
                   trackId: t.trackId,
@@ -13887,7 +13892,7 @@ const MN = "_footerVoiceForm_lsc2c_2", UN = {
                   onRemoveTrack: f
                 }
               ),
-              !d && N && !u && !i && /* @__PURE__ */ a(_e, { showIcon: !1, showBackground: !1, children: /* @__PURE__ */ a(H, { size: "2", children: l._("Voice conversion initialized!") }) }),
+              !d && R && !u && !i && /* @__PURE__ */ a(_e, { showIcon: !1, showBackground: !1, children: /* @__PURE__ */ a(H, { size: "2", children: l._("Voice conversion initialized!") }) }),
               !d && u && !i && /* @__PURE__ */ a(
                 _e,
                 {