@waveform-playlist/browser 9.5.1 → 9.5.2

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import * as oh from "tone";
-import { now as La, Context as ah, setContext as sh, Volume as Yo, getDestination as jo, getTransport as Ht, start as ih, getContext as Pt, Panner as Ms, Gain as Ts, PolySynth as no, Synth as lh, MembraneSynth as ro, NoiseSynth as ch, MetalSynth as wl, Part as Sc, Analyser as kc, StereoWidener as uh, Gate as dh, Limiter as fh, Compressor as hh, Chebyshev as ph, BitCrusher as mh, Distortion as gh, EQ3 as vh, AutoWah as yh, AutoFilter as bh, AutoPanner as wh, Vibrato as _h, Tremolo as Sh, Phaser as kh, Chorus as Ch, PingPongDelay as xh, FeedbackDelay as Eh, JCReverb as Ih, Freeverb as Ah, Reverb as Mh } from "tone";
+import { now as La, Context as ah, setContext as sh, Volume as Yo, getDestination as Ko, getTransport as Ht, start as ih, getContext as Pt, Panner as Ms, Gain as Ts, PolySynth as no, Synth as lh, MembraneSynth as ro, NoiseSynth as ch, MetalSynth as wl, Part as Sc, Analyser as kc, StereoWidener as uh, Gate as dh, Limiter as fh, Compressor as hh, Chebyshev as ph, BitCrusher as mh, Distortion as gh, EQ3 as vh, AutoWah as yh, AutoFilter as bh, AutoPanner as wh, Vibrato as _h, Tremolo as Sh, Phaser as kh, Chorus as Ch, PingPongDelay as xh, FeedbackDelay as Eh, JCReverb as Ih, Freeverb as Ah, Reverb as Mh } from "tone";
 import { jsx as k, jsxs as de, Fragment as Wt } from "react/jsx-runtime";
 import * as P from "react";
-import rt, { useEffect as j, useLayoutEffect as Sn, useRef as M, useMemo as Ce, useState as z, useCallback as T, useContext as Pe, createContext as Ve, memo as Cc, forwardRef as xc, startTransition as $s, useImperativeHandle as Ec, useSyncExternalStore as Th, Fragment as $h, useInsertionEffect as Dh } from "react";
+import rt, { useEffect as K, useLayoutEffect as Sn, useRef as M, useMemo as Ce, useState as z, useCallback as T, useContext as Pe, createContext as Ve, memo as Cc, forwardRef as xc, startTransition as $s, useImperativeHandle as Ec, useSyncExternalStore as Th, Fragment as $h, useInsertionEffect as Dh } from "react";
 import F, { ThemeContext as Rh, withTheme as Ic, useTheme as Ph, ThemeProvider as Ac } from "styled-components";
 import { flushSync as Fh, createPortal as Mc } from "react-dom";
 var ba = { exports: {} }, _l;
@@ -1321,26 +1321,26 @@ function Lh(e, t) {
 function Bh(e, t, n) {
   return Math.ceil(e * n / t);
 }
-var Kn = 192;
-function Ko(e, t = Kn) {
+var jn = 192;
+function jo(e, t = jn) {
   const [, n] = e;
   return t * (4 / n);
 }
-function Ds(e, t = Kn) {
+function Ds(e, t = jn) {
   const [n] = e;
-  return n * Ko(e, t);
+  return n * jo(e, t);
 }
-function Nn(e, t, n, r = Kn) {
+function Nn(e, t, n, r = jn) {
   return Math.round(e * 60 * n / (t * r));
 }
-function Wa(e, t, n, r = Kn) {
+function Wa(e, t, n, r = jn) {
   return Math.round(e * r * t / (60 * n));
 }
 function Va(e, t) {
   return Math.round(e / t) * t;
 }
-function Wh(e, t, n = Kn) {
-  const r = Ds(t, n), o = Ko(t, n), a = Math.floor(e / r) + 1, s = Math.floor(e % r / o) + 1;
+function Wh(e, t, n = jn) {
+  const r = Ds(t, n), o = jo(t, n), a = Math.floor(e / r) + 1, s = Math.floor(e % r / o) + 1;
   return s === 1 ? `${a}` : `${a}.${s}`;
 }
 function oo(e) {
@@ -1438,7 +1438,7 @@ function Ml(e, t, n, r = "linear", o = 1, a = 0) {
 var Zh = class {
   constructor(e) {
     this.activeSources = /* @__PURE__ */ new Set(), this._scheduleGuardOffset = 0, this.track = e.track, this.volumeNode = new Yo(this.gainToDb(e.track.gain)), this.panNode = new Ms(e.track.stereoPan), this.muteGain = new Ts(e.track.muted ? 0 : 1), this.volumeNode.chain(this.panNode, this.muteGain);
-    const t = e.destination || jo();
+    const t = e.destination || Ko();
     if (e.effects) {
       const s = e.effects(this.muteGain, t, !1);
       s && (this.effectsCleanup = s);
@@ -1723,7 +1723,7 @@ var Gh = class {
         envelope: { attack: 1e-3, decay: 0.3, sustain: 0, release: 0.1 }
       }
     }), this.kickSynth.connect(this.volumeNode), this.snareSynth.connect(this.volumeNode), this.cymbalSynth.connect(this.volumeNode), this.tomSynth.connect(this.volumeNode);
-    const t = e.destination || jo();
+    const t = e.destination || Ko();
     if (e.effects) {
       const n = e.effects(this.muteGain, t, !1);
       n && (this.effectsCleanup = n);
@@ -1947,7 +1947,7 @@ var Gh = class {
 }, Fc = class Na {
   constructor(t) {
     this.activeSources = /* @__PURE__ */ new Set(), this.track = t.track, this.soundFontCache = t.soundFontCache, this.programNumber = t.programNumber ?? 0, this.bankNumber = t.isPercussion ? 128 : 0, this.volumeNode = new Yo(this.gainToDb(t.track.gain)), this.panNode = new Ms(t.track.stereoPan), this.muteGain = new Ts(t.track.muted ? 0 : 1), this.volumeNode.chain(this.panNode, this.muteGain);
-    const n = t.destination || jo();
+    const n = t.destination || Ko();
     if (t.effects) {
       const r = t.effects(this.muteGain, n, !1);
       r && (this.effectsCleanup = r);
@@ -2136,7 +2136,7 @@ Fc._missingSampleWarned = !1;
 var Uh = Fc, Xh = class {
   constructor(e = {}) {
     if (this.tracks = /* @__PURE__ */ new Map(), this.isInitialized = !1, this.soloedTracks = /* @__PURE__ */ new Set(), this.manualMuteState = /* @__PURE__ */ new Map(), this._completionEventId = null, this._loopHandler = null, this._loopEnabled = !1, this._loopStart = 0, this._loopEnd = 0, this.masterVolume = new Yo(this.gainToDb(e.masterGain ?? 1)), e.effects) {
-      const t = e.effects(this.masterVolume, jo(), !1);
+      const t = e.effects(this.masterVolume, Ko(), !1);
       t && (this.effectsCleanup = t);
     } else
       this.masterVolume.toDestination();
@@ -2353,10 +2353,10 @@ var Uh = Fc, Xh = class {
 function Yh() {
   return ao || (ao = new ah(), sh(ao)), ao;
 }
-function jh() {
+function Kh() {
   return Yh().rawContext;
 }
-function Kh(e) {
+function jh(e) {
   let t = null, n = !1, r = 0, o = !1, a = 0, s = 0, i = !1;
   function l(c) {
     if (t) {
@@ -3224,8 +3224,8 @@ function Lr(...e) {
   const t = e.map((n) => It(n));
   return () => t.forEach((n) => n());
 }
-var Uc, Xc, Yc, jc, Kc, qc, ot, Os, Sa, Ha, Ga, tt, Ls, ka, Jc, Ua, Bs, Ca, Xa, Ya;
-qc = [fe], Kc = [fe], jc = [fe], Yc = [_a()], Xc = [_a()], Uc = [_a()];
+var Uc, Xc, Yc, Kc, jc, qc, ot, Os, Sa, Ha, Ga, tt, Ls, ka, Jc, Ua, Bs, Ca, Xa, Ya;
+qc = [fe], jc = [fe], Kc = [fe], Yc = [_a()], Xc = [_a()], Uc = [_a()];
 var ln = class {
   constructor(e, t = Object.is) {
     this.defaultValue = e, this.equals = t, dn(ot, 5, this), so(this, tt), so(this, Os, dn(ot, 8, this)), dn(ot, 11, this), so(this, Ls, dn(ot, 12, this)), dn(ot, 15, this), so(this, Bs, dn(ot, 16, this)), dn(ot, 19, this), this.reset = this.reset.bind(this), this.reset();
@@ -3259,8 +3259,8 @@ tt = /* @__PURE__ */ new WeakSet();
 Ls = /* @__PURE__ */ new WeakMap();
 Bs = /* @__PURE__ */ new WeakMap();
 Sa = Qn(ot, 20, "#initial", qc, tt, Os), Ha = Sa.get, Ga = Sa.set;
-ka = Qn(ot, 20, "#previous", Kc, tt, Ls), Jc = ka.get, Ua = ka.set;
-Ca = Qn(ot, 20, "#current", jc, tt, Bs), Xa = Ca.get, Ya = Ca.set;
+ka = Qn(ot, 20, "#previous", jc, tt, Ls), Jc = ka.get, Ua = ka.set;
+Ca = Qn(ot, 20, "#current", Kc, tt, Bs), Xa = Ca.get, Ya = Ca.set;
 Qn(ot, 2, "current", Yc, ln);
 Qn(ot, 2, "initial", Xc, ln);
 Qn(ot, 2, "previous", Uc, ln);
@@ -3275,24 +3275,24 @@ function xa(e) {
 }
 var bp = Object.create, Qc = Object.defineProperty, wp = Object.getOwnPropertyDescriptor, Fl = Object.getOwnPropertySymbols, _p = Object.prototype.hasOwnProperty, Sp = Object.prototype.propertyIsEnumerable, eu = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), Jo = (e) => {
   throw TypeError(e);
-}, Ol = Math.pow, ja = (e, t, n) => t in e ? Qc(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, kp = (e, t) => {
+}, Ol = Math.pow, Ka = (e, t, n) => t in e ? Qc(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, kp = (e, t) => {
   for (var n in t || (t = {}))
-    _p.call(t, n) && ja(e, n, t[n]);
+    _p.call(t, n) && Ka(e, n, t[n]);
   if (Fl)
     for (var n of Fl(t))
-      Sp.call(t, n) && ja(e, n, t[n]);
+      Sp.call(t, n) && Ka(e, n, t[n]);
   return e;
 }, Cp = (e) => {
   var t;
   return [, , , bp((t = e?.[eu("metadata")]) != null ? t : null)];
-}, tu = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], nu = (e) => e !== void 0 && typeof e != "function" ? Jo("Function expected") : e, xp = (e, t, n, r, o) => ({ kind: tu[e], name: t, metadata: r, addInitializer: (a) => n._ ? Jo("Already initialized") : o.push(nu(a || null)) }), Ep = (e, t) => ja(t, eu("metadata"), e[3]), Ip = (e, t, n, r) => {
+}, tu = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], nu = (e) => e !== void 0 && typeof e != "function" ? Jo("Function expected") : e, xp = (e, t, n, r, o) => ({ kind: tu[e], name: t, metadata: r, addInitializer: (a) => n._ ? Jo("Already initialized") : o.push(nu(a || null)) }), Ep = (e, t) => Ka(t, eu("metadata"), e[3]), Ip = (e, t, n, r) => {
   for (var o = 0, a = e[t >> 1], s = a && a.length; o < s; o++) a[o].call(n);
   return r;
 }, ru = (e, t, n, r, o, a) => {
   for (var s, i, l, c, u = t & 7, f = !1, p = !1, d = 2, h = tu[u + 5], g = e[d] || (e[d] = []), m = (o = o.prototype, wp(o, n)), v = r.length - 1; v >= 0; v--)
     l = xp(u, n, i = {}, e[3], g), l.static = f, l.private = p, c = l.access = { has: (y) => n in y }, c.get = (y) => y[n], s = (0, r[v])(m[h], l), i._ = 1, nu(s) && (m[h] = s);
   return m && Qc(o, n, m), o;
-}, ou = (e, t, n) => t.has(e) || Jo("Cannot " + n), Ap = (e, t, n) => (ou(e, t, "read from private field"), t.get(e)), Mp = (e, t, n) => t.has(e) ? Jo("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Tp = (e, t, n, r) => (ou(e, t, "write to private field"), t.set(e, n), n), Bt = class Ka {
+}, ou = (e, t, n) => t.has(e) || Jo("Cannot " + n), Ap = (e, t, n) => (ou(e, t, "read from private field"), t.get(e)), Mp = (e, t, n) => t.has(e) ? Jo("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Tp = (e, t, n, r) => (ou(e, t, "write to private field"), t.set(e, n), n), Bt = class ja {
   /**
    * @param {number} Coordinate of the point on the horizontal axis
    * @param {number} Coordinate of the point on the vertical axis
@@ -3307,7 +3307,7 @@ var bp = Object.create, Qc = Object.defineProperty, wp = Object.getOwnPropertyDe
    * @param {Point} b - Another point
    */
   static delta(t, n) {
-    return new Ka(t.x - n.x, t.y - n.y);
+    return new ja(t.x - n.x, t.y - n.y);
   }
   /**
    * Returns the distance (hypotenuse) between this point and another point.
@@ -3328,7 +3328,7 @@ var bp = Object.create, Qc = Object.defineProperty, wp = Object.getOwnPropertyDe
     return t.x === n.x && t.y === n.y;
   }
   static from({ x: t, y: n }) {
-    return new Ka(t, n);
+    return new ja(t, n);
   }
 }, Br = class hn {
   constructor(t, n, r, o) {
@@ -3871,7 +3871,7 @@ var Zp = class extends Vr {
   }
 }, Zs = /* @__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))(Zs || {}), Hs = /* @__PURE__ */ ((e) => (e[e.Collision = 0] = "Collision", e[e.ShapeIntersection = 1] = "ShapeIntersection", e[e.PointerIntersection = 2] = "PointerIntersection", e))(Hs || {}), yu, bu, wu, _u, Su, ku, Cu, Et, Gs;
 Cu = [fe], ku = [Re], Su = [Re], _u = [Re], wu = [Re], bu = [Re], yu = [Re];
-var jt = class {
+var Kt = class {
   constructor() {
     J(Et, 5, this), Se(this, Gs, J(
       Et,
@@ -3911,14 +3911,14 @@ var jt = class {
 };
 Et = tr(null);
 Gs = /* @__PURE__ */ new WeakMap();
-ce(Et, 4, "value", Cu, jt, Gs);
-ce(Et, 2, "current", ku, jt);
-ce(Et, 2, "idle", Su, jt);
-ce(Et, 2, "initializing", _u, jt);
-ce(Et, 2, "initialized", wu, jt);
-ce(Et, 2, "dragging", bu, jt);
-ce(Et, 2, "dropped", yu, jt);
-Cn(Et, jt);
+ce(Et, 4, "value", Cu, Kt, Gs);
+ce(Et, 2, "current", ku, Kt);
+ce(Et, 2, "idle", Su, Kt);
+ce(Et, 2, "initializing", _u, Kt);
+ce(Et, 2, "initialized", wu, Kt);
+ce(Et, 2, "dragging", bu, Kt);
+ce(Et, 2, "dropped", yu, Kt);
+Cn(Et, Kt);
 var Hp = class {
   /**
    * Creates a new instance of drag actions.
@@ -4098,7 +4098,7 @@ var Hp = class {
       }), a ? a.then(i).catch(() => r.reset()) : i();
     });
   }
-}, xu, Eu, Iu, Au, dt, Us, Xs, Ys, js;
+}, xu, Eu, Iu, Au, dt, Us, Xs, Ys, Ks;
 Au = [fe], Iu = [fe], Eu = [fe], xu = [fe];
 var cn = class {
   /**
@@ -4108,7 +4108,7 @@ var cn = class {
    * @param manager - The manager that controls the drag and drop operations.
    */
   constructor(e, t) {
-    Se(this, Us, J(dt, 8, this)), J(dt, 11, this), Se(this, Xs, J(dt, 12, this)), J(dt, 15, this), Se(this, Ys, J(dt, 16, this)), J(dt, 19, this), Se(this, js, J(dt, 20, this)), J(dt, 23, this);
+    Se(this, Us, J(dt, 8, this)), J(dt, 11, this), Se(this, Xs, J(dt, 12, this)), J(dt, 15, this), Se(this, Ys, J(dt, 16, this)), J(dt, 19, this), Se(this, Ks, J(dt, 20, this)), J(dt, 23, this);
     const { effects: n, id: r, data: o = {}, disabled: a = !1, register: s = !0 } = e;
     let i = r;
     this.manager = t, this.id = r, this.data = o, this.disabled = a, this.effects = () => {
@@ -4152,11 +4152,11 @@ dt = tr(null);
 Us = /* @__PURE__ */ new WeakMap();
 Xs = /* @__PURE__ */ new WeakMap();
 Ys = /* @__PURE__ */ new WeakMap();
-js = /* @__PURE__ */ new WeakMap();
+Ks = /* @__PURE__ */ new WeakMap();
 ce(dt, 4, "manager", Au, cn, Us);
 ce(dt, 4, "id", Iu, cn, Xs);
 ce(dt, 4, "data", Eu, cn, Ys);
-ce(dt, 4, "disabled", xu, cn, js);
+ce(dt, 4, "disabled", xu, cn, Ks);
 Cn(dt, cn);
 var Bl = class {
   constructor() {
@@ -4217,10 +4217,10 @@ var Bl = class {
     }
     this.map.value = /* @__PURE__ */ new Map();
   }
-}, Mu, Tu, $u, Du, Ru, Pu, es, at, Ks, qs, Js, Vt = class extends (es = cn, Pu = [fe], Ru = [fe], Du = [fe], $u = [Re], Tu = [Re], Mu = [Re], es) {
+}, Mu, Tu, $u, Du, Ru, Pu, es, at, js, qs, Js, Vt = class extends (es = cn, Pu = [fe], Ru = [fe], Du = [fe], $u = [Re], Tu = [Re], Mu = [Re], es) {
   constructor(t, n) {
     var r = t, { modifiers: o, type: a, sensors: s } = r, i = pu(r, ["modifiers", "type", "sensors"]);
-    super(i, n), J(at, 5, this), Se(this, Ks, J(at, 8, this)), J(at, 11, this), Se(this, qs, J(at, 12, this)), J(at, 15, this), Se(this, Js, J(at, 16, this, this.isDragSource ? "dragging" : "idle")), J(at, 19, this), this.type = a, this.sensors = s, this.modifiers = o, this.alignment = i.alignment;
+    super(i, n), J(at, 5, this), Se(this, js, J(at, 8, this)), J(at, 11, this), Se(this, qs, J(at, 12, this)), J(at, 15, this), Se(this, Js, J(at, 16, this, this.isDragSource ? "dragging" : "idle")), J(at, 19, this), this.type = a, this.sensors = s, this.modifiers = o, this.alignment = i.alignment;
   }
   get isDropping() {
     return this.status === "dropping" && this.isDragSource;
@@ -4234,10 +4234,10 @@ var Bl = class {
   }
 };
 at = tr(es);
-Ks = /* @__PURE__ */ new WeakMap();
+js = /* @__PURE__ */ new WeakMap();
 qs = /* @__PURE__ */ new WeakMap();
 Js = /* @__PURE__ */ new WeakMap();
-ce(at, 4, "type", Pu, Vt, Ks);
+ce(at, 4, "type", Pu, Vt, js);
 ce(at, 4, "modifiers", Ru, Vt, qs);
 ce(at, 4, "status", Du, Vt, Js);
 ce(at, 2, "isDropping", $u, Vt);
@@ -4393,8 +4393,8 @@ var Gn = class extends ft {
   destroy() {
     this.draggables.destroy(), this.droppables.destroy(), this.plugins.destroy(), this.sensors.destroy(), this.modifiers.destroy();
   }
-}, zu, Zu, Hu, Gu, Uu, Xu, Yu, ju, Ku, fr, wo, Ln, Be, oi, ai, si, ii, li, hr;
-Ku = [Re], ju = [fe], Yu = [fe], Xu = [fe], Uu = [fe], Gu = [fe], Hu = [Re], Zu = [Re], zu = [Re];
+}, zu, Zu, Hu, Gu, Uu, Xu, Yu, Ku, ju, fr, wo, Ln, Be, oi, ai, si, ii, li, hr;
+ju = [Re], Ku = [fe], Yu = [fe], Xu = [fe], Uu = [fe], Gu = [fe], Hu = [Re], Zu = [Re], zu = [Re];
 var Ft = class {
   /**
    * Creates a new drag operation instance.
@@ -4405,7 +4405,7 @@ var Ft = class {
     J(Be, 5, this), Se(this, fr), Se(this, wo), Se(this, Ln, new ln(
       void 0,
       (t, n) => t && n ? t.equals(n) : t === n
-    )), this.status = new jt(), Se(this, oi, J(Be, 8, this, !1)), J(Be, 11, this), Se(this, ai, J(Be, 12, this, null)), J(Be, 15, this), Se(this, si, J(Be, 16, this, null)), J(Be, 19, this), Se(this, ii, J(Be, 20, this, null)), J(Be, 23, this), Se(this, li, J(Be, 24, this, [])), J(Be, 27, this), this.position = new Qo({ x: 0, y: 0 }), Se(this, hr, { x: 0, y: 0 }), Ct(this, fr, e);
+    )), this.status = new Kt(), Se(this, oi, J(Be, 8, this, !1)), J(Be, 11, this), Se(this, ai, J(Be, 12, this, null)), J(Be, 15, this), Se(this, si, J(Be, 16, this, null)), J(Be, 19, this), Se(this, ii, J(Be, 20, this, null)), J(Be, 23, this), Se(this, li, J(Be, 24, this, [])), J(Be, 27, this), this.position = new Qo({ x: 0, y: 0 }), Se(this, hr, { x: 0, y: 0 }), Ct(this, fr, e);
   }
   get shape() {
     const { current: e, initial: t, previous: n } = Xe(this, Ln);
@@ -4487,8 +4487,8 @@ si = /* @__PURE__ */ new WeakMap();
 ii = /* @__PURE__ */ new WeakMap();
 li = /* @__PURE__ */ new WeakMap();
 hr = /* @__PURE__ */ new WeakMap();
-ce(Be, 2, "shape", Ku, Ft);
-ce(Be, 4, "canceled", ju, Ft, oi);
+ce(Be, 2, "shape", ju, Ft);
+ce(Be, 4, "canceled", Ku, Ft, oi);
 ce(Be, 4, "activatorEvent", Yu, Ft, ai);
 ce(Be, 4, "sourceIdentifier", Xu, Ft, si);
 ce(Be, 4, "targetIdentifier", Uu, Ft, ii);
@@ -4586,7 +4586,7 @@ var Yp = class {
 function ea(e) {
   return e ? e instanceof KeyframeEffect ? !0 : "getKeyframes" in e && typeof e.getKeyframes == "function" : !1;
 }
-function jp(e, t) {
+function Kp(e, t) {
   const n = e.getAnimations();
   if (n.length > 0)
     for (const r of n) {
@@ -4626,7 +4626,7 @@ function Qu(e) {
 function En(e) {
   return e ? ui(e) ? e.document : Nr(e) ? di(e) ? e : bn(e) || Qu(e) ? e.ownerDocument : document : document : document;
 }
-function Kp(e) {
+function jp(e) {
   var t, n, r, o;
   const { documentElement: a } = En(e), s = At(e).visualViewport, i = (t = s?.width) != null ? t : a.clientWidth, l = (n = s?.height) != null ? n : a.clientHeight, c = (r = s?.offsetTop) != null ? r : 0, u = (o = s?.offsetLeft) != null ? o : 0;
   return {
@@ -5013,7 +5013,7 @@ function Zl(e) {
 }
 function ud(e) {
   var t, n;
-  const r = At(e), o = Zl(e) ? Kp(e) : ta(e), a = r.visualViewport, s = Zl(e) ? {
+  const r = At(e), o = Zl(e) ? jp(e) : ta(e), a = r.visualViewport, s = Zl(e) ? {
     height: (t = a?.height) != null ? t : r.innerHeight,
     width: (n = a?.width) != null ? n : r.innerWidth
   } : {
@@ -5066,7 +5066,7 @@ var pi = class {
 }, Fo = new pi((e) => {
   typeof requestAnimationFrame == "function" ? requestAnimationFrame(e) : e();
 }), hm = new pi((e) => setTimeout(e, 50)), Oo = /* @__PURE__ */ new Map(), pm = Oo.clear.bind(Oo);
-function Kt(e, t = !1) {
+function jt(e, t = !1) {
   if (!t) return Hl(e);
   let n = Oo.get(e);
   return n || (n = Hl(e), Oo.set(e, n), hm.schedule(pm), n);
@@ -5074,10 +5074,10 @@ function Kt(e, t = !1) {
 function Hl(e) {
   return At(e).getComputedStyle(e);
 }
-function mm(e, t = Kt(e, !0)) {
+function mm(e, t = jt(e, !0)) {
   return t.position === "fixed" || t.position === "sticky";
 }
-function gm(e, t = Kt(e, !0)) {
+function gm(e, t = jt(e, !0)) {
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
     const a = t[o];
@@ -5101,7 +5101,7 @@ function as(e, t = vm) {
       return Qu(i) ? s(i.parentElement) : a;
     if (a.has(i))
       return a;
-    const l = Kt(i, !0);
+    const l = jt(i, !0);
     if (r && i === e || gm(i, l) && a.add(i), mm(i, l)) {
       const { scrollingElement: c } = i.ownerDocument;
       return c && a.add(c), a;
@@ -5138,7 +5138,7 @@ function bm(e, t = ta(e)) {
       x: n / e.offsetWidth,
       y: r / e.offsetHeight
     };
-  const o = Kt(e, !0);
+  const o = jt(e, !0);
   return {
     x: (parseFloat(o.width) || n) / n,
     y: (parseFloat(o.height) || r) / r
@@ -5216,7 +5216,7 @@ var xt = /* @__PURE__ */ ((e) => (e[e.Idle = 0] = "Idle", e[e.Forward = 1] = "Fo
   y: 10
 };
 function Cm(e, t, n, r = 25, o = Sm, a = km) {
-  const { x: s, y: i } = t, { rect: l, isTop: c, isBottom: u, isLeft: f, isRight: p } = ud(e), d = Yn(e), h = Kt(e, !0), g = gi(h), m = g !== null ? g?.scaleX < 0 : !1, v = g !== null ? g?.scaleY < 0 : !1, y = new Br(
+  const { x: s, y: i } = t, { rect: l, isTop: c, isBottom: u, isLeft: f, isRight: p } = ud(e), d = Yn(e), h = jt(e, !0), g = gi(h), m = g !== null ? g?.scaleX < 0 : !1, v = g !== null ? g?.scaleY < 0 : !1, y = new Br(
     l.left * d.scaleX + d.x,
     l.top * d.scaleY + d.y,
     l.width * d.scaleX,
@@ -5258,7 +5258,7 @@ function Em(e, t = !1) {
   var n = ym(e);
   if (!bn(n))
     return;
-  const r = Kt(n, !0), o = parseInt(
+  const r = jt(n, !0), o = parseInt(
     r.getPropertyValue("border-top-width")
   ), a = parseInt(
     r.getPropertyValue("border-left-width")
@@ -5334,7 +5334,7 @@ var Xt = class extends Br {
       isValidTarget: (_) => (_ !== e || fi()) && _.contains(e)
     }), u = l(e);
     let { top: f, left: p, width: d, height: h } = u, g;
-    const m = Kt(e), v = gi(m), y = {
+    const m = jt(e), v = gi(m), y = {
       x: (n = v?.scaleX) != null ? n : 1,
       y: (r = v?.scaleY) != null ? r : 1
     }, b = Pm(e, m);
@@ -5523,7 +5523,7 @@ var Wm = ({
 }, wi = (e, t, n) => t.has(e) || nr("Cannot " + n), Xm = (e, t) => Object(t) !== t ? nr('Cannot use the "in" operator on this value') : e.has(t), Ee = (e, t, n) => (wi(e, t, "read from private field"), n ? n.call(e) : t.get(e)), We = (e, t, n) => t.has(e) ? nr("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), st = (e, t, n, r) => (wi(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), _n = (e, t, n) => (wi(e, t, "access private method"), n), Ul = {
   role: "button",
   roleDescription: "draggable"
-}, Ym = "dnd-kit-description", jm = "dnd-kit-announcement", Km = {
+}, Ym = "dnd-kit-description", Km = "dnd-kit-announcement", jm = {
   draggable: "To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item in a given direction. Press space again to drop the item in its new position, or press escape to cancel."
 }, qm = {
   dragstart({ operation: { source: e } }) {
@@ -5558,10 +5558,10 @@ var tg = ["dragover", "dragmove"], ng = class extends ft {
       id: n,
       idPrefix: {
         description: r = Ym,
-        announcement: o = jm
+        announcement: o = Km
       } = {},
       announcements: a = qm,
-      screenReaderInstructions: s = Km,
+      screenReaderInstructions: s = jm,
       debounce: i = 500
     } = t ?? {}, l = n ? `${r}-${n}` : ss(r), c = n ? `${o}-${n}` : ss(o);
     let u, f, p, d;
@@ -5648,9 +5648,9 @@ var og = class extends ft {
       }
     });
   }
-}, Bo = /* @__PURE__ */ new Map(), gd, vd, yd, bd, ls, xr, Yt, _i, jn, wd, _d, Sd, kd, An = class extends (ls = Vr, bd = [fe], yd = [Re], vd = [Re], gd = [Re], ls) {
+}, Bo = /* @__PURE__ */ new Map(), gd, vd, yd, bd, ls, xr, Yt, _i, Kn, wd, _d, Sd, kd, An = class extends (ls = Vr, bd = [fe], yd = [Re], vd = [Re], gd = [Re], ls) {
   constructor(e) {
-    super(e), ze(Yt, 5, this), We(this, jn), We(this, xr, /* @__PURE__ */ new Set()), We(this, _i, ze(Yt, 8, this, /* @__PURE__ */ new Set())), ze(Yt, 11, this), this.registerEffect(_n(this, jn, wd));
+    super(e), ze(Yt, 5, this), We(this, Kn), We(this, xr, /* @__PURE__ */ new Set()), We(this, _i, ze(Yt, 8, this, /* @__PURE__ */ new Set())), ze(Yt, 11, this), this.registerEffect(_n(this, Kn, wd));
   }
   /**
    * Registers CSS rules to be injected into the active drag operation's
@@ -5703,12 +5703,12 @@ var og = class extends ft {
 Yt = rr(ls);
 xr = /* @__PURE__ */ new WeakMap();
 _i = /* @__PURE__ */ new WeakMap();
-jn = /* @__PURE__ */ new WeakSet();
+Kn = /* @__PURE__ */ new WeakSet();
 wd = function() {
   const { roots: e } = this, t = [];
   for (const n of e)
     for (const r of Ee(this, xr))
-      t.push(_n(this, jn, _d).call(this, n, r));
+      t.push(_n(this, Kn, _d).call(this, n, r));
   return () => {
     for (const n of t)
       n();
@@ -5719,7 +5719,7 @@ _d = function(e, t) {
   n || (n = /* @__PURE__ */ new Map(), Bo.set(e, n));
   let r = n.get(t);
   if (!r) {
-    const a = di(e) ? _n(this, jn, Sd).call(this, e, n, t) : _n(this, jn, kd).call(this, e, n, t);
+    const a = di(e) ? _n(this, Kn, Sd).call(this, e, n, t) : _n(this, Kn, kd).call(this, e, n, t);
     if (!a)
       return () => {
       };
@@ -5991,14 +5991,14 @@ function vg(e) {
     easing: i = gg
   } = a ?? {};
   Tr(e.feedbackElement);
-  const [, l] = (t = jp(
+  const [, l] = (t = Kp(
     e.feedbackElement,
     (y) => "translate" in y
   )) != null ? t : [];
   l?.pause();
   const c = (n = e.placeholder) != null ? n : e.element, u = {
     frameTransform: Cd(e.feedbackElement, c) ? null : void 0
-  }, f = new Xt(e.feedbackElement, u), p = (r = mi(Kt(e.feedbackElement).translate)) != null ? r : e.translate, d = new Xt(c, u), h = Br.delta(f, d, e.alignment), g = {
+  }, f = new Xt(e.feedbackElement, u), p = (r = mi(jt(e.feedbackElement).translate)) != null ? r : e.translate, d = new Xt(c, u), h = Br.delta(f, d, e.alignment), g = {
     x: p.x - h.x,
     y: p.y - h.y
   }, m = Math.round(f.intrinsicHeight) !== Math.round(d.intrinsicHeight) ? {
@@ -6096,7 +6096,7 @@ Id = function() {
     borderInlineEndWidth: L,
     borderBlockStartWidth: Y,
     borderBlockEndWidth: te
-  } = Kt(u), ne = f === "clone", he = I === "content-box", re = he ? parseInt(D) + parseInt(R) + parseInt(O) + parseInt(L) : 0, le = he ? parseInt($) + parseInt(A) + parseInt(Y) + parseInt(te) : 0, se = f !== "move" && !this.overlay ? lg(l, ne ? "clone" : "hidden") : null, ue = ke(
+  } = jt(u), ne = f === "clone", he = I === "content-box", re = he ? parseInt(D) + parseInt(R) + parseInt(O) + parseInt(L) : 0, le = he ? parseInt($) + parseInt(A) + parseInt(Y) + parseInt(te) : 0, se = f !== "move" && !this.overlay ? lg(l, ne ? "clone" : "hidden") : null, ue = ke(
     () => vi(o.dragOperation.activatorEvent)
   );
   if (E !== "none") {
@@ -6200,7 +6200,7 @@ Id = function() {
     l.status = "idle";
     const ye = r.current.translate != null;
     se && (ye || se.parentElement !== d.parentElement) && d.isConnected && se.replaceWith(d), se?.remove();
-  }, ve = a?.dropAnimation, je = this, Ke = Lr(
+  }, ve = a?.dropAnimation, Ke = this, je = Lr(
     // Update transform on move
     () => {
       var Q;
@@ -6209,7 +6209,7 @@ Id = function() {
         const $t = (Q = p.translate) != null ? Q : { x: 0, y: 0 }, N = {
           x: ye.x / h.scaleX + $t.x,
           y: ye.y / h.scaleY + $t.y
-        }, X = r.current.translate, U = ke(() => s.modifiers), K = ke(() => {
+        }, X = r.current.translate, U = ke(() => s.modifiers), j = ke(() => {
           var De;
           return (De = s.shape) == null ? void 0 : De.current;
         }), Ae = ue && !vt ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
@@ -6219,10 +6219,10 @@ Id = function() {
             translate: `${N.x}px ${N.y}px 0`
           },
           nt
-        ), we?.takeRecords(), K && K !== lt && X && !U.length) {
+        ), we?.takeRecords(), j && j !== lt && X && !U.length) {
           const De = Bt.delta(N, X);
           s.shape = Br.from(
-            K.boundingRectangle
+            j.boundingRectangle
           ).translate(
             De.x * h.scaleX,
             De.y * h.scaleY
@@ -6236,7 +6236,7 @@ Id = function() {
     function() {
       if (s.status.dropped) {
         this.dispose(), l.status = "dropping";
-        const Q = je.dropAnimation !== void 0 ? je.dropAnimation : ve;
+        const Q = Ke.dropAnimation !== void 0 ? Ke.dropAnimation : ve;
         let ye = r.current.translate;
         const qe = ye != null;
         if (!ye && u !== d && (ye = { x: 0, y: 0 }), !ye || Q === null) {
@@ -6263,7 +6263,7 @@ Id = function() {
     }
   );
   return () => {
-    Z(), Ke();
+    Z(), je();
   };
 };
 St(Dr, 4, "overlay", xd, Rr, Si);
@@ -6309,8 +6309,8 @@ var bg = [xt.Forward, xt.Reverse], Yl = class {
       const { delta: o } = e.dragOperation.position;
       if (n) {
         const a = {
-          x: jl(o.x, n.x),
-          y: jl(o.y, n.y)
+          x: Kl(o.x, n.x),
+          y: Kl(o.y, n.y)
         }, s = t.peek();
         an(() => {
           for (const i of lu)
@@ -6326,7 +6326,7 @@ var bg = [xt.Forward, xt.Reverse], Yl = class {
     return this.signal.peek();
   }
 };
-function jl(e, t) {
+function Kl(e, t) {
   return Math.sign(e - t);
 }
 var Dd, hs, Fr, xi, en, ps, na = class extends (hs = Vr, Dd = [fe], hs) {
@@ -6346,8 +6346,8 @@ var Dd, hs, Fr, xi, en, ps, na = class extends (hs = Vr, Dd = [fe], hs) {
       const { position: l } = this.manager.dragOperation, c = l?.current;
       if (c) {
         const { by: u } = a ?? {}, f = u ? {
-          x: Kl(u.x),
-          y: Kl(u.y)
+          x: jl(u.x),
+          y: jl(u.y)
         } : void 0, p = f ? void 0 : this.scrollIntentTracker.current;
         if (p?.isLocked())
           return !1;
@@ -6422,7 +6422,7 @@ en = /* @__PURE__ */ new WeakMap();
 ps = /* @__PURE__ */ new WeakMap();
 St(Fr, 4, "autoScrolling", Dd, na, xi);
 In(Fr, na);
-function Kl(e) {
+function jl(e) {
   return e > 0 ? xt.Forward : e < 0 ? xt.Reverse : xt.Idle;
 }
 var _g = class {
@@ -7025,7 +7025,7 @@ function zo(e) {
   if (e != null)
     return Dg(e) ? (t = e.current) != null ? t : void 0 : e;
 }
-var Rg = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", ra = Rg ? Sn : j;
+var Rg = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", ra = Rg ? Sn : K;
 function Pg() {
   const e = z(0)[1];
   return T(() => {
@@ -7058,7 +7058,7 @@ function Fg(e, t) {
     [e]
   );
 }
-function fn(e, t, n = j, r = Object.is) {
+function fn(e, t, n = K, r = Object.is) {
   const o = M(e);
   n(() => {
     const a = o.current;
@@ -7170,16 +7170,16 @@ function Ta(e) {
 function Xg(e, t, n) {
   return !!(e === "isDragSource" && !n && t);
 }
-var Yg = Object.create, zd = Object.defineProperty, jg = Object.getOwnPropertyDescriptor, Zd = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), oa = (e) => {
+var Yg = Object.create, zd = Object.defineProperty, Kg = Object.getOwnPropertyDescriptor, Zd = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), oa = (e) => {
   throw TypeError(e);
-}, Kg = (e, t, n) => t in e ? zd(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, qg = (e) => {
+}, jg = (e, t, n) => t in e ? zd(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, qg = (e) => {
   var t;
   return [, , , Yg((t = e?.[Zd("metadata")]) != null ? t : null)];
-}, Hd = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Gd = (e) => e !== void 0 && typeof e != "function" ? oa("Function expected") : e, Jg = (e, t, n, r, o) => ({ kind: Hd[e], name: t, metadata: r, addInitializer: (a) => n._ ? oa("Already initialized") : o.push(Gd(a || null)) }), Qg = (e, t) => Kg(t, Zd("metadata"), e[3]), ev = (e, t, n, r) => {
+}, Hd = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Gd = (e) => e !== void 0 && typeof e != "function" ? oa("Function expected") : e, Jg = (e, t, n, r, o) => ({ kind: Hd[e], name: t, metadata: r, addInitializer: (a) => n._ ? oa("Already initialized") : o.push(Gd(a || null)) }), Qg = (e, t) => jg(t, Zd("metadata"), e[3]), ev = (e, t, n, r) => {
   for (var o = 0, a = e[t >> 1], s = a && a.length; o < s; o++) a[o].call(n);
   return r;
 }, Ud = (e, t, n, r, o, a) => {
-  for (var s, i, l, c, u = t & 7, f = !1, p = !1, d = 2, h = Hd[u + 5], g = e[d] || (e[d] = []), m = (o = o.prototype, jg(o, n)), v = r.length - 1; v >= 0; v--)
+  for (var s, i, l, c, u = t & 7, f = !1, p = !1, d = 2, h = Hd[u + 5], g = e[d] || (e[d] = []), m = (o = o.prototype, Kg(o, n)), v = r.length - 1; v >= 0; v--)
     l = Jg(u, n, i = {}, e[3], g), l.static = f, l.private = p, c = l.access = { has: (y) => n in y }, c.get = (y) => y[n], s = (0, r[v])(m[h], l), i._ = 1, Gd(s) && (m[h] = s);
   return m && zd(o, n, m), o;
 }, Xd = (e, t, n) => t.has(e) || oa("Cannot " + n), tv = (e, t, n) => (Xd(e, t, "read from private field"), t.get(e)), nv = (e, t, n) => t.has(e) ? oa("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), rv = (e, t, n, r) => (Xd(e, t, "write to private field"), t.set(e, n), n), sr = class bs {
@@ -7220,7 +7220,7 @@ var Yg = Object.create, zd = Object.defineProperty, jg = Object.getOwnPropertyDe
   static from({ x: t, y: n }) {
     return new bs(t, n);
   }
-}, Yd, jd, ws, Co, Hr, Di = class extends (ws = ln, jd = [Re], Yd = [Re], ws) {
+}, Yd, Kd, ws, Co, Hr, Di = class extends (ws = ln, Kd = [Re], Yd = [Re], ws) {
   constructor(t) {
     const n = sr.from(t);
     super(n, (r, o) => sr.equals(r, o)), ev(Hr, 5, this), nv(this, Co, 0), this.velocity = { x: 0, y: 0 };
@@ -7258,11 +7258,11 @@ var Yg = Object.create, zd = Object.defineProperty, jg = Object.getOwnPropertyDe
 };
 Hr = qg(ws);
 Co = /* @__PURE__ */ new WeakMap();
-Ud(Hr, 2, "delta", jd, Di);
+Ud(Hr, 2, "delta", Kd, Di);
 Ud(Hr, 2, "direction", Yd, Di);
 Qg(Hr, Di);
-var Kd = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(Kd || {});
-Object.values(Kd);
+var jd = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(jd || {});
+Object.values(jd);
 const ov = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -7847,7 +7847,7 @@ var af = {
   }, [a]);
   return Sn(() => {
     a();
-  }, [a]), j(() => {
+  }, [a]), K(() => {
     const i = e.current;
     if (!i) return;
     i.addEventListener("scroll", s, { passive: !0 });
@@ -7897,7 +7897,7 @@ function sa() {
       e.current.set(r, n);
     }
   }, []);
-  return j(() => {
+  return K(() => {
     const n = e.current;
     for (const [r, o] of n.entries())
       o.isConnected || n.delete(r);
@@ -8553,12 +8553,12 @@ var Gv = F.div`
   overflow-anchor: none;
   flex: 1;
   position: relative;
-`, jv = F.div.attrs((e) => ({
+`, Kv = F.div.attrs((e) => ({
   style: e.$width !== void 0 ? { width: `${e.$width}px` } : {}
 }))`
   position: relative;
   background: ${(e) => e.$backgroundColor || "transparent"};
-`, Kv = F.div.attrs((e) => ({
+`, jv = F.div.attrs((e) => ({
   style: e.$width ? { minWidth: `${e.$width}px` } : {}
 }))`
   background: ${(e) => e.$backgroundColor || "white"};
@@ -8609,8 +8609,8 @@ var Gv = F.div`
       g > 0 && /* @__PURE__ */ k(Xv, { $height: g }),
       h
     ] }),
-    /* @__PURE__ */ k(Yv, { "data-scroll-container": "true", ref: v, children: /* @__PURE__ */ k(yv, { containerRef: m, children: /* @__PURE__ */ de(jv, { $backgroundColor: t, $width: a, children: [
-      r && /* @__PURE__ */ k(Kv, { $width: o, $backgroundColor: n, children: r }),
+    /* @__PURE__ */ k(Yv, { "data-scroll-container": "true", ref: v, children: /* @__PURE__ */ k(yv, { containerRef: m, children: /* @__PURE__ */ de(Kv, { $backgroundColor: t, $width: a, children: [
+      r && /* @__PURE__ */ k(jv, { $width: o, $backgroundColor: n, children: r }),
       /* @__PURE__ */ de(qv, { $width: a, $backgroundColor: t, children: [
         e,
         (i || l) && /* @__PURE__ */ k(
@@ -8933,7 +8933,7 @@ var sc = ({
   readOnly: s = !1
 }) => {
   const [i, l] = z("");
-  return j(() => {
+  return K(() => {
     const p = Zn(n, r);
     l(p);
   }, [n, r, e]), /* @__PURE__ */ de(Wt, { children: [
@@ -8970,7 +8970,7 @@ var sc = ({
   className: r
 }) => {
   const [o, a] = z("hh:mm:ss.uuu");
-  return j(() => {
+  return K(() => {
     const l = document.querySelector(".time-format"), c = () => {
       l && a(l.value);
     };
@@ -9085,11 +9085,11 @@ var d0 = F.div.attrs((e) => ({
   onCanvasesReady: l
 }) => {
   const c = t ?? e, { canvasRef: u, canvasMapRef: f } = sa(), p = M([]), d = M(/* @__PURE__ */ new WeakSet()), h = M(s), g = M(l), m = Pi(), v = aa(n, Ze, m);
-  j(() => {
+  K(() => {
     h.current = s;
-  }, [s]), j(() => {
+  }, [s]), K(() => {
     g.current = l;
-  }, [l]), j(() => {
+  }, [l]), K(() => {
     const b = h.current;
     if (!b || !i) return;
     const w = p.current.length, _ = [];
@@ -9139,7 +9139,7 @@ var d0 = F.div.attrs((e) => ({
       });
       g.current?.(x, E);
     }
-  }, [f, i, c, n, v]), j(() => () => {
+  }, [f, i, c, n, v]), K(() => () => {
     const b = h.current;
     if (b) {
       for (const w of p.current)
@@ -9456,7 +9456,7 @@ var _0 = F.div.attrs((e) => ({
   const { samplesPerPixel: t, sampleRate: n, duration: r, timeScaleHeight: o } = Pe(Ur), a = hf(), s = Ce(() => {
     const i = Bh(r / 1e3, t, n);
     if (a && a.scaleMode === "beats") {
-      const { bpm: m, timeSignature: v, ticksPerBar: y, ticksPerBeat: b } = a, w = /* @__PURE__ */ new Map(), _ = [], S = r / 1e3, C = Math.ceil(S * m * Kn / 60), x = Nn(b, m, n) / t, E = Nn(y, m, n) / t, I = 10, $ = 30;
+      const { bpm: m, timeSignature: v, ticksPerBar: y, ticksPerBeat: b } = a, w = /* @__PURE__ */ new Map(), _ = [], S = r / 1e3, C = Math.ceil(S * m * jn / 60), x = Nn(b, m, n) / t, E = Nn(y, m, n) / t, I = 10, $ = 30;
       let A;
       if (x >= I)
         A = b;
@@ -9808,14 +9808,14 @@ var _0 = F.div.attrs((e) => ({
     let g = u.top;
     g + d > p - 4 && (g = Math.max(4, u.bottom - d)), s({ top: g, left: h });
   }, []);
-  return j(() => {
+  return K(() => {
     if (!t) return;
     c();
     const u = requestAnimationFrame(() => c()), f = () => c(), p = () => c();
     return window.addEventListener("scroll", f, !0), window.addEventListener("resize", p), () => {
       cancelAnimationFrame(u), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", p);
     };
-  }, [t, c]), j(() => {
+  }, [t, c]), K(() => {
     if (!t) return;
     const u = (p) => {
       const d = p.target;
@@ -9957,19 +9957,19 @@ function Y0(e) {
 function Rn(e) {
   return e == null;
 }
-function j0(e, t) {
+function K0(e, t) {
   var n = atob(e);
   return n;
 }
-function K0(e, t, n) {
-  var r = j0(e), o = r.indexOf(`
+function j0(e, t, n) {
+  var r = K0(e), o = r.indexOf(`
 `, 10) + 1, a = r.substring(o) + "", s = new Blob([a], { type: "application/javascript" });
   return URL.createObjectURL(s);
 }
 function q0(e, t, n) {
   var r;
   return function(a) {
-    return r = r || K0(e), new Worker(r, a);
+    return r = r || j0(e), new Worker(r, a);
   };
 }
 var J0 = /* @__PURE__ */ q0("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");
@@ -10298,11 +10298,11 @@ function ny(e, t = 0) {
     sampleRate: e.sample_rate
   };
 }
-async function Zb(e, t = 0) {
+async function Hb(e, t = 0) {
   const n = await wf(e);
   return ny(n, t);
 }
-async function Hb(e) {
+async function Gb(e) {
   const t = await wf(e);
   return {
     sampleRate: t.sample_rate,
@@ -10498,7 +10498,7 @@ function cy({ engineRef: e }) {
     selectedTrackIdRef: r
   };
 }
-const Gb = (e = 256) => {
+const Ub = (e = 256) => {
   const t = M(null), n = T(
     (r, o, a) => {
       const s = new kc("fft", e);
@@ -10549,7 +10549,7 @@ function fo(e, t, n, r, o = 48e3) {
   }, u = r.get(t);
   return u ? (c.id = u.trackId, c.clips[0] = { ...c.clips[0], id: u.clipId }) : r.set(t, { trackId: c.id, clipId: c.clips[0].id }), c;
 }
-function Ub(e, t = {}) {
+function Xb(e, t = {}) {
   const { immediate: n = !1, progressive: r = !1 } = t, o = n || r, [a, s] = z(!0), [i, l] = z(null), [c, u] = z(0), f = e.length, [p, d] = z(/* @__PURE__ */ new Map()), h = M(/* @__PURE__ */ new Map()), g = M(48e3), m = Ce(() => {
     if (!o) return null;
     const w = [];
@@ -10565,7 +10565,7 @@ function Ub(e, t = {}) {
     }
     return w;
   }, [o, e, p]), [v, y] = z(m ?? []), b = M(m);
-  return m !== b.current && (b.current = m, m && y(m)), j(() => {
+  return m !== b.current && (b.current = m, m && y(m)), K(() => {
     if (e.length === 0) {
       y([]), s(!1), u(0);
       return;
@@ -10990,31 +10990,33 @@ const my = (e) => {
     }, [t, o, a, s, n]),
     splitClipAt: s
   };
-}, ks = (e) => {
+};
+function gy(e, t, n) {
+  if (!n || e.repeat) return;
+  const r = e.target;
+  if (r.tagName === "INPUT" || r.tagName === "TEXTAREA" || r.isContentEditable)
+    return;
+  const o = t.find((a) => {
+    const s = e.key.toLowerCase() === a.key.toLowerCase() || e.key === a.key, i = a.ctrlKey === void 0 || e.ctrlKey === a.ctrlKey, l = a.shiftKey === void 0 || e.shiftKey === a.shiftKey, c = a.metaKey === void 0 || e.metaKey === a.metaKey, u = a.altKey === void 0 || e.altKey === a.altKey;
+    return s && i && l && c && u;
+  });
+  o && (o.preventDefault !== !1 && e.preventDefault(), o.action());
+}
+const ks = (e) => {
   const { shortcuts: t, enabled: n = !0 } = e, r = T(
-    (o) => {
-      if (!n) return;
-      const a = o.target;
-      if (a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable)
-        return;
-      const s = t.find((i) => {
-        const l = o.key.toLowerCase() === i.key.toLowerCase() || o.key === i.key, c = i.ctrlKey === void 0 || o.ctrlKey === i.ctrlKey, u = i.shiftKey === void 0 || o.shiftKey === i.shiftKey, f = i.metaKey === void 0 || o.metaKey === i.metaKey, p = i.altKey === void 0 || o.altKey === i.altKey;
-        return l && c && u && f && p;
-      });
-      s && (s.preventDefault !== !1 && o.preventDefault(), s.action());
-    },
+    (o) => gy(o, t, n),
     [t, n]
   );
-  j(() => {
+  K(() => {
     if (n)
       return window.addEventListener("keydown", r), () => {
         window.removeEventListener("keydown", r);
       };
   }, [r, n]);
-}, Xb = (e) => {
+}, Yb = (e) => {
   const t = [], n = typeof navigator < "u" && navigator.platform.includes("Mac");
   return e.metaKey && t.push(n ? "Cmd" : "Ctrl"), e.ctrlKey && !e.metaKey && t.push("Ctrl"), e.altKey && t.push(n ? "Option" : "Alt"), e.shiftKey && t.push("Shift"), t.push(e.key.toUpperCase()), t.join("+");
-}, gy = (e = {}) => {
+}, vy = (e = {}) => {
   const { enabled: t = !0, additionalShortcuts: n = [], shortcuts: r } = e, { isPlaying: o } = ht(), { setCurrentTime: a, play: s, pause: i, stop: l } = $e(), c = T(() => {
     o ? i() : s();
   }, [o, s, i]), u = T(() => {
@@ -11051,7 +11053,7 @@ const my = (e) => {
     shortcuts: d
   };
 }, Da = 0.01, ho = 0.01;
-function vy({
+function yy({
   annotations: e,
   activeAnnotationId: t,
   onAnnotationsChange: n,
@@ -11081,7 +11083,7 @@ function vy({
     },
     [e, l, c, u]
   );
-  j(() => {
+  K(() => {
     t && l?.current && c && u && d(t);
   }, [t, d, l, c, u]);
   const h = T(
@@ -11804,7 +11806,7 @@ const ca = [
       { name: "width", label: "Width", type: "number", min: 0, max: 1, step: 0.01, default: 0.5 }
     ]
   }
-], Sf = (e) => ca.find((t) => t.id === e), Yb = (e) => ca.filter((t) => t.category === e), jb = [
+], Sf = (e) => ca.find((t) => t.id === e), Kb = (e) => ca.filter((t) => t.category === e), jb = [
   { id: "reverb", name: "Reverb" },
   { id: "delay", name: "Delay" },
   { id: "modulation", name: "Modulation" },
@@ -11813,7 +11815,7 @@ const ca = [
   { id: "dynamics", name: "Dynamics" },
   { id: "spatial", name: "Spatial" }
 ];
-const yy = {
+const by = {
   reverb: Mh,
   freeverb: Ah,
   jcReverb: Ih,
@@ -11835,10 +11837,10 @@ const yy = {
   gate: dh,
   stereoWidener: uh
 };
-let by = 0;
-const wy = () => `effect_${Date.now()}_${++by}`;
+let wy = 0;
+const _y = () => `effect_${Date.now()}_${++wy}`;
 function Ho(e, t) {
-  const n = yy[e.id];
+  const n = by[e.id];
   if (!n)
     throw new Error(`Unknown effect type: ${e.id}`);
   const r = {};
@@ -11846,7 +11848,7 @@ function Ho(e, t) {
     const l = t?.[i.name] ?? i.default;
     r[i.name] = l;
   });
-  const o = new n(r), a = wy(), s = o;
+  const o = new n(r), a = _y(), s = o;
   return {
     effect: o,
     id: e.id,
@@ -11897,7 +11899,7 @@ function Ho(e, t) {
     }
   };
 }
-function Kb(e) {
+function qb(e) {
   if (e.length === 0)
     throw new Error("Cannot create effect chain with no effects");
   for (let t = 0; t < e.length - 1; t++)
@@ -11910,7 +11912,7 @@ function Kb(e) {
     }
   };
 }
-function qb(e = 256) {
+function Jb(e = 256) {
   const [t, n] = z([]), r = M(t);
   r.current = t;
   const o = M(/* @__PURE__ */ new Map()), a = M(null), s = M(null), i = T((m) => {
@@ -11988,7 +11990,7 @@ function qb(e = 256) {
   }, []), d = T(() => {
     o.current.forEach((m) => m.dispose()), o.current.clear(), n([]);
   }, []);
-  j(() => {
+  K(() => {
     i(t);
   }, [t, i]);
   const h = T(
@@ -12015,7 +12017,7 @@ function qb(e = 256) {
     [e]
     // Only fftSize - reads effects from ref
   );
-  j(() => {
+  K(() => {
     const m = o.current;
     return () => {
       m.forEach((v) => v.dispose()), m.clear();
@@ -12057,7 +12059,7 @@ function qb(e = 256) {
     analyserRef: a
   };
 }
-function Jb() {
+function Qb() {
   const [e, t] = z(
     /* @__PURE__ */ new Map()
   ), n = M(/* @__PURE__ */ new Map()), r = M(/* @__PURE__ */ new Map()), o = T((d, h) => {
@@ -12177,11 +12179,11 @@ function Jb() {
     []
     // No dependencies - stable function that reads from refs
   );
-  j(() => {
+  K(() => {
     e.forEach((d, h) => {
       o(h, d);
     });
-  }, [e, o]), j(() => {
+  }, [e, o]), K(() => {
     const d = n.current;
     return () => {
       d.forEach((h) => {
@@ -12226,7 +12228,7 @@ function Jb() {
     availableEffects: ca
   };
 }
-function _y(e, t = {}) {
+function Sy(e, t = {}) {
   const { bitDepth: n = 16 } = t, r = e.numberOfChannels, o = e.sampleRate, a = e.length, s = n / 8, i = r * s, l = o * i, c = a * i, u = 44, f = u + c, p = new ArrayBuffer(f), d = new DataView(p);
   po(d, 0, "RIFF"), d.setUint32(4, f - 8, !0), po(d, 8, "WAVE"), po(d, 12, "fmt "), d.setUint32(16, 16, !0), d.setUint16(20, n === 32 ? 3 : 1, !0), d.setUint16(22, r, !0), d.setUint32(24, o, !0), d.setUint32(28, l, !0), d.setUint16(32, i, !0), d.setUint16(34, n, !0), po(d, 36, "data"), d.setUint32(40, c, !0);
   const h = [];
@@ -12249,11 +12251,11 @@ function po(e, t, n) {
   for (let r = 0; r < n.length; r++)
     e.setUint8(t + r, n.charCodeAt(r));
 }
-function Sy(e, t) {
+function ky(e, t) {
   const n = URL.createObjectURL(e), r = document.createElement("a");
   r.href = n, r.download = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
 }
-function ky() {
+function Cy() {
   const [e, t] = z(!1), [n, r] = z(0), [o, a] = z(null);
   return {
     exportWav: T(
@@ -12286,7 +12288,7 @@ function ky() {
           const _ = w / b, S = f === "individual" ? [{ track: i[p], state: l[p], index: p }] : i.map(($, A) => ({ track: $, state: l[A], index: A })), C = l.some(($) => $.soloed), x = !!m;
           let E;
           if ((g || x) && h)
-            E = await Cy(
+            E = await xy(
               S,
               l,
               C,
@@ -12305,17 +12307,17 @@ function ky() {
             for (const { track: R, state: O } of S)
               if (!(O.muted && !O.soloed) && !(C && !O.soloed))
                 for (const L of R.clips) {
-                  await Ey($, L, O, b, h), A++;
+                  await Iy($, L, O, b, h), A++;
                   const Y = A / D * 0.5;
                   r(Y), y?.(Y);
                 }
             r(0.5), y?.(0.5), E = await $.startRendering();
           }
           r(0.9), y?.(0.9);
-          const I = _y(E, { bitDepth: v });
+          const I = Sy(E, { bitDepth: v });
           if (r(1), y?.(1), d) {
             const $ = f === "individual" ? `${u}_${i[p].name}` : u;
-            Sy(I, `${$}.wav`);
+            ky(I, `${$}.wav`);
           }
           return {
             audioBuffer: E,
@@ -12336,7 +12338,7 @@ function ky() {
     error: o
   };
 }
-async function Cy(e, t, n, r, o, a, s, i) {
+async function xy(e, t, n, r, o, a, s, i) {
   const { Offline: l, Volume: c, Gain: u, Panner: f, Player: p, ToneAudioBuffer: d } = await import("tone");
   i(0.1);
   let h;
@@ -12348,7 +12350,7 @@ async function Cy(e, t, n, r, o, a, s, i) {
         a ? y = a(v, m, !0) : v.connect(m);
         for (const { track: b, state: w } of e) {
           if (w.muted && !w.soloed || n && !w.soloed) continue;
-          const _ = new c(xy(w.volume)), S = new f(w.pan), C = new u(w.muted ? 0 : 1), x = s?.(b.id);
+          const _ = new c(Ey(w.volume)), S = new f(w.pan), C = new u(w.muted ? 0 : 1), x = s?.(b.id);
           x ? x(C, v, !0) : C.connect(v), S.connect(C), _.connect(S);
           for (const E of b.clips) {
             const {
@@ -12383,10 +12385,10 @@ async function Cy(e, t, n, r, o, a, s, i) {
   }
   return i(0.9), h.get();
 }
-function xy(e) {
+function Ey(e) {
   return 20 * Math.log10(Math.max(e, 1e-4));
 }
-async function Ey(e, t, n, r, o) {
+async function Iy(e, t, n, r, o) {
   const {
     audioBuffer: a,
     startSample: s,
@@ -12474,14 +12476,14 @@ const kf = () => {
     },
     [t]
   );
-  return j(() => () => {
+  return K(() => () => {
     t();
   }, [t]), {
     animationFrameRef: e,
     startAnimationFrameLoop: n,
     stopAnimationFrameLoop: t
   };
-}, Iy = `
+}, Ay = `
 "use strict";
 
 var INT8_MAX = 127;
@@ -12629,11 +12631,11 @@ self.onmessage = function(e) {
   }
 };
 `;
-let Ay = 0;
-function My() {
+let My = 0;
+function Ty() {
   let e;
   try {
-    const r = new Blob([Iy], { type: "application/javascript" }), o = URL.createObjectURL(r);
+    const r = new Blob([Ay], { type: "application/javascript" }), o = URL.createObjectURL(r);
     e = new Worker(o), URL.revokeObjectURL(o);
   } catch (r) {
     return console.warn("[waveform-playlist] Failed to create peaks worker (CSP restriction?):", r), {
@@ -12666,7 +12668,7 @@ function My() {
   }, {
     generate(r) {
       if (n) return Promise.reject(new Error("Worker terminated"));
-      const o = String(++Ay);
+      const o = String(++My);
       return new Promise((a, s) => {
         t.set(o, { resolve: a, reject: s }), e.postMessage(
           {
@@ -12692,9 +12694,9 @@ function My() {
     }
   };
 }
-function Ty(e, t) {
-  const [n, r] = z(() => /* @__PURE__ */ new Map()), [o, a] = z(!1), s = M(null), i = M(/* @__PURE__ */ new WeakMap()), l = M(/* @__PURE__ */ new WeakMap()), c = M(/* @__PURE__ */ new WeakMap()), u = M(0), f = T(() => (s.current || (s.current = My()), s.current), []);
-  return j(() => {
+function $y(e, t) {
+  const [n, r] = z(() => /* @__PURE__ */ new Map()), [o, a] = z(!1), s = M(null), i = M(/* @__PURE__ */ new WeakMap()), l = M(/* @__PURE__ */ new WeakMap()), c = M(/* @__PURE__ */ new WeakMap()), u = M(0), f = T(() => (s.current || (s.current = Ty()), s.current), []);
+  return K(() => {
     let p = !1;
     const d = i.current, h = l.current, g = c.current, m = [], v = /* @__PURE__ */ new Map();
     for (const b of e)
@@ -12755,14 +12757,14 @@ function Ty(e, t) {
     return () => {
       p = !0, l.current = /* @__PURE__ */ new WeakMap(), c.current = /* @__PURE__ */ new WeakMap(), u.current = 0, a(!1);
     };
-  }, [e, t, f]), j(() => () => {
+  }, [e, t, f]), K(() => () => {
     s.current?.terminate(), s.current = null;
   }, []), { cache: n, isGenerating: o };
 }
 function Cs(e) {
   return e instanceof File ? e.name.replace(/\.[^/.]+$/, "") : e instanceof Blob ? "Untitled" : typeof e == "string" ? e.split("/").pop()?.replace(/\.[^/.]+$/, "") ?? "Untitled" : e.name ?? e.src.split("/").pop()?.replace(/\.[^/.]+$/, "") ?? "Untitled";
 }
-async function $y(e, t, n) {
+async function Dy(e, t, n) {
   const r = Cs(e);
   if (e instanceof Blob) {
     const l = await e.arrayBuffer();
@@ -12773,9 +12775,9 @@ async function $y(e, t, n) {
   const s = await a.arrayBuffer();
   return n?.throwIfAborted(), { audioBuffer: await t.decodeAudioData(s), name: r };
 }
-function Qb() {
+function e1() {
   const [e, t] = z([]), [n, r] = z(0), [o, a] = z([]), s = M(!1), i = M(/* @__PURE__ */ new Set()), l = M(/* @__PURE__ */ new Map());
-  j(() => {
+  K(() => {
     const f = l.current;
     return () => {
       s.current = !0;
@@ -12786,7 +12788,7 @@ function Qb() {
   }, []);
   const c = T((f) => {
     if (f.length === 0) return;
-    const p = jh(), d = f.map((h) => ({
+    const p = Kh(), d = f.map((h) => ({
       track: $c({ name: `${Cs(h)} (loading...)`, clips: [] }),
       source: h
     }));
@@ -12796,7 +12798,7 @@ function Qb() {
       const m = new AbortController();
       l.current.set(h.id, m), (async () => {
         try {
-          const { audioBuffer: v, name: y } = await $y(g, p, m.signal), b = Tc({
+          const { audioBuffer: v, name: y } = await Dy(g, p, m.signal), b = Tc({
             audioBuffer: v,
             startTime: 0,
             duration: v.duration,
@@ -12834,7 +12836,7 @@ function Qb() {
     errors: o
   };
 }
-const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
+const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), t1 = ({
   tracks: e,
   timescale: t = !1,
   mono: n = !1,
@@ -12879,7 +12881,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
   ae.current = $;
   const Ue = M(0), we = M(0), Le = M(e), gt = M(y);
   gt.current = y;
-  const Mt = M(re), lt = M(0), Ye = M(0), ct = M(null), vt = M(null), Ot = M(!1), Tt = M(c?.isContinuousPlay ?? !1), Z = M(null), ve = M(null), je = M(0), Ke = M(!1), Q = M(!1), ye = M(o), qe = M(44100), { timeFormat: $t, setTimeFormat: N, formatTime: X } = oy(), U = ay({ engineRef: B, initialSamplesPerPixel: o }), { samplesPerPixel: K, onEngineState: Ae } = U, De = sy({ engineRef: B, initialVolume: 1 }), {
+  const Mt = M(re), lt = M(0), Ye = M(0), ct = M(null), vt = M(null), Ot = M(!1), Tt = M(c?.isContinuousPlay ?? !1), Z = M(null), ve = M(null), Ke = M(0), je = M(!1), Q = M(!1), ye = M(o), qe = M(44100), { timeFormat: $t, setTimeFormat: N, formatTime: X } = oy(), U = ay({ engineRef: B, initialSamplesPerPixel: o }), { samplesPerPixel: j, onEngineState: Ae } = U, De = sy({ engineRef: B, initialVolume: 1 }), {
     masterVolume: q,
     setMasterVolume: He,
     masterVolumeRef: et,
@@ -12889,50 +12891,50 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
     selectionEnd: qt,
     setSelection: Tn,
     selectionStartRef: zt,
-    selectionEndRef: jr,
+    selectionEndRef: Kr,
     onEngineState: zi
   } = iy({ engineRef: B }), {
     isLoopEnabled: Zi,
     loopStart: Hi,
     loopEnd: Gi,
     setLoopEnabled: Ui,
-    setLoopRegion: Kr,
+    setLoopRegion: jr,
     clearLoopRegion: Xi,
     isLoopEnabledRef: Yi,
-    loopStartRef: ji,
-    loopEndRef: Ki,
+    loopStartRef: Ki,
+    loopEndRef: ji,
     onEngineState: qi
   } = ly({ engineRef: B }), {
     selectedTrackId: Ji,
     setSelectedTrackId: Qi,
     onEngineState: el,
     selectedTrackIdRef: tl
-  } = cy({ engineRef: B }), { animationFrameRef: nl, startAnimationFrameLoop: ha, stopAnimationFrameLoop: qr } = kf(), Kf = Ce(
+  } = cy({ engineRef: B }), { animationFrameRef: nl, startAnimationFrameLoop: ha, stopAnimationFrameLoop: qr } = kf(), jf = Ce(
     () => Math.min(...S ?? [256, 512, 1024, 2048, 4096, 8192]),
     [S]
-  ), { cache: rl } = Ty(e, Kf), ol = T((V) => {
+  ), { cache: rl } = $y(e, jf), ol = T((V) => {
     Tt.current = V, pe(V);
   }, []), Zt = T((V) => {
     Z.current = V, I(V);
   }, []), al = T(() => {
-    const V = zt.current ?? 0, H = jr.current ?? 0;
-    V !== H && H > V && Kr(V, H);
-  }, [Kr, zt, jr]);
-  j(() => {
+    const V = zt.current ?? 0, H = Kr.current ?? 0;
+    V !== H && H > V && jr(V, H);
+  }, [jr, zt, Kr]);
+  K(() => {
     Ot.current = se;
-  }, [se]), j(() => {
+  }, [se]), K(() => {
     Mt.current = re;
   }, [re]), Le.current = e;
   const pa = e === ve.current;
-  Ke.current = pa || Q.current, j(() => {
+  je.current = pa || Q.current, K(() => {
     if (!vt.current || O === 0) return;
-    const V = vt.current, H = ye.current, ge = K;
+    const V = vt.current, H = ye.current, ge = j;
     if (H === ge) return;
     const W = V.clientWidth, Me = V.scrollLeft + W / 2, Ie = qe.current, ya = Me * H / Ie * Ie / ge, to = Math.max(0, ya - W / 2);
     V.scrollLeft = to, ye.current = ge;
-  }, [K, O]);
+  }, [j, O]);
   const Jr = M(null);
-  j(() => {
+  K(() => {
     if (pa || Q.current) {
       pa && (ve.current = null);
       let W = 0;
@@ -12980,13 +12982,13 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
           soloed: bt.soloed,
           volume: bt.volume,
           pan: bt.pan
-        }))), B.current && B.current.dispose(), je.current = 0, ve.current = null, Oe.current = !1;
-        const Me = Kh({ effects: u, soundFontCache: gt.current }), Ie = new rp({
+        }))), B.current && B.current.dispose(), Ke.current = 0, ve.current = null, Oe.current = !1;
+        const Me = jh({ effects: u, soundFontCache: gt.current }), Ie = new rp({
           adapter: Me,
           samplesPerPixel: ye.current,
           zoomLevels: S
         });
-        Ie.setSelection(zt.current ?? 0, jr.current ?? 0), Ie.setLoopRegion(ji.current ?? 0, Ki.current ?? 0), Yi.current && Ie.setLoopEnabled(!0), Ie.setMasterVolume(et.current ?? 1), tl.current && Ie.selectTrack(tl.current);
+        Ie.setSelection(zt.current ?? 0, Kr.current ?? 0), Ie.setLoopRegion(Ki.current ?? 0, ji.current ?? 0), Yi.current && Ie.setLoopEnabled(!0), Ie.setMasterVolume(et.current ?? 1), tl.current && Ie.selectTrack(tl.current);
         const eo = Mt.current, ya = e.map((Te, bt) => {
           const Jt = eo[bt];
           return {
@@ -12999,10 +13001,10 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
         });
         let to = !0;
         Ie.on("statechange", (Te) => {
-          zi(Te), qi(Te), el(Te), Ae(Te), Je(Te), !to && Te.tracksVersion !== je.current && (je.current = Te.tracksVersion, ve.current = Te.tracks, v ? v(Te.tracks) : console.warn(
+          zi(Te), qi(Te), el(Te), Ae(Te), Je(Te), !to && Te.tracksVersion !== Ke.current && (Ke.current = Te.tracksVersion, ve.current = Te.tracks, v ? v(Te.tracks) : console.warn(
             "[waveform-playlist] Engine tracks changed but onTracksChange prop is not set — UI will revert on next render. Pass onTracksChange to WaveformPlaylistProvider."
           ));
-        }), Ie.setTracks(ya), to = !1, je.current = Ie.getState().tracksVersion, B.current = Ie, Fe(!0);
+        }), Ie.setTracks(ya), to = !1, Ke.current = Ie.getState().tracksVersion, B.current = Ie, Fe(!0);
         const nh = new CustomEvent("waveform-playlist:ready", {
           detail: {
             trackCount: e.length,
@@ -13014,8 +13016,8 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
         console.error("Error loading audio:", W);
       }
     })(), () => {
-      if (Ke.current) {
-        Ke.current = !1;
+      if (je.current) {
+        je.current = !1;
         return;
       }
       qr(), B.current && B.current.dispose();
@@ -13039,14 +13041,14 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
     v,
     et,
     zt,
-    jr,
-    ji,
+    Kr,
     Ki,
+    ji,
     Yi,
     S,
     y,
     b
-  ]), j(() => {
+  ]), K(() => {
     if (e.length === 0) return;
     const V = e.map((H) => H.clips.map((W) => {
       let xe;
@@ -13054,7 +13056,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
         try {
           xe = hc(
             W.waveformData,
-            K,
+            j,
             n,
             W.offsetSamples,
             W.durationSamples
@@ -13068,7 +13070,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
           try {
             xe = hc(
               Me,
-              K,
+              j,
               n,
               W.offsetSamples,
               W.durationSamples
@@ -13081,7 +13083,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
         !b && !W.audioBuffer && !W.waveformData && !W.midiNotes && console.warn(
           `[waveform-playlist] Clip "${W.id}" has no audio data or waveform data`
         );
-        const Me = n ? 1 : W.audioBuffer?.numberOfChannels ?? 1, Ie = W.midiNotes ? Math.ceil(W.durationSamples / K) : 0;
+        const Me = n ? 1 : W.audioBuffer?.numberOfChannels ?? 1, Ie = W.midiNotes ? Math.ceil(W.durationSamples / j) : 0;
         xe = {
           length: Ie,
           data: Array.from({ length: Me }, () => new Int16Array(Ie * 2)),
@@ -13102,7 +13104,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
       };
     }));
     he(V);
-  }, [e, K, n, rl, b]);
+  }, [e, j, n, rl, b]);
   const sl = M(!1), $n = T(() => {
     if (B.current)
       return B.current.getCurrentTime();
@@ -13149,7 +13151,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
     };
     ha(V);
   }, [O, Zt, ha, $n]), yt = qr;
-  j(() => {
+  K(() => {
     (async () => {
       if ($ && nl.current && B.current)
         if (_e) {
@@ -13162,7 +13164,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
     })().catch((H) => {
       console.warn("[waveform-playlist] Failed to reschedule playback:", H), A(!1), yt();
     });
-  }, [_e, $, un, yt, nl]), j(() => {
+  }, [_e, $, un, yt, nl]), K(() => {
     (async () => {
       if (Jr.current && B.current) {
         const { position: H } = Jr.current;
@@ -13347,7 +13349,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
       setActiveAnnotationId: Zt,
       // Loop controls
       setLoopEnabled: Ui,
-      setLoopRegion: Kr,
+      setLoopRegion: jr,
       setLoopRegionFromSelection: al,
       clearLoopRegion: Xi
     }),
@@ -13377,7 +13379,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
       gl,
       Zt,
       Ui,
-      Kr,
+      jr,
       al,
       Xi
     ]
@@ -13394,7 +13396,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
       minimumPlaylistHeight: vl,
       controls: l,
       playoutRef: B,
-      samplesPerPixel: K,
+      samplesPerPixel: j,
       timeFormat: $t,
       masterVolume: q,
       canZoomIn: U.canZoomIn,
@@ -13419,7 +13421,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
       vl,
       l,
       B,
-      K,
+      j,
       $t,
       q,
       U.canZoomIn,
@@ -13455,7 +13457,7 @@ const Cf = Ve(null), xf = Ve(null), Ef = Ve(null), If = Ve(null), e1 = ({
     throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");
   return e;
 };
-var Dy = class {
+var Ry = class {
   constructor(e) {
     this._playbackRate = 1, this.handleEnded = () => {
       this.onStopCallback && this.onStopCallback();
@@ -13562,7 +13564,7 @@ var Dy = class {
   get element() {
     return this.audioElement;
   }
-}, Ry = class {
+}, Py = class {
   constructor(e = {}) {
     this.track = null, this._isPlaying = !1, this._masterVolume = e.masterVolume ?? 1, this._playbackRate = e.playbackRate ?? 1;
   }
@@ -13579,7 +13581,7 @@ var Dy = class {
   addTrack(e) {
     return this.track && (console.warn(
       "MediaElementPlayout: Only one track is supported. Disposing previous track. For multi-track, use TonePlayout."
-    ), this.track.dispose()), this.track = new Dy({
+    ), this.track.dispose()), this.track = new Ry({
       ...e,
       volume: this._masterVolume * (e.volume ?? 1),
       playbackRate: this._playbackRate
@@ -13698,7 +13700,7 @@ var Dy = class {
     return this.track?.peaks.sample_rate ?? 44100;
   }
 };
-const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
+const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), n1 = ({
   track: e,
   samplesPerPixel: t = 1024,
   waveHeight: n = 100,
@@ -13730,9 +13732,9 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
   const [A, D] = z(null), [R, O] = z(
     l?.isContinuousPlay ?? !1
   ), [L] = z(t), [Y, te] = z(a), ne = M(null), he = M(0), re = M(R), le = M(null), se = M(null), ue = M(a), _e = M(t), { startAnimationFrameLoop: pe, stopAnimationFrameLoop: oe } = kf();
-  j(() => {
+  K(() => {
     re.current = R;
-  }, [R]), j(() => {
+  }, [R]), K(() => {
     ue.current = Y;
   }, [Y]);
   const G = T((Z) => {
@@ -13742,8 +13744,8 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
   }, []), Ne = T((Z) => {
     se.current = Z;
   }, []), ie = e.waveformData.sample_rate;
-  j(() => {
-    const Z = new Ry({
+  K(() => {
+    const Z = new Py({
       playbackRate: o
     });
     Z.addTrack({
@@ -13752,8 +13754,8 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
       name: e.name
     });
     const ve = Z.getTrack(Z.track?.id ?? "");
-    return ve && ve.setOnTimeUpdateCallback((je) => {
-      he.current = je;
+    return ve && ve.setOnTimeUpdateCallback((Ke) => {
+      he.current = Ke;
     }), Z.setOnPlaybackComplete(() => {
       oe(), v(!1), G(null), he.current = 0, b(0);
     }), ne.current = Z, _(e.waveformData.duration), d?.(), () => {
@@ -13767,7 +13769,7 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
     d,
     oe,
     G
-  ]), j(() => {
+  ]), K(() => {
     try {
       const Z = ry(
         e.waveformData,
@@ -13798,26 +13800,26 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
     const Z = () => {
       const ve = ne.current?.getCurrentTime() ?? 0;
       he.current = ve;
-      const je = $.current;
-      if (je.length > 0) {
-        const Ke = je.find(
+      const Ke = $.current;
+      if (Ke.length > 0) {
+        const je = Ke.find(
           (Q) => ve >= Q.start && ve < Q.end
         );
         if (re.current)
-          Ke && Ke.id !== le.current ? G(Ke.id) : !Ke && le.current !== null && G(null);
+          je && je.id !== le.current ? G(je.id) : !je && le.current !== null && G(null);
         else if (le.current) {
-          const Q = je.find(
+          const Q = Ke.find(
             (ye) => ye.id === le.current
           );
           if (Q && ve >= Q.end) {
             ne.current?.stop(), v(!1);
             return;
           }
-        } else Ke && G(Ke.id);
+        } else je && G(je.id);
       }
       if (ue.current && se.current) {
-        const Ke = se.current, Q = ve * ie / _e.current, ye = Ke.clientWidth, qe = Math.max(0, Q - ye / 2);
-        Ke.scrollLeft = qe;
+        const je = se.current, Q = ve * ie / _e.current, ye = je.clientWidth, qe = Math.max(0, Q - ye / 2);
+        je.scrollLeft = qe;
       }
       pe(Z);
     };
@@ -13947,7 +13949,7 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
   if (!e)
     throw new Error("useMediaElementData must be used within MediaElementPlaylistProvider");
   return e;
-}, n1 = ({ className: e }) => {
+}, r1 = ({ className: e }) => {
   const { isPlaying: t, currentTimeRef: n } = ht(), { selectionStart: r, selectionEnd: o, isLoopEnabled: a } = pt(), { play: s } = $e();
   return /* @__PURE__ */ k(kt, { onClick: async () => {
     if (r !== o && o > r && !a) {
@@ -13956,23 +13958,23 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
     } else
       await s(n.current ?? 0);
   }, disabled: t, className: e, children: "Play" });
-}, r1 = ({ className: e }) => {
+}, o1 = ({ className: e }) => {
   const { isPlaying: t } = ht(), { pause: n } = $e();
   return /* @__PURE__ */ k(kt, { onClick: n, disabled: !t, className: e, children: "Pause" });
-}, o1 = ({ className: e }) => {
+}, a1 = ({ className: e }) => {
   const { isPlaying: t } = ht(), { stop: n } = $e();
   return /* @__PURE__ */ k(kt, { onClick: n, disabled: !t, className: e, children: "Stop" });
-}, a1 = ({ className: e }) => {
+}, s1 = ({ className: e }) => {
   const { isPlaying: t } = ht(), { play: n, setCurrentTime: r } = $e();
   return /* @__PURE__ */ k(kt, { onClick: () => {
     r(0), t && n(0);
   }, className: e, children: "Rewind" });
-}, s1 = ({ className: e }) => {
+}, i1 = ({ className: e }) => {
   const { isPlaying: t } = ht(), { play: n, setCurrentTime: r } = $e(), { duration: o } = mt();
   return /* @__PURE__ */ k(kt, { onClick: () => {
     r(o), t && n(o);
   }, className: e, children: "Fast Forward" });
-}, i1 = ({
+}, l1 = ({
   skipAmount: e = 5,
   className: t
 }) => {
@@ -13981,7 +13983,7 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
     const i = Math.max(0, (n.current ?? 0) - e);
     a(i), r && o(i);
   }, className: t, children: "Skip Backward" });
-}, l1 = ({
+}, c1 = ({
   skipAmount: e = 5,
   className: t
 }) => {
@@ -13990,7 +13992,7 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
     const l = Math.min(s, (n.current ?? 0) + e);
     a(l), r && o(l);
   }, className: t, children: "Skip Forward" });
-}, c1 = ({ className: e }) => {
+}, u1 = ({ className: e }) => {
   const { isLoopEnabled: t, loopStart: n, loopEnd: r } = pt(), { setLoopEnabled: o, setLoopRegion: a } = $e(), { duration: s } = mt(), i = n !== r && r > n;
   return /* @__PURE__ */ k(
     kt,
@@ -14007,7 +14009,7 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
       children: t ? "Loop On" : "Loop Off"
     }
   );
-}, u1 = ({ className: e }) => {
+}, d1 = ({ className: e }) => {
   const { selectionStart: t, selectionEnd: n, loopStart: r, loopEnd: o } = pt(), { setLoopRegionFromSelection: a, clearLoopRegion: s } = $e(), i = t !== n && n > t, l = r !== o && o > r;
   return /* @__PURE__ */ k(
     kt,
@@ -14021,7 +14023,7 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
       children: l ? "Clear Loop" : "Set Loop"
     }
   );
-}, d1 = ({
+}, f1 = ({
   onClearAll: e,
   label: t = "Clear All",
   className: n
@@ -14030,19 +14032,19 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
     r(), e();
   }, [r, e]);
   return /* @__PURE__ */ k(kt, { onClick: o, className: n, title: "Remove all tracks", children: t });
-}, f1 = ({
+}, h1 = ({
   className: e,
   disabled: t
 }) => {
   const { zoomIn: n } = $e(), { canZoomIn: r } = mt();
   return /* @__PURE__ */ k(kt, { onClick: n, disabled: t || !r, className: e, children: "Zoom In" });
-}, h1 = ({
+}, p1 = ({
   className: e,
   disabled: t
 }) => {
   const { zoomOut: n } = $e(), { canZoomOut: r } = mt();
   return /* @__PURE__ */ k(kt, { onClick: n, disabled: t || !r, className: e, children: "Zoom Out" });
-}, p1 = ({ className: e }) => {
+}, m1 = ({ className: e }) => {
   const { masterVolume: t } = mt(), { setMasterVolume: n } = $e();
   return /* @__PURE__ */ k(
     Nv,
@@ -14052,18 +14054,18 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
       className: e
     }
   );
-}, m1 = ({ className: e }) => {
+}, g1 = ({ className: e }) => {
   const { timeFormat: t } = mt(), { setTimeFormat: n } = $e();
   return /* @__PURE__ */ k(C0, { value: t, onChange: n, className: e });
-}, Py = F.span`
+}, Fy = F.span`
   font-family: 'Courier New', Monaco, monospace;
   font-size: 1rem;
   font-weight: 600;
   color: ${(e) => e.theme?.textColor || "#333"};
   user-select: none;
-`, g1 = ({ className: e }) => {
+`, v1 = ({ className: e }) => {
   const t = M(null), n = M(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = ht(), { timeFormat: s } = mt();
-  return j(() => {
+  return K(() => {
     const i = () => {
       if (t.current) {
         const l = r ? a() : o.current ?? 0;
@@ -14074,10 +14076,10 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
     return r ? n.current = requestAnimationFrame(i) : i(), () => {
       n.current && (cancelAnimationFrame(n.current), n.current = null);
     };
-  }, [r, s, o, a]), j(() => {
+  }, [r, s, o, a]), K(() => {
     !r && t.current && (t.current.textContent = Zn(o.current ?? 0, s));
-  }), /* @__PURE__ */ k(Py, { ref: t, className: e, "aria-label": "Audio position", children: Zn(o.current ?? 0, s) });
-}, v1 = ({ className: e }) => {
+  }), /* @__PURE__ */ k(Fy, { ref: t, className: e, "aria-label": "Audio position", children: Zn(o.current ?? 0, s) });
+}, y1 = ({ className: e }) => {
   const { selectionStart: t, selectionEnd: n } = pt(), { setSelection: r } = $e();
   return /* @__PURE__ */ k(
     o0,
@@ -14088,7 +14090,7 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
       className: e
     }
   );
-}, y1 = ({ className: e }) => {
+}, b1 = ({ className: e }) => {
   const { isAutomaticScroll: t } = pt(), { setAutomaticScroll: n } = $e();
   return /* @__PURE__ */ k(
     mv,
@@ -14098,7 +14100,7 @@ const Af = Ve(null), Mf = Ve(null), Tf = Ve(null), $f = Ve(null), t1 = ({
       className: e
     }
   );
-}, da = Ve(null), b1 = da.Provider;
+}, da = Ve(null), w1 = da.Provider;
 function or() {
   const e = Pe(da);
   if (!e)
@@ -14107,22 +14109,22 @@ function or() {
     );
   return e;
 }
-const w1 = ({ className: e }) => {
+const _1 = ({ className: e }) => {
   const { ContinuousPlayCheckbox: t } = or(), { continuousPlay: n } = pt(), { setContinuousPlay: r } = $e();
   return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
-}, _1 = ({ className: e }) => {
+}, S1 = ({ className: e }) => {
   const { LinkEndpointsCheckbox: t } = or(), { linkEndpoints: n } = pt(), { setLinkEndpoints: r } = $e();
   return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
-}, S1 = ({ className: e }) => {
+}, k1 = ({ className: e }) => {
   const { EditableCheckbox: t } = or(), { annotationsEditable: n } = pt(), { setAnnotationsEditable: r } = $e();
   return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
-}, k1 = ({
+}, C1 = ({
   filename: e,
   className: t
 }) => {
   const { DownloadAnnotationsButton: n } = or(), { annotations: r } = pt();
   return /* @__PURE__ */ k(n, { annotations: r, filename: e, className: t });
-}, C1 = ({
+}, x1 = ({
   label: e = "Export WAV",
   filename: t = "export",
   mode: n = "master",
@@ -14135,7 +14137,7 @@ const w1 = ({ className: e }) => {
   onExportComplete: c,
   onExportError: u
 }) => {
-  const { tracks: f, trackStates: p } = mt(), { exportWav: d, isExporting: h, progress: g } = ky(), m = async () => {
+  const { tracks: f, trackStates: p } = mt(), { exportWav: d, isExporting: h, progress: g } = Cy(), m = async () => {
     try {
       const y = await d(f, p, {
         filename: t,
@@ -14161,11 +14163,11 @@ const w1 = ({ className: e }) => {
       children: v
     }
   );
-}, Rf = Ve(!1), Fy = Rf.Provider;
-function Oy() {
+}, Rf = Ve(!1), Oy = Rf.Provider;
+function Ly() {
   return Pe(Rf);
 }
-const Ly = F.div.attrs((e) => ({
+const By = F.div.attrs((e) => ({
   style: {
     width: `${e.$width}px`,
     background: e.$color
@@ -14178,9 +14180,9 @@ const Ly = F.div.attrs((e) => ({
   z-index: 100; /* Below sticky controls (z-index: 101) so playhead is hidden when scrolled behind controls */
   pointer-events: none;
   will-change: transform;
-`, By = ({ color: e = "#ff0000" }) => {
+`, Wy = ({ color: e = "#ff0000" }) => {
   const t = M(null), n = M(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = ht(), { samplesPerPixel: s, sampleRate: i, progressBarWidth: l } = mt();
-  return j(() => {
+  return K(() => {
     const c = () => {
       if (t.current) {
         const f = (r ? a() : o.current ?? 0) * i / s;
@@ -14191,13 +14193,13 @@ const Ly = F.div.attrs((e) => ({
     return r ? n.current = requestAnimationFrame(c) : c(), () => {
       n.current && (cancelAnimationFrame(n.current), n.current = null);
     };
-  }, [r, i, s, o, a]), j(() => {
+  }, [r, i, s, o, a]), K(() => {
     if (!r && t.current) {
       const u = (o.current ?? 0) * i / s;
       t.current.style.transform = `translate3d(${u}px, 0, 0)`;
     }
-  }), /* @__PURE__ */ k(Ly, { ref: t, $color: e, $width: l, "data-playhead": !0 });
-}, Wy = F.div`
+  }), /* @__PURE__ */ k(By, { ref: t, $color: e, $width: l, "data-playhead": !0 });
+}, Vy = F.div`
   position: relative;
 `, Ra = F.div.attrs((e) => ({
   style: {
@@ -14213,7 +14215,7 @@ const Ly = F.div.attrs((e) => ({
   /* Force GPU compositing layer to prevent gradient flickering during scroll */
   transform: translateZ(0);
   backface-visibility: hidden;
-`, Vy = F.div.attrs((e) => ({
+`, Ny = F.div.attrs((e) => ({
   style: {
     top: `${e.$top}px`,
     height: `${e.$height}px`,
@@ -14229,7 +14231,7 @@ const Ly = F.div.attrs((e) => ({
   transform-origin: left;
   /* scaleX changes are composite-only (GPU) — no layout reflow per frame */
   will-change: transform;
-`, Ny = F.div`
+`, zy = F.div`
   position: relative;
   z-index: 2;
 `, gc = ({
@@ -14245,7 +14247,7 @@ const Ly = F.div.attrs((e) => ({
     t,
     d
   );
-  j(() => {
+  K(() => {
     const $ = () => {
       if (s.current) {
         const D = (u ? p() : f.current ?? 0) * h, R = e + t;
@@ -14265,7 +14267,7 @@ const Ly = F.div.attrs((e) => ({
     m,
     f,
     p
-  ]), j(() => {
+  ]), K(() => {
     if (!u && s.current) {
       const A = (f.current ?? 0) * h, D = e + t;
       let R = 0;
@@ -14276,7 +14278,7 @@ const Ly = F.div.attrs((e) => ({
   let y;
   v === "inverted" ? y = a.isSelected && l ? l.selectedWaveFillColor : l?.waveFillColor || "white" : y = a.isSelected && l ? l.selectedWaveOutlineColor : l?.waveOutlineColor || "grey";
   const b = a.renderMode === "spectrogram" || a.renderMode === "both", w = a.renderMode === "piano-roll", _ = a.renderMode === "both", S = b ? "#000" : w ? l?.pianoRollBackgroundColor || "#1a1a2e" : sn(y), C = Math.floor(c / 2), x = c, E = a.index * c, I = sn(y);
-  return /* @__PURE__ */ de(Wy, { children: [
+  return /* @__PURE__ */ de(Vy, { children: [
     _ ? /* @__PURE__ */ de(Wt, { children: [
       /* @__PURE__ */ k(
         Ra,
@@ -14306,7 +14308,7 @@ const Ly = F.div.attrs((e) => ({
       }
     ),
     !w && /* @__PURE__ */ k(
-      Vy,
+      Ny,
       {
         ref: s,
         $color: g,
@@ -14315,7 +14317,7 @@ const Ly = F.div.attrs((e) => ({
         $width: m
       }
     ),
-    /* @__PURE__ */ k(Ny, { children: /* @__PURE__ */ k(
+    /* @__PURE__ */ k(zy, { children: /* @__PURE__ */ k(
       gf,
       {
         ...a,
@@ -14326,8 +14328,8 @@ const Ly = F.div.attrs((e) => ({
       }
     ) })
   ] });
-}, Vi = Ve(null), x1 = Vi.Provider;
-function E1() {
+}, Vi = Ve(null), E1 = Vi.Provider;
+function I1() {
   const e = Pe(Vi);
   if (!e)
     throw new Error(
@@ -14335,7 +14337,7 @@ function E1() {
     );
   return e;
 }
-const zy = 60, Zy = F.div.attrs((e) => ({
+const Zy = 60, Hy = F.div.attrs((e) => ({
   style: { height: `${e.$height}px` }
 }))`
   overflow: hidden;
@@ -14343,7 +14345,7 @@ const zy = 60, Zy = F.div.attrs((e) => ({
   background: ${(e) => e.theme.surfaceColor};
   transition: background 0.15s ease-in-out;
   ${(e) => e.$isSelected && `background: ${e.theme.selectedTrackControlsBackground};`}
-`, Hy = ({ renderPlayhead: e, color: t, samplesPerPixel: n, sampleRate: r }) => {
+`, Gy = ({ renderPlayhead: e, color: t, samplesPerPixel: n, sampleRate: r }) => {
   const {
     isPlaying: o,
     currentTimeRef: a,
@@ -14369,7 +14371,7 @@ function Pa(e, t, n, r) {
   const o = e.length > 0 ? Math.max(1, ...e.map((s) => s.peaks.data.length)) : 1, a = t?.isRecording && t.trackId === n ? r ? 1 : t.peaks.length : 0;
   return Math.max(o, a);
 }
-const Gy = ({
+const Uy = ({
   renderTrackControls: e,
   renderTick: t,
   renderPlayhead: n,
@@ -14428,7 +14430,7 @@ const Gy = ({
     const N = /* @__PURE__ */ new Map();
     return ue.forEach((X) => {
       if ((ae.trackSpectrogramOverrides.get(X.id)?.renderMode ?? X.renderMode ?? "waveform") === "waveform") return;
-      const K = ae.trackSpectrogramOverrides.get(X.id), Ae = K?.colorMap ?? X.spectrogramColorMap ?? ae.spectrogramColorMap ?? "viridis", De = K?.config ?? X.spectrogramConfig ?? ae.spectrogramConfig;
+      const j = ae.trackSpectrogramOverrides.get(X.id), Ae = j?.colorMap ?? X.spectrogramColorMap ?? ae.spectrogramColorMap ?? "viridis", De = j?.config ?? X.spectrogramConfig ?? ae.spectrogramConfig;
       N.set(X.id, {
         colorLUT: ae.getColorMap(Ae),
         frequencyScaleFn: ae.getFrequencyScale(De?.frequencyScale ?? "mel"),
@@ -14450,11 +14452,11 @@ const Gy = ({
       ct.current = N, te(N);
     },
     [te]
-  ), Ot = ue.reduce((N, X) => X.clips.reduce((U, K) => {
-    const Ae = (K.startSample + K.durationSamples) / K.sampleRate;
+  ), Ot = ue.reduce((N, X) => X.clips.reduce((U, j) => {
+    const Ae = (j.startSample + j.durationSamples) / j.sampleRate;
     return Math.max(U, Ae);
   }, N), 0);
-  let Tt = Ot > 0 ? Ot : _e > 0 ? _e : zy;
+  let Tt = Ot > 0 ? Ot : _e > 0 ? _e : Zy;
   if (f?.isRecording) {
     const X = (f.startSample + f.durationSamples) / oe;
     Tt = Math.max(Tt, X + 10);
@@ -14471,7 +14473,7 @@ const Gy = ({
         U
       );
     }
-  }, je = T(
+  }, Ke = T(
     (N) => {
       if (N >= 0 && N < ue.length) {
         const X = ue[N];
@@ -14479,8 +14481,8 @@ const Gy = ({
       }
     },
     [ue, ne]
-  ), Ke = (N) => {
-    const X = N.currentTarget.getBoundingClientRect(), K = (N.clientX - X.left) * pe / oe, De = N.clientY - X.top;
+  ), je = (N) => {
+    const X = N.currentTarget.getBoundingClientRect(), j = (N.clientX - X.left) * pe / oe, De = N.clientY - X.top;
     let q = 0, He = -1;
     for (let et = 0; et < le.length; et++) {
       const Je = le[et], Dt = Pa(Je, f, ue[et]?.id, Oe), zt = ((ae?.trackSpectrogramOverrides.get(ue[et]?.id)?.renderMode ?? ue[et]?.renderMode ?? "waveform") === "both" ? Dt * 2 : Dt) * G + (s ? 22 : 0);
@@ -14490,10 +14492,10 @@ const Gy = ({
       }
       q += zt;
     }
-    He !== -1 && je(He), Ye.current = K, lt(!0), he(K), L(K, K);
+    He !== -1 && Ke(He), Ye.current = j, lt(!0), he(j), L(j, j);
   }, Q = (N) => {
     if (!Mt || d) return;
-    const X = N.currentTarget.getBoundingClientRect(), K = (N.clientX - X.left) * pe / oe, Ae = Math.min(h, K), De = Math.max(h, K);
+    const X = N.currentTarget.getBoundingClientRect(), j = (N.clientX - X.left) * pe / oe, Ae = Math.min(h, j), De = Math.max(h, j);
     L(Ae, De);
   }, ye = (N) => {
     if (!Mt) return;
@@ -14502,7 +14504,7 @@ const Gy = ({
       he(q), L(q, q), Y(q);
       return;
     }
-    const X = N.currentTarget.getBoundingClientRect(), K = (N.clientX - X.left) * pe / oe, Ae = Math.min(h, K), De = Math.max(h, K);
+    const X = N.currentTarget.getBoundingClientRect(), j = (N.clientX - X.left) * pe / oe, Ae = Math.min(h, j), De = Math.max(h, j);
     Math.abs(De - Ae) < 0.1 ? he(Ae) : L(Ae, De);
   };
   if (ue.some((N) => N.clips.length > 0) && le.length === 0)
@@ -14510,13 +14512,13 @@ const Gy = ({
   const $t = Ne.show ? le.map((N, X) => {
     const U = ue[X];
     if (!U) return null;
-    const K = se[X] || {
+    const j = se[X] || {
       name: `Track ${X + 1}`,
       muted: !1,
       soloed: !1,
       volume: 1,
       pan: 0
-    }, Ae = U.clips.some((Je) => Je.midiNotes && Je.midiNotes.length > 0), De = ae?.trackSpectrogramOverrides.get(U.id)?.renderMode ?? U.renderMode ?? (Ae ? "piano-roll" : "waveform"), q = Pa(N, f, U.id, Oe), He = G * q + (s ? Fi : 0), et = e ? e(X) : /* @__PURE__ */ de(T0, { onClick: () => je(X), children: [
+    }, Ae = U.clips.some((Je) => Je.midiNotes && Je.midiNotes.length > 0), De = ae?.trackSpectrogramOverrides.get(U.id)?.renderMode ?? U.renderMode ?? (Ae ? "piano-roll" : "waveform"), q = Pa(N, f, U.id, Oe), He = G * q + (s ? Fi : 0), et = e ? e(X) : /* @__PURE__ */ de(T0, { onClick: () => Ke(X), children: [
       /* @__PURE__ */ de($0, { style: { justifyContent: "center", position: "relative" }, children: [
         u && /* @__PURE__ */ k(
           M0,
@@ -14536,7 +14538,7 @@ const Gy = ({
               padding: "0 24px",
               display: "block"
             },
-            children: K.name || `Track ${X + 1}`
+            children: j.name || `Track ${X + 1}`
           }
         ),
         ae?.renderMenuItems && /* @__PURE__ */ k("span", { style: { position: "absolute", right: 0, top: 0 }, children: /* @__PURE__ */ k(
@@ -14555,16 +14557,16 @@ const Gy = ({
         /* @__PURE__ */ k(
           uc,
           {
-            $variant: K.muted ? "danger" : "outline",
-            onClick: () => A(X, !K.muted),
+            $variant: j.muted ? "danger" : "outline",
+            onClick: () => A(X, !j.muted),
             children: "Mute"
           }
         ),
         /* @__PURE__ */ k(
           uc,
           {
-            $variant: K.soloed ? "info" : "outline",
-            onClick: () => D(X, !K.soloed),
+            $variant: j.soloed ? "info" : "outline",
+            onClick: () => D(X, !j.soloed),
             children: "Solo"
           }
         )
@@ -14577,7 +14579,7 @@ const Gy = ({
             min: "0",
             max: "1",
             step: "0.01",
-            value: K.volume,
+            value: j.volume,
             onChange: (Je) => R(X, parseFloat(Je.target.value))
           }
         ),
@@ -14591,7 +14593,7 @@ const Gy = ({
             min: "-1",
             max: "1",
             step: "0.01",
-            value: K.pan,
+            value: j.pan,
             onChange: (Je) => O(X, parseFloat(Je.target.value))
           }
         ),
@@ -14599,7 +14601,7 @@ const Gy = ({
       ] })
     ] });
     return /* @__PURE__ */ k(
-      Zy,
+      Hy,
       {
         $height: He,
         $isSelected: U.id === _,
@@ -14632,7 +14634,7 @@ const Gy = ({
             timescaleWidth: Z,
             tracksWidth: Z,
             controlsWidth: Ne.show ? Ne.width : 0,
-            onTracksMouseDown: Ke,
+            onTracksMouseDown: je,
             onTracksMouseMove: Q,
             onTracksMouseUp: ye,
             scrollContainerRef: vt,
@@ -14652,8 +14654,8 @@ const Gy = ({
                   minPosition: 0,
                   maxPosition: Z,
                   onLoopRegionChange: (N, X) => {
-                    const U = N * pe / oe, K = X * pe / oe;
-                    re(U, K);
+                    const U = N * pe / oe, j = X * pe / oe;
+                    re(U, j);
                   }
                 }
               )
@@ -14662,7 +14664,7 @@ const Gy = ({
               le.map((N, X) => {
                 const U = ue[X];
                 if (!U) return null;
-                const K = U.clips.some((q) => q.midiNotes && q.midiNotes.length > 0), Ae = ae?.trackSpectrogramOverrides.get(U.id)?.renderMode ?? U.renderMode ?? (K ? "piano-roll" : "waveform"), De = Pa(
+                const j = U.clips.some((q) => q.midiNotes && q.midiNotes.length > 0), Ae = ae?.trackSpectrogramOverrides.get(U.id)?.renderMode ?? U.renderMode ?? (j ? "piano-roll" : "waveform"), De = Pa(
                   N,
                   f,
                   U.id,
@@ -14720,7 +14722,7 @@ const Gy = ({
                             onMouseDown: (Dt) => {
                               Dt.target.closest(
                                 '[role="button"][aria-roledescription="draggable"]'
-                              ) || je(X);
+                              ) || Ke(X);
                             },
                             children: et.data.map((Dt, qt) => /* @__PURE__ */ k(
                               gc,
@@ -14792,14 +14794,14 @@ const Gy = ({
                 );
               }),
               m.length > 0 && E && /* @__PURE__ */ k(E.AnnotationBoxesWrapper, { height: 30, width: Z, children: m.map((N, X) => {
-                const U = N.start * oe / pe, K = N.end * oe / pe, Ae = o ? o(N, X) : N.id;
+                const U = N.start * oe / pe, j = N.end * oe / pe, Ae = o ? o(N, X) : N.id;
                 return /* @__PURE__ */ k(
                   E.AnnotationBox,
                   {
                     annotationId: N.id,
                     annotationIndex: X,
                     startPosition: U,
-                    endPosition: K,
+                    endPosition: j,
                     label: Ae,
                     color: "#ff9800",
                     isActive: N.id === v,
@@ -14818,14 +14820,14 @@ const Gy = ({
                 }
               ),
               (d || h === g) && (n ? /* @__PURE__ */ k(
-                Hy,
+                Gy,
                 {
                   renderPlayhead: n,
                   color: p.playheadColor,
                   samplesPerPixel: pe,
                   sampleRate: oe
                 }
-              ) : /* @__PURE__ */ k(By, { color: p.playheadColor }))
+              ) : /* @__PURE__ */ k(Wy, { color: p.playheadColor }))
             ] })
           }
         )
@@ -14847,7 +14849,7 @@ const Gy = ({
       document.body
     )
   ] });
-}, Uy = ({
+}, Xy = ({
   height: e,
   renderAnnotationItem: t,
   onAnnotationUpdate: n,
@@ -14878,7 +14880,7 @@ const Gy = ({
       renderAnnotationItem: t
     }
   );
-}, I1 = ({
+}, A1 = ({
   renderTrackControls: e,
   renderTick: t,
   renderTimestamp: n,
@@ -14898,10 +14900,10 @@ const Gy = ({
   onRemoveTrack: m,
   recordingState: v
 }) => {
-  const { annotations: y } = pt(), b = Oy();
+  const { annotations: y } = pt(), b = Ly();
   return /* @__PURE__ */ de(Wt, { children: [
     /* @__PURE__ */ k(
-      Gy,
+      Uy,
       {
         renderTrackControls: e,
         renderTick: t ?? (n ? (_, S) => n(parseFloat(_) || 0, S) : void 0),
@@ -14918,7 +14920,7 @@ const Gy = ({
       }
     ),
     y.length > 0 && /* @__PURE__ */ k(
-      Uy,
+      Xy,
       {
         height: s,
         renderAnnotationItem: i,
@@ -14930,31 +14932,31 @@ const Gy = ({
     )
   ] });
 };
-var Xy = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Pf = Xy ? Sn : j;
+var Yy = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Pf = Yy ? Sn : K;
 function Pn(e) {
   const t = M(e);
   return Pf(() => {
     t.current = e;
   }, [e]), t;
 }
-function Fa(e, t, n = j, r = Object.is) {
+function Fa(e, t, n = K, r = Object.is) {
   const o = M(e);
   n(() => {
     const a = o.current;
     r(e, a) || (o.current = e, t(e, a));
   }, [t, e]);
 }
-var vc = Object.getOwnPropertySymbols, Yy = Object.prototype.hasOwnProperty, jy = Object.prototype.propertyIsEnumerable, Ky = (e, t) => {
+var vc = Object.getOwnPropertySymbols, Ky = Object.prototype.hasOwnProperty, jy = Object.prototype.propertyIsEnumerable, qy = (e, t) => {
   var n = {};
   for (var r in e)
-    Yy.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+    Ky.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && vc)
     for (var r of vc(e))
       t.indexOf(r) < 0 && jy.call(e, r) && (n[r] = e[r]);
   return n;
-}, qy = new Ei(), Jy = Ve(
-  qy
-), Qy = Cc(
+}, Jy = new Ei(), Qy = Ve(
+  Jy
+), eb = Cc(
   xc(({ children: e }, t) => {
     const [n, r] = z(0), o = M(null), a = M(null), s = Ce(
       () => ({
@@ -14989,7 +14991,7 @@ function Ff(e) {
     onDragMove: s,
     onDragOver: i,
     onDragEnd: l
-  } = t, c = Ky(t, [
+  } = t, c = qy(t, [
     "children",
     "onCollision",
     "onBeforeDragStart",
@@ -14998,11 +15000,11 @@ function Ff(e) {
     "onDragOver",
     "onDragEnd"
   ]);
-  const u = M(null), { plugins: f, modifiers: p, sensors: d } = c, h = Ut(f, zn.plugins), g = Ut(d, zn.sensors), m = Ut(p, zn.modifiers), v = Pn(o), y = Pn(a), b = Pn(i), w = Pn(s), _ = Pn(l), S = Pn(r), C = eb(() => {
+  const u = M(null), { plugins: f, modifiers: p, sensors: d } = c, h = Ut(f, zn.plugins), g = Ut(d, zn.sensors), m = Ut(p, zn.modifiers), v = Pn(o), y = Pn(a), b = Pn(i), w = Pn(s), _ = Pn(l), S = Pn(r), C = tb(() => {
     var x;
     return (x = c.manager) != null ? x : new Ei(c);
   });
-  return j(() => {
+  return K(() => {
     if (!u.current) throw new Error("Renderer not found");
     const { renderer: x, trackRendering: E } = u.current, { monitor: I } = C;
     C.renderer = x;
@@ -15051,31 +15053,31 @@ function Ff(e) {
     m,
     () => C && (C.modifiers = m),
     ...Oa
-  ), /* @__PURE__ */ de(Jy.Provider, { value: C, children: [
-    /* @__PURE__ */ k(Qy, { ref: u, children: n }),
+  ), /* @__PURE__ */ de(Qy.Provider, { value: C, children: [
+    /* @__PURE__ */ k(eb, { ref: u, children: n }),
     n
   ] });
 }
-function eb(e) {
+function tb(e) {
   const t = M(null);
   return t.current || (t.current = e()), Dh(() => () => {
     var n;
     return (n = t.current) == null ? void 0 : n.destroy();
   }, []), t.current;
 }
-var tb = Object.create, Of = Object.defineProperty, nb = Object.getOwnPropertyDescriptor, Lf = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), fa = (e) => {
+var nb = Object.create, Of = Object.defineProperty, rb = Object.getOwnPropertyDescriptor, Lf = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), fa = (e) => {
   throw TypeError(e);
-}, rb = (e, t, n) => t in e ? Of(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ob = (e) => {
+}, ob = (e, t, n) => t in e ? Of(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ab = (e) => {
   var t;
-  return [, , , tb((t = e?.[Lf("metadata")]) != null ? t : null)];
-}, Bf = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Wf = (e) => e !== void 0 && typeof e != "function" ? fa("Function expected") : e, ab = (e, t, n, r, o) => ({ kind: Bf[e], name: t, metadata: r, addInitializer: (a) => n._ ? fa("Already initialized") : o.push(Wf(a || null)) }), sb = (e, t) => rb(t, Lf("metadata"), e[3]), ib = (e, t, n, r) => {
+  return [, , , nb((t = e?.[Lf("metadata")]) != null ? t : null)];
+}, Bf = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Wf = (e) => e !== void 0 && typeof e != "function" ? fa("Function expected") : e, sb = (e, t, n, r, o) => ({ kind: Bf[e], name: t, metadata: r, addInitializer: (a) => n._ ? fa("Already initialized") : o.push(Wf(a || null)) }), ib = (e, t) => ob(t, Lf("metadata"), e[3]), lb = (e, t, n, r) => {
   for (var o = 0, a = e[t >> 1], s = a && a.length; o < s; o++) a[o].call(n);
   return r;
 }, Vf = (e, t, n, r, o, a) => {
-  for (var s, i, l, c, u = t & 7, f = !1, p = !1, d = 2, h = Bf[u + 5], g = e[d] || (e[d] = []), m = (o = o.prototype, nb(o, n)), v = r.length - 1; v >= 0; v--)
-    l = ab(u, n, i = {}, e[3], g), l.static = f, l.private = p, c = l.access = { has: (y) => n in y }, c.get = (y) => y[n], s = (0, r[v])(m[h], l), i._ = 1, Wf(s) && (m[h] = s);
+  for (var s, i, l, c, u = t & 7, f = !1, p = !1, d = 2, h = Bf[u + 5], g = e[d] || (e[d] = []), m = (o = o.prototype, rb(o, n)), v = r.length - 1; v >= 0; v--)
+    l = sb(u, n, i = {}, e[3], g), l.static = f, l.private = p, c = l.access = { has: (y) => n in y }, c.get = (y) => y[n], s = (0, r[v])(m[h], l), i._ = 1, Wf(s) && (m[h] = s);
   return m && Of(o, n, m), o;
-}, Nf = (e, t, n) => t.has(e) || fa("Cannot " + n), lb = (e, t, n) => (Nf(e, t, "read from private field"), t.get(e)), cb = (e, t, n) => t.has(e) ? fa("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), ub = (e, t, n, r) => (Nf(e, t, "write to private field"), t.set(e, n), n), cr = class xs {
+}, Nf = (e, t, n) => t.has(e) || fa("Cannot " + n), cb = (e, t, n) => (Nf(e, t, "read from private field"), t.get(e)), ub = (e, t, n) => t.has(e) ? fa("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), db = (e, t, n, r) => (Nf(e, t, "write to private field"), t.set(e, n), n), cr = class xs {
   /**
    * @param {number} Coordinate of the point on the horizontal axis
    * @param {number} Coordinate of the point on the vertical axis
@@ -15116,7 +15118,7 @@ var tb = Object.create, Of = Object.defineProperty, nb = Object.getOwnPropertyDe
 }, zf, Zf, Es, Io, Yr, Ni = class extends (Es = ln, Zf = [Re], zf = [Re], Es) {
   constructor(e) {
     const t = cr.from(e);
-    super(t, (n, r) => cr.equals(n, r)), ib(Yr, 5, this), cb(this, Io, 0), this.velocity = { x: 0, y: 0 };
+    super(t, (n, r) => cr.equals(n, r)), lb(Yr, 5, this), ub(this, Io, 0), this.velocity = { x: 0, y: 0 };
   }
   get delta() {
     return cr.delta(this.current, this.initial);
@@ -15137,9 +15139,9 @@ var tb = Object.create, Of = Object.defineProperty, nb = Object.getOwnPropertyDe
     const { current: t } = this, n = cr.from(e), r = {
       x: n.x - t.x,
       y: n.y - t.y
-    }, o = Date.now(), a = o - lb(this, Io), s = (i) => Math.round(i / a * 100);
+    }, o = Date.now(), a = o - cb(this, Io), s = (i) => Math.round(i / a * 100);
     an(() => {
-      ub(this, Io, o), this.velocity = {
+      db(this, Io, o), this.velocity = {
         x: s(r.x),
         y: s(r.y)
       }, super.current = n;
@@ -15149,21 +15151,21 @@ var tb = Object.create, Of = Object.defineProperty, nb = Object.getOwnPropertyDe
     super.reset(cr.from(e)), this.velocity = { x: 0, y: 0 };
   }
 };
-Yr = ob(Es);
+Yr = ab(Es);
 Io = /* @__PURE__ */ new WeakMap();
 Vf(Yr, 2, "delta", Zf, Ni);
 Vf(Yr, 2, "direction", zf, Ni);
-sb(Yr, Ni);
+ib(Yr, Ni);
 var Hf = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(Hf || {});
 Object.values(Hf);
-var db = Object.defineProperty, fb = Object.defineProperties, hb = Object.getOwnPropertyDescriptors, yc = Object.getOwnPropertySymbols, pb = Object.prototype.hasOwnProperty, mb = Object.prototype.propertyIsEnumerable, bc = (e, t, n) => t in e ? db(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Gf = (e, t) => {
+var fb = Object.defineProperty, hb = Object.defineProperties, pb = Object.getOwnPropertyDescriptors, yc = Object.getOwnPropertySymbols, mb = Object.prototype.hasOwnProperty, gb = Object.prototype.propertyIsEnumerable, bc = (e, t, n) => t in e ? fb(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Gf = (e, t) => {
   for (var n in t || (t = {}))
-    pb.call(t, n) && bc(e, n, t[n]);
+    mb.call(t, n) && bc(e, n, t[n]);
   if (yc)
     for (var n of yc(t))
-      mb.call(t, n) && bc(e, n, t[n]);
+      gb.call(t, n) && bc(e, n, t[n]);
   return e;
-}, Uf = (e, t) => fb(e, hb(t)), Is = class extends Gn {
+}, Uf = (e, t) => hb(e, pb(t)), Is = class extends Gn {
   /**
    * Applies the axis restriction to the drag operation.
    *
@@ -15205,13 +15207,13 @@ var Yf = Xf.configure({
   }
 };
 wc.configure = xn(wc);
-const jf = (e) => {
+const Kf = (e) => {
   let t = !1;
   const n = e.map((r) => r === fs ? (t = !0, fs.configure({ dropAnimation: null })) : r);
   return t || console.warn(
     "[waveform-playlist] noDropAnimationPlugins: Feedback plugin not found in defaults — drop animation may not be disabled. Check @dnd-kit/dom version."
   ), n;
-}, gb = F.div`
+}, vb = F.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -15221,11 +15223,11 @@ const jf = (e) => {
   z-index: 100;
   pointer-events: none;
   will-change: transform;
-`, vb = ({
+`, yb = ({
   color: e = "#ff0000"
 }) => {
   const t = M(null), n = M(null), { isPlaying: r, currentTimeRef: o } = ua(), { samplesPerPixel: a, sampleRate: s, progressBarWidth: i } = Wi();
-  return j(() => {
+  return K(() => {
     const l = () => {
       if (t.current) {
         const u = (o.current ?? 0) * s / a;
@@ -15236,15 +15238,15 @@ const jf = (e) => {
     return r ? n.current = requestAnimationFrame(l) : l(), () => {
       n.current && (cancelAnimationFrame(n.current), n.current = null);
     };
-  }, [r, s, a, o]), j(() => {
+  }, [r, s, a, o]), K(() => {
     if (!r && t.current) {
       const c = (o.current ?? 0) * s / a;
       t.current.style.transform = `translate3d(${c}px, 0, 0)`;
     }
-  }), /* @__PURE__ */ k(gb, { ref: t, $color: e, $width: i, "data-playhead": !0 });
-}, yb = F.div`
+  }), /* @__PURE__ */ k(vb, { ref: t, $color: e, $width: i, "data-playhead": !0 });
+}, bb = F.div`
   position: relative;
-`, bb = F.div`
+`, wb = F.div`
   position: absolute;
   top: ${(e) => e.$top}px;
   left: 0;
@@ -15254,7 +15256,7 @@ const jf = (e) => {
   z-index: 0;
   transform: translateZ(0);
   backface-visibility: hidden;
-`, wb = F.div`
+`, _b = F.div`
   position: absolute;
   top: ${(e) => e.$top}px;
   left: 0;
@@ -15263,16 +15265,16 @@ const jf = (e) => {
   pointer-events: none;
   z-index: 1;
   will-change: width;
-`, _b = F.div`
+`, Sb = F.div`
   position: relative;
   z-index: 2;
-`, Sb = ({
+`, kb = ({
   clipStartSample: e,
   clipDurationSamples: t,
   ...n
 }) => {
   const r = M(null), o = M(null), a = Xr(), { waveHeight: s } = ia(), { isPlaying: i, currentTimeRef: l } = ua(), { samplesPerPixel: c, sampleRate: u } = Wi(), f = a?.waveProgressColor || "rgba(0, 0, 0, 0.1)";
-  j(() => {
+  K(() => {
     const g = () => {
       if (r.current) {
         const v = (l.current ?? 0) * u, y = e + t;
@@ -15300,7 +15302,7 @@ const jf = (e) => {
     t,
     n.length,
     l
-  ]), j(() => {
+  ]), K(() => {
     if (!i && r.current) {
       const m = (l.current ?? 0) * u, v = e + t;
       let y = 0;
@@ -15319,9 +15321,9 @@ const jf = (e) => {
   let d;
   p === "inverted" ? d = a?.selectedWaveFillColor || a?.waveFillColor || "white" : d = a?.selectedWaveOutlineColor || a?.waveOutlineColor || "grey";
   const h = sn(d);
-  return /* @__PURE__ */ de(yb, { children: [
+  return /* @__PURE__ */ de(bb, { children: [
     /* @__PURE__ */ k(
-      bb,
+      wb,
       {
         $color: h,
         $height: s,
@@ -15330,7 +15332,7 @@ const jf = (e) => {
       }
     ),
     /* @__PURE__ */ k(
-      wb,
+      _b,
       {
         ref: r,
         $color: f,
@@ -15338,9 +15340,9 @@ const jf = (e) => {
         $top: n.index * s
       }
     ),
-    /* @__PURE__ */ k(_b, { children: /* @__PURE__ */ k(gf, { ...n, isSelected: !0, transparentBackground: !0 }) })
+    /* @__PURE__ */ k(Sb, { children: /* @__PURE__ */ k(gf, { ...n, isSelected: !0, transparentBackground: !0 }) })
   ] });
-}, _c = { current: 0 }, kb = ({ renderPlayhead: e, color: t, samplesPerPixel: n, sampleRate: r }) => {
+}, _c = { current: 0 }, Cb = ({ renderPlayhead: e, color: t, samplesPerPixel: n, sampleRate: r }) => {
   const { isPlaying: o, currentTimeRef: a } = ua();
   return e({
     position: (a.current ?? 0) * r / n,
@@ -15353,7 +15355,7 @@ const jf = (e) => {
     sampleRate: r,
     controlsOffset: 0
   });
-}, Cb = ({
+}, xb = ({
   getAnnotationBoxLabel: e,
   editable: t = !1,
   linkEndpoints: n = !1,
@@ -15488,7 +15490,7 @@ const jf = (e) => {
                         isSelected: !0,
                         trackId: `media-element-track-${me}`,
                         children: B.data.map((ae, Ue) => /* @__PURE__ */ k(
-                          Sb,
+                          kb,
                           {
                             index: Ue,
                             data: ae,
@@ -15514,7 +15516,7 @@ const jf = (e) => {
                 onDragMove: le,
                 onDragEnd: se,
                 modifiers: t ? [Yf] : [],
-                plugins: jf,
+                plugins: Kf,
                 children: /* @__PURE__ */ k(u.AnnotationBoxesWrapper, { height: 30, width: te, children: l.map((G, me) => {
                   const Ne = G.start * y / _, ie = G.end * y / _, Fe = e ? e(G, me) : G.id;
                   return /* @__PURE__ */ k(
@@ -15544,20 +15546,20 @@ const jf = (e) => {
               }
             ),
             o ? /* @__PURE__ */ k(
-              kb,
+              Cb,
               {
                 renderPlayhead: o,
                 color: s.playheadColor,
                 samplesPerPixel: _,
                 sampleRate: y
               }
-            ) : /* @__PURE__ */ k(vb, { color: s.playheadColor })
+            ) : /* @__PURE__ */ k(yb, { color: s.playheadColor })
           ] })
         }
       )
     }
   ) });
-}, xb = ({
+}, Eb = ({
   height: e,
   renderAnnotationItem: t,
   onAnnotationUpdate: n,
@@ -15589,7 +15591,7 @@ const jf = (e) => {
       renderAnnotationItem: t
     }
   );
-}, T1 = ({
+}, $1 = ({
   annotationTextHeight: e,
   getAnnotationBoxLabel: t,
   renderAnnotationItem: n,
@@ -15604,7 +15606,7 @@ const jf = (e) => {
   const { annotations: u } = Bi();
   return /* @__PURE__ */ de(Wt, { children: [
     /* @__PURE__ */ k(
-      Cb,
+      xb,
       {
         getAnnotationBoxLabel: t,
         editable: r,
@@ -15615,7 +15617,7 @@ const jf = (e) => {
       }
     ),
     u.length > 0 && /* @__PURE__ */ k(
-      xb,
+      Eb,
       {
         height: e,
         renderAnnotationItem: n,
@@ -15627,7 +15629,7 @@ const jf = (e) => {
       }
     )
   ] });
-}, $1 = ({
+}, D1 = ({
   playback: e = !1,
   clipSplitting: t = !1,
   annotations: n = !1,
@@ -15649,10 +15651,10 @@ const jf = (e) => {
     action: v,
     description: "Split clip at playhead",
     preventDefault: !0
-  }), r.length > 0 && y.push(...r), gy({
+  }), r.length > 0 && y.push(...r), vy({
     enabled: e || y.length > 0,
     ...e ? { additionalShortcuts: y } : { shortcuts: y }
-  }), vy({
+  }), yy({
     annotations: c,
     activeAnnotationId: f,
     onAnnotationsChange: d,
@@ -15700,7 +15702,7 @@ const Xo = class Xo extends Gn {
     }
     const { snapTo: i, bpm: l, timeSignature: c, sampleRate: u } = this.options;
     if (i === "off") return n;
-    const f = i === "bar" ? Ds(c) : Ko(c);
+    const f = i === "bar" ? Ds(c) : jo(c);
     if (a !== void 0) {
       const m = a + n.x * s, v = Wa(m, l, u), y = Va(v, f);
       return { x: (Nn(y, l, u) - a) / s, y: 0 };
@@ -15711,21 +15713,21 @@ const Xo = class Xo extends Gn {
 };
 Xo.configure = xn(Xo);
 let Go = Xo;
-const Eb = () => {
-}, D1 = ({
+const Ib = () => {
+}, R1 = ({
   snap: e = !1,
   touchOptimized: t = !1,
   children: n
 }) => {
   const { tracks: r, samplesPerPixel: o, sampleRate: a, playoutRef: s, isDraggingRef: i, onTracksChange: l } = mt(), { setSelectedTrackId: c } = $e(), u = hf(), f = e && u != null && u.scaleMode === "beats" && u.snapTo !== "off", p = e && !f;
-  j(() => {
+  K(() => {
     l == null && console.warn(
       "[waveform-playlist] ClipInteractionProvider: onTracksChange is not set on WaveformPlaylistProvider. Drag and trim edits will not be persisted."
     );
   }, [l]);
   const d = Ce(() => {
     if (f && u) {
-      const { bpm: w, timeSignature: _, snapTo: S } = u, C = S === "bar" ? Ds(_) : Ko(_);
+      const { bpm: w, timeSignature: _, snapTo: S } = u, C = S === "bar" ? Ds(_) : jo(_);
       return (x) => {
         const E = Wa(x, w, a), I = Va(E, C);
         return Nn(I, w, a);
@@ -15741,7 +15743,7 @@ const Eb = () => {
     onDragEnd: v
   } = dy({
     tracks: r,
-    onTracksChange: l ?? Eb,
+    onTracksChange: l ?? Ib,
     samplesPerPixel: o,
     sampleRate: a,
     engineRef: s,
@@ -15772,7 +15774,7 @@ const Eb = () => {
       })
     ), w.push(As.configure({ tracks: r, samplesPerPixel: o })), w;
   }, [f, p, u, r, o, a]);
-  return /* @__PURE__ */ k(Fy, { value: !0, children: /* @__PURE__ */ k(
+  return /* @__PURE__ */ k(Oy, { value: !0, children: /* @__PURE__ */ k(
     Ff,
     {
       sensors: h,
@@ -15780,86 +15782,86 @@ const Eb = () => {
       onDragMove: m,
       onDragEnd: v,
       modifiers: b,
-      plugins: jf,
+      plugins: Kf,
       children: n
     }
   ) });
 };
 export {
-  b1 as AnnotationIntegrationProvider,
-  g1 as AudioPosition,
-  y1 as AutomaticScrollCheckbox,
-  d1 as ClearAllButton,
+  w1 as AnnotationIntegrationProvider,
+  v1 as AudioPosition,
+  b1 as AutomaticScrollCheckbox,
+  f1 as ClearAllButton,
   As as ClipCollisionModifier,
-  D1 as ClipInteractionProvider,
-  w1 as ContinuousPlayCheckbox,
-  k1 as DownloadAnnotationsButton,
-  S1 as EditableCheckbox,
-  C1 as ExportWavButton,
-  s1 as FastForwardButton,
-  $1 as KeyboardShortcuts,
-  _1 as LinkEndpointsCheckbox,
-  c1 as LoopButton,
-  p1 as MasterVolumeControl,
-  xb as MediaElementAnnotationList,
-  Cb as MediaElementPlaylist,
-  t1 as MediaElementPlaylistProvider,
-  T1 as MediaElementWaveform,
-  r1 as PauseButton,
-  n1 as PlayButton,
-  Uy as PlaylistAnnotationList,
-  Gy as PlaylistVisualization,
-  a1 as RewindButton,
-  v1 as SelectionTimeInputs,
-  u1 as SetLoopRegionButton,
-  i1 as SkipBackwardButton,
-  l1 as SkipForwardButton,
+  R1 as ClipInteractionProvider,
+  _1 as ContinuousPlayCheckbox,
+  C1 as DownloadAnnotationsButton,
+  k1 as EditableCheckbox,
+  x1 as ExportWavButton,
+  i1 as FastForwardButton,
+  D1 as KeyboardShortcuts,
+  S1 as LinkEndpointsCheckbox,
+  u1 as LoopButton,
+  m1 as MasterVolumeControl,
+  Eb as MediaElementAnnotationList,
+  xb as MediaElementPlaylist,
+  n1 as MediaElementPlaylistProvider,
+  $1 as MediaElementWaveform,
+  o1 as PauseButton,
+  r1 as PlayButton,
+  Xy as PlaylistAnnotationList,
+  Uy as PlaylistVisualization,
+  s1 as RewindButton,
+  y1 as SelectionTimeInputs,
+  d1 as SetLoopRegionButton,
+  l1 as SkipBackwardButton,
+  c1 as SkipForwardButton,
   Go as SnapToGridModifier,
-  x1 as SpectrogramIntegrationProvider,
-  o1 as StopButton,
-  m1 as TimeFormatSelect,
+  E1 as SpectrogramIntegrationProvider,
+  a1 as StopButton,
+  g1 as TimeFormatSelect,
   oh as Tone,
-  I1 as Waveform,
-  e1 as WaveformPlaylistProvider,
-  f1 as ZoomInButton,
-  h1 as ZoomOutButton,
-  Kb as createEffectChain,
+  A1 as Waveform,
+  t1 as WaveformPlaylistProvider,
+  h1 as ZoomInButton,
+  p1 as ZoomOutButton,
+  qb as createEffectChain,
   Ho as createEffectInstance,
   jb as effectCategories,
   ca as effectDefinitions,
   Sf as getEffectDefinition,
-  Yb as getEffectsByCategory,
-  Xb as getShortcutLabel,
-  Hb as getWaveformDataMetadata,
-  Zb as loadPeaksFromWaveformData,
+  Kb as getEffectsByCategory,
+  Yb as getShortcutLabel,
+  Gb as getWaveformDataMetadata,
+  Hb as loadPeaksFromWaveformData,
   wf as loadWaveformData,
-  jf as noDropAnimationPlugins,
+  Kf as noDropAnimationPlugins,
   fy as useAnnotationDragHandlers,
   or as useAnnotationIntegration,
-  vy as useAnnotationKeyboardControls,
-  Ub as useAudioTracks,
+  yy as useAnnotationKeyboardControls,
+  Xb as useAudioTracks,
   dy as useClipDragHandlers,
-  Oy as useClipInteractionEnabled,
+  Ly as useClipInteractionEnabled,
   my as useClipSplitting,
   py as useDragSensors,
-  qb as useDynamicEffects,
-  Qb as useDynamicTracks,
-  ky as useExportWav,
+  Jb as useDynamicEffects,
+  e1 as useDynamicTracks,
+  Cy as useExportWav,
   ks as useKeyboardShortcuts,
-  Gb as useMasterAnalyser,
+  Ub as useMasterAnalyser,
   sy as useMasterVolume,
   ua as useMediaElementAnimation,
   Df as useMediaElementControls,
   Wi as useMediaElementData,
   Bi as useMediaElementState,
   ht as usePlaybackAnimation,
-  gy as usePlaybackShortcuts,
+  vy as usePlaybackShortcuts,
   $e as usePlaylistControls,
   mt as usePlaylistData,
   pt as usePlaylistState,
-  E1 as useSpectrogramIntegration,
+  I1 as useSpectrogramIntegration,
   oy as useTimeFormat,
-  Jb as useTrackDynamicEffects,
+  Qb as useTrackDynamicEffects,
   ay as useZoomControls,
   ny as waveformDataToPeaks
 };