@moises.ai/design-system 3.6.23 → 3.6.25

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 +250 -242
  2. package/package.json +1 -1
  3. package/src/components/ProjectsList/ProjectsList.jsx +18 -7
  4. package/src/components/ProjectsList/ProjectsList.stories.jsx +21 -3
package/dist/index.js CHANGED
@@ -27,7 +27,7 @@ var jc = [" ", "Enter", "ArrowUp", "ArrowDown"], Wc = [" ", "Enter"], Bt = "Sele
27
27
  disabled: p,
28
28
  required: k,
29
29
  form: f
30
- } = n, m = Vn(e), [C, E] = d.useState(null), [B, I] = d.useState(null), [S, b] = d.useState(!1), w = ta(u), [Q, O] = xn({
30
+ } = n, m = Vn(e), [C, E] = d.useState(null), [b, I] = d.useState(null), [S, B] = d.useState(!1), w = ta(u), [Q, O] = xn({
31
31
  prop: s,
32
32
  defaultProp: a ?? !1,
33
33
  onChange: o,
@@ -45,10 +45,10 @@ var jc = [" ", "Enter", "ArrowUp", "ArrowDown"], Wc = [" ", "Enter"], Bt = "Sele
45
45
  scope: e,
46
46
  trigger: C,
47
47
  onTriggerChange: E,
48
- valueNode: B,
48
+ valueNode: b,
49
49
  onValueNodeChange: I,
50
50
  valueNodeHasChildren: S,
51
- onValueNodeHasChildrenChange: b,
51
+ onValueNodeHasChildrenChange: B,
52
52
  contentId: js(),
53
53
  value: T,
54
54
  onValueChange: D,
@@ -101,8 +101,8 @@ Ia.displayName = Bt;
101
101
  var ba = "SelectTrigger", Ba = d.forwardRef(
102
102
  (n, e) => {
103
103
  const { __scopeSelect: t, disabled: s = !1, ...a } = n, o = Vn(t), i = lt(ba, t), l = i.disabled || s, c = Se(e, i.onTriggerChange), u = Ln(t), h = d.useRef("touch"), [A, p, k] = Xa((m) => {
104
- const C = u().filter((I) => !I.disabled), E = C.find((I) => I.value === i.value), B = Ya(C, m, E);
105
- B !== void 0 && i.onValueChange(B.value);
104
+ const C = u().filter((I) => !I.disabled), E = C.find((I) => I.value === i.value), b = Ya(C, m, E);
105
+ b !== void 0 && i.onValueChange(b.value);
106
106
  }), f = (m) => {
107
107
  l || (i.onOpenChange(!0), k()), m && (i.triggerPointerDownPosRef.current = {
108
108
  x: Math.round(m.pageX),
@@ -206,7 +206,7 @@ var Me = 10, [Ta, ct] = Lt(wt), Yc = "SelectContentImpl", Zc = tl("SelectContent
206
206
  avoidCollisions: C,
207
207
  //
208
208
  ...E
209
- } = n, B = lt(wt, t), [I, S] = d.useState(null), [b, w] = d.useState(null), Q = Se(e, (V) => S(V)), [O, T] = d.useState(null), [D, z] = d.useState(
209
+ } = n, b = lt(wt, t), [I, S] = d.useState(null), [B, w] = d.useState(null), Q = Se(e, (V) => S(V)), [O, T] = d.useState(null), [D, z] = d.useState(
210
210
  null
211
211
  ), M = Ln(t), [U, J] = d.useState(!1), x = d.useRef(!1);
212
212
  d.useEffect(() => {
@@ -216,9 +216,9 @@ var Me = 10, [Ta, ct] = Lt(wt), Yc = "SelectContentImpl", Zc = tl("SelectContent
216
216
  (V) => {
217
217
  const [ue, ...Te] = M().map((ne) => ne.ref.current), [ce] = Te.slice(-1), te = document.activeElement;
218
218
  for (const ne of V)
219
- if (ne === te || (ne == null || ne.scrollIntoView({ block: "nearest" }), ne === ue && b && (b.scrollTop = 0), ne === ce && b && (b.scrollTop = b.scrollHeight), ne == null || ne.focus(), document.activeElement !== te)) return;
219
+ if (ne === te || (ne == null || ne.scrollIntoView({ block: "nearest" }), ne === ue && B && (B.scrollTop = 0), ne === ce && B && (B.scrollTop = B.scrollHeight), ne == null || ne.focus(), document.activeElement !== te)) return;
220
220
  },
221
- [M, b]
221
+ [M, B]
222
222
  ), G = d.useCallback(
223
223
  () => L([O, I]),
224
224
  [L, O, I]
@@ -226,7 +226,7 @@ var Me = 10, [Ta, ct] = Lt(wt), Yc = "SelectContentImpl", Zc = tl("SelectContent
226
226
  d.useEffect(() => {
227
227
  U && G();
228
228
  }, [U, G]);
229
- const { onOpenChange: Z, triggerPointerDownPosRef: R } = B;
229
+ const { onOpenChange: Z, triggerPointerDownPosRef: R } = b;
230
230
  d.useEffect(() => {
231
231
  if (I) {
232
232
  let V = { x: 0, y: 0 };
@@ -255,15 +255,15 @@ var Me = 10, [Ta, ct] = Lt(wt), Yc = "SelectContentImpl", Zc = tl("SelectContent
255
255
  }), Re = d.useCallback(
256
256
  (V, ue, Te) => {
257
257
  const ce = !x.current && !Te;
258
- (B.value !== void 0 && B.value === ue || ce) && (T(V), ce && (x.current = !0));
258
+ (b.value !== void 0 && b.value === ue || ce) && (T(V), ce && (x.current = !0));
259
259
  },
260
- [B.value]
260
+ [b.value]
261
261
  ), xe = d.useCallback(() => I == null ? void 0 : I.focus(), [I]), Qe = d.useCallback(
262
262
  (V, ue, Te) => {
263
263
  const ce = !x.current && !Te;
264
- (B.value !== void 0 && B.value === ue || ce) && z(V);
264
+ (b.value !== void 0 && b.value === ue || ce) && z(V);
265
265
  },
266
- [B.value]
266
+ [b.value]
267
267
  ), le = s === "popper" ? Rs : Ja, be = le === Rs ? {
268
268
  side: l,
269
269
  sideOffset: c,
@@ -281,7 +281,7 @@ var Me = 10, [Ta, ct] = Lt(wt), Yc = "SelectContentImpl", Zc = tl("SelectContent
281
281
  {
282
282
  scope: t,
283
283
  content: I,
284
- viewport: b,
284
+ viewport: B,
285
285
  onViewportChange: w,
286
286
  itemRefCallback: Re,
287
287
  selectedItem: O,
@@ -296,13 +296,13 @@ var Me = 10, [Ta, ct] = Lt(wt), Yc = "SelectContentImpl", Zc = tl("SelectContent
296
296
  $i,
297
297
  {
298
298
  asChild: !0,
299
- trapped: B.open,
299
+ trapped: b.open,
300
300
  onMountAutoFocus: (V) => {
301
301
  V.preventDefault();
302
302
  },
303
303
  onUnmountAutoFocus: ie(a, (V) => {
304
304
  var ue;
305
- (ue = B.trigger) == null || ue.focus({ preventScroll: !0 }), V.preventDefault();
305
+ (ue = b.trigger) == null || ue.focus({ preventScroll: !0 }), V.preventDefault();
306
306
  }),
307
307
  children: /* @__PURE__ */ r(
308
308
  el,
@@ -312,14 +312,14 @@ var Me = 10, [Ta, ct] = Lt(wt), Yc = "SelectContentImpl", Zc = tl("SelectContent
312
312
  onEscapeKeyDown: o,
313
313
  onPointerDownOutside: i,
314
314
  onFocusOutside: (V) => V.preventDefault(),
315
- onDismiss: () => B.onOpenChange(!1),
315
+ onDismiss: () => b.onOpenChange(!1),
316
316
  children: /* @__PURE__ */ r(
317
317
  le,
318
318
  {
319
319
  role: "listbox",
320
- id: B.contentId,
321
- "data-state": B.open ? "open" : "closed",
322
- dir: B.dir,
320
+ id: b.contentId,
321
+ "data-state": b.open ? "open" : "closed",
322
+ dir: b.dir,
323
323
  onContextMenu: (V) => V.preventDefault(),
324
324
  ...E,
325
325
  ...be,
@@ -356,7 +356,7 @@ var Me = 10, [Ta, ct] = Lt(wt), Yc = "SelectContentImpl", Zc = tl("SelectContent
356
356
  );
357
357
  Da.displayName = Yc;
358
358
  var _c = "SelectItemAlignedPosition", Ja = d.forwardRef((n, e) => {
359
- const { __scopeSelect: t, onPlaced: s, ...a } = n, o = lt(wt, t), i = ct(wt, t), [l, c] = d.useState(null), [u, h] = d.useState(null), A = Se(e, (Q) => h(Q)), p = Ln(t), k = d.useRef(!1), f = d.useRef(!0), { viewport: m, selectedItem: C, selectedItemText: E, focusSelectedItem: B } = i, I = d.useCallback(() => {
359
+ const { __scopeSelect: t, onPlaced: s, ...a } = n, o = lt(wt, t), i = ct(wt, t), [l, c] = d.useState(null), [u, h] = d.useState(null), A = Se(e, (Q) => h(Q)), p = Ln(t), k = d.useRef(!1), f = d.useRef(!0), { viewport: m, selectedItem: C, selectedItemText: E, focusSelectedItem: b } = i, I = d.useCallback(() => {
360
360
  if (o.trigger && o.valueNode && l && u && m && C && E) {
361
361
  const Q = o.trigger.getBoundingClientRect(), O = u.getBoundingClientRect(), T = o.valueNode.getBoundingClientRect(), D = E.getBoundingClientRect();
362
362
  if (o.dir !== "rtl") {
@@ -412,15 +412,15 @@ var _c = "SelectItemAlignedPosition", Ja = d.forwardRef((n, e) => {
412
412
  s
413
413
  ]);
414
414
  ot(() => I(), [I]);
415
- const [S, b] = d.useState();
415
+ const [S, B] = d.useState();
416
416
  ot(() => {
417
- u && b(window.getComputedStyle(u).zIndex);
417
+ u && B(window.getComputedStyle(u).zIndex);
418
418
  }, [u]);
419
419
  const w = d.useCallback(
420
420
  (Q) => {
421
- Q && f.current === !0 && (I(), B == null || B(), f.current = !1);
421
+ Q && f.current === !0 && (I(), b == null || b(), f.current = !1);
422
422
  },
423
- [I, B]
423
+ [I, b]
424
424
  );
425
425
  return /* @__PURE__ */ r(
426
426
  ed,
@@ -529,7 +529,7 @@ var [ed, Zs] = Lt(wt, {}), Ns = "SelectViewport", Pa = d.forwardRef(
529
529
  if (k > 0) {
530
530
  const f = window.innerHeight - Me * 2, m = parseFloat(A.style.minHeight), C = parseFloat(A.style.height), E = Math.max(m, C);
531
531
  if (E < f) {
532
- const B = E + k, I = Math.min(f, B), S = B - I;
532
+ const b = E + k, I = Math.min(f, b), S = b - I;
533
533
  A.style.height = I + "px", A.style.bottom === "0px" && (h.scrollTop = S > 0 ? S : 0, A.style.justifyContent = "flex-end");
534
534
  }
535
535
  }
@@ -566,9 +566,9 @@ var Tn = "SelectItem", [sd, Fa] = Lt(Tn), Ha = d.forwardRef(
566
566
  ...i
567
567
  } = n, l = lt(Tn, t), c = ct(Tn, t), u = l.value === s, [h, A] = d.useState(o ?? ""), [p, k] = d.useState(!1), f = Se(
568
568
  e,
569
- (B) => {
569
+ (b) => {
570
570
  var I;
571
- return (I = c.itemRefCallback) == null ? void 0 : I.call(c, B, s, a);
571
+ return (I = c.itemRefCallback) == null ? void 0 : I.call(c, b, s, a);
572
572
  }
573
573
  ), m = js(), C = d.useRef("touch"), E = () => {
574
574
  a || (l.onValueChange(s), l.onOpenChange(!1));
@@ -585,8 +585,8 @@ var Tn = "SelectItem", [sd, Fa] = Lt(Tn), Ha = d.forwardRef(
585
585
  disabled: a,
586
586
  textId: m,
587
587
  isSelected: u,
588
- onItemTextChange: d.useCallback((B) => {
589
- A((I) => I || ((B == null ? void 0 : B.textContent) ?? "").trim());
588
+ onItemTextChange: d.useCallback((b) => {
589
+ A((I) => I || ((b == null ? void 0 : b.textContent) ?? "").trim());
590
590
  }, []),
591
591
  children: /* @__PURE__ */ r(
592
592
  Wn.ItemSlot,
@@ -616,20 +616,20 @@ var Tn = "SelectItem", [sd, Fa] = Lt(Tn), Ha = d.forwardRef(
616
616
  onPointerUp: ie(i.onPointerUp, () => {
617
617
  C.current === "mouse" && E();
618
618
  }),
619
- onPointerDown: ie(i.onPointerDown, (B) => {
620
- C.current = B.pointerType;
619
+ onPointerDown: ie(i.onPointerDown, (b) => {
620
+ C.current = b.pointerType;
621
621
  }),
622
- onPointerMove: ie(i.onPointerMove, (B) => {
622
+ onPointerMove: ie(i.onPointerMove, (b) => {
623
623
  var I;
624
- C.current = B.pointerType, a ? (I = c.onItemLeave) == null || I.call(c) : C.current === "mouse" && B.currentTarget.focus({ preventScroll: !0 });
624
+ C.current = b.pointerType, a ? (I = c.onItemLeave) == null || I.call(c) : C.current === "mouse" && b.currentTarget.focus({ preventScroll: !0 });
625
625
  }),
626
- onPointerLeave: ie(i.onPointerLeave, (B) => {
626
+ onPointerLeave: ie(i.onPointerLeave, (b) => {
627
627
  var I;
628
- B.currentTarget === document.activeElement && ((I = c.onItemLeave) == null || I.call(c));
628
+ b.currentTarget === document.activeElement && ((I = c.onItemLeave) == null || I.call(c));
629
629
  }),
630
- onKeyDown: ie(i.onKeyDown, (B) => {
630
+ onKeyDown: ie(i.onKeyDown, (b) => {
631
631
  var S;
632
- ((S = c.searchRef) == null ? void 0 : S.current) !== "" && B.key === " " || (Wc.includes(B.key) && E(), B.key === " " && B.preventDefault());
632
+ ((S = c.searchRef) == null ? void 0 : S.current) !== "" && b.key === " " || (Wc.includes(b.key) && E(), b.key === " " && b.preventDefault());
633
633
  })
634
634
  }
635
635
  )
@@ -647,8 +647,8 @@ var rn = "SelectItemText", ja = d.forwardRef(
647
647
  (E) => A(E),
648
648
  c.onItemTextChange,
649
649
  (E) => {
650
- var B;
651
- return (B = l.itemTextRefCallback) == null ? void 0 : B.call(l, E, c.value, c.disabled);
650
+ var b;
651
+ return (b = l.itemTextRefCallback) == null ? void 0 : b.call(l, E, c.value, c.disabled);
652
652
  }
653
653
  ), k = h == null ? void 0 : h.textContent, f = d.useMemo(
654
654
  () => /* @__PURE__ */ r("option", { value: c.value, disabled: c.disabled, children: k }, c.value),
@@ -838,7 +838,7 @@ var dd = Ia, ud = Ba, Ad = Ra, hd = Na, pd = xa, md = Qa, gd = Pa, fd = za, vd =
838
838
  inverted: k = !1,
839
839
  form: f,
840
840
  ...m
841
- } = n, C = d.useRef(/* @__PURE__ */ new Set()), E = d.useRef(0), I = i === "horizontal" ? Bd : wd, [S = [], b] = xn({
841
+ } = n, C = d.useRef(/* @__PURE__ */ new Set()), E = d.useRef(0), I = i === "horizontal" ? Bd : wd, [S = [], B] = xn({
842
842
  prop: h,
843
843
  defaultProp: u,
844
844
  onChange: (z) => {
@@ -859,7 +859,7 @@ var dd = Ia, ud = Ba, Ad = Ra, hd = Na, pd = xa, md = Qa, gd = Pa, fd = za, vd =
859
859
  }
860
860
  function D(z, M, { commit: U } = { commit: !1 }) {
861
861
  const J = Ud(o), x = zd(Math.round((z - s) / o) * o + s, J), L = Qn(x, [s, a]);
862
- b((G = []) => {
862
+ B((G = []) => {
863
863
  const Z = xd(G, L, M);
864
864
  if (Pd(Z, c * o)) {
865
865
  E.current = Z.indexOf(L);
@@ -931,8 +931,8 @@ var [no, so] = eo(Vt, {
931
931
  onStepKeyDown: u,
932
932
  ...h
933
933
  } = n, [A, p] = d.useState(null), k = Se(e, (I) => p(I)), f = d.useRef(void 0), m = ta(a), C = m === "ltr", E = C && !o || !C && o;
934
- function B(I) {
935
- const S = f.current || A.getBoundingClientRect(), b = [0, S.width], Q = _s(b, E ? [t, s] : [s, t]);
934
+ function b(I) {
935
+ const S = f.current || A.getBoundingClientRect(), B = [0, S.width], Q = _s(B, E ? [t, s] : [s, t]);
936
936
  return f.current = S, Q(I - S.left);
937
937
  }
938
938
  return /* @__PURE__ */ r(
@@ -955,19 +955,19 @@ var [no, so] = eo(Vt, {
955
955
  "--radix-slider-thumb-transform": "translateX(-50%)"
956
956
  },
957
957
  onSlideStart: (I) => {
958
- const S = B(I.clientX);
958
+ const S = b(I.clientX);
959
959
  i == null || i(S);
960
960
  },
961
961
  onSlideMove: (I) => {
962
- const S = B(I.clientX);
962
+ const S = b(I.clientX);
963
963
  l == null || l(S);
964
964
  },
965
965
  onSlideEnd: () => {
966
966
  f.current = void 0, c == null || c();
967
967
  },
968
968
  onStepKeyDown: (I) => {
969
- const b = $a[E ? "from-left" : "from-right"].includes(I.key);
970
- u == null || u({ event: I, direction: b ? -1 : 1 });
969
+ const B = $a[E ? "from-left" : "from-right"].includes(I.key);
970
+ u == null || u({ event: I, direction: B ? -1 : 1 });
971
971
  }
972
972
  }
973
973
  )
@@ -1109,7 +1109,7 @@ var Ps = "SliderThumb", lo = d.forwardRef(
1109
1109
  }
1110
1110
  ), Rd = d.forwardRef(
1111
1111
  (n, e) => {
1112
- const { __scopeSlider: t, index: s, name: a, ...o } = n, i = qn(Ps, t), l = so(Ps, t), [c, u] = d.useState(null), h = Se(e, (B) => u(B)), A = c ? i.form || !!c.closest("form") : !0, p = rl(c), k = i.values[s], f = k === void 0 ? 0 : uo(k, i.min, i.max), m = Qd(s, i.values.length), C = p == null ? void 0 : p[l.size], E = C ? Dd(C, f, l.direction) : 0;
1112
+ const { __scopeSlider: t, index: s, name: a, ...o } = n, i = qn(Ps, t), l = so(Ps, t), [c, u] = d.useState(null), h = Se(e, (b) => u(b)), A = c ? i.form || !!c.closest("form") : !0, p = rl(c), k = i.values[s], f = k === void 0 ? 0 : uo(k, i.min, i.max), m = Qd(s, i.values.length), C = p == null ? void 0 : p[l.size], E = C ? Dd(C, f, l.direction) : 0;
1113
1113
  return d.useEffect(() => {
1114
1114
  if (c)
1115
1115
  return i.thumbs.add(c), () => {
@@ -1420,15 +1420,15 @@ const ko = d.forwardRef((n, e) => {
1420
1420
  d.useEffect(() => m(a), [a]);
1421
1421
  const [C, E] = d.useState(o);
1422
1422
  d.useEffect(() => E(o), [o]);
1423
- const [B, I] = d.useState(i);
1423
+ const [b, I] = d.useState(i);
1424
1424
  d.useEffect(() => I(i), [i]);
1425
- const [S, b] = d.useState(l);
1426
- return d.useEffect(() => b(l), [l]), d.createElement(er, { ...u, ref: e, isRoot: !0, hasBackground: c, appearance: h, accentColor: p, grayColor: f, panelBackground: C, radius: B, scaling: S, onAppearanceChange: A, onAccentColorChange: k, onGrayColorChange: m, onPanelBackgroundChange: E, onRadiusChange: I, onScalingChange: b });
1425
+ const [S, B] = d.useState(l);
1426
+ return d.useEffect(() => B(l), [l]), d.createElement(er, { ...u, ref: e, isRoot: !0, hasBackground: c, appearance: h, accentColor: p, grayColor: f, panelBackground: C, radius: b, scaling: S, onAppearanceChange: A, onAccentColorChange: k, onGrayColorChange: m, onPanelBackgroundChange: E, onRadiusChange: I, onScalingChange: B });
1427
1427
  });
1428
1428
  ko.displayName = "ThemeRoot";
1429
1429
  const er = d.forwardRef((n, e) => {
1430
- const t = d.useContext(Dn), { asChild: s, isRoot: a, hasBackground: o, appearance: i = (t == null ? void 0 : t.appearance) ?? Je.appearance.default, accentColor: l = (t == null ? void 0 : t.accentColor) ?? Je.accentColor.default, grayColor: c = (t == null ? void 0 : t.resolvedGrayColor) ?? Je.grayColor.default, panelBackground: u = (t == null ? void 0 : t.panelBackground) ?? Je.panelBackground.default, radius: h = (t == null ? void 0 : t.radius) ?? Je.radius.default, scaling: A = (t == null ? void 0 : t.scaling) ?? Je.scaling.default, onAppearanceChange: p = Tt, onAccentColorChange: k = Tt, onGrayColorChange: f = Tt, onPanelBackgroundChange: m = Tt, onRadiusChange: C = Tt, onScalingChange: E = Tt, ...B } = n, I = s ? ve : "div", S = c === "auto" ? _d(l) : c, b = n.appearance === "light" || n.appearance === "dark", w = o === void 0 ? a || b : o;
1431
- return d.createElement(Dn.Provider, { value: d.useMemo(() => ({ appearance: i, accentColor: l, grayColor: c, resolvedGrayColor: S, panelBackground: u, radius: h, scaling: A, onAppearanceChange: p, onAccentColorChange: k, onGrayColorChange: f, onPanelBackgroundChange: m, onRadiusChange: C, onScalingChange: E }), [i, l, c, S, u, h, A, p, k, f, m, C, E]) }, d.createElement(I, { "data-is-root-theme": a ? "true" : "false", "data-accent-color": l, "data-gray-color": S, "data-has-background": w ? "true" : "false", "data-panel-background": u, "data-radius": h, "data-scaling": A, ref: e, ...B, className: v("radix-themes", { light: i === "light", dark: i === "dark" }, B.className) }));
1430
+ const t = d.useContext(Dn), { asChild: s, isRoot: a, hasBackground: o, appearance: i = (t == null ? void 0 : t.appearance) ?? Je.appearance.default, accentColor: l = (t == null ? void 0 : t.accentColor) ?? Je.accentColor.default, grayColor: c = (t == null ? void 0 : t.resolvedGrayColor) ?? Je.grayColor.default, panelBackground: u = (t == null ? void 0 : t.panelBackground) ?? Je.panelBackground.default, radius: h = (t == null ? void 0 : t.radius) ?? Je.radius.default, scaling: A = (t == null ? void 0 : t.scaling) ?? Je.scaling.default, onAppearanceChange: p = Tt, onAccentColorChange: k = Tt, onGrayColorChange: f = Tt, onPanelBackgroundChange: m = Tt, onRadiusChange: C = Tt, onScalingChange: E = Tt, ...b } = n, I = s ? ve : "div", S = c === "auto" ? _d(l) : c, B = n.appearance === "light" || n.appearance === "dark", w = o === void 0 ? a || B : o;
1431
+ return d.createElement(Dn.Provider, { value: d.useMemo(() => ({ appearance: i, accentColor: l, grayColor: c, resolvedGrayColor: S, panelBackground: u, radius: h, scaling: A, onAppearanceChange: p, onAccentColorChange: k, onGrayColorChange: f, onPanelBackgroundChange: m, onRadiusChange: C, onScalingChange: E }), [i, l, c, S, u, h, A, p, k, f, m, C, E]) }, d.createElement(I, { "data-is-root-theme": a ? "true" : "false", "data-accent-color": l, "data-gray-color": S, "data-has-background": w ? "true" : "false", "data-panel-background": u, "data-radius": h, "data-scaling": A, ref: e, ...b, className: v("radix-themes", { light: i === "light", dark: i === "dark" }, b.className) }));
1432
1432
  });
1433
1433
  er.displayName = "ThemeImpl";
1434
1434
  const ut = (n) => {
@@ -2689,20 +2689,20 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2689
2689
  renderDataCell: k
2690
2690
  }) {
2691
2691
  var S;
2692
- const f = ee(!1), m = (b) => {
2693
- b.shiftKey ? (b.preventDefault(), A == null || A(e, t)) : u == null || u(e);
2694
- }, C = (b) => {
2695
- b.stopPropagation(), b.shiftKey && (b.preventDefault(), f.current = !0, A == null || A(e, t), setTimeout(() => {
2692
+ const f = ee(!1), m = (B) => {
2693
+ B.shiftKey ? (B.preventDefault(), A == null || A(e, t)) : u == null || u(e);
2694
+ }, C = (B) => {
2695
+ B.stopPropagation(), B.shiftKey && (B.preventDefault(), f.current = !0, A == null || A(e, t), setTimeout(() => {
2696
2696
  f.current = !1;
2697
2697
  }, 0));
2698
- }, E = (b) => {
2699
- b.stopPropagation(), b.shiftKey ? (b.preventDefault(), A == null || A(e, t)) : h == null || h(e.id, !a);
2700
- }, B = (b) => {
2698
+ }, E = (B) => {
2699
+ B.stopPropagation(), B.shiftKey ? (B.preventDefault(), A == null || A(e, t)) : h == null || h(e.id, !a);
2700
+ }, b = (B) => {
2701
2701
  if (f.current) {
2702
2702
  f.current = !1;
2703
2703
  return;
2704
2704
  }
2705
- h == null || h(e.id, b === !0);
2705
+ h == null || h(e.id, B === !0);
2706
2706
  }, I = a && i === 1;
2707
2707
  return /* @__PURE__ */ g(
2708
2708
  es,
@@ -2726,7 +2726,7 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2726
2726
  size: "1",
2727
2727
  checked: a,
2728
2728
  onClick: C,
2729
- onCheckedChange: B,
2729
+ onCheckedChange: b,
2730
2730
  className: v(Y.checkboxCell, {
2731
2731
  [Y.showCheckboxCell]: a || o
2732
2732
  })
@@ -2734,20 +2734,20 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2734
2734
  )
2735
2735
  }
2736
2736
  ),
2737
- s.map((b, w) => /* @__PURE__ */ r(
2737
+ s.map((B, w) => /* @__PURE__ */ r(
2738
2738
  Ht,
2739
2739
  {
2740
2740
  className: v(
2741
2741
  Y.projectCell,
2742
2742
  w === 0 ? Y.columnProject : Y.dataColumn,
2743
- { [Y.sortedColumn]: l === b.id }
2743
+ { [Y.sortedColumn]: l === B.id }
2744
2744
  ),
2745
- "data-column-id": b.id,
2746
- "data-sorted": l === b.id,
2745
+ "data-column-id": B.id,
2746
+ "data-sorted": l === B.id,
2747
2747
  onClick: m,
2748
- children: w === 0 ? p(e) : k(e, b, w)
2748
+ children: w === 0 ? p(e) : k(e, B, w)
2749
2749
  },
2750
- b.id
2750
+ B.id
2751
2751
  )),
2752
2752
  c && /* @__PURE__ */ r(
2753
2753
  Ht,
@@ -2789,7 +2789,7 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2789
2789
  stickyBodyOffset: A = 0,
2790
2790
  ...p
2791
2791
  }) => {
2792
- const [k, f] = q(!1), m = ee(null), C = i == null ? void 0 : i.field, E = _(() => new Set(s), [s]), B = N((R) => E.has(R), [E]), I = s.length, S = (t == null ? void 0 : t.length) ?? 0, b = I > 0, w = S > 0 && I === S, Q = _(
2792
+ const [k, f] = q(!1), m = ee(null), C = i == null ? void 0 : i.field, E = _(() => new Set(s), [s]), b = N((R) => E.has(R), [E]), I = s.length, S = (t == null ? void 0 : t.length) ?? 0, B = I > 0, w = S > 0 && I === S, Q = _(
2793
2793
  () => t == null ? void 0 : t.some((R) => {
2794
2794
  var H;
2795
2795
  return (H = R.dropdownOptions) == null ? void 0 : H.length;
@@ -2838,9 +2838,9 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2838
2838
  ] })
2839
2839
  ] }), []), U = N(
2840
2840
  (R) => {
2841
- b && !w ? c == null || c(!1) : c == null || c(R === !0);
2841
+ B && !w ? c == null || c(!1) : c == null || c(R === !0);
2842
2842
  },
2843
- [b, w, c]
2843
+ [B, w, c]
2844
2844
  ), J = N((R, H, ae) => {
2845
2845
  var le;
2846
2846
  const Re = (R == null ? void 0 : R[H.id]) ?? (R == null ? void 0 : R[`${H.id}Formatted`]), xe = ((le = H.render) == null ? void 0 : le.call(H, { row: R, value: Re, column: H, index: ae })) ?? Re;
@@ -2868,7 +2868,7 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2868
2868
  Ht,
2869
2869
  {
2870
2870
  className: v(Y.checkboxCell, Y.selectColumn, {
2871
- [Y.showCheckboxHeader]: k || b
2871
+ [Y.showCheckboxHeader]: k || B
2872
2872
  }),
2873
2873
  children: /* @__PURE__ */ r(
2874
2874
  ns,
@@ -2876,7 +2876,7 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2876
2876
  size: "1",
2877
2877
  checked: w,
2878
2878
  onCheckedChange: U,
2879
- ...b && !w ? { checked: "indeterminate" } : {}
2879
+ ...B && !w ? { checked: "indeterminate" } : {}
2880
2880
  }
2881
2881
  )
2882
2882
  }
@@ -2905,7 +2905,7 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2905
2905
  H === 0 && o && /* @__PURE__ */ r(y, { gap: "2", className: Y.headerActions, children: o({
2906
2906
  selectedCount: I,
2907
2907
  total: S,
2908
- anySelected: b,
2908
+ anySelected: B,
2909
2909
  allSelected: w
2910
2910
  }) })
2911
2911
  ] })
@@ -2927,8 +2927,8 @@ const Ym = "_DataTable_17x9s_1", Zm = "_titleText_17x9s_23", _m = "_artistText_1
2927
2927
  row: R,
2928
2928
  rowIndex: H,
2929
2929
  columns: e,
2930
- isSelected: B(R.id),
2931
- anyRowSelected: b,
2930
+ isSelected: b(R.id),
2931
+ anyRowSelected: B,
2932
2932
  selectedCount: I,
2933
2933
  sortedKey: C,
2934
2934
  hasDropdownOptions: Q,
@@ -3288,12 +3288,12 @@ function Dg({ initialScreen: n, animated: e, children: t }) {
3288
3288
  ), C = N(
3289
3289
  (T) => p(() => [{ name: T || n, params: {} }]),
3290
3290
  [p, n]
3291
- ), E = s.length > 1, B = _(
3291
+ ), E = s.length > 1, b = _(
3292
3292
  () => ({ push: k, pop: f, popTo: m, reset: C, canGoBack: E, stack: s }),
3293
3293
  [k, f, m, C, E, s]
3294
3294
  ), I = s[s.length - 1], S = A[I.name];
3295
3295
  if (!S) return null;
3296
- const b = (T, D) => T in o ? o[T] : S[T] ?? D, w = S.component, Q = N(
3296
+ const B = (T, D) => T in o ? o[T] : S[T] ?? D, w = S.component, Q = N(
3297
3297
  (T) => {
3298
3298
  u.current[u.current.length - 1].name === I.name && i((z) => ({ ...z, ...T }));
3299
3299
  },
@@ -3302,16 +3302,16 @@ function Dg({ initialScreen: n, animated: e, children: t }) {
3302
3302
  () => ({ name: I.name, params: I.params || {}, setOptions: Q }),
3303
3303
  [I.name, I.params, Q]
3304
3304
  );
3305
- return /* @__PURE__ */ r(vi.Provider, { value: B, children: /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
3305
+ return /* @__PURE__ */ r(vi.Provider, { value: b, children: /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
3306
3306
  /* @__PURE__ */ r(
3307
3307
  yi,
3308
3308
  {
3309
- title: b("title"),
3309
+ title: B("title"),
3310
3310
  onBack: E ? f : void 0,
3311
- headerLeft: b("headerLeft"),
3312
- headerRight: b("headerRight"),
3313
- allowClose: b("allowClose", !0),
3314
- onClose: b("onClose")
3311
+ headerLeft: B("headerLeft"),
3312
+ headerRight: B("headerRight"),
3313
+ allowClose: B("allowClose", !0),
3314
+ onClose: B("onClose")
3315
3315
  }
3316
3316
  ),
3317
3317
  /* @__PURE__ */ r(
@@ -3744,8 +3744,8 @@ const VS = os, lf = "_sliderRoot_7wkh4_23", cf = "_sliderTrack_7wkh4_31", df = "
3744
3744
  }, Ii = ({ onChangeValue: n, volume: e, disabled: t }) => {
3745
3745
  const [s, a] = q(!1), o = ee(), i = ee(0), l = N((S) => {
3746
3746
  if (S < 1e-3) return -1 / 0;
3747
- const b = 20 * Math.log10(S);
3748
- return b < -60 ? -60 : b;
3747
+ const B = 20 * Math.log10(S);
3748
+ return B < -60 ? -60 : B;
3749
3749
  }, []), c = N((S) => S === -1 / 0 || S <= -60 ? 0 : Math.pow(10, S / 20), []), u = _(() => {
3750
3750
  const S = l(e);
3751
3751
  return S === -1 / 0 ? -60 : Math.max(-60, Math.min(6, S));
@@ -3771,7 +3771,7 @@ const VS = os, lf = "_sliderRoot_7wkh4_23", cf = "_sliderTrack_7wkh4_31", df = "
3771
3771
  p();
3772
3772
  }, [p]), E = N(() => {
3773
3773
  n([1]), A();
3774
- }, [n, A]), B = N(() => {
3774
+ }, [n, A]), b = N(() => {
3775
3775
  const S = Date.now();
3776
3776
  S - i.current < 300 && E(), i.current = S;
3777
3777
  }, [E]), I = _(
@@ -3803,7 +3803,7 @@ const VS = os, lf = "_sliderRoot_7wkh4_23", cf = "_sliderTrack_7wkh4_31", df = "
3803
3803
  onPointerDown: m,
3804
3804
  onKeyDown: k,
3805
3805
  onBlur: C,
3806
- onClick: B
3806
+ onClick: b
3807
3807
  }
3808
3808
  ) }),
3809
3809
  /* @__PURE__ */ r(
@@ -3991,10 +3991,10 @@ const wn = 19.5, Rn = 19.5, Fr = 14, Hr = 18, bf = [
3991
3991
  if (I.preventDefault(), I.stopPropagation(), t) return;
3992
3992
  const S = I.wheelDelta ?? -I.deltaY * 25;
3993
3993
  if (!S || Math.abs(S) <= 50) return;
3994
- const b = Date.now();
3995
- if (b - A.current < 100) return;
3994
+ const B = Date.now();
3995
+ if (B - A.current < 100) return;
3996
3996
  const w = S > 0 ? 1 : -1, Q = Wr(n, s, w);
3997
- e(Q), A.current = b;
3997
+ e(Q), A.current = B;
3998
3998
  },
3999
3999
  [e, n, s, t]
4000
4000
  ), k = N(
@@ -4011,7 +4011,7 @@ const wn = 19.5, Rn = 19.5, Fr = 14, Hr = 18, bf = [
4011
4011
  if (!l || t) return;
4012
4012
  const S = u - I.clientY;
4013
4013
  if (Math.abs(S) <= 20) return;
4014
- const b = S > 0 ? 1 : -1, w = Wr(n, s, b);
4014
+ const B = S > 0 ? 1 : -1, w = Wr(n, s, B);
4015
4015
  e(w), h(I.clientY), A.current = Date.now();
4016
4016
  },
4017
4017
  [l, u, n, e, s, t]
@@ -4024,7 +4024,7 @@ const wn = 19.5, Rn = 19.5, Fr = 14, Hr = 18, bf = [
4024
4024
  I.detail === 2 && !t && e(a);
4025
4025
  },
4026
4026
  [e, a, t]
4027
- ), B = N(
4027
+ ), b = N(
4028
4028
  (I) => {
4029
4029
  if (!o || t) return;
4030
4030
  const S = Bf(s, I);
@@ -4036,7 +4036,7 @@ const wn = 19.5, Rn = 19.5, Fr = 14, Hr = 18, bf = [
4036
4036
  containerRef: i,
4037
4037
  isDragging: l,
4038
4038
  handleClick: E,
4039
- handleDotClick: B
4039
+ handleDotClick: b
4040
4040
  };
4041
4041
  }, xf = ({
4042
4042
  className: n,
@@ -4057,8 +4057,8 @@ const wn = 19.5, Rn = 19.5, Fr = 14, Hr = 18, bf = [
4057
4057
  defaultDot: c,
4058
4058
  clickableDots: a
4059
4059
  }), k = _(() => typeof e == "object" && e !== null ? e.position : wf(e, o), [e, o]), { pointerRotation: f, pointerColor: m } = _(() => Rf(k, s), [k, s]), C = (E) => {
4060
- const B = jr[E.color] || jr.neutral, I = E.position === k, S = i === E.position && a;
4061
- return s ? B.default : I ? B.active : S ? B.hover : B.default;
4060
+ const b = jr[E.color] || jr.neutral, I = E.position === k, S = i === E.position && a;
4061
+ return s ? b.default : I ? b.active : S ? b.hover : b.default;
4062
4062
  };
4063
4063
  return /* @__PURE__ */ r(
4064
4064
  "div",
@@ -4104,15 +4104,15 @@ const wn = 19.5, Rn = 19.5, Fr = 14, Hr = 18, bf = [
4104
4104
  }
4105
4105
  ),
4106
4106
  o == null ? void 0 : o.map((E) => {
4107
- const B = Bi[E.position];
4108
- if (!B) return null;
4107
+ const b = Bi[E.position];
4108
+ if (!b) return null;
4109
4109
  const I = C(E), S = a && !s;
4110
4110
  return /* @__PURE__ */ g(ge.Fragment, { children: [
4111
4111
  S && /* @__PURE__ */ r(
4112
4112
  "circle",
4113
4113
  {
4114
- cx: B.x,
4115
- cy: B.y,
4114
+ cx: b.x,
4115
+ cy: b.y,
4116
4116
  r: 4,
4117
4117
  style: {
4118
4118
  cursor: "pointer",
@@ -4120,16 +4120,16 @@ const wn = 19.5, Rn = 19.5, Fr = 14, Hr = 18, bf = [
4120
4120
  },
4121
4121
  onMouseEnter: () => l(E.position),
4122
4122
  onMouseLeave: () => l(null),
4123
- onClick: (b) => {
4124
- b.stopPropagation(), p(E.position);
4123
+ onClick: (B) => {
4124
+ B.stopPropagation(), p(E.position);
4125
4125
  }
4126
4126
  }
4127
4127
  ),
4128
4128
  /* @__PURE__ */ r(
4129
4129
  "circle",
4130
4130
  {
4131
- cx: B.x,
4132
- cy: B.y,
4131
+ cx: b.x,
4132
+ cy: b.y,
4133
4133
  r: 1,
4134
4134
  fill: I,
4135
4135
  style: {
@@ -4143,8 +4143,8 @@ const wn = 19.5, Rn = 19.5, Fr = 14, Hr = 18, bf = [
4143
4143
  onMouseLeave: () => {
4144
4144
  S && l(null);
4145
4145
  },
4146
- onClick: (b) => {
4147
- S && (b.stopPropagation(), p(E.position));
4146
+ onClick: (B) => {
4147
+ S && (B.stopPropagation(), p(E.position));
4148
4148
  }
4149
4149
  }
4150
4150
  )
@@ -4389,13 +4389,13 @@ const Uv = ({
4389
4389
  size: A = "1",
4390
4390
  ...p
4391
4391
  }) => {
4392
- const k = (o == null ? void 0 : o.id) || a, f = (o == null ? void 0 : o.name) || t, m = (o == null ? void 0 : o.description) || s, C = (o == null ? void 0 : o.image) || e, E = (o == null ? void 0 : o.icon) || l, B = C && (C != null && C.startsWith("url(")) ? C == null ? void 0 : C.substring(4, (C == null ? void 0 : C.length) - 1).replace(/"/g, "") : C, I = (Q) => {
4392
+ const k = (o == null ? void 0 : o.id) || a, f = (o == null ? void 0 : o.name) || t, m = (o == null ? void 0 : o.description) || s, C = (o == null ? void 0 : o.image) || e, E = (o == null ? void 0 : o.icon) || l, b = C && (C != null && C.startsWith("url(")) ? C == null ? void 0 : C.substring(4, (C == null ? void 0 : C.length) - 1).replace(/"/g, "") : C, I = (Q) => {
4393
4393
  Q.stopPropagation(), Q.preventDefault(), h == null || h();
4394
4394
  }, S = {
4395
4395
  1: { avatar: 60, icon: 15 },
4396
4396
  2: { avatar: 68, icon: 15 },
4397
4397
  3: { avatar: 80, icon: 15 }
4398
- }, b = typeof A == "string" ? parseInt(A, 10) : A, w = S[b] || S[1];
4398
+ }, B = typeof A == "string" ? parseInt(A, 10) : A, w = S[B] || S[1];
4399
4399
  return /* @__PURE__ */ r(
4400
4400
  mn,
4401
4401
  {
@@ -4442,7 +4442,7 @@ const Uv = ({
4442
4442
  ) : /* @__PURE__ */ r(
4443
4443
  We,
4444
4444
  {
4445
- src: B,
4445
+ src: b,
4446
4446
  className: v(
4447
4447
  $.listCardsAvatar,
4448
4448
  $[`listCardsAvatarSize${A}`]
@@ -4882,7 +4882,7 @@ const $v = "_content_15nbm_1", eC = "_pan_15nbm_13", tC = "_disabled_15nbm_26",
4882
4882
  p.current && (document.head.removeChild(p.current), p.current = null), E(), m.current && cancelAnimationFrame(m.current);
4883
4883
  };
4884
4884
  }, [h, C, E]);
4885
- const B = N(
4885
+ const b = N(
4886
4886
  (U) => {
4887
4887
  f.current = Lr(U), !m.current && (m.current = requestAnimationFrame(() => {
4888
4888
  m.current = 0, t(f.current);
@@ -4895,9 +4895,9 @@ const $v = "_content_15nbm_1", eC = "_pan_15nbm_13", tC = "_disabled_15nbm_26",
4895
4895
  const J = U.wheelDelta ?? -U.deltaY * 25;
4896
4896
  if (!J) return;
4897
4897
  const x = e + (J > 0 ? ms : -ms);
4898
- B(x);
4898
+ b(x);
4899
4899
  },
4900
- [e, B]
4900
+ [e, b]
4901
4901
  );
4902
4902
  Ot("wheel", I, i);
4903
4903
  const S = N(
@@ -4909,21 +4909,21 @@ const $v = "_content_15nbm_1", eC = "_pan_15nbm_13", tC = "_disabled_15nbm_26",
4909
4909
  (x = J.setPointerCapture) == null || x.call(J, U.pointerId), A(!0), k.current = U.clientY;
4910
4910
  },
4911
4911
  [s]
4912
- ), b = N(
4912
+ ), B = N(
4913
4913
  (U) => {
4914
4914
  if (!h) return;
4915
4915
  const J = k.current - U.clientY, x = e + J * ms;
4916
- B(x), k.current = U.clientY;
4916
+ b(x), k.current = U.clientY;
4917
4917
  },
4918
- [h, e, B]
4918
+ [h, e, b]
4919
4919
  ), w = N((U) => {
4920
4920
  var J, x;
4921
4921
  (x = (J = U.currentTarget) == null ? void 0 : J.releasePointerCapture) == null || x.call(J, U.pointerId), A(!1);
4922
4922
  }, []), Q = N(
4923
4923
  (U) => {
4924
- U.detail === 2 && B(0);
4924
+ U.detail === 2 && b(0);
4925
4925
  },
4926
- [B]
4926
+ [b]
4927
4927
  ), { arcPath: O, pointerRotation: T, arcColor: D, pointerColor: z } = _(() => {
4928
4928
  const U = Vr(e, a, o), J = Lr(U), x = ps + J * Math.PI, L = $t + Et * Math.cos(ps), G = en + Et * Math.sin(ps), Z = $t + Et * Math.cos(x), R = en + Et * Math.sin(x), H = 0, ae = J > 0 ? 1 : 0;
4929
4929
  return {
@@ -4956,7 +4956,7 @@ const $v = "_content_15nbm_1", eC = "_pan_15nbm_13", tC = "_disabled_15nbm_26",
4956
4956
  s && Dt.disabled
4957
4957
  ),
4958
4958
  onPointerDown: S,
4959
- onPointerMove: b,
4959
+ onPointerMove: B,
4960
4960
  onPointerUp: w,
4961
4961
  onPointerCancel: w,
4962
4962
  children: /* @__PURE__ */ g("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", children: [
@@ -5248,27 +5248,33 @@ const xC = ({
5248
5248
  return /* @__PURE__ */ r(Ac, { width: 16, height: 16 });
5249
5249
  }
5250
5250
  }, xi = hn({
5251
+ projects: [],
5251
5252
  onClickTrack: null,
5252
5253
  onInsertAllTracks: null,
5254
+ onProjectClick: null,
5253
5255
  openedItem: null,
5254
5256
  setOpenedItem: () => {
5255
5257
  }
5256
5258
  }), jC = ({
5257
5259
  children: n,
5258
- onClickTrack: e,
5259
- onInsertAllTracks: t
5260
+ projects: e = [],
5261
+ onClickTrack: t,
5262
+ onInsertAllTracks: s,
5263
+ onProjectClick: a
5260
5264
  }) => {
5261
- const [s, a] = q(null);
5265
+ const [o, i] = q(null), l = typeof n == "function" ? n(e) : n;
5262
5266
  return /* @__PURE__ */ r(
5263
5267
  xi.Provider,
5264
5268
  {
5265
5269
  value: {
5266
- onClickTrack: e,
5267
- onInsertAllTracks: t,
5268
- openedItem: s,
5269
- setOpenedItem: a
5270
+ projects: e,
5271
+ onClickTrack: t,
5272
+ onInsertAllTracks: s,
5273
+ onProjectClick: a,
5274
+ openedItem: o,
5275
+ setOpenedItem: i
5270
5276
  },
5271
- children: /* @__PURE__ */ r(y, { direction: "column", width: "100%", children: n })
5277
+ children: /* @__PURE__ */ r(y, { direction: "column", width: "100%", children: l })
5272
5278
  }
5273
5279
  );
5274
5280
  }, WC = ({
@@ -5280,19 +5286,21 @@ const xC = ({
5280
5286
  tracks: o = [],
5281
5287
  ...i
5282
5288
  }) => {
5283
- const { onClickTrack: l, onInsertAllTracks: c, openedItem: u, setOpenedItem: h } = Wt(xi), [A, p] = q(!1), k = () => {
5284
- p(!1), h(u === n ? null : n);
5285
- }, f = (m) => {
5286
- m.preventDefault(), m.stopPropagation(), p(!A);
5287
- };
5289
+ const { projects: l, onClickTrack: c, onInsertAllTracks: u, onProjectClick: h, openedItem: A, setOpenedItem: p } = Wt(xi), [k, f] = q(!1), m = N(() => {
5290
+ f(!1);
5291
+ const E = l.find((b) => b.id === n);
5292
+ A === n ? (p(null), h == null || h(E, !1)) : (p(n), h == null || h(E, !0));
5293
+ }, [n, A, p, h, l]), C = N((E) => {
5294
+ E.preventDefault(), E.stopPropagation(), f(!k);
5295
+ }, [k]);
5288
5296
  return /* @__PURE__ */ g(
5289
5297
  y,
5290
5298
  {
5291
5299
  direction: "column",
5292
5300
  gap: "2",
5293
5301
  p: "1",
5294
- className: `${Oe.item} ${u === n ? Oe.opened : ""}`,
5295
- onClick: k,
5302
+ className: `${Oe.item} ${A === n ? Oe.opened : ""}`,
5303
+ onClick: m,
5296
5304
  ...i,
5297
5305
  children: [
5298
5306
  /* @__PURE__ */ g(y, { direction: "row", gap: "3", children: [
@@ -5302,30 +5310,30 @@ const xC = ({
5302
5310
  t && /* @__PURE__ */ r(P, { size: "1", className: Oe.projectArtist, children: t })
5303
5311
  ] })
5304
5312
  ] }),
5305
- u === n && /* @__PURE__ */ g(y, { direction: "column", children: [
5313
+ A === n && /* @__PURE__ */ g(y, { direction: "column", children: [
5306
5314
  o.length === 0 && /* @__PURE__ */ g(y, { direction: "row", gap: "3", p: "5", pt: "2", align: "center", justify: "center", children: [
5307
5315
  /* @__PURE__ */ r(yc, { width: 16, height: 16, style: { color: "var(--neutral-alpha-10)" } }),
5308
5316
  /* @__PURE__ */ r(P, { size: "2", style: { color: "var(--neutral-alpha-10)" }, children: "This file has no tracks" })
5309
5317
  ] }),
5310
5318
  o.length > 0 && /* @__PURE__ */ g(y, { direction: "column", gap: "1", children: [
5311
- o.slice(0, A ? o.length : 6).map((m) => /* @__PURE__ */ g(
5319
+ o.slice(0, k ? o.length : 6).map((E) => /* @__PURE__ */ g(
5312
5320
  y,
5313
5321
  {
5314
5322
  direction: "row",
5315
5323
  gap: "3",
5316
5324
  className: Oe.itemTrack,
5317
- onClick: (C) => {
5318
- C.stopPropagation(), l == null || l(m);
5325
+ onClick: (b) => {
5326
+ b.stopPropagation(), c == null || c(E);
5319
5327
  },
5320
5328
  children: [
5321
5329
  /* @__PURE__ */ g("div", { className: Oe.icon, children: [
5322
- /* @__PURE__ */ r(y, { className: Oe.iconTrack, children: HC(m.id) }),
5330
+ /* @__PURE__ */ r(y, { className: Oe.iconTrack, children: HC(E.id) }),
5323
5331
  /* @__PURE__ */ r(Is, { width: 16, height: 16, className: Oe.iconArrowLeft })
5324
5332
  ] }),
5325
- /* @__PURE__ */ r(y, { direction: "column", gap: "1", align: "start", justify: "center", children: /* @__PURE__ */ r(P, { size: "2", className: Oe.trackTitle, children: m.title }) })
5333
+ /* @__PURE__ */ r(y, { direction: "column", gap: "1", align: "start", justify: "center", children: /* @__PURE__ */ r(P, { size: "2", className: Oe.trackTitle, children: E.title }) })
5326
5334
  ]
5327
5335
  },
5328
- m.id
5336
+ E.id
5329
5337
  )),
5330
5338
  /* @__PURE__ */ g(y, { direction: "row", gap: "3", p: "2", align: "center", justify: "center", children: [
5331
5339
  /* @__PURE__ */ g(
@@ -5334,8 +5342,8 @@ const xC = ({
5334
5342
  variant: "ghost",
5335
5343
  color: "neutral",
5336
5344
  style: { flex: "1" },
5337
- onClick: (m) => {
5338
- m.stopPropagation(), c == null || c(o);
5345
+ onClick: (E) => {
5346
+ E.stopPropagation(), u == null || u(o);
5339
5347
  },
5340
5348
  children: [
5341
5349
  /* @__PURE__ */ r(Is, { width: 16, height: 16 }),
@@ -5345,9 +5353,9 @@ const xC = ({
5345
5353
  ),
5346
5354
  o.length > 6 && /* @__PURE__ */ g(pe, { children: [
5347
5355
  /* @__PURE__ */ r(Ge, { orientation: "vertical" }),
5348
- /* @__PURE__ */ g(ke, { variant: "ghost", color: "gray", style: { flex: "1" }, onClick: f, children: [
5349
- A ? "Show less" : "Show more",
5350
- A ? /* @__PURE__ */ r(kc, { width: 16, height: 16 }) : /* @__PURE__ */ r(fa, { width: 16, height: 16 })
5356
+ /* @__PURE__ */ g(ke, { variant: "ghost", color: "gray", style: { flex: "1" }, onClick: C, children: [
5357
+ k ? "Show less" : "Show more",
5358
+ k ? /* @__PURE__ */ r(kc, { width: 16, height: 16 }) : /* @__PURE__ */ r(fa, { width: 16, height: 16 })
5351
5359
  ] })
5352
5360
  ] })
5353
5361
  ] })
@@ -5413,7 +5421,7 @@ const YC = "_starButton_azi6g_1", ZC = "_disabled_azi6g_17", _C = "_readOnly_azi
5413
5421
  maxLabel: h,
5414
5422
  ...A
5415
5423
  }) => {
5416
- const [p, k] = q(t || 0), [f, m] = q(0), C = e !== void 0 ? e : p, E = e !== void 0, B = N(
5424
+ const [p, k] = q(t || 0), [f, m] = q(0), C = e !== void 0 ? e : p, E = e !== void 0, b = N(
5417
5425
  (w) => {
5418
5426
  if (s || a) return;
5419
5427
  const Q = w + 1, O = Q === C ? 0 : Q;
@@ -5429,7 +5437,7 @@ const YC = "_starButton_azi6g_1", ZC = "_disabled_azi6g_17", _C = "_readOnly_azi
5429
5437
  [s, a, n, f, i]
5430
5438
  ), S = N(() => {
5431
5439
  s || a || (m(0), i == null || i({ value: 0 }));
5432
- }, [s, a, i]), b = (w) => {
5440
+ }, [s, a, i]), B = (w) => {
5433
5441
  const Q = f > 0 ? w < f : w < C, O = f > 0 && w < f, T = w < C;
5434
5442
  return /* @__PURE__ */ r(
5435
5443
  "button",
@@ -5442,7 +5450,7 @@ const YC = "_starButton_azi6g_1", ZC = "_disabled_azi6g_17", _C = "_readOnly_azi
5442
5450
  [De.disabled]: s,
5443
5451
  [De.readOnly]: a
5444
5452
  }),
5445
- onClick: () => B(w),
5453
+ onClick: () => b(w),
5446
5454
  disabled: s || a,
5447
5455
  "aria-label": `Rate ${w + 1} out of ${n}`,
5448
5456
  ...A,
@@ -5474,7 +5482,7 @@ const YC = "_starButton_azi6g_1", ZC = "_disabled_azi6g_17", _C = "_readOnly_azi
5474
5482
  "aria-label": `Rating: ${C} out of ${n} stars`,
5475
5483
  onMouseMove: I,
5476
5484
  onMouseLeave: S,
5477
- children: Array.from({ length: n }, (w, Q) => b(Q))
5485
+ children: Array.from({ length: n }, (w, Q) => B(Q))
5478
5486
  }
5479
5487
  ),
5480
5488
  (u || h) && /* @__PURE__ */ g(
@@ -5809,12 +5817,12 @@ const L1 = ({
5809
5817
  /* @__PURE__ */ g(y, { gap: "2", direction: "column", children: [
5810
5818
  /* @__PURE__ */ r(j, { size: "2", weight: "medium", children: n._("Input Level") }),
5811
5819
  /* @__PURE__ */ r("div", { className: tt.levelMeter, children: /* @__PURE__ */ r("div", { className: tt.levelMeterTrack, children: /* @__PURE__ */ r("div", { className: tt.levelMeterRow, children: Array.from({ length: 17 }, (m, C) => {
5812
- const E = Math.max(0, (f - 5) / 25) * 17, B = C < E;
5820
+ const E = Math.max(0, (f - 5) / 25) * 17, b = C < E;
5813
5821
  let I = "low";
5814
5822
  return C >= 15 ? I = "high" : C >= 11 && (I = "mid"), /* @__PURE__ */ r(
5815
5823
  "div",
5816
5824
  {
5817
- className: `${tt.levelMeterSegment} ${B ? `${tt.active} ${tt[I]}` : ""}`
5825
+ className: `${tt.levelMeterSegment} ${b ? `${tt.active} ${tt[I]}` : ""}`
5818
5826
  },
5819
5827
  `level-${C}`
5820
5828
  );
@@ -6160,7 +6168,7 @@ const Qi = ({
6160
6168
  m(!0);
6161
6169
  }, E = () => {
6162
6170
  m(!1);
6163
- }, B = (S) => {
6171
+ }, b = (S) => {
6164
6172
  S.stopPropagation();
6165
6173
  }, I = (S) => {
6166
6174
  S.stopPropagation();
@@ -6248,7 +6256,7 @@ const Qi = ({
6248
6256
  className: v(K.dropdownTriggerWrapper, {
6249
6257
  [K.dropdownTriggerWrapperMobile]: k
6250
6258
  }),
6251
- onPointerDown: B,
6259
+ onPointerDown: b,
6252
6260
  onClick: I,
6253
6261
  children: /* @__PURE__ */ r(ss, { hovered: c })
6254
6262
  }
@@ -6271,7 +6279,7 @@ const Qi = ({
6271
6279
  t == null || t(x), l && i();
6272
6280
  }, A = () => {
6273
6281
  s == null || s(), l && i();
6274
- }, [p, k] = q(!1), [f, m] = q(!1), C = ee(null), E = ee(null), B = ee(null), I = 260, S = 4, b = a && s ? 1 : 0, w = a && !p, Q = w ? n.slice(0, S) : n, O = 2750, T = () => {
6282
+ }, [p, k] = q(!1), [f, m] = q(!1), C = ee(null), E = ee(null), b = ee(null), I = 260, S = 4, B = a && s ? 1 : 0, w = a && !p, Q = w ? n.slice(0, S) : n, O = 2750, T = () => {
6275
6283
  a && (C.current && (clearTimeout(C.current), C.current = null), E.current && (clearTimeout(E.current), E.current = null), m(!1));
6276
6284
  }, D = () => {
6277
6285
  a && p && (C.current && clearTimeout(C.current), C.current = setTimeout(() => {
@@ -6285,7 +6293,7 @@ const Qi = ({
6285
6293
  a && k(!0);
6286
6294
  }, U = () => {
6287
6295
  if (!a) return;
6288
- const x = B.current;
6296
+ const x = b.current;
6289
6297
  x && setTimeout(() => {
6290
6298
  x.contains(document.activeElement) || k(!1);
6291
6299
  }, 0);
@@ -6301,7 +6309,7 @@ const Qi = ({
6301
6309
  marginTop: 0,
6302
6310
  zIndex: "auto"
6303
6311
  };
6304
- const L = x + b, G = n.length + b - L;
6312
+ const L = x + B, G = n.length + B - L;
6305
6313
  return {
6306
6314
  position: "relative",
6307
6315
  marginTop: L === 0 ? 0 : -40,
@@ -6326,7 +6334,7 @@ const Qi = ({
6326
6334
  children: /* @__PURE__ */ r(
6327
6335
  "div",
6328
6336
  {
6329
- ref: B,
6337
+ ref: b,
6330
6338
  className: K.hoverRegion,
6331
6339
  onMouseEnter: T,
6332
6340
  onMouseLeave: D,
@@ -6827,13 +6835,13 @@ const In = (n) => {
6827
6835
  onFetchSuggestedTags: h,
6828
6836
  suggestedTagsLoading: A
6829
6837
  }) => {
6830
- const p = ee(null), k = ee(null), [f, m] = q(!1), C = N((b) => {
6831
- const w = b.target, Q = w.scrollLeft + w.clientWidth >= w.scrollWidth - 2;
6838
+ const p = ee(null), k = ee(null), [f, m] = q(!1), C = N((B) => {
6839
+ const w = B.target, Q = w.scrollLeft + w.clientWidth >= w.scrollWidth - 2;
6832
6840
  m(Q);
6833
- }, []), E = !!i || !!c, B = N(
6834
- (b) => {
6841
+ }, []), E = !!i || !!c, b = N(
6842
+ (B) => {
6835
6843
  if (E) return;
6836
- const w = b.target.value;
6844
+ const w = B.target.value;
6837
6845
  e((Q) => ({
6838
6846
  ...Q,
6839
6847
  conditioningText: w
@@ -6852,16 +6860,16 @@ const In = (n) => {
6852
6860
  m(!1);
6853
6861
  }, [u]);
6854
6862
  const I = N(
6855
- (b) => {
6863
+ (B) => {
6856
6864
  e((w) => ({
6857
6865
  ...w,
6858
- conditioningText: (w.conditioningText || "").trimEnd() + " " + b + " "
6866
+ conditioningText: (w.conditioningText || "").trimEnd() + " " + B + " "
6859
6867
  }));
6860
6868
  },
6861
6869
  [e]
6862
6870
  ), S = N(() => {
6863
- e((b) => ({
6864
- ...b,
6871
+ e((B) => ({
6872
+ ...B,
6865
6873
  conditioningAudio: null,
6866
6874
  conditioningAudioName: null,
6867
6875
  conditioningAudioSize: null,
@@ -6902,7 +6910,7 @@ const In = (n) => {
6902
6910
  {
6903
6911
  value: n.conditioningText,
6904
6912
  onFocus: a,
6905
- onChange: B,
6913
+ onChange: b,
6906
6914
  placeholder: t._(
6907
6915
  `Describe your desired sound characteristics (ex: ${yk(
6908
6916
  n.instrument,
@@ -6956,11 +6964,11 @@ const In = (n) => {
6956
6964
  children: /* @__PURE__ */ r(Rc, { width: 14, height: 14 })
6957
6965
  }
6958
6966
  ),
6959
- A && /* @__PURE__ */ r("div", { className: Fe.tagsWrapper, children: /* @__PURE__ */ r("div", { className: Fe.tagsContainer, children: Qk.map((b, w) => /* @__PURE__ */ r(
6967
+ A && /* @__PURE__ */ r("div", { className: Fe.tagsWrapper, children: /* @__PURE__ */ r("div", { className: Fe.tagsContainer, children: Qk.map((B, w) => /* @__PURE__ */ r(
6960
6968
  "div",
6961
6969
  {
6962
6970
  className: Fe.skeletonChip,
6963
- style: { width: b }
6971
+ style: { width: B }
6964
6972
  },
6965
6973
  w
6966
6974
  )) }) }),
@@ -6975,13 +6983,13 @@ const In = (n) => {
6975
6983
  ref: k,
6976
6984
  className: Fe.tagsContainer,
6977
6985
  onScroll: C,
6978
- children: u.map((b) => /* @__PURE__ */ r(
6986
+ children: u.map((B) => /* @__PURE__ */ r(
6979
6987
  ke,
6980
6988
  {
6981
6989
  className: Fe.tagChip,
6982
6990
  variant: "ghost",
6983
6991
  size: "2",
6984
- onClick: () => I(b),
6992
+ onClick: () => I(B),
6985
6993
  style: {
6986
6994
  borderRadius: "9999px",
6987
6995
  color: "rgba(241, 247, 254, 0.71)",
@@ -6989,9 +6997,9 @@ const In = (n) => {
6989
6997
  paddingLeft: 14,
6990
6998
  paddingRight: 14
6991
6999
  },
6992
- children: b
7000
+ children: B
6993
7001
  },
6994
- b
7002
+ B
6995
7003
  ))
6996
7004
  }
6997
7005
  )
@@ -7473,10 +7481,10 @@ const Nn = {
7473
7481
  generateFromSelectionTrack: m,
7474
7482
  unmutedTracksCount: C,
7475
7483
  onMountConcurrency: E,
7476
- onClear: B,
7484
+ onClear: b,
7477
7485
  onInspireMe: I,
7478
7486
  inspireMeLoading: S,
7479
- onBoost: b,
7487
+ onBoost: B,
7480
7488
  boostLoading: w,
7481
7489
  suggestedTags: Q,
7482
7490
  onFetchSuggestedTags: O,
@@ -7630,7 +7638,7 @@ const Nn = {
7630
7638
  onTextConditioningFocus: a,
7631
7639
  onInspireMe: I,
7632
7640
  inspireMeLoading: S,
7633
- onBoost: b,
7641
+ onBoost: B,
7634
7642
  boostLoading: w,
7635
7643
  suggestedTags: Q,
7636
7644
  onFetchSuggestedTags: O,
@@ -7708,7 +7716,7 @@ const Nn = {
7708
7716
  inpaintingTrack: f,
7709
7717
  generateFromSelectionTrack: m,
7710
7718
  unmutedTracksCount: C,
7711
- onClear: B,
7719
+ onClear: b,
7712
7720
  i18n: i
7713
7721
  }
7714
7722
  ) }),
@@ -7734,7 +7742,7 @@ const Nn = {
7734
7742
  Pe,
7735
7743
  {
7736
7744
  type: "error",
7737
- onClick: B,
7745
+ onClick: b,
7738
7746
  ctaLabel: i._("Clear"),
7739
7747
  showBackground: !1,
7740
7748
  showIcon: !1,
@@ -7976,12 +7984,12 @@ const Xr = {
7976
7984
  name: n._("Other"),
7977
7985
  category: "paid"
7978
7986
  }
7979
- ], B = async (b) => {
7980
- if (b.isLocked) {
7981
- k(b.value);
7987
+ ], b = async (B) => {
7988
+ if (B.isLocked) {
7989
+ k(B.value);
7982
7990
  return;
7983
7991
  }
7984
- const w = b.value;
7992
+ const w = B.value;
7985
7993
  c((Q) => {
7986
7994
  let O = [...Q.selectedStems];
7987
7995
  if (O.includes(w))
@@ -7994,10 +8002,10 @@ const Xr = {
7994
8002
  }
7995
8003
  return O.includes("other") && O.length === 1 ? { ...Q, selectedStems: [] } : { ...Q, selectedStems: O };
7996
8004
  });
7997
- }, I = (b) => {
8005
+ }, I = (B) => {
7998
8006
  c((w) => ({
7999
8007
  ...w,
8000
- selectedStems: b.value
8008
+ selectedStems: B.value
8001
8009
  }));
8002
8010
  };
8003
8011
  return /* @__PURE__ */ g(y, { direction: "column", height: "100%", children: [
@@ -8006,10 +8014,10 @@ const Xr = {
8006
8014
  /* @__PURE__ */ r(
8007
8015
  Fs,
8008
8016
  {
8009
- items: E.filter((b) => b.category === "free").map((b) => ({
8010
- name: b.name,
8011
- value: b.value,
8012
- icon: Xr[b.value]
8017
+ items: E.filter((B) => B.category === "free").map((B) => ({
8018
+ name: B.name,
8019
+ value: B.value,
8020
+ icon: Xr[B.value]
8013
8021
  })),
8014
8022
  value: l.selectedStems,
8015
8023
  onSelect: I
@@ -8020,18 +8028,18 @@ const Xr = {
8020
8028
  /* @__PURE__ */ r(
8021
8029
  Fs,
8022
8030
  {
8023
- items: E.filter((b) => b.category === "paid").filter((b) => t.some((w) => w.value === b.value)).map((b) => {
8031
+ items: E.filter((B) => B.category === "paid").filter((B) => t.some((w) => w.value === B.value)).map((B) => {
8024
8032
  var w;
8025
8033
  return {
8026
- name: b.name,
8027
- value: b.value,
8028
- icon: Xr[b.value],
8029
- disabled: l.selectedStems.length === 0 && b.value === "Other",
8030
- isLocked: (w = t.find((Q) => Q.value === b.value)) == null ? void 0 : w.isLocked
8034
+ name: B.name,
8035
+ value: B.value,
8036
+ icon: Xr[B.value],
8037
+ disabled: l.selectedStems.length === 0 && B.value === "Other",
8038
+ isLocked: (w = t.find((Q) => Q.value === B.value)) == null ? void 0 : w.isLocked
8031
8039
  };
8032
8040
  }),
8033
8041
  value: l.selectedStems,
8034
- onSelect: B,
8042
+ onSelect: b,
8035
8043
  style: {
8036
8044
  marginBottom: "12px"
8037
8045
  }
@@ -8656,13 +8664,13 @@ const kE = "_track_1xe9y_1", EE = "_leftIcon_1xe9y_9", SE = "_name_1xe9y_15", IE
8656
8664
  // Children (having content means group/takelanes)
8657
8665
  children: E
8658
8666
  }) => {
8659
- const B = !!E, I = N(() => C == null ? void 0 : C(!A), [A, C]);
8667
+ const b = !!E, I = N(() => C == null ? void 0 : C(!A), [A, C]);
8660
8668
  return /* @__PURE__ */ g("div", { className: v(me.container, { [me.isOpen]: A }), children: [
8661
8669
  /* @__PURE__ */ g(
8662
8670
  "div",
8663
8671
  {
8664
8672
  className: v(me.track, {
8665
- [me.isParentTrack]: B,
8673
+ [me.isParentTrack]: b,
8666
8674
  [me.isCompact]: i
8667
8675
  }),
8668
8676
  style: { height: `${o}px` },
@@ -8685,7 +8693,7 @@ const kE = "_track_1xe9y_1", EE = "_leftIcon_1xe9y_9", SE = "_name_1xe9y_15", IE
8685
8693
  {
8686
8694
  size: "2",
8687
8695
  className: me.name,
8688
- onClick: B ? I : void 0,
8696
+ onClick: b ? I : void 0,
8689
8697
  children: n
8690
8698
  }
8691
8699
  ) })
@@ -8759,7 +8767,7 @@ const kE = "_track_1xe9y_1", EE = "_leftIcon_1xe9y_9", SE = "_name_1xe9y_15", IE
8759
8767
  ]
8760
8768
  }
8761
8769
  ),
8762
- B && A && /* @__PURE__ */ r("div", { className: me.group, children: E })
8770
+ b && A && /* @__PURE__ */ r("div", { className: me.group, children: E })
8763
8771
  ] });
8764
8772
  }
8765
8773
  );
@@ -8785,10 +8793,10 @@ function XS({ schema: n }) {
8785
8793
  const c = N((m, C) => {
8786
8794
  t((E) => ({ ...E, [m]: C })), a((E) => ({ ...E, [m]: null }));
8787
8795
  }, []), u = (m, C) => {
8788
- const E = e[m], B = (I) => c(m, I);
8789
- return C === "checkbox" || C === "switch" ? { checked: !!E, onCheckedChange: B } : { value: E ?? "", onChange: (I) => {
8796
+ const E = e[m], b = (I) => c(m, I);
8797
+ return C === "checkbox" || C === "switch" ? { checked: !!E, onCheckedChange: b } : { value: E ?? "", onChange: (I) => {
8790
8798
  var S;
8791
- return B(((S = I == null ? void 0 : I.target) == null ? void 0 : S.value) ?? I);
8799
+ return b(((S = I == null ? void 0 : I.target) == null ? void 0 : S.value) ?? I);
8792
8800
  } };
8793
8801
  }, h = () => {
8794
8802
  const m = n.safeParse(e);
@@ -8796,8 +8804,8 @@ function XS({ schema: n }) {
8796
8804
  return a({}), { isValid: !0, data: m.data };
8797
8805
  const C = {};
8798
8806
  for (const E of m.error.issues) {
8799
- const B = E.path.join(".");
8800
- C[B] || (C[B] = E.message);
8807
+ const b = E.path.join(".");
8808
+ C[b] || (C[b] = E.message);
8801
8809
  }
8802
8810
  return a(C), { isValid: !1, data: e };
8803
8811
  }, A = N((m) => (i.current.push(m), () => {
@@ -9230,25 +9238,25 @@ class _E extends fn {
9230
9238
  const A = (p) => {
9231
9239
  if (p.button !== o || (c.set(p.pointerId, p), c.size > 1)) return;
9232
9240
  let k = p.clientX, f = p.clientY, m = !1;
9233
- const C = Date.now(), E = t.getBoundingClientRect(), { left: B, top: I } = E, S = (T) => {
9241
+ const C = Date.now(), E = t.getBoundingClientRect(), { left: b, top: I } = E, S = (T) => {
9234
9242
  if (T.defaultPrevented || c.size > 1 || u && Date.now() - C < i) return;
9235
9243
  const D = T.clientX, z = T.clientY, M = D - k, U = z - f;
9236
- (m || Math.abs(M) > a || Math.abs(U) > a) && (T.preventDefault(), T.stopPropagation(), m || (l.set({ type: "start", x: k - B, y: f - I }), m = !0), l.set({ type: "move", x: D - B, y: z - I, deltaX: M, deltaY: U }), k = D, f = z);
9237
- }, b = (T) => {
9244
+ (m || Math.abs(M) > a || Math.abs(U) > a) && (T.preventDefault(), T.stopPropagation(), m || (l.set({ type: "start", x: k - b, y: f - I }), m = !0), l.set({ type: "move", x: D - b, y: z - I, deltaX: M, deltaY: U }), k = D, f = z);
9245
+ }, B = (T) => {
9238
9246
  if (c.delete(T.pointerId), m) {
9239
9247
  const D = T.clientX, z = T.clientY;
9240
- l.set({ type: "end", x: D - B, y: z - I });
9248
+ l.set({ type: "end", x: D - b, y: z - I });
9241
9249
  }
9242
9250
  h();
9243
9251
  }, w = (T) => {
9244
- c.delete(T.pointerId), T.relatedTarget && T.relatedTarget !== document.documentElement || b(T);
9252
+ c.delete(T.pointerId), T.relatedTarget && T.relatedTarget !== document.documentElement || B(T);
9245
9253
  }, Q = (T) => {
9246
9254
  m && (T.stopPropagation(), T.preventDefault());
9247
9255
  }, O = (T) => {
9248
9256
  T.defaultPrevented || c.size > 1 || m && T.preventDefault();
9249
9257
  };
9250
- document.addEventListener("pointermove", S), document.addEventListener("pointerup", b), document.addEventListener("pointerout", w), document.addEventListener("pointercancel", w), document.addEventListener("touchmove", O, { passive: !1 }), document.addEventListener("click", Q, { capture: !0 }), h = () => {
9251
- document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", b), document.removeEventListener("pointerout", w), document.removeEventListener("pointercancel", w), document.removeEventListener("touchmove", O), setTimeout(() => {
9258
+ document.addEventListener("pointermove", S), document.addEventListener("pointerup", B), document.addEventListener("pointerout", w), document.addEventListener("pointercancel", w), document.addEventListener("touchmove", O, { passive: !1 }), document.addEventListener("click", Q, { capture: !0 }), h = () => {
9259
+ document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", B), document.removeEventListener("pointerout", w), document.removeEventListener("pointercancel", w), document.removeEventListener("touchmove", O), setTimeout(() => {
9252
9260
  document.removeEventListener("click", Q, { capture: !0 });
9253
9261
  }, 10);
9254
9262
  };
@@ -9411,16 +9419,16 @@ class _E extends fn {
9411
9419
  var e;
9412
9420
  }
9413
9421
  renderBarWaveform(e, t, s, a) {
9414
- const { width: o, height: i } = s.canvas, { halfHeight: l, barWidth: c, barRadius: u, barIndexScale: h, barSpacing: A, barMinHeight: p } = function({ width: f, height: m, length: C, options: E, pixelRatio: B }) {
9415
- const I = m / 2, S = E.barWidth ? E.barWidth * B : 1, b = E.barGap ? E.barGap * B : E.barWidth ? S / 2 : 0, w = S + b || 1;
9416
- return { halfHeight: I, barWidth: S, barGap: b, barRadius: E.barRadius || 0, barMinHeight: E.barMinHeight ? E.barMinHeight * B : 0, barIndexScale: C > 0 ? f / w / C : 0, barSpacing: w };
9417
- }({ width: o, height: i, length: (e[0] || []).length, options: t, pixelRatio: this.getPixelRatio() }), k = function({ channelData: f, barIndexScale: m, barSpacing: C, barWidth: E, halfHeight: B, vScale: I, canvasHeight: S, barAlign: b, barMinHeight: w }) {
9422
+ const { width: o, height: i } = s.canvas, { halfHeight: l, barWidth: c, barRadius: u, barIndexScale: h, barSpacing: A, barMinHeight: p } = function({ width: f, height: m, length: C, options: E, pixelRatio: b }) {
9423
+ const I = m / 2, S = E.barWidth ? E.barWidth * b : 1, B = E.barGap ? E.barGap * b : E.barWidth ? S / 2 : 0, w = S + B || 1;
9424
+ return { halfHeight: I, barWidth: S, barGap: B, barRadius: E.barRadius || 0, barMinHeight: E.barMinHeight ? E.barMinHeight * b : 0, barIndexScale: C > 0 ? f / w / C : 0, barSpacing: w };
9425
+ }({ width: o, height: i, length: (e[0] || []).length, options: t, pixelRatio: this.getPixelRatio() }), k = function({ channelData: f, barIndexScale: m, barSpacing: C, barWidth: E, halfHeight: b, vScale: I, canvasHeight: S, barAlign: B, barMinHeight: w }) {
9418
9426
  const Q = f[0] || [], O = f[1] || Q, T = Q.length, D = [];
9419
9427
  let z = 0, M = 0, U = 0;
9420
9428
  for (let J = 0; J <= T; J++) {
9421
9429
  const x = Math.round(J * m);
9422
9430
  if (x > z) {
9423
- const { topHeight: Z, totalHeight: R } = XE({ maxTop: M, maxBottom: U, halfHeight: B, vScale: I, barMinHeight: w, barAlign: b }), H = YE({ barAlign: b, halfHeight: B, topHeight: Z, totalHeight: R, canvasHeight: S });
9431
+ const { topHeight: Z, totalHeight: R } = XE({ maxTop: M, maxBottom: U, halfHeight: b, vScale: I, barMinHeight: w, barAlign: B }), H = YE({ barAlign: B, halfHeight: b, topHeight: Z, totalHeight: R, canvasHeight: S });
9424
9432
  D.push({ x: z * C, y: H, width: E, height: R }), z = x, M = 0, U = 0;
9425
9433
  }
9426
9434
  const L = Math.abs(Q[J] || 0), G = Math.abs(O[J] || 0);
@@ -9436,18 +9444,18 @@ class _E extends fn {
9436
9444
  const { width: o, height: i } = s.canvas, l = function({ channelData: c, width: u, height: h, vScale: A }) {
9437
9445
  const p = h / 2, k = c[0] || [];
9438
9446
  return [k, c[1] || k].map((f, m) => {
9439
- const C = f.length, E = C ? u / C : 0, B = p, I = m === 0 ? -1 : 1, S = [{ x: 0, y: B }];
9440
- let b = 0, w = 0;
9447
+ const C = f.length, E = C ? u / C : 0, b = p, I = m === 0 ? -1 : 1, S = [{ x: 0, y: b }];
9448
+ let B = 0, w = 0;
9441
9449
  for (let Q = 0; Q <= C; Q++) {
9442
9450
  const O = Math.round(Q * E);
9443
- if (O > b) {
9444
- const D = B + (Math.round(w * p * A) || 1) * I;
9445
- S.push({ x: b, y: D }), b = O, w = 0;
9451
+ if (O > B) {
9452
+ const D = b + (Math.round(w * p * A) || 1) * I;
9453
+ S.push({ x: B, y: D }), B = O, w = 0;
9446
9454
  }
9447
9455
  const T = Math.abs(f[Q] || 0);
9448
9456
  T > w && (w = T);
9449
9457
  }
9450
- return S.push({ x: b, y: B }), S;
9458
+ return S.push({ x: B, y: b }), S;
9451
9459
  });
9452
9460
  }({ channelData: e, width: o, height: i, vScale: a });
9453
9461
  s.beginPath();
@@ -9498,9 +9506,9 @@ class _E extends fn {
9498
9506
  const m = f * h;
9499
9507
  let C = Math.min(u - m, h);
9500
9508
  if (C = _r(C, t), C <= 0) return;
9501
- const E = function({ channelData: B, offset: I, clampedWidth: S, totalWidth: b }) {
9502
- return B.map((w) => {
9503
- const Q = Math.floor(I / b * w.length), O = Math.floor((I + S) / b * w.length);
9509
+ const E = function({ channelData: b, offset: I, clampedWidth: S, totalWidth: B }) {
9510
+ return b.map((w) => {
9511
+ const Q = Math.floor(I / B * w.length), O = Math.floor((I + S) / B * w.length);
9504
9512
  return w.slice(Q, O);
9505
9513
  });
9506
9514
  }({ channelData: e, offset: m, clampedWidth: C, totalWidth: u });
@@ -9752,8 +9760,8 @@ class An extends GE {
9752
9760
  super({ media: t, mediaControls: e.mediaControls, autoplay: e.autoplay, playbackRate: e.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.reactiveCleanups = [], this.options = Object.assign({}, eS, e);
9753
9761
  const { state: s, actions: a } = function(l) {
9754
9762
  var c, u, h, A, p, k;
9755
- const f = (c = l == null ? void 0 : l.currentTime) !== null && c !== void 0 ? c : Ae(0), m = (u = l == null ? void 0 : l.duration) !== null && u !== void 0 ? u : Ae(0), C = (h = l == null ? void 0 : l.isPlaying) !== null && h !== void 0 ? h : Ae(!1), E = (A = l == null ? void 0 : l.isSeeking) !== null && A !== void 0 ? A : Ae(!1), B = (p = l == null ? void 0 : l.volume) !== null && p !== void 0 ? p : Ae(1), I = (k = l == null ? void 0 : l.playbackRate) !== null && k !== void 0 ? k : Ae(1), S = Ae(null), b = Ae(null), w = Ae(""), Q = Ae(0), O = Ae(0), T = It(() => !C.value, [C]), D = It(() => S.value !== null, [S]), z = It(() => D.value && m.value > 0, [D, m]), M = It(() => f.value, [f]), U = It(() => m.value > 0 ? f.value / m.value : 0, [f, m]);
9756
- return { state: { currentTime: f, duration: m, isPlaying: C, isPaused: T, isSeeking: E, volume: B, playbackRate: I, audioBuffer: S, peaks: b, url: w, zoom: Q, scrollPosition: O, canPlay: D, isReady: z, progress: M, progressPercent: U }, actions: { setCurrentTime: (J) => {
9763
+ const f = (c = l == null ? void 0 : l.currentTime) !== null && c !== void 0 ? c : Ae(0), m = (u = l == null ? void 0 : l.duration) !== null && u !== void 0 ? u : Ae(0), C = (h = l == null ? void 0 : l.isPlaying) !== null && h !== void 0 ? h : Ae(!1), E = (A = l == null ? void 0 : l.isSeeking) !== null && A !== void 0 ? A : Ae(!1), b = (p = l == null ? void 0 : l.volume) !== null && p !== void 0 ? p : Ae(1), I = (k = l == null ? void 0 : l.playbackRate) !== null && k !== void 0 ? k : Ae(1), S = Ae(null), B = Ae(null), w = Ae(""), Q = Ae(0), O = Ae(0), T = It(() => !C.value, [C]), D = It(() => S.value !== null, [S]), z = It(() => D.value && m.value > 0, [D, m]), M = It(() => f.value, [f]), U = It(() => m.value > 0 ? f.value / m.value : 0, [f, m]);
9764
+ return { state: { currentTime: f, duration: m, isPlaying: C, isPaused: T, isSeeking: E, volume: b, playbackRate: I, audioBuffer: S, peaks: B, url: w, zoom: Q, scrollPosition: O, canPlay: D, isReady: z, progress: M, progressPercent: U }, actions: { setCurrentTime: (J) => {
9757
9765
  const x = Math.max(0, Math.min(m.value || 1 / 0, J));
9758
9766
  f.set(x);
9759
9767
  }, setDuration: (J) => {
@@ -9764,14 +9772,14 @@ class An extends GE {
9764
9772
  E.set(J);
9765
9773
  }, setVolume: (J) => {
9766
9774
  const x = Math.max(0, Math.min(1, J));
9767
- B.set(x);
9775
+ b.set(x);
9768
9776
  }, setPlaybackRate: (J) => {
9769
9777
  const x = Math.max(0.1, Math.min(16, J));
9770
9778
  I.set(x);
9771
9779
  }, setAudioBuffer: (J) => {
9772
9780
  S.set(J), J && m.set(J.duration);
9773
9781
  }, setPeaks: (J) => {
9774
- b.set(J);
9782
+ B.set(J);
9775
9783
  }, setUrl: (J) => {
9776
9784
  w.set(J);
9777
9785
  }, setZoom: (J) => {
@@ -10145,7 +10153,7 @@ function Hi({
10145
10153
  classNamesButton: k,
10146
10154
  onPlayStateChange: f
10147
10155
  }) {
10148
- const [m, C] = q(!1), [E, B] = q(!1), [I, S] = q(!1), [b, w] = q(!1);
10156
+ const [m, C] = q(!1), [E, b] = q(!1), [I, S] = q(!1), [B, w] = q(!1);
10149
10157
  de(() => {
10150
10158
  typeof navigator < "u" && w(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
10151
10159
  }, []);
@@ -10158,14 +10166,14 @@ function Hi({
10158
10166
  D.current && ((R = D.current) == null || R.pause());
10159
10167
  }, []), M = N(() => {
10160
10168
  var R, H;
10161
- D.current && (c && c.state.active && c.state.active !== D.current && c.state.active.pause(), b || (R = D.current) == null || R.setOptions({ progressColor: l }), (H = D.current) == null || H.play());
10162
- }, [b, l, c]);
10169
+ D.current && (c && c.state.active && c.state.active !== D.current && c.state.active.pause(), B || (R = D.current) == null || R.setOptions({ progressColor: l }), (H = D.current) == null || H.play());
10170
+ }, [B, l, c]);
10163
10171
  de(() => {
10164
10172
  var R;
10165
10173
  D.current && n && ((R = D.current) == null || R.load(n));
10166
10174
  }, [n]);
10167
10175
  const U = N((R) => {
10168
- D.current = R, B(!0), C(!1);
10176
+ D.current = R, b(!0), C(!1);
10169
10177
  }, []), J = N(
10170
10178
  (R) => {
10171
10179
  if (C(!0), t == null || t(!0), f == null || f(!0), c) {
@@ -10258,7 +10266,7 @@ function Hi({
10258
10266
  onPlay: J,
10259
10267
  onPause: x,
10260
10268
  onFinish: G,
10261
- backend: b ? "WebAudio" : "MediaElement"
10269
+ backend: B ? "WebAudio" : "MediaElement"
10262
10270
  }
10263
10271
  )
10264
10272
  }
@@ -10628,7 +10636,7 @@ const BS = "_footerVoiceForm_lsc2c_2", wS = {
10628
10636
  onClickUpgradeConcurrency: f,
10629
10637
  onRemoveTrack: m
10630
10638
  }) => {
10631
- const [C, E] = q(null), [B, I] = q(null), { submitted: S, handleSubmit: b } = Ir(h), [w, Q] = q({
10639
+ const [C, E] = q(null), [b, I] = q(null), { submitted: S, handleSubmit: B } = Ir(h), [w, Q] = q({
10632
10640
  lastPlayed: null,
10633
10641
  active: null,
10634
10642
  isPlaying: !1,
@@ -10645,9 +10653,9 @@ const BS = "_footerVoiceForm_lsc2c_2", wS = {
10645
10653
  [n, t]
10646
10654
  ), T = N(
10647
10655
  (x) => {
10648
- B !== x && I(x);
10656
+ b !== x && I(x);
10649
10657
  },
10650
- [B, I]
10658
+ [b, I]
10651
10659
  ), D = N(
10652
10660
  (x) => {
10653
10661
  I(null), w.active && w.active.pause(), Q((L) => ({
@@ -10671,14 +10679,14 @@ const BS = "_footerVoiceForm_lsc2c_2", wS = {
10671
10679
  [e.trackName, e.trackId, e.customAudio]
10672
10680
  ), J = N(() => {
10673
10681
  if (!o) {
10674
- b();
10682
+ B();
10675
10683
  return;
10676
10684
  }
10677
10685
  M && (O(M.identifier), a(), t((x) => {
10678
10686
  var L;
10679
10687
  return ((L = x.selectedVoice) == null ? void 0 : L.identifier) === M.identifier ? x : { ...x, selectedVoice: M };
10680
- })), U && (M ? b({ selectedVoice: M }) : b());
10681
- }, [o, b, M, O, a]);
10688
+ })), U && (M ? B({ selectedVoice: M }) : B());
10689
+ }, [o, B, M, O, a]);
10682
10690
  return de(() => {
10683
10691
  var x;
10684
10692
  if (w.isPlaying === !1)
@@ -10696,7 +10704,7 @@ const BS = "_footerVoiceForm_lsc2c_2", wS = {
10696
10704
  voices: n,
10697
10705
  selectedId: C,
10698
10706
  handleSelect: O,
10699
- playingItem: B,
10707
+ playingItem: b,
10700
10708
  handleAvatarClick: T,
10701
10709
  handleDetailsClick: D,
10702
10710
  wavegroup: z,