@waveform-playlist/browser 9.0.2 → 9.0.3

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,14 +1047,14 @@ 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(),
+      e && this._isBeforeLoopEnd(),
       this._loopStart,
       this._loopEnd
     ), this._emitStateChange());
@@ -1119,20 +1127,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 +1159,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 +1169,7 @@ function Za() {
         n = r;
       }
     }
-    if (Ao = 0, on--, t) throw e;
+    if (Eo = 0, on--, t) throw e;
   }
 }
 function sn(e) {
@@ -1184,7 +1191,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 +1260,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 +1400,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 +1487,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 +1559,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 +1726,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 +1753,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 +1765,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 +1869,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 +2140,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 +2180,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 +2369,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 +2379,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 +2421,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 +2514,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 +2547,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 +2767,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 +2894,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,7 +2918,7 @@ 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;
@@ -2993,7 +3000,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 +3008,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 +3029,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 +3057,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 +3113,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,13 +3151,13 @@ 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), C = `${b}px ${g}px ${_}px ${w}px`;
       this.boundingClientRect = h, yt(this, bn, new IntersectionObserver(
         (S) => {
           const [k] = S, { intersectionRect: I } = k;
           (k.intersectionRatio !== 1 ? k.intersectionRatio : zr.intersectionRatio(
             I,
-            Aa(l)
+            Ea(l)
           )) !== 1 && re(this, yr).call(this);
         },
         {
@@ -3192,7 +3199,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 +3280,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 +3309,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 +3336,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 +3479,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 +3656,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 +3665,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 +3676,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 +3684,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 +3783,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 = {
@@ -3840,8 +3847,8 @@ var gm = ["dragover", "dragmove"], vm = class extends pt {
         (S, 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 = C?.(S, k);
+          E && I.nodeValue !== E && (f = E, gm.includes(_) ? v() : (y(), v.cancel()));
         }
       )
     ), b = () => {
@@ -3872,8 +3879,8 @@ var gm = ["dragover", "dragmove"], vm = class extends pt {
             () => S.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(C.isDragging);
+            S.getAttribute(I) !== E && w.add(() => S.setAttribute(I, E));
           }
           const k = String(C.disabled);
           S.getAttribute("aria-disabled") !== k && w.add(
@@ -3900,7 +3907,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 +3919,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 +3931,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 +3953,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 +3972,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 +4158,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 +4173,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 +4194,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 +4331,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);
 };
@@ -4351,16 +4358,16 @@ qu = function() {
   const S = 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") {
@@ -4437,11 +4444,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
@@ -4534,16 +4541,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 +4559,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 +4603,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 +4623,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 +4636,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 +4645,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 +4658,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 +4694,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 +4742,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 +4803,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 +4840,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 +4849,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 +4897,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 +4925,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 +4959,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 +4972,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 +5002,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 +5072,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 +5107,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 +5132,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 +5142,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 +5278,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 +5343,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 +5763,7 @@ var kg = W.div`
   &:disabled {
     cursor: not-allowed;
   }
-`, Ag = W.label`
+`, Eg = W.label`
   margin: 0;
   cursor: pointer;
   user-select: none;
@@ -5820,7 +5827,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 +5892,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 +5991,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})`;
@@ -6168,7 +6175,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 +6209,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,
@@ -6221,19 +6228,19 @@ var Lg = W.canvas.attrs((e) => ({
   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);
+      const k = C * et, I = S.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;
         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);
           }
@@ -6520,13 +6527,13 @@ var $l = ({
 }) => {
   const g = Math.floor(s / l), C = Math.floor((s + i) / l) - g, S = 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({
+  }), R = `clip-boundary-left-${r}-${a}`, { ref: A, isDragSource: O } = vo({
     id: R,
     data: { clipId: n, trackIndex: r, clipIndex: a, boundary: "left" },
     disabled: !S,
@@ -6559,7 +6566,7 @@ var $l = ({
             trackName: o,
             isSelected: h,
             disableDrag: u,
-            dragHandleProps: S ? { handleRef: A } : void 0
+            dragHandleProps: S ? { handleRef: E } : void 0
           }
         ),
         /* @__PURE__ */ x(Wg, { originX: g, children: /* @__PURE__ */ me(Jg, { $isOverlay: d, children: [
@@ -6593,7 +6600,7 @@ var $l = ({
               edge: "left",
               touchOptimized: w,
               dragHandleProps: {
-                ref: E,
+                ref: A,
                 isDragging: O
               }
             }
@@ -6620,10 +6627,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,
@@ -7234,15 +7241,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), C = Dd(), S = pi(r, et, C), 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 +7262,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 +7281,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;
@@ -7291,11 +7298,11 @@ var S0 = C0(), Pl = ({
       g.current?.(oe, L);
     }
   }, [v, _, h, m, r, S]), j(() => () => {
-    const E = w.current;
-    if (E) {
+    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 +7311,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 +7327,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 +7363,12 @@ var S0 = C0(), Pl = ({
     k,
     c,
     I,
-    A,
+    E,
     D,
     S
   ]);
-  const R = S.map((E) => {
-    const O = E * et, B = Math.min(r - O, et);
+  const R = S.map((A) => {
+    const O = A * et, B = Math.min(r - O, et);
     return /* @__PURE__ */ x(
       x0,
       {
@@ -7370,10 +7377,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 });
@@ -7444,7 +7451,7 @@ var S0 = C0(), Pl = ({
             height: k
           },
           children: /* @__PURE__ */ x(
-            El,
+            Al,
             {
               ...h,
               index: 0,
@@ -7463,7 +7470,7 @@ var S0 = C0(), Pl = ({
     ] });
   }
   return /* @__PURE__ */ x(
-    El,
+    Al,
     {
       ...h,
       waveOutlineColor: g,
@@ -7509,7 +7516,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,
@@ -7563,7 +7570,7 @@ var A0 = ({
     }
   ) });
 };
-function E0(e, t, n) {
+function A0(e, t, n) {
   return Math.ceil(e * n / t);
 }
 function M0(e) {
@@ -7616,14 +7623,14 @@ 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 S = /* @__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 }), S.set(A, d);
+      } else D % a === 0 ? S.set(A, Math.floor(d / 2)) : D % o === 0 && S.set(A, Math.floor(d / 5));
       D += o;
     }
     return {
@@ -7660,12 +7667,12 @@ var $0 = W.div.attrs((e) => ({
     for (const [S, k] of l.current.entries()) {
       const I = k.getContext("2d");
       if (!I) continue;
-      const A = S * et, D = k.width / m;
+      const E = S * 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);
       }
     }
   }, [
@@ -7995,7 +8002,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};
@@ -8191,8 +8198,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) {
@@ -8831,20 +8838,20 @@ 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`);
@@ -8855,9 +8862,9 @@ function Jy(e, t = {}) {
           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);
@@ -8903,16 +8910,16 @@ function Qy({
       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 k = [...C.clips].sort((D, R) => D.startSample - R.startSample), I = k.findIndex((D) => D === C.clips[y]), E = C.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 +8933,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 +8949,7 @@ function Qy({
             return { ...D, durationSamples: B };
           }
         });
-        return { ...C, clips: A };
+        return { ...C, clips: E };
       });
       i.current = b, t(_);
     },
@@ -8955,8 +8962,8 @@ function Qy({
           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 I = S.clips.map((E, D) => D !== g ? E : {
+                ...E,
                 offsetSamples: _.offsetSamples,
                 durationSamples: _.durationSamples,
                 startSample: _.startSample
@@ -9261,10 +9268,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 +9287,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 +9339,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 +9358,7 @@ function a1({
           }
         }
       }
-      n(E);
+      n(A);
     },
     [e, f, a, o, n]
   ), p = M(() => {
@@ -9366,8 +9373,8 @@ function a1({
     r && r(null);
   }, [r]), C = M(() => {
     if (f < 0 || !h) return;
-    const I = e[f], A = s ? void 0 : I.end - I.start;
-    h(I.start, A);
+    const I = e[f], E = s ? void 0 : I.end - I.start;
+    h(I.start, E);
   }, [e, f, s, h]), S = Te(
     () => [
       {
@@ -10006,7 +10013,7 @@ const Ja = [
   { id: "dynamics", name: "Dynamics" },
   { id: "spatial", name: "Spatial" }
 ];
-const Av = {
+const Ev = {
   reverb: Kf,
   freeverb: Uf,
   jcReverb: Yf,
@@ -10028,10 +10035,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 = {};
@@ -10472,8 +10479,8 @@ 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;
@@ -10494,25 +10501,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);
+            const A = C.reduce((O, { track: B }) => O + B.clips.length, 0);
             for (const { track: O, state: B } of C)
               if (!(B.muted && !B.soloed) && !(S && !B.soloed))
                 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) {
@@ -10545,14 +10552,14 @@ async function Pv(e, t, n, r, a, o, s, i) {
           k ? k(S, p, !0) : S.connect(p), C.connect(S), _.connect(C);
           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));
@@ -10934,8 +10941,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;
@@ -11064,7 +11071,7 @@ 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(
+  const [S, k] = V(null), [I, E] = V(!1), [D, R] = V(0), [A, O] = V(0), [B, X] = V([]), [J, oe] = V([]), [L, ae] = V([]), [se, ie] = V(s), [ce, ye] = V(
     c?.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 +11100,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 +11124,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 +11132,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 +11151,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 +11185,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 +11219,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 +11233,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 +11246,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 +11261,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 +11275,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,
@@ -11292,38 +11299,38 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       const pe = C.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 +11349,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 +11357,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 +11368,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 +11377,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;
@@ -11506,7 +11513,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 +11549,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 +11570,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 +11594,7 @@ const Ud = Ze(null), Kd = Ze(null), jd = Ze(null), qd = Ze(null), d1 = ({
       isDraggingRef: ue
     }),
     [
-      E,
+      A,
       B,
       J,
       L,
@@ -11893,7 +11900,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), [C, S] = 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 +11910,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 +11921,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) => {
@@ -12030,12 +12037,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(
@@ -12246,7 +12253,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 +12264,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,
@@ -12411,8 +12418,8 @@ const $1 = ({ className: e }) => {
     const C = () => {
       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));
     };
@@ -12518,10 +12525,10 @@ const Kv = 60, jv = ({
     linkEndpoints: S,
     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 +12669,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 +12789,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 +12902,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,
@@ -13117,37 +13124,37 @@ function oy(e) {
   });
   return j(() => {
     if (!u.current) throw new Error("Renderer not found");
-    const { renderer: k, trackRendering: I } = u.current, { monitor: A } = S;
+    const { renderer: k, trackRendering: I } = u.current, { monitor: E } = S;
     S.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, S));
       }),
-      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, S);
         }
       ),
-      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, S));
       }),
-      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, S));
       }),
-      A.addEventListener("dragend", (R) => {
-        const E = _.current;
-        E && I(() => E(R, S));
+      E.addEventListener("dragend", (R) => {
+        const A = _.current;
+        A && I(() => A(R, S));
       }),
-      A.addEventListener(
+      E.addEventListener(
         "collision",
         (R) => {
-          var E;
-          return (E = C.current) == null ? void 0 : E.call(C, R, S);
+          var A;
+          return (A = C.current) == null ? void 0 : A.call(C, R, S);
         }
       )
     ];
@@ -13358,7 +13365,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 +13376,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 +13443,7 @@ const Cy = (e) => {
   const m = ln(f);
   return /* @__PURE__ */ me(Iy, { children: [
     /* @__PURE__ */ x(
-      Ay,
+      Ey,
       {
         $color: m,
         $height: s,
@@ -13445,7 +13452,7 @@ const Cy = (e) => {
       }
     ),
     /* @__PURE__ */ x(
-      Ey,
+      Ay,
       {
         ref: r,
         $color: d,
@@ -13473,7 +13480,7 @@ const Cy = (e) => {
     playoutRef: C,
     barWidth: S,
     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,25 +13514,25 @@ 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 && C.current && (C.current.stop(), u(ge))) : (E(ge), R(Le));
     },
     [
-      E,
+      A,
       I,
       g,
       p,
@@ -13567,7 +13574,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 +13759,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 +13778,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,