@waveform-playlist/browser 9.0.3 → 9.0.4

package/dist/index.mjs

@@ -1053,11 +1053,7 @@ var mh = 44100, gh = 1e3, vh = [256, 512, 1024, 2048, 4096, 8192], rl = 0.1, yh
     ), this._emitStateChange());
   }
   setLoopEnabled(e) {
-    e !== this._isLoopEnabled && (this._isLoopEnabled = e, this._adapter?.setLoop(
-      e && this._isBeforeLoopEnd(),
-      this._loopStart,
-      this._loopEnd
-    ), this._emitStateChange());
+    e !== this._isLoopEnabled && (this._isLoopEnabled = e, this._adapter?.setLoop(e && this._isBeforeLoopEnd(), this._loopStart, this._loopEnd), this._emitStateChange());
   }
   // ---------------------------------------------------------------------------
   // Per-Track Audio (delegates to adapter)
@@ -2925,12 +2921,12 @@ function Ea(e, t = e.getBoundingClientRect(), n = 0) {
   let d = e.parentElement;
   for (; d && d !== c.documentElement; ) {
     if (!fp(d)) {
-      const w = d.getBoundingClientRect(), g = n * (w.bottom - w.top), _ = n * (w.right - w.left), C = n * (w.bottom - w.top), S = n * (w.right - w.left);
+      const w = d.getBoundingClientRect(), g = n * (w.bottom - w.top), _ = n * (w.right - w.left), S = n * (w.bottom - w.top), C = n * (w.right - w.left);
       l = {
         top: Math.max(l.top, w.top - g),
         right: Math.min(l.right, w.right + _),
-        bottom: Math.min(l.bottom, w.bottom + C),
-        left: Math.max(l.left, w.left - S),
+        bottom: Math.min(l.bottom, w.bottom + S),
+        left: Math.max(l.left, w.left - C),
         width: 0,
         // Will be calculated next
         height: 0
@@ -3151,10 +3147,10 @@ var pl = Array.from({ length: 100 }, (e, t) => t / 100), $u = 75, yn, Ma, en, bn
       const { element: l } = this;
       if ((o = re(this, bn)) == null || o.disconnect(), re(this, kr) || !re(this, yn) || !l.isConnected)
         return;
-      const c = (s = l.ownerDocument) != null ? s : document, { innerHeight: u, innerWidth: d } = (i = c.defaultView) != null ? i : window, h = l.getBoundingClientRect(), f = Ea(l, h), { top: m, left: y, bottom: v, right: p } = f, b = -Math.floor(m), w = -Math.floor(y), g = -Math.floor(d - p), _ = -Math.floor(u - v), C = `${b}px ${g}px ${_}px ${w}px`;
+      const c = (s = l.ownerDocument) != null ? s : document, { innerHeight: u, innerWidth: d } = (i = c.defaultView) != null ? i : window, h = l.getBoundingClientRect(), f = Ea(l, h), { top: m, left: y, bottom: v, right: p } = f, b = -Math.floor(m), w = -Math.floor(y), g = -Math.floor(d - p), _ = -Math.floor(u - v), S = `${b}px ${g}px ${_}px ${w}px`;
       this.boundingClientRect = h, yt(this, bn, new IntersectionObserver(
-        (S) => {
-          const [k] = S, { intersectionRect: I } = k;
+        (C) => {
+          const [k] = C, { intersectionRect: I } = k;
           (k.intersectionRatio !== 1 ? k.intersectionRatio : zr.intersectionRatio(
             I,
             Ea(l)
@@ -3162,7 +3158,7 @@ var pl = Array.from({ length: 100 }, (e, t) => t / 100), $u = 75, yn, Ma, en, bn
         },
         {
           threshold: pl,
-          rootMargin: C,
+          rootMargin: S,
           root: c
         }
       )), re(this, bn).observe(l), xu(this, $a, Tu).call(this);
@@ -3842,12 +3838,12 @@ var gm = ["dragover", "dragmove"], vm = class extends pt {
       y,
       i
     ), p = Object.entries(o).map(
-      ([_, C]) => this.manager.monitor.addEventListener(
+      ([_, S]) => this.manager.monitor.addEventListener(
         _,
-        (S, k) => {
+        (C, k) => {
           const I = h;
           if (!I) return;
-          const E = C?.(S, k);
+          const E = S?.(C, k);
           E && I.nodeValue !== E && (f = E, gm.includes(_) ? v() : (y(), v.cancel()));
         }
       )
@@ -3865,26 +3861,26 @@ var gm = ["dragover", "dragmove"], vm = class extends pt {
     this.registerEffect(() => {
       var _;
       w.clear();
-      for (const C of this.manager.registry.draggables.value) {
-        const S = (_ = C.handle) != null ? _ : C.element;
-        if (S) {
-          (!u || !d) && w.add(b), (!hm(S) || Gs()) && !S.hasAttribute("tabindex") && w.add(() => S.setAttribute("tabindex", "0")), !S.hasAttribute("role") && S.tagName.toLowerCase() !== "button" && w.add(
-            () => S.setAttribute("role", yl.role)
-          ), S.hasAttribute("aria-roledescription") || w.add(
-            () => S.setAttribute(
+      for (const S of this.manager.registry.draggables.value) {
+        const C = (_ = S.handle) != null ? _ : S.element;
+        if (C) {
+          (!u || !d) && w.add(b), (!hm(C) || Gs()) && !C.hasAttribute("tabindex") && w.add(() => C.setAttribute("tabindex", "0")), !C.hasAttribute("role") && C.tagName.toLowerCase() !== "button" && w.add(
+            () => C.setAttribute("role", yl.role)
+          ), C.hasAttribute("aria-roledescription") || w.add(
+            () => C.setAttribute(
               "aria-roledescription",
               yl.roleDescription
             )
-          ), S.hasAttribute("aria-describedby") || w.add(
-            () => S.setAttribute("aria-describedby", l)
+          ), C.hasAttribute("aria-describedby") || w.add(
+            () => C.setAttribute("aria-describedby", l)
           );
           for (const I of ["aria-pressed", "aria-grabbed"]) {
-            const E = String(C.isDragging);
-            S.getAttribute(I) !== E && w.add(() => S.setAttribute(I, E));
+            const E = String(S.isDragging);
+            C.getAttribute(I) !== E && w.add(() => C.setAttribute(I, E));
           }
-          const k = String(C.disabled);
-          S.getAttribute("aria-disabled") !== k && w.add(
-            () => S.setAttribute("aria-disabled", k)
+          const k = String(S.disabled);
+          C.getAttribute("aria-disabled") !== k && w.add(
+            () => C.setAttribute("aria-disabled", k)
           );
         }
       }
@@ -4353,9 +4349,9 @@ qu = function() {
     x: y.scaleX / m.scaleX,
     y: y.scaleY / m.scaleY
   };
-  let { width: w, height: g, top: _, left: C } = p;
+  let { width: w, height: g, top: _, left: S } = p;
   v && (w = w / b.x, g = g / b.y);
-  const S = new jp(f), {
+  const C = new jp(f), {
     transition: k,
     translate: I,
     boxSizing: E,
@@ -4377,11 +4373,11 @@ qu = function() {
   if (!h.transformOrigin) {
     const ne = Se(() => i.current);
     h.transformOrigin = {
-      x: (ne.x - C * m.scaleX - m.x) / (w * m.scaleX),
+      x: (ne.x - S * m.scaleX - m.x) / (w * m.scaleX),
       y: (ne.y - _ * m.scaleY - m.y) / (g * m.scaleY)
     };
   }
-  const { transformOrigin: _e } = h, Fe = _ * m.scaleY + m.y, Y = C * m.scaleX + m.x;
+  const { transformOrigin: _e } = h, Fe = _ * m.scaleY + m.y, Y = S * m.scaleX + m.x;
   if (!h.coordinates && (h.coordinates = {
     x: Y,
     y: Fe
@@ -4400,12 +4396,12 @@ qu = function() {
     x: N.x / m.scaleX + he.width,
     y: N.y / m.scaleY + he.height
   }, $ = {
-    left: C + U.x,
+    left: S + U.x,
     top: _ + U.y
   };
   f.setAttribute(Bt, "true");
   const ge = Se(() => s.transform), Le = (t = h.translate) != null ? t : { x: 0, y: 0 }, Q = ge.x * m.scaleX + Le.x, be = ge.y * m.scaleY + Le.y, Ge = ku();
-  S.set(
+  C.set(
     {
       width: w - se,
       height: g - ie,
@@ -4428,11 +4424,11 @@ qu = function() {
     width: w,
     height: g,
     top: _,
-    left: C,
+    left: S,
     widthOffset: se,
     heightOffset: ie,
     delta: U,
-    styles: S,
+    styles: C,
     dragOperation: s,
     getElementMutationObserver: () => qe,
     getSavedCellWidths: () => Oe,
@@ -4463,7 +4459,7 @@ qu = function() {
     if (qe?.disconnect(), q?.disconnect(), Ye.disconnect(), Je.removeEventListener("resize", tt), Ho(f) && (f.removeEventListener(
       "beforetoggle",
       bl
-    ), f.removeAttribute("popover")), f.removeAttribute(Bt), S.reset(), Oe && Ko(u)) {
+    ), f.removeAttribute("popover")), f.removeAttribute(Bt), C.reset(), Oe && Ko(u)) {
       const Me = Array.from(u.cells);
       for (const [Ue, kt] of Me.entries())
         kt.style.width = (ne = Oe[Ue]) != null ? ne : "";
@@ -4484,7 +4480,7 @@ qu = function() {
           var we;
           return (we = s.shape) == null ? void 0 : we.current;
         }), Ie = ye && !dt ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
-        if (S.set(
+        if (C.set(
           {
             transition: `${k}, translate ${Ie}`,
             translate: `${kt.x}px ${kt.y}px 0`
@@ -4523,7 +4519,7 @@ qu = function() {
             moved: Me,
             transition: k,
             alignment: l.alignment,
-            styles: S,
+            styles: C,
             animation: ne ?? void 0,
             getElementMutationObserver: () => qe,
             cleanup: G,
@@ -6101,11 +6097,20 @@ var Md = {
     const i = e.current;
     if (!i) return;
     o(), i.addEventListener("scroll", s, { passive: !0 });
-    const l = new ResizeObserver(() => {
+    let l = !1;
+    const c = () => {
+      l = !0;
+    };
+    i.addEventListener("pointerdown", c, { once: !0 }), i.addEventListener("keydown", c, { once: !0 }), i.addEventListener("wheel", c, { once: !0, passive: !0 });
+    const u = () => {
+      !l && i.scrollLeft !== 0 && (i.scrollLeft = 0, o()), i.removeEventListener("scroll", u);
+    };
+    i.addEventListener("scroll", u);
+    const d = new ResizeObserver(() => {
       s();
     });
-    return l.observe(i), () => {
-      i.removeEventListener("scroll", s), l.disconnect(), a.current !== null && (cancelAnimationFrame(a.current), a.current = null);
+    return d.observe(i), () => {
+      i.removeEventListener("scroll", s), i.removeEventListener("scroll", u), i.removeEventListener("pointerdown", c), i.removeEventListener("keydown", c), i.removeEventListener("wheel", c), d.disconnect(), a.current !== null && (cancelAnimationFrame(a.current), a.current = null);
     };
   }, [e, o, s]), /* @__PURE__ */ x($d.Provider, { value: r, children: t });
 };
@@ -6227,11 +6232,11 @@ var Lg = W.canvas.attrs((e) => ({
   } = e, { canvasRef: m, canvasMapRef: y } = mi(), v = Dd(), p = pi(r, et, v);
   qn(() => {
     const _ = u + d;
-    for (const [C, S] of y.current.entries()) {
-      const k = C * et, I = S.getContext("2d"), E = Math.floor(i / 2);
+    for (const [S, C] of y.current.entries()) {
+      const k = S * et, I = C.getContext("2d"), E = Math.floor(i / 2);
       if (I) {
-        I.resetTransform(), I.clearRect(0, 0, S.width, S.height), I.imageSmoothingEnabled = !1, I.scale(s, s);
-        const D = S.width / s;
+        I.resetTransform(), I.clearRect(0, 0, C.width, C.height), I.imageSmoothingEnabled = !1, I.scale(s, s);
+        const D = C.width / s;
         let R;
         f === "normal" ? R = c : R = l, I.fillStyle = Vg(I, R, D, i);
         const A = k, O = k + D, B = Bg(A, u, _);
@@ -6262,13 +6267,13 @@ var Lg = W.canvas.attrs((e) => ({
     p
   ]);
   const b = p.map((_) => {
-    const C = _ * et, S = Math.min(r - C, et);
+    const S = _ * et, C = Math.min(r - S, et);
     return /* @__PURE__ */ x(
       Lg,
       {
-        $cssWidth: S,
-        $left: C,
-        width: S * s,
+        $cssWidth: C,
+        $left: S,
+        width: C * s,
         height: i * s,
         $waveHeight: i,
         "data-index": _,
@@ -6525,23 +6530,23 @@ var $l = ({
   showFades: b = !1,
   touchOptimized: w = !1
 }) => {
-  const g = Math.floor(s / l), C = Math.floor((s + i) / l) - g, S = c && !u && !d, k = `clip-${r}-${a}`, {
+  const g = Math.floor(s / l), S = Math.floor((s + i) / l) - g, C = c && !u && !d, k = `clip-${r}-${a}`, {
     ref: I,
     handleRef: E,
     isDragSource: D
   } = vo({
     id: k,
     data: { clipId: n, trackIndex: r, clipIndex: a },
-    disabled: !S
+    disabled: !C
   }), R = `clip-boundary-left-${r}-${a}`, { ref: A, isDragSource: O } = vo({
     id: R,
     data: { clipId: n, trackIndex: r, clipIndex: a, boundary: "left" },
-    disabled: !S,
+    disabled: !C,
     feedback: "none"
   }), B = `clip-boundary-right-${r}-${a}`, { ref: X, isDragSource: J } = vo({
     id: B,
     data: { clipId: n, trackIndex: r, clipIndex: a, boundary: "right" },
-    disabled: !S,
+    disabled: !C,
     feedback: "none"
   });
   return /* @__PURE__ */ me(
@@ -6551,11 +6556,12 @@ var $l = ({
       style: D ? { zIndex: 100 } : void 0,
       className: t,
       $left: g,
-      $width: C,
+      $width: S,
       $isOverlay: d,
       "data-clip-container": "true",
       "data-track-id": m,
       onMouseDown: f,
+      ...C ? {} : { tabIndex: -1 },
       children: [
         c && /* @__PURE__ */ x(
           Ng,
@@ -6566,7 +6572,7 @@ var $l = ({
             trackName: o,
             isSelected: h,
             disableDrag: u,
-            dragHandleProps: S ? { handleRef: E } : void 0
+            dragHandleProps: C ? { handleRef: E } : void 0
           }
         ),
         /* @__PURE__ */ x(Wg, { originX: g, children: /* @__PURE__ */ me(Jg, { $isOverlay: d, children: [
@@ -6583,7 +6589,7 @@ var $l = ({
           b && v && v.duration > 0 && /* @__PURE__ */ x(
             $l,
             {
-              left: C - Math.floor(v.duration * p / l),
+              left: S - Math.floor(v.duration * p / l),
               width: Math.floor(v.duration * p / l),
               type: "fadeOut",
               curveType: v.type
@@ -6902,12 +6908,12 @@ var Tl = W.div.attrs((e) => ({
     (p, b) => {
       p.preventDefault(), p.stopPropagation(), u(b), d.current = p.clientX, h.current = b === "start" ? e : t;
       const w = (_) => {
-        const C = _.clientX - d.current, S = h.current + C;
+        const S = _.clientX - d.current, C = h.current + S;
         if (b === "start") {
-          const k = Math.max(i, Math.min(t - 10, S));
+          const k = Math.max(i, Math.min(t - 10, C));
           a?.(k);
         } else {
-          const k = Math.max(e + 10, Math.min(l, S));
+          const k = Math.max(e + 10, Math.min(l, C));
           o?.(k);
         }
       }, g = () => {
@@ -6920,9 +6926,9 @@ var Tl = W.div.attrs((e) => ({
     (p) => {
       p.preventDefault(), p.stopPropagation(), u("region"), d.current = p.clientX, h.current = e, f.current = t;
       const b = t - e, w = (_) => {
-        const C = _.clientX - d.current;
-        let S = h.current + C, k = f.current + C;
-        S < i && (S = i, k = i + b), k > l && (k = l, S = l - b), s?.(S, k);
+        const S = _.clientX - d.current;
+        let C = h.current + S, k = f.current + S;
+        C < i && (C = i, k = i + b), k > l && (k = l, C = l - b), s?.(C, k);
       }, g = () => {
         u(null), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", g);
       };
@@ -6997,8 +7003,8 @@ var Tl = W.div.attrs((e) => ({
       const v = f.clientX - y.left, p = Math.max(o, Math.min(s, v));
       c.current = p, a?.(p, p);
       const b = (g) => {
-        const _ = g.clientX - y.left, C = Math.max(o, Math.min(s, _)), S = Math.min(c.current, C), k = Math.max(c.current, C);
-        a?.(S, k);
+        const _ = g.clientX - y.left, S = Math.max(o, Math.min(s, _)), C = Math.min(c.current, S), k = Math.max(c.current, S);
+        a?.(C, k);
       }, w = () => {
         l(!1), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
       };
@@ -7241,7 +7247,7 @@ var S0 = C0(), Pl = ({
   clipId: h,
   onCanvasesReady: f
 }) => {
-  const m = t ?? e, { canvasRef: y, canvasMapRef: v } = mi(), p = T([]), b = T(/* @__PURE__ */ new WeakSet()), w = T(d), g = T(f), _ = !!(d && h), C = Dd(), S = pi(r, et, C), k = i ?? S0, I = u ?? (n ? n.sampleRate / 2 : 22050), E = l ?? w0, D = !!l;
+  const m = t ?? e, { canvasRef: y, canvasMapRef: v } = mi(), p = T([]), b = T(/* @__PURE__ */ new WeakSet()), w = T(d), g = T(f), _ = !!(d && h), S = Dd(), C = pi(r, et, S), k = i ?? S0, I = u ?? (n ? n.sampleRate / 2 : 22050), E = l ?? w0, D = !!l;
   j(() => {
     w.current = d;
   }, [d]), j(() => {
@@ -7297,7 +7303,7 @@ var S0 = C0(), Pl = ({
       });
       g.current?.(oe, L);
     }
-  }, [v, _, h, m, r, S]), j(() => () => {
+  }, [v, _, h, m, r, C]), j(() => () => {
     const A = w.current;
     if (A) {
       for (const O of p.current)
@@ -7365,9 +7371,9 @@ var S0 = C0(), Pl = ({
     I,
     E,
     D,
-    S
+    C
   ]);
-  const R = S.map((A) => {
+  const R = C.map((A) => {
     const O = A * et, B = Math.min(r - O, et);
     return /* @__PURE__ */ x(
       x0,
@@ -7399,8 +7405,8 @@ var S0 = C0(), Pl = ({
   spectrogramOnCanvasesReady: d,
   ...h
 }) => {
-  const f = jr(), { waveHeight: m, barWidth: y, barGap: v, samplesPerPixel: p } = ja(), b = vi(), w = o ?? p, g = e && f ? f.selectedWaveOutlineColor : f?.waveOutlineColor, _ = e && f ? f.selectedWaveFillColor : f?.waveFillColor, C = f?.waveformDrawMode || "inverted", S = r || c;
-  if (n === "spectrogram" && S)
+  const f = jr(), { waveHeight: m, barWidth: y, barGap: v, samplesPerPixel: p } = ja(), b = vi(), w = o ?? p, g = e && f ? f.selectedWaveOutlineColor : f?.waveOutlineColor, _ = e && f ? f.selectedWaveFillColor : f?.waveFillColor, S = f?.waveformDrawMode || "inverted", C = r || c;
+  if (n === "spectrogram" && C)
     return /* @__PURE__ */ x(
       Pl,
       {
@@ -7419,7 +7425,7 @@ var S0 = C0(), Pl = ({
         onCanvasesReady: d
       }
     );
-  if (n === "both" && S) {
+  if (n === "both" && C) {
     const k = Math.floor(m / 2);
     return /* @__PURE__ */ me(Lt, { children: [
       /* @__PURE__ */ x(
@@ -7462,7 +7468,7 @@ var S0 = C0(), Pl = ({
               barWidth: y,
               barGap: v,
               transparentBackground: t,
-              drawMode: C
+              drawMode: S
             }
           )
         }
@@ -7480,7 +7486,7 @@ var S0 = C0(), Pl = ({
       barWidth: y,
       barGap: v,
       transparentBackground: t,
-      drawMode: C
+      drawMode: S
     }
   );
 }, Rl = 72, k0 = W.div`
@@ -7541,8 +7547,8 @@ var E0 = ({
       for (const w of v) {
         const g = n(w, r, a);
         if (g < 0 || g > 1) continue;
-        const _ = b + d * (1 - g), C = w >= 1e3 ? `${(w / 1e3).toFixed(1)}k` : `${w} Hz`, S = y.measureText(C), k = 3;
-        y.fillStyle = s, y.fillRect(0, _ - 7, S.width + k * 2, 14), y.fillStyle = o, y.fillText(C, k, _);
+        const _ = b + d * (1 - g), S = w >= 1e3 ? `${(w / 1e3).toFixed(1)}k` : `${w} Hz`, C = y.measureText(S), k = 3;
+        y.fillStyle = s, y.fillRect(0, _ - 7, C.width + k * 2, 14), y.fillStyle = o, y.fillText(S, k, _);
       }
     }
   }, [
@@ -7623,19 +7629,19 @@ var $0 = W.div.attrs((e) => ({
     timeScaleHeight: d,
     controls: { show: h, width: f }
   } = We(Kr), m = vi(), { widthX: y, canvasInfo: v, timeMarkersWithPositions: p } = Te(() => {
-    const S = /* @__PURE__ */ new Map(), k = [], I = A0(n / 1e3, u, c), E = c / u;
+    const C = /* @__PURE__ */ new Map(), k = [], I = A0(n / 1e3, u, c), E = c / u;
     let D = 0;
     for (let R = 0; R < I; R += E * o / 1e3) {
       const A = Math.floor(R);
       if (D % r === 0) {
         const O = D, B = M0(O), X = s ? /* @__PURE__ */ x(bt.Fragment, { children: s(O, A) }, `timestamp-${D}`) : /* @__PURE__ */ x(D0, { $left: A, children: B }, B);
-        k.push({ pix: A, element: X }), S.set(A, d);
-      } else D % a === 0 ? S.set(A, Math.floor(d / 2)) : D % o === 0 && S.set(A, Math.floor(d / 5));
+        k.push({ pix: A, element: X }), C.set(A, d);
+      } else D % a === 0 ? C.set(A, Math.floor(d / 2)) : D % o === 0 && C.set(A, Math.floor(d / 5));
       D += o;
     }
     return {
       widthX: I,
-      canvasInfo: S,
+      canvasInfo: C,
       timeMarkersWithPositions: k
     };
   }, [
@@ -7647,8 +7653,8 @@ var $0 = W.div.attrs((e) => ({
     o,
     s,
     d
-  ]), b = pi(y, et), w = b.map((S) => {
-    const k = S * et, I = Math.min(y - k, et);
+  ]), b = pi(y, et), w = b.map((C) => {
+    const k = C * et, I = Math.min(y - k, et);
     return /* @__PURE__ */ x(
       T0,
       {
@@ -7657,17 +7663,17 @@ var $0 = W.div.attrs((e) => ({
         $timeScaleHeight: d,
         width: I * m,
         height: d * m,
-        "data-index": S,
+        "data-index": C,
         ref: i
       },
-      `timescale-${S}`
+      `timescale-${C}`
     );
-  }), g = b.length > 0 ? b[0] * et : 0, _ = b.length > 0 ? (b[b.length - 1] + 1) * et : 1 / 0, C = b.length > 0 ? p.filter(({ pix: S }) => S >= g && S < _).map(({ element: S }) => S) : p.map(({ element: S }) => S);
+  }), g = b.length > 0 ? b[0] * et : 0, _ = b.length > 0 ? (b[b.length - 1] + 1) * et : 1 / 0, S = b.length > 0 ? p.filter(({ pix: C }) => C >= g && C < _).map(({ element: C }) => C) : p.map(({ element: C }) => C);
   return qn(() => {
-    for (const [S, k] of l.current.entries()) {
+    for (const [C, k] of l.current.entries()) {
       const I = k.getContext("2d");
       if (!I) continue;
-      const E = S * et, D = k.width / m;
+      const E = C * et, D = k.width / m;
       I.resetTransform(), I.clearRect(0, 0, k.width, k.height), I.imageSmoothingEnabled = !1, I.fillStyle = t, I.scale(m, m);
       for (const [R, A] of v.entries()) {
         if (R < E || R >= E + D) continue;
@@ -7690,7 +7696,7 @@ var $0 = W.div.attrs((e) => ({
       $controlWidth: h ? f : 0,
       $timeScaleHeight: d,
       children: [
-        C,
+        S,
         w
       ]
     }
@@ -8183,14 +8189,14 @@ function sv(e) {
   var w = e.bits === 8 ? nv : av, g = e.bits === 8 ? tv : rv;
   f.setInt32(0, 2, !0), f.setUint32(4, e.bits === 8, !0), f.setInt32(8, o, !0), f.setInt32(12, t, !0), f.setInt32(16, c, !0), f.setInt32(20, i, !0);
   for (var _ = 0; _ < a; _++) {
-    var C = 0;
+    var S = 0;
     if (i === 1) {
-      for (var S = 0; S < s.length; ++S)
-        C += s[S][_];
-      C = Math.floor(g * C * n / s.length), C < v[0] && (v[0] = C, v[0] < w && (v[0] = w)), C > p[0] && (p[0] = C, p[0] > g && (p[0] = g));
+      for (var C = 0; C < s.length; ++C)
+        S += s[C][_];
+      S = Math.floor(g * S * n / s.length), S < v[0] && (v[0] = S, v[0] < w && (v[0] = w)), S > p[0] && (p[0] = S, p[0] > g && (p[0] = g));
     } else
       for (var k = 0; k < i; ++k)
-        C = Math.floor(g * s[k][_] * n), C < v[k] && (v[k] = C, v[k] < w && (v[k] = w)), C > p[k] && (p[k] = C, p[k] > g && (p[k] = g));
+        S = Math.floor(g * s[k][_] * n), S < v[k] && (v[k] = S, v[k] < w && (v[k] = w)), S > p[k] && (p[k] = S, p[k] > g && (p[k] = g));
     if (++m === t) {
       for (var I = 0; I < i; I++)
         e.bits === 8 ? (f.setInt8(y++, v[I]), f.setInt8(y++, p[I])) : (f.setInt16(y, v[I], !0), f.setInt16(y + 2, p[I], !0), y += 4), v[I] = 1 / 0, p[I] = -1 / 0;
@@ -8805,7 +8811,7 @@ function Jy(e, t = {}) {
       const g = w ?? p.audioBuffer;
       if (!g && !p.waveformData)
         throw new Error(`Track ${b + 1}: Must provide src, audioBuffer, or waveformData`);
-      const _ = g?.duration ?? p.waveformData?.duration, C = rc({
+      const _ = g?.duration ?? p.waveformData?.duration, S = rc({
         audioBuffer: g,
         startTime: p.startTime ?? 0,
         duration: p.duration ?? _,
@@ -8815,12 +8821,12 @@ function Jy(e, t = {}) {
         fadeOut: p.fadeOut,
         waveformData: p.waveformData
       });
-      if (isNaN(C.startSample) || isNaN(C.durationSamples) || isNaN(C.offsetSamples))
-        throw console.error("Invalid clip values:", C), new Error(`Invalid clip values for track ${b + 1}`);
+      if (isNaN(S.startSample) || isNaN(S.durationSamples) || isNaN(S.offsetSamples))
+        throw console.error("Invalid clip values:", S), new Error(`Invalid clip values for track ${b + 1}`);
       return {
         ...ac({
           name: p.name || `Track ${b + 1}`,
-          clips: [C],
+          clips: [S],
           muted: p.muted ?? !1,
           soloed: p.soloed ?? !1,
           volume: p.volume ?? 1,
@@ -8855,10 +8861,10 @@ function Jy(e, t = {}) {
           }
           if (!g.src)
             throw new Error(`Track ${_ + 1}: Must provide src, audioBuffer, or waveformData`);
-          const C = await fetch(g.src, { signal: f.signal });
-          if (!C.ok)
-            throw new Error(`Failed to fetch ${g.src}: ${C.statusText}`);
-          const S = await C.arrayBuffer(), k = await p.decodeAudioData(S);
+          const S = await fetch(g.src, { signal: f.signal });
+          if (!S.ok)
+            throw new Error(`Failed to fetch ${g.src}: ${S.statusText}`);
+          const C = await S.arrayBuffer(), k = await p.decodeAudioData(C);
           if (!k || !k.sampleRate || !k.duration)
             throw new Error(`Invalid audio buffer for ${g.src}`);
           const I = y(g, _, k);
@@ -8908,9 +8914,9 @@ function Qy({
     (d) => {
       const h = d.operation.source?.data;
       if (!h || !h.boundary || !s.current) return;
-      const { boundary: f, trackIndex: m, clipIndex: y } = h, b = ((d.to?.x ?? d.operation.position.current.x) - d.operation.position.initial.x) * n, w = Math.floor(0.1 * r), g = s.current, _ = e.map((C, S) => {
-        if (S !== m) return C;
-        const k = [...C.clips].sort((D, R) => D.startSample - R.startSample), I = k.findIndex((D) => D === C.clips[y]), E = C.clips.map((D, R) => {
+      const { boundary: f, trackIndex: m, clipIndex: y } = h, b = ((d.to?.x ?? d.operation.position.current.x) - d.operation.position.initial.x) * n, w = Math.floor(0.1 * r), g = s.current, _ = e.map((S, C) => {
+        if (C !== m) return S;
+        const k = [...S.clips].sort((D, R) => D.startSample - R.startSample), I = k.findIndex((D) => D === S.clips[y]), E = S.clips.map((D, R) => {
           if (R !== y) return D;
           if (f === "left") {
             const A = {
@@ -8949,7 +8955,7 @@ function Qy({
             return { ...D, durationSamples: B };
           }
         });
-        return { ...C, clips: E };
+        return { ...S, clips: E };
       });
       i.current = b, t(_);
     },
@@ -8960,17 +8966,17 @@ function Qy({
         if (s.current) {
           const b = d.operation.source?.data;
           if (b) {
-            const { trackIndex: w, clipIndex: g } = b, _ = s.current, C = e.map((S, k) => {
-              if (k !== w) return S;
-              const I = S.clips.map((E, D) => D !== g ? E : {
+            const { trackIndex: w, clipIndex: g } = b, _ = s.current, S = e.map((C, k) => {
+              if (k !== w) return C;
+              const I = C.clips.map((E, D) => D !== g ? E : {
                 ...E,
                 offsetSamples: _.offsetSamples,
                 durationSamples: _.durationSamples,
                 startSample: _.startSample
               });
-              return { ...S, clips: I };
+              return { ...C, clips: I };
             });
-            t(C);
+            t(S);
           }
         }
         o.current = !1, s.current = null, i.current = 0;
@@ -9371,11 +9377,11 @@ function a1({
     !r || e.length === 0 || r(e[e.length - 1].id);
   }, [e, r]), _ = M(() => {
     r && r(null);
-  }, [r]), C = M(() => {
+  }, [r]), S = M(() => {
     if (f < 0 || !h) return;
     const I = e[f], E = s ? void 0 : I.end - I.start;
     h(I.start, E);
-  }, [e, f, s, h]), S = Te(
+  }, [e, f, s, h]), C = Te(
     () => [
       {
         key: "[",
@@ -9405,12 +9411,12 @@ function a1({
       },
       {
         key: "Enter",
-        action: C,
+        action: S,
         description: "Play selected annotation",
         preventDefault: !0
       }
     ],
-    [y, v, C]
+    [y, v, S]
   ), k = Te(
     () => [
       {
@@ -9459,7 +9465,7 @@ function a1({
     [p, b, w, g, _]
   );
   return is({
-    shortcuts: S,
+    shortcuts: C,
     enabled: i && f >= 0
   }), is({
     shortcuts: k,
@@ -9473,7 +9479,7 @@ function a1({
     selectLast: g,
     clearSelection: _,
     scrollToAnnotation: m,
-    playActiveAnnotation: C
+    playActiveAnnotation: S
   };
 }
 const Ja = [
@@ -10119,22 +10125,22 @@ function l1(e = 256) {
     const { masterGainNode: b, destination: w, analyserNode: g } = p;
     try {
       b.disconnect();
-    } catch (C) {
-      console.warn("[waveform-playlist] Error disconnecting master effects chain:", C);
+    } catch (S) {
+      console.warn("[waveform-playlist] Error disconnecting master effects chain:", S);
     }
-    const _ = v.map((C) => a.current.get(C.instanceId)).filter((C) => C !== void 0);
+    const _ = v.map((S) => a.current.get(S.instanceId)).filter((S) => S !== void 0);
     if (_.length === 0)
       b.connect(g), g.connect(w);
     else {
-      let C = b;
-      _.forEach((S) => {
+      let S = b;
+      _.forEach((C) => {
         try {
-          S.disconnect();
+          C.disconnect();
         } catch (k) {
-          console.warn(`[waveform-playlist] Error disconnecting effect "${S.id}":`, k);
+          console.warn(`[waveform-playlist] Error disconnecting effect "${C.id}":`, k);
         }
-        C.connect(S.effect), C = S.effect;
-      }), C.connect(g), g.connect(w);
+        S.connect(C.effect), S = C.effect;
+      }), S.connect(g), g.connect(w);
     }
   }, []), l = M((v) => {
     const p = Gd(v);
@@ -10199,14 +10205,14 @@ function l1(e = 256) {
         destination: p,
         analyserNode: w
       };
-      const _ = r.current.map((C) => a.current.get(C.instanceId)).filter((C) => C !== void 0);
+      const _ = r.current.map((S) => a.current.get(S.instanceId)).filter((S) => S !== void 0);
       if (_.length === 0)
         v.connect(w), w.connect(p);
       else {
-        let C = v;
-        _.forEach((S) => {
-          C.connect(S.effect), C = S.effect;
-        }), C.connect(w), w.connect(p);
+        let S = v;
+        _.forEach((C) => {
+          S.connect(C.effect), S = C.effect;
+        }), S.connect(w), w.connect(p);
       }
       return function() {
         w.dispose(), o.current = null, s.current = null;
@@ -10227,19 +10233,19 @@ function l1(e = 256) {
       return (p, b, w) => {
         const g = [];
         for (const _ of v) {
-          const C = La(_.definition, _.params);
-          g.push(C);
+          const S = La(_.definition, _.params);
+          g.push(S);
         }
         if (g.length === 0)
           p.connect(b);
         else {
           let _ = p;
-          g.forEach((C) => {
-            _.connect(C.effect), _ = C.effect;
+          g.forEach((S) => {
+            _.connect(S.effect), _ = S.effect;
           }), _.connect(b);
         }
         return function() {
-          g.forEach((C) => C.dispose());
+          g.forEach((S) => S.dispose());
         };
       };
   }, [t]);
@@ -10277,10 +10283,10 @@ function c1() {
       w.forEach((_) => {
         try {
           _.disconnect();
-        } catch (C) {
+        } catch (S) {
           console.warn(
             `[waveform-playlist] Error disconnecting effect "${_.id}" on track "${f}":`,
-            C
+            S
           );
         }
         g.connect(_.effect), g = _.effect;
@@ -10326,7 +10332,7 @@ function c1() {
         return g.set(
           f,
           _.map(
-            (C) => C.instanceId === m ? { ...C, params: { ...C.params, [y]: v } } : C
+            (S) => S.instanceId === m ? { ...S, params: { ...S.params, [y]: v } } : S
           )
         ), g;
       });
@@ -10341,10 +10347,10 @@ function c1() {
       w.setParameter("wet", p ? 0 : g);
     }
     t((g) => {
-      const _ = new Map(g), C = _.get(f) || [];
+      const _ = new Map(g), S = _.get(f) || [];
       return _.set(
         f,
-        C.map((S) => S.instanceId === m ? { ...S, bypassed: p } : S)
+        S.map((C) => C.instanceId === m ? { ...C, bypassed: p } : C)
       ), _;
     });
   }, []), c = M((f) => {
@@ -10483,13 +10489,13 @@ function Dv() {
               g = Math.max(g, A);
             }
           g += Math.round(w * 0.1);
-          const _ = g / w, C = d === "individual" ? [{ track: i[h], state: l[h], index: h }] : i.map((D, R) => ({ track: D, state: l[R], index: R })), S = l.some((D) => D.soloed), k = !!v;
+          const _ = g / w, S = d === "individual" ? [{ track: i[h], state: l[h], index: h }] : i.map((D, R) => ({ track: D, state: l[R], index: R })), C = l.some((D) => D.soloed), k = !!v;
           let I;
           if ((y || k) && m)
             I = await Pv(
-              C,
-              l,
               S,
+              l,
+              C,
               _,
               w,
               y,
@@ -10501,9 +10507,9 @@ function Dv() {
           else {
             const D = new OfflineAudioContext(2, g, w);
             let R = 0;
-            const A = C.reduce((O, { track: B }) => O + B.clips.length, 0);
-            for (const { track: O, state: B } of C)
-              if (!(B.muted && !B.soloed) && !(S && !B.soloed))
+            const A = S.reduce((O, { track: B }) => O + B.clips.length, 0);
+            for (const { track: O, state: B } of S)
+              if (!(B.muted && !B.soloed) && !(C && !B.soloed))
                 for (const X of O.clips) {
                   await Wv(D, X, B, w, m), R++;
                   const J = R / A * 0.5;
@@ -10548,8 +10554,8 @@ async function Pv(e, t, n, r, a, o, s, i) {
         o ? b = o(p, v, !0) : p.connect(v);
         for (const { track: w, state: g } of e) {
           if (g.muted && !g.soloed || n && !g.soloed) continue;
-          const _ = new c(Rv(g.volume)), C = new d(g.pan), S = new u(g.muted ? 0 : 1), k = s?.(w.id);
-          k ? k(S, p, !0) : S.connect(p), C.connect(S), _.connect(C);
+          const _ = new c(Rv(g.volume)), S = new d(g.pan), C = new u(g.muted ? 0 : 1), k = s?.(w.id);
+          k ? k(C, p, !0) : C.connect(p), S.connect(C), _.connect(S);
           for (const I of w.clips) {
             const {
               audioBuffer: E,
@@ -10910,12 +10916,12 @@ function Vv(e, t) {
           continue;
         }
         if (m.get(g.audioBuffer)) {
-          const S = y.get(g.audioBuffer);
-          S ? S.add(g.id) : y.set(g.audioBuffer, /* @__PURE__ */ new Set([g.id]));
+          const C = y.get(g.audioBuffer);
+          C ? C.add(g.id) : y.set(g.audioBuffer, /* @__PURE__ */ new Set([g.id]));
           continue;
         }
-        const C = p.get(g.audioBuffer);
-        C ? C.add(g.id) : p.set(g.audioBuffer, /* @__PURE__ */ new Set([g.id]));
+        const S = p.get(g.audioBuffer);
+        S ? S.add(g.id) : p.set(g.audioBuffer, /* @__PURE__ */ new Set([g.id]));
       }
     if (v.length > 0 && r((w) => {
       const g = new Map(w);
@@ -10930,8 +10936,8 @@ function Vv(e, t) {
       const _ = [];
       for (let k = 0; k < w.numberOfChannels; k++)
         _.push(w.getChannelData(k).slice().buffer);
-      const C = `buffer-${Math.random().toString(36).slice(2, 11)}`, S = b.generate({
-        id: C,
+      const S = `buffer-${Math.random().toString(36).slice(2, 11)}`, C = b.generate({
+        id: S,
         channels: _,
         length: w.length,
         sampleRate: w.sampleRate,
@@ -10950,7 +10956,7 @@ function Vv(e, t) {
       }).catch((k) => {
         y.delete(w), m.delete(w), !h && (console.warn("[waveform-playlist] Worker peak generation failed:", k), u.current--, u.current <= 0 && (u.current = 0, o(!1)));
       });
-      m.set(w, S);
+      m.set(w, C);
     }
     return () => {
       h = !0, l.current = /* @__PURE__ */ new WeakMap(), c.current = /* @__PURE__ */ new WeakMap(), u.current = 0, o(!1);
@@ -11069,9 +11075,9 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
         ), [];
     }
     return c.annotations;
-  }, [c?.annotations]), C = T(_);
-  C.current = _;
-  const [S, k] = V(null), [I, E] = V(!1), [D, R] = V(0), [A, O] = V(0), [B, X] = V([]), [J, oe] = V([]), [L, ae] = V([]), [se, ie] = V(s), [ce, ye] = V(
+  }, [c?.annotations]), S = T(_);
+  S.current = _;
+  const [C, k] = V(null), [I, E] = V(!1), [D, R] = V(0), [A, O] = V(0), [B, X] = V([]), [J, oe] = V([]), [L, ae] = V([]), [se, ie] = V(s), [ce, ye] = V(
     c?.isContinuousPlay ?? !1
   ), [_e, Fe] = V(c?.linkEndpoints ?? !1), [Y, N] = V(c?.editable ?? !1), [he, U] = V(!1), $ = T(null), ge = T(!1), Le = T(!1);
   Le.current = I;
@@ -11296,7 +11302,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
     const F = () => {
       const H = Dn();
       be.current = H;
-      const pe = C.current;
+      const pe = S.current;
       if (pe.length > 0) {
         const z = pe.find(
           (Ee) => H >= Ee.start && H < Ee.end
@@ -11435,7 +11441,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
   ro.current = f;
   const Ni = M(
     (F) => {
-      const H = typeof F == "function" ? F(C.current) : F;
+      const H = typeof F == "function" ? F(S.current) : F;
       if (!ro.current) {
         process.env.NODE_ENV !== "production" && console.warn(
           "waveform-playlist: setAnnotations was called but no onAnnotationsChange callback is provided. Annotation edits will not persist. Pass onAnnotationsChange to WaveformPlaylistProvider to handle annotation updates."
@@ -11470,7 +11476,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       isAutomaticScroll: se,
       isLoopEnabled: Ht,
       annotations: _,
-      activeAnnotationId: S,
+      activeAnnotationId: C,
       selectionStart: ot,
       selectionEnd: mt,
       selectedTrackId: Ii,
@@ -11484,7 +11490,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       se,
       Ht,
       _,
-      S,
+      C,
       ot,
       mt,
       Ii,
@@ -11900,7 +11906,7 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
   onReady: f,
   children: m
 }) => {
-  const y = d ?? c + u, [v, p] = V(!1), [b, w] = V(0), [g, _] = V(0), [C, S] = V([]), [k, I] = V(a), E = Te(() => {
+  const y = d ?? c + u, [v, p] = V(!1), [b, w] = V(0), [g, _] = V(0), [S, C] = V([]), [k, I] = V(a), E = Te(() => {
     if (!l?.annotations) return [];
     if (process.env.NODE_ENV !== "production" && l.annotations.length > 0) {
       const G = l.annotations[0];
@@ -11974,7 +11980,7 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
         startSample: 0,
         durationSamples: Math.ceil(e.waveformData.duration * $)
       };
-      S([[ue]]);
+      C([[ue]]);
     } catch (G) {
       console.warn("[waveform-playlist] Failed to extract peaks from waveform data:", G);
     }
@@ -12087,7 +12093,7 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
   ), St = Te(
     () => ({
       duration: g,
-      peaksDataArray: C,
+      peaksDataArray: S,
       sampleRate: $,
       waveHeight: n,
       timeScaleHeight: Oe,
@@ -12100,7 +12106,7 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
     }),
     [
       g,
-      C,
+      S,
       $,
       n,
       Oe,
@@ -12415,15 +12421,15 @@ const $1 = ({ className: e }) => {
 }) => {
   const r = T(null), a = T(null), o = jr(), { waveHeight: s } = ja(), { isPlaying: i, currentTimeRef: l, getPlaybackTime: c } = xt(), { samplesPerPixel: u, sampleRate: d } = Dt(), h = o?.waveProgressColor || "rgba(0, 0, 0, 0.1)";
   j(() => {
-    const C = () => {
+    const S = () => {
       if (r.current) {
         const k = (i ? c() : l.current ?? 0) * d, I = e + t;
         let E = 0;
         k <= e ? E = 0 : k >= I ? E = 1 : E = (k - e) / t, r.current.style.transform = `scaleX(${E})`;
       }
-      i && (a.current = requestAnimationFrame(C));
+      i && (a.current = requestAnimationFrame(S));
     };
-    return i ? a.current = requestAnimationFrame(C) : C(), () => {
+    return i ? a.current = requestAnimationFrame(S) : S(), () => {
       a.current && (cancelAnimationFrame(a.current), a.current = null);
     };
   }, [
@@ -12437,9 +12443,9 @@ const $1 = ({ className: e }) => {
     c
   ]), j(() => {
     if (!i && r.current) {
-      const S = (l.current ?? 0) * d, k = e + t;
+      const C = (l.current ?? 0) * d, k = e + t;
       let I = 0;
-      S <= e ? I = 0 : S >= k ? I = 1 : I = (S - e) / t, r.current.style.transform = `scaleX(${I})`;
+      C <= e ? I = 0 : C >= k ? I = 1 : I = (C - e) / t, r.current.style.transform = `scaleX(${I})`;
     }
   });
   const f = o?.waveformDrawMode || "inverted";
@@ -12521,8 +12527,8 @@ const Kv = 60, jv = ({
     selectionEnd: w,
     annotations: g,
     activeAnnotationId: _,
-    annotationsEditable: C,
-    linkEndpoints: S,
+    annotationsEditable: S,
+    linkEndpoints: C,
     continuousPlay: k,
     selectedTrackId: I,
     loopStart: E,
@@ -12915,7 +12921,7 @@ const Kv = 60, jv = ({
                     color: "#ff9800",
                     isActive: Z.id === _,
                     onClick: () => nt(Z),
-                    editable: C
+                    editable: S
                   },
                   Z.id
                 );
@@ -13118,60 +13124,60 @@ function oy(e) {
     "onDragOver",
     "onDragEnd"
   ]);
-  const u = T(null), { plugins: d, modifiers: h, sensors: f } = c, m = Ut(d, Nn.plugins), y = Ut(f, Nn.sensors), v = Ut(h, Nn.modifiers), p = On(a), b = On(o), w = On(i), g = On(s), _ = On(l), C = On(r), S = sy(() => {
+  const u = T(null), { plugins: d, modifiers: h, sensors: f } = c, m = Ut(d, Nn.plugins), y = Ut(f, Nn.sensors), v = Ut(h, Nn.modifiers), p = On(a), b = On(o), w = On(i), g = On(s), _ = On(l), S = On(r), C = sy(() => {
     var k;
     return (k = c.manager) != null ? k : new si(c);
   });
   return j(() => {
     if (!u.current) throw new Error("Renderer not found");
-    const { renderer: k, trackRendering: I } = u.current, { monitor: E } = S;
-    S.renderer = k;
+    const { renderer: k, trackRendering: I } = u.current, { monitor: E } = C;
+    C.renderer = k;
     const D = [
       E.addEventListener("beforedragstart", (R) => {
         const A = p.current;
-        A && I(() => A(R, S));
+        A && I(() => A(R, C));
       }),
       E.addEventListener(
         "dragstart",
         (R) => {
           var A;
-          return (A = b.current) == null ? void 0 : A.call(b, R, S);
+          return (A = b.current) == null ? void 0 : A.call(b, R, C);
         }
       ),
       E.addEventListener("dragover", (R) => {
         const A = w.current;
-        A && I(() => A(R, S));
+        A && I(() => A(R, C));
       }),
       E.addEventListener("dragmove", (R) => {
         const A = g.current;
-        A && I(() => A(R, S));
+        A && I(() => A(R, C));
       }),
       E.addEventListener("dragend", (R) => {
         const A = _.current;
-        A && I(() => A(R, S));
+        A && I(() => A(R, C));
       }),
       E.addEventListener(
         "collision",
         (R) => {
           var A;
-          return (A = C.current) == null ? void 0 : A.call(C, R, S);
+          return (A = S.current) == null ? void 0 : A.call(S, R, C);
         }
       )
     ];
     return () => D.forEach((R) => R());
-  }, [S]), _o(
+  }, [C]), _o(
     m,
-    () => S && (S.plugins = m),
+    () => C && (C.plugins = m),
     ...xo
   ), _o(
     y,
-    () => S && (S.sensors = y),
+    () => C && (C.sensors = y),
     ...xo
   ), _o(
     v,
-    () => S && (S.modifiers = v),
+    () => C && (C.modifiers = v),
     ...xo
-  ), /* @__PURE__ */ me(ry.Provider, { value: S, children: [
+  ), /* @__PURE__ */ me(ry.Provider, { value: C, children: [
     /* @__PURE__ */ x(ay, { ref: u, children: n }),
     n
   ] });
@@ -13477,8 +13483,8 @@ const Cy = (e) => {
     timeScaleHeight: w,
     samplesPerPixel: g,
     controls: _,
-    playoutRef: C,
-    barWidth: S,
+    playoutRef: S,
+    barWidth: C,
     barGap: k
   } = _i(), [I, E] = V(0), [D, R] = V(0), [A, O] = V(!1), B = T(null), X = M(
     (Y) => {
@@ -13529,7 +13535,7 @@ const Cy = (e) => {
       if (!A) return;
       O(!1);
       const N = Y.currentTarget.getBoundingClientRect(), he = _.show ? _.width : 0, $ = (Y.clientX - N.left - he) * g / p, ge = Math.min(I, $), Le = Math.max(I, $);
-      Math.abs(Le - ge) < 0.1 ? (d(ge), E(ge), R(ge), s && C.current && (C.current.stop(), u(ge))) : (E(ge), R(Le));
+      Math.abs(Le - ge) < 0.1 ? (d(ge), E(ge), R(ge), s && S.current && (S.current.stop(), u(ge))) : (E(ge), R(Le));
     },
     [
       A,
@@ -13539,7 +13545,7 @@ const Cy = (e) => {
       _,
       d,
       s,
-      C,
+      S,
       u
     ]
   );
@@ -13557,7 +13563,7 @@ const Cy = (e) => {
         timeScaleHeight: w,
         duration: y * 1e3,
         controls: _,
-        barWidth: S,
+        barWidth: C,
         barGap: k
       },
       children: /* @__PURE__ */ x(