@moises.ai/design-system 4.14.5 → 4.14.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.js +441 -439
  2. package/package.json +1 -1
  3. package/src/components/TrackHeader/TrackHeader.jsx +2 -0
  4. package/src/components/TrackHeader/TrackHeader.stories.jsx +36 -25
package/dist/index.js CHANGED
@@ -31,17 +31,17 @@ var nu = [" ", "Enter", "ArrowUp", "ArrowDown"], ru = [" ", "Enter"], Gt = "Sele
31
31
  disabled: g,
32
32
  required: v,
33
33
  form: C
34
- } = n, m = Ir(t), [I, k] = h.useState(null), [E, S] = h.useState(null), [R, w] = h.useState(!1), N = _a(u), [B, J] = dr({
34
+ } = n, m = Ir(t), [I, k] = h.useState(null), [E, S] = h.useState(null), [R, w] = h.useState(!1), N = _a(u), [B, Q] = dr({
35
35
  prop: s,
36
36
  defaultProp: o ?? !1,
37
37
  onChange: i,
38
38
  caller: Gt
39
- }), [O, T] = dr({
39
+ }), [U, D] = dr({
40
40
  prop: l,
41
41
  defaultProp: c,
42
42
  onChange: d,
43
43
  caller: Gt
44
- }), D = h.useRef(null), Q = I ? C || !!I.closest("form") : !0, [F, M] = h.useState(/* @__PURE__ */ new Set()), P = Array.from(F).map((U) => U.props.value).join(";");
44
+ }), T = h.useRef(null), J = I ? C || !!I.closest("form") : !0, [F, M] = h.useState(/* @__PURE__ */ new Set()), P = Array.from(F).map((O) => O.props.value).join(";");
45
45
  return /* @__PURE__ */ a(jl, { ...m, children: /* @__PURE__ */ f(
46
46
  au,
47
47
  {
@@ -54,31 +54,31 @@ var nu = [" ", "Enter", "ArrowUp", "ArrowDown"], ru = [" ", "Enter"], Gt = "Sele
54
54
  valueNodeHasChildren: R,
55
55
  onValueNodeHasChildrenChange: w,
56
56
  contentId: Rs(),
57
- value: O,
58
- onValueChange: T,
57
+ value: U,
58
+ onValueChange: D,
59
59
  open: B,
60
- onOpenChange: J,
60
+ onOpenChange: Q,
61
61
  dir: N,
62
- triggerPointerDownPosRef: D,
62
+ triggerPointerDownPosRef: T,
63
63
  disabled: g,
64
64
  children: [
65
65
  /* @__PURE__ */ a(yr.Provider, { scope: t, children: /* @__PURE__ */ a(
66
66
  ou,
67
67
  {
68
68
  scope: n.__scopeSelect,
69
- onNativeOptionAdd: h.useCallback((U) => {
70
- M((H) => new Set(H).add(U));
69
+ onNativeOptionAdd: h.useCallback((O) => {
70
+ M((W) => new Set(W).add(O));
71
71
  }, []),
72
- onNativeOptionRemove: h.useCallback((U) => {
73
- M((H) => {
74
- const K = new Set(H);
75
- return K.delete(U), K;
72
+ onNativeOptionRemove: h.useCallback((O) => {
73
+ M((W) => {
74
+ const K = new Set(W);
75
+ return K.delete(O), K;
76
76
  });
77
77
  }, []),
78
78
  children: r
79
79
  }
80
80
  ) }),
81
- Q ? /* @__PURE__ */ f(
81
+ J ? /* @__PURE__ */ f(
82
82
  Xo,
83
83
  {
84
84
  "aria-hidden": !0,
@@ -86,12 +86,12 @@ var nu = [" ", "Enter", "ArrowUp", "ArrowDown"], ru = [" ", "Enter"], Gt = "Sele
86
86
  tabIndex: -1,
87
87
  name: p,
88
88
  autoComplete: A,
89
- value: O,
90
- onChange: (U) => T(U.target.value),
89
+ value: U,
90
+ onChange: (O) => D(O.target.value),
91
91
  disabled: g,
92
92
  form: C,
93
93
  children: [
94
- O === void 0 ? /* @__PURE__ */ a("option", { value: "" }) : null,
94
+ U === void 0 ? /* @__PURE__ */ a("option", { value: "" }) : null,
95
95
  Array.from(F)
96
96
  ]
97
97
  },
@@ -210,62 +210,62 @@ var Ze = 10, [Mo, Tt] = hn(qt), du = "SelectContentImpl", uu = tc("SelectContent
210
210
  avoidCollisions: I,
211
211
  //
212
212
  ...k
213
- } = n, E = xt(qt, r), [S, R] = h.useState(null), [w, N] = h.useState(null), B = Je(t, (j) => R(j)), [J, O] = h.useState(null), [T, D] = h.useState(
213
+ } = n, E = xt(qt, r), [S, R] = h.useState(null), [w, N] = h.useState(null), B = Je(t, (j) => R(j)), [Q, U] = h.useState(null), [D, T] = h.useState(
214
214
  null
215
- ), Q = br(r), [F, M] = h.useState(!1), P = h.useRef(!1);
215
+ ), J = br(r), [F, M] = h.useState(!1), P = h.useRef(!1);
216
216
  h.useEffect(() => {
217
217
  if (S) return Xl(S);
218
218
  }, [S]), Zl();
219
- const U = h.useCallback(
219
+ const O = h.useCallback(
220
220
  (j) => {
221
- const [ce, ...Ee] = Q().map((oe) => oe.ref.current), [ue] = Ee.slice(-1), ae = document.activeElement;
221
+ const [ce, ...Ee] = J().map((oe) => oe.ref.current), [ue] = Ee.slice(-1), ae = document.activeElement;
222
222
  for (const oe of j)
223
223
  if (oe === ae || (oe == null || oe.scrollIntoView({ block: "nearest" }), oe === ce && w && (w.scrollTop = 0), oe === ue && w && (w.scrollTop = w.scrollHeight), oe == null || oe.focus(), document.activeElement !== ae)) return;
224
224
  },
225
- [Q, w]
226
- ), H = h.useCallback(
227
- () => U([J, S]),
228
- [U, J, S]
225
+ [J, w]
226
+ ), W = h.useCallback(
227
+ () => O([Q, S]),
228
+ [O, Q, S]
229
229
  );
230
230
  h.useEffect(() => {
231
- F && H();
232
- }, [F, H]);
233
- const { onOpenChange: K, triggerPointerDownPosRef: W } = E;
231
+ F && W();
232
+ }, [F, W]);
233
+ const { onOpenChange: K, triggerPointerDownPosRef: H } = E;
234
234
  h.useEffect(() => {
235
235
  if (S) {
236
236
  let j = { x: 0, y: 0 };
237
237
  const ce = (ue) => {
238
238
  var ae, oe;
239
239
  j = {
240
- x: Math.abs(Math.round(ue.pageX) - (((ae = W.current) == null ? void 0 : ae.x) ?? 0)),
241
- y: Math.abs(Math.round(ue.pageY) - (((oe = W.current) == null ? void 0 : oe.y) ?? 0))
240
+ x: Math.abs(Math.round(ue.pageX) - (((ae = H.current) == null ? void 0 : ae.x) ?? 0)),
241
+ y: Math.abs(Math.round(ue.pageY) - (((oe = H.current) == null ? void 0 : oe.y) ?? 0))
242
242
  };
243
243
  }, Ee = (ue) => {
244
- j.x <= 10 && j.y <= 10 ? ue.preventDefault() : S.contains(ue.target) || K(!1), document.removeEventListener("pointermove", ce), W.current = null;
244
+ j.x <= 10 && j.y <= 10 ? ue.preventDefault() : S.contains(ue.target) || K(!1), document.removeEventListener("pointermove", ce), H.current = null;
245
245
  };
246
- return W.current !== null && (document.addEventListener("pointermove", ce), document.addEventListener("pointerup", Ee, { capture: !0, once: !0 })), () => {
246
+ return H.current !== null && (document.addEventListener("pointermove", ce), document.addEventListener("pointerup", Ee, { capture: !0, once: !0 })), () => {
247
247
  document.removeEventListener("pointermove", ce), document.removeEventListener("pointerup", Ee, { capture: !0 });
248
248
  };
249
249
  }
250
- }, [S, K, W]), h.useEffect(() => {
250
+ }, [S, K, H]), h.useEffect(() => {
251
251
  const j = () => K(!1);
252
252
  return window.addEventListener("blur", j), window.addEventListener("resize", j), () => {
253
253
  window.removeEventListener("blur", j), window.removeEventListener("resize", j);
254
254
  };
255
255
  }, [K]);
256
256
  const [te, de] = _o((j) => {
257
- const ce = Q().filter((ae) => !ae.disabled), Ee = ce.find((ae) => ae.ref.current === document.activeElement), ue = $o(ce, j, Ee);
257
+ const ce = J().filter((ae) => !ae.disabled), Ee = ce.find((ae) => ae.ref.current === document.activeElement), ue = $o(ce, j, Ee);
258
258
  ue && setTimeout(() => ue.ref.current.focus());
259
259
  }), le = h.useCallback(
260
260
  (j, ce, Ee) => {
261
261
  const ue = !P.current && !Ee;
262
- (E.value !== void 0 && E.value === ce || ue) && (O(j), ue && (P.current = !0));
262
+ (E.value !== void 0 && E.value === ce || ue) && (U(j), ue && (P.current = !0));
263
263
  },
264
264
  [E.value]
265
265
  ), Se = h.useCallback(() => S == null ? void 0 : S.focus(), [S]), ve = h.useCallback(
266
266
  (j, ce, Ee) => {
267
267
  const ue = !P.current && !Ee;
268
- (E.value !== void 0 && E.value === ce || ue) && D(j);
268
+ (E.value !== void 0 && E.value === ce || ue) && T(j);
269
269
  },
270
270
  [E.value]
271
271
  ), se = s === "popper" ? cs : Oo, G = se === cs ? {
@@ -288,11 +288,11 @@ var Ze = 10, [Mo, Tt] = hn(qt), du = "SelectContentImpl", uu = tc("SelectContent
288
288
  viewport: w,
289
289
  onViewportChange: N,
290
290
  itemRefCallback: le,
291
- selectedItem: J,
291
+ selectedItem: Q,
292
292
  onItemLeave: Se,
293
293
  itemTextRefCallback: ve,
294
- focusSelectedItem: H,
295
- selectedItemText: T,
294
+ focusSelectedItem: W,
295
+ selectedItemText: D,
296
296
  position: s,
297
297
  isPositioned: F,
298
298
  searchRef: te,
@@ -340,12 +340,12 @@ var Ze = 10, [Mo, Tt] = hn(qt), du = "SelectContentImpl", uu = tc("SelectContent
340
340
  onKeyDown: fe(k.onKeyDown, (j) => {
341
341
  const ce = j.ctrlKey || j.altKey || j.metaKey;
342
342
  if (j.key === "Tab" && j.preventDefault(), !ce && j.key.length === 1 && de(j.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(j.key)) {
343
- let ue = Q().filter((ae) => !ae.disabled).map((ae) => ae.ref.current);
343
+ let ue = J().filter((ae) => !ae.disabled).map((ae) => ae.ref.current);
344
344
  if (["ArrowUp", "End"].includes(j.key) && (ue = ue.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(j.key)) {
345
345
  const ae = j.target, oe = ue.indexOf(ae);
346
346
  ue = ue.slice(oe + 1);
347
347
  }
348
- setTimeout(() => U(ue)), j.preventDefault();
348
+ setTimeout(() => O(ue)), j.preventDefault();
349
349
  }
350
350
  })
351
351
  }
@@ -362,9 +362,9 @@ Uo.displayName = du;
362
362
  var hu = "SelectItemAlignedPosition", Oo = h.forwardRef((n, t) => {
363
363
  const { __scopeSelect: r, onPlaced: s, ...o } = n, i = xt(qt, r), l = Tt(qt, r), [c, d] = h.useState(null), [u, p] = h.useState(null), A = Je(t, (B) => p(B)), g = br(r), v = h.useRef(!1), C = h.useRef(!0), { viewport: m, selectedItem: I, selectedItemText: k, focusSelectedItem: E } = l, S = h.useCallback(() => {
364
364
  if (i.trigger && i.valueNode && c && u && m && I && k) {
365
- const B = i.trigger.getBoundingClientRect(), J = u.getBoundingClientRect(), O = i.valueNode.getBoundingClientRect(), T = k.getBoundingClientRect();
365
+ const B = i.trigger.getBoundingClientRect(), Q = u.getBoundingClientRect(), U = i.valueNode.getBoundingClientRect(), D = k.getBoundingClientRect();
366
366
  if (i.dir !== "rtl") {
367
- const ae = T.left - J.left, oe = O.left - ae, Ye = B.left - oe, Xe = B.width + Ye, Me = Math.max(Xe, J.width), ut = window.innerWidth - Ze, at = ur(oe, [
367
+ const ae = D.left - Q.left, oe = U.left - ae, Ye = B.left - oe, Xe = B.width + Ye, Me = Math.max(Xe, Q.width), ut = window.innerWidth - Ze, at = ur(oe, [
368
368
  Ze,
369
369
  // Prevents the content from going off the starting edge of the
370
370
  // viewport. It may still go off the ending edge, but this can be
@@ -375,24 +375,24 @@ var hu = "SelectItemAlignedPosition", Oo = h.forwardRef((n, t) => {
375
375
  ]);
376
376
  c.style.minWidth = Xe + "px", c.style.left = at + "px";
377
377
  } else {
378
- const ae = J.right - T.right, oe = window.innerWidth - O.right - ae, Ye = window.innerWidth - B.right - oe, Xe = B.width + Ye, Me = Math.max(Xe, J.width), ut = window.innerWidth - Ze, at = ur(oe, [
378
+ const ae = Q.right - D.right, oe = window.innerWidth - U.right - ae, Ye = window.innerWidth - B.right - oe, Xe = B.width + Ye, Me = Math.max(Xe, Q.width), ut = window.innerWidth - Ze, at = ur(oe, [
379
379
  Ze,
380
380
  Math.max(Ze, ut - Me)
381
381
  ]);
382
382
  c.style.minWidth = Xe + "px", c.style.right = at + "px";
383
383
  }
384
- const D = g(), Q = window.innerHeight - Ze * 2, F = m.scrollHeight, M = window.getComputedStyle(u), P = parseInt(M.borderTopWidth, 10), U = parseInt(M.paddingTop, 10), H = parseInt(M.borderBottomWidth, 10), K = parseInt(M.paddingBottom, 10), W = P + U + F + K + H, te = Math.min(I.offsetHeight * 5, W), de = window.getComputedStyle(m), le = parseInt(de.paddingTop, 10), Se = parseInt(de.paddingBottom, 10), ve = B.top + B.height / 2 - Ze, se = Q - ve, G = I.offsetHeight / 2, j = I.offsetTop + G, ce = P + U + j, Ee = W - ce;
384
+ const T = g(), J = window.innerHeight - Ze * 2, F = m.scrollHeight, M = window.getComputedStyle(u), P = parseInt(M.borderTopWidth, 10), O = parseInt(M.paddingTop, 10), W = parseInt(M.borderBottomWidth, 10), K = parseInt(M.paddingBottom, 10), H = P + O + F + K + W, te = Math.min(I.offsetHeight * 5, H), de = window.getComputedStyle(m), le = parseInt(de.paddingTop, 10), Se = parseInt(de.paddingBottom, 10), ve = B.top + B.height / 2 - Ze, se = J - ve, G = I.offsetHeight / 2, j = I.offsetTop + G, ce = P + O + j, Ee = H - ce;
385
385
  if (ce <= ve) {
386
- const ae = D.length > 0 && I === D[D.length - 1].ref.current;
386
+ const ae = T.length > 0 && I === T[T.length - 1].ref.current;
387
387
  c.style.bottom = "0px";
388
388
  const oe = u.clientHeight - m.offsetTop - m.offsetHeight, Ye = Math.max(
389
389
  se,
390
390
  G + // viewport might have padding bottom, include it to avoid a scrollable viewport
391
- (ae ? Se : 0) + oe + H
391
+ (ae ? Se : 0) + oe + W
392
392
  ), Xe = ce + Ye;
393
393
  c.style.height = Xe + "px";
394
394
  } else {
395
- const ae = D.length > 0 && I === D[0].ref.current;
395
+ const ae = T.length > 0 && I === T[0].ref.current;
396
396
  c.style.top = "0px";
397
397
  const Ye = Math.max(
398
398
  ve,
@@ -401,7 +401,7 @@ var hu = "SelectItemAlignedPosition", Oo = h.forwardRef((n, t) => {
401
401
  ) + Ee;
402
402
  c.style.height = Ye + "px", m.scrollTop = ce - ve + m.offsetTop;
403
403
  }
404
- c.style.margin = `${Ze}px 0`, c.style.minHeight = te + "px", c.style.maxHeight = Q + "px", s == null || s(), requestAnimationFrame(() => v.current = !0);
404
+ c.style.margin = `${Ze}px 0`, c.style.minHeight = te + "px", c.style.maxHeight = J + "px", s == null || s(), requestAnimationFrame(() => v.current = !0);
405
405
  }
406
406
  }, [
407
407
  g,
@@ -845,32 +845,32 @@ var Su = Ro, Eu = Bo, wu = To, Ru = Do, Nu = Jo, Bu = Qo, xu = Fo, Tu = zo, Du =
845
845
  } = n, I = h.useRef(/* @__PURE__ */ new Set()), k = h.useRef(0), S = l === "horizontal" ? zu : Wu, [R = [], w] = dr({
846
846
  prop: p,
847
847
  defaultProp: u,
848
- onChange: (D) => {
848
+ onChange: (T) => {
849
849
  var F;
850
- (F = [...I.current][k.current]) == null || F.focus(), A(D);
850
+ (F = [...I.current][k.current]) == null || F.focus(), A(T);
851
851
  }
852
852
  }), N = h.useRef(R);
853
- function B(D) {
854
- const Q = Vu(R, D);
855
- T(D, Q);
853
+ function B(T) {
854
+ const J = Vu(R, T);
855
+ D(T, J);
856
856
  }
857
- function J(D) {
858
- T(D, k.current);
857
+ function Q(T) {
858
+ D(T, k.current);
859
859
  }
860
- function O() {
861
- const D = N.current[k.current];
862
- R[k.current] !== D && g(R);
860
+ function U() {
861
+ const T = N.current[k.current];
862
+ R[k.current] !== T && g(R);
863
863
  }
864
- function T(D, Q, { commit: F } = { commit: !1 }) {
865
- const M = Xu(i), P = Zu(Math.round((D - s) / i) * i + s, M), U = ur(P, [s, o]);
866
- w((H = []) => {
867
- const K = Lu(H, U, Q);
864
+ function D(T, J, { commit: F } = { commit: !1 }) {
865
+ const M = Xu(i), P = Zu(Math.round((T - s) / i) * i + s, M), O = ur(P, [s, o]);
866
+ w((W = []) => {
867
+ const K = Lu(W, O, J);
868
868
  if (Yu(K, d * i)) {
869
- k.current = K.indexOf(U);
870
- const W = String(K) !== String(H);
871
- return W && F && g(K), W ? K : H;
869
+ k.current = K.indexOf(O);
870
+ const H = String(K) !== String(W);
871
+ return H && F && g(K), H ? K : W;
872
872
  } else
873
- return H;
873
+ return W;
874
874
  });
875
875
  }
876
876
  return /* @__PURE__ */ a(
@@ -900,14 +900,14 @@ var Su = Ro, Eu = Bo, wu = To, Ru = Do, Nu = Jo, Bu = Qo, xu = Fo, Tu = zo, Du =
900
900
  max: o,
901
901
  inverted: v,
902
902
  onSlideStart: c ? void 0 : B,
903
- onSlideMove: c ? void 0 : J,
904
- onSlideEnd: c ? void 0 : O,
905
- onHomeKeyDown: () => !c && T(s, 0, { commit: !0 }),
906
- onEndKeyDown: () => !c && T(o, R.length - 1, { commit: !0 }),
907
- onStepKeyDown: ({ event: D, direction: Q }) => {
903
+ onSlideMove: c ? void 0 : Q,
904
+ onSlideEnd: c ? void 0 : U,
905
+ onHomeKeyDown: () => !c && D(s, 0, { commit: !0 }),
906
+ onEndKeyDown: () => !c && D(o, R.length - 1, { commit: !0 }),
907
+ onStepKeyDown: ({ event: T, direction: J }) => {
908
908
  if (!c) {
909
- const P = ei.includes(D.key) || D.shiftKey && ti.includes(D.key) ? 10 : 1, U = k.current, H = R[U], K = i * P * Q;
910
- T(H + K, U, { commit: !0 });
909
+ const P = ei.includes(T.key) || T.shiftKey && ti.includes(T.key) ? 10 : 1, O = k.current, W = R[O], K = i * P * J;
910
+ D(W + K, O, { commit: !0 });
911
911
  }
912
912
  }
913
913
  }
@@ -2315,12 +2315,12 @@ const rm = "_Callout_1lwt5_1", sm = "_size1_1lwt5_5", am = "_onlyButton_1lwt5_5"
2315
2315
  }
2316
2316
  if (!E.current || !S.current) return;
2317
2317
  const B = () => {
2318
- const O = E.current.scrollHeight, T = S.current.scrollHeight;
2319
- w(O <= T ? "center" : "start");
2318
+ const U = E.current.scrollHeight, D = S.current.scrollHeight;
2319
+ w(U <= D ? "center" : "start");
2320
2320
  };
2321
2321
  B();
2322
- const J = new ResizeObserver(B);
2323
- return J.observe(E.current), J.observe(S.current), () => J.disconnect();
2322
+ const Q = new ResizeObserver(B);
2323
+ return Q.observe(E.current), Q.observe(S.current), () => Q.disconnect();
2324
2324
  }, [C]);
2325
2325
  const N = () => d ? null : /* @__PURE__ */ a(Zs, { style: { height: I }, children: /* @__PURE__ */ a(i, { width: m, height: m }) });
2326
2326
  return /* @__PURE__ */ a(
@@ -3059,21 +3059,21 @@ const Df = "_DataTable_kyf7f_1", Jf = "_titleText_kyf7f_23", Qf = "_artistText_k
3059
3059
  }, []), k = x(
3060
3060
  (B) => {
3061
3061
  var F;
3062
- const J = String(((F = B.active) == null ? void 0 : F.id) ?? "");
3063
- if (!J) return;
3064
- const O = m.get(J);
3065
- if (!O) return;
3066
- const T = t.has(J), D = T && r.length > 0 ? r : [O], Q = {
3067
- row: O,
3068
- selectedRows: D,
3069
- isDraggedRowSelected: T
3062
+ const Q = String(((F = B.active) == null ? void 0 : F.id) ?? "");
3063
+ if (!Q) return;
3064
+ const U = m.get(Q);
3065
+ if (!U) return;
3066
+ const D = t.has(Q), T = D && r.length > 0 ? r : [U], J = {
3067
+ row: U,
3068
+ selectedRows: T,
3069
+ isDraggedRowSelected: D
3070
3070
  };
3071
- u(J), A(J), v(Q), i == null || i(Q, B.activatorEvent);
3071
+ u(Q), A(Q), v(J), i == null || i(J, B.activatorEvent);
3072
3072
  },
3073
3073
  [i, m, r, t]
3074
3074
  ), E = x((B) => {
3075
- var J;
3076
- A((J = B.over) != null && J.id ? String(B.over.id) : null);
3075
+ var Q;
3076
+ A((Q = B.over) != null && Q.id ? String(B.over.id) : null);
3077
3077
  }, []), S = x(
3078
3078
  (B) => {
3079
3079
  g != null && g.row && (l == null || l(g.row, B == null ? void 0 : B.activatorEvent)), I();
@@ -3081,17 +3081,17 @@ const Df = "_DataTable_kyf7f_1", Jf = "_titleText_kyf7f_23", Qf = "_artistText_k
3081
3081
  [g, l, I]
3082
3082
  ), R = x(
3083
3083
  (B) => {
3084
- var D, Q;
3085
- const J = String(((D = B.active) == null ? void 0 : D.id) ?? ""), O = (Q = B.over) != null && Q.id ? String(B.over.id) : null, T = m.get(J) ?? (g == null ? void 0 : g.row);
3086
- if (T && (l == null || l(T, B.activatorEvent)), s && O && J) {
3087
- const F = n.findIndex((P) => P.id === J);
3084
+ var T, J;
3085
+ const Q = String(((T = B.active) == null ? void 0 : T.id) ?? ""), U = (J = B.over) != null && J.id ? String(B.over.id) : null, D = m.get(Q) ?? (g == null ? void 0 : g.row);
3086
+ if (D && (l == null || l(D, B.activatorEvent)), s && U && Q) {
3087
+ const F = n.findIndex((P) => P.id === Q);
3088
3088
  let M = null;
3089
- if (O === vs)
3089
+ if (U === vs)
3090
3090
  M = 0;
3091
- else if (O === ks)
3091
+ else if (U === ks)
3092
3092
  M = n.length;
3093
- else if (J !== O) {
3094
- const P = n.findIndex((U) => U.id === O);
3093
+ else if (Q !== U) {
3094
+ const P = n.findIndex((O) => O.id === U);
3095
3095
  P >= 0 && (M = P > F ? P + 1 : P);
3096
3096
  }
3097
3097
  if (F >= 0 && M != null) {
@@ -3270,7 +3270,7 @@ const TC = Re.memo(function({
3270
3270
  dndScopeId: S
3271
3271
  }) {
3272
3272
  var se;
3273
- const R = ee(!1), w = ee(!1), N = ee(!1), B = ee(!1), { listeners: J, setNodeRef: O, transform: T, transition: D, isDragging: Q } = Zd({
3273
+ const R = ee(!1), w = ee(!1), N = ee(!1), B = ee(!1), { listeners: Q, setNodeRef: U, transform: D, transition: T, isDragging: J } = Zd({
3274
3274
  id: r,
3275
3275
  disabled: !Ba({ row: t, rowDraggable: I, reorderable: k }),
3276
3276
  data: {
@@ -3281,17 +3281,17 @@ const TC = Re.memo(function({
3281
3281
  rowIndex: s
3282
3282
  }
3283
3283
  }), F = {
3284
- ...T ? { transform: eu.Transform.toString(T) } : {},
3285
- ...D ? { transition: D } : {}
3284
+ ...D ? { transform: eu.Transform.toString(D) } : {},
3285
+ ...T ? { transition: T } : {}
3286
3286
  }, M = i ? { ...F, "--row-bg": "var(--aqua-alpha-2)" } : F, P = (G) => {
3287
3287
  if (w.current) {
3288
3288
  w.current = !1;
3289
3289
  return;
3290
3290
  }
3291
3291
  G.shiftKey ? (G.preventDefault(), v == null || v(t, s)) : A == null || A(t);
3292
- }, U = (G) => {
3292
+ }, O = (G) => {
3293
3293
  G.pointerType === "touch" && (w.current = !0, G.shiftKey ? v == null || v(t, s) : A == null || A(t));
3294
- }, H = (G) => {
3294
+ }, W = (G) => {
3295
3295
  G.stopPropagation(), G.shiftKey && (G.preventDefault(), R.current = !0, v == null || v(t, s), setTimeout(() => {
3296
3296
  R.current = !1;
3297
3297
  }, 0));
@@ -3305,7 +3305,7 @@ const TC = Re.memo(function({
3305
3305
  }
3306
3306
  r != null && (B.current = !0, g == null || g(r, !i));
3307
3307
  }
3308
- }, W = (G) => {
3308
+ }, H = (G) => {
3309
3309
  if (G.stopPropagation(), N.current) {
3310
3310
  N.current = !1;
3311
3311
  return;
@@ -3331,17 +3331,17 @@ const TC = Re.memo(function({
3331
3331
  return /* @__PURE__ */ f(
3332
3332
  Hn,
3333
3333
  {
3334
- ref: O,
3334
+ ref: U,
3335
3335
  "data-row-id": r ?? void 0,
3336
3336
  className: b({
3337
3337
  [q.rowSelected]: i,
3338
3338
  [q.showDropdownOnSelect]: le,
3339
- [q.rowDragging]: Q,
3339
+ [q.rowDragging]: J,
3340
3340
  [q.rowDragOver]: ve && E,
3341
3341
  [q.rowReorderable]: ve
3342
3342
  }),
3343
3343
  style: M,
3344
- ...Se ? J : {},
3344
+ ...Se ? Q : {},
3345
3345
  children: [
3346
3346
  /* @__PURE__ */ a(
3347
3347
  St,
@@ -3349,7 +3349,7 @@ const TC = Re.memo(function({
3349
3349
  className: q.selectColumn,
3350
3350
  "data-column-id": "select",
3351
3351
  "data-sorted": "false",
3352
- onClick: W,
3352
+ onClick: H,
3353
3353
  onPointerUp: te,
3354
3354
  children: /* @__PURE__ */ a(
3355
3355
  Qr,
@@ -3357,7 +3357,7 @@ const TC = Re.memo(function({
3357
3357
  size: "1",
3358
3358
  checked: i,
3359
3359
  "aria-label": `Select ${t.title ?? "row"}`,
3360
- onClick: H,
3360
+ onClick: W,
3361
3361
  onKeyDown: K,
3362
3362
  onCheckedChange: de,
3363
3363
  className: b(q.checkboxCell, {
@@ -3379,14 +3379,14 @@ const TC = Re.memo(function({
3379
3379
  "data-column-id": G.id,
3380
3380
  "data-sorted": d === G.id,
3381
3381
  onClick: j === 0 ? void 0 : P,
3382
- onPointerUp: j === 0 ? void 0 : U,
3382
+ onPointerUp: j === 0 ? void 0 : O,
3383
3383
  children: j === 0 ? /* @__PURE__ */ a(
3384
3384
  "button",
3385
3385
  {
3386
3386
  type: "button",
3387
3387
  className: q.rowActionButton,
3388
3388
  onClick: P,
3389
- onPointerUp: U,
3389
+ onPointerUp: O,
3390
3390
  children: C(t)
3391
3391
  }
3392
3392
  ) : m(t, G, j)
@@ -3473,9 +3473,9 @@ const TC = Re.memo(function({
3473
3473
  /* @__PURE__ */ a(V, { size: "1", className: q.artistText, children: R.artist })
3474
3474
  ] })
3475
3475
  ] }), []), S = x((R, w, N) => {
3476
- var T;
3477
- const B = (R == null ? void 0 : R[w.id]) ?? (R == null ? void 0 : R[`${w.id}Formatted`]), J = ((T = w.render) == null ? void 0 : T.call(w, { row: R, value: B, column: w, index: N })) ?? B;
3478
- return typeof J == "string" || typeof J == "number" || J == null ? /* @__PURE__ */ a(V, { size: "2", className: q.cellText, children: J }) : J;
3476
+ var D;
3477
+ const B = (R == null ? void 0 : R[w.id]) ?? (R == null ? void 0 : R[`${w.id}Formatted`]), Q = ((D = w.render) == null ? void 0 : D.call(w, { row: R, value: B, column: w, index: N })) ?? B;
3478
+ return typeof Q == "string" || typeof Q == "number" || Q == null ? /* @__PURE__ */ a(V, { size: "2", className: q.cellText, children: Q }) : Q;
3479
3479
  }, []);
3480
3480
  return /* @__PURE__ */ a(Aa, { children: /* @__PURE__ */ f(_d, { items: r, strategy: $d, children: [
3481
3481
  v && /* @__PURE__ */ a(
@@ -3545,28 +3545,28 @@ const TC = Re.memo(function({
3545
3545
  renderDragPreview: w,
3546
3546
  renderDndContext: N = !0,
3547
3547
  dndScopeId: B,
3548
- ...J
3548
+ ...Q
3549
3549
  }) => {
3550
3550
  var ze, $e;
3551
- const O = ee(null), T = c == null ? void 0 : c.field, D = (ze = t == null ? void 0 : t[0]) == null ? void 0 : ze.id, Q = ($e = t == null ? void 0 : t[1]) == null ? void 0 : $e.id, F = $(() => {
3551
+ const U = ee(null), D = c == null ? void 0 : c.field, T = (ze = t == null ? void 0 : t[0]) == null ? void 0 : ze.id, J = ($e = t == null ? void 0 : t[1]) == null ? void 0 : $e.id, F = $(() => {
3552
3552
  if (t != null && t.length)
3553
- return !T || T === D ? Q : T;
3554
- }, [t, T, D, Q]), M = $(
3553
+ return !D || D === T ? J : D;
3554
+ }, [t, D, T, J]), M = $(
3555
3555
  () => r.map((pe, ke) => vC(pe, ke)),
3556
3556
  [r]
3557
3557
  ), P = $(
3558
3558
  () => new Set((s ?? []).map((pe) => String(pe))),
3559
3559
  [s]
3560
- ), U = $(
3560
+ ), O = $(
3561
3561
  () => M.filter((pe) => pe.id && P.has(pe.id)),
3562
3562
  [M, P]
3563
- ), H = x(
3563
+ ), W = x(
3564
3564
  (pe, ke) => {
3565
3565
  const xe = jt(pe, ke);
3566
3566
  return xe != null && P.has(xe);
3567
3567
  },
3568
3568
  [P]
3569
- ), K = s.length, W = (r == null ? void 0 : r.length) ?? 0, te = K > 0, de = W > 0 && K === W, le = $(
3569
+ ), K = s.length, H = (r == null ? void 0 : r.length) ?? 0, te = K > 0, de = H > 0 && K === H, le = $(
3570
3570
  () => r == null ? void 0 : r.some((pe) => {
3571
3571
  var ke;
3572
3572
  return (ke = pe.dropdownOptions) == null ? void 0 : ke.length;
@@ -3580,18 +3580,18 @@ const TC = Re.memo(function({
3580
3580
  ), ve = x(
3581
3581
  (pe, ke) => {
3582
3582
  if (!p) return;
3583
- const xe = O.current, We = xe != null ? Math.min(xe, ke) : ke, Wr = xe != null ? Math.max(xe, ke) : ke;
3583
+ const xe = U.current, We = xe != null ? Math.min(xe, ke) : ke, Wr = xe != null ? Math.max(xe, ke) : ke;
3584
3584
  for (let Ln = We; Ln <= Wr; Ln++) {
3585
3585
  const Ca = jt(r[Ln], Ln);
3586
3586
  Ca != null && p(Ca, !0);
3587
3587
  }
3588
- xe == null && (O.current = ke);
3588
+ xe == null && (U.current = ke);
3589
3589
  },
3590
3590
  [r, p]
3591
3591
  ), se = x(
3592
3592
  (pe, ke) => {
3593
3593
  const xe = (r == null ? void 0 : r.findIndex((We, Wr) => jt(We, Wr) === String(pe))) ?? -1;
3594
- xe >= 0 && (O.current = xe), p == null || p(String(pe), ke);
3594
+ xe >= 0 && (U.current = xe), p == null || p(String(pe), ke);
3595
3595
  },
3596
3596
  [r, p]
3597
3597
  ), {
@@ -3604,7 +3604,7 @@ const TC = Re.memo(function({
3604
3604
  } = wC({
3605
3605
  rows: M,
3606
3606
  selectedSet: P,
3607
- selectedRows: U,
3607
+ selectedRows: O,
3608
3608
  reorderable: v,
3609
3609
  onReorder: C,
3610
3610
  onRowDragStart: I,
@@ -3612,7 +3612,7 @@ const TC = Re.memo(function({
3612
3612
  dndScopeId: B
3613
3613
  }), oe = ee(ae);
3614
3614
  oe.current = ae;
3615
- const { style: Ye, ...Xe } = J, Me = typeof A == "number" ? `${A}px` : A, ut = typeof g == "number" ? `${g}px` : g, at = /* @__PURE__ */ f(
3615
+ const { style: Ye, ...Xe } = Q, Me = typeof A == "number" ? `${A}px` : A, ut = typeof g == "number" ? `${g}px` : g, at = /* @__PURE__ */ f(
3616
3616
  ua,
3617
3617
  {
3618
3618
  className: b(q.DataTable, n),
@@ -3628,14 +3628,14 @@ const TC = Re.memo(function({
3628
3628
  RC,
3629
3629
  {
3630
3630
  columns: t,
3631
- sortedKey: T,
3631
+ sortedKey: D,
3632
3632
  sorting: c,
3633
3633
  mobileSecondaryColumnId: F,
3634
3634
  anyRowChecked: te,
3635
3635
  allRowsChecked: de,
3636
3636
  selectedFilesLabel: o,
3637
3637
  selectedCount: K,
3638
- total: W,
3638
+ total: H,
3639
3639
  hasDropdownOptions: le,
3640
3640
  onSort: d,
3641
3641
  onSelectAll: u,
@@ -3648,10 +3648,10 @@ const TC = Re.memo(function({
3648
3648
  rows: M,
3649
3649
  columns: t,
3650
3650
  sortableItems: ue,
3651
- isRowSelected: H,
3651
+ isRowSelected: W,
3652
3652
  anyRowChecked: te,
3653
3653
  selectedCount: K,
3654
- sortedKey: T,
3654
+ sortedKey: D,
3655
3655
  mobileSecondaryColumnId: F,
3656
3656
  hasDropdownOptions: le,
3657
3657
  onClick: Se,
@@ -4103,27 +4103,27 @@ function iv({ initialScreen: n, animated: t, children: r }) {
4103
4103
  const [s, o] = L([{ name: n, params: {} }]), [i, l] = L({}), [c, d] = L(0), u = ee(s), p = ee(null);
4104
4104
  u.current = s;
4105
4105
  const A = $(() => {
4106
- const D = {};
4107
- return rd.forEach(r, (Q) => {
4108
- (Q == null ? void 0 : Q.type) === yl && (D[Q.props.name] = Q.props);
4109
- }), D;
4110
- }, [r]), g = x((D, Q = null) => {
4111
- t && Q && ov(p.current, Q), o(D), l({}), d((F) => F + 1);
4106
+ const T = {};
4107
+ return rd.forEach(r, (J) => {
4108
+ (J == null ? void 0 : J.type) === yl && (T[J.props.name] = J.props);
4109
+ }), T;
4110
+ }, [r]), g = x((T, J = null) => {
4111
+ t && J && ov(p.current, J), o(T), l({}), d((F) => F + 1);
4112
4112
  }, [t]), v = x(
4113
- (D, Q = {}) => g((F) => [...F, { name: D, params: Q }], "forward"),
4113
+ (T, J = {}) => g((F) => [...F, { name: T, params: J }], "forward"),
4114
4114
  [g]
4115
4115
  ), C = x(
4116
- () => g((D) => D.length > 1 ? D.slice(0, -1) : D, "back"),
4116
+ () => g((T) => T.length > 1 ? T.slice(0, -1) : T, "back"),
4117
4117
  [g]
4118
4118
  ), m = x(
4119
- (D) => g((Q) => {
4120
- const F = Q.findIndex((M) => M.name === D);
4121
- if (F === -1) throw new Error(`Screen "${D}" is not in the stack`);
4122
- return Q.slice(0, F + 1);
4119
+ (T) => g((J) => {
4120
+ const F = J.findIndex((M) => M.name === T);
4121
+ if (F === -1) throw new Error(`Screen "${T}" is not in the stack`);
4122
+ return J.slice(0, F + 1);
4123
4123
  }, "back"),
4124
4124
  [g]
4125
4125
  ), I = x(
4126
- (D) => g(() => [{ name: D || n, params: {} }]),
4126
+ (T) => g(() => [{ name: T || n, params: {} }]),
4127
4127
  [g, n]
4128
4128
  ), k = s.length > 1, E = $(
4129
4129
  () => ({ push: v, pop: C, popTo: m, reset: I, canGoBack: k, stack: s }),
@@ -4131,19 +4131,19 @@ function iv({ initialScreen: n, animated: t, children: r }) {
4131
4131
  ), S = s[s.length - 1], R = A[S.name];
4132
4132
  if (!R) return null;
4133
4133
  const w = $(
4134
- () => s.map((D, Q) => {
4134
+ () => s.map((T, J) => {
4135
4135
  var F;
4136
- return (F = A[D.name]) != null && F.keepMounted ? { entry: D, stackIndex: Q } : null;
4136
+ return (F = A[T.name]) != null && F.keepMounted ? { entry: T, stackIndex: J } : null;
4137
4137
  }).filter(Boolean),
4138
4138
  [s, A]
4139
- ), N = (D, Q) => D in i ? i[D] : R[D] ?? Q, B = R.component, J = R.keepMounted === !0, O = x(
4140
- (D) => {
4141
- u.current[u.current.length - 1].name === S.name && l((F) => ({ ...F, ...D }));
4139
+ ), N = (T, J) => T in i ? i[T] : R[T] ?? J, B = R.component, Q = R.keepMounted === !0, U = x(
4140
+ (T) => {
4141
+ u.current[u.current.length - 1].name === S.name && l((F) => ({ ...F, ...T }));
4142
4142
  },
4143
4143
  [S.name]
4144
- ), T = $(
4145
- () => ({ name: S.name, params: S.params || {}, setOptions: O }),
4146
- [S.name, S.params, O]
4144
+ ), D = $(
4145
+ () => ({ name: S.name, params: S.params || {}, setOptions: U }),
4146
+ [S.name, S.params, U]
4147
4147
  );
4148
4148
  return /* @__PURE__ */ a(vl.Provider, { value: E, children: /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
4149
4149
  /* @__PURE__ */ a(
@@ -4170,10 +4170,10 @@ function iv({ initialScreen: n, animated: t, children: r }) {
4170
4170
  overflow: "hidden"
4171
4171
  },
4172
4172
  children: [
4173
- w.map(({ entry: D, stackIndex: Q }) => {
4174
- const F = A[D.name];
4173
+ w.map(({ entry: T, stackIndex: J }) => {
4174
+ const F = A[T.name];
4175
4175
  if (!(F != null && F.component)) return null;
4176
- const M = F.component, P = D.name === S.name, U = P ? T : { name: D.name, params: D.params || {}, setOptions: () => {
4176
+ const M = F.component, P = T.name === S.name, O = P ? D : { name: T.name, params: T.params || {}, setOptions: () => {
4177
4177
  } };
4178
4178
  return /* @__PURE__ */ a(
4179
4179
  "div",
@@ -4191,12 +4191,12 @@ function iv({ initialScreen: n, animated: t, children: r }) {
4191
4191
  visibility: "hidden",
4192
4192
  pointerEvents: "none"
4193
4193
  },
4194
- children: /* @__PURE__ */ a(ys.Provider, { value: U, children: /* @__PURE__ */ a(M, {}) })
4194
+ children: /* @__PURE__ */ a(ys.Provider, { value: O, children: /* @__PURE__ */ a(M, {}) })
4195
4195
  },
4196
- `layer-${Q}`
4196
+ `layer-${J}`
4197
4197
  );
4198
4198
  }),
4199
- !J && /* @__PURE__ */ a(ys.Provider, { value: T, children: /* @__PURE__ */ a(B, {}) }, c)
4199
+ !Q && /* @__PURE__ */ a(ys.Provider, { value: D, children: /* @__PURE__ */ a(B, {}) }, c)
4200
4200
  ]
4201
4201
  }
4202
4202
  )
@@ -4859,23 +4859,23 @@ const ma = qe(function({
4859
4859
  hover: c = !1,
4860
4860
  resetPeakHold: d
4861
4861
  }) {
4862
- const [u, p] = t, A = bs(Qa(u ?? 0)), g = bs(Qa(p ?? 0)), [v, C] = L(!1), m = ee(!1), I = ee(null), k = ee(null), E = ee(null), S = ee(0), R = ee(null), [w, N] = L(0), [B, J] = L(!1);
4862
+ const [u, p] = t, A = bs(Qa(u ?? 0)), g = bs(Qa(p ?? 0)), [v, C] = L(!1), m = ee(!1), I = ee(null), k = ee(null), E = ee(null), S = ee(0), R = ee(null), [w, N] = L(0), [B, Q] = L(!1);
4863
4863
  ie(() => {
4864
4864
  S.current = 0, N(0);
4865
4865
  }, [d]), ie(() => () => clearTimeout(R.current), []);
4866
- const O = Math.max(
4866
+ const U = Math.max(
4867
4867
  0,
4868
4868
  Math.min(100, Sl(r) * 100)
4869
- ), T = Is(A), D = Is(g), Q = Math.max(T, D);
4869
+ ), D = Is(A), T = Is(g), J = Math.max(D, T);
4870
4870
  ie(() => {
4871
- Q > S.current && (S.current = Q, N(Q), J(!0), clearTimeout(R.current), R.current = setTimeout(() => {
4872
- J(!1), requestAnimationFrame(() => {
4871
+ J > S.current && (S.current = J, N(J), Q(!0), clearTimeout(R.current), R.current = setTimeout(() => {
4872
+ Q(!1), requestAnimationFrame(() => {
4873
4873
  requestAnimationFrame(() => {
4874
4874
  S.current = 0, N(0);
4875
4875
  });
4876
4876
  });
4877
- }, 400)), Q <= 0 && (S.current = 0, N(0));
4878
- }, [Q]);
4877
+ }, 400)), J <= 0 && (S.current = 0, N(0));
4878
+ }, [J]);
4879
4879
  const F = o1(w), M = w > 0, P = x(
4880
4880
  (te) => {
4881
4881
  var le;
@@ -4891,7 +4891,7 @@ const ma = qe(function({
4891
4891
  }
4892
4892
  },
4893
4893
  [s]
4894
- ), U = x(
4894
+ ), O = x(
4895
4895
  (te) => {
4896
4896
  var le;
4897
4897
  if (!m.current || !s) return;
@@ -4905,9 +4905,9 @@ const ma = qe(function({
4905
4905
  }
4906
4906
  },
4907
4907
  [s]
4908
- ), H = x(() => {
4908
+ ), W = x(() => {
4909
4909
  m.current = !1, C(!1), document.body.style.cursor = "";
4910
- }, []), K = s && i, W = [
4910
+ }, []), K = s && i, H = [
4911
4911
  De.bars,
4912
4912
  K ? De.interactive : "",
4913
4913
  v ? De.pressed : ""
@@ -4920,16 +4920,16 @@ const ma = qe(function({
4920
4920
  v || C(!1);
4921
4921
  },
4922
4922
  onPointerDown: P,
4923
- onPointerMove: U,
4924
- onPointerUp: H,
4925
- children: /* @__PURE__ */ f("div", { ref: I, className: W, children: [
4923
+ onPointerMove: O,
4924
+ onPointerUp: W,
4925
+ children: /* @__PURE__ */ f("div", { ref: I, className: H, children: [
4926
4926
  /* @__PURE__ */ a(Ua, { level: A }),
4927
4927
  /* @__PURE__ */ a(Ua, { level: g }),
4928
4928
  K && /* @__PURE__ */ a(
4929
4929
  El,
4930
4930
  {
4931
4931
  ref: k,
4932
- faderPercent: O,
4932
+ faderPercent: U,
4933
4933
  isPressed: v,
4934
4934
  hover: c,
4935
4935
  volume: r,
@@ -5542,8 +5542,8 @@ const sk = "_listCardsItem_rjypk_1", ak = "_listCardsItemDescriptionWrappable_rj
5542
5542
  style: g,
5543
5543
  ...v
5544
5544
  }) => {
5545
- const C = (i == null ? void 0 : i.id) || o, m = (i == null ? void 0 : i.name) || r, I = (i == null ? void 0 : i.description) || s, k = (i == null ? void 0 : i.image) || t, E = (i == null ? void 0 : i.icon) || c, S = k && (k != null && k.startsWith("url(")) ? k == null ? void 0 : k.substring(4, (k == null ? void 0 : k.length) - 1).replace(/"/g, "") : k, R = (J) => {
5546
- J.stopPropagation(), J.preventDefault(), p == null || p();
5545
+ const C = (i == null ? void 0 : i.id) || o, m = (i == null ? void 0 : i.name) || r, I = (i == null ? void 0 : i.description) || s, k = (i == null ? void 0 : i.image) || t, E = (i == null ? void 0 : i.icon) || c, S = k && (k != null && k.startsWith("url(")) ? k == null ? void 0 : k.substring(4, (k == null ? void 0 : k.length) - 1).replace(/"/g, "") : k, R = (Q) => {
5546
+ Q.stopPropagation(), Q.preventDefault(), p == null || p();
5547
5547
  }, w = {
5548
5548
  1: { avatar: 60, icon: 15 },
5549
5549
  2: { avatar: 68, icon: 15 },
@@ -6031,8 +6031,8 @@ const jk = "_content_15iux_1", Vk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
6031
6031
  s && (I(!1), C(!1));
6032
6032
  }, [s]), ie(() => {
6033
6033
  if (c) {
6034
- const U = document.createElement("style");
6035
- U.textContent = "* { cursor: ns-resize !important; }", document.head.appendChild(U), u.current = U;
6034
+ const O = document.createElement("style");
6035
+ O.textContent = "* { cursor: ns-resize !important; }", document.head.appendChild(O), u.current = O;
6036
6036
  } else
6037
6037
  u.current && (document.head.removeChild(u.current), u.current = null);
6038
6038
  return () => {
@@ -6040,82 +6040,82 @@ const jk = "_content_15iux_1", Vk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
6040
6040
  };
6041
6041
  }, [c]);
6042
6042
  const k = x(
6043
- (U) => {
6044
- A.current = qr(U), !g.current && (g.current = requestAnimationFrame(() => {
6043
+ (O) => {
6044
+ A.current = qr(O), !g.current && (g.current = requestAnimationFrame(() => {
6045
6045
  g.current = 0, r(A.current);
6046
6046
  }));
6047
6047
  },
6048
6048
  [r]
6049
6049
  ), E = x(
6050
- (U) => {
6051
- U.preventDefault(), U.stopPropagation();
6052
- const H = U.wheelDelta ?? -U.deltaY * 25;
6053
- if (!H) return;
6054
- const K = t + (H > 0 ? or : -or);
6050
+ (O) => {
6051
+ O.preventDefault(), O.stopPropagation();
6052
+ const W = O.wheelDelta ?? -O.deltaY * 25;
6053
+ if (!W) return;
6054
+ const K = t + (W > 0 ? or : -or);
6055
6055
  k(K);
6056
6056
  },
6057
6057
  [t, k]
6058
6058
  );
6059
6059
  ln("wheel", E, l);
6060
6060
  const S = x(
6061
- (U) => {
6061
+ (O) => {
6062
6062
  var K;
6063
6063
  if (s) return;
6064
- U.preventDefault();
6065
- const H = U.currentTarget;
6066
- (K = H.setPointerCapture) == null || K.call(H, U.pointerId), d(!0), p.current = U.clientY;
6064
+ O.preventDefault();
6065
+ const W = O.currentTarget;
6066
+ (K = W.setPointerCapture) == null || K.call(W, O.pointerId), d(!0), p.current = O.clientY;
6067
6067
  },
6068
6068
  [s]
6069
6069
  ), R = x(
6070
- (U) => {
6070
+ (O) => {
6071
6071
  if (!c) return;
6072
- const H = p.current - U.clientY, K = t + H * or;
6073
- k(K), p.current = U.clientY;
6072
+ const W = p.current - O.clientY, K = t + W * or;
6073
+ k(K), p.current = O.clientY;
6074
6074
  },
6075
6075
  [c, t, k]
6076
- ), w = x((U) => {
6077
- var H, K;
6078
- (K = (H = U.currentTarget) == null ? void 0 : H.releasePointerCapture) == null || K.call(H, U.pointerId), d(!1);
6076
+ ), w = x((O) => {
6077
+ var W, K;
6078
+ (K = (W = O.currentTarget) == null ? void 0 : W.releasePointerCapture) == null || K.call(W, O.pointerId), d(!1);
6079
6079
  }, []), N = x(
6080
- (U) => {
6081
- U.detail === 2 && k(0);
6080
+ (O) => {
6081
+ O.detail === 2 && k(0);
6082
6082
  },
6083
6083
  [k]
6084
6084
  ), B = x(
6085
- (U) => {
6085
+ (O) => {
6086
6086
  if (s) return;
6087
- let H = t;
6088
- switch (U.key) {
6087
+ let W = t;
6088
+ switch (O.key) {
6089
6089
  case "ArrowUp":
6090
6090
  case "ArrowRight":
6091
- U.preventDefault(), H = t + Wa, k(H);
6091
+ O.preventDefault(), W = t + Wa, k(W);
6092
6092
  break;
6093
6093
  case "ArrowDown":
6094
6094
  case "ArrowLeft":
6095
- U.preventDefault(), H = t - Wa, k(H);
6095
+ O.preventDefault(), W = t - Wa, k(W);
6096
6096
  break;
6097
6097
  case "Home":
6098
- U.preventDefault(), k(-1);
6098
+ O.preventDefault(), k(-1);
6099
6099
  break;
6100
6100
  case "End":
6101
- U.preventDefault(), k(1);
6101
+ O.preventDefault(), k(1);
6102
6102
  break;
6103
6103
  }
6104
6104
  },
6105
6105
  [s, t, k]
6106
- ), { arcPath: J, pointerRotation: O, arcColor: T, pointerColor: D } = $(() => {
6107
- const U = Yr(t, o, i), H = qr(U), K = Gr + H * Math.PI, W = yn + Wt * Math.cos(Gr), te = bn + Wt * Math.sin(Gr), de = yn + Wt * Math.cos(K), le = bn + Wt * Math.sin(K), Se = 0, ve = H > 0 ? 1 : 0;
6106
+ ), { arcPath: Q, pointerRotation: U, arcColor: D, pointerColor: T } = $(() => {
6107
+ const O = Yr(t, o, i), W = qr(O), K = Gr + W * Math.PI, H = yn + Wt * Math.cos(Gr), te = bn + Wt * Math.sin(Gr), de = yn + Wt * Math.cos(K), le = bn + Wt * Math.sin(K), Se = 0, ve = W > 0 ? 1 : 0;
6108
6108
  return {
6109
- arcPath: `M ${W.toFixed(3)} ${te.toFixed(3)}
6109
+ arcPath: `M ${H.toFixed(3)} ${te.toFixed(3)}
6110
6110
  A ${Wt} ${Wt} 0 ${Se} ${ve}
6111
6111
  ${de.toFixed(3)} ${le.toFixed(3)}`,
6112
- pointerRotation: H * 180,
6112
+ pointerRotation: W * 180,
6113
6113
  arcColor: s ? "#5A6169" : "#19E4F1",
6114
6114
  pointerColor: s ? "#43484E" : "#B0B4BA"
6115
6115
  };
6116
- }, [t, s, o, i]), Q = $(() => {
6117
- const U = Yr(t, o, i), H = Math.round(U * 100);
6118
- return `Pan: ${Math.abs(H) < 1 ? 0 : H}`;
6116
+ }, [t, s, o, i]), J = $(() => {
6117
+ const O = Yr(t, o, i), W = Math.round(O * 100);
6118
+ return `Pan: ${Math.abs(W) < 1 ? 0 : W}`;
6119
6119
  }, [t, o, i]), F = qr(Yr(t, o, i)), M = Math.round(F * 100), P = !s && (c || v || m);
6120
6120
  return /* @__PURE__ */ a(
6121
6121
  "div",
@@ -6128,10 +6128,10 @@ const jk = "_content_15iux_1", Vk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
6128
6128
  children: /* @__PURE__ */ a(
6129
6129
  _e,
6130
6130
  {
6131
- content: Q,
6131
+ content: J,
6132
6132
  open: P,
6133
- onOpenChange: (U) => {
6134
- s || I(U);
6133
+ onOpenChange: (O) => {
6134
+ s || I(O);
6135
6135
  },
6136
6136
  side: "bottom",
6137
6137
  align: "center",
@@ -6146,7 +6146,7 @@ const jk = "_content_15iux_1", Vk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
6146
6146
  "aria-valuemin": -100,
6147
6147
  "aria-valuemax": 100,
6148
6148
  "aria-valuenow": M,
6149
- "aria-valuetext": Q,
6149
+ "aria-valuetext": J,
6150
6150
  "aria-disabled": s,
6151
6151
  className: b(
6152
6152
  $n.pan,
@@ -6175,8 +6175,8 @@ const jk = "_content_15iux_1", Vk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
6175
6175
  t !== 0 && /* @__PURE__ */ a(
6176
6176
  "path",
6177
6177
  {
6178
- d: J,
6179
- stroke: T,
6178
+ d: Q,
6179
+ stroke: D,
6180
6180
  strokeLinecap: "round",
6181
6181
  strokeWidth: 1,
6182
6182
  fill: "none"
@@ -6185,12 +6185,12 @@ const jk = "_content_15iux_1", Vk = "_pan_15iux_13", Gk = "_disabled_15iux_26",
6185
6185
  /* @__PURE__ */ a(
6186
6186
  "g",
6187
6187
  {
6188
- transform: `rotate(${O} ${yn} ${bn})`,
6188
+ transform: `rotate(${U} ${yn} ${bn})`,
6189
6189
  children: /* @__PURE__ */ a(
6190
6190
  "path",
6191
6191
  {
6192
6192
  d: "M10 0.5 L10 6",
6193
- stroke: D,
6193
+ stroke: T,
6194
6194
  strokeLinecap: "round",
6195
6195
  strokeWidth: 1
6196
6196
  }
@@ -6829,29 +6829,29 @@ const db = "_starButton_1311l_1", ub = "_disabled_1311l_17", hb = "_readOnly_131
6829
6829
  const [g, v] = L(r || 0), [C, m] = L(0), I = t !== void 0 ? t : g, k = t !== void 0, E = x(
6830
6830
  (N) => {
6831
6831
  if (s || o) return;
6832
- const B = N + 1, J = B === I ? 0 : B;
6833
- k || v(J), i == null || i({ value: J });
6832
+ const B = N + 1, Q = B === I ? 0 : B;
6833
+ k || v(Q), i == null || i({ value: Q });
6834
6834
  },
6835
6835
  [s, o, k, i, I]
6836
6836
  ), S = x(
6837
6837
  (N) => {
6838
6838
  if (s || o) return;
6839
- const B = N.currentTarget.getBoundingClientRect(), J = N.clientX - B.left, O = B.width / n, T = Math.floor(J / O), Q = Math.max(0, Math.min(T, n - 1)) + 1;
6840
- Q !== C && (m(Q), l == null || l({ value: Q }));
6839
+ const B = N.currentTarget.getBoundingClientRect(), Q = N.clientX - B.left, U = B.width / n, D = Math.floor(Q / U), J = Math.max(0, Math.min(D, n - 1)) + 1;
6840
+ J !== C && (m(J), l == null || l({ value: J }));
6841
6841
  },
6842
6842
  [s, o, n, C, l]
6843
6843
  ), R = x(() => {
6844
6844
  s || o || (m(0), l == null || l({ value: 0 }));
6845
6845
  }, [s, o, l]), w = (N) => {
6846
- const B = C > 0 ? N < C : N < I, J = C > 0 && N < C, O = N < I;
6846
+ const B = C > 0 ? N < C : N < I, Q = C > 0 && N < C, U = N < I;
6847
6847
  return /* @__PURE__ */ a(
6848
6848
  "button",
6849
6849
  {
6850
6850
  type: "button",
6851
6851
  className: b(Ke.starButton, {
6852
6852
  [Ke.filled]: B,
6853
- [Ke.hovered]: J,
6854
- [Ke.active]: O,
6853
+ [Ke.hovered]: Q,
6854
+ [Ke.active]: U,
6855
6855
  [Ke.disabled]: s,
6856
6856
  [Ke.readOnly]: o
6857
6857
  }),
@@ -7093,17 +7093,17 @@ const Pb = "_boxVertical_ujop8_21", zb = "_sliderRoot_ujop8_27", Wb = "_sliderRo
7093
7093
  scrollWheel: k = !1,
7094
7094
  ...E
7095
7095
  }) => {
7096
- const { onWheel: S, ...R } = E, w = C === "vertical", N = (T) => (T - c) / (d - c) * 100, B = x(
7097
- (T) => {
7098
- if (S == null || S(T), A || !r || T.defaultPrevented) return;
7099
- const D = w ? T.deltaY : Math.abs(T.deltaX) > Math.abs(T.deltaY) ? T.deltaX : T.deltaY;
7100
- if (D === 0) return;
7101
- T.preventDefault();
7102
- const Q = (o == null ? void 0 : o[0]) ?? c, F = D < 0 ? 1 : -1, M = Math.min(
7096
+ const { onWheel: S, ...R } = E, w = C === "vertical", N = (D) => (D - c) / (d - c) * 100, B = x(
7097
+ (D) => {
7098
+ if (S == null || S(D), A || !r || D.defaultPrevented) return;
7099
+ const T = w ? D.deltaY : Math.abs(D.deltaX) > Math.abs(D.deltaY) ? D.deltaX : D.deltaY;
7100
+ if (T === 0) return;
7101
+ D.preventDefault();
7102
+ const J = (o == null ? void 0 : o[0]) ?? c, F = T < 0 ? 1 : -1, M = Math.min(
7103
7103
  d,
7104
- Math.max(c, Q + F * u)
7104
+ Math.max(c, J + F * u)
7105
7105
  );
7106
- M !== Q && r([M]);
7106
+ M !== J && r([M]);
7107
7107
  },
7108
7108
  [
7109
7109
  A,
@@ -7115,13 +7115,13 @@ const Pb = "_boxVertical_ujop8_21", zb = "_sliderRoot_ujop8_27", Wb = "_sliderRo
7115
7115
  u,
7116
7116
  o
7117
7117
  ]
7118
- ), J = typeof I == "number" ? `${I}px` : I, O = typeof m == "number" ? `${m}px` : m;
7118
+ ), Q = typeof I == "number" ? `${I}px` : I, U = typeof m == "number" ? `${m}px` : m;
7119
7119
  return /* @__PURE__ */ f(
7120
7120
  Ce,
7121
7121
  {
7122
- width: w ? "100%" : O,
7122
+ width: w ? "100%" : U,
7123
7123
  className: b(w && he.boxVertical),
7124
- style: w ? { "--slider-vertical-height": J } : void 0,
7124
+ style: w ? { "--slider-vertical-height": Q } : void 0,
7125
7125
  children: [
7126
7126
  t && /* @__PURE__ */ f(
7127
7127
  y,
@@ -7216,7 +7216,7 @@ const Pb = "_boxVertical_ujop8_21", zb = "_sliderRoot_ujop8_27", Wb = "_sliderRo
7216
7216
  ]
7217
7217
  }
7218
7218
  ),
7219
- v.length > 0 && /* @__PURE__ */ a("div", { className: he.markersContainer, children: v.map((T, D) => /* @__PURE__ */ a(
7219
+ v.length > 0 && /* @__PURE__ */ a("div", { className: he.markersContainer, children: v.map((D, T) => /* @__PURE__ */ a(
7220
7220
  "div",
7221
7221
  {
7222
7222
  className: b(he.marker, {
@@ -7224,12 +7224,12 @@ const Pb = "_boxVertical_ujop8_21", zb = "_sliderRoot_ujop8_27", Wb = "_sliderRo
7224
7224
  [he.markerVertical]: w
7225
7225
  }),
7226
7226
  style: w ? {
7227
- bottom: `${N(T)}%`
7227
+ bottom: `${N(D)}%`
7228
7228
  } : {
7229
- left: `${N(T)}%`
7229
+ left: `${N(D)}%`
7230
7230
  }
7231
7231
  },
7232
- D
7232
+ T
7233
7233
  )) })
7234
7234
  ]
7235
7235
  }
@@ -7607,12 +7607,12 @@ const Dl = ({
7607
7607
  onDragOver: R,
7608
7608
  onDrop: w
7609
7609
  }) => {
7610
- const [N, B] = L(!1), J = !!k, { setNodeRef: O, isOver: T } = Eo({
7610
+ const [N, B] = L(!1), Q = !!k, { setNodeRef: U, isOver: D } = Eo({
7611
7611
  id: k ?? "__setlist-item-noop__",
7612
- disabled: !J
7613
- }), D = () => {
7612
+ disabled: !Q
7613
+ }), T = () => {
7614
7614
  B(!0);
7615
- }, Q = () => {
7615
+ }, J = () => {
7616
7616
  B(!1);
7617
7617
  }, F = (P) => {
7618
7618
  P.stopPropagation();
@@ -7622,7 +7622,7 @@ const Dl = ({
7622
7622
  return /* @__PURE__ */ f(
7623
7623
  y,
7624
7624
  {
7625
- ref: J ? O : void 0,
7625
+ ref: Q ? U : void 0,
7626
7626
  gap: "3",
7627
7627
  align: "center",
7628
7628
  role: r ? "button" : void 0,
@@ -7632,10 +7632,10 @@ const Dl = ({
7632
7632
  [_.navItemSelected]: n,
7633
7633
  [_.collapsed]: v,
7634
7634
  [_.menuOpen]: u,
7635
- [_.dropTarget]: m && I || T
7635
+ [_.dropTarget]: m && I || D
7636
7636
  }),
7637
- onMouseEnter: D,
7638
- onMouseLeave: Q,
7637
+ onMouseEnter: T,
7638
+ onMouseLeave: J,
7639
7639
  "data-setlist-id": t,
7640
7640
  onDragEnter: m ? E : void 0,
7641
7641
  onDragLeave: m ? S : void 0,
@@ -7743,15 +7743,15 @@ const Dl = ({
7743
7743
  r == null || r(X), I && m();
7744
7744
  }, R = () => {
7745
7745
  c == null || c(), I && m();
7746
- }, [w, N] = L(!1), [B, J] = L(!1), [O, T] = L(!1), [D, Q] = L(!1), F = ee(null), M = ee(null), P = ee(null), U = ee(p), H = 50, K = 200, W = 44, te = 4, de = p && c ? 1 : 0, le = p && !w && !D, Se = n, ve = n.length + (c ? 1 : 0), se = Math.min(4, ve), G = K + Math.max(0, se - 1) * H, j = G, ce = () => {
7747
- F.current && (clearTimeout(F.current), F.current = null), M.current && (clearTimeout(M.current), M.current = null), J(!1), T(!0), N(!0), M.current = setTimeout(() => {
7748
- T(!1), M.current = null;
7746
+ }, [w, N] = L(!1), [B, Q] = L(!1), [U, D] = L(!1), [T, J] = L(!1), F = ee(null), M = ee(null), P = ee(null), O = ee(p), W = 50, K = 200, H = 44, te = 4, de = p && c ? 1 : 0, le = p && !w && !T, Se = n, ve = n.length + (c ? 1 : 0), se = Math.min(4, ve), G = K + Math.max(0, se - 1) * W, j = G, ce = () => {
7747
+ F.current && (clearTimeout(F.current), F.current = null), M.current && (clearTimeout(M.current), M.current = null), Q(!1), D(!0), N(!0), M.current = setTimeout(() => {
7748
+ D(!1), M.current = null;
7749
7749
  }, j);
7750
7750
  }, Ee = () => {
7751
- p && (F.current && (clearTimeout(F.current), F.current = null), B ? J(!1) : w || ce());
7751
+ p && (F.current && (clearTimeout(F.current), F.current = null), B ? Q(!1) : w || ce());
7752
7752
  }, ue = () => {
7753
- p && w && (M.current && (clearTimeout(M.current), M.current = null), T(!1), J(!0), F.current = setTimeout(() => {
7754
- F.current = null, N(!1), J(!1);
7753
+ p && w && (M.current && (clearTimeout(M.current), M.current = null), D(!1), Q(!0), F.current = setTimeout(() => {
7754
+ F.current = null, N(!1), Q(!1);
7755
7755
  }, j));
7756
7756
  }, ae = (X) => {
7757
7757
  p && (X.stopPropagation(), ce());
@@ -7764,18 +7764,18 @@ const Dl = ({
7764
7764
  X.contains(document.activeElement) || N(!1);
7765
7765
  }, 0);
7766
7766
  };
7767
- if (U.current !== p) {
7768
- const X = U.current;
7769
- U.current = p, p && !X ? (Q(!0), T(!1), J(!0)) : !p && X && (N(!1), Q(!0), J(!1), T(!0));
7767
+ if (O.current !== p) {
7768
+ const X = O.current;
7769
+ O.current = p, p && !X ? (J(!0), D(!1), Q(!0)) : !p && X && (N(!1), J(!0), Q(!1), D(!0));
7770
7770
  }
7771
7771
  ie(() => {
7772
- if (!D) return;
7772
+ if (!T) return;
7773
7773
  F.current && (clearTimeout(F.current), F.current = null), M.current && (clearTimeout(M.current), M.current = null);
7774
7774
  const X = setTimeout(() => {
7775
- Q(!1), J(!1), T(!1);
7775
+ J(!1), Q(!1), D(!1);
7776
7776
  }, j);
7777
7777
  return () => clearTimeout(X);
7778
- }, [D, j]), ie(() => () => {
7778
+ }, [T, j]), ie(() => () => {
7779
7779
  F.current && clearTimeout(F.current), M.current && clearTimeout(M.current);
7780
7780
  }, []);
7781
7781
  const Xe = (X) => {
@@ -7791,7 +7791,7 @@ const Dl = ({
7791
7791
  "0 3.686px 14.746px -7.373px var(--Overlays-Black-Alpha-2, rgba(0, 0, 0, 0.10)), 0 2.765px 11.059px -3.686px var(--Overlays-Black-Alpha-2, rgba(0, 0, 0, 0.10)), 0 1.843px 2.765px -1.843px var(--Overlays-Black-Alpha-3, rgba(0, 0, 0, 0.15))",
7792
7792
  "0 3.539px 14.156px -7.078px var(--Overlays-Black-Alpha-2, rgba(0, 0, 0, 0.10)), 0 2.654px 10.617px -3.539px var(--Overlays-Black-Alpha-2, rgba(0, 0, 0, 0.10)), 0 1.769px 2.654px -1.769px var(--Overlays-Black-Alpha-3, rgba(0, 0, 0, 0.15))",
7793
7793
  "0 3.401px 13.603px -6.801px var(--Overlays-Black-Alpha-2, rgba(0, 0, 0, 0.10)), 0 2.551px 10.202px -3.401px var(--Overlays-Black-Alpha-2, rgba(0, 0, 0, 0.10)), 0 1.701px 2.551px -1.701px var(--Overlays-Black-Alpha-3, rgba(0, 0, 0, 0.15))"
7794
- ], xe = ze === 0 ? 1 : (W - ze * 1 * 2) / W;
7794
+ ], xe = ze === 0 ? 1 : (H - ze * 1 * 2) / H;
7795
7795
  return {
7796
7796
  position: "relative",
7797
7797
  marginTop: ze === 0 ? 0 : -40,
@@ -7799,14 +7799,14 @@ const Dl = ({
7799
7799
  boxShadow: pe[X],
7800
7800
  transform: xe < 1 ? `scaleX(${xe})` : void 0
7801
7801
  };
7802
- }, Me = p && !le || D, ut = p || D, at = (X) => {
7802
+ }, Me = p && !le || T, ut = p || T, at = (X) => {
7803
7803
  if (!Me) return;
7804
7804
  const ze = X < se;
7805
7805
  if (B) {
7806
7806
  if (ze) {
7807
- const $e = -(X * (W - te)), pe = X === 0 ? 1 : (W - X * 2) / W;
7807
+ const $e = -(X * (H - te)), pe = X === 0 ? 1 : (H - X * 2) / H;
7808
7808
  return {
7809
- animationDelay: `${X * H}ms`,
7809
+ animationDelay: `${X * W}ms`,
7810
7810
  "--stagger-out-y": `${$e}px`,
7811
7811
  "--stagger-out-scale": pe,
7812
7812
  zIndex: ve - X
@@ -7817,11 +7817,11 @@ const Dl = ({
7817
7817
  zIndex: ve - X
7818
7818
  };
7819
7819
  }
7820
- if (O) {
7820
+ if (U) {
7821
7821
  if (ze) {
7822
- const $e = -(X * (W - te)), pe = X === 0 ? 1 : (W - X * 2) / W;
7822
+ const $e = -(X * (H - te)), pe = X === 0 ? 1 : (H - X * 2) / H;
7823
7823
  return {
7824
- animationDelay: `${(se - 1 - X) * H}ms`,
7824
+ animationDelay: `${(se - 1 - X) * W}ms`,
7825
7825
  "--stagger-in-y": `${$e}px`,
7826
7826
  "--stagger-in-scale": pe,
7827
7827
  zIndex: ve - X
@@ -7879,7 +7879,7 @@ const Dl = ({
7879
7879
  onClick: R,
7880
7880
  className: b({
7881
7881
  [_.staggerItem]: Me,
7882
- [_.staggerAnimateIn]: Me && O,
7882
+ [_.staggerAnimateIn]: Me && U,
7883
7883
  [_.staggerAnimateOut]: Me && B
7884
7884
  }),
7885
7885
  style: at(0),
@@ -7925,11 +7925,11 @@ const Dl = ({
7925
7925
  [_.collapsedStackItem]: le,
7926
7926
  [_.collapsedTransition]: p && le,
7927
7927
  [_.staggerItem]: Me,
7928
- [_.staggerAnimateIn]: Me && O && ke,
7928
+ [_.staggerAnimateIn]: Me && U && ke,
7929
7929
  [_.staggerAnimateOut]: Me && B && ke,
7930
- [_.fadeAnimateIn]: Me && O && !ke,
7930
+ [_.fadeAnimateIn]: Me && U && !ke,
7931
7931
  [_.fadeAnimateOut]: Me && B && !ke,
7932
- [_.fadeHidden]: !ke && p && !w && !D
7932
+ [_.fadeHidden]: !ke && p && !w && !T
7933
7933
  }),
7934
7934
  style: {
7935
7935
  ...Xe(ze),
@@ -8023,33 +8023,33 @@ const Dl = ({
8023
8023
  A || (I(!1), R(!1), i((K) => !K));
8024
8024
  }, B = () => {
8025
8025
  A || I(!0);
8026
- }, J = () => {
8026
+ }, Q = () => {
8027
8027
  A || I(!1);
8028
- }, O = (K) => {
8028
+ }, U = (K) => {
8029
8029
  w ? N() : l && l(K);
8030
- }, T = () => {
8031
- A || !r || R(!0);
8032
8030
  }, D = () => {
8031
+ A || !r || R(!0);
8032
+ }, T = () => {
8033
8033
  R(!1);
8034
- }, Q = (K) => {
8035
- B(), K.buttons > 0 && T();
8034
+ }, J = (K) => {
8035
+ B(), K.buttons > 0 && D();
8036
8036
  }, F = () => {
8037
- T();
8037
+ D();
8038
8038
  }, M = (K) => {
8039
- A || !r || (K.preventDefault(), T());
8040
- }, P = w ? "Expand menu" : "Moises", U = "Moises";
8039
+ A || !r || (K.preventDefault(), D());
8040
+ }, P = w ? "Expand menu" : "Moises", O = "Moises";
8041
8041
  ie(() => {
8042
8042
  if (!S) return;
8043
8043
  const K = () => {
8044
- D();
8045
- }, W = () => {
8046
- D();
8044
+ T();
8045
+ }, H = () => {
8046
+ T();
8047
8047
  };
8048
- return window.addEventListener("pointerup", K), window.addEventListener("dragend", W), window.addEventListener("drop", W), () => {
8049
- window.removeEventListener("pointerup", K), window.removeEventListener("dragend", W), window.removeEventListener("drop", W);
8048
+ return window.addEventListener("pointerup", K), window.addEventListener("dragend", H), window.addEventListener("drop", H), () => {
8049
+ window.removeEventListener("pointerup", K), window.removeEventListener("dragend", H), window.removeEventListener("drop", H);
8050
8050
  };
8051
8051
  }, [S]);
8052
- const H = /* @__PURE__ */ f(Ie, { children: [
8052
+ const W = /* @__PURE__ */ f(Ie, { children: [
8053
8053
  /* @__PURE__ */ f(
8054
8054
  "div",
8055
8055
  {
@@ -8113,8 +8113,8 @@ const Dl = ({
8113
8113
  {
8114
8114
  type: "button",
8115
8115
  className: ne.logoButton,
8116
- onClick: O,
8117
- "aria-label": U,
8116
+ onClick: U,
8117
+ "aria-label": O,
8118
8118
  children: /* @__PURE__ */ f(
8119
8119
  y,
8120
8120
  {
@@ -8169,11 +8169,11 @@ const Dl = ({
8169
8169
  {
8170
8170
  direction: "column",
8171
8171
  className: ne.desktopSidebar,
8172
- onMouseEnter: Q,
8173
- onMouseLeave: J,
8172
+ onMouseEnter: J,
8173
+ onMouseLeave: Q,
8174
8174
  onDragEnter: F,
8175
8175
  onDragOver: M,
8176
- onDrop: D,
8176
+ onDrop: T,
8177
8177
  children: [
8178
8178
  w ? /* @__PURE__ */ a("div", { className: ne.headerWrapper, children: /* @__PURE__ */ a(_e, { content: c, side: "right", sideOffset: 5, align: "center", alignOffset: 0, children: /* @__PURE__ */ a("div", { className: ne.tooltipTriggerWrapper, children: /* @__PURE__ */ f(
8179
8179
  y,
@@ -8189,7 +8189,7 @@ const Dl = ({
8189
8189
  {
8190
8190
  type: "button",
8191
8191
  className: ne.logoButton,
8192
- onClick: O,
8192
+ onClick: U,
8193
8193
  "aria-label": P,
8194
8194
  children: /* @__PURE__ */ a(
8195
8195
  y,
@@ -8199,7 +8199,7 @@ const Dl = ({
8199
8199
  style: {
8200
8200
  cursor: w || l ? "pointer" : "default"
8201
8201
  },
8202
- children: H
8202
+ children: W
8203
8203
  }
8204
8204
  )
8205
8205
  }
@@ -8232,7 +8232,7 @@ const Dl = ({
8232
8232
  {
8233
8233
  type: "button",
8234
8234
  className: ne.logoButton,
8235
- onClick: O,
8235
+ onClick: U,
8236
8236
  "aria-label": P,
8237
8237
  children: /* @__PURE__ */ a(
8238
8238
  y,
@@ -8242,7 +8242,7 @@ const Dl = ({
8242
8242
  style: {
8243
8243
  cursor: w || l ? "pointer" : "default"
8244
8244
  },
8245
- children: H
8245
+ children: W
8246
8246
  }
8247
8247
  )
8248
8248
  }
@@ -9140,7 +9140,7 @@ const lr = {
9140
9140
  onAddConditioningAudio: s,
9141
9141
  showConditioningTextPaywall: o,
9142
9142
  showAdvancedControlsPaywall: i,
9143
- i18n: l = { _: (T) => T },
9143
+ i18n: l = { _: (D) => D },
9144
9144
  loading: c,
9145
9145
  onSubmit: d,
9146
9146
  limitReached: u,
@@ -9158,22 +9158,22 @@ const lr = {
9158
9158
  onBoost: w,
9159
9159
  boostLoading: N,
9160
9160
  suggestedTags: B,
9161
- onFetchSuggestedTags: J,
9162
- suggestedTagsLoading: O
9161
+ onFetchSuggestedTags: Q,
9162
+ suggestedTagsLoading: U
9163
9163
  }) => {
9164
- const [T, D] = L(!1), [Q, F] = L("2"), [M, P] = L(Q), { submitted: U, handleSubmit: H } = fa(d), K = $(() => [
9164
+ const [D, T] = L(!1), [J, F] = L("2"), [M, P] = L(J), { submitted: O, handleSubmit: W } = fa(d), K = $(() => [
9165
9165
  { value: "2", label: l._("Presets") },
9166
9166
  { value: "1", label: l._("Custom") }
9167
- ], []), W = (r ?? []).some(
9167
+ ], []), H = (r ?? []).some(
9168
9168
  (se) => se.instrument === n.instrument
9169
9169
  ), te = $(() => {
9170
- const se = Q === "2" && W, G = Q === "1" || !W;
9170
+ const se = J === "2" && H, G = J === "1" || !H;
9171
9171
  return u || I === 0 || se && !n.presetId || G && !n.conditioningText && !n.conditioningAudio;
9172
9172
  }, [
9173
9173
  u,
9174
9174
  I,
9175
- Q,
9176
- W,
9175
+ J,
9176
+ H,
9177
9177
  n.presetId,
9178
9178
  n.conditioningText,
9179
9179
  n.conditioningAudio
@@ -9225,14 +9225,14 @@ const lr = {
9225
9225
  [t, n]
9226
9226
  );
9227
9227
  return ie(() => {
9228
- if (Q !== M) {
9229
- D(!0);
9228
+ if (J !== M) {
9229
+ T(!0);
9230
9230
  const se = setTimeout(() => {
9231
- P(Q), D(!1);
9231
+ P(J), T(!1);
9232
9232
  }, lr.timeouts.animationDuration);
9233
9233
  return () => clearTimeout(se);
9234
9234
  }
9235
- }, [Q, M]), /* @__PURE__ */ f(
9235
+ }, [J, M]), /* @__PURE__ */ f(
9236
9236
  y,
9237
9237
  {
9238
9238
  direction: "column",
@@ -9262,11 +9262,11 @@ const lr = {
9262
9262
  backgroundColor: "var(--neutral-2)"
9263
9263
  },
9264
9264
  children: [
9265
- W && /* @__PURE__ */ a(
9265
+ H && /* @__PURE__ */ a(
9266
9266
  fr,
9267
9267
  {
9268
9268
  items: K,
9269
- selectedType: Q,
9269
+ selectedType: J,
9270
9270
  handleTypeChange: le,
9271
9271
  size: "2"
9272
9272
  }
@@ -9279,7 +9279,7 @@ const lr = {
9279
9279
  top: "130px",
9280
9280
  zIndex: 10,
9281
9281
  backgroundColor: "var(--neutral-2)",
9282
- opacity: T ? 0 : 1,
9282
+ opacity: D ? 0 : 1,
9283
9283
  transition: `opacity ${lr.timeouts.animationDuration}ms ease-in-out`
9284
9284
  }
9285
9285
  }
@@ -9294,12 +9294,12 @@ const lr = {
9294
9294
  style: {
9295
9295
  position: "relative",
9296
9296
  flex: 1,
9297
- opacity: T ? 0 : 1,
9297
+ opacity: D ? 0 : 1,
9298
9298
  transition: `opacity ${lr.timeouts.animationDuration}ms ease-in-out`,
9299
9299
  overflow: "hidden"
9300
9300
  },
9301
9301
  children: [
9302
- (M === "1" || !W) && /* @__PURE__ */ a(
9302
+ (M === "1" || !H) && /* @__PURE__ */ a(
9303
9303
  rS,
9304
9304
  {
9305
9305
  formState: n,
@@ -9312,11 +9312,11 @@ const lr = {
9312
9312
  onBoost: w,
9313
9313
  boostLoading: N,
9314
9314
  suggestedTags: B,
9315
- onFetchSuggestedTags: J,
9316
- suggestedTagsLoading: O
9315
+ onFetchSuggestedTags: Q,
9316
+ suggestedTagsLoading: U
9317
9317
  }
9318
9318
  ),
9319
- M === "2" && W && /* @__PURE__ */ a(
9319
+ M === "2" && H && /* @__PURE__ */ a(
9320
9320
  sS,
9321
9321
  {
9322
9322
  formState: n,
@@ -9359,7 +9359,7 @@ const lr = {
9359
9359
  onFormStateChange: t,
9360
9360
  i18n: l,
9361
9361
  disabledBesideFooter: u,
9362
- presetSelected: Q,
9362
+ presetSelected: J,
9363
9363
  showAdvancedControlsPaywall: i
9364
9364
  }
9365
9365
  ),
@@ -9367,7 +9367,7 @@ const lr = {
9367
9367
  disabled: te,
9368
9368
  color: "cyan",
9369
9369
  loading: c,
9370
- onClick: H,
9370
+ onClick: W,
9371
9371
  Icon: So,
9372
9372
  title: l._("Generate Stem"),
9373
9373
  children: /* @__PURE__ */ f(y, { pt: "4", width: "100%", children: [
@@ -9380,7 +9380,7 @@ const lr = {
9380
9380
  onMount: k
9381
9381
  }
9382
9382
  ),
9383
- !u && !U && !g && /* @__PURE__ */ a(Ie, { children: /* @__PURE__ */ a(
9383
+ !u && !O && !g && /* @__PURE__ */ a(Ie, { children: /* @__PURE__ */ a(
9384
9384
  pS,
9385
9385
  {
9386
9386
  generateFromTrack: v,
@@ -9391,7 +9391,7 @@ const lr = {
9391
9391
  i18n: l
9392
9392
  }
9393
9393
  ) }),
9394
- !u && U && !g && /* @__PURE__ */ a(
9394
+ !u && O && !g && /* @__PURE__ */ a(
9395
9395
  je,
9396
9396
  {
9397
9397
  type: "success",
@@ -9662,16 +9662,16 @@ const ja = {
9662
9662
  }
9663
9663
  const N = w.value;
9664
9664
  d((B) => {
9665
- let J = [...B.selectedStems];
9666
- if (J.includes(N))
9667
- J = J.filter((O) => O !== N);
9665
+ let Q = [...B.selectedStems];
9666
+ if (Q.includes(N))
9667
+ Q = Q.filter((U) => U !== N);
9668
9668
  else {
9669
- const O = fS[N] || [];
9670
- J = J.filter(
9671
- (T) => !O.includes(T)
9672
- ), J.push(N);
9669
+ const U = fS[N] || [];
9670
+ Q = Q.filter(
9671
+ (D) => !U.includes(D)
9672
+ ), Q.push(N);
9673
9673
  }
9674
- return J.includes("other") && J.length === 1 ? { ...B, selectedStems: [] } : { ...B, selectedStems: J };
9674
+ return Q.includes("other") && Q.length === 1 ? { ...B, selectedStems: [] } : { ...B, selectedStems: Q };
9675
9675
  });
9676
9676
  }, S = (w) => {
9677
9677
  d((N) => ({
@@ -10552,18 +10552,19 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10552
10552
  channel: R,
10553
10553
  // State change listeners
10554
10554
  onVolumeChange: w,
10555
- onPanChange: N,
10556
- onMutedChange: B,
10557
- onRecordChange: J,
10558
- onSoloChange: O,
10555
+ onVolumeReset: N,
10556
+ onPanChange: B,
10557
+ onMutedChange: Q,
10558
+ onRecordChange: U,
10559
+ onSoloChange: D,
10559
10560
  onOpenChange: T,
10560
- onInstrumentChange: D,
10561
- onDeviceChange: Q,
10562
- onChannelChange: F,
10561
+ onInstrumentChange: J,
10562
+ onDeviceChange: F,
10563
+ onChannelChange: M,
10563
10564
  // Children (having content means group/takelanes)
10564
- children: M
10565
+ children: P
10565
10566
  }) => {
10566
- const P = !!M, U = x(
10567
+ const O = !!P, W = x(
10567
10568
  () => T == null ? void 0 : T(!k),
10568
10569
  [k, T]
10569
10570
  );
@@ -10576,7 +10577,7 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10576
10577
  "div",
10577
10578
  {
10578
10579
  className: b(we.track, {
10579
- [we.isParentTrack]: P,
10580
+ [we.isParentTrack]: O,
10580
10581
  [we.isCompact]: i
10581
10582
  }),
10582
10583
  style: { height: `${o}px` },
@@ -10614,7 +10615,7 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10614
10615
  ...Rn,
10615
10616
  variant: "ghost",
10616
10617
  size: "1",
10617
- onClick: U,
10618
+ onClick: W,
10618
10619
  className: we.toggleOpenButton,
10619
10620
  children: k ? /* @__PURE__ */ a(Od, {}) : /* @__PURE__ */ a(Fd, {})
10620
10621
  }
@@ -10636,7 +10637,7 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10636
10637
  }
10637
10638
  ),
10638
10639
  options: c,
10639
- onSelectionChange: D,
10640
+ onSelectionChange: J,
10640
10641
  side: "bottom",
10641
10642
  align: "start"
10642
10643
  }
@@ -10646,7 +10647,7 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10646
10647
  {
10647
10648
  size: "2",
10648
10649
  className: we.name,
10649
- onClick: P ? U : void 0,
10650
+ onClick: O ? W : void 0,
10650
10651
  children: n
10651
10652
  }
10652
10653
  ) })
@@ -10667,17 +10668,17 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10667
10668
  isRecord: C,
10668
10669
  deviceOptions: d,
10669
10670
  device: S,
10670
- onDeviceChange: Q,
10671
+ onDeviceChange: F,
10671
10672
  channelOptions: u,
10672
10673
  channel: R,
10673
- onChannelChange: F,
10674
+ onChannelChange: M,
10674
10675
  inputLevel: p,
10675
10676
  children: /* @__PURE__ */ a(
10676
10677
  cr,
10677
10678
  {
10678
10679
  type: "record",
10679
10680
  selected: C,
10680
- onClick: () => J == null ? void 0 : J()
10681
+ onClick: () => U == null ? void 0 : U()
10681
10682
  }
10682
10683
  )
10683
10684
  }
@@ -10687,7 +10688,7 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10687
10688
  {
10688
10689
  type: v ? "mute" : m ? "autoMute" : "mute",
10689
10690
  selected: v || !I && m,
10690
- onClick: B
10691
+ onClick: Q
10691
10692
  }
10692
10693
  ),
10693
10694
  /* @__PURE__ */ a(
@@ -10695,7 +10696,7 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10695
10696
  {
10696
10697
  type: "solo",
10697
10698
  selected: I,
10698
- onClick: O
10699
+ onClick: D
10699
10700
  }
10700
10701
  )
10701
10702
  ]
@@ -10732,7 +10733,8 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10732
10733
  {
10733
10734
  linear: p,
10734
10735
  volume: A,
10735
- onVolumeChange: w
10736
+ onVolumeChange: w,
10737
+ onVolumeReset: N
10736
10738
  }
10737
10739
  ),
10738
10740
  r && /* @__PURE__ */ a(
@@ -10740,7 +10742,7 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10740
10742
  {
10741
10743
  className: we.pan,
10742
10744
  value: g,
10743
- onChange: N,
10745
+ onChange: B,
10744
10746
  minValue: -1,
10745
10747
  maxValue: 1
10746
10748
  }
@@ -10751,7 +10753,7 @@ const nE = "_track_2k5w9_1", rE = "_name_2k5w9_11", sE = "_line_2k5w9_22", aE =
10751
10753
  )
10752
10754
  }
10753
10755
  ),
10754
- P && k && /* @__PURE__ */ a("div", { className: we.group, children: M })
10756
+ O && k && /* @__PURE__ */ a("div", { className: we.group, children: P })
10755
10757
  ]
10756
10758
  }
10757
10759
  );
@@ -11240,25 +11242,25 @@ class BE extends Kn {
11240
11242
  const A = (g) => {
11241
11243
  if (g.button !== i || (d.set(g.pointerId, g), d.size > 1)) return;
11242
11244
  let v = g.clientX, C = g.clientY, m = !1;
11243
- const I = Date.now(), k = r.getBoundingClientRect(), { left: E, top: S } = k, R = (O) => {
11244
- if (O.defaultPrevented || d.size > 1 || u && Date.now() - I < l) return;
11245
- const T = O.clientX, D = O.clientY, Q = T - v, F = D - C;
11246
- (m || Math.abs(Q) > o || Math.abs(F) > o) && (O.preventDefault(), O.stopPropagation(), m || (c.set({ type: "start", x: v - E, y: C - S }), m = !0), c.set({ type: "move", x: T - E, y: D - S, deltaX: Q, deltaY: F }), v = T, C = D);
11247
- }, w = (O) => {
11248
- if (d.delete(O.pointerId), m) {
11249
- const T = O.clientX, D = O.clientY;
11250
- c.set({ type: "end", x: T - E, y: D - S });
11245
+ const I = Date.now(), k = r.getBoundingClientRect(), { left: E, top: S } = k, R = (U) => {
11246
+ if (U.defaultPrevented || d.size > 1 || u && Date.now() - I < l) return;
11247
+ const D = U.clientX, T = U.clientY, J = D - v, F = T - C;
11248
+ (m || Math.abs(J) > o || Math.abs(F) > o) && (U.preventDefault(), U.stopPropagation(), m || (c.set({ type: "start", x: v - E, y: C - S }), m = !0), c.set({ type: "move", x: D - E, y: T - S, deltaX: J, deltaY: F }), v = D, C = T);
11249
+ }, w = (U) => {
11250
+ if (d.delete(U.pointerId), m) {
11251
+ const D = U.clientX, T = U.clientY;
11252
+ c.set({ type: "end", x: D - E, y: T - S });
11251
11253
  }
11252
11254
  p();
11253
- }, N = (O) => {
11254
- d.delete(O.pointerId), O.relatedTarget && O.relatedTarget !== document.documentElement || w(O);
11255
- }, B = (O) => {
11256
- m && (O.stopPropagation(), O.preventDefault());
11257
- }, J = (O) => {
11258
- O.defaultPrevented || d.size > 1 || m && O.preventDefault();
11255
+ }, N = (U) => {
11256
+ d.delete(U.pointerId), U.relatedTarget && U.relatedTarget !== document.documentElement || w(U);
11257
+ }, B = (U) => {
11258
+ m && (U.stopPropagation(), U.preventDefault());
11259
+ }, Q = (U) => {
11260
+ U.defaultPrevented || d.size > 1 || m && U.preventDefault();
11259
11261
  };
11260
- document.addEventListener("pointermove", R), document.addEventListener("pointerup", w), document.addEventListener("pointerout", N), document.addEventListener("pointercancel", N), document.addEventListener("touchmove", J, { passive: !1 }), document.addEventListener("click", B, { capture: !0 }), p = () => {
11261
- document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", w), document.removeEventListener("pointerout", N), document.removeEventListener("pointercancel", N), document.removeEventListener("touchmove", J), setTimeout(() => {
11262
+ document.addEventListener("pointermove", R), document.addEventListener("pointerup", w), document.addEventListener("pointerout", N), document.addEventListener("pointercancel", N), document.addEventListener("touchmove", Q, { passive: !1 }), document.addEventListener("click", B, { capture: !0 }), p = () => {
11263
+ document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", w), document.removeEventListener("pointerout", N), document.removeEventListener("pointercancel", N), document.removeEventListener("touchmove", Q), setTimeout(() => {
11262
11264
  document.removeEventListener("click", B, { capture: !0 });
11263
11265
  }, 10);
11264
11266
  };
@@ -11430,18 +11432,18 @@ class BE extends Kn {
11430
11432
  const S = m / 2, R = k.barWidth ? k.barWidth * E : 1, w = k.barGap ? k.barGap * E : k.barWidth ? R / 2 : 0, N = R + w || 1;
11431
11433
  return { halfHeight: S, barWidth: R, barGap: w, barRadius: k.barRadius || 0, barMinHeight: k.barMinHeight ? k.barMinHeight * E : 0, barIndexScale: I > 0 ? C / N / I : 0, barSpacing: N };
11432
11434
  }({ width: i, height: l, length: (t[0] || []).length, options: r, pixelRatio: this.getPixelRatio() }), v = function({ channelData: C, barIndexScale: m, barSpacing: I, barWidth: k, halfHeight: E, vScale: S, canvasHeight: R, barAlign: w, barMinHeight: N }) {
11433
- const B = C[0] || [], J = C[1] || B, O = B.length, T = [];
11434
- let D = 0, Q = 0, F = 0;
11435
- for (let M = 0; M <= O; M++) {
11435
+ const B = C[0] || [], Q = C[1] || B, U = B.length, D = [];
11436
+ let T = 0, J = 0, F = 0;
11437
+ for (let M = 0; M <= U; M++) {
11436
11438
  const P = Math.round(M * m);
11437
- if (P > D) {
11438
- const { topHeight: K, totalHeight: W } = wE({ maxTop: Q, maxBottom: F, halfHeight: E, vScale: S, barMinHeight: N, barAlign: w }), te = RE({ barAlign: w, halfHeight: E, topHeight: K, totalHeight: W, canvasHeight: R });
11439
- T.push({ x: D * I, y: te, width: k, height: W }), D = P, Q = 0, F = 0;
11439
+ if (P > T) {
11440
+ const { topHeight: K, totalHeight: H } = wE({ maxTop: J, maxBottom: F, halfHeight: E, vScale: S, barMinHeight: N, barAlign: w }), te = RE({ barAlign: w, halfHeight: E, topHeight: K, totalHeight: H, canvasHeight: R });
11441
+ D.push({ x: T * I, y: te, width: k, height: H }), T = P, J = 0, F = 0;
11440
11442
  }
11441
- const U = Math.abs(B[M] || 0), H = Math.abs(J[M] || 0);
11442
- U > Q && (Q = U), H > F && (F = H);
11443
+ const O = Math.abs(B[M] || 0), W = Math.abs(Q[M] || 0);
11444
+ O > J && (J = O), W > F && (F = W);
11443
11445
  }
11444
- return T;
11446
+ return D;
11445
11447
  }({ channelData: t, barIndexScale: p, barSpacing: A, barWidth: d, halfHeight: c, vScale: o, canvasHeight: l, barAlign: r.barAlign, barMinHeight: g });
11446
11448
  s.beginPath();
11447
11449
  for (const C of v) u && "roundRect" in s ? s.roundRect(C.x, C.y, C.width, C.height, u) : s.rect(C.x, C.y, C.width, C.height);
@@ -11454,13 +11456,13 @@ class BE extends Kn {
11454
11456
  const I = C.length, k = I ? u / I : 0, E = g, S = m === 0 ? -1 : 1, R = [{ x: 0, y: E }];
11455
11457
  let w = 0, N = 0;
11456
11458
  for (let B = 0; B <= I; B++) {
11457
- const J = Math.round(B * k);
11458
- if (J > w) {
11459
- const T = E + (Math.round(N * g * A) || 1) * S;
11460
- R.push({ x: w, y: T }), w = J, N = 0;
11459
+ const Q = Math.round(B * k);
11460
+ if (Q > w) {
11461
+ const D = E + (Math.round(N * g * A) || 1) * S;
11462
+ R.push({ x: w, y: D }), w = Q, N = 0;
11461
11463
  }
11462
- const O = Math.abs(C[B] || 0);
11463
- O > N && (N = O);
11464
+ const U = Math.abs(C[B] || 0);
11465
+ U > N && (N = U);
11464
11466
  }
11465
11467
  return R.push({ x: w, y: E }), R;
11466
11468
  });
@@ -11515,8 +11517,8 @@ class BE extends Kn {
11515
11517
  if (I = Ya(I, r), I <= 0) return;
11516
11518
  const k = function({ channelData: E, offset: S, clampedWidth: R, totalWidth: w }) {
11517
11519
  return E.map((N) => {
11518
- const B = Math.floor(S / w * N.length), J = Math.floor((S + R) / w * N.length);
11519
- return N.slice(B, J);
11520
+ const B = Math.floor(S / w * N.length), Q = Math.floor((S + R) / w * N.length);
11521
+ return N.slice(B, Q);
11520
11522
  });
11521
11523
  }({ channelData: t, offset: m, clampedWidth: I, totalWidth: u });
11522
11524
  this.renderSingleCanvas(k, r, I, o, m, i, l);
@@ -11775,8 +11777,8 @@ class Fn extends EE {
11775
11777
  super({ media: r, mediaControls: t.mediaControls, autoplay: t.autoplay, playbackRate: t.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.reactiveCleanups = [], this.options = Object.assign({}, TE, t);
11776
11778
  const { state: s, actions: o } = function(c) {
11777
11779
  var d, u, p, A, g, v;
11778
- const C = (d = c == null ? void 0 : c.currentTime) !== null && d !== void 0 ? d : ye(0), m = (u = c == null ? void 0 : c.duration) !== null && u !== void 0 ? u : ye(0), I = (p = c == null ? void 0 : c.isPlaying) !== null && p !== void 0 ? p : ye(!1), k = (A = c == null ? void 0 : c.isSeeking) !== null && A !== void 0 ? A : ye(!1), E = (g = c == null ? void 0 : c.volume) !== null && g !== void 0 ? g : ye(1), S = (v = c == null ? void 0 : c.playbackRate) !== null && v !== void 0 ? v : ye(1), R = ye(null), w = ye(null), N = ye(""), B = ye(0), J = ye(0), O = Lt(() => !I.value, [I]), T = Lt(() => R.value !== null, [R]), D = Lt(() => T.value && m.value > 0, [T, m]), Q = Lt(() => C.value, [C]), F = Lt(() => m.value > 0 ? C.value / m.value : 0, [C, m]);
11779
- return { state: { currentTime: C, duration: m, isPlaying: I, isPaused: O, isSeeking: k, volume: E, playbackRate: S, audioBuffer: R, peaks: w, url: N, zoom: B, scrollPosition: J, canPlay: T, isReady: D, progress: Q, progressPercent: F }, actions: { setCurrentTime: (M) => {
11780
+ const C = (d = c == null ? void 0 : c.currentTime) !== null && d !== void 0 ? d : ye(0), m = (u = c == null ? void 0 : c.duration) !== null && u !== void 0 ? u : ye(0), I = (p = c == null ? void 0 : c.isPlaying) !== null && p !== void 0 ? p : ye(!1), k = (A = c == null ? void 0 : c.isSeeking) !== null && A !== void 0 ? A : ye(!1), E = (g = c == null ? void 0 : c.volume) !== null && g !== void 0 ? g : ye(1), S = (v = c == null ? void 0 : c.playbackRate) !== null && v !== void 0 ? v : ye(1), R = ye(null), w = ye(null), N = ye(""), B = ye(0), Q = ye(0), U = Lt(() => !I.value, [I]), D = Lt(() => R.value !== null, [R]), T = Lt(() => D.value && m.value > 0, [D, m]), J = Lt(() => C.value, [C]), F = Lt(() => m.value > 0 ? C.value / m.value : 0, [C, m]);
11781
+ return { state: { currentTime: C, duration: m, isPlaying: I, isPaused: U, isSeeking: k, volume: E, playbackRate: S, audioBuffer: R, peaks: w, url: N, zoom: B, scrollPosition: Q, canPlay: D, isReady: T, progress: J, progressPercent: F }, actions: { setCurrentTime: (M) => {
11780
11782
  const P = Math.max(0, Math.min(m.value || 1 / 0, M));
11781
11783
  C.set(P);
11782
11784
  }, setDuration: (M) => {
@@ -11800,7 +11802,7 @@ class Fn extends EE {
11800
11802
  }, setZoom: (M) => {
11801
11803
  B.set(Math.max(0, M));
11802
11804
  }, setScrollPosition: (M) => {
11803
- J.set(Math.max(0, M));
11805
+ Q.set(Math.max(0, M));
11804
11806
  } } };
11805
11807
  }({ isPlaying: this.isPlayingSignal, currentTime: this.currentTimeSignal, duration: this.durationSignal, volume: this.volumeSignal, playbackRate: this.playbackRateSignal, isSeeking: this.seekingSignal });
11806
11808
  this.wavesurferState = s, this.wavesurferActions = o, this.timer = new xE();
@@ -12172,68 +12174,68 @@ function Ll({
12172
12174
  ie(() => {
12173
12175
  typeof navigator < "u" && N(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
12174
12176
  }, []);
12175
- const B = $(() => s, [s]), J = $(() => o ? !1 : !B || B && m, [B, m, o]), O = ee(null), T = ee(null);
12177
+ const B = $(() => s, [s]), Q = $(() => o ? !1 : !B || B && m, [B, m, o]), U = ee(null), D = ee(null);
12176
12178
  ie(() => {
12177
12179
  S || (!p || i) && R(!0);
12178
12180
  }, [p, i, S]);
12179
- const D = x(() => {
12180
- var W;
12181
- T.current && ((W = T.current) == null || W.pause());
12182
- }, []), Q = x(() => {
12183
- var W, te;
12184
- T.current && (d && d.state.active && d.state.active !== T.current && d.state.active.pause(), w || (W = T.current) == null || W.setOptions({ progressColor: c }), (te = T.current) == null || te.play());
12181
+ const T = x(() => {
12182
+ var H;
12183
+ D.current && ((H = D.current) == null || H.pause());
12184
+ }, []), J = x(() => {
12185
+ var H, te;
12186
+ D.current && (d && d.state.active && d.state.active !== D.current && d.state.active.pause(), w || (H = D.current) == null || H.setOptions({ progressColor: c }), (te = D.current) == null || te.play());
12185
12187
  }, [w, c, d]);
12186
12188
  ie(() => {
12187
- var W;
12188
- T.current && n && ((W = T.current) == null || W.load(n));
12189
+ var H;
12190
+ D.current && n && ((H = D.current) == null || H.load(n));
12189
12191
  }, [n]);
12190
- const F = x((W) => {
12191
- T.current = W, E(!0), I(!1);
12192
+ const F = x((H) => {
12193
+ D.current = H, E(!0), I(!1);
12192
12194
  }, []), M = x(
12193
- (W) => {
12195
+ (H) => {
12194
12196
  if (I(!0), r == null || r(!0), C == null || C(!0), d) {
12195
- if (d.state.active && d.state.active !== W) {
12197
+ if (d.state.active && d.state.active !== H) {
12196
12198
  const te = d.state.active.getCurrentTime();
12197
- d.state.active.pause(), W.setTime(te);
12199
+ d.state.active.pause(), H.setTime(te);
12198
12200
  }
12199
12201
  d.setter((te) => ({
12200
12202
  ...te,
12201
12203
  isPlaying: !0,
12202
- lastPlayed: W,
12203
- active: W
12204
+ lastPlayed: H,
12205
+ active: H
12204
12206
  }));
12205
12207
  }
12206
12208
  A == null || A();
12207
12209
  },
12208
12210
  [r, d, A, C]
12209
12211
  ), P = x(() => {
12210
- I(!1), r == null || r(!1), C == null || C(!1), d && d.setter((W) => ({
12211
- ...W,
12212
+ I(!1), r == null || r(!1), C == null || C(!1), d && d.setter((H) => ({
12213
+ ...H,
12212
12214
  isPlaying: !1
12213
12215
  }));
12214
- }, [r, d, C]), U = x(
12215
- (W) => {
12216
+ }, [r, d, C]), O = x(
12217
+ (H) => {
12216
12218
  d && d.setter((te) => ({
12217
12219
  ...te,
12218
- active: W
12220
+ active: H
12219
12221
  }));
12220
12222
  },
12221
12223
  [d]
12222
- ), H = x(() => {
12223
- var W;
12224
- u ? (W = T.current) == null || W.play() : (I(!1), r == null || r(!1), C == null || C(!1), d && d.setter((te) => ({
12224
+ ), W = x(() => {
12225
+ var H;
12226
+ u ? (H = D.current) == null || H.play() : (I(!1), r == null || r(!1), C == null || C(!1), d && d.setter((te) => ({
12225
12227
  ...te,
12226
12228
  isPlaying: !1,
12227
12229
  active: null
12228
12230
  })));
12229
12231
  }, [u, r, d, C]), K = x(() => {
12230
- var W, te, de;
12231
- (W = T.current) != null && W.isPlaying() ? D() : T.current && ((te = d == null ? void 0 : d.state) != null && te.active && d.state.active !== T.current && (d.state.active.pause(), d.setter((le) => ({
12232
+ var H, te, de;
12233
+ (H = D.current) != null && H.isPlaying() ? T() : D.current && ((te = d == null ? void 0 : d.state) != null && te.active && d.state.active !== D.current && (d.state.active.pause(), d.setter((le) => ({
12232
12234
  ...le,
12233
12235
  isPlaying: !1,
12234
12236
  active: null
12235
- }))), (de = d == null ? void 0 : d.state) != null && de.active && d.state.active !== T.current && d.state.active.getCurrentTime && T.current.setTime(d.state.active.getCurrentTime()), Q());
12236
- }, [Q, D, d]);
12237
+ }))), (de = d == null ? void 0 : d.state) != null && de.active && d.state.active !== D.current && d.state.active.getCurrentTime && D.current.setTime(d.state.active.getCurrentTime()), J());
12238
+ }, [J, T, d]);
12237
12239
  return /* @__PURE__ */ f(
12238
12240
  y,
12239
12241
  {
@@ -12261,10 +12263,10 @@ function Ll({
12261
12263
  {
12262
12264
  width: "100%",
12263
12265
  style: {
12264
- display: J && k ? "block" : "none",
12266
+ display: Q && k ? "block" : "none",
12265
12267
  cursor: "pointer"
12266
12268
  },
12267
- ref: O,
12269
+ ref: U,
12268
12270
  children: /* @__PURE__ */ a(
12269
12271
  UE,
12270
12272
  {
@@ -12277,10 +12279,10 @@ function Ll({
12277
12279
  cursorWidth: 0,
12278
12280
  height: zE[t] || 36,
12279
12281
  onReady: F,
12280
- onSeeking: U,
12282
+ onSeeking: O,
12281
12283
  onPlay: M,
12282
12284
  onPause: P,
12283
- onFinish: H,
12285
+ onFinish: W,
12284
12286
  backend: w ? "WebAudio" : "MediaElement"
12285
12287
  }
12286
12288
  )
@@ -12291,7 +12293,7 @@ function Ll({
12291
12293
  {
12292
12294
  width: "100%",
12293
12295
  style: {
12294
- display: J && !k ? "block" : "none",
12296
+ display: Q && !k ? "block" : "none",
12295
12297
  cursor: "pointer"
12296
12298
  },
12297
12299
  children: /* @__PURE__ */ a("span", { className: rs.waveform, children: /* @__PURE__ */ a(
@@ -12656,37 +12658,37 @@ const rw = "_footerVoiceForm_lsc2c_2", sw = {
12656
12658
  active: null,
12657
12659
  isPlaying: !1,
12658
12660
  id: "voice-form"
12659
- }), J = x(
12661
+ }), Q = x(
12660
12662
  (P) => {
12661
12663
  k(P);
12662
- const U = n.find((H) => H.identifier === P);
12663
- r((H) => ({
12664
- ...H,
12665
- selectedVoice: U
12664
+ const O = n.find((W) => W.identifier === P);
12665
+ r((W) => ({
12666
+ ...W,
12667
+ selectedVoice: O
12666
12668
  }));
12667
12669
  },
12668
12670
  [n, r]
12669
- ), O = x(
12671
+ ), U = x(
12670
12672
  (P) => {
12671
12673
  E !== P && S(P);
12672
12674
  },
12673
12675
  [E, S]
12674
- ), T = x(
12676
+ ), D = x(
12675
12677
  (P) => {
12676
- S(null), N.active && N.active.pause(), B((U) => ({
12677
- ...U,
12678
+ S(null), N.active && N.active.pause(), B((O) => ({
12679
+ ...O,
12678
12680
  isPlaying: !1,
12679
12681
  active: null
12680
12682
  })), s(P);
12681
12683
  },
12682
12684
  [s, N]
12683
- ), D = $(
12685
+ ), T = $(
12684
12686
  () => ({
12685
12687
  state: N,
12686
12688
  setter: B
12687
12689
  }),
12688
12690
  [N]
12689
- ), Q = $(
12691
+ ), J = $(
12690
12692
  () => n.find((P) => P.identifier === i) || n[0],
12691
12693
  [n, i]
12692
12694
  ), F = $(
@@ -12697,20 +12699,20 @@ const rw = "_footerVoiceForm_lsc2c_2", sw = {
12697
12699
  w();
12698
12700
  return;
12699
12701
  }
12700
- Q && (J(Q.identifier), o(), r((P) => {
12701
- var U;
12702
- return ((U = P.selectedVoice) == null ? void 0 : U.identifier) === Q.identifier ? P : { ...P, selectedVoice: Q };
12703
- })), F && (Q ? w({ selectedVoice: Q }) : w());
12704
- }, [i, w, Q, J, o]);
12702
+ J && (Q(J.identifier), o(), r((P) => {
12703
+ var O;
12704
+ return ((O = P.selectedVoice) == null ? void 0 : O.identifier) === J.identifier ? P : { ...P, selectedVoice: J };
12705
+ })), F && (J ? w({ selectedVoice: J }) : w());
12706
+ }, [i, w, J, Q, o]);
12705
12707
  return ie(() => {
12706
12708
  var P;
12707
12709
  if (N.isPlaying === !1)
12708
12710
  S(null);
12709
12711
  else if (N.isPlaying === !0 && N.active) {
12710
- const U = (P = n.find(
12711
- (H) => N.active && H.metadata.previewUrl === N.active.url
12712
+ const O = (P = n.find(
12713
+ (W) => N.active && W.metadata.previewUrl === N.active.url
12712
12714
  )) == null ? void 0 : P.identifier;
12713
- U && S(U);
12715
+ O && S(O);
12714
12716
  }
12715
12717
  }, [N, n]), /* @__PURE__ */ f(y, { direction: "column", height: "100%", children: [
12716
12718
  /* @__PURE__ */ a(
@@ -12718,17 +12720,17 @@ const rw = "_footerVoiceForm_lsc2c_2", sw = {
12718
12720
  {
12719
12721
  voices: n,
12720
12722
  selectedId: I,
12721
- handleSelect: J,
12723
+ handleSelect: Q,
12722
12724
  playingItem: E,
12723
- handleAvatarClick: O,
12724
- handleDetailsClick: T,
12725
- wavegroup: D,
12725
+ handleAvatarClick: U,
12726
+ handleDetailsClick: D,
12727
+ wavegroup: T,
12726
12728
  setPlayingItem: S,
12727
12729
  style: { display: i ? "none" : "block" },
12728
12730
  i18n: l
12729
12731
  }
12730
12732
  ),
12731
- i && /* @__PURE__ */ a(YE, { item: Q, wavegroup: D, i18n: l }),
12733
+ i && /* @__PURE__ */ a(YE, { item: J, wavegroup: T, i18n: l }),
12732
12734
  /* @__PURE__ */ a(Ce, { className: sw.footerVoiceForm, children: /* @__PURE__ */ a(
12733
12735
  Or,
12734
12736
  {