@waveform-playlist/browser 9.0.2 → 9.0.4

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as Sf from "tone";
-import { now as Co, Context as kf, setContext as If, Volume as Ul, getDestination as Kl, getTransport as Ot, start as Af, getContext as Gt, Panner as Ef, Gain as Mf, Analyser as jl, StereoWidener as $f, Gate as Tf, Limiter as Df, Compressor as Pf, Chebyshev as Rf, BitCrusher as Wf, Distortion as Ff, EQ3 as Of, AutoWah as Bf, AutoFilter as Vf, AutoPanner as Lf, Vibrato as zf, Tremolo as Zf, Phaser as Hf, Chorus as Nf, PingPongDelay as Xf, FeedbackDelay as Gf, JCReverb as Yf, Freeverb as Uf, Reverb as Kf } from "tone";
+import { now as Co, Context as kf, setContext as If, Volume as Ul, getDestination as Kl, getTransport as Ot, start as Ef, getContext as Gt, Panner as Af, Gain as Mf, Analyser as jl, StereoWidener as $f, Gate as Tf, Limiter as Df, Compressor as Pf, Chebyshev as Rf, BitCrusher as Wf, Distortion as Ff, EQ3 as Of, AutoWah as Bf, AutoFilter as Vf, AutoPanner as Lf, Vibrato as zf, Tremolo as Zf, Phaser as Hf, Chorus as Nf, PingPongDelay as Xf, FeedbackDelay as Gf, JCReverb as Yf, Freeverb as Uf, Reverb as Kf } from "tone";
 import { jsx as x, jsxs as me, Fragment as Lt } from "react/jsx-runtime";
 import * as P from "react";
 import bt, { useEffect as j, useLayoutEffect as qn, useRef as T, useMemo as Te, useState as V, useCallback as M, useContext as We, createContext as Ze, memo as ql, forwardRef as Jl, startTransition as fs, useImperativeHandle as Ql, Fragment as jf, useSyncExternalStore as qf, useInsertionEffect as Jf } from "react";
@@ -210,7 +210,7 @@ function el(e, t, n, r = "linear", a = 1, o = 0) {
 }
 var lh = class {
   constructor(e) {
-    this.activeSources = /* @__PURE__ */ new Set(), this._scheduleGuardOffset = 0, this.track = e.track, this.volumeNode = new Ul(this.gainToDb(e.track.gain)), this.panNode = new Ef(e.track.stereoPan), this.muteGain = new Mf(e.track.muted ? 0 : 1), this.volumeNode.chain(this.panNode, this.muteGain);
+    this.activeSources = /* @__PURE__ */ new Set(), this._scheduleGuardOffset = 0, this.track = e.track, this.volumeNode = new Ul(this.gainToDb(e.track.gain)), this.panNode = new Af(e.track.stereoPan), this.muteGain = new Mf(e.track.muted ? 0 : 1), this.volumeNode.chain(this.panNode, this.muteGain);
     const t = e.destination || Kl();
     if (e.effects) {
       const s = e.effects(this.muteGain, t, !1);
@@ -488,7 +488,7 @@ var lh = class {
     }
   }
   async init() {
-    this.isInitialized || (await Af(), this.isInitialized = !0);
+    this.isInitialized || (await Ef(), this.isInitialized = !0);
   }
   addTrack(e) {
     const t = {
@@ -554,6 +554,14 @@ var lh = class {
     } catch (t) {
       console.warn("[waveform-playlist] Transport.stop() failed:", t);
     }
+    if (this._loopHandler) {
+      try {
+        e.off("loop", this._loopHandler);
+      } catch (t) {
+        console.warn("[waveform-playlist] Error removing loop handler:", t);
+      }
+      this._loopHandler = null;
+    }
     this.tracks.forEach((t) => t.stopAllSources()), this.tracks.forEach((t) => t.cancelFades()), this.clearCompletionEvent();
   }
   setMasterGain(e) {
@@ -1002,7 +1010,7 @@ var mh = 44100, gh = 1e3, vh = [256, 512, 1024, 2048, 4096, 8192], rl = 0.1, yh
       if (t !== void 0)
         this._adapter.setLoop(!1, this._loopStart, this._loopEnd);
       else if (this._isLoopEnabled) {
-        const a = this._currentTime >= this._loopStart && this._currentTime < this._loopEnd;
+        const a = this._currentTime < this._loopEnd;
         this._adapter.setLoop(a, this._loopStart, this._loopEnd);
       }
       try {
@@ -1039,17 +1047,13 @@ var mh = 44100, gh = 1e3, vh = [256, 512, 1024, 2048, 4096, 8192], rl = 0.1, yh
   setLoopRegion(e, t) {
     const n = Math.min(e, t), r = Math.max(e, t);
     n === this._loopStart && r === this._loopEnd || (this._loopStart = n, this._loopEnd = r, this._adapter?.setLoop(
-      this._isLoopEnabled && this._shouldActivateTransportLoop(),
+      this._isLoopEnabled && this._isBeforeLoopEnd(),
       this._loopStart,
       this._loopEnd
     ), this._emitStateChange());
   }
   setLoopEnabled(e) {
-    e !== this._isLoopEnabled && (this._isLoopEnabled = e, this._adapter?.setLoop(
-      e && this._shouldActivateTransportLoop(),
-      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)
@@ -1119,20 +1123,19 @@ var mh = 44100, gh = 1e3, vh = [256, 512, 1024, 2048, 4096, 8192], rl = 0.1, yh
           console.warn("[waveform-playlist/engine] Error in event listener:", a);
         }
   }
-  _emitStateChange() {
-    this._emit("statechange", this.getState());
-  }
   /**
-   * Returns whether Transport loop should be active right now.
-   * When not playing, returns true unconditionally — the intent to loop
-   * should be honored when playback starts (play() has its own position
-   * check). During playback, checks if the live position is within the
-   * loop region [loopStart, loopEnd).
+   * Returns whether the current playback position is before loopEnd.
+   * Used by setLoopEnabled/setLoopRegion during playback — if past loopEnd,
+   * Transport loop stays off so playback continues to the end.
+   * Note: play() uses an inline check instead — _isPlaying is still false
+   * when play() runs, and this method returns true unconditionally when
+   * not playing.
    */
-  _shouldActivateTransportLoop() {
-    if (!this._isPlaying) return !0;
-    const e = this._adapter?.getCurrentTime() ?? this._currentTime;
-    return e >= this._loopStart && e < this._loopEnd;
+  _isBeforeLoopEnd() {
+    return this._isPlaying ? (this._adapter?.getCurrentTime() ?? this._currentTime) < this._loopEnd : !0;
+  }
+  _emitStateChange() {
+    this._emit("statechange", this.getState());
   }
   _startTimeUpdateLoop() {
     if (typeof requestAnimationFrame > "u") return;
@@ -1152,7 +1155,7 @@ function Za() {
   else {
     for (var e, t = !1; Sr !== void 0; ) {
       var n = Sr;
-      for (Sr = void 0, Ao++; n !== void 0; ) {
+      for (Sr = void 0, Eo++; n !== void 0; ) {
         var r = n.o;
         if (n.o = void 0, n.f &= -3, !(8 & n.f) && uc(n)) try {
           n.c();
@@ -1162,7 +1165,7 @@ function Za() {
         n = r;
       }
     }
-    if (Ao = 0, on--, t) throw e;
+    if (Eo = 0, on--, t) throw e;
   }
 }
 function sn(e) {
@@ -1184,7 +1187,7 @@ function Se(e) {
     ve = t;
   }
 }
-var Sr = void 0, on = 0, Ao = 0, Sa = 0;
+var Sr = void 0, on = 0, Eo = 0, Sa = 0;
 function cc(e) {
   if (ve !== void 0) {
     var t = e.n;
@@ -1253,7 +1256,7 @@ Object.defineProperty(ut.prototype, "value", { get: function() {
   return e !== void 0 && (e.i = this.i), this.v;
 }, set: function(e) {
   if (e !== this.v) {
-    if (Ao > 100) throw new Error("Cycle detected");
+    if (Eo > 100) throw new Error("Cycle detected");
     this.v = e, this.i++, Sa++, on++;
     try {
       for (var t = this.t; t !== void 0; t = t.x) t.t.N();
@@ -1393,19 +1396,19 @@ function Mt(e, t) {
   var r = n.d.bind(n);
   return r[Symbol.dispose] = r, r;
 }
-var _h = Object.create, ps = Object.defineProperty, xh = Object.defineProperties, Ch = Object.getOwnPropertyDescriptor, Sh = Object.getOwnPropertyDescriptors, ol = Object.getOwnPropertySymbols, kh = Object.prototype.hasOwnProperty, Ih = Object.prototype.propertyIsEnumerable, Ah = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), Qn = (e) => {
+var _h = Object.create, ps = Object.defineProperty, xh = Object.defineProperties, Ch = Object.getOwnPropertyDescriptor, Sh = Object.getOwnPropertyDescriptors, ol = Object.getOwnPropertySymbols, kh = Object.prototype.hasOwnProperty, Ih = Object.prototype.propertyIsEnumerable, Eh = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), Qn = (e) => {
   throw TypeError(e);
-}, Eo = (e, t, n) => t in e ? ps(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Eh = (e, t) => {
+}, Ao = (e, t, n) => t in e ? ps(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ah = (e, t) => {
   for (var n in t || (t = {}))
-    kh.call(t, n) && Eo(e, n, t[n]);
+    kh.call(t, n) && Ao(e, n, t[n]);
   if (ol)
     for (var n of ol(t))
-      Ih.call(t, n) && Eo(e, n, t[n]);
+      Ih.call(t, n) && Ao(e, n, t[n]);
   return e;
 }, Mh = (e, t) => xh(e, Sh(t)), sl = (e, t) => ps(e, "name", { value: t, configurable: !0 }), $h = (e) => {
   var t;
   return [, , , _h((t = void 0) != null ? t : null)];
-}, pc = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], hr = (e) => e !== void 0 && typeof e != "function" ? Qn("Function expected") : e, Th = (e, t, n, r, a) => ({ kind: pc[e], name: t, metadata: r, addInitializer: (o) => n._ ? Qn("Already initialized") : a.push(hr(o || null)) }), mc = (e, t) => Eo(t, Ah("metadata"), e[3]), mn = (e, t, n, r) => {
+}, pc = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], hr = (e) => e !== void 0 && typeof e != "function" ? Qn("Function expected") : e, Th = (e, t, n, r, a) => ({ kind: pc[e], name: t, metadata: r, addInitializer: (o) => n._ ? Qn("Already initialized") : a.push(hr(o || null)) }), mc = (e, t) => Ao(t, Eh("metadata"), e[3]), mn = (e, t, n, r) => {
   for (var a = 0, o = e[t >> 1], s = o && o.length; a < s; a++) t & 1 ? o[a].call(n) : r = o[a].call(n, r);
   return r;
 }, er = (e, t, n, r, a, o) => {
@@ -1480,7 +1483,7 @@ function io(e = !0) {
   return function(t, n) {
     n.addInitializer(function() {
       const r = n.kind === "field" ? this : n.static ? this : Object.getPrototypeOf(this), a = Object.getOwnPropertyDescriptor(r, n.name);
-      a && Object.defineProperty(r, n.name, Mh(Eh({}, a), { enumerable: e }));
+      a && Object.defineProperty(r, n.name, Mh(Ah({}, a), { enumerable: e }));
     });
   };
 }
@@ -1552,11 +1555,11 @@ var Rh = Object.create, Cc = Object.defineProperty, Wh = Object.getOwnPropertyDe
 }, kc = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Ic = (e) => e !== void 0 && typeof e != "function" ? Ha("Function expected") : e, Lh = (e, t, n, r, a) => ({ kind: kc[e], name: t, metadata: r, addInitializer: (o) => n._ ? Ha("Already initialized") : a.push(Ic(o || null)) }), zh = (e, t) => Ro(t, Sc("metadata"), e[3]), Zh = (e, t, n, r) => {
   for (var a = 0, o = e[t >> 1], s = o && o.length; a < s; a++) o[a].call(n);
   return r;
-}, Ac = (e, t, n, r, a, o) => {
+}, Ec = (e, t, n, r, a, o) => {
   for (var s, i, l, c, u = t & 7, d = !1, h = !1, f = 2, m = kc[u + 5], y = e[f] || (e[f] = []), v = (a = a.prototype, Wh(a, n)), p = r.length - 1; p >= 0; p--)
     l = Lh(u, n, i = {}, e[3], y), l.static = d, l.private = h, c = l.access = { has: (b) => n in b }, c.get = (b) => b[n], s = (0, r[p])(v[m], l), i._ = 1, Ic(s) && (v[m] = s);
   return v && Cc(a, n, v), a;
-}, Ec = (e, t, n) => t.has(e) || Ha("Cannot " + n), Hh = (e, t, n) => (Ec(e, t, "read from private field"), t.get(e)), Nh = (e, t, n) => t.has(e) ? Ha("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Xh = (e, t, n, r) => (Ec(e, t, "write to private field"), t.set(e, n), n), Vt = class Wo {
+}, Ac = (e, t, n) => t.has(e) || Ha("Cannot " + n), Hh = (e, t, n) => (Ac(e, t, "read from private field"), t.get(e)), Nh = (e, t, n) => t.has(e) ? Ha("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Xh = (e, t, n, r) => (Ac(e, t, "write to private field"), t.set(e, n), n), Vt = class Wo {
   /**
    * @param {number} Coordinate of the point on the horizontal axis
    * @param {number} Coordinate of the point on the vertical axis
@@ -1719,8 +1722,8 @@ var Mc, $c, Fo, fa, Zr, Na = class extends (Fo = cn, $c = [De], Mc = [De], Fo) {
 };
 Zr = Vh(Fo);
 fa = /* @__PURE__ */ new WeakMap();
-Ac(Zr, 2, "delta", $c, Na);
-Ac(Zr, 2, "direction", Mc, Na);
+Ec(Zr, 2, "delta", $c, Na);
+Ec(Zr, 2, "direction", Mc, Na);
 zh(Zr, Na);
 function Oo({ x: e, y: t }, n) {
   const r = Math.abs(e), a = Math.abs(t);
@@ -1746,7 +1749,7 @@ var Tc = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(Tc |
 }, nr = (e) => {
   var t;
   return [, , , Yh((t = e?.[Wc("metadata")]) != null ? t : null)];
-}, Vc = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], pr = (e) => e !== void 0 && typeof e != "function" ? tr("Function expected") : e, qh = (e, t, n, r, a) => ({ kind: Vc[e], name: t, metadata: r, addInitializer: (o) => n._ ? tr("Already initialized") : a.push(pr(o || null)) }), An = (e, t) => Bo(t, Wc("metadata"), e[3]), ee = (e, t, n, r) => {
+}, Vc = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], pr = (e) => e !== void 0 && typeof e != "function" ? tr("Function expected") : e, qh = (e, t, n, r, a) => ({ kind: Vc[e], name: t, metadata: r, addInitializer: (o) => n._ ? tr("Already initialized") : a.push(pr(o || null)) }), En = (e, t) => Bo(t, Wc("metadata"), e[3]), ee = (e, t, n, r) => {
   for (var a = 0, o = e[t >> 1], s = o && o.length; a < s; a++) t & 1 ? o[a].call(n) : r = o[a].call(n, r);
   return r;
 }, de = (e, t, n, r, a, o) => {
@@ -1758,7 +1761,7 @@ var Tc = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(Tc |
   d ? f && d < 4 && cl(o, (d > 2 ? "set " : d > 1 ? "get " : "") + n) : cl(a, n);
   for (var w = r.length - 1; w >= 0; w--)
     c = qh(d, n, l = {}, e[3], p), d && (c.static = h, c.private = f, u = c.access = { has: f ? (g) => Jh(a, g) : (g) => n in g }, d ^ 3 && (u.get = f ? (g) => (d ^ 1 ? je : Qh)(g, a, d ^ 4 ? o : b.get) : (g) => g[n]), d > 2 && (u.set = f ? (g, _) => It(g, a, _, d ^ 4 ? o : b.set) : (g, _) => g[n] = _)), i = (0, r[w])(d ? d < 4 ? f ? o : b[y] : d > 4 ? void 0 : { get: b.get, set: b.set } : a, c), l._ = 1, d ^ 4 || i === void 0 ? pr(i) && (d > 4 ? v.unshift(i) : d ? f ? o = i : b[y] = i : a = i) : typeof i != "object" || i === null ? tr("Object expected") : (pr(s = i.get) && (b.get = s), pr(s = i.set) && (b.set = s), pr(s = i.init) && v.unshift(s));
-  return d || An(e, a), b && bs(a, n, b), f ? d ^ 4 ? o : b : a;
+  return d || En(e, a), b && bs(a, n, b), f ? d ^ 4 ? o : b : a;
 }, ws = (e, t, n) => t.has(e) || tr("Cannot " + n), Jh = (e, t) => Object(t) !== t ? tr('Cannot use the "in" operator on this value') : e.has(t), je = (e, t, n) => (ws(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Ce = (e, t, n) => t.has(e) ? tr("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), It = (e, t, n, r) => (ws(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), Qh = (e, t, n) => (ws(e, t, "access private method"), n);
 function Lc(e, t) {
   return {
@@ -1862,7 +1865,7 @@ Tr = nr(null);
 xs = /* @__PURE__ */ new WeakMap();
 ha = /* @__PURE__ */ new WeakMap();
 de(Tr, 4, "disabled", zc, pt, xs);
-An(Tr, pt);
+En(Tr, pt);
 var Hr = class extends pt {
 }, pa, ho = class {
   /**
@@ -2133,17 +2136,17 @@ var ap = class extends Hr {
       }
     );
   }
-}, Cs = /* @__PURE__ */ ((e) => (e[e.Lowest = 0] = "Lowest", e[e.Low = 1] = "Low", e[e.Normal = 2] = "Normal", e[e.High = 3] = "High", e[e.Highest = 4] = "Highest", e))(Cs || {}), Ss = /* @__PURE__ */ ((e) => (e[e.Collision = 0] = "Collision", e[e.ShapeIntersection = 1] = "ShapeIntersection", e[e.PointerIntersection = 2] = "PointerIntersection", e))(Ss || {}), Zc, Hc, Nc, Xc, Gc, Yc, Uc, Et, ks;
+}, Cs = /* @__PURE__ */ ((e) => (e[e.Lowest = 0] = "Lowest", e[e.Low = 1] = "Low", e[e.Normal = 2] = "Normal", e[e.High = 3] = "High", e[e.Highest = 4] = "Highest", e))(Cs || {}), Ss = /* @__PURE__ */ ((e) => (e[e.Collision = 0] = "Collision", e[e.ShapeIntersection = 1] = "ShapeIntersection", e[e.PointerIntersection = 2] = "PointerIntersection", e))(Ss || {}), Zc, Hc, Nc, Xc, Gc, Yc, Uc, At, ks;
 Uc = [fe], Yc = [De], Gc = [De], Xc = [De], Nc = [De], Hc = [De], Zc = [De];
 var qt = class {
   constructor() {
-    ee(Et, 5, this), Ce(this, ks, ee(
-      Et,
+    ee(At, 5, this), Ce(this, ks, ee(
+      At,
       8,
       this,
       "idle"
       /* Idle */
-    )), ee(Et, 11, this);
+    )), ee(At, 11, this);
   }
   get current() {
     return this.value;
@@ -2173,16 +2176,16 @@ var qt = class {
     this.value = e;
   }
 };
-Et = nr(null);
+At = nr(null);
 ks = /* @__PURE__ */ new WeakMap();
-de(Et, 4, "value", Uc, qt, ks);
-de(Et, 2, "current", Yc, qt);
-de(Et, 2, "idle", Gc, qt);
-de(Et, 2, "initializing", Xc, qt);
-de(Et, 2, "initialized", Nc, qt);
-de(Et, 2, "dragging", Hc, qt);
-de(Et, 2, "dropped", Zc, qt);
-An(Et, qt);
+de(At, 4, "value", Uc, qt, ks);
+de(At, 2, "current", Yc, qt);
+de(At, 2, "idle", Gc, qt);
+de(At, 2, "initializing", Xc, qt);
+de(At, 2, "initialized", Nc, qt);
+de(At, 2, "dragging", Hc, qt);
+de(At, 2, "dropped", Zc, qt);
+En(At, qt);
 var op = class {
   /**
    * Creates a new instance of drag actions.
@@ -2362,7 +2365,7 @@ var op = class {
       }), o ? o.then(i).catch(() => r.reset()) : i();
     });
   }
-}, Kc, jc, qc, Jc, ht, Is, As, Es, Ms;
+}, Kc, jc, qc, Jc, ht, Is, Es, As, Ms;
 Jc = [fe], qc = [fe], jc = [fe], Kc = [fe];
 var un = class {
   /**
@@ -2372,7 +2375,7 @@ var un = class {
    * @param manager - The manager that controls the drag and drop operations.
    */
   constructor(e, t) {
-    Ce(this, Is, ee(ht, 8, this)), ee(ht, 11, this), Ce(this, As, ee(ht, 12, this)), ee(ht, 15, this), Ce(this, Es, ee(ht, 16, this)), ee(ht, 19, this), Ce(this, Ms, ee(ht, 20, this)), ee(ht, 23, this);
+    Ce(this, Is, ee(ht, 8, this)), ee(ht, 11, this), Ce(this, Es, ee(ht, 12, this)), ee(ht, 15, this), Ce(this, As, ee(ht, 16, this)), ee(ht, 19, this), Ce(this, Ms, ee(ht, 20, this)), ee(ht, 23, this);
     const { effects: n, id: r, data: a = {}, disabled: o = !1, register: s = !0 } = e;
     let i = r;
     this.manager = t, this.id = r, this.data = a, this.disabled = o, this.effects = () => {
@@ -2414,14 +2417,14 @@ var un = class {
 };
 ht = nr(null);
 Is = /* @__PURE__ */ new WeakMap();
-As = /* @__PURE__ */ new WeakMap();
 Es = /* @__PURE__ */ new WeakMap();
+As = /* @__PURE__ */ new WeakMap();
 Ms = /* @__PURE__ */ new WeakMap();
 de(ht, 4, "manager", Jc, un, Is);
-de(ht, 4, "id", qc, un, As);
-de(ht, 4, "data", jc, un, Es);
+de(ht, 4, "id", qc, un, Es);
+de(ht, 4, "data", jc, un, As);
 de(ht, 4, "disabled", Kc, un, Ms);
-An(ht, un);
+En(ht, un);
 var ul = class {
   constructor() {
     this.map = Vr(/* @__PURE__ */ new Map()), this.cleanupFunctions = /* @__PURE__ */ new WeakMap(), this.register = (e, t) => {
@@ -2507,7 +2510,7 @@ de(lt, 4, "status", nu, zt, Ds);
 de(lt, 2, "isDropping", tu, zt);
 de(lt, 2, "isDragging", eu, zt);
 de(lt, 2, "isDragSource", Qc, zt);
-An(lt, zt);
+En(lt, zt);
 var ou, su, iu, lu, cu, uu, Lo, Xe, Ps, Rs, Ws, Fs, Os, Zt = class extends (Lo = un, uu = [fe], cu = [fe], lu = [fe], iu = [fe], su = [fe], ou = [De], Lo) {
   constructor(t, n) {
     var r = t, { accept: a, collisionDetector: o, collisionPriority: s, type: i } = r, l = Bc(r, ["accept", "collisionDetector", "collisionPriority", "type"]);
@@ -2540,7 +2543,7 @@ de(Xe, 4, "collisionDetector", lu, Zt, Ws);
 de(Xe, 4, "collisionPriority", iu, Zt, Fs);
 de(Xe, 4, "shape", su, Zt, Os);
 de(Xe, 2, "isDropTarget", ou, Zt);
-An(Xe, Zt);
+En(Xe, Zt);
 var Gn = class extends pt {
   /**
    * Creates a new sensor instance.
@@ -2760,7 +2763,7 @@ de(Pe, 4, "modifiers", mu, Rt, Zs);
 de(Pe, 2, "source", pu, Rt);
 de(Pe, 2, "target", hu, Rt);
 de(Pe, 2, "transform", fu, Rt);
-An(Pe, Rt);
+En(Pe, Rt);
 var lp = {
   get rendering() {
     return Promise.resolve();
@@ -2887,12 +2890,12 @@ function Cn(e) {
 function Cu(e) {
   return e instanceof $t(e).SVGElement || "namespaceURI" in e && typeof e.namespaceURI == "string" && e.namespaceURI.endsWith("svg");
 }
-function En(e) {
+function An(e) {
   return e ? Ns(e) ? e.document : Nr(e) ? Xs(e) ? e : Cn(e) || Cu(e) ? e.ownerDocument : document : document : document;
 }
 function dp(e) {
   var t, n, r, a;
-  const { documentElement: o } = En(e), s = $t(e).visualViewport, i = (t = s?.width) != null ? t : o.clientWidth, l = (n = s?.height) != null ? n : o.clientHeight, c = (r = s?.offsetTop) != null ? r : 0, u = (a = s?.offsetLeft) != null ? a : 0;
+  const { documentElement: o } = An(e), s = $t(e).visualViewport, i = (t = s?.width) != null ? t : o.clientWidth, l = (n = s?.height) != null ? n : o.clientHeight, c = (r = s?.offsetTop) != null ? r : 0, u = (a = s?.offsetLeft) != null ? a : 0;
   return {
     top: c,
     left: u,
@@ -2911,19 +2914,19 @@ function fp(e, t) {
 function hp(e) {
   return e.tagName === "DETAILS";
 }
-function Aa(e, t = e.getBoundingClientRect(), n = 0) {
+function Ea(e, t = e.getBoundingClientRect(), n = 0) {
   var r, a, o, s, i;
   let l = t;
   const { ownerDocument: c } = e, u = (r = c.defaultView) != null ? r : window;
   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
@@ -2993,7 +2996,7 @@ function ku() {
 function Ys(e) {
   return !e || !Nr(e) ? !1 : e instanceof $t(e).ShadowRoot;
 }
-function Ea(e) {
+function Aa(e) {
   if (e && Nr(e)) {
     let t = e.getRootNode();
     if (Ys(t))
@@ -3001,7 +3004,7 @@ function Ea(e) {
     if (t instanceof Document)
       return t;
   }
-  return En(e);
+  return An(e);
 }
 function Iu(e) {
   return e.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -3022,13 +3025,13 @@ function dl(e) {
 function fl(e) {
   return e.tagName === "CANVAS";
 }
-function Au(e, { x: t, y: n }) {
+function Eu(e, { x: t, y: n }) {
   const r = e.elementFromPoint(t, n);
   if (mp(r)) {
     const { contentDocument: a } = r;
     if (a) {
       const { left: o, top: s } = r.getBoundingClientRect();
-      return Au(a, {
+      return Eu(a, {
         x: t - o,
         y: n - s
       });
@@ -3050,7 +3053,7 @@ function gp(e) {
       [contenteditable]:not([contenteditable="false"])
     `);
 }
-var Eu = class {
+var Au = class {
   constructor() {
     this.entries = /* @__PURE__ */ new Set(), this.clear = () => {
       for (const e of this.entries) {
@@ -3106,7 +3109,7 @@ function bp(e, t) {
   return e === t ? !0 : !e || !t ? !1 : e.top == t.top && e.left == t.left && e.right == t.right && e.bottom == t.bottom;
 }
 function wp(e, t = e.getBoundingClientRect()) {
-  const { width: n, height: r } = Aa(
+  const { width: n, height: r } = Ea(
     e,
     t
   );
@@ -3144,18 +3147,18 @@ 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 = Aa(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,
-            Aa(l)
+            Ea(l)
           )) !== 1 && re(this, yr).call(this);
         },
         {
           threshold: pl,
-          rootMargin: C,
+          rootMargin: S,
           root: c
         }
       )), re(this, bn).observe(l), xu(this, $a, Tu).call(this);
@@ -3192,7 +3195,7 @@ Tu = function() {
 };
 Du = function() {
   if (re(this, Qe)) {
-    const { top: e, left: t, width: n, height: r } = Aa(
+    const { top: e, left: t, width: n, height: r } = Ea(
       this.element
     );
     re(this, Qe).style.overflow = "hidden", re(this, Qe).style.visibility = "visible", re(this, Qe).style.top = `${Math.floor(e)}px`, re(this, Qe).style.left = `${Math.floor(t)}px`, re(this, Qe).style.width = `${Math.floor(n)}px`, re(this, Qe).style.height = `${Math.floor(r)}px`;
@@ -3273,7 +3276,7 @@ function Pr(e) {
   }
 }
 function ml(e) {
-  return !Su || !e ? !1 : e === En(e).scrollingElement;
+  return !Su || !e ? !1 : e === An(e).scrollingElement;
 }
 function Ru(e) {
   var t, n;
@@ -3302,7 +3305,7 @@ function Ru(e) {
     isRight: d
   };
 }
-function Ap(e, t) {
+function Ep(e, t) {
   const { isTop: n, isBottom: r, isLeft: a, isRight: o, position: s } = Ru(e), { x: i, y: l } = t ?? { x: 0, y: 0 }, c = !n && s.current.y + l > 0, u = !r && s.current.y + l < s.max.y, d = !a && s.current.x + i > 0, h = !o && s.current.x + i < s.max.x;
   return {
     top: c,
@@ -3329,11 +3332,11 @@ var Us = class {
   }
 }, Ta = new Us((e) => {
   typeof requestAnimationFrame == "function" ? requestAnimationFrame(e) : e();
-}), Ep = new Us((e) => setTimeout(e, 50)), Da = /* @__PURE__ */ new Map(), Mp = Da.clear.bind(Da);
+}), Ap = new Us((e) => setTimeout(e, 50)), Da = /* @__PURE__ */ new Map(), Mp = Da.clear.bind(Da);
 function Jt(e, t = !1) {
   if (!t) return gl(e);
   let n = Da.get(e);
-  return n || (n = gl(e), Da.set(e, n), Ep.schedule(Mp), n);
+  return n || (n = gl(e), Da.set(e, n), Ap.schedule(Mp), n);
 }
 function gl(e) {
   return $t(e).getComputedStyle(e);
@@ -3472,7 +3475,7 @@ function Fp(e) {
   }
   return null;
 }
-var At = /* @__PURE__ */ ((e) => (e[e.Idle = 0] = "Idle", e[e.Forward = 1] = "Forward", e[e.Reverse = -1] = "Reverse", e))(At || {}), Op = {
+var Et = /* @__PURE__ */ ((e) => (e[e.Idle = 0] = "Idle", e[e.Forward = 1] = "Forward", e[e.Reverse = -1] = "Reverse", e))(Et || {}), Op = {
   x: 0.2,
   y: 0.2
 }, Bp = {
@@ -3649,7 +3652,7 @@ function Kp(e, t) {
   }
   return a;
 }
-function Ar(e) {
+function Er(e) {
   return "style" in e && typeof e.style == "object" && e.style !== null && "setProperty" in e.style && "removeProperty" in e.style && typeof e.style.setProperty == "function" && typeof e.style.removeProperty == "function";
 }
 var jp = class {
@@ -3658,7 +3661,7 @@ var jp = class {
   }
   set(e, t = "") {
     const { element: n } = this;
-    if (Ar(n))
+    if (Er(n))
       for (const [r, a] of Object.entries(e)) {
         const o = `${t}${r}`;
         this.initial.has(o) || this.initial.set(o, n.style.getPropertyValue(o)), n.style.setProperty(
@@ -3669,7 +3672,7 @@ var jp = class {
   }
   remove(e, t = "") {
     const { element: n } = this;
-    if (Ar(n))
+    if (Er(n))
       for (const r of e) {
         const a = `${t}${r}`;
         n.style.removeProperty(a);
@@ -3677,7 +3680,7 @@ var jp = class {
   }
   reset() {
     const { element: e } = this;
-    if (Ar(e)) {
+    if (Er(e)) {
       for (const [t, n] of this.initial)
         e.style.setProperty(t, n);
       e.getAttribute("style") === "" && e.removeAttribute("style");
@@ -3776,15 +3779,15 @@ var em = ({
   return r;
 }, _t = (e, t, n, r, a, o) => {
   var s, i, l, c, u, d = t & 7, h = !!(t & 8), f = !!(t & 16), m = d > 3 ? e.length + 1 : d ? h ? 1 : 2 : 0, y = Vu[d + 5], v = d > 3 && (e[m - 1] = []), p = e[m] || (e[m] = []), b = d && (!f && !h && (a = a.prototype), d < 5 && (d > 3 || !f) && om(d < 4 ? a : { get [n]() {
-    return Ee(this, o);
+    return Ae(this, o);
   }, set [n](g) {
     return ct(this, o, g);
   } }, n));
   d ? f && d < 4 && vl(o, (d > 2 ? "set " : d > 1 ? "get " : "") + n) : vl(a, n);
   for (var w = r.length - 1; w >= 0; w--)
-    c = im(d, n, l = {}, e[3], p), d && (c.static = h, c.private = f, u = c.access = { has: f ? (g) => lm(a, g) : (g) => n in g }, d ^ 3 && (u.get = f ? (g) => (d ^ 1 ? Ee : kn)(g, a, d ^ 4 ? o : b.get) : (g) => g[n]), d > 2 && (u.set = f ? (g, _) => ct(g, a, _, d ^ 4 ? o : b.set) : (g, _) => g[n] = _)), i = (0, r[w])(d ? d < 4 ? f ? o : b[y] : d > 4 ? void 0 : { get: b.get, set: b.set } : a, c), l._ = 1, d ^ 4 || i === void 0 ? _r(i) && (d > 4 ? v.unshift(i) : d ? f ? o = i : b[y] = i : a = i) : typeof i != "object" || i === null ? ar("Object expected") : (_r(s = i.get) && (b.get = s), _r(s = i.set) && (b.set = s), _r(s = i.init) && v.unshift(s));
+    c = im(d, n, l = {}, e[3], p), d && (c.static = h, c.private = f, u = c.access = { has: f ? (g) => lm(a, g) : (g) => n in g }, d ^ 3 && (u.get = f ? (g) => (d ^ 1 ? Ae : kn)(g, a, d ^ 4 ? o : b.get) : (g) => g[n]), d > 2 && (u.set = f ? (g, _) => ct(g, a, _, d ^ 4 ? o : b.set) : (g, _) => g[n] = _)), i = (0, r[w])(d ? d < 4 ? f ? o : b[y] : d > 4 ? void 0 : { get: b.get, set: b.set } : a, c), l._ = 1, d ^ 4 || i === void 0 ? _r(i) && (d > 4 ? v.unshift(i) : d ? f ? o = i : b[y] = i : a = i) : typeof i != "object" || i === null ? ar("Object expected") : (_r(s = i.get) && (b.get = s), _r(s = i.set) && (b.set = s), _r(s = i.init) && v.unshift(s));
   return d || Mn(e, a), b && Js(a, n, b), f ? d ^ 4 ? o : b : a;
-}, ei = (e, t, n) => t.has(e) || ar("Cannot " + n), lm = (e, t) => Object(t) !== t ? ar('Cannot use the "in" operator on this value') : e.has(t), Ee = (e, t, n) => (ei(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Re = (e, t, n) => t.has(e) ? ar("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), ct = (e, t, n, r) => (ei(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), kn = (e, t, n) => (ei(e, t, "access private method"), n), yl = {
+}, ei = (e, t, n) => t.has(e) || ar("Cannot " + n), lm = (e, t) => Object(t) !== t ? ar('Cannot use the "in" operator on this value') : e.has(t), Ae = (e, t, n) => (ei(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Re = (e, t, n) => t.has(e) ? ar("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), ct = (e, t, n, r) => (ei(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), kn = (e, t, n) => (ei(e, t, "access private method"), n), yl = {
   role: "button",
   roleDescription: "draggable"
 }, cm = "dnd-kit-description", um = "dnd-kit-announcement", dm = {
@@ -3835,13 +3838,13 @@ 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 A = C?.(S, k);
-          A && I.nodeValue !== A && (f = A, gm.includes(_) ? v() : (y(), v.cancel()));
+          const E = S?.(C, k);
+          E && I.nodeValue !== E && (f = E, gm.includes(_) ? v() : (y(), v.cancel()));
         }
       )
     ), b = () => {
@@ -3858,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 A = String(C.isDragging);
-            S.getAttribute(I) !== A && w.add(() => S.setAttribute(I, A));
+            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)
           );
         }
       }
@@ -3900,7 +3903,7 @@ var bm = class extends pt {
     const n = ka(
       () => {
         var r;
-        return En((r = this.manager.dragOperation.source) == null ? void 0 : r.element);
+        return An((r = this.manager.dragOperation.source) == null ? void 0 : r.element);
       }
     );
     this.destroy = Mt(() => {
@@ -3912,9 +3915,9 @@ var bm = class extends pt {
       }
     });
   }
-}, Ra = /* @__PURE__ */ new Map(), Lu, zu, Zu, Hu, Yo, Er, jt, ti, jn, Nu, Xu, Gu, Yu, $n = class extends (Yo = Hr, Hu = [fe], Zu = [De], zu = [De], Lu = [De], Yo) {
+}, Ra = /* @__PURE__ */ new Map(), Lu, zu, Zu, Hu, Yo, Ar, jt, ti, jn, Nu, Xu, Gu, Yu, $n = class extends (Yo = Hr, Hu = [fe], Zu = [De], zu = [De], Lu = [De], Yo) {
   constructor(e) {
-    super(e), Be(jt, 5, this), Re(this, jn), Re(this, Er, /* @__PURE__ */ new Set()), Re(this, ti, Be(jt, 8, this, /* @__PURE__ */ new Set())), Be(jt, 11, this), this.registerEffect(kn(this, jn, Nu));
+    super(e), Be(jt, 5, this), Re(this, jn), Re(this, Ar, /* @__PURE__ */ new Set()), Re(this, ti, Be(jt, 8, this, /* @__PURE__ */ new Set())), Be(jt, 11, this), this.registerEffect(kn(this, jn, Nu));
   }
   /**
    * Registers CSS rules to be injected into the active drag operation's
@@ -3924,8 +3927,8 @@ var bm = class extends pt {
    * Returns a cleanup function that unregisters the rules.
    */
   register(e) {
-    return Ee(this, Er).add(e), () => {
-      Ee(this, Er).delete(e);
+    return Ae(this, Ar).add(e), () => {
+      Ae(this, Ar).delete(e);
     };
   }
   /**
@@ -3946,12 +3949,12 @@ var bm = class extends pt {
   get sourceRoot() {
     var e;
     const { source: t } = this.manager.dragOperation;
-    return Ea((e = t?.element) != null ? e : null);
+    return Aa((e = t?.element) != null ? e : null);
   }
   get targetRoot() {
     var e;
     const { target: t } = this.manager.dragOperation;
-    return Ea((e = t?.element) != null ? e : null);
+    return Aa((e = t?.element) != null ? e : null);
   }
   get roots() {
     const { status: e } = this.manager.dragOperation;
@@ -3965,13 +3968,13 @@ var bm = class extends pt {
   }
 };
 jt = or(Yo);
-Er = /* @__PURE__ */ new WeakMap();
+Ar = /* @__PURE__ */ new WeakMap();
 ti = /* @__PURE__ */ new WeakMap();
 jn = /* @__PURE__ */ new WeakSet();
 Nu = function() {
   const { roots: e } = this, t = [];
   for (const n of e)
-    for (const r of Ee(this, Er))
+    for (const r of Ae(this, Ar))
       t.push(kn(this, jn, Xu).call(this, n, r));
   return () => {
     for (const n of t)
@@ -4151,7 +4154,7 @@ function bl(e) {
 function Ko(e) {
   return e.tagName === "TR";
 }
-function Am(e, t, n) {
+function Em(e, t, n) {
   const r = new MutationObserver((a) => {
     let o = !1;
     for (const s of a) {
@@ -4166,7 +4169,7 @@ function Am(e, t, n) {
         continue;
       const l = e.getAttribute(i);
       if (i === "style") {
-        if (Ar(e) && Ar(t)) {
+        if (Er(e) && Er(t)) {
           const c = e.style;
           for (const u of Array.from(t.style))
             c.getPropertyValue(u) === "" && t.style.removeProperty(u);
@@ -4187,7 +4190,7 @@ function Am(e, t, n) {
     childList: !0
   }), r;
 }
-function Em(e, t, n) {
+function Am(e, t, n) {
   const r = new MutationObserver((a) => {
     for (const o of a)
       if (o.addedNodes.length !== 0)
@@ -4324,7 +4327,7 @@ wa = /* @__PURE__ */ new WeakSet();
 ju = function(e) {
   const { overlay: t } = this;
   if (!t || !e) return;
-  const n = Ea(t);
+  const n = Aa(t);
   if (n)
     return e.addRoot(n);
 };
@@ -4346,21 +4349,21 @@ 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: A,
+    boxSizing: E,
     paddingBlockStart: D,
     paddingBlockEnd: R,
-    paddingInlineStart: E,
+    paddingInlineStart: A,
     paddingInlineEnd: O,
     borderInlineStartWidth: B,
     borderInlineEndWidth: X,
     borderBlockStartWidth: J,
     borderBlockEndWidth: oe
-  } = Jt(u), L = d === "clone", ae = A === "content-box", se = ae ? parseInt(E) + parseInt(O) + parseInt(B) + parseInt(X) : 0, ie = ae ? parseInt(D) + parseInt(R) + parseInt(J) + parseInt(oe) : 0, ce = d !== "move" && !this.overlay ? Cm(l, L ? "clone" : "hidden") : null, ye = Se(
+  } = Jt(u), L = d === "clone", ae = E === "content-box", se = ae ? parseInt(A) + parseInt(O) + parseInt(B) + parseInt(X) : 0, ie = ae ? parseInt(D) + parseInt(R) + parseInt(J) + parseInt(oe) : 0, ce = d !== "move" && !this.overlay ? Cm(l, L ? "clone" : "hidden") : null, ye = Se(
     () => qs(a.dragOperation.activatorEvent)
   );
   if (I !== "none") {
@@ -4370,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
@@ -4393,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,
@@ -4421,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,
@@ -4437,11 +4440,11 @@ qu = function() {
   const Je = $t(f), tt = (ne) => {
     this.manager.actions.stop({ event: ne });
   }, dt = Iu(Je);
-  ye && Je.addEventListener("resize", tt), Se(() => l.status) === "idle" && requestAnimationFrame(() => l.status = "dragging"), ce && (Ye.observe(ce), qe = Am(
+  ye && Je.addEventListener("resize", tt), Se(() => l.status) === "idle" && requestAnimationFrame(() => l.status = "dragging"), ce && (Ye.observe(ce), qe = Em(
     u,
     ce,
     L
-  ), q = Em(
+  ), q = Am(
     u,
     ce,
     f
@@ -4456,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 : "";
@@ -4477,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`
@@ -4516,7 +4519,7 @@ qu = function() {
             moved: Me,
             transition: k,
             alignment: l.alignment,
-            styles: S,
+            styles: C,
             animation: ne ?? void 0,
             getElementMutationObserver: () => qe,
             cleanup: G,
@@ -4534,16 +4537,16 @@ _t(Wr, 4, "overlay", Ku, Fr, ni);
 Mn(Wr, Fr);
 Fr.configure = rr(Fr);
 var qo = Fr, lr = !0, Pm = !1, Ju, Qu, ed, td, rn, ri, ai;
-td = (ed = [fe], At.Forward), Qu = (Ju = [fe], At.Reverse);
+td = (ed = [fe], Et.Forward), Qu = (Ju = [fe], Et.Reverse);
 var Or = class {
   constructor() {
     Re(this, ri, Be(rn, 8, this, lr)), Be(rn, 11, this), Re(this, ai, Be(rn, 12, this, lr)), Be(rn, 15, this);
   }
   isLocked(e) {
-    return e === At.Idle ? !1 : e == null ? this[At.Forward] === lr && this[At.Reverse] === lr : this[e] === lr;
+    return e === Et.Idle ? !1 : e == null ? this[Et.Forward] === lr && this[Et.Reverse] === lr : this[e] === lr;
   }
   unlock(e) {
-    e !== At.Idle && (this[e] = Pm);
+    e !== Et.Idle && (this[e] = Pm);
   }
 };
 rn = or(null);
@@ -4552,7 +4555,7 @@ ai = /* @__PURE__ */ new WeakMap();
 _t(rn, 4, td, ed, Or, ri);
 _t(rn, 4, Qu, Ju, Or, ai);
 Mn(rn, Or);
-var Rm = [At.Forward, At.Reverse], wl = class {
+var Rm = [Et.Forward, Et.Reverse], wl = class {
   constructor() {
     this.x = new Or(), this.y = new Or();
   }
@@ -4596,9 +4599,9 @@ function _l(e, t) {
 var nd, Jo, Br, oi, tn, Qo, Ya = class extends (Jo = Hr, nd = [fe], Jo) {
   constructor(e) {
     super(e), Re(this, oi, Be(Br, 8, this, !1)), Be(Br, 11, this), Re(this, tn), Re(this, Qo, () => {
-      if (!Ee(this, tn))
+      if (!Ae(this, tn))
         return;
-      const { element: o, by: s } = Ee(this, tn);
+      const { element: o, by: s } = Ae(this, tn);
       s.y && (o.scrollTop += s.y), s.x && (o.scrollLeft += s.x);
     }), this.scroll = (o) => {
       var s;
@@ -4616,7 +4619,7 @@ var nd, Jo, Br, oi, tn, Qo, Ya = class extends (Jo = Hr, nd = [fe], Jo) {
         if (h?.isLocked())
           return !1;
         for (const f of i) {
-          const m = Ap(f, u);
+          const m = Ep(f, u);
           if (m.x || m.y) {
             const { speed: y, direction: v } = Vp(
               f,
@@ -4629,7 +4632,7 @@ var nd, Jo, Br, oi, tn, Qo, Ya = class extends (Jo = Hr, nd = [fe], Jo) {
             if (v.x || v.y) {
               const { x: p, y: b } = u ?? v, w = p * y.x, g = b * y.y;
               if (w || g) {
-                const _ = (s = Ee(this, tn)) == null ? void 0 : s.by;
+                const _ = (s = Ae(this, tn)) == null ? void 0 : s.by;
                 if (this.autoScrolling && _ && (_.x && !w || _.y && !g))
                   continue;
                 return ct(this, tn, {
@@ -4638,7 +4641,7 @@ var nd, Jo, Br, oi, tn, Qo, Ya = class extends (Jo = Hr, nd = [fe], Jo) {
                     x: w,
                     y: g
                   }
-                }), Ta.schedule(Ee(this, Qo)), !0;
+                }), Ta.schedule(Ae(this, Qo)), !0;
               }
             }
           }
@@ -4651,13 +4654,13 @@ var nd, Jo, Br, oi, tn, Qo, Ya = class extends (Jo = Hr, nd = [fe], Jo) {
       const { position: o, source: s } = e.dragOperation;
       if (!o)
         return null;
-      const i = Au(
-        Ea(s?.element),
+      const i = Eu(
+        Aa(s?.element),
         o.current
       );
       return i && (t = i), i ?? t;
     }), a = ka(() => {
-      const o = r.value, { documentElement: s } = En(o);
+      const o = r.value, { documentElement: s } = An(o);
       if (!o || o === s) {
         const { target: i } = e.dragOperation, l = i?.element;
         if (l) {
@@ -4687,7 +4690,7 @@ Qo = /* @__PURE__ */ new WeakMap();
 _t(Br, 4, "autoScrolling", nd, Ya, oi);
 Mn(Br, Ya);
 function xl(e) {
-  return e > 0 ? At.Forward : e < 0 ? At.Reverse : At.Idle;
+  return e > 0 ? Et.Forward : e < 0 ? Et.Reverse : Et.Idle;
 }
 var Fm = class {
   constructor(e) {
@@ -4735,7 +4738,7 @@ var Fm = class {
 }, xr, Vm = class extends Hr {
   constructor(e) {
     super(e), Re(this, xr), this.handleScroll = () => {
-      Ee(this, xr) == null && ct(this, xr, setTimeout(() => {
+      Ae(this, xr) == null && ct(this, xr, setTimeout(() => {
         this.manager.collisionObserver.forceUpdate(!1), ct(this, xr, void 0);
       }, 50));
     };
@@ -4796,7 +4799,7 @@ var Cr = Object.freeze({
   }
 }), zn, Fa = class extends Gn {
   constructor(t, n) {
-    super(t), this.manager = t, this.options = n, Re(this, zn, []), this.listeners = new Eu(), this.handleSourceKeyDown = (r, a, o) => {
+    super(t), this.manager = t, this.options = n, Re(this, zn, []), this.listeners = new Au(), this.handleSourceKeyDown = (r, a, o) => {
       if (this.disabled || r.defaultPrevented || !Sn(r.target) || a.disabled)
         return;
       const {
@@ -4833,7 +4836,7 @@ var Cr = Object.freeze({
       source: n
     }).signal.aborted) return this.cleanup();
     this.sideEffects();
-    const i = En(a), l = [
+    const i = An(a), l = [
       this.listeners.bind(i, [
         {
           type: "keydown",
@@ -4842,7 +4845,7 @@ var Cr = Object.freeze({
         }
       ])
     ];
-    Ee(this, zn).push(...l);
+    Ae(this, zn).push(...l);
   }
   handleKeyDown(t, n, r) {
     const { keyboardCodes: a = Cr.keyboardCodes } = r ?? {};
@@ -4890,12 +4893,12 @@ var Cr = Object.freeze({
   }
   sideEffects() {
     const t = this.manager.registry.plugins.get(rd);
-    t?.disabled === !1 && (t.disable(), Ee(this, zn).push(() => {
+    t?.disabled === !1 && (t.disable(), Ae(this, zn).push(() => {
       t.enable();
     }));
   }
   cleanup() {
-    Ee(this, zn).forEach((t) => t()), ct(this, zn, []);
+    Ae(this, zn).forEach((t) => t()), ct(this, zn, []);
   }
   destroy() {
     this.cleanup(), this.listeners.clear();
@@ -4918,10 +4921,10 @@ var wn, Zm = class extends du {
         ct(this, wn, Yn(e));
         break;
       case "pointermove":
-        if (!Ee(this, wn)) return;
+        if (!Ae(this, wn)) return;
         const { x: t, y: n } = Yn(e), r = {
-          x: t - Ee(this, wn).x,
-          y: n - Ee(this, wn).y
+          x: t - Ae(this, wn).x,
+          y: n - Ae(this, wn).y
         }, { tolerance: a } = this.options;
         if (a && Oo(r, a)) {
           this.abort();
@@ -4952,10 +4955,10 @@ var Zn, _n, Hm = class extends du {
         ));
         break;
       case "pointermove":
-        if (!Ee(this, _n)) return;
+        if (!Ae(this, _n)) return;
         const { x: t, y: n } = Yn(e), r = {
-          x: t - Ee(this, _n).x,
-          y: n - Ee(this, _n).y
+          x: t - Ae(this, _n).x,
+          y: n - Ae(this, _n).y
         };
         Oo(r, this.options.tolerance) && this.abort();
         break;
@@ -4965,7 +4968,7 @@ var Zn, _n, Hm = class extends du {
     }
   }
   abort() {
-    Ee(this, Zn) && (clearTimeout(Ee(this, Zn)), ct(this, _n, void 0), ct(this, Zn, void 0));
+    Ae(this, Zn) && (clearTimeout(Ae(this, Zn)), ct(this, _n, void 0), ct(this, Zn, void 0));
   }
 };
 Zn = /* @__PURE__ */ new WeakMap();
@@ -4995,7 +4998,7 @@ var es = Object.freeze({
   }
 }), Hn, Oa = class extends Gn {
   constructor(t, n) {
-    super(t), this.manager = t, this.options = n, Re(this, Hn, /* @__PURE__ */ new Set()), this.listeners = new Eu(), this.latest = {
+    super(t), this.manager = t, this.options = n, Re(this, Hn, /* @__PURE__ */ new Set()), this.listeners = new Au(), this.latest = {
       event: void 0,
       coordinates: void 0
     }, this.handleMove = () => {
@@ -5065,7 +5068,7 @@ var es = Object.freeze({
     ]), m = () => {
       f(), this.initialCoordinates = void 0;
     };
-    Ee(this, Hn).add(m);
+    Ae(this, Hn).add(m);
   }
   handlePointerMove(t, n) {
     var r, a;
@@ -5100,7 +5103,7 @@ var es = Object.freeze({
       source: t
     }).signal.aborted) return this.cleanup();
     n.preventDefault();
-    const i = En(n.target).body;
+    const i = An(n.target).body;
     i.setPointerCapture(n.pointerId);
     const l = Sn(n.target) ? [n.target, i] : i, c = this.listeners.bind(l, [
       {
@@ -5125,7 +5128,7 @@ var es = Object.freeze({
         listener: this.handleKeyDown
       }
     ]);
-    Ee(this, Hn).add(c);
+    Ae(this, Hn).add(c);
   }
   handleCancel(t) {
     const { dragOperation: n } = this.manager;
@@ -5135,7 +5138,7 @@ var es = Object.freeze({
     this.latest = {
       event: void 0,
       coordinates: void 0
-    }, Ee(this, Hn).forEach((t) => t()), Ee(this, Hn).clear();
+    }, Ae(this, Hn).forEach((t) => t()), Ae(this, Hn).clear();
   }
   destroy() {
     this.cleanup(), this.listeners.clear();
@@ -5271,7 +5274,7 @@ var id, ld, rs, an, ui, go, cd, ud, Mr, di, dd = class extends (rs = Zt, ld = [f
   }
   get element() {
     var e;
-    return (e = this.proxy) != null ? e : Ee(this, Mr, cd);
+    return (e = this.proxy) != null ? e : Ae(this, Mr, cd);
   }
 };
 an = or(rs);
@@ -5336,12 +5339,12 @@ function kl(e, t) {
     r !== n.current && (n.current = r, t(r));
   });
 }
-var qm = Object.defineProperty, Jm = Object.defineProperties, Qm = Object.getOwnPropertyDescriptors, Il = Object.getOwnPropertySymbols, eg = Object.prototype.hasOwnProperty, tg = Object.prototype.propertyIsEnumerable, Al = (e, t, n) => t in e ? qm(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ng = (e, t) => {
+var qm = Object.defineProperty, Jm = Object.defineProperties, Qm = Object.getOwnPropertyDescriptors, Il = Object.getOwnPropertySymbols, eg = Object.prototype.hasOwnProperty, tg = Object.prototype.propertyIsEnumerable, El = (e, t, n) => t in e ? qm(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ng = (e, t) => {
   for (var n in t || (t = {}))
-    eg.call(t, n) && Al(e, n, t[n]);
+    eg.call(t, n) && El(e, n, t[n]);
   if (Il)
     for (var n of Il(t))
-      tg.call(t, n) && Al(e, n, t[n]);
+      tg.call(t, n) && El(e, n, t[n]);
   return e;
 }, rg = (e, t) => Jm(e, Qm(t)), ag = new si(), og = Ze(
   ag
@@ -5756,7 +5759,7 @@ var kg = W.div`
   &:disabled {
     cursor: not-allowed;
   }
-`, Ag = W.label`
+`, Eg = W.label`
   margin: 0;
   cursor: pointer;
   user-select: none;
@@ -5820,7 +5823,7 @@ W(kd)`
   padding: 0.25rem 0.5rem;
   font-size: ${(e) => e.theme.fontSizeSmall};
 `;
-var Eg = W.label`
+var Ag = W.label`
   font-family: ${(e) => e.theme.fontFamily};
   font-size: ${(e) => e.theme.fontSizeSmall};
   font-weight: 500;
@@ -5885,7 +5888,7 @@ W(Id)`
   padding: 0.25rem 1.75rem 0.25rem 0.5rem;
   font-size: ${(e) => e.theme.fontSizeSmall};
 `;
-var Ad = W.input.attrs({ type: "range" })`
+var Ed = W.input.attrs({ type: "range" })`
   -webkit-appearance: none;
   appearance: none;
   width: 100%;
@@ -5984,13 +5987,13 @@ var Ad = W.input.attrs({ type: "range" })`
       disabled: n
     }
   ),
-  /* @__PURE__ */ x(Ag, { htmlFor: "automatic-scroll", children: "Automatic Scroll" })
+  /* @__PURE__ */ x(Eg, { htmlFor: "automatic-scroll", children: "Automatic Scroll" })
 ] });
-function Ed(e) {
+function Ad(e) {
   return typeof e == "object" && e !== null && "type" in e;
 }
 function ln(e) {
-  if (!Ed(e))
+  if (!Ad(e))
     return e;
   const t = e.direction === "vertical" ? "to bottom" : "to right", n = e.stops.map((r) => `${r.color} ${r.offset * 100}%`).join(", ");
   return `linear-gradient(${t}, ${n})`;
@@ -6094,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 });
 };
@@ -6168,7 +6180,7 @@ function Bg(e, t, n) {
   return Math.floor((e - t + n) / n) * n;
 }
 function Vg(e, t, n, r) {
-  if (!Ed(t))
+  if (!Ad(t))
     return t;
   let a;
   t.direction === "vertical" ? a = e.createLinearGradient(0, 0, 0, r) : a = e.createLinearGradient(0, 0, n, 0);
@@ -6202,7 +6214,7 @@ var Lg = W.canvas.attrs((e) => ({
   /* Force GPU compositing layer to reduce scroll flickering */
   transform: translateZ(0);
   backface-visibility: hidden;
-`, El = (e) => {
+`, Al = (e) => {
   const {
     data: t,
     bits: n,
@@ -6220,20 +6232,20 @@ 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"), A = 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 E = k, O = k + D, B = Bg(E, u, _);
+        const A = k, O = k + D, B = Bg(A, u, _);
         for (let X = Math.max(0, B); X < O; X += _) {
-          const J = X - E;
+          const J = X - A;
           if (J + u <= 0) continue;
           const oe = Math.min(X + _, r), L = Fg(t, n, X, oe);
           if (L) {
-            const ae = Og(J, u, A, L.min, L.max, f);
+            const ae = Og(J, u, E, L.min, L.max, f);
             for (const se of ae)
               I.fillRect(se.x, se.y, se.width, se.height);
           }
@@ -6255,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": _,
@@ -6518,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: A,
+    handleRef: E,
     isDragSource: D
   } = vo({
     id: k,
     data: { clipId: n, trackIndex: r, clipIndex: a },
-    disabled: !S
-  }), R = `clip-boundary-left-${r}-${a}`, { ref: E, isDragSource: O } = vo({
+    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(
@@ -6544,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,
@@ -6559,7 +6572,7 @@ var $l = ({
             trackName: o,
             isSelected: h,
             disableDrag: u,
-            dragHandleProps: S ? { handleRef: A } : void 0
+            dragHandleProps: C ? { handleRef: E } : void 0
           }
         ),
         /* @__PURE__ */ x(Wg, { originX: g, children: /* @__PURE__ */ me(Jg, { $isOverlay: d, children: [
@@ -6576,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
@@ -6593,7 +6606,7 @@ var $l = ({
               edge: "left",
               touchOptimized: w,
               dragHandleProps: {
-                ref: E,
+                ref: A,
                 isDragging: O
               }
             }
@@ -6620,10 +6633,10 @@ var $l = ({
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-`, e0 = W(Eg)`
+`, e0 = W(Ag)`
   margin: 0;
   white-space: nowrap;
-`, t0 = W(Ad)`
+`, t0 = W(Ed)`
   width: 120px;
 `, n0 = ({
   volume: e,
@@ -6895,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 = () => {
@@ -6913,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);
       };
@@ -6990,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);
       };
@@ -7234,15 +7247,15 @@ 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), A = 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(() => {
     g.current = f;
   }, [f]), j(() => {
     if (!_) return;
-    const E = w.current;
-    if (!E || !h) return;
+    const A = w.current;
+    if (!A || !h) return;
     const O = p.current.length, B = [];
     for (const oe of p.current) {
       const L = oe.match(/chunk(\d+)$/);
@@ -7255,7 +7268,7 @@ var S0 = C0(), Pl = ({
         B.push(oe);
       else
         try {
-          E.unregisterCanvas(oe);
+          A.unregisterCanvas(oe);
         } catch (ie) {
           console.warn(`[spectrogram] unregisterCanvas failed for ${oe}:`, ie);
         }
@@ -7274,7 +7287,7 @@ var S0 = C0(), Pl = ({
       }
       b.current.add(L);
       try {
-        E.registerCanvas(ae, se), X.push(ae);
+        A.registerCanvas(ae, se), X.push(ae);
       } catch (ie) {
         console.warn(`[spectrogram] registerCanvas failed for ${ae}:`, ie);
         continue;
@@ -7290,12 +7303,12 @@ var S0 = C0(), Pl = ({
       });
       g.current?.(oe, L);
     }
-  }, [v, _, h, m, r, S]), j(() => () => {
-    const E = w.current;
-    if (E) {
+  }, [v, _, h, m, r, C]), j(() => () => {
+    const A = w.current;
+    if (A) {
       for (const O of p.current)
         try {
-          E.unregisterCanvas(O);
+          A.unregisterCanvas(O);
         } catch (B) {
           console.warn(`[spectrogram] unregisterCanvas failed for ${O}:`, B);
         }
@@ -7304,13 +7317,13 @@ var S0 = C0(), Pl = ({
   }, []), qn(() => {
     if (_ || !n) return;
     const {
-      frequencyBinCount: E,
+      frequencyBinCount: A,
       frameCount: O,
       hopSize: B,
       sampleRate: X,
       gainDb: J,
       rangeDb: oe
-    } = n, L = oe === 0 ? 1 : oe, ae = (se) => se / E * (X / 2);
+    } = n, L = oe === 0 ? 1 : oe, ae = (se) => se / A * (X / 2);
     for (const [se, ie] of v.current.entries()) {
       const ce = se * et, ye = ie.getContext("2d");
       if (!ye) continue;
@@ -7320,19 +7333,19 @@ var S0 = C0(), Pl = ({
       for (let he = 0; he < _e; he++) {
         const $ = (ce + he) * s, ge = Math.floor($ / B);
         if (ge < 0 || ge >= O) continue;
-        const Le = ge * E;
+        const Le = ge * A;
         for (let Q = 0; Q < Fe; Q++) {
           const be = 1 - Q / Fe;
-          let Ge = Math.floor(be * E);
+          let Ge = Math.floor(be * A);
           if (D) {
-            let ke = 0, Je = E - 1;
+            let ke = 0, Je = A - 1;
             for (; ke < Je; ) {
               const tt = ke + Je >> 1, dt = ae(tt);
-              A(dt, c, I) < be ? ke = tt + 1 : Je = tt;
+              E(dt, c, I) < be ? ke = tt + 1 : Je = tt;
             }
             Ge = ke;
           }
-          if (Ge < 0 || Ge >= E) continue;
+          if (Ge < 0 || Ge >= A) continue;
           const qe = n.data[Le + Ge], q = Math.max(0, Math.min(1, (qe + L + J) / L)), Oe = Math.floor(q * 255), Ye = (Q * _e + he) * 4;
           N[Ye] = k[Oe * 3], N[Ye + 1] = k[Oe * 3 + 1], N[Ye + 2] = k[Oe * 3 + 2], N[Ye + 3] = 255;
         }
@@ -7356,12 +7369,12 @@ var S0 = C0(), Pl = ({
     k,
     c,
     I,
-    A,
+    E,
     D,
-    S
+    C
   ]);
-  const R = S.map((E) => {
-    const O = E * et, B = Math.min(r - O, et);
+  const R = C.map((A) => {
+    const O = A * et, B = Math.min(r - O, et);
     return /* @__PURE__ */ x(
       x0,
       {
@@ -7370,10 +7383,10 @@ var S0 = C0(), Pl = ({
         width: B * o,
         height: a * o,
         $waveHeight: a,
-        "data-index": E,
+        "data-index": A,
         ref: y
       },
-      `${r}-${E}`
+      `${r}-${A}`
     );
   });
   return /* @__PURE__ */ x(_0, { $index: e, $cssWidth: r, $waveHeight: a, children: R });
@@ -7392,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,
       {
@@ -7412,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(
@@ -7444,7 +7457,7 @@ var S0 = C0(), Pl = ({
             height: k
           },
           children: /* @__PURE__ */ x(
-            El,
+            Al,
             {
               ...h,
               index: 0,
@@ -7455,7 +7468,7 @@ var S0 = C0(), Pl = ({
               barWidth: y,
               barGap: v,
               transparentBackground: t,
-              drawMode: C
+              drawMode: S
             }
           )
         }
@@ -7463,7 +7476,7 @@ var S0 = C0(), Pl = ({
     ] });
   }
   return /* @__PURE__ */ x(
-    El,
+    Al,
     {
       ...h,
       waveOutlineColor: g,
@@ -7473,7 +7486,7 @@ var S0 = C0(), Pl = ({
       barWidth: y,
       barGap: v,
       transparentBackground: t,
-      drawMode: C
+      drawMode: S
     }
   );
 }, Rl = 72, k0 = W.div`
@@ -7509,7 +7522,7 @@ function I0(e, t, n) {
     i.push(a[Math.round(l * s)]);
   return i;
 }
-var A0 = ({
+var E0 = ({
   waveHeight: e,
   numChannels: t,
   frequencyScaleFn: n,
@@ -7534,8 +7547,8 @@ var A0 = ({
       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, _);
       }
     }
   }, [
@@ -7563,7 +7576,7 @@ var A0 = ({
     }
   ) });
 };
-function E0(e, t, n) {
+function A0(e, t, n) {
   return Math.ceil(e * n / t);
 }
 function M0(e) {
@@ -7616,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 = E0(n / 1e3, u, c), A = 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 += A * o / 1e3) {
-      const E = Math.floor(R);
+    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, E) }, `timestamp-${D}`) : /* @__PURE__ */ x(D0, { $left: E, children: B }, B);
-        k.push({ pix: E, element: X }), S.set(E, d);
-      } else D % a === 0 ? S.set(E, Math.floor(d / 2)) : D % o === 0 && S.set(E, Math.floor(d / 5));
+        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 }), 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
     };
   }, [
@@ -7640,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,
       {
@@ -7650,22 +7663,22 @@ 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 A = 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, E] of v.entries()) {
-        if (R < A || R >= A + D) continue;
-        const O = R - A, B = d - E;
-        I.fillRect(O, B, 1, E);
+      for (const [R, A] of v.entries()) {
+        if (R < E || R >= E + D) continue;
+        const O = R - E, B = d - A;
+        I.fillRect(O, B, 1, A);
       }
     }
   }, [
@@ -7683,7 +7696,7 @@ var $0 = W.div.attrs((e) => ({
       $controlWidth: h ? f : 0,
       $timeScaleHeight: d,
       children: [
-        C,
+        S,
         w
       ]
     }
@@ -7995,7 +8008,7 @@ var zd = ({ renderTimestamp: e }) => {
   font-size: ${(e) => e.theme.fontSizeSmall};
   color: ${(e) => e.theme.textColor};
   background-color: transparent;
-`, Y0 = (e) => /* @__PURE__ */ x(Cd, { weight: "light", ...e }), U0 = (e) => /* @__PURE__ */ x(xd, { weight: "light", ...e }), K0 = (e) => /* @__PURE__ */ x(_d, { weight: "bold", ...e }), Ol = W(Ad)`
+`, Y0 = (e) => /* @__PURE__ */ x(Cd, { weight: "light", ...e }), U0 = (e) => /* @__PURE__ */ x(xd, { weight: "light", ...e }), K0 = (e) => /* @__PURE__ */ x(_d, { weight: "bold", ...e }), Ol = W(Ed)`
   width: 75%;
   height: 5px;
   background: ${(e) => e.theme.sliderTrackColor};
@@ -8176,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;
@@ -8191,8 +8204,8 @@ function sv(e) {
     }
   }
   if (m > 0)
-    for (var A = 0; A < i; A++)
-      e.bits === 8 ? (f.setInt8(y++, v[A]), f.setInt8(y++, p[A])) : (f.setInt16(y, v[A], !0), f.setInt16(y + 2, p[A], !0));
+    for (var E = 0; E < i; E++)
+      e.bits === 8 ? (f.setInt8(y++, v[E]), f.setInt8(y++, p[E])) : (f.setInt16(y, v[E], !0), f.setInt16(y + 2, p[E], !0));
   return h;
 }
 function Va(e) {
@@ -8798,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 ?? _,
@@ -8808,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,
@@ -8831,33 +8844,33 @@ function Jy(e, t = {}) {
         s(!0), l(null), u(0);
         const p = Sf.getContext().rawContext, b = e.map(async (g, _) => {
           if (g.audioBuffer) {
-            const A = y(g, _, g.audioBuffer);
-            return n && !h && (m.set(_, A), u((D) => D + 1), a(
+            const E = y(g, _, g.audioBuffer);
+            return n && !h && (m.set(_, E), u((D) => D + 1), a(
               Array.from({ length: e.length }, (D, R) => m.get(R)).filter(
                 (D) => D !== void 0
               )
-            )), A;
+            )), E;
           }
           if (!g.src && g.waveformData) {
-            const A = y(g, _);
-            return n && !h && (m.set(_, A), u((D) => D + 1), a(
+            const E = y(g, _);
+            return n && !h && (m.set(_, E), u((D) => D + 1), a(
               Array.from({ length: e.length }, (D, R) => m.get(R)).filter(
                 (D) => D !== void 0
               )
-            )), A;
+            )), E;
           }
           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);
-          return n && !h && (m.set(_, I), u((A) => A + 1), a(
-            Array.from({ length: e.length }, (A, D) => m.get(D)).filter(
-              (A) => A !== void 0
+          return n && !h && (m.set(_, I), u((E) => E + 1), a(
+            Array.from({ length: e.length }, (E, D) => m.get(D)).filter(
+              (E) => E !== void 0
             )
           )), I;
         }), w = await Promise.all(b);
@@ -8901,18 +8914,18 @@ 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]), A = 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 E = {
+            const A = {
               ...D,
               startSample: g.startSample,
               offsetSamples: g.offsetSamples,
               durationSamples: g.durationSamples
             }, O = Io(
-              E,
+              A,
               Math.floor(b),
               "left",
               k,
@@ -8926,13 +8939,13 @@ function Qy({
               startSample: J
             };
           } else {
-            const E = {
+            const A = {
               ...D,
               startSample: g.startSample,
               offsetSamples: g.offsetSamples,
               durationSamples: g.durationSamples
             }, O = Io(
-              E,
+              A,
               Math.floor(b),
               "right",
               k,
@@ -8942,7 +8955,7 @@ function Qy({
             return { ...D, durationSamples: B };
           }
         });
-        return { ...C, clips: A };
+        return { ...S, clips: E };
       });
       i.current = b, t(_);
     },
@@ -8953,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((A, D) => D !== g ? A : {
-                ...A,
+            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;
@@ -9261,10 +9274,10 @@ function a1({
   const f = Te(() => t ? e.findIndex((I) => I.id === t) : -1, [e, t]), m = M(
     (I) => {
       if (!l?.current || !c || !u) return;
-      const A = e.find((L) => L.id === I);
-      if (!A) return;
-      const D = l.current, R = D.clientWidth, E = A.start * u / c + d, O = A.end * u / c + d, B = (E + O) / 2, X = D.scrollLeft, J = X, oe = X + R;
-      if (E < J || O > oe) {
+      const E = e.find((L) => L.id === I);
+      if (!E) return;
+      const D = l.current, R = D.clientWidth, A = E.start * u / c + d, O = E.end * u / c + d, B = (A + O) / 2, X = D.scrollLeft, J = X, oe = X + R;
+      if (A < J || O > oe) {
         const L = Math.max(0, B - R / 2);
         D.scrollTo({
           left: L,
@@ -9280,50 +9293,50 @@ function a1({
   const y = M(
     (I) => {
       if (f < 0) return;
-      const A = e[f], D = Math.max(0, Math.min(A.end - 0.1, A.start + I)), R = D - A.start, E = [...e];
-      if (E[f] = {
-        ...A,
+      const E = e[f], D = Math.max(0, Math.min(E.end - 0.1, E.start + I)), R = D - E.start, A = [...e];
+      if (A[f] = {
+        ...E,
         start: D
       }, o && f > 0) {
-        const O = E[f - 1];
-        Math.abs(O.end - A.start) < bo && (E[f - 1] = {
+        const O = A[f - 1];
+        Math.abs(O.end - E.start) < bo && (A[f - 1] = {
           ...O,
           end: Math.max(O.start + 0.1, O.end + R)
         });
       } else if (!o && f > 0) {
-        const O = E[f - 1];
-        D < O.end && (E[f - 1] = {
+        const O = A[f - 1];
+        D < O.end && (A[f - 1] = {
           ...O,
           end: D
         });
       }
-      n(E);
+      n(A);
     },
     [e, f, o, n]
   ), v = M(
     (I) => {
       if (f < 0) return;
-      const A = e[f], D = Math.max(A.start + 0.1, Math.min(a, A.end + I)), R = D - A.end, E = [...e];
-      if (E[f] = {
-        ...A,
+      const E = e[f], D = Math.max(E.start + 0.1, Math.min(a, E.end + I)), R = D - E.end, A = [...e];
+      if (A[f] = {
+        ...E,
         end: D
       }, o && f < e.length - 1) {
-        const O = E[f + 1];
-        if (Math.abs(O.start - A.end) < bo) {
+        const O = A[f + 1];
+        if (Math.abs(O.start - E.end) < bo) {
           const B = Math.min(
             O.end - 0.1,
             O.start + R
           );
-          E[f + 1] = {
+          A[f + 1] = {
             ...O,
             start: B
           };
           let X = f + 1;
-          for (; X < E.length - 1; ) {
-            const J = E[X], oe = E[X + 1];
+          for (; X < A.length - 1; ) {
+            const J = A[X], oe = A[X + 1];
             if (Math.abs(oe.start - e[X].end) < bo) {
               const L = J.end - e[X].end;
-              E[X + 1] = {
+              A[X + 1] = {
                 ...oe,
                 start: Math.min(oe.end - 0.1, oe.start + L)
               }, X++;
@@ -9332,17 +9345,17 @@ function a1({
           }
         }
       } else if (!o && f < e.length - 1) {
-        const O = E[f + 1];
+        const O = A[f + 1];
         if (D > O.start) {
-          E[f + 1] = {
+          A[f + 1] = {
             ...O,
             start: D
           };
           let B = f + 1;
-          for (; B < E.length - 1; ) {
-            const X = E[B], J = E[B + 1];
+          for (; B < A.length - 1; ) {
+            const X = A[B], J = A[B + 1];
             if (X.end > J.start)
-              E[B + 1] = {
+              A[B + 1] = {
                 ...J,
                 start: X.end
               }, B++;
@@ -9351,7 +9364,7 @@ function a1({
           }
         }
       }
-      n(E);
+      n(A);
     },
     [e, f, a, o, n]
   ), p = M(() => {
@@ -9364,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], A = s ? void 0 : I.end - I.start;
-    h(I.start, A);
-  }, [e, f, s, h]), S = Te(
+    const I = e[f], E = s ? void 0 : I.end - I.start;
+    h(I.start, E);
+  }, [e, f, s, h]), C = Te(
     () => [
       {
         key: "[",
@@ -9398,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(
     () => [
       {
@@ -9452,7 +9465,7 @@ function a1({
     [p, b, w, g, _]
   );
   return is({
-    shortcuts: S,
+    shortcuts: C,
     enabled: i && f >= 0
   }), is({
     shortcuts: k,
@@ -9466,7 +9479,7 @@ function a1({
     selectLast: g,
     clearSelection: _,
     scrollToAnnotation: m,
-    playActiveAnnotation: C
+    playActiveAnnotation: S
   };
 }
 const Ja = [
@@ -10006,7 +10019,7 @@ const Ja = [
   { id: "dynamics", name: "Dynamics" },
   { id: "spatial", name: "Spatial" }
 ];
-const Av = {
+const Ev = {
   reverb: Kf,
   freeverb: Uf,
   jcReverb: Yf,
@@ -10028,10 +10041,10 @@ const Av = {
   gate: Tf,
   stereoWidener: $f
 };
-let Ev = 0;
-const Mv = () => `effect_${Date.now()}_${++Ev}`;
+let Av = 0;
+const Mv = () => `effect_${Date.now()}_${++Av}`;
 function La(e, t) {
-  const n = Av[e.id];
+  const n = Ev[e.id];
   if (!n)
     throw new Error(`Unknown effect type: ${e.id}`);
   const r = {};
@@ -10112,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);
@@ -10192,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;
@@ -10220,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]);
@@ -10270,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;
@@ -10319,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;
       });
@@ -10334,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) => {
@@ -10472,17 +10485,17 @@ function Dv() {
           let g = 0;
           for (const D of i)
             for (const R of D.clips) {
-              const E = R.startSample + R.durationSamples;
-              g = Math.max(g, E);
+              const A = R.startSample + R.durationSamples;
+              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,
@@ -10494,25 +10507,25 @@ function Dv() {
           else {
             const D = new OfflineAudioContext(2, g, w);
             let R = 0;
-            const E = 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 / E * 0.5;
+                  const J = R / A * 0.5;
                   r(J), b?.(J);
                 }
             r(0.5), b?.(0.5), I = await D.startRendering();
           }
           r(0.9), b?.(0.9);
-          const A = $v(I, { bitDepth: p });
+          const E = $v(I, { bitDepth: p });
           if (r(1), b?.(1), f) {
             const D = d === "individual" ? `${u}_${i[h].name}` : u;
-            Tv(A, `${D}.wav`);
+            Tv(E, `${D}.wav`);
           }
           return {
             audioBuffer: I,
-            blob: A,
+            blob: E,
             duration: _
           };
         } catch (w) {
@@ -10541,18 +10554,18 @@ 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: A,
+              audioBuffer: E,
               startSample: D,
               durationSamples: R,
-              offsetSamples: E,
+              offsetSamples: A,
               gain: O,
               fadeIn: B,
               fadeOut: X
-            } = I, J = D / a, oe = R / a, L = E / a, ae = new f(A), se = new h(ae), ie = new u(O);
+            } = I, J = D / a, oe = R / a, L = A / a, ae = new f(E), se = new h(ae), ie = new u(O);
             if (se.connect(ie), ie.connect(_), B) {
               const ce = J, ye = J + B.duration, _e = ko(ie.gain);
               _e && (_e.setValueAtTime(0, ce), _e.linearRampToValueAtTime(O, ye));
@@ -10903,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);
@@ -10923,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,
@@ -10934,8 +10947,8 @@ function Vv(e, t) {
       }).then((k) => {
         f.set(w, k);
         const I = y.get(w) ?? /* @__PURE__ */ new Set();
-        y.delete(w), m.delete(w), !h && (r((A) => {
-          const D = new Map(A);
+        y.delete(w), m.delete(w), !h && (r((E) => {
+          const D = new Map(E);
           for (const R of I)
             D.set(R, k);
           return D;
@@ -10943,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);
@@ -11062,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, A] = V(!1), [D, R] = V(0), [E, 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;
@@ -11093,8 +11106,8 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
     onEngineState: ki
   } = Cv({ engineRef: $ }), {
     selectedTrackId: Ii,
-    setSelectedTrackId: Ai,
-    onEngineState: Ei,
+    setSelectedTrackId: Ei,
+    onEngineState: Ai,
     selectedTrackIdRef: Mi
   } = Sv({ engineRef: $ }), { animationFrameRef: $i, startAnimationFrameLoop: to, stopAnimationFrameLoop: ea } = Yd(), vf = Te(
     () => Math.min(...g ?? [256, 512, 1024, 2048, 4096, 8192]),
@@ -11117,7 +11130,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
     if (!ke.current || !B.length) return;
     const F = ke.current, H = ze.current, pe = Ue;
     if (H === pe) return;
-    const z = l.show ? l.width : 0, Ae = F.clientWidth, Ne = F.scrollLeft + Ae / 2 - z, Pn = B[0].sampleRate, Rn = Ne * H / Pn * Pn / pe, oo = Math.max(0, Rn + z - Ae / 2);
+    const z = l.show ? l.width : 0, Ee = F.clientWidth, Ne = F.scrollLeft + Ee / 2 - z, Pn = B[0].sampleRate, Rn = Ne * H / Pn * Pn / pe, oo = Math.max(0, Rn + z - Ee / 2);
     F.scrollLeft = oo, ze.current = pe;
   }, [Ue, B, l]);
   const ta = T(null);
@@ -11125,8 +11138,8 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
     if (no || ue.current) {
       no && (St.current = null);
       let z = 0;
-      e.forEach((Ae) => {
-        Ae.clips.forEach((He) => {
+      e.forEach((Ee) => {
+        Ee.clips.forEach((He) => {
           const Ne = (He.startSample + He.durationSamples) / He.sampleRate;
           z = Math.max(z, Ne);
         });
@@ -11144,13 +11157,13 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
         e.forEach(($e) => {
           $e.clips.length > 0 && $e.clips[0].audioBuffer && z.push($e.clips[0].audioBuffer);
         });
-        let Ae = 0;
+        let Ee = 0;
         e.forEach(($e) => {
           $e.clips.forEach((vt) => {
             const Qt = vt.sampleRate, Cf = (vt.startSample + vt.durationSamples) / Qt;
-            Ae = Math.max(Ae, Cf);
+            Ee = Math.max(Ee, Cf);
           });
-        }), X(z), O(Ae), ae(($e) => $e.length === e.length ? $e.map((vt, Qt) => ({
+        }), X(z), O(Ee), ae(($e) => $e.length === e.length ? $e.map((vt, Qt) => ({
           ...vt,
           name: e[Qt].name
         })) : e.map((vt) => ({
@@ -11178,14 +11191,14 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
         });
         let Rn = !0;
         Ne.on("statechange", ($e) => {
-          dn($e), ki($e), Ei($e), kt($e), we($e), !Rn && $e.tracksVersion !== Wt.current && (Wt.current = $e.tracksVersion, St.current = $e.tracks, p ? p($e.tracks) : console.warn(
+          dn($e), ki($e), Ai($e), kt($e), we($e), !Rn && $e.tracksVersion !== Wt.current && (Wt.current = $e.tracksVersion, St.current = $e.tracks, p ? p($e.tracks) : console.warn(
             "[waveform-playlist] Engine tracks changed but onTracksChange prop is not set — UI will revert on next render. Pass onTracksChange to WaveformPlaylistProvider."
           ));
         }), Ne.setTracks(ra), Rn = !1, Wt.current = Ne.getState().tracksVersion, $.current = Ne, U(!0);
         const oo = new CustomEvent("waveform-playlist:ready", {
           detail: {
             trackCount: e.length,
-            duration: Ae
+            duration: Ee
           }
         });
         window.dispatchEvent(oo), d?.();
@@ -11212,7 +11225,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
     ea,
     dn,
     ki,
-    Ei,
+    Ai,
     kt,
     we,
     p,
@@ -11226,10 +11239,10 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
   ]), j(() => {
     if (e.length === 0) return;
     const F = e.map((H) => H.clips.map((z) => {
-      let Ae;
+      let Ee;
       if (z.waveformData)
         try {
-          Ae = Vl(
+          Ee = Vl(
             z.waveformData,
             Ue,
             n,
@@ -11239,11 +11252,11 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
         } catch (He) {
           console.warn("[waveform-playlist] Failed to extract peaks from waveformData:", He);
         }
-      if (!Ae) {
+      if (!Ee) {
         const He = Ti.get(z.id);
         if (He)
           try {
-            Ae = Vl(
+            Ee = Vl(
               He,
               Ue,
               n,
@@ -11254,12 +11267,12 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
             console.warn("[waveform-playlist] Failed to extract peaks from cache:", Ne);
           }
       }
-      if (!Ae) {
+      if (!Ee) {
         !z.audioBuffer && !z.waveformData && console.warn(
           `[waveform-playlist] Clip "${z.id}" has no audio data or waveform data`
         );
         const He = n ? 1 : z.audioBuffer?.numberOfChannels ?? 1;
-        Ae = {
+        Ee = {
           length: 0,
           data: Array.from({ length: He }, () => new Int16Array(0)),
           bits: 16
@@ -11268,7 +11281,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       return {
         clipId: z.id,
         trackName: H.name,
-        peaks: Ae,
+        peaks: Ee,
         startSample: z.startSample,
         durationSamples: z.durationSamples,
         fadeIn: z.fadeIn,
@@ -11289,41 +11302,41 @@ 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(
-          (Ae) => H >= Ae.start && H < Ae.end
+          (Ee) => H >= Ee.start && H < Ee.end
         );
         if (tt.current)
           z && z.id !== dt.current ? Xt(z.id) : !z && dt.current !== null && Xt(null);
         else if (dt.current) {
-          const Ae = pe.find(
+          const Ee = pe.find(
             (He) => He.id === dt.current
           );
-          if (Ae && H >= Ae.end) {
-            $.current && $.current.stop(), A(!1), be.current = Q.current, R(Q.current);
+          if (Ee && H >= Ee.end) {
+            $.current && $.current.stop(), E(!1), be.current = Q.current, R(Q.current);
             return;
           }
         } else
           z && Xt(z.id);
       }
       if (Je.current && ke.current && B.length > 0) {
-        const z = ke.current, Ae = B[0].sampleRate, He = H * Ae / ze.current, Ne = z.clientWidth, Pn = l.show ? l.width : 0, ra = He + Pn, Rn = Math.max(0, ra - Ne / 2);
+        const z = ke.current, Ee = B[0].sampleRate, He = H * Ee / ze.current, Ne = z.clientWidth, Pn = l.show ? l.width : 0, ra = He + Pn, Rn = Math.max(0, ra - Ne / 2);
         z.scrollLeft = Rn;
       }
       if (Ye.current !== null && H >= Ye.current) {
-        $.current && $.current.stop(), A(!1), be.current = Ye.current, R(Ye.current), Ye.current = null;
+        $.current && $.current.stop(), E(!1), be.current = Ye.current, R(Ye.current), Ye.current = null;
         return;
       }
-      if (H >= E) {
-        $.current && $.current.stop(), A(!1), be.current = Q.current, R(Q.current), Xt(null);
+      if (H >= A) {
+        $.current && $.current.stop(), E(!1), be.current = Q.current, R(Q.current), Xt(null);
         return;
       }
       to(F);
     };
     to(F);
   }, [
-    E,
+    A,
     B,
     l.show,
     l.width,
@@ -11342,7 +11355,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
         } else
           gt(), pn();
     })().catch((H) => {
-      console.warn("[waveform-playlist] Failed to reschedule playback:", H), A(!1), gt();
+      console.warn("[waveform-playlist] Failed to reschedule playback:", H), E(!1), gt();
     });
   }, [ce, I, pn, gt, $i]), j(() => {
     (async () => {
@@ -11350,10 +11363,10 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
         const { position: H } = ta.current;
         ta.current = null;
         const z = Gt().currentTime;
-        q.current = z, Oe.current = H, ge.current || (await $.current.init(), ge.current = !0), $.current.play(H), A(!0), pn();
+        q.current = z, Oe.current = H, ge.current || (await $.current.init(), ge.current = !0), $.current.play(H), E(!0), pn();
       }
     })().catch((H) => {
-      console.warn("[waveform-playlist] Failed to resume playback after track change:", H), A(!1), gt();
+      console.warn("[waveform-playlist] Failed to resume playback after track change:", H), E(!1), gt();
     });
   }, [e, pn, gt]);
   const na = M(
@@ -11361,8 +11374,8 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       if (!$.current || B.length === 0) return;
       const pe = F ?? be.current;
       Q.current = pe, be.current = pe, $.current.stop(), $.current.seek(pe), gt();
-      const Ae = Gt().currentTime;
-      q.current = Ae, Oe.current = pe, Ye.current = H !== void 0 ? pe + H : null, ge.current || (await $.current.init(), ge.current = !0);
+      const Ee = Gt().currentTime;
+      q.current = Ee, Oe.current = pe, Ye.current = H !== void 0 ? pe + H : null, ge.current || (await $.current.init(), ge.current = !0);
       const He = H !== void 0 ? pe + H : void 0;
       try {
         $.current.play(pe, He);
@@ -11370,21 +11383,21 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
         console.warn("[waveform-playlist] Playback failed to start:", Ne), gt();
         return;
       }
-      A(!0), pn();
+      E(!0), pn();
     },
     [B.length, pn, gt]
   ), Wi = M(() => {
     if (!$.current) return;
     const F = Dn();
-    $.current.pause(), A(!1), gt(), be.current = F, R(F);
+    $.current.pause(), E(!1), gt(), be.current = F, R(F);
   }, [gt, Dn]), Fi = M(() => {
-    $.current && ($.current.stop(), A(!1), gt(), be.current = Q.current, R(Q.current), Xt(null));
+    $.current && ($.current.stop(), E(!1), gt(), be.current = Q.current, R(Q.current), Xt(null));
   }, [gt, Xt]), Oi = M(
     (F) => {
-      const H = Math.max(0, Math.min(F, E));
+      const H = Math.max(0, Math.min(F, A));
       be.current = H, R(H), I && $.current && na(H);
     },
-    [E, I, na]
+    [A, I, na]
   ), Bi = M(
     (F, H) => {
       const pe = Ge.current[F]?.id;
@@ -11428,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."
@@ -11463,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,
@@ -11477,7 +11490,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       se,
       Ht,
       _,
-      S,
+      C,
       ot,
       mt,
       Ii,
@@ -11506,7 +11519,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       setTrackPan: zi,
       // Selection
       setSelection: Zi,
-      setSelectedTrackId: Ai,
+      setSelectedTrackId: Ei,
       // Time format
       setTimeFormat: ne,
       formatTime: xe,
@@ -11542,7 +11555,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       Li,
       zi,
       Zi,
-      Ai,
+      Ei,
       ne,
       xe,
       Me.zoomIn,
@@ -11563,7 +11576,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
     ]
   ), _f = Te(
     () => ({
-      duration: E,
+      duration: A,
       audioBuffers: B,
       peaksDataArray: J,
       trackStates: L,
@@ -11587,7 +11600,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       isDraggingRef: ue
     }),
     [
-      E,
+      A,
       B,
       J,
       L,
@@ -11893,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), A = 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];
@@ -11903,9 +11916,9 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
         ), [];
     }
     return l.annotations;
-  }, [l?.annotations]), D = T(A);
-  D.current = A;
-  const [R, E] = V(null), [O, B] = V(
+  }, [l?.annotations]), D = T(E);
+  D.current = E;
+  const [R, A] = V(null), [O, B] = V(
     l?.isContinuousPlay ?? !1
   ), [X] = V(t), [J, oe] = V(o), L = T(null), ae = T(0), se = T(O), ie = T(null), ce = T(null), ye = T(o), _e = T(t), { startAnimationFrameLoop: Fe, stopAnimationFrameLoop: Y } = Yd();
   j(() => {
@@ -11914,7 +11927,7 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
     ye.current = J;
   }, [J]);
   const N = M((G) => {
-    ie.current = G, E(G);
+    ie.current = G, A(G);
   }, []), he = M((G) => {
     se.current = G, B(G);
   }, []), U = M((G) => {
@@ -11967,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);
     }
@@ -12030,12 +12043,12 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
   ), ke = Te(
     () => ({
       continuousPlay: O,
-      annotations: A,
+      annotations: E,
       activeAnnotationId: R,
       playbackRate: k,
       isAutomaticScroll: J
     }),
-    [O, A, R, k, J]
+    [O, E, R, k, J]
   ), Je = T(h);
   Je.current = h;
   const tt = M(
@@ -12080,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,
@@ -12093,7 +12106,7 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
     }),
     [
       g,
-      C,
+      S,
       $,
       n,
       Oe,
@@ -12246,7 +12259,7 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
   }, [r, s, a, o]), j(() => {
     !r && t.current && (t.current.textContent = Xn(a.current ?? 0, s));
   }), /* @__PURE__ */ x(Hv, { ref: t, className: e, "aria-label": "Audio position", children: Xn(a.current ?? 0, s) });
-}, A1 = ({ className: e }) => {
+}, E1 = ({ className: e }) => {
   const { selectionStart: t, selectionEnd: n } = Ct(), { setSelection: r } = Ve();
   return /* @__PURE__ */ x(
     h0,
@@ -12257,7 +12270,7 @@ const Jd = Ze(null), Qd = Ze(null), ef = Ze(null), tf = Ze(null), f1 = ({
       className: e
     }
   );
-}, E1 = ({ className: e }) => {
+}, A1 = ({ className: e }) => {
   const { isAutomaticScroll: t } = Ct(), { setAutomaticScroll: n } = Ve();
   return /* @__PURE__ */ x(
     $g,
@@ -12408,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 A = 0;
-        k <= e ? A = 0 : k >= I ? A = 1 : A = (k - e) / t, r.current.style.transform = `scaleX(${A})`;
+        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);
     };
   }, [
@@ -12430,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";
@@ -12514,14 +12527,14 @@ const Kv = 60, jv = ({
     selectionEnd: w,
     annotations: g,
     activeAnnotationId: _,
-    annotationsEditable: C,
-    linkEndpoints: S,
+    annotationsEditable: S,
+    linkEndpoints: C,
     continuousPlay: k,
     selectedTrackId: I,
-    loopStart: A,
+    loopStart: E,
     loopEnd: D,
     isLoopEnabled: R
-  } = Ct(), E = We(Qa), {
+  } = Ct(), A = We(Qa), {
     setAnnotations: O,
     setActiveAnnotationId: B,
     setTrackMute: X,
@@ -12662,8 +12675,8 @@ const Kv = 60, jv = ({
               R && /* @__PURE__ */ x(
                 f0,
                 {
-                  startPosition: Math.min(A, D) * $ / U,
-                  endPosition: Math.max(A, D) * $ / U,
+                  startPosition: Math.min(E, D) * $ / U,
+                  endPosition: Math.max(E, D) * $ / U,
                   markerColor: h.loopMarkerColor,
                   regionColor: h.loopRegionColor,
                   minPosition: 0,
@@ -12782,7 +12795,7 @@ const Kv = 60, jv = ({
                       we !== "waveform" && (() => {
                         const le = Oe.get(te.id), Ke = le?.config;
                         return !Ke?.labels || !le ? null : /* @__PURE__ */ x(
-                          A0,
+                          E0,
                           {
                             waveHeight: ge,
                             numChannels: mt,
@@ -12895,10 +12908,10 @@ const Kv = 60, jv = ({
                   }
                 ) }, te.id);
               }),
-              g.length > 0 && E && /* @__PURE__ */ x(E.AnnotationBoxesWrapper, { height: 30, width: ze, children: g.map((Z, K) => {
+              g.length > 0 && A && /* @__PURE__ */ x(A.AnnotationBoxesWrapper, { height: 30, width: ze, children: g.map((Z, K) => {
                 const te = Z.start * $ / U, Ie = Z.end * $ / U, we = a ? a(Z, K) : Z.id;
                 return /* @__PURE__ */ x(
-                  E.AnnotationBox,
+                  A.AnnotationBox,
                   {
                     annotationId: Z.id,
                     annotationIndex: K,
@@ -12908,7 +12921,7 @@ const Kv = 60, jv = ({
                     color: "#ff9800",
                     isActive: Z.id === _,
                     onClick: () => nt(Z),
-                    editable: C
+                    editable: S
                   },
                   Z.id
                 );
@@ -13111,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: A } = S;
-    S.renderer = k;
+    const { renderer: k, trackRendering: I } = u.current, { monitor: E } = C;
+    C.renderer = k;
     const D = [
-      A.addEventListener("beforedragstart", (R) => {
-        const E = p.current;
-        E && I(() => E(R, S));
+      E.addEventListener("beforedragstart", (R) => {
+        const A = p.current;
+        A && I(() => A(R, C));
       }),
-      A.addEventListener(
+      E.addEventListener(
         "dragstart",
         (R) => {
-          var E;
-          return (E = b.current) == null ? void 0 : E.call(b, R, S);
+          var A;
+          return (A = b.current) == null ? void 0 : A.call(b, R, C);
         }
       ),
-      A.addEventListener("dragover", (R) => {
-        const E = w.current;
-        E && I(() => E(R, S));
+      E.addEventListener("dragover", (R) => {
+        const A = w.current;
+        A && I(() => A(R, C));
       }),
-      A.addEventListener("dragmove", (R) => {
-        const E = g.current;
-        E && I(() => E(R, S));
+      E.addEventListener("dragmove", (R) => {
+        const A = g.current;
+        A && I(() => A(R, C));
       }),
-      A.addEventListener("dragend", (R) => {
-        const E = _.current;
-        E && I(() => E(R, S));
+      E.addEventListener("dragend", (R) => {
+        const A = _.current;
+        A && I(() => A(R, C));
       }),
-      A.addEventListener(
+      E.addEventListener(
         "collision",
         (R) => {
-          var E;
-          return (E = C.current) == null ? void 0 : E.call(C, R, S);
+          var A;
+          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
   ] });
@@ -13358,7 +13371,7 @@ const Cy = (e) => {
   }), /* @__PURE__ */ x(Sy, { ref: n, $color: e, $width: l, "data-playhead": !0 });
 }, Iy = W.div`
   position: relative;
-`, Ay = W.div`
+`, Ey = W.div`
   position: absolute;
   top: ${(e) => e.$top}px;
   left: 0;
@@ -13369,7 +13382,7 @@ const Cy = (e) => {
   transform: translateZ(0);
   backface-visibility: hidden;
   will-change: transform;
-`, Ey = W.div`
+`, Ay = W.div`
   position: absolute;
   top: ${(e) => e.$top}px;
   left: 0;
@@ -13436,7 +13449,7 @@ const Cy = (e) => {
   const m = ln(f);
   return /* @__PURE__ */ me(Iy, { children: [
     /* @__PURE__ */ x(
-      Ay,
+      Ey,
       {
         $color: m,
         $height: s,
@@ -13445,7 +13458,7 @@ const Cy = (e) => {
       }
     ),
     /* @__PURE__ */ x(
-      Ey,
+      Ay,
       {
         ref: r,
         $color: d,
@@ -13470,10 +13483,10 @@ const Cy = (e) => {
     timeScaleHeight: w,
     samplesPerPixel: g,
     controls: _,
-    playoutRef: C,
-    barWidth: S,
+    playoutRef: S,
+    barWidth: C,
     barGap: k
-  } = _i(), [I, A] = V(0), [D, R] = V(0), [E, O] = V(!1), B = T(null), X = M(
+  } = _i(), [I, E] = V(0), [D, R] = V(0), [A, O] = V(!1), B = T(null), X = M(
     (Y) => {
       B.current = Y, m(Y);
     },
@@ -13507,32 +13520,32 @@ const Cy = (e) => {
   }), ce = M(
     (Y) => {
       const N = Y.currentTarget.getBoundingClientRect(), he = _.show ? _.width : 0, $ = (Y.clientX - N.left - he) * g / p;
-      O(!0), A($), R($);
+      O(!0), E($), R($);
     },
     [_, g, p]
   ), ye = M(
     (Y) => {
-      if (!E) return;
+      if (!A) return;
       const N = Y.currentTarget.getBoundingClientRect(), he = _.show ? _.width : 0, $ = (Y.clientX - N.left - he) * g / p;
       R($);
     },
-    [E, _, g, p]
+    [A, _, g, p]
   ), _e = M(
     (Y) => {
-      if (!E) return;
+      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), A(ge), R(ge), s && C.current && (C.current.stop(), u(ge))) : (A(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));
     },
     [
-      E,
+      A,
       I,
       g,
       p,
       _,
       d,
       s,
-      C,
+      S,
       u
     ]
   );
@@ -13550,7 +13563,7 @@ const Cy = (e) => {
         timeScaleHeight: w,
         duration: y * 1e3,
         controls: _,
-        barWidth: S,
+        barWidth: C,
         barGap: k
       },
       children: /* @__PURE__ */ x(
@@ -13567,7 +13580,7 @@ const Cy = (e) => {
           onTracksMouseMove: ye,
           onTracksMouseUp: _e,
           scrollContainerRef: X,
-          isSelecting: E,
+          isSelecting: A,
           timescale: w > 0 ? /* @__PURE__ */ x(zd, {}) : void 0,
           children: /* @__PURE__ */ me(Lt, { children: [
             v.map((Y, N) => {
@@ -13752,7 +13765,7 @@ let Yl = za;
 export {
   M1 as AnnotationIntegrationProvider,
   I1 as AudioPosition,
-  E1 as AutomaticScrollCheckbox,
+  A1 as AutomaticScrollCheckbox,
   Yl as ClipCollisionModifier,
   $1 as ContinuousPlayCheckbox,
   P1 as DownloadAnnotationsButton,
@@ -13771,7 +13784,7 @@ export {
   qv as PlaylistAnnotationList,
   jv as PlaylistVisualization,
   g1 as RewindButton,
-  A1 as SelectionTimeInputs,
+  E1 as SelectionTimeInputs,
   _1 as SetLoopRegionButton,
   y1 as SkipBackwardButton,
   b1 as SkipForwardButton,