@waveform-playlist/browser 9.3.1 → 9.3.3

package/dist/index.mjs

@@ -2,7 +2,7 @@ import * as nh from "tone";
 import { now as Va, Context as rh, setContext as oh, Volume as Qo, getDestination as ea, getTransport as Wt, start as ah, getContext as Lt, Panner as Ds, Gain as Rs, PolySynth as io, Synth as sh, MembraneSynth as lo, NoiseSynth as ih, MetalSynth as bl, Part as wc, Analyser as _c, StereoWidener as lh, Gate as ch, Limiter as uh, Compressor as dh, Chebyshev as fh, BitCrusher as hh, Distortion as ph, EQ3 as mh, AutoWah as gh, AutoFilter as vh, AutoPanner as yh, Vibrato as bh, Tremolo as wh, Phaser as _h, Chorus as Sh, PingPongDelay as kh, FeedbackDelay as Ch, JCReverb as xh, Freeverb as Eh, Reverb as Ih } from "tone";
 import { jsx as k, jsxs as me, Fragment as zt } from "react/jsx-runtime";
 import * as P from "react";
-import at, { useEffect as K, useLayoutEffect as Nr, useRef as T, useMemo as Ce, useState as z, useCallback as $, useContext as Pe, createContext as Ve, memo as Sc, forwardRef as kc, startTransition as Ps, useImperativeHandle as Cc, useSyncExternalStore as Ah, Fragment as Mh, useInsertionEffect as Th } from "react";
+import at, { useEffect as K, useLayoutEffect as Nr, useRef as T, useMemo as Ce, useState as z, useCallback as $, useContext as Fe, createContext as Ve, memo as Sc, forwardRef as kc, startTransition as Ps, useImperativeHandle as Cc, useSyncExternalStore as Ah, Fragment as Mh, useInsertionEffect as Th } from "react";
 import O, { ThemeContext as $h, withTheme as xc, useTheme as Dh, ThemeProvider as Ec } from "styled-components";
 import { flushSync as Rh, createPortal as Ic } from "react-dom";
 var ka = { exports: {} }, wl;
@@ -837,8 +837,8 @@ function Ph() {
                             var Q = !0, q = !1, oe = void 0;
                             try {
                               for (var X, ee = H[Symbol.iterator](); !(Q = (X = ee.next()).done); Q = !0) {
-                                var ie = X.value, fe = ie.sample, he = u({}, F.generators, ie.generators), De = u({}, F.modulators, ie.modulators);
-                                return { keyNumber: b, preset: E, instrument: L, sample: fe, generators: he, modulators: De };
+                                var ie = X.value, fe = ie.sample, he = u({}, F.generators, ie.generators), Re = u({}, F.modulators, ie.modulators);
+                                return { keyNumber: b, preset: E, instrument: L, sample: fe, generators: he, modulators: Re };
                               }
                             } catch (Z) {
                               q = !0, oe = Z;
@@ -3196,7 +3196,7 @@ function ge({ get: e }, t) {
     }
   };
 }
-function Re(e, t) {
+function Pe(e, t) {
   const n = /* @__PURE__ */ new WeakMap();
   return function() {
     let r = n.get(this);
@@ -3408,7 +3408,7 @@ function Mp(e, t) {
   const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), a = Math.min(t.top + t.height, e.top + e.height), s = o - r, i = a - n;
   return r < o && n < a ? s * i : 0;
 }
-var ru, ou, es, wo, Gr, oa = class extends (es = un, ou = [Re], ru = [Re], es) {
+var ru, ou, es, wo, Gr, oa = class extends (es = un, ou = [Pe], ru = [Pe], es) {
   constructor(t) {
     const n = Nt.from(t);
     super(n, (r, o) => Nt.equals(r, o)), xp(Gr, 5, this), Ip(this, wo, 0), this.velocity = { x: 0, y: 0 };
@@ -3861,7 +3861,7 @@ var Np = class extends Ur {
     );
   }
 }, Us = /* @__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))(Us || {}), Xs = /* @__PURE__ */ ((e) => (e[e.Collision = 0] = "Collision", e[e.ShapeIntersection = 1] = "ShapeIntersection", e[e.PointerIntersection = 2] = "PointerIntersection", e))(Xs || {}), gu, vu, yu, bu, wu, _u, Su, Mt, Ys;
-Su = [ge], _u = [Re], wu = [Re], bu = [Re], yu = [Re], vu = [Re], gu = [Re];
+Su = [ge], _u = [Pe], wu = [Pe], bu = [Pe], yu = [Pe], vu = [Pe], gu = [Pe];
 var Kt = class {
   constructor() {
     se(Mt, 5, this), Se(this, Ys, se(
@@ -4208,7 +4208,7 @@ var Ll = class {
     }
     this.map.value = /* @__PURE__ */ new Map();
   }
-}, Iu, Au, Mu, Tu, $u, Du, rs, ct, Qs, ei, ti, Zt = class extends (rs = dn, Du = [ge], $u = [ge], Tu = [ge], Mu = [Re], Au = [Re], Iu = [Re], rs) {
+}, Iu, Au, Mu, Tu, $u, Du, rs, ct, Qs, ei, ti, Zt = class extends (rs = dn, Du = [ge], $u = [ge], Tu = [ge], Mu = [Pe], Au = [Pe], Iu = [Pe], rs) {
   constructor(t, n) {
     var r = t, { modifiers: o, type: a, sensors: s } = r, i = fu(r, ["modifiers", "type", "sensors"]);
     super(i, n), se(ct, 5, this), Se(this, Qs, se(ct, 8, this)), se(ct, 11, this), Se(this, ei, se(ct, 12, this)), se(ct, 15, this), Se(this, ti, se(ct, 16, this, this.isDragSource ? "dragging" : "idle")), se(ct, 19, this), this.type = a, this.sensors = s, this.modifiers = o, this.alignment = i.alignment;
@@ -4235,7 +4235,7 @@ de(ct, 2, "isDropping", Mu, Zt);
 de(ct, 2, "isDragging", Au, Zt);
 de(ct, 2, "isDragSource", Iu, Zt);
 In(ct, Zt);
-var Ru, Pu, Fu, Ou, Lu, Bu, os, Ye, ni, ri, oi, ai, si, Ht = class extends (os = dn, Bu = [ge], Lu = [ge], Ou = [ge], Fu = [ge], Pu = [ge], Ru = [Re], os) {
+var Ru, Pu, Fu, Ou, Lu, Bu, os, Ye, ni, ri, oi, ai, si, Ht = class extends (os = dn, Bu = [ge], Lu = [ge], Ou = [ge], Fu = [ge], Pu = [ge], Ru = [Pe], os) {
   constructor(t, n) {
     var r = t, { accept: o, collisionDetector: a, collisionPriority: s, type: i } = r, l = fu(r, ["accept", "collisionDetector", "collisionPriority", "type"]);
     super(l, n), se(Ye, 5, this), Se(this, ni, se(Ye, 8, this)), se(Ye, 11, this), Se(this, ri, se(Ye, 12, this)), se(Ye, 15, this), Se(this, oi, se(Ye, 16, this)), se(Ye, 19, this), Se(this, ai, se(Ye, 20, this)), se(Ye, 23, this), Se(this, si, se(Ye, 24, this)), se(Ye, 27, this), this.accept = o, this.collisionDetector = a, this.collisionPriority = s, this.type = i;
@@ -4385,7 +4385,7 @@ var jn = class extends mt {
     this.draggables.destroy(), this.droppables.destroy(), this.plugins.destroy(), this.sensors.destroy(), this.modifiers.destroy();
   }
 }, Vu, Nu, zu, Zu, Hu, Gu, Uu, Xu, Yu, vr, xo, Nn, Be, ii, li, ci, ui, di, yr;
-Yu = [Re], Xu = [ge], Uu = [ge], Gu = [ge], Hu = [ge], Zu = [ge], zu = [Re], Nu = [Re], Vu = [Re];
+Yu = [Pe], Xu = [ge], Uu = [ge], Gu = [ge], Hu = [ge], Zu = [ge], zu = [Pe], Nu = [Pe], Vu = [Pe];
 var Bt = class {
   /**
    * Creates a new drag operation instance.
@@ -4573,7 +4573,7 @@ var Up = class {
   }
 }, ju = (e) => {
   throw TypeError(e);
-}, fi = (e, t, n) => t.has(e) || ju("Cannot " + n), ce = (e, t, n) => (fi(e, t, "read from private field"), t.get(e)), ht = (e, t, n) => t.has(e) ? ju("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), wt = (e, t, n, r) => (fi(e, t, "write to private field"), t.set(e, n), n), Ku = (e, t, n) => (fi(e, t, "access private method"), n);
+}, fi = (e, t, n) => t.has(e) || ju("Cannot " + n), ce = (e, t, n) => (fi(e, t, "read from private field"), t.get(e)), ht = (e, t, n) => t.has(e) ? ju("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), St = (e, t, n, r) => (fi(e, t, "write to private field"), t.set(e, n), n), Ku = (e, t, n) => (fi(e, t, "access private method"), n);
 function aa(e) {
   return e ? e instanceof KeyframeEffect ? !0 : "getKeyframes" in e && typeof e.getKeyframes == "function" : !1;
 }
@@ -4850,7 +4850,7 @@ var om = Ju ? ResizeObserver : class {
   constructor(e) {
     super((t) => {
       if (!ce(this, Eo)) {
-        wt(this, Eo, !0);
+        St(this, Eo, !0);
         return;
       }
       e(t, this);
@@ -4865,14 +4865,14 @@ var Nl = Array.from({ length: 100 }, (e, t) => t / 100), od = 75, yn, Bo, tn, bn
   }) {
     this.element = e, this.callback = t, ht(this, Wo), this.disconnect = () => {
       var a, s, i;
-      wt(this, Ir, !0), (a = ce(this, tn)) == null || a.disconnect(), (s = ce(this, bn)) == null || s.disconnect(), ce(this, br).disconnect(), (i = ce(this, et)) == null || i.remove();
+      St(this, Ir, !0), (a = ce(this, tn)) == null || a.disconnect(), (s = ce(this, bn)) == null || s.disconnect(), ce(this, br).disconnect(), (i = ce(this, et)) == null || i.remove();
     }, ht(this, yn, !0), ht(this, Bo), ht(this, tn), ht(this, bn), ht(this, br), ht(this, et), ht(this, Ir, !1), ht(this, wr, rd(() => {
       var a, s, i;
       const { element: l } = this;
       if ((a = ce(this, bn)) == null || a.disconnect(), ce(this, Ir) || !ce(this, yn) || !l.isConnected)
         return;
       const c = (s = l.ownerDocument) != null ? s : document, { innerHeight: u, innerWidth: f } = (i = c.defaultView) != null ? i : window, p = l.getBoundingClientRect(), d = Oo(l, p), { top: h, left: g, bottom: v, right: m } = d, y = -Math.floor(h), w = -Math.floor(g), b = -Math.floor(f - m), _ = -Math.floor(u - v), S = `${y}px ${b}px ${_}px ${w}px`;
-      this.boundingClientRect = p, wt(this, bn, new IntersectionObserver(
+      this.boundingClientRect = p, St(this, bn, new IntersectionObserver(
         (C) => {
           const [E] = C, { intersectionRect: x } = E;
           (E.intersectionRatio !== 1 ? E.intersectionRatio : Hr.intersectionRatio(
@@ -4886,17 +4886,17 @@ var Nl = Array.from({ length: 100 }, (e, t) => t / 100), od = 75, yn, Bo, tn, bn
           root: c
         }
       )), ce(this, bn).observe(l), Ku(this, Wo, ad).call(this);
-    }, od)), this.boundingClientRect = e.getBoundingClientRect(), wt(this, yn, rm(e, this.boundingClientRect));
+    }, od)), this.boundingClientRect = e.getBoundingClientRect(), St(this, yn, rm(e, this.boundingClientRect));
     let r = !0;
     this.callback = (a) => {
       r && (r = !1, n.skipInitial) || t(a);
     };
     const o = e.ownerDocument;
-    n?.debug && (wt(this, et, document.createElement("div")), ce(this, et).style.background = "rgba(0,0,0,0.15)", ce(this, et).style.position = "fixed", ce(this, et).style.pointerEvents = "none", o.body.appendChild(ce(this, et))), wt(this, br, new IntersectionObserver(
+    n?.debug && (St(this, et, document.createElement("div")), ce(this, et).style.background = "rgba(0,0,0,0.15)", ce(this, et).style.position = "fixed", ce(this, et).style.pointerEvents = "none", o.body.appendChild(ce(this, et))), St(this, br, new IntersectionObserver(
       (a) => {
         var s, i;
         const l = a[a.length - 1], { boundingClientRect: c, isIntersecting: u } = l, { width: f, height: p } = c, d = ce(this, yn);
-        wt(this, yn, u), !(!f && !p) && (d && !u ? ((s = ce(this, bn)) == null || s.disconnect(), this.callback(null), (i = ce(this, tn)) == null || i.disconnect(), wt(this, tn, void 0), ce(this, et) && (ce(this, et).style.visibility = "hidden")) : ce(this, wr).call(this), u && !ce(this, tn) && (wt(this, tn, new am(ce(this, wr))), ce(this, tn).observe(e)));
+        St(this, yn, u), !(!f && !p) && (d && !u ? ((s = ce(this, bn)) == null || s.disconnect(), this.callback(null), (i = ce(this, tn)) == null || i.disconnect(), St(this, tn, void 0), ce(this, et) && (ce(this, et).style.visibility = "hidden")) : ce(this, wr).call(this), u && !ce(this, tn) && (St(this, tn, new am(ce(this, wr))), ce(this, tn).observe(e)));
       },
       {
         threshold: Nl,
@@ -4915,7 +4915,7 @@ Ir = /* @__PURE__ */ new WeakMap();
 wr = /* @__PURE__ */ new WeakMap();
 Wo = /* @__PURE__ */ new WeakSet();
 ad = function() {
-  ce(this, Ir) || (Ku(this, Wo, sd).call(this), !nm(this.boundingClientRect, ce(this, Bo)) && (this.callback(this.boundingClientRect), wt(this, Bo, this.boundingClientRect)));
+  ce(this, Ir) || (Ku(this, Wo, sd).call(this), !nm(this.boundingClientRect, ce(this, Bo)) && (this.callback(this.boundingClientRect), St(this, Bo, this.boundingClientRect)));
 };
 sd = function() {
   if (ce(this, et)) {
@@ -4980,8 +4980,8 @@ var _r, Sr, Io, ss, cm = class {
       }
     }, od));
     const r = em(e), o = im(r, t), a = lm(e, ce(this, ss));
-    wt(this, Io, r), wt(this, _r, new id(e, t, n)), this.disconnect = () => {
-      ce(this, Sr) || (wt(this, Sr, !0), o(), a(), ce(this, _r).disconnect());
+    St(this, Io, r), St(this, _r, new id(e, t, n)), this.disconnect = () => {
+      ce(this, Sr) || (St(this, Sr, !0), o(), a(), ce(this, _r).disconnect());
     };
   }
 };
@@ -5501,7 +5501,7 @@ var Lm = ({
 }, hd = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], kr = (e) => e !== void 0 && typeof e != "function" ? sr("Function expected") : e, Hm = (e, t, n, r, o) => ({ kind: hd[e], name: t, metadata: r, addInitializer: (a) => n._ ? sr("Already initialized") : o.push(kr(a || null)) }), Tn = (e, t) => us(t, dd("metadata"), e[3]), He = (e, t, n, r) => {
   for (var o = 0, a = e[t >> 1], s = a && a.length; o < s; o++) t & 1 ? a[o].call(n) : r = a[o].call(n, r);
   return r;
-}, St = (e, t, n, r, o, a) => {
+}, Ct = (e, t, n, r, o, a) => {
   var s, i, l, c, u, f = t & 7, p = !!(t & 8), d = !!(t & 16), h = f > 3 ? e.length + 1 : f ? p ? 1 : 2 : 0, g = hd[f + 5], v = f > 3 && (e[h - 1] = []), m = e[h] || (e[h] = []), y = f && (!d && !p && (o = o.prototype), f < 5 && (f > 3 || !d) && zm(f < 4 ? o : { get [n]() {
     return Ie(this, a);
   }, set [n](b) {
@@ -5639,7 +5639,7 @@ var ng = class extends mt {
       }
     });
   }
-}, Zo = /* @__PURE__ */ new Map(), pd, md, gd, vd, ds, Tr, jt, Ci, Qn, yd, bd, wd, _d, $n = class extends (ds = Ur, vd = [ge], gd = [Re], md = [Re], pd = [Re], ds) {
+}, Zo = /* @__PURE__ */ new Map(), pd, md, gd, vd, ds, Tr, jt, Ci, Qn, yd, bd, wd, _d, $n = class extends (ds = Ur, vd = [ge], gd = [Pe], md = [Pe], pd = [Pe], ds) {
   constructor(e) {
     super(e), He(jt, 5, this), We(this, Qn), We(this, Tr, /* @__PURE__ */ new Set()), We(this, Ci, He(jt, 8, this, /* @__PURE__ */ new Set())), He(jt, 11, this), this.registerEffect(xn(this, Qn, yd));
   }
@@ -5762,10 +5762,10 @@ _d = function(e, t, n) {
     }
   };
 };
-St(jt, 4, "additionalRoots", vd, $n, Ci);
-St(jt, 2, "sourceRoot", gd, $n);
-St(jt, 2, "targetRoot", md, $n);
-St(jt, 2, "roots", pd, $n);
+Ct(jt, 4, "additionalRoots", vd, $n, Ci);
+Ct(jt, 2, "sourceRoot", gd, $n);
+Ct(jt, 2, "targetRoot", md, $n);
+Ct(jt, 2, "roots", pd, $n);
 Tn(jt, $n);
 var Yr = "data-dnd-", fs = `${Yr}dropping`, ot = "--dnd-", Vt = `${Yr}dragging`, Ho = `${Yr}placeholder`, rg = [
   Vt,
@@ -6101,10 +6101,10 @@ xd = function() {
       y: (le.y - _ * h.scaleY - h.y) / (b * h.scaleY)
     };
   }
-  const { transformOrigin: he } = p, De = _ * h.scaleY + h.y, Z = S * h.scaleX + h.x;
+  const { transformOrigin: he } = p, Re = _ * h.scaleY + h.y, Z = S * h.scaleX + h.x;
   if (!p.coordinates && (p.coordinates = {
     x: Z,
-    y: De
+    y: Re
   }, y.x !== 1 || y.y !== 1)) {
     const { scaleX: le, scaleY: pe } = g, { x: Ke, y: Rt } = he;
     p.coordinates.x += (w * le - w) * Ke, p.coordinates.y += (b * pe - b) * Rt;
@@ -6112,7 +6112,7 @@ xd = function() {
   p.dimensions || (p.dimensions = { width: w, height: b }), p.frameTransform || (p.frameTransform = h);
   const Y = {
     x: p.coordinates.x - Z,
-    y: p.coordinates.y - De
+    y: p.coordinates.y - Re
   }, _e = {
     width: (p.dimensions.width * p.frameTransform.scaleX - w * h.scaleX) * he.x,
     height: (p.dimensions.height * p.frameTransform.scaleY - b * h.scaleY) * he.y
@@ -6200,7 +6200,7 @@ xd = function() {
         const Rt = (le = p.translate) != null ? le : { x: 0, y: 0 }, Pt = {
           x: pe.x / h.scaleX + Rt.x,
           y: pe.y / h.scaleY + Rt.y
-        }, Rn = r.current.translate, gt = ke(() => s.modifiers), V = ke(() => {
+        }, Rn = r.current.translate, yt = ke(() => s.modifiers), V = ke(() => {
           var ne;
           return (ne = s.shape) == null ? void 0 : ne.current;
         }), J = fe && !tt ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
@@ -6210,7 +6210,7 @@ xd = function() {
             translate: `${Pt.x}px ${Pt.y}px 0`
           },
           ot
-        ), ve?.takeRecords(), V && V !== xe && Rn && !gt.length) {
+        ), ve?.takeRecords(), V && V !== xe && Rn && !yt.length) {
           const ne = Nt.delta(Pt, Rn);
           s.shape = Hr.from(
             V.boundingRectangle
@@ -6257,7 +6257,7 @@ xd = function() {
     j(), ze();
   };
 };
-St(Lr, 4, "overlay", kd, Br, xi);
+Ct(Lr, 4, "overlay", kd, Br, xi);
 Tn(Lr, Br);
 Br.configure = An(Br);
 var ms = Br, ur = !0, gg = !1, Ed, Id, Ad, Md, on, Ei, Ii;
@@ -6276,8 +6276,8 @@ var Wr = class {
 on = ir(null);
 Ei = /* @__PURE__ */ new WeakMap();
 Ii = /* @__PURE__ */ new WeakMap();
-St(on, 4, Md, Ad, Wr, Ei);
-St(on, 4, Id, Ed, Wr, Ii);
+Ct(on, 4, Md, Ad, Wr, Ei);
+Ct(on, 4, Id, Ed, Wr, Ii);
 Tn(on, Wr);
 var vg = [At.Forward, At.Reverse], Xl = class {
   constructor() {
@@ -6411,7 +6411,7 @@ Vr = ir(gs);
 Ai = /* @__PURE__ */ new WeakMap();
 nn = /* @__PURE__ */ new WeakMap();
 vs = /* @__PURE__ */ new WeakMap();
-St(Vr, 4, "autoScrolling", Td, ia, Ai);
+Ct(Vr, 4, "autoScrolling", Td, ia, Ai);
 Tn(Vr, ia);
 function jl(e) {
   return e > 0 ? At.Forward : e < 0 ? At.Reverse : At.Idle;
@@ -6941,9 +6941,9 @@ Ot = ir(ws);
 Ti = /* @__PURE__ */ new WeakMap();
 $i = /* @__PURE__ */ new WeakMap();
 Di = /* @__PURE__ */ new WeakMap();
-St(Ot, 4, "handle", Pd, jr, Ti);
-St(Ot, 4, "element", Rd, jr, $i);
-St(Ot, 4, "feedback", Dd, jr, Di);
+Ct(Ot, 4, "handle", Pd, jr, Ti);
+Ct(Ot, 4, "element", Rd, jr, $i);
+Ct(Ot, 4, "feedback", Dd, jr, Di);
 Tn(Ot, jr);
 var Fd, Od, _s, an, Ri, Ra, Ld, Bd, $r, Pi, Wd = class extends (_s = Ht, Od = [ge], Fd = [ge], _s) {
   constructor(e, t) {
@@ -7005,8 +7005,8 @@ an = ir(_s);
 Ri = /* @__PURE__ */ new WeakMap();
 $r = /* @__PURE__ */ new WeakSet();
 Pi = /* @__PURE__ */ new WeakMap();
-Ra = St(an, 20, "#element", Od, $r, Ri), Ld = Ra.get, Bd = Ra.set;
-St(an, 4, "proxy", Fd, Wd, Pi);
+Ra = Ct(an, 20, "#element", Od, $r, Ri), Ld = Ra.get, Bd = Ra.set;
+Ct(an, 4, "proxy", Fd, Wd, Pi);
 Tn(an, Wd);
 function Tg(e) {
   return e != null && typeof e == "object" && "current" in e;
@@ -7100,7 +7100,7 @@ Sc(
   })
 );
 function Zg() {
-  return Pe(zg);
+  return Fe(zg);
 }
 function Hg(e) {
   var t;
@@ -7173,7 +7173,7 @@ var Ug = Object.create, Vd = Object.defineProperty, Xg = Object.getOwnPropertyDe
   for (var s, i, l, c, u = t & 7, f = !1, p = !1, d = 2, h = zd[u + 5], g = e[d] || (e[d] = []), v = (o = o.prototype, Xg(o, n)), m = r.length - 1; m >= 0; m--)
     l = Kg(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[m])(v[h], l), i._ = 1, Zd(s) && (v[h] = s);
   return v && Vd(o, n, v), o;
-}, Gd = (e, t, n) => t.has(e) || ca("Cannot " + n), Qg = (e, t, n) => (Gd(e, t, "read from private field"), t.get(e)), e0 = (e, t, n) => t.has(e) ? ca("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), t0 = (e, t, n, r) => (Gd(e, t, "write to private field"), t.set(e, n), n), dr = class Ss {
+}, Gd = (e, t, n) => t.has(e) || ca("Cannot " + n), Qg = (e, t, n) => (Gd(e, t, "read from private field"), t.get(e)), ev = (e, t, n) => t.has(e) ? ca("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), tv = (e, t, n, r) => (Gd(e, t, "write to private field"), t.set(e, n), n), dr = class Ss {
   /**
    * @param {number} Coordinate of the point on the horizontal axis
    * @param {number} Coordinate of the point on the vertical axis
@@ -7211,10 +7211,10 @@ var Ug = Object.create, Vd = Object.defineProperty, Xg = Object.getOwnPropertyDe
   static from({ x: t, y: n }) {
     return new Ss(t, n);
   }
-}, Ud, Xd, ks, Mo, Kr, Fi = class extends (ks = un, Xd = [Re], Ud = [Re], ks) {
+}, Ud, Xd, ks, Mo, Kr, Fi = class extends (ks = un, Xd = [Pe], Ud = [Pe], ks) {
   constructor(t) {
     const n = dr.from(t);
-    super(n, (r, o) => dr.equals(r, o)), Jg(Kr, 5, this), e0(this, Mo, 0), this.velocity = { x: 0, y: 0 };
+    super(n, (r, o) => dr.equals(r, o)), Jg(Kr, 5, this), ev(this, Mo, 0), this.velocity = { x: 0, y: 0 };
   }
   get delta() {
     return dr.delta(this.current, this.initial);
@@ -7237,7 +7237,7 @@ var Ug = Object.create, Vd = Object.defineProperty, Xg = Object.getOwnPropertyDe
       y: r.y - n.y
     }, a = Date.now(), s = a - Qg(this, Mo), i = (l) => Math.round(l / s * 100);
     ln(() => {
-      t0(this, Mo, a), this.velocity = {
+      tv(this, Mo, a), this.velocity = {
         x: i(o.x),
         y: i(o.y)
       }, super.current = r;
@@ -7254,7 +7254,7 @@ Hd(Kr, 2, "direction", Ud, Fi);
 qg(Kr, Fi);
 var Yd = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(Yd || {});
 Object.values(Yd);
-const n0 = /* @__PURE__ */ new Map([
+const nv = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("path", { d: "M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z" }))
@@ -7285,7 +7285,7 @@ const n0 = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("path", { d: "M136,128a8,8,0,1,1-8-8A8,8,0,0,1,136,128Zm-76-8a8,8,0,1,0,8,8A8,8,0,0,0,60,120Zm136,0a8,8,0,1,0,8,8A8,8,0,0,0,196,120Z" }))
   ]
-]), r0 = /* @__PURE__ */ new Map([
+]), rv = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("path", { d: "M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,1,1-18-15.88,20,20,0,0,0,0-26.43,12,12,0,0,1,18-15.86A43.94,43.94,0,0,1,212,128Zm40,0a83.87,83.87,0,0,1-21.39,56,12,12,0,0,1-17.89-16,60,60,0,0,0,0-80,12,12,0,1,1,17.88-16A83.87,83.87,0,0,1,252,128Z" }))
@@ -7310,7 +7310,7 @@ const n0 = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("path", { d: "M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78Zm47-111.61a36,36,0,0,1,0,47.59,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28ZM244,128a75.88,75.88,0,0,1-19.35,50.67,4,4,0,0,1-6-5.34,68,68,0,0,0,0-90.66,4,4,0,0,1,6-5.34A75.88,75.88,0,0,1,244,128Z" }))
   ]
-]), o0 = /* @__PURE__ */ new Map([
+]), ov = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("path", { d: "M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,0,1-18-15.88,20,20,0,0,0,0-26.44,12,12,0,0,1,18-15.85A43.94,43.94,0,0,1,212,128Z" }))
@@ -7335,7 +7335,7 @@ const n0 = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("path", { d: "M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78ZM204,128a36,36,0,0,1-9,23.82,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28A36,36,0,0,1,204,128Z" }))
   ]
-]), a0 = /* @__PURE__ */ new Map([
+]), av = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
@@ -7366,7 +7366,7 @@ const n0 = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
   ]
-]), s0 = Ve({
+]), sv = Ve({
   color: "currentColor",
   size: "1em",
   weight: "regular",
@@ -7388,7 +7388,7 @@ const n0 = /* @__PURE__ */ new Map([
       weight: p = "regular",
       mirrored: d = !1,
       ...h
-    } = P.useContext(s0);
+    } = P.useContext(sv);
     return /* @__PURE__ */ P.createElement(
       "svg",
       {
@@ -7409,15 +7409,15 @@ const n0 = /* @__PURE__ */ new Map([
   }
 );
 qr.displayName = "IconBase";
-const jd = P.forwardRef((e, t) => /* @__PURE__ */ P.createElement(qr, { ref: t, ...e, weights: n0 }));
+const jd = P.forwardRef((e, t) => /* @__PURE__ */ P.createElement(qr, { ref: t, ...e, weights: nv }));
 jd.displayName = "DotsThreeIcon";
-const Kd = P.forwardRef((e, t) => /* @__PURE__ */ P.createElement(qr, { ref: t, ...e, weights: r0 }));
+const Kd = P.forwardRef((e, t) => /* @__PURE__ */ P.createElement(qr, { ref: t, ...e, weights: rv }));
 Kd.displayName = "SpeakerHighIcon";
-const qd = P.forwardRef((e, t) => /* @__PURE__ */ P.createElement(qr, { ref: t, ...e, weights: o0 }));
+const qd = P.forwardRef((e, t) => /* @__PURE__ */ P.createElement(qr, { ref: t, ...e, weights: ov }));
 qd.displayName = "SpeakerLowIcon";
-const Jd = P.forwardRef((e, t) => /* @__PURE__ */ P.createElement(qr, { ref: t, ...e, weights: a0 }));
+const Jd = P.forwardRef((e, t) => /* @__PURE__ */ P.createElement(qr, { ref: t, ...e, weights: av }));
 Jd.displayName = "XIcon";
-const i0 = Jd;
+const iv = Jd;
 O.span`
   font-family: 'Courier New', Monaco, monospace;
   font-size: 1rem;
@@ -7472,25 +7472,25 @@ O(Oi)`
   min-height: 1.75rem;
   font-size: ${(e) => e.theme.fontSizeSmall};
 `;
-var l0 = O.div`
+var lv = O.div`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-`, c0 = O.input`
+`, cv = O.input`
   cursor: pointer;
   accent-color: ${(e) => e.theme.inputFocusBorder};
 
   &:disabled {
     cursor: not-allowed;
   }
-`, u0 = O.label`
+`, uv = O.label`
   margin: 0;
   cursor: pointer;
   user-select: none;
   font-family: ${(e) => e.theme.fontFamily};
   font-size: ${(e) => e.theme.fontSize};
   color: ${(e) => e.theme.textColor};
-`, kt = O.button`
+`, xt = O.button`
   padding: 0.5rem 1rem;
   background: ${(e) => e.theme.buttonBackground || "#007bff"};
   color: ${(e) => e.theme.buttonText || "white"};
@@ -7547,7 +7547,7 @@ O(Qd)`
   padding: 0.25rem 0.5rem;
   font-size: ${(e) => e.theme.fontSizeSmall};
 `;
-var d0 = O.label`
+var dv = O.label`
   font-family: ${(e) => e.theme.fontFamily};
   font-size: ${(e) => e.theme.fontSizeSmall};
   font-weight: 500;
@@ -7564,7 +7564,7 @@ O.label`
   gap: 0.5rem;
   cursor: pointer;
 `;
-var f0 = O.span`
+var fv = O.span`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -7692,14 +7692,14 @@ var tf = O.input.attrs({ type: "range" })`
   &:disabled::-moz-range-thumb {
     cursor: not-allowed;
   }
-`, h0 = ({
+`, hv = ({
   checked: e,
   onChange: t,
   disabled: n = !1,
   className: r
-}) => /* @__PURE__ */ me(l0, { className: r, children: [
+}) => /* @__PURE__ */ me(lv, { className: r, children: [
   /* @__PURE__ */ k(
-    c0,
+    cv,
     {
       type: "checkbox",
       id: "automatic-scroll",
@@ -7711,7 +7711,7 @@ var tf = O.input.attrs({ type: "range" })`
       disabled: n
     }
   ),
-  /* @__PURE__ */ k(u0, { htmlFor: "automatic-scroll", children: "Automatic Scroll" })
+  /* @__PURE__ */ k(uv, { htmlFor: "automatic-scroll", children: "Automatic Scroll" })
 ] });
 function nf(e) {
   return typeof e == "object" && e !== null && "type" in e;
@@ -7792,7 +7792,7 @@ var rf = {
   fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif',
   fontSize: "14px",
   fontSizeSmall: "12px"
-}, p0 = class {
+}, pv = class {
   constructor(e) {
     this._listeners = /* @__PURE__ */ new Set(), this._notifyRafId = null, this.subscribe = (r) => (this._listeners.add(r), () => this._listeners.delete(r)), this.getSnapshot = () => this._state;
     const t = e?.clientWidth ?? (typeof window < "u" ? window.innerWidth : 1024), n = t * 1.5;
@@ -7824,10 +7824,10 @@ var rf = {
   cancelPendingNotification() {
     this._notifyRafId !== null && (cancelAnimationFrame(this._notifyRafId), this._notifyRafId = null);
   }
-}, of = Ve(null), m0 = () => () => {
-}, g0 = ({ containerRef: e, children: t }) => {
+}, of = Ve(null), mv = () => () => {
+}, gv = ({ containerRef: e, children: t }) => {
   const n = T(null);
-  n.current === null && (n.current = new p0(e.current));
+  n.current === null && (n.current = new pv(e.current));
   const r = n.current, o = T(null), a = $(() => {
     const i = e.current;
     i && r.update(i.scrollLeft, i.clientWidth);
@@ -7850,16 +7850,16 @@ var rf = {
     };
   }, [e, s, r]), /* @__PURE__ */ k(of.Provider, { value: r, children: t });
 };
-function v0(e) {
-  const t = Pe(of);
+function vv(e) {
+  const t = Fe(of);
   return Ah(
-    t ? t.subscribe : m0,
+    t ? t.subscribe : mv,
     () => e(t ? t.getSnapshot() : null),
     () => e(null)
   );
 }
 function ua(e, t, n = 0) {
-  const r = v0((o) => {
+  const r = vv((o) => {
     const a = Math.ceil(e / t), s = [];
     for (let i = 0; i < a; i++) {
       const l = i * t, c = Math.min(e - l, t);
@@ -7877,10 +7877,10 @@ function ua(e, t, n = 0) {
     [r]
   );
 }
-var af = Ve(0), y0 = ({
+var af = Ve(0), yv = ({
   originX: e,
   children: t
-}) => /* @__PURE__ */ k(af.Provider, { value: e, children: t }), Li = () => Pe(af);
+}) => /* @__PURE__ */ k(af.Provider, { value: e, children: t }), Li = () => Fe(af);
 function da() {
   const e = T(/* @__PURE__ */ new Map()), t = $((n) => {
     if (n !== null) {
@@ -7894,7 +7894,7 @@ function da() {
       o.isConnected || n.delete(r);
   }), { canvasRef: t, canvasMapRef: e };
 }
-function b0(e, t, n, r) {
+function bv(e, t, n, r) {
   if (n * 2 + 1 >= e.length)
     return null;
   const o = 2 ** (t - 1);
@@ -7905,17 +7905,17 @@ function b0(e, t, n, r) {
   }
   return { min: a, max: s };
 }
-function w0(e, t, n, r, o, a) {
+function wv(e, t, n, r, o, a) {
   const s = Math.abs(r * n), i = Math.abs(o * n);
   return a === "normal" ? [{ x: e, y: n - i, width: t, height: i + s }] : [
     { x: e, y: 0, width: t, height: n - i },
     { x: e, y: n + s, width: t, height: n - s }
   ];
 }
-function _0(e, t, n) {
+function _v(e, t, n) {
   return Math.floor((e - t + n) / n) * n;
 }
-function S0(e, t, n, r) {
+function Sv(e, t, n, r) {
   if (!nf(t))
     return t;
   let o;
@@ -7924,7 +7924,7 @@ function S0(e, t, n, r) {
     o.addColorStop(a.offset, a.color);
   return o;
 }
-var k0 = O.canvas.attrs((e) => ({
+var kv = O.canvas.attrs((e) => ({
   style: {
     width: `${e.$cssWidth}px`,
     height: `${e.$waveHeight}px`,
@@ -7936,7 +7936,7 @@ var k0 = O.canvas.attrs((e) => ({
   /* Disable image rendering interpolation */
   image-rendering: pixelated;
   image-rendering: crisp-edges;
-`, C0 = O.div.attrs((e) => ({
+`, Cv = O.div.attrs((e) => ({
   style: {
     top: `${e.$waveHeight * e.$index}px`,
     width: `${e.$cssWidth}px`,
@@ -7972,14 +7972,14 @@ var k0 = O.canvas.attrs((e) => ({
         x.resetTransform(), x.clearRect(0, 0, C.width, C.height), x.imageSmoothingEnabled = !1, x.scale(s, s);
         const R = C.width / s;
         let A;
-        d === "normal" ? A = c : A = l, x.fillStyle = S0(x, A, R, i);
-        const I = E, D = E + R, F = _0(I, u, _);
+        d === "normal" ? A = c : A = l, x.fillStyle = Sv(x, A, R, i);
+        const I = E, D = E + R, F = _v(I, u, _);
         for (let L = Math.max(0, F); L < D; L += _) {
           const H = L - I;
           if (H + u <= 0) continue;
-          const Q = Math.min(L + _, r), q = b0(t, n, L, Q);
+          const Q = Math.min(L + _, r), q = bv(t, n, L, Q);
           if (q) {
-            const oe = w0(H, u, M, q.min, q.max, d);
+            const oe = wv(H, u, M, q.min, q.max, d);
             for (const X of oe)
               x.fillRect(X.x, X.y, X.width, X.height);
           }
@@ -8004,7 +8004,7 @@ var k0 = O.canvas.attrs((e) => ({
   const y = m.map((_) => {
     const S = _ * Ze, C = Math.min(r - S, Ze);
     return /* @__PURE__ */ k(
-      k0,
+      kv,
       {
         $cssWidth: C,
         $left: S,
@@ -8018,7 +8018,7 @@ var k0 = O.canvas.attrs((e) => ({
     );
   }), b = p ? "transparent" : cn(c);
   return /* @__PURE__ */ k(
-    C0,
+    Cv,
     {
       $index: o,
       $cssWidth: r,
@@ -8028,7 +8028,7 @@ var k0 = O.canvas.attrs((e) => ({
       children: y
     }
   );
-}, x0 = {
+}, xv = {
   padding: "16px",
   background: "#1a1a2e",
   color: "#e0e0e0",
@@ -8052,7 +8052,7 @@ var k0 = O.canvas.attrs((e) => ({
     console.error("[waveform-playlist] Render error:", e, t.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ k("div", { style: x0, children: "Waveform playlist encountered an error. Check console for details." }) : this.props.children;
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ k("div", { style: xv, children: "Waveform playlist encountered an error. Check console for details." }) : this.props.children;
   }
 });
 var Bi = 22, sf = O.div`
@@ -8087,10 +8087,10 @@ var Bi = 22, sf = O.div`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`, E0 = ({
+`, Ev = ({
   trackName: e,
   isSelected: t = !1
-}) => /* @__PURE__ */ k(sf, { $interactive: !1, $isSelected: t, children: /* @__PURE__ */ k(lf, { title: e, children: e }) }), I0 = ({
+}) => /* @__PURE__ */ k(sf, { $interactive: !1, $isSelected: t, children: /* @__PURE__ */ k(lf, { title: e, children: e }) }), Iv = ({
   clipId: e,
   trackIndex: t,
   clipIndex: n,
@@ -8100,7 +8100,7 @@ var Bi = 22, sf = O.div`
   dragHandleProps: s
 }) => {
   if (a || !s)
-    return /* @__PURE__ */ k(E0, { trackName: r, isSelected: o });
+    return /* @__PURE__ */ k(Ev, { trackName: r, isSelected: o });
   const { handleRef: i } = s;
   return /* @__PURE__ */ k(
     sf,
@@ -8112,12 +8112,12 @@ var Bi = 22, sf = O.div`
       children: /* @__PURE__ */ k(lf, { title: r, children: r })
     }
   );
-}, A0 = 8, M0 = 24, T0 = O.div`
+}, Av = 8, Mv = 24, Tv = O.div`
   position: absolute;
   ${(e) => e.$edge === "left" ? "left: 0;" : "right: 0;"}
   top: 0;
   bottom: 0;
-  width: ${(e) => e.$touchOptimized ? M0 : A0}px;
+  width: ${(e) => e.$touchOptimized ? Mv : Av}px;
   cursor: col-resize;
   user-select: none;
   z-index: 105; /* Above waveform, below header */
@@ -8153,7 +8153,7 @@ var Bi = 22, sf = O.div`
     return null;
   const { ref: l, isDragging: c } = o;
   return /* @__PURE__ */ k(
-    T0,
+    Tv,
     {
       ref: l,
       "data-clip-id": e,
@@ -8166,7 +8166,7 @@ var Bi = 22, sf = O.div`
       onMouseLeave: () => i(!1)
     }
   );
-}, $0 = O.div.attrs((e) => ({
+}, $v = O.div.attrs((e) => ({
   style: {
     left: `${e.$left}px`,
     width: `${e.$width}px`
@@ -8177,14 +8177,14 @@ var Bi = 22, sf = O.div`
   bottom: 0;
   pointer-events: none;
   z-index: 50;
-`, D0 = O.svg`
+`, Dv = O.svg`
   width: 100%;
   height: 100%;
   display: block;
   /* Flip horizontally for fadeOut - makes it mirror of fadeIn */
   transform: ${(e) => e.$type === "fadeOut" ? "scaleX(-1)" : "none"};
 `;
-function R0(e, t, n = "logarithmic") {
+function Rv(e, t, n = "logarithmic") {
   const r = [], o = Math.max(20, Math.min(e, 100));
   for (let a = 0; a <= o; a++) {
     const s = a / o * e, i = a / o;
@@ -8219,8 +8219,8 @@ var rc = ({
   const a = Dh();
   if (t < 1) return null;
   const s = o || a?.fadeOverlayColor || "rgba(0, 0, 0, 0.4)";
-  return /* @__PURE__ */ k($0, { $left: e, $width: t, $type: n, children: /* @__PURE__ */ k(D0, { $type: n, viewBox: `0 0 ${t} 100`, preserveAspectRatio: "none", children: /* @__PURE__ */ k("path", { d: R0(t, 100, r), fill: s }) }) });
-}, P0 = O.div.attrs((e) => ({
+  return /* @__PURE__ */ k($v, { $left: e, $width: t, $type: n, children: /* @__PURE__ */ k(Dv, { $type: n, viewBox: `0 0 ${t} 100`, preserveAspectRatio: "none", children: /* @__PURE__ */ k("path", { d: Rv(t, 100, r), fill: s }) }) });
+}, Pv = O.div.attrs((e) => ({
   style: e.$isOverlay ? {} : {
     left: `${e.$left}px`,
     width: `${e.$width}px`
@@ -8234,7 +8234,7 @@ var rc = ({
   flex-direction: column;
   z-index: 10; /* Above progress overlay (z-index: 2) but below controls/playhead */
   pointer-events: none; /* Let clicks pass through to ClickOverlay for playhead positioning */
-`, F0 = O.div`
+`, Fv = O.div`
   flex: 1;
   position: relative;
   overflow: ${(e) => e.$isOverlay ? "visible" : "hidden"};
@@ -8280,7 +8280,7 @@ var rc = ({
     feedback: "none"
   });
   return /* @__PURE__ */ me(
-    P0,
+    Pv,
     {
       ref: E,
       style: M ? { zIndex: 100 } : void 0,
@@ -8294,7 +8294,7 @@ var rc = ({
       tabIndex: -1,
       children: [
         c && /* @__PURE__ */ k(
-          I0,
+          Iv,
           {
             clipId: n,
             trackIndex: r,
@@ -8305,7 +8305,7 @@ var rc = ({
             dragHandleProps: S ? { handleRef: x } : void 0
           }
         ),
-        /* @__PURE__ */ k(y0, { originX: b, children: /* @__PURE__ */ me(F0, { $isOverlay: f, children: [
+        /* @__PURE__ */ k(yv, { originX: b, children: /* @__PURE__ */ me(Fv, { $isOverlay: f, children: [
           e,
           y && g && g.duration > 0 && /* @__PURE__ */ k(
             rc,
@@ -8359,16 +8359,16 @@ var rc = ({
       ]
     }
   );
-}, O0 = O.div`
+}, Ov = O.div`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-`, L0 = O(d0)`
+`, Lv = O(dv)`
   margin: 0;
   white-space: nowrap;
-`, B0 = O(tf)`
+`, Bv = O(tf)`
   width: 120px;
-`, W0 = ({
+`, Wv = ({
   volume: e,
   onChange: t,
   disabled: n = !1,
@@ -8377,10 +8377,10 @@ var rc = ({
   const o = (a) => {
     t(parseFloat(a.target.value) / 100);
   };
-  return /* @__PURE__ */ me(O0, { className: r, children: [
-    /* @__PURE__ */ k(L0, { htmlFor: "master-gain", children: "Master Volume" }),
+  return /* @__PURE__ */ me(Ov, { className: r, children: [
+    /* @__PURE__ */ k(Lv, { htmlFor: "master-gain", children: "Master Volume" }),
     /* @__PURE__ */ k(
-      B0,
+      Bv,
       {
         min: "0",
         max: "100",
@@ -8391,7 +8391,7 @@ var rc = ({
       }
     )
   ] });
-}, V0 = O.canvas.attrs((e) => ({
+}, Vv = O.canvas.attrs((e) => ({
   style: {
     width: `${e.$cssWidth}px`,
     height: `${e.$waveHeight}px`,
@@ -8402,7 +8402,7 @@ var rc = ({
   top: 0;
   image-rendering: pixelated;
   image-rendering: crisp-edges;
-`, N0 = O.div.attrs((e) => ({
+`, Nv = O.div.attrs((e) => ({
   style: {
     top: `${e.$waveHeight * e.$index}px`,
     width: `${e.$cssWidth}px`,
@@ -8413,7 +8413,7 @@ var rc = ({
   background: ${(e) => e.$backgroundColor};
   transform: translateZ(0);
   backface-visibility: hidden;
-`, z0 = ({
+`, zv = ({
   index: e,
   midiNotes: t,
   length: n,
@@ -8470,7 +8470,7 @@ var rc = ({
   const b = v.map((S) => {
     const C = S * Ze, E = Math.min(n - C, Ze);
     return /* @__PURE__ */ k(
-      V0,
+      Vv,
       {
         $cssWidth: E,
         $left: C,
@@ -8483,7 +8483,7 @@ var rc = ({
       `${n}-${S}`
     );
   });
-  return /* @__PURE__ */ k(N0, { $index: e, $cssWidth: n, $waveHeight: r, $backgroundColor: f ? "transparent" : p, children: b });
+  return /* @__PURE__ */ k(Nv, { $index: e, $cssWidth: n, $waveHeight: r, $backgroundColor: f ? "transparent" : p, children: b });
 };
 O.div.attrs((e) => ({
   style: {
@@ -8527,42 +8527,42 @@ O.div`
   height: 100%;
   background: ${(e) => e.$color};
 `;
-var Z0 = O.div`
+var Zv = O.div`
   display: flex;
   overflow-y: hidden;
   position: relative;
-`, H0 = O.div.attrs((e) => ({
+`, Hv = O.div.attrs((e) => ({
   style: { width: `${e.$width}px` }
 }))`
   flex-shrink: 0;
   overflow: hidden;
-`, G0 = O.div.attrs((e) => ({
+`, Gv = O.div.attrs((e) => ({
   style: { height: `${e.$height}px` }
-}))``, U0 = O.div`
+}))``, Uv = O.div`
   overflow-x: auto;
   overflow-y: hidden;
   overflow-anchor: none;
   flex: 1;
   position: relative;
-`, X0 = O.div.attrs((e) => ({
+`, Xv = O.div.attrs((e) => ({
   style: e.$width !== void 0 ? { width: `${e.$width}px` } : {}
 }))`
   position: relative;
   background: ${(e) => e.$backgroundColor || "transparent"};
-`, Y0 = O.div.attrs((e) => ({
+`, Yv = O.div.attrs((e) => ({
   style: e.$width ? { minWidth: `${e.$width}px` } : {}
 }))`
   background: ${(e) => e.$backgroundColor || "white"};
   width: 100%;
   position: relative;
   overflow: hidden; /* Constrain loop region to timescale area */
-`, j0 = O.div.attrs((e) => ({
+`, jv = O.div.attrs((e) => ({
   style: e.$width !== void 0 ? { minWidth: `${e.$width}px` } : {}
 }))`
   position: relative;
   background: ${(e) => e.$backgroundColor || "transparent"};
   width: 100%;
-`, K0 = O.div`
+`, Kv = O.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -8595,17 +8595,17 @@ var Z0 = O.div`
     },
     [f]
   ), y = s !== void 0 && s > 0;
-  return /* @__PURE__ */ me(Z0, { "data-playlist-state": d, children: [
-    y && /* @__PURE__ */ me(H0, { $width: s, children: [
-      g > 0 && /* @__PURE__ */ k(G0, { $height: g }),
+  return /* @__PURE__ */ me(Zv, { "data-playlist-state": d, children: [
+    y && /* @__PURE__ */ me(Hv, { $width: s, children: [
+      g > 0 && /* @__PURE__ */ k(Gv, { $height: g }),
       h
     ] }),
-    /* @__PURE__ */ k(U0, { "data-scroll-container": "true", ref: m, children: /* @__PURE__ */ k(g0, { containerRef: v, children: /* @__PURE__ */ me(X0, { $backgroundColor: t, $width: a, children: [
-      r && /* @__PURE__ */ k(Y0, { $width: o, $backgroundColor: n, children: r }),
-      /* @__PURE__ */ me(j0, { $width: a, $backgroundColor: t, children: [
+    /* @__PURE__ */ k(Uv, { "data-scroll-container": "true", ref: m, children: /* @__PURE__ */ k(gv, { containerRef: v, children: /* @__PURE__ */ me(Xv, { $backgroundColor: t, $width: a, children: [
+      r && /* @__PURE__ */ k(Yv, { $width: o, $backgroundColor: n, children: r }),
+      /* @__PURE__ */ me(jv, { $width: a, $backgroundColor: t, children: [
         e,
         (i || l) && /* @__PURE__ */ k(
-          K0,
+          Kv,
           {
             $isSelecting: p,
             onClick: i,
@@ -8619,7 +8619,7 @@ var Z0 = O.div`
   ] });
 };
 xc(Wi);
-var q0 = O.div.attrs((e) => ({
+var qv = O.div.attrs((e) => ({
   style: {
     left: `${e.$left}px`,
     width: `${e.$width}px`
@@ -8638,7 +8638,7 @@ var q0 = O.div.attrs((e) => ({
   color: n = "#00ff00"
 }) => {
   const r = Math.max(0, t - e);
-  return r <= 0 ? null : /* @__PURE__ */ k(q0, { $left: e, $width: r, $color: n, "data-selection": !0 });
+  return r <= 0 ? null : /* @__PURE__ */ k(qv, { $left: e, $width: r, $color: n, "data-selection": !0 });
 };
 O.div.attrs((e) => ({
   style: {
@@ -8719,7 +8719,7 @@ var oc = O.div.attrs((e) => ({
   &:hover::before {
     opacity: 1;
   }
-`, J0 = O.div.attrs((e) => ({
+`, Jv = O.div.attrs((e) => ({
   style: {
     left: `${e.$left}px`,
     width: `${e.$width}px`
@@ -8735,7 +8735,7 @@ var oc = O.div.attrs((e) => ({
   &:active {
     cursor: grabbing;
   }
-`, Q0 = ({
+`, Qv = ({
   startPosition: e,
   endPosition: t,
   markerColor: n = "#3b82f6",
@@ -8780,7 +8780,7 @@ var oc = O.div.attrs((e) => ({
   );
   return h <= 0 ? null : /* @__PURE__ */ me(zt, { children: [
     /* @__PURE__ */ k(
-      J0,
+      Jv,
       {
         $left: e,
         $width: h,
@@ -8813,7 +8813,7 @@ var oc = O.div.attrs((e) => ({
       }
     )
   ] });
-}, ev = O.div`
+}, e0 = O.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -8821,7 +8821,7 @@ var oc = O.div.attrs((e) => ({
   height: 100%; /* Stay within timescale bounds, don't extend into tracks */
   cursor: crosshair;
   z-index: 40; /* Below markers and shading */
-`, tv = ({
+`, t0 = ({
   startPosition: e,
   endPosition: t,
   markerColor: n = "#3b82f6",
@@ -8851,13 +8851,13 @@ var oc = O.div.attrs((e) => ({
     [a, s, o]
   );
   return /* @__PURE__ */ k(
-    ev,
+    e0,
     {
       ref: c,
       onMouseDown: f,
       "data-timescale-loop-creator": !0,
       children: u && /* @__PURE__ */ k(
-        Q0,
+        Qv,
         {
           startPosition: e,
           endPosition: t,
@@ -8928,7 +8928,7 @@ var ac = ({
     const p = Xn(n, r);
     l(p);
   }, [n, r, e]), /* @__PURE__ */ me(zt, { children: [
-    /* @__PURE__ */ k(f0, { as: "label", htmlFor: e, children: t }),
+    /* @__PURE__ */ k(fv, { as: "label", htmlFor: e, children: t }),
     /* @__PURE__ */ k(
       Qd,
       {
@@ -8954,7 +8954,7 @@ var ac = ({
       }
     )
   ] });
-}, nv = ({
+}, n0 = ({
   selectionStart: e,
   selectionEnd: t,
   onSelectionChange: n,
@@ -8996,9 +8996,9 @@ var ac = ({
       }
     )
   ] });
-}, rv = Ve(null);
+}, r0 = Ve(null);
 function df() {
-  return Pe(rv);
+  return Fe(r0);
 }
 function To() {
   return window.devicePixelRatio;
@@ -9012,7 +9012,7 @@ var ff = Ve(To()), hf = ({ children: e }) => {
     },
     { once: !0 }
   ), /* @__PURE__ */ k(ff.Provider, { value: Math.ceil(t), children: e });
-}, Vi = () => Pe(ff), Jr = Ve({
+}, Vi = () => Fe(ff), Jr = Ve({
   sampleRate: 48e3,
   samplesPerPixel: 1e3,
   zoomLevels: [1e3, 1500, 2e3, 2500],
@@ -9025,15 +9025,15 @@ var ff = Ve(To()), hf = ({ children: e }) => {
   duration: 3e4,
   barWidth: 1,
   barGap: 0
-}), fa = () => Pe(Jr), Qr = () => Pe($h);
+}), fa = () => Fe(Jr), Qr = () => Fe($h);
 Ve(/* @__PURE__ */ k(Mh, {}));
-var ov = 0, av = !1, sv = 0, iv = 0, lv = {
-  progress: ov,
-  isPlaying: av,
-  selectionStart: sv,
-  selectionEnd: iv
+var o0 = 0, a0 = !1, s0 = 0, i0 = 0, l0 = {
+  progress: o0,
+  isPlaying: a0,
+  selectionStart: s0,
+  selectionEnd: i0
 };
-Ve(lv);
+Ve(l0);
 Ve({
   setIsPlaying: () => {
   },
@@ -9042,7 +9042,7 @@ Ve({
   setSelection: () => {
   }
 });
-var cv = (e, t, n) => (e - t) / (n - t), uv = O.div.attrs((e) => ({
+var c0 = (e, t, n) => (e - t) / (n - t), u0 = O.div.attrs((e) => ({
   style: {
     top: `${e.$waveHeight * e.$index}px`,
     width: `${e.$cssWidth}px`,
@@ -9053,7 +9053,7 @@ var cv = (e, t, n) => (e - t) / (n - t), uv = O.div.attrs((e) => ({
   background: #000;
   transform: translateZ(0);
   backface-visibility: hidden;
-`, dv = O.canvas.attrs((e) => ({
+`, d0 = O.canvas.attrs((e) => ({
   style: {
     width: `${e.$cssWidth}px`,
     height: `${e.$waveHeight}px`,
@@ -9065,13 +9065,13 @@ var cv = (e, t, n) => (e - t) / (n - t), uv = O.div.attrs((e) => ({
   image-rendering: pixelated;
   image-rendering: crisp-edges;
 `;
-function fv() {
+function f0() {
   const e = new Uint8Array(768);
   for (let t = 0; t < 256; t++)
     e[t * 3] = e[t * 3 + 1] = e[t * 3 + 2] = t;
   return e;
 }
-var hv = fv(), sc = ({
+var h0 = f0(), sc = ({
   index: e,
   channelIndex: t,
   data: n,
@@ -9087,7 +9087,7 @@ var hv = fv(), sc = ({
   clipId: p,
   onCanvasesReady: d
 }) => {
-  const h = t ?? e, { canvasRef: g, canvasMapRef: v } = da(), m = T([]), y = T(/* @__PURE__ */ new WeakSet()), w = T(f), b = T(d), _ = !!(f && p), S = Li(), C = ua(r, Ze, S), E = i ?? hv, x = u ?? (n ? n.sampleRate / 2 : 22050), M = l ?? cv, R = !!l;
+  const h = t ?? e, { canvasRef: g, canvasMapRef: v } = da(), m = T([]), y = T(/* @__PURE__ */ new WeakSet()), w = T(f), b = T(d), _ = !!(f && p), S = Li(), C = ua(r, Ze, S), E = i ?? h0, x = u ?? (n ? n.sampleRate / 2 : 22050), M = l ?? c0, R = !!l;
   K(() => {
     w.current = f;
   }, [f]), K(() => {
@@ -9167,15 +9167,15 @@ var hv = fv(), sc = ({
     for (const [X, ee] of v.current.entries()) {
       const ie = X * Ze, fe = ee.getContext("2d");
       if (!fe) continue;
-      const he = ee.width / a, De = o;
+      const he = ee.width / a, Re = o;
       fe.resetTransform(), fe.clearRect(0, 0, ee.width, ee.height), fe.imageSmoothingEnabled = !1, fe.scale(a, a);
-      const Z = fe.createImageData(he, De), Y = Z.data;
+      const Z = fe.createImageData(he, Re), Y = Z.data;
       for (let _e = 0; _e < he; _e++) {
         const te = (ie + _e) * s, Me = Math.floor(te / F);
         if (Me < 0 || Me >= D) continue;
         const B = Me * I;
-        for (let Oe = 0; Oe < De; Oe++) {
-          const st = 1 - Oe / De;
+        for (let Oe = 0; Oe < Re; Oe++) {
+          const st = 1 - Oe / Re;
           let Ge = Math.floor(st * I);
           if (R) {
             let xe = 0, Ne = I - 1;
@@ -9192,7 +9192,7 @@ var hv = fv(), sc = ({
       }
       if (fe.resetTransform(), fe.putImageData(Z, 0, 0), a !== 1) {
         const _e = document.createElement("canvas");
-        _e.width = he, _e.height = De;
+        _e.width = he, _e.height = Re;
         const G = _e.getContext("2d");
         if (!G) continue;
         G.putImageData(Z, 0, 0), fe.clearRect(0, 0, ee.width, ee.height), fe.imageSmoothingEnabled = !1, fe.drawImage(_e, 0, 0, ee.width, ee.height);
@@ -9216,7 +9216,7 @@ var hv = fv(), sc = ({
   const A = C.map((I) => {
     const D = I * Ze, F = Math.min(r - D, Ze);
     return /* @__PURE__ */ k(
-      dv,
+      d0,
       {
         $cssWidth: F,
         $left: D,
@@ -9229,7 +9229,7 @@ var hv = fv(), sc = ({
       `${r}-${I}`
     );
   });
-  return /* @__PURE__ */ k(uv, { $index: e, $cssWidth: r, $waveHeight: o, children: A });
+  return /* @__PURE__ */ k(u0, { $index: e, $cssWidth: r, $waveHeight: o, children: A });
 }, pf = ({
   isSelected: e,
   transparentBackground: t,
@@ -9325,7 +9325,7 @@ var hv = fv(), sc = ({
     ] });
   }
   return n === "piano-roll" ? /* @__PURE__ */ k(
-    z0,
+    zv,
     {
       index: g.index,
       midiNotes: p ?? [],
@@ -9355,7 +9355,7 @@ var hv = fv(), sc = ({
       drawMode: M
     }
   );
-}, ic = 72, pv = O.div`
+}, ic = 72, p0 = O.div`
   position: sticky;
   left: 0;
   z-index: 101;
@@ -9364,7 +9364,7 @@ var hv = fv(), sc = ({
   width: 0;
   overflow: visible;
 `;
-function mv(e, t, n) {
+function m0(e, t, n) {
   const o = [
     20,
     50,
@@ -9388,7 +9388,7 @@ function mv(e, t, n) {
     i.push(o[Math.round(l * s)]);
   return i;
 }
-var gv = ({
+var g0 = ({
   waveHeight: e,
   numChannels: t,
   frequencyScaleFn: n,
@@ -9406,7 +9406,7 @@ var gv = ({
     const g = h.getContext("2d");
     if (!g) return;
     g.resetTransform(), g.clearRect(0, 0, h.width, h.height), g.scale(u, u);
-    const v = mv(r, o, f);
+    const v = m0(r, o, f);
     for (let m = 0; m < t; m++) {
       const y = m * e + d;
       g.font = "11px monospace", g.textBaseline = "middle";
@@ -9428,7 +9428,7 @@ var gv = ({
     u,
     f,
     d
-  ]), /* @__PURE__ */ k(pv, { $height: p + d, children: /* @__PURE__ */ k(
+  ]), /* @__PURE__ */ k(p0, { $height: p + d, children: /* @__PURE__ */ k(
     "canvas",
     {
       ref: c,
@@ -9441,7 +9441,7 @@ var gv = ({
       }
     }
   ) });
-}, vv = O.div.attrs((e) => ({
+}, v0 = O.div.attrs((e) => ({
   style: {
     width: `${e.$cssWidth}px`,
     height: `${e.$timeScaleHeight}px`
@@ -9451,7 +9451,7 @@ var gv = ({
   overflow: visible; /* Allow time labels to render above the container */
   border-bottom: 1px solid ${(e) => e.theme.timeColor};
   box-sizing: border-box;
-`, yv = O.canvas.attrs((e) => ({
+`, y0 = O.canvas.attrs((e) => ({
   style: {
     width: `${e.$cssWidth}px`,
     height: `${e.$timeScaleHeight}px`,
@@ -9460,14 +9460,14 @@ var gv = ({
 }))`
   position: absolute;
   bottom: 0;
-`, bv = (e) => {
+`, b0 = (e) => {
   const {
     theme: { timeColor: t },
     tickData: n
-  } = e, { canvasRef: r, canvasMapRef: o } = da(), { timeScaleHeight: a } = Pe(Jr), s = Vi(), { widthX: i, canvasInfo: l, timeMarkersWithPositions: c } = n, u = ua(i, Ze), f = u.map((g) => {
+  } = e, { canvasRef: r, canvasMapRef: o } = da(), { timeScaleHeight: a } = Fe(Jr), s = Vi(), { widthX: i, canvasInfo: l, timeMarkersWithPositions: c } = n, u = ua(i, Ze), f = u.map((g) => {
     const v = g * Ze, m = Math.min(i - v, Ze);
     return /* @__PURE__ */ k(
-      yv,
+      y0,
       {
         $cssWidth: m,
         $left: v,
@@ -9492,11 +9492,11 @@ var gv = ({
         m.fillRect(S, C, 1, _);
       }
     }
-  }, [o, s, t, a, l, u]), /* @__PURE__ */ me(vv, { $cssWidth: i, $timeScaleHeight: a, children: [
+  }, [o, s, t, a, l, u]), /* @__PURE__ */ me(v0, { $cssWidth: i, $timeScaleHeight: a, children: [
     h,
     f
   ] });
-}, wv = xc(bv), lc = /* @__PURE__ */ new Map([
+}, w0 = xc(b0), lc = /* @__PURE__ */ new Map([
   [700, { marker: 1e3, bigStep: 500, smallStep: 100 }],
   [1500, { marker: 2e3, bigStep: 1e3, smallStep: 200 }],
   [2500, { marker: 2e3, bigStep: 1e3, smallStep: 500 }],
@@ -9515,11 +9515,11 @@ function xs(e) {
     }
   return n === void 0 && (n = { marker: 3e4, bigStep: 1e4, smallStep: 5e3 }), n;
 }
-function _v(e) {
+function _0(e) {
   const t = Math.floor(e / 1e3), n = t % 60;
   return `${(t - n) / 60}:${String(n).padStart(2, "0")}`;
 }
-var Sv = O.div.attrs((e) => ({
+var S0 = O.div.attrs((e) => ({
   style: {
     left: `${e.$left + 4}px`
     // Offset 4px to the right of the tick
@@ -9530,7 +9530,7 @@ var Sv = O.div.attrs((e) => ({
   white-space: nowrap; /* Prevent text wrapping */
   color: ${(e) => e.theme.timeColor}; /* Use theme color instead of inheriting */
 `, mf = ({ renderTick: e }) => {
-  const { samplesPerPixel: t, sampleRate: n, duration: r, timeScaleHeight: o } = Pe(Jr), a = df(), s = Ce(() => {
+  const { samplesPerPixel: t, sampleRate: n, duration: r, timeScaleHeight: o } = Fe(Jr), a = df(), s = Ce(() => {
     const i = Oh(r / 1e3, t, n);
     if (a && a.scaleMode === "beats") {
       const { bpm: v, timeSignature: m, ticksPerBar: y, ticksPerBeat: w } = a, b = /* @__PURE__ */ new Map(), _ = [], S = r / 1e3, C = Math.ceil(S * v * er / 60), E = Gn(w, v, n) / t, x = Gn(y, v, n) / t, M = 10, R = 30;
@@ -9580,31 +9580,31 @@ var Sv = O.div.attrs((e) => ({
     for (let v = 0; v < i; v += h * f / 1e3) {
       const m = Math.floor(v);
       if (g % c === 0) {
-        const y = _v(g), w = e ? /* @__PURE__ */ k(at.Fragment, { children: e(y, m) }, `timestamp-${g}`) : /* @__PURE__ */ k(Sv, { $left: m, children: y }, y);
+        const y = _0(g), w = e ? /* @__PURE__ */ k(at.Fragment, { children: e(y, m) }, `timestamp-${g}`) : /* @__PURE__ */ k(S0, { $left: m, children: y }, y);
         d.push({ pix: m, element: w }), p.set(m, o);
       } else g % u === 0 ? p.set(m, Math.floor(o / 2)) : g % f === 0 && p.set(m, Math.floor(o / 5));
       g += f;
     }
     return { widthX: i, canvasInfo: p, timeMarkersWithPositions: d };
   }, [a, r, t, n, o, e]);
-  return /* @__PURE__ */ k(wv, { tickData: s });
-}, kv = O.div`
+  return /* @__PURE__ */ k(w0, { tickData: s });
+}, k0 = O.div`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-`, Cv = [
+`, C0 = [
   { value: "seconds", label: "seconds" },
   { value: "thousandths", label: "thousandths" },
   { value: "hh:mm:ss", label: "hh:mm:ss" },
   { value: "hh:mm:ss.u", label: "hh:mm:ss + tenths" },
   { value: "hh:mm:ss.uu", label: "hh:mm:ss + hundredths" },
   { value: "hh:mm:ss.uuu", label: "hh:mm:ss + milliseconds" }
-], xv = ({
+], x0 = ({
   value: e,
   onChange: t,
   disabled: n = !1,
   className: r
-}) => /* @__PURE__ */ k(kv, { className: r, children: /* @__PURE__ */ k(
+}) => /* @__PURE__ */ k(k0, { className: r, children: /* @__PURE__ */ k(
   ef,
   {
     className: "time-format",
@@ -9614,16 +9614,16 @@ var Sv = O.div.attrs((e) => ({
     },
     disabled: n,
     "aria-label": "Time format selection",
-    children: Cv.map((a) => /* @__PURE__ */ k("option", { value: a.value, children: a.label }, a.value))
+    children: C0.map((a) => /* @__PURE__ */ k("option", { value: a.value, children: a.label }, a.value))
   }
-) }), Ev = O.div.attrs((e) => ({
+) }), E0 = O.div.attrs((e) => ({
   style: {
     height: `${e.$waveHeight * e.$numChannels + (e.$hasClipHeaders ? Bi : 0)}px`
   }
 }))`
   position: relative;
   ${(e) => e.$width !== void 0 && `width: ${e.$width}px;`}
-`, Iv = O.div.attrs((e) => ({
+`, I0 = O.div.attrs((e) => ({
   style: {
     paddingLeft: `${e.$offset || 0}px`
   }
@@ -9645,7 +9645,7 @@ var Sv = O.div.attrs((e) => ({
 }) => {
   const { waveHeight: u } = fa();
   return /* @__PURE__ */ k(
-    Ev,
+    E0,
     {
       $numChannels: e,
       className: n,
@@ -9653,7 +9653,7 @@ var Sv = O.div.attrs((e) => ({
       $width: a,
       $hasClipHeaders: s,
       children: /* @__PURE__ */ k(
-        Iv,
+        I0,
         {
           $backgroundColor: r,
           $offset: o,
@@ -9728,7 +9728,7 @@ var Sv = O.div.attrs((e) => ({
           box-shadow: 0 0 0 0.2rem ${e.theme.inputFocusBorder}33;
         }
       `}
-`, Av = O.div`
+`, A0 = O.div`
   margin-bottom: 0.3rem;
 
   button:not(:first-child) {
@@ -9740,7 +9740,7 @@ var Sv = O.div.attrs((e) => ({
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
-`, Mv = O.button`
+`, M0 = O.button`
   position: absolute;
   left: 0;
   top: 0;
@@ -9762,7 +9762,7 @@ var Sv = O.div.attrs((e) => ({
     opacity: 1;
     color: #dc3545;
   }
-`, Tv = ({ onClick: e, title: t = "Remove track" }) => /* @__PURE__ */ k(Mv, { onClick: e, title: t, children: /* @__PURE__ */ k(i0, { size: 12, weight: "bold" }) }), $v = O.div`
+`, T0 = ({ onClick: e, title: t = "Remove track" }) => /* @__PURE__ */ k(M0, { onClick: e, title: t, children: /* @__PURE__ */ k(iv, { size: 12, weight: "bold" }) }), $0 = O.div`
   background: transparent;
   width: 100%;
   height: 100%;
@@ -9775,7 +9775,7 @@ var Sv = O.div.attrs((e) => ({
   text-align: center;
   border: 1px solid ${(e) => e.theme.borderColor};
   border-radius: ${(e) => e.theme.borderRadius};
-`, Dv = O.header`
+`, D0 = O.header`
   overflow: hidden;
   height: 26px;
   width: 100%;
@@ -9786,7 +9786,7 @@ var Sv = O.div.attrs((e) => ({
   font-size: ${(e) => e.theme.fontSizeSmall};
   color: ${(e) => e.theme.textColor};
   background-color: transparent;
-`, Rv = (e) => /* @__PURE__ */ k(qd, { weight: "light", ...e }), Pv = (e) => /* @__PURE__ */ k(Kd, { weight: "light", ...e }), Fv = (e) => /* @__PURE__ */ k(jd, { weight: "bold", ...e }), uc = O(tf)`
+`, R0 = (e) => /* @__PURE__ */ k(qd, { weight: "light", ...e }), P0 = (e) => /* @__PURE__ */ k(Kd, { weight: "light", ...e }), F0 = (e) => /* @__PURE__ */ k(jd, { weight: "bold", ...e }), uc = O(tf)`
   width: 75%;
   height: 5px;
   background: ${(e) => e.theme.sliderTrackColor};
@@ -9843,10 +9843,10 @@ var Sv = O.div.attrs((e) => ({
   padding: 0 1rem;
   margin-bottom: 0.2rem;
   font-size: 14px;
-`, Ov = O.div`
+`, O0 = O.div`
   position: relative;
   display: inline-block;
-`, Lv = O.button`
+`, L0 = O.button`
   background: none;
   border: none;
   cursor: pointer;
@@ -9860,7 +9860,7 @@ var Sv = O.div.attrs((e) => ({
   &:hover {
     opacity: 1;
   }
-`, $o = 180, Bv = O.div`
+`, $o = 180, B0 = O.div`
   position: fixed;
   top: ${(e) => e.$top}px;
   left: ${(e) => e.$left}px;
@@ -9872,11 +9872,11 @@ var Sv = O.div.attrs((e) => ({
   padding: 0.5rem 0;
   min-width: ${$o}px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-`, Wv = O.hr`
+`, W0 = O.hr`
   border: none;
   border-top: 1px solid rgba(128, 128, 128, 0.3);
   margin: 0.35rem 0;
-`, Vv = ({ items: e }) => {
+`, V0 = ({ items: e }) => {
   const [t, n] = z(!1), r = $(() => n(!1), []), o = typeof e == "function" ? e(r) : e, [a, s] = z({ top: 0, left: 0 }), i = T(null), l = T(null), c = $(() => {
     if (!i.current) return;
     const u = i.current.getBoundingClientRect(), f = window.innerWidth, p = window.innerHeight, d = l.current?.offsetHeight ?? 160;
@@ -9903,9 +9903,9 @@ var Sv = O.div.attrs((e) => ({
     return document.addEventListener("mousedown", u), document.addEventListener("keydown", f), () => {
       document.removeEventListener("mousedown", u), document.removeEventListener("keydown", f);
     };
-  }, [t]), /* @__PURE__ */ me(Ov, { children: [
+  }, [t]), /* @__PURE__ */ me(O0, { children: [
     /* @__PURE__ */ k(
-      Lv,
+      L0,
       {
         ref: i,
         onClick: (u) => {
@@ -9914,19 +9914,19 @@ var Sv = O.div.attrs((e) => ({
         onMouseDown: (u) => u.stopPropagation(),
         title: "Track menu",
         "aria-label": "Track menu",
-        children: /* @__PURE__ */ k(Fv, { size: 16 })
+        children: /* @__PURE__ */ k(F0, { size: 16 })
       }
     ),
     t && typeof document < "u" && Ic(
       /* @__PURE__ */ k(
-        Bv,
+        B0,
         {
           ref: l,
           $top: a.top,
           $left: a.left,
           onMouseDown: (u) => u.stopPropagation(),
           children: o.map((u, f) => /* @__PURE__ */ me(at.Fragment, { children: [
-            f > 0 && /* @__PURE__ */ k(Wv, {}),
+            f > 0 && /* @__PURE__ */ k(W0, {}),
             u.content
           ] }, u.id))
         }
@@ -9964,17 +9964,17 @@ Dn.prototype.max_array = function() {
     t.push(this.max_sample(n));
   return t;
 };
-var Nv = 127, zv = -128, Zv = 32767, Hv = -32768;
-function Gv(e, t) {
+var N0 = 127, z0 = -128, Z0 = 32767, H0 = -32768;
+function G0(e, t) {
   var n = Math.floor(e / t), r = e - n * t;
   return r > 0 && n++, n;
 }
-function Uv(e) {
+function U0(e) {
   for (var t = e.scale, n = e.amplitude_scale, r = e.split_channels, o = e.length, a = e.sample_rate, s = e.channels.map(function(R) {
     return new Float32Array(R);
-  }), i = r ? s.length : 1, l = 24, c = Gv(o, t), u = e.bits === 8 ? 1 : 2, f = l + c * 2 * u * i, p = new ArrayBuffer(f), d = new DataView(p), h = 0, g = l, v = new Array(i), m = new Array(i), y = 0; y < i; y++)
+  }), i = r ? s.length : 1, l = 24, c = G0(o, t), u = e.bits === 8 ? 1 : 2, f = l + c * 2 * u * i, p = new ArrayBuffer(f), d = new DataView(p), h = 0, g = l, v = new Array(i), m = new Array(i), y = 0; y < i; y++)
     v[y] = 1 / 0, m[y] = -1 / 0;
-  var w = e.bits === 8 ? zv : Hv, b = e.bits === 8 ? Nv : Zv;
+  var w = e.bits === 8 ? z0 : H0, b = e.bits === 8 ? N0 : Z0;
   d.setInt32(0, 2, !0), d.setUint32(4, e.bits === 8, !0), d.setInt32(8, a, !0), d.setInt32(12, t, !0), d.setInt32(16, c, !0), d.setInt32(20, i, !0);
   for (var _ = 0; _ < o; _++) {
     var S = 0;
@@ -10004,10 +10004,10 @@ function Yo(e) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, Yo(e);
 }
-function Xv(e) {
+function X0(e) {
   return e && Yo(e) === "object" && "sample_rate" in e && "samples_per_pixel" in e && "bits" in e && "length" in e && "data" in e;
 }
-function Yv(e) {
+function Y0(e) {
   var t = e && Yo(e) === "object" && "byteLength" in e;
   if (t) {
     var n = new DataView(e), r = n.getInt32(0, !0);
@@ -10016,7 +10016,7 @@ function Yv(e) {
   }
   return t;
 }
-function jv(e) {
+function j0(e) {
   var t = e.data, n = e.channels || 1, r = 24, o = e.bits === 8 ? 1 : 2, a = e.length * 2 * n;
   if (t.length !== a)
     throw new Error("WaveformData.create(): Length mismatch in JSON waveform data");
@@ -10034,24 +10034,24 @@ function jv(e) {
 function Ln(e) {
   return e == null;
 }
-function Kv(e, t) {
+function K0(e, t) {
   var n = atob(e);
   return n;
 }
-function qv(e, t, n) {
-  var r = Kv(e), o = r.indexOf(`
+function q0(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 Jv(e, t, n) {
+function J0(e, t, n) {
   var r;
   return function(a) {
-    return r = r || qv(e), new Worker(r, a);
+    return r = r || q0(e), new Worker(r, a);
   };
 }
-var Qv = /* @__PURE__ */ Jv("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");
-function _t(e) {
-  if (Xv(e) && (e = jv(e)), Yv(e)) {
+var Q0 = /* @__PURE__ */ J0("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");
+function kt(e) {
+  if (X0(e) && (e = j0(e)), Y0(e)) {
     this._data = new DataView(e), this._offset = this._version() === 2 ? 24 : 20, this._channels = [];
     for (var t = 0; t < this.channels; t++)
       this._channels[t] = new Dn(this, t);
@@ -10083,7 +10083,7 @@ function ty(e) {
 function vf(e, t, n) {
   var r = ty(e);
   if (t.disable_worker) {
-    var o = Uv({
+    var o = U0({
       scale: t.scale,
       bits: t.bits,
       amplitude_scale: t.amplitude_scale,
@@ -10092,11 +10092,11 @@ function vf(e, t, n) {
       sample_rate: e.sampleRate,
       channels: r
     });
-    n(void 0, new _t(o), e);
+    n(void 0, new kt(o), e);
   } else {
-    var a = new Qv();
+    var a = new Q0();
     a.onmessage = function(s) {
-      n(void 0, new _t(s.data), e);
+      n(void 0, new kt(s.data), e);
     }, a.postMessage({
       scale: t.scale,
       bits: t.bits,
@@ -10118,10 +10118,10 @@ function ny(e, t, n, r) {
   }, o);
   a && a.catch(o);
 }
-_t.create = function(t) {
-  return new _t(t);
+kt.create = function(t) {
+  return new kt(t);
 };
-_t.createFromAudio = function(e, t) {
+kt.createFromAudio = function(e, t) {
   var n = ey(e);
   if (e.audio_context && e.array_buffer)
     return ny(e.audio_context, e.array_buffer, n, t);
@@ -10135,7 +10135,7 @@ _t.createFromAudio = function(e, t) {
 function ha(e) {
   this._inputData = e.waveformData, this._output_samples_per_pixel = e.scale, this._scale = this._inputData.scale, this._input_buffer_size = this._inputData.length;
   var t = this._input_buffer_size * this._inputData.scale, n = Math.ceil(t / this._output_samples_per_pixel), r = 24, o = this._inputData.bits === 8 ? 1 : 2, a = r + n * 2 * this._inputData.channels * o;
-  this._output_data = new ArrayBuffer(a), this.output_dataview = new DataView(this._output_data), this.output_dataview.setInt32(0, 2, !0), this.output_dataview.setUint32(4, this._inputData.bits === 8, !0), this.output_dataview.setInt32(8, this._inputData.sample_rate, !0), this.output_dataview.setInt32(12, this._output_samples_per_pixel, !0), this.output_dataview.setInt32(16, n, !0), this.output_dataview.setInt32(20, this._inputData.channels, !0), this._outputWaveformData = new _t(this._output_data), this._input_index = 0, this._output_index = 0;
+  this._output_data = new ArrayBuffer(a), this.output_dataview = new DataView(this._output_data), this.output_dataview.setInt32(0, 2, !0), this.output_dataview.setUint32(4, this._inputData.bits === 8, !0), this.output_dataview.setInt32(8, this._inputData.sample_rate, !0), this.output_dataview.setInt32(12, this._output_samples_per_pixel, !0), this.output_dataview.setInt32(16, n, !0), this.output_dataview.setInt32(20, this._inputData.channels, !0), this._outputWaveformData = new kt(this._output_data), this._input_index = 0, this._output_index = 0;
   var s = this._inputData.channels;
   this._min = new Array(s), this._max = new Array(s);
   for (var i = 0; i < s; ++i)
@@ -10175,7 +10175,7 @@ ha.prototype.next = function() {
 ha.prototype.getOutputData = function() {
   return this._output_data;
 };
-_t.prototype = {
+kt.prototype = {
   _getResampleOptions: function(t) {
     var n = {};
     if (n.scale = t.scale, n.width = t.width, !Ln(n.width) && (typeof n.width != "number" || n.width <= 0))
@@ -10192,7 +10192,7 @@ _t.prototype = {
     t = this._getResampleOptions(t), t.waveformData = this;
     for (var n = new ha(t); !n.next(); )
       ;
-    return new _t(n.getOutputData());
+    return new kt(n.getOutputData());
   },
   /**
    * Concatenates with one or more other waveforms, returning a new WaveformData object.
@@ -10204,7 +10204,7 @@ _t.prototype = {
         throw new Error("WaveformData.concat(): Waveforms are incompatible");
     });
     var r = this._concatBuffers.apply(this, n);
-    return _t.create(r);
+    return kt.create(r);
   },
   /**
    * Returns a new ArrayBuffer with the concatenated waveform.
@@ -10239,7 +10239,7 @@ _t.prototype = {
       var f = this._at(n * this.channels * 2 + u);
       this.bits === 8 ? c.setInt8(a + u, f) : c.setInt16(a + u * 2, f, !0);
     }
-    return new _t(l);
+    return new kt(l);
   },
   /**
    * Returns the data format version number.
@@ -10358,10 +10358,10 @@ async function yf(e) {
     throw new Error(`Failed to fetch waveform data: ${t.statusText}`);
   if (e.endsWith(".dat")) {
     const r = await t.arrayBuffer();
-    return _t.create(r);
+    return kt.create(r);
   } else {
     const r = await t.json();
-    return _t.create(r);
+    return kt.create(r);
   }
 }
 function ry(e, t = 0) {
@@ -10375,11 +10375,11 @@ function ry(e, t = 0) {
     sampleRate: e.sample_rate
   };
 }
-async function Vb(e, t = 0) {
+async function Zb(e, t = 0) {
   const n = await yf(e);
   return ry(n, t);
 }
-async function Nb(e) {
+async function Hb(e) {
   const t = await yf(e);
   return {
     sampleRate: t.sample_rate,
@@ -10575,7 +10575,7 @@ function uy({ engineRef: e }) {
     selectedTrackIdRef: r
   };
 }
-const zb = (e = 256) => {
+const Gb = (e = 256) => {
   const t = T(null), n = $(
     (r, o, a) => {
       const s = new _c("fft", e);
@@ -10626,7 +10626,7 @@ function vo(e, t, n, r) {
   }, c = r.get(t);
   return c ? (l.id = c.trackId, l.clips[0] = { ...l.clips[0], id: c.clipId }) : r.set(t, { trackId: l.id, clipId: l.clips[0].id }), l;
 }
-function Zb(e, t = {}) {
+function Ub(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 = T(/* @__PURE__ */ new Map()), g = Ce(() => {
     if (!o) return null;
     const w = [];
@@ -11009,8 +11009,8 @@ function gy(e = {}) {
     })
   ], [t, n, r, o]);
 }
-const Hb = (e) => {
-  const { tracks: t, sampleRate: n, engineRef: r } = e, { currentTimeRef: o } = Ct(), { selectedTrackId: a } = xt(), s = $(
+const vy = (e) => {
+  const { tracks: t, sampleRate: n, engineRef: r } = e, { currentTimeRef: o } = Et(), { selectedTrackId: a } = gt(), s = $(
     (l, c, u) => {
       const { samplesPerPixel: f } = e, p = t[l];
       if (!p) return !1;
@@ -11062,11 +11062,11 @@ const Hb = (e) => {
         window.removeEventListener("keydown", r);
       };
   }, [r, n]);
-}, Gb = (e) => {
+}, Xb = (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("+");
-}, Ub = (e = {}) => {
-  const { enabled: t = !0, additionalShortcuts: n = [], shortcuts: r } = e, { isPlaying: o } = Ct(), { setCurrentTime: a, play: s, pause: i, stop: l } = Fe(), c = $(() => {
+}, yy = (e = {}) => {
+  const { enabled: t = !0, additionalShortcuts: n = [], shortcuts: r } = e, { isPlaying: o } = Et(), { setCurrentTime: a, play: s, pause: i, stop: l } = De(), c = $(() => {
     o ? i() : s();
   }, [o, s, i]), u = $(() => {
     l();
@@ -11102,7 +11102,7 @@ const Hb = (e) => {
     shortcuts: d
   };
 }, Oa = 0.01, yo = 0.01;
-function Xb({
+function by({
   annotations: e,
   activeAnnotationId: t,
   onAnnotationsChange: n,
@@ -11864,7 +11864,7 @@ const pa = [
   { id: "dynamics", name: "Dynamics" },
   { id: "spatial", name: "Spatial" }
 ];
-const vy = {
+const wy = {
   reverb: Ih,
   freeverb: Eh,
   jcReverb: xh,
@@ -11886,10 +11886,10 @@ const vy = {
   gate: ch,
   stereoWidener: lh
 };
-let yy = 0;
-const by = () => `effect_${Date.now()}_${++yy}`;
+let _y = 0;
+const Sy = () => `effect_${Date.now()}_${++_y}`;
 function jo(e, t) {
-  const n = vy[e.id];
+  const n = wy[e.id];
   if (!n)
     throw new Error(`Unknown effect type: ${e.id}`);
   const r = {};
@@ -11897,7 +11897,7 @@ function jo(e, t) {
     const l = t?.[i.name] ?? i.default;
     r[i.name] = l;
   });
-  const o = new n(r), a = by(), s = o;
+  const o = new n(r), a = Sy(), s = o;
   return {
     effect: o,
     id: e.id,
@@ -12277,7 +12277,7 @@ function Jb() {
     availableEffects: pa
   };
 }
-function wy(e, t = {}) {
+function ky(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);
   bo(d, 0, "RIFF"), d.setUint32(4, f - 8, !0), bo(d, 8, "WAVE"), bo(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), bo(d, 36, "data"), d.setUint32(40, c, !0);
   const h = [];
@@ -12300,11 +12300,11 @@ function bo(e, t, n) {
   for (let r = 0; r < n.length; r++)
     e.setUint8(t + r, n.charCodeAt(r));
 }
-function _y(e, t) {
+function Cy(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 Sy() {
+function xy() {
   const [e, t] = z(!1), [n, r] = z(0), [o, a] = z(null);
   return {
     exportWav: $(
@@ -12337,7 +12337,7 @@ function Sy() {
           const _ = b / w, S = f === "individual" ? [{ track: i[p], state: l[p], index: p }] : i.map((R, A) => ({ track: R, state: l[A], index: A })), C = l.some((R) => R.soloed), E = !!v;
           let x;
           if ((g || E) && h)
-            x = await ky(
+            x = await Ey(
               S,
               l,
               C,
@@ -12356,17 +12356,17 @@ function Sy() {
             for (const { track: D, state: F } of S)
               if (!(F.muted && !F.soloed) && !(C && !F.soloed))
                 for (const L of D.clips) {
-                  await xy(R, L, F, w, h), A++;
+                  await Ay(R, L, F, w, h), A++;
                   const H = A / I * 0.5;
                   r(H), y?.(H);
                 }
             r(0.5), y?.(0.5), x = await R.startRendering();
           }
           r(0.9), y?.(0.9);
-          const M = wy(x, { bitDepth: m });
+          const M = ky(x, { bitDepth: m });
           if (r(1), y?.(1), d) {
             const R = f === "individual" ? `${u}_${i[p].name}` : u;
-            _y(M, `${R}.wav`);
+            Cy(M, `${R}.wav`);
           }
           return {
             audioBuffer: x,
@@ -12387,7 +12387,7 @@ function Sy() {
     error: o
   };
 }
-async function ky(e, t, n, r, o, a, s, i) {
+async function Ey(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;
@@ -12399,7 +12399,7 @@ async function ky(e, t, n, r, o, a, s, i) {
         a ? y = a(m, v, !0) : m.connect(v);
         for (const { track: w, state: b } of e) {
           if (b.muted && !b.soloed || n && !b.soloed) continue;
-          const _ = new c(Cy(b.volume)), S = new f(b.pan), C = new u(b.muted ? 0 : 1), E = s?.(w.id);
+          const _ = new c(Iy(b.volume)), S = new f(b.pan), C = new u(b.muted ? 0 : 1), E = s?.(w.id);
           E ? E(C, m, !0) : C.connect(m), S.connect(C), _.connect(S);
           for (const x of w.clips) {
             const {
@@ -12434,10 +12434,10 @@ async function ky(e, t, n, r, o, a, s, i) {
   }
   return i(0.9), h.get();
 }
-function Cy(e) {
+function Iy(e) {
   return 20 * Math.log10(Math.max(e, 1e-4));
 }
-async function xy(e, t, n, r, o) {
+async function Ay(e, t, n, r, o) {
   const {
     audioBuffer: a,
     startSample: s,
@@ -12532,7 +12532,7 @@ const _f = () => {
     startAnimationFrameLoop: n,
     stopAnimationFrameLoop: t
   };
-}, Ey = `
+}, My = `
 "use strict";
 
 var INT8_MAX = 127;
@@ -12680,11 +12680,11 @@ self.onmessage = function(e) {
   }
 };
 `;
-let Iy = 0;
-function Ay() {
+let Ty = 0;
+function $y() {
   let e;
   try {
-    const r = new Blob([Ey], { type: "application/javascript" }), o = URL.createObjectURL(r);
+    const r = new Blob([My], { 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), {
@@ -12704,7 +12704,7 @@ function Ay() {
         a.reject(new Error(o.error));
       else
         try {
-          const s = _t.create(o.buffer);
+          const s = kt.create(o.buffer);
           a.resolve(s);
         } catch (s) {
           a.reject(s);
@@ -12717,7 +12717,7 @@ function Ay() {
   }, {
     generate(r) {
       if (n) return Promise.reject(new Error("Worker terminated"));
-      const o = String(++Iy);
+      const o = String(++Ty);
       return new Promise((a, s) => {
         t.set(o, { resolve: a, reject: s }), e.postMessage(
           {
@@ -12743,8 +12743,8 @@ function Ay() {
     }
   };
 }
-function My(e, t) {
-  const [n, r] = z(() => /* @__PURE__ */ new Map()), [o, a] = z(!1), s = T(null), i = T(/* @__PURE__ */ new WeakMap()), l = T(/* @__PURE__ */ new WeakMap()), c = T(/* @__PURE__ */ new WeakMap()), u = T(0), f = $(() => (s.current || (s.current = Ay()), s.current), []);
+function Dy(e, t) {
+  const [n, r] = z(() => /* @__PURE__ */ new Map()), [o, a] = z(!1), s = T(null), i = T(/* @__PURE__ */ new WeakMap()), l = T(/* @__PURE__ */ new WeakMap()), c = T(/* @__PURE__ */ new WeakMap()), u = T(0), f = $(() => (s.current || (s.current = $y()), s.current), []);
   return K(() => {
     let p = !1;
     const d = i.current, h = l.current, g = c.current, v = [], m = /* @__PURE__ */ new Map();
@@ -12813,7 +12813,7 @@ function My(e, t) {
 function Is(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 Ty(e, t, n) {
+async function Ry(e, t, n) {
   const r = Is(e);
   if (e instanceof Blob) {
     const l = await e.arrayBuffer();
@@ -12847,7 +12847,7 @@ function Qb() {
       const v = new AbortController();
       l.current.set(h.id, v), (async () => {
         try {
-          const { audioBuffer: m, name: y } = await Ty(g, p, v.signal), w = Ac({
+          const { audioBuffer: m, name: y } = await Ry(g, p, v.signal), w = Ac({
             audioBuffer: m,
             startTime: 0,
             duration: m.duration,
@@ -12924,13 +12924,13 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
     return c.annotations;
   }, [c?.annotations]), E = T(C);
   E.current = C;
-  const [x, M] = z(null), [R, A] = z(!1), [I, D] = z(0), [F, L] = z(0), [H, Q] = z([]), [q, oe] = z([]), [X, ee] = z([]), [ie, fe] = z(s), [he, De] = z(
+  const [x, M] = z(null), [R, A] = z(!1), [I, D] = z(0), [F, L] = z(0), [H, Q] = z([]), [q, oe] = z([]), [X, ee] = z([]), [ie, fe] = z(s), [he, Re] = z(
     c?.isContinuousPlay ?? !1
   ), [Z, Y] = z(c?.linkEndpoints ?? !1), [_e, G] = z(c?.editable ?? !1), [te, Me] = z(!1), B = T(null), Oe = T(!1), st = T(!1);
   st.current = R;
   const Ge = T(0), ve = T(0), re = T(e), Qe = T(y);
   Qe.current = y;
-  const ft = T(X), xe = T(0), Ne = T(0), Ue = T(null), tt = T(null), Dt = T(!1), Jt = T(c?.isContinuousPlay ?? !1), j = T(null), ye = T(null), je = T(0), ze = T(!1), le = T(!1), pe = T(o), Ke = T(44100), { timeFormat: Rt, setTimeFormat: Pt, formatTime: Rn } = ay(), gt = sy({ engineRef: B, initialSamplesPerPixel: o }), { samplesPerPixel: V, onEngineState: J } = gt, ne = iy({ engineRef: B, initialVolume: 1 }), {
+  const ft = T(X), xe = T(0), Ne = T(0), Ue = T(null), tt = T(null), Dt = T(!1), Jt = T(c?.isContinuousPlay ?? !1), j = T(null), ye = T(null), je = T(0), ze = T(!1), le = T(!1), pe = T(o), Ke = T(44100), { timeFormat: Rt, setTimeFormat: Pt, formatTime: Rn } = ay(), yt = sy({ engineRef: B, initialSamplesPerPixel: o }), { samplesPerPixel: V, onEngineState: J } = yt, ne = iy({ engineRef: B, initialVolume: 1 }), {
     masterVolume: ue,
     setMasterVolume: Le,
     masterVolumeRef: qe,
@@ -12939,7 +12939,7 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
     selectionStart: nt,
     selectionEnd: it,
     setSelection: Xe,
-    selectionStartRef: vt,
+    selectionStartRef: bt,
     selectionEndRef: Ft,
     onEngineState: fn
   } = ly({ engineRef: B }), {
@@ -12961,14 +12961,14 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
   } = uy({ engineRef: B }), { animationFrameRef: tl, startAnimationFrameLoop: va, stopAnimationFrameLoop: no } = _f(), Yf = Ce(
     () => Math.min(...S ?? [256, 512, 1024, 2048, 4096, 8192]),
     [S]
-  ), { cache: nl } = My(e, Yf), rl = $((N) => {
-    Jt.current = N, De(N);
+  ), { cache: nl } = Dy(e, Yf), rl = $((N) => {
+    Jt.current = N, Re(N);
   }, []), Gt = $((N) => {
     j.current = N, M(N);
   }, []), ol = $(() => {
-    const N = vt.current ?? 0, U = Ft.current ?? 0;
+    const N = bt.current ?? 0, U = Ft.current ?? 0;
     N !== U && U > N && Pn(N, U);
-  }, [Pn, vt, Ft]);
+  }, [Pn, bt, Ft]);
   K(() => {
     Dt.current = ie;
   }, [ie]), K(() => {
@@ -13018,28 +13018,28 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
         });
         let Ee = 0;
         e.forEach(($e) => {
-          $e.clips.forEach((bt) => {
-            const en = bt.sampleRate, th = (bt.startSample + bt.durationSamples) / en;
+          $e.clips.forEach((_t) => {
+            const en = _t.sampleRate, th = (_t.startSample + _t.durationSamples) / en;
             Ee = Math.max(Ee, th);
           });
-        }), Q(W), L(Ee), ee(($e) => $e.length === e.length ? $e.map((bt, en) => ({
-          ...bt,
+        }), Q(W), L(Ee), ee(($e) => $e.length === e.length ? $e.map((_t, en) => ({
+          ..._t,
           name: e[en].name
-        })) : e.map((bt) => ({
-          name: bt.name,
-          muted: bt.muted,
-          soloed: bt.soloed,
-          volume: bt.volume,
-          pan: bt.pan
+        })) : e.map((_t) => ({
+          name: _t.name,
+          muted: _t.muted,
+          soloed: _t.soloed,
+          volume: _t.volume,
+          pan: _t.pan
         }))), B.current && B.current.dispose(), je.current = 0, ye.current = null, Oe.current = !1;
         const Te = Yh({ effects: u, soundFontCache: Qe.current }), Ae = new tp({
           adapter: Te,
           samplesPerPixel: pe.current,
           zoomLevels: S
         });
-        Ae.setSelection(vt.current ?? 0, Ft.current ?? 0), Ae.setLoopRegion(Yi.current ?? 0, ji.current ?? 0), Xi.current && Ae.setLoopEnabled(!0), Ae.setMasterVolume(qe.current ?? 1), el.current && Ae.selectTrack(el.current);
-        const ao = ft.current, Sa = e.map(($e, bt) => {
-          const en = ao[bt];
+        Ae.setSelection(bt.current ?? 0, Ft.current ?? 0), Ae.setLoopRegion(Yi.current ?? 0, ji.current ?? 0), Xi.current && Ae.setLoopEnabled(!0), Ae.setMasterVolume(qe.current ?? 1), el.current && Ae.selectTrack(el.current);
+        const ao = ft.current, Sa = e.map(($e, _t) => {
+          const en = ao[_t];
           return {
             ...$e,
             volume: en?.volume ?? $e.volume,
@@ -13089,7 +13089,7 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
     ae,
     m,
     qe,
-    vt,
+    bt,
     Ft,
     Yi,
     ji,
@@ -13199,21 +13199,21 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       va(N);
     };
     va(N);
-  }, [F, Gt, va, Fn]), yt = no;
+  }, [F, Gt, va, Fn]), wt = no;
   K(() => {
     (async () => {
       if (R && tl.current && B.current)
         if (he) {
           const U = ve.current;
-          B.current.stop(), yt();
+          B.current.stop(), wt();
           const W = Lt().currentTime;
           xe.current = W, Ne.current = U, B.current.play(U), pn();
         } else
-          yt(), pn();
+          wt(), pn();
     })().catch((U) => {
-      console.warn("[waveform-playlist] Failed to reschedule playback:", U), A(!1), yt();
+      console.warn("[waveform-playlist] Failed to reschedule playback:", U), A(!1), wt();
     });
-  }, [he, R, pn, yt, tl]), K(() => {
+  }, [he, R, pn, wt, tl]), K(() => {
     (async () => {
       if (ro.current && B.current) {
         const { position: U } = ro.current;
@@ -13222,33 +13222,33 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
         xe.current = W, Ne.current = U, Oe.current || (await B.current.init(), Oe.current = !0), B.current.play(U), A(!0), pn();
       }
     })().catch((U) => {
-      console.warn("[waveform-playlist] Failed to resume playback after track change:", U), A(!1), yt();
+      console.warn("[waveform-playlist] Failed to resume playback after track change:", U), A(!1), wt();
     });
-  }, [e, pn, yt]);
+  }, [e, pn, wt]);
   const oo = $(
     async (N, U) => {
       if (!B.current || F === 0) return;
       const be = N ?? ve.current;
-      Ge.current = be, ve.current = be, B.current.stop(), B.current.seek(be), yt();
+      Ge.current = be, ve.current = be, B.current.stop(), B.current.seek(be), wt();
       const Ee = Lt().currentTime;
       xe.current = Ee, Ne.current = be, Ue.current = U !== void 0 ? be + U : null, Oe.current || (await B.current.init(), Oe.current = !0);
       const Te = U !== void 0 ? be + U : void 0;
       try {
         B.current.play(be, Te);
       } catch (Ae) {
-        console.warn("[waveform-playlist] Playback failed to start:", Ae), yt();
+        console.warn("[waveform-playlist] Playback failed to start:", Ae), wt();
         return;
       }
       A(!0), pn();
     },
-    [F, pn, yt]
+    [F, pn, wt]
   ), sl = $(() => {
     if (!B.current) return;
     const N = Fn();
-    B.current.pause(), A(!1), yt(), ve.current = N, D(N);
-  }, [yt, Fn]), il = $(() => {
-    B.current && (B.current.stop(), A(!1), yt(), ve.current = Ge.current, D(Ge.current), Gt(null));
-  }, [yt, Gt]), ll = $(
+    B.current.pause(), A(!1), wt(), ve.current = N, D(N);
+  }, [wt, Fn]), il = $(() => {
+    B.current && (B.current.stop(), A(!1), wt(), ve.current = Ge.current, D(Ge.current), Gt(null));
+  }, [wt, Gt]), ll = $(
     (N) => {
       const U = Math.max(0, Math.min(N, F));
       ve.current = U, D(U), R && B.current && oo(U);
@@ -13382,8 +13382,8 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       setTimeFormat: Pt,
       formatTime: Rn,
       // Zoom
-      zoomIn: gt.zoomIn,
-      zoomOut: gt.zoomOut,
+      zoomIn: yt.zoomIn,
+      zoomOut: yt.zoomOut,
       // Master volume
       setMasterVolume: Le,
       // Automatic scroll
@@ -13416,8 +13416,8 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       Ji,
       Pt,
       Rn,
-      gt.zoomIn,
-      gt.zoomOut,
+      yt.zoomIn,
+      yt.zoomOut,
       Le,
       yl,
       pl,
@@ -13448,8 +13448,8 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       samplesPerPixel: V,
       timeFormat: Rt,
       masterVolume: ue,
-      canZoomIn: gt.canZoomIn,
-      canZoomOut: gt.canZoomOut,
+      canZoomIn: yt.canZoomIn,
+      canZoomOut: yt.canZoomOut,
       barWidth: h,
       barGap: g,
       progressBarWidth: _,
@@ -13473,8 +13473,8 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       V,
       Rt,
       ue,
-      gt.canZoomIn,
-      gt.canZoomOut,
+      yt.canZoomIn,
+      yt.canZoomOut,
       h,
       g,
       _,
@@ -13485,28 +13485,28 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
     ]
   ), Qf = { ...rf, ...i };
   return /* @__PURE__ */ k(Ec, { theme: Qf, children: /* @__PURE__ */ k(Sf.Provider, { value: jf, children: /* @__PURE__ */ k(kf.Provider, { value: Kf, children: /* @__PURE__ */ k(Cf.Provider, { value: qf, children: /* @__PURE__ */ k(xf.Provider, { value: Jf, children: b }) }) }) }) });
-}, Ct = () => {
-  const e = Pe(Sf);
+}, Et = () => {
+  const e = Fe(Sf);
   if (!e)
     throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");
   return e;
-}, xt = () => {
-  const e = Pe(kf);
+}, gt = () => {
+  const e = Fe(kf);
   if (!e)
     throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");
   return e;
-}, Fe = () => {
-  const e = Pe(Cf);
+}, De = () => {
+  const e = Fe(Cf);
   if (!e)
     throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");
   return e;
-}, Et = () => {
-  const e = Pe(xf);
+}, vt = () => {
+  const e = Fe(xf);
   if (!e)
     throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");
   return e;
 };
-var $y = class {
+var Py = class {
   constructor(e) {
     this._playbackRate = 1, this.handleEnded = () => {
       this.onStopCallback && this.onStopCallback();
@@ -13613,7 +13613,7 @@ var $y = class {
   get element() {
     return this.audioElement;
   }
-}, Dy = class {
+}, Fy = class {
   constructor(e = {}) {
     this.track = null, this._isPlaying = !1, this._masterVolume = e.masterVolume ?? 1, this._playbackRate = e.playbackRate ?? 1;
   }
@@ -13630,7 +13630,7 @@ var $y = 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 $y({
+    ), this.track.dispose()), this.track = new Py({
       ...e,
       volume: this._masterVolume * (e.volume ?? 1),
       playbackRate: this._playbackRate
@@ -13780,7 +13780,7 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
   R.current = M;
   const [A, I] = z(null), [D, F] = z(
     l?.isContinuousPlay ?? !1
-  ), [L] = z(t), [H, Q] = z(a), q = T(null), oe = T(0), X = T(D), ee = T(null), ie = T(null), fe = T(a), he = T(t), { startAnimationFrameLoop: De, stopAnimationFrameLoop: Z } = _f();
+  ), [L] = z(t), [H, Q] = z(a), q = T(null), oe = T(0), X = T(D), ee = T(null), ie = T(null), fe = T(a), he = T(t), { startAnimationFrameLoop: Re, stopAnimationFrameLoop: Z } = _f();
   K(() => {
     X.current = D;
   }, [D]), K(() => {
@@ -13794,7 +13794,7 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
     ie.current = j;
   }, []), te = e.waveformData.sample_rate;
   K(() => {
-    const j = new Dy({
+    const j = new Fy({
       playbackRate: o
     });
     j.addTrack({
@@ -13870,10 +13870,10 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
         const ze = ie.current, le = ye * te / he.current, pe = ze.clientWidth, Ke = Math.max(0, le - pe / 2);
         ze.scrollLeft = Ke;
       }
-      De(j);
+      Re(j);
     };
-    De(j);
-  }, [Y, te, De]), B = Z, Oe = $(
+    Re(j);
+  }, [Y, te, Re]), B = Z, Oe = $(
     (j) => {
       if (!q.current) return;
       const ye = j ?? oe.current;
@@ -13979,28 +13979,28 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
   ), Jt = { ...rf, ...s };
   return /* @__PURE__ */ k(Ec, { theme: Jt, children: /* @__PURE__ */ k(Ef.Provider, { value: ft, children: /* @__PURE__ */ k(If.Provider, { value: xe, children: /* @__PURE__ */ k(Af.Provider, { value: tt, children: /* @__PURE__ */ k(Mf.Provider, { value: Dt, children: h }) }) }) }) });
 }, Ni = () => {
-  const e = Pe(Ef);
+  const e = Fe(Ef);
   if (!e)
     throw new Error("useMediaElementAnimation must be used within MediaElementPlaylistProvider");
   return e;
 }, zi = () => {
-  const e = Pe(If);
+  const e = Fe(If);
   if (!e)
     throw new Error("useMediaElementState must be used within MediaElementPlaylistProvider");
   return e;
 }, Tf = () => {
-  const e = Pe(Af);
+  const e = Fe(Af);
   if (!e)
     throw new Error("useMediaElementControls must be used within MediaElementPlaylistProvider");
   return e;
 }, Zi = () => {
-  const e = Pe(Mf);
+  const e = Fe(Mf);
   if (!e)
     throw new Error("useMediaElementData must be used within MediaElementPlaylistProvider");
   return e;
 }, n1 = ({ className: e }) => {
-  const { isPlaying: t, currentTimeRef: n } = Ct(), { selectionStart: r, selectionEnd: o, isLoopEnabled: a } = xt(), { play: s } = Fe();
-  return /* @__PURE__ */ k(kt, { onClick: async () => {
+  const { isPlaying: t, currentTimeRef: n } = Et(), { selectionStart: r, selectionEnd: o, isLoopEnabled: a } = gt(), { play: s } = De();
+  return /* @__PURE__ */ k(xt, { onClick: async () => {
     if (r !== o && o > r && !a) {
       const c = o - r;
       await s(r, c);
@@ -14008,27 +14008,27 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
       await s(n.current ?? 0);
   }, disabled: t, className: e, children: "Play" });
 }, r1 = ({ className: e }) => {
-  const { isPlaying: t } = Ct(), { pause: n } = Fe();
-  return /* @__PURE__ */ k(kt, { onClick: n, disabled: !t, className: e, children: "Pause" });
+  const { isPlaying: t } = Et(), { pause: n } = De();
+  return /* @__PURE__ */ k(xt, { onClick: n, disabled: !t, className: e, children: "Pause" });
 }, o1 = ({ className: e }) => {
-  const { isPlaying: t } = Ct(), { stop: n } = Fe();
-  return /* @__PURE__ */ k(kt, { onClick: n, disabled: !t, className: e, children: "Stop" });
+  const { isPlaying: t } = Et(), { stop: n } = De();
+  return /* @__PURE__ */ k(xt, { onClick: n, disabled: !t, className: e, children: "Stop" });
 }, a1 = ({ className: e }) => {
-  const { isPlaying: t } = Ct(), { play: n, setCurrentTime: r } = Fe();
-  return /* @__PURE__ */ k(kt, { onClick: () => {
+  const { isPlaying: t } = Et(), { play: n, setCurrentTime: r } = De();
+  return /* @__PURE__ */ k(xt, { onClick: () => {
     r(0), t && n(0);
   }, className: e, children: "Rewind" });
 }, s1 = ({ className: e }) => {
-  const { isPlaying: t } = Ct(), { play: n, setCurrentTime: r } = Fe(), { duration: o } = Et();
-  return /* @__PURE__ */ k(kt, { onClick: () => {
+  const { isPlaying: t } = Et(), { play: n, setCurrentTime: r } = De(), { duration: o } = vt();
+  return /* @__PURE__ */ k(xt, { onClick: () => {
     r(o), t && n(o);
   }, className: e, children: "Fast Forward" });
 }, i1 = ({
   skipAmount: e = 5,
   className: t
 }) => {
-  const { currentTimeRef: n, isPlaying: r } = Ct(), { play: o, setCurrentTime: a } = Fe();
-  return /* @__PURE__ */ k(kt, { onClick: () => {
+  const { currentTimeRef: n, isPlaying: r } = Et(), { play: o, setCurrentTime: a } = De();
+  return /* @__PURE__ */ k(xt, { onClick: () => {
     const i = Math.max(0, (n.current ?? 0) - e);
     a(i), r && o(i);
   }, className: t, children: "Skip Backward" });
@@ -14036,15 +14036,15 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
   skipAmount: e = 5,
   className: t
 }) => {
-  const { currentTimeRef: n, isPlaying: r } = Ct(), { play: o, setCurrentTime: a } = Fe(), { duration: s } = Et();
-  return /* @__PURE__ */ k(kt, { onClick: () => {
+  const { currentTimeRef: n, isPlaying: r } = Et(), { play: o, setCurrentTime: a } = De(), { duration: s } = vt();
+  return /* @__PURE__ */ k(xt, { onClick: () => {
     const l = Math.min(s, (n.current ?? 0) + e);
     a(l), r && o(l);
   }, className: t, children: "Skip Forward" });
 }, c1 = ({ className: e }) => {
-  const { isLoopEnabled: t, loopStart: n, loopEnd: r } = xt(), { setLoopEnabled: o, setLoopRegion: a } = Fe(), { duration: s } = Et(), i = n !== r && r > n;
+  const { isLoopEnabled: t, loopStart: n, loopEnd: r } = gt(), { setLoopEnabled: o, setLoopRegion: a } = De(), { duration: s } = vt(), i = n !== r && r > n;
   return /* @__PURE__ */ k(
-    kt,
+    xt,
     {
       onClick: () => {
         if (!t && !i) {
@@ -14059,9 +14059,9 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
     }
   );
 }, u1 = ({ className: e }) => {
-  const { selectionStart: t, selectionEnd: n, loopStart: r, loopEnd: o } = xt(), { setLoopRegionFromSelection: a, clearLoopRegion: s } = Fe(), i = t !== n && n > t, l = r !== o && o > r;
+  const { selectionStart: t, selectionEnd: n, loopStart: r, loopEnd: o } = gt(), { setLoopRegionFromSelection: a, clearLoopRegion: s } = De(), i = t !== n && n > t, l = r !== o && o > r;
   return /* @__PURE__ */ k(
-    kt,
+    xt,
     {
       onClick: () => {
         l ? s() : a();
@@ -14077,26 +14077,26 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
   label: t = "Clear All",
   className: n
 }) => {
-  const { stop: r } = Fe(), o = $(() => {
+  const { stop: r } = De(), o = $(() => {
     r(), e();
   }, [r, e]);
-  return /* @__PURE__ */ k(kt, { onClick: o, className: n, title: "Remove all tracks", children: t });
+  return /* @__PURE__ */ k(xt, { onClick: o, className: n, title: "Remove all tracks", children: t });
 }, f1 = ({
   className: e,
   disabled: t
 }) => {
-  const { zoomIn: n } = Fe(), { canZoomIn: r } = Et();
-  return /* @__PURE__ */ k(kt, { onClick: n, disabled: t || !r, className: e, children: "Zoom In" });
+  const { zoomIn: n } = De(), { canZoomIn: r } = vt();
+  return /* @__PURE__ */ k(xt, { onClick: n, disabled: t || !r, className: e, children: "Zoom In" });
 }, h1 = ({
   className: e,
   disabled: t
 }) => {
-  const { zoomOut: n } = Fe(), { canZoomOut: r } = Et();
-  return /* @__PURE__ */ k(kt, { onClick: n, disabled: t || !r, className: e, children: "Zoom Out" });
+  const { zoomOut: n } = De(), { canZoomOut: r } = vt();
+  return /* @__PURE__ */ k(xt, { onClick: n, disabled: t || !r, className: e, children: "Zoom Out" });
 }, p1 = ({ className: e }) => {
-  const { masterVolume: t } = Et(), { setMasterVolume: n } = Fe();
+  const { masterVolume: t } = vt(), { setMasterVolume: n } = De();
   return /* @__PURE__ */ k(
-    W0,
+    Wv,
     {
       volume: t,
       onChange: n,
@@ -14104,16 +14104,16 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
     }
   );
 }, m1 = ({ className: e }) => {
-  const { timeFormat: t } = Et(), { setTimeFormat: n } = Fe();
-  return /* @__PURE__ */ k(xv, { value: t, onChange: n, className: e });
-}, Ry = O.span`
+  const { timeFormat: t } = vt(), { setTimeFormat: n } = De();
+  return /* @__PURE__ */ k(x0, { value: t, onChange: n, className: e });
+}, Oy = O.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 }) => {
-  const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = Ct(), { timeFormat: s } = Et();
+  const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = Et(), { timeFormat: s } = vt();
   return K(() => {
     const i = () => {
       if (t.current) {
@@ -14127,11 +14127,11 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
     };
   }, [r, s, o, a]), K(() => {
     !r && t.current && (t.current.textContent = Xn(o.current ?? 0, s));
-  }), /* @__PURE__ */ k(Ry, { ref: t, className: e, "aria-label": "Audio position", children: Xn(o.current ?? 0, s) });
+  }), /* @__PURE__ */ k(Oy, { ref: t, className: e, "aria-label": "Audio position", children: Xn(o.current ?? 0, s) });
 }, v1 = ({ className: e }) => {
-  const { selectionStart: t, selectionEnd: n } = xt(), { setSelection: r } = Fe();
+  const { selectionStart: t, selectionEnd: n } = gt(), { setSelection: r } = De();
   return /* @__PURE__ */ k(
-    nv,
+    n0,
     {
       selectionStart: t,
       selectionEnd: n,
@@ -14140,9 +14140,9 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
     }
   );
 }, y1 = ({ className: e }) => {
-  const { isAutomaticScroll: t } = xt(), { setAutomaticScroll: n } = Fe();
+  const { isAutomaticScroll: t } = gt(), { setAutomaticScroll: n } = De();
   return /* @__PURE__ */ k(
-    h0,
+    hv,
     {
       checked: t,
       onChange: n,
@@ -14151,7 +14151,7 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
   );
 }, ma = Ve(null), b1 = ma.Provider;
 function lr() {
-  const e = Pe(ma);
+  const e = Fe(ma);
   if (!e)
     throw new Error(
       "useAnnotationIntegration must be used within <AnnotationProvider>. Install @waveform-playlist/annotations and wrap your app with <AnnotationProvider>. See: https://waveform-playlist.naomiaro.com/docs/guides/annotations"
@@ -14159,19 +14159,19 @@ function lr() {
   return e;
 }
 const w1 = ({ className: e }) => {
-  const { ContinuousPlayCheckbox: t } = lr(), { continuousPlay: n } = xt(), { setContinuousPlay: r } = Fe();
+  const { ContinuousPlayCheckbox: t } = lr(), { continuousPlay: n } = gt(), { setContinuousPlay: r } = De();
   return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
 }, _1 = ({ className: e }) => {
-  const { LinkEndpointsCheckbox: t } = lr(), { linkEndpoints: n } = xt(), { setLinkEndpoints: r } = Fe();
+  const { LinkEndpointsCheckbox: t } = lr(), { linkEndpoints: n } = gt(), { setLinkEndpoints: r } = De();
   return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
 }, S1 = ({ className: e }) => {
-  const { EditableCheckbox: t } = lr(), { annotationsEditable: n } = xt(), { setAnnotationsEditable: r } = Fe();
+  const { EditableCheckbox: t } = lr(), { annotationsEditable: n } = gt(), { setAnnotationsEditable: r } = De();
   return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
 }, k1 = ({
   filename: e,
   className: t
 }) => {
-  const { DownloadAnnotationsButton: n } = lr(), { annotations: r } = xt();
+  const { DownloadAnnotationsButton: n } = lr(), { annotations: r } = gt();
   return /* @__PURE__ */ k(n, { annotations: r, filename: e, className: t });
 }, C1 = ({
   label: e = "Export WAV",
@@ -14186,7 +14186,7 @@ const w1 = ({ className: e }) => {
   onExportComplete: c,
   onExportError: u
 }) => {
-  const { tracks: f, trackStates: p } = Et(), { exportWav: d, isExporting: h, progress: g } = Sy(), v = async () => {
+  const { tracks: f, trackStates: p } = vt(), { exportWav: d, isExporting: h, progress: g } = xy(), v = async () => {
     try {
       const y = await d(f, p, {
         filename: t,
@@ -14204,7 +14204,7 @@ const w1 = ({ className: e }) => {
     }
   }, m = h ? `Exporting ${Math.round(g * 100)}%` : e;
   return /* @__PURE__ */ k(
-    kt,
+    xt,
     {
       onClick: v,
       disabled: h || f.length === 0,
@@ -14212,11 +14212,11 @@ const w1 = ({ className: e }) => {
       children: m
     }
   );
-}, $f = Ve(!1), Py = $f.Provider;
-function Fy() {
-  return Pe($f);
+}, $f = Ve(!1), Ly = $f.Provider;
+function By() {
+  return Fe($f);
 }
-const Oy = O.div.attrs((e) => ({
+const Wy = O.div.attrs((e) => ({
   style: {
     width: `${e.$width}px`,
     background: e.$color
@@ -14229,8 +14229,8 @@ const Oy = O.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;
-`, Ly = ({ color: e = "#ff0000" }) => {
-  const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = Ct(), { samplesPerPixel: s, sampleRate: i, progressBarWidth: l } = Et();
+`, Vy = ({ color: e = "#ff0000" }) => {
+  const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = Et(), { samplesPerPixel: s, sampleRate: i, progressBarWidth: l } = vt();
   return K(() => {
     const c = () => {
       if (t.current) {
@@ -14247,8 +14247,8 @@ const Oy = O.div.attrs((e) => ({
       const u = (o.current ?? 0) * i / s;
       t.current.style.transform = `translate3d(${u}px, 0, 0)`;
     }
-  }), /* @__PURE__ */ k(Oy, { ref: t, $color: e, $width: l, "data-playhead": !0 });
-}, By = O.div`
+  }), /* @__PURE__ */ k(Wy, { ref: t, $color: e, $width: l, "data-playhead": !0 });
+}, Ny = O.div`
   position: relative;
 `, La = O.div.attrs((e) => ({
   style: {
@@ -14264,7 +14264,7 @@ const Oy = O.div.attrs((e) => ({
   /* Force GPU compositing layer to prevent gradient flickering during scroll */
   transform: translateZ(0);
   backface-visibility: hidden;
-`, Wy = O.div.attrs((e) => ({
+`, zy = O.div.attrs((e) => ({
   style: {
     top: `${e.$top}px`,
     height: `${e.$height}px`,
@@ -14280,7 +14280,7 @@ const Oy = O.div.attrs((e) => ({
   transform-origin: left;
   /* scaleX changes are composite-only (GPU) — no layout reflow per frame */
   will-change: transform;
-`, Vy = O.div`
+`, Zy = O.div`
   position: relative;
   z-index: 2;
 `, mc = ({
@@ -14291,7 +14291,7 @@ const Oy = O.div.attrs((e) => ({
   clipOffsetSeconds: o,
   ...a
 }) => {
-  const s = T(null), i = T(null), l = Qr(), { waveHeight: c } = fa(), { isPlaying: u, currentTimeRef: f, getPlaybackTime: p } = Ct(), { samplesPerPixel: d, sampleRate: h } = Et(), g = l?.waveProgressColor || "rgba(0, 0, 0, 0.1)", v = $c(
+  const s = T(null), i = T(null), l = Qr(), { waveHeight: c } = fa(), { isPlaying: u, currentTimeRef: f, getPlaybackTime: p } = Et(), { samplesPerPixel: d, sampleRate: h } = vt(), g = l?.waveProgressColor || "rgba(0, 0, 0, 0.1)", v = $c(
     e,
     t,
     d
@@ -14327,7 +14327,7 @@ const Oy = O.div.attrs((e) => ({
   let y;
   m === "inverted" ? y = a.isSelected && l ? l.selectedWaveFillColor : l?.waveFillColor || "white" : y = a.isSelected && l ? l.selectedWaveOutlineColor : l?.waveOutlineColor || "grey";
   const w = a.renderMode === "spectrogram" || a.renderMode === "both", b = a.renderMode === "piano-roll", _ = a.renderMode === "both", S = w ? "#000" : b ? l?.pianoRollBackgroundColor || "#1a1a2e" : cn(y), C = Math.floor(c / 2), E = c, x = a.index * c, M = cn(y);
-  return /* @__PURE__ */ me(By, { children: [
+  return /* @__PURE__ */ me(Ny, { children: [
     _ ? /* @__PURE__ */ me(zt, { children: [
       /* @__PURE__ */ k(
         La,
@@ -14357,7 +14357,7 @@ const Oy = O.div.attrs((e) => ({
       }
     ),
     !b && /* @__PURE__ */ k(
-      Wy,
+      zy,
       {
         ref: s,
         $color: g,
@@ -14366,7 +14366,7 @@ const Oy = O.div.attrs((e) => ({
         $width: v
       }
     ),
-    /* @__PURE__ */ k(Vy, { children: /* @__PURE__ */ k(
+    /* @__PURE__ */ k(Zy, { children: /* @__PURE__ */ k(
       pf,
       {
         ...a,
@@ -14379,14 +14379,14 @@ const Oy = O.div.attrs((e) => ({
   ] });
 }, Hi = Ve(null), x1 = Hi.Provider;
 function E1() {
-  const e = Pe(Hi);
+  const e = Fe(Hi);
   if (!e)
     throw new Error(
       "useSpectrogramIntegration must be used within <SpectrogramProvider>. Install @waveform-playlist/spectrogram and wrap your app with <SpectrogramProvider>."
     );
   return e;
 }
-const Ny = 60, zy = O.div.attrs((e) => ({
+const Hy = 60, Gy = O.div.attrs((e) => ({
   style: { height: `${e.$height}px` }
 }))`
   overflow: hidden;
@@ -14394,7 +14394,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
   background: ${(e) => e.theme.surfaceColor};
   transition: background 0.15s ease-in-out;
   ${(e) => e.$isSelected && `background: ${e.theme.selectedTrackControlsBackground};`}
-`, Zy = ({
+`, Uy = ({
   renderTrackControls: e,
   renderTick: t,
   renderPlayhead: n,
@@ -14414,7 +14414,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     playbackStartTimeRef: g,
     audioStartPositionRef: v,
     getPlaybackTime: m
-  } = Ct(), {
+  } = Et(), {
     selectionStart: y,
     selectionEnd: w,
     annotations: b,
@@ -14426,7 +14426,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     loopStart: M,
     loopEnd: R,
     isLoopEnabled: A
-  } = xt(), I = Pe(ma), {
+  } = gt(), I = Fe(ma), {
     setAnnotations: D,
     setActiveAnnotationId: F,
     setTrackMute: L,
@@ -14439,8 +14439,8 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     setSelectedTrackId: ie,
     setCurrentTime: fe,
     setLoopRegion: he
-  } = Fe(), {
-    peaksDataArray: De,
+  } = De(), {
+    peaksDataArray: Re,
     trackStates: Z,
     tracks: Y,
     duration: _e,
@@ -14452,7 +14452,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     barWidth: st,
     barGap: Ge,
     isReady: ve
-  } = Et(), re = Pe(Hi), Qe = Ce(() => {
+  } = vt(), re = Fe(Hi), Qe = Ce(() => {
     if (!re)
       return /* @__PURE__ */ new Map();
     const V = /* @__PURE__ */ new Map();
@@ -14484,7 +14484,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     const Le = (ue.startSample + ue.durationSamples) / ue.sampleRate;
     return Math.max(ne, Le);
   }, V), 0);
-  let je = ye > 0 ? ye : _e > 0 ? _e : Ny;
+  let je = ye > 0 ? ye : _e > 0 ? _e : Hy;
   if (f?.isRecording) {
     const J = (f.startSample + f.durationSamples) / te;
     je = Math.max(je, J + 10);
@@ -14512,8 +14512,8 @@ const Ny = 60, zy = O.div.attrs((e) => ({
   ), Ke = (V) => {
     const J = V.currentTarget.getBoundingClientRect(), ue = (V.clientX - J.left) * G / te, qe = V.clientY - J.top;
     let ae = 0, nt = -1;
-    for (let it = 0; it < De.length; it++) {
-      const Xe = De[it], vt = Xe.length > 0 ? Math.max(1, ...Xe.map((Qt) => Qt.peaks.data.length)) : 1, hn = ((re?.trackSpectrogramOverrides.get(Y[it]?.id)?.renderMode ?? Y[it]?.renderMode ?? "waveform") === "both" ? vt * 2 : vt) * Me + (s ? 22 : 0);
+    for (let it = 0; it < Re.length; it++) {
+      const Xe = Re[it], bt = Xe.length > 0 ? Math.max(1, ...Xe.map((Qt) => Qt.peaks.data.length)) : 1, hn = ((re?.trackSpectrogramOverrides.get(Y[it]?.id)?.renderMode ?? Y[it]?.renderMode ?? "waveform") === "both" ? bt * 2 : bt) * Me + (s ? 22 : 0);
       if (qe >= ae && qe < ae + hn) {
         nt = it;
         break;
@@ -14535,9 +14535,9 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     const J = V.currentTarget.getBoundingClientRect(), ue = (V.clientX - J.left) * G / te, Le = Math.min(y, ue), qe = Math.max(y, ue);
     Math.abs(qe - Le) < 0.1 ? fe(Le) : oe(Le, qe);
   };
-  if (Y.some((V) => V.clips.length > 0) && De.length === 0)
+  if (Y.some((V) => V.clips.length > 0) && Re.length === 0)
     return /* @__PURE__ */ k("div", { className: a, children: "Loading waveform..." });
-  const gt = Oe.show ? De.map((V, J) => {
+  const yt = Oe.show ? Re.map((V, J) => {
     const ne = Y[J];
     if (!ne) return null;
     const ue = Z[J] || {
@@ -14546,10 +14546,10 @@ const Ny = 60, zy = O.div.attrs((e) => ({
       soloed: !1,
       volume: 1,
       pan: 0
-    }, Le = ne.clips.some((Xe) => Xe.midiNotes && Xe.midiNotes.length > 0), qe = re?.trackSpectrogramOverrides.get(ne.id)?.renderMode ?? ne.renderMode ?? (Le ? "piano-roll" : "waveform"), ae = V.length > 0 ? Math.max(1, ...V.map((Xe) => Xe.peaks.data.length)) : 1, nt = Me * ae + (s ? Bi : 0), it = e ? e(J) : /* @__PURE__ */ me($v, { onClick: () => pe(J), children: [
-      /* @__PURE__ */ me(Dv, { style: { justifyContent: "center", position: "relative" }, children: [
+    }, Le = ne.clips.some((Xe) => Xe.midiNotes && Xe.midiNotes.length > 0), qe = re?.trackSpectrogramOverrides.get(ne.id)?.renderMode ?? ne.renderMode ?? (Le ? "piano-roll" : "waveform"), ae = V.length > 0 ? Math.max(1, ...V.map((Xe) => Xe.peaks.data.length)) : 1, nt = Me * ae + (s ? Bi : 0), it = e ? e(J) : /* @__PURE__ */ me($0, { onClick: () => pe(J), children: [
+      /* @__PURE__ */ me(D0, { style: { justifyContent: "center", position: "relative" }, children: [
         u && /* @__PURE__ */ k(
-          Tv,
+          T0,
           {
             onClick: (Xe) => {
               Xe.stopPropagation(), u(J);
@@ -14570,18 +14570,18 @@ const Ny = 60, zy = O.div.attrs((e) => ({
           }
         ),
         re?.renderMenuItems && /* @__PURE__ */ k("span", { style: { position: "absolute", right: 0, top: 0 }, children: /* @__PURE__ */ k(
-          Vv,
+          V0,
           {
             items: (Xe) => re.renderMenuItems({
               renderMode: qe,
-              onRenderModeChange: (vt) => re.setTrackRenderMode(ne.id, vt),
+              onRenderModeChange: (bt) => re.setTrackRenderMode(ne.id, bt),
               onOpenSettings: () => Ne(ne.id),
               onClose: Xe
             })
           }
         ) })
       ] }),
-      /* @__PURE__ */ me(Av, { children: [
+      /* @__PURE__ */ me(A0, { children: [
         /* @__PURE__ */ k(
           cc,
           {
@@ -14600,7 +14600,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
         )
       ] }),
       /* @__PURE__ */ me(dc, { children: [
-        /* @__PURE__ */ k(Rv, {}),
+        /* @__PURE__ */ k(R0, {}),
         /* @__PURE__ */ k(
           uc,
           {
@@ -14611,7 +14611,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
             onChange: (Xe) => Q(J, parseFloat(Xe.target.value))
           }
         ),
-        /* @__PURE__ */ k(Pv, {})
+        /* @__PURE__ */ k(P0, {})
       ] }),
       /* @__PURE__ */ me(dc, { children: [
         /* @__PURE__ */ k("span", { children: "L" }),
@@ -14629,7 +14629,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
       ] })
     ] });
     return /* @__PURE__ */ k(
-      zy,
+      Gy,
       {
         $height: nt,
         $isSelected: ne.id === x,
@@ -14668,12 +14668,12 @@ const Ny = 60, zy = O.div.attrs((e) => ({
             scrollContainerRef: j,
             isSelecting: Ue,
             "data-playlist-state": ve ? "ready" : "loading",
-            trackControlsSlots: gt,
+            trackControlsSlots: yt,
             timescaleGapHeight: B > 0 ? B + 1 : 0,
             timescale: B > 0 ? /* @__PURE__ */ me(zt, { children: [
               /* @__PURE__ */ k(mf, { renderTick: t }),
               A && /* @__PURE__ */ k(
-                tv,
+                t0,
                 {
                   startPosition: Math.min(M, R) * te / G,
                   endPosition: Math.max(M, R) * te / G,
@@ -14689,7 +14689,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
               )
             ] }) : void 0,
             children: /* @__PURE__ */ me(zt, { children: [
-              De.map((V, J) => {
+              Re.map((V, J) => {
                 const ne = Y[J];
                 if (!ne) return null;
                 const ue = ne.clips.some((ae) => ae.midiNotes && ae.midiNotes.length > 0), Le = re?.trackSpectrogramOverrides.get(ne.id)?.renderMode ?? ne.renderMode ?? (ue ? "piano-roll" : "waveform"), qe = V.length > 0 ? Math.max(1, ...V.map((ae) => ae.peaks.data.length)) : 1;
@@ -14707,7 +14707,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                       Le !== "waveform" && (() => {
                         const ae = Qe.get(ne.id), nt = ae?.config;
                         return !nt?.labels || !ae ? null : /* @__PURE__ */ k(
-                          gv,
+                          g0,
                           {
                             waveHeight: Me,
                             numChannels: qe,
@@ -14742,18 +14742,18 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                             sampleRate: te,
                             showFades: l,
                             touchOptimized: c,
-                            onMouseDown: (vt) => {
-                              vt.target.closest(
+                            onMouseDown: (bt) => {
+                              bt.target.closest(
                                 '[role="button"][aria-roledescription="draggable"]'
                               ) || pe(J);
                             },
-                            children: it.data.map((vt, Ft) => {
+                            children: it.data.map((bt, Ft) => {
                               const fn = re?.spectrogramDataMap.get(ae.clipId), hn = fn?.[Ft] ?? fn?.[0], Qt = Qe.get(ne.id), cr = Qt?.config;
                               return /* @__PURE__ */ k(
                                 mc,
                                 {
                                   index: Ft,
-                                  data: vt,
+                                  data: bt,
                                   bits: it.bits,
                                   length: Xe,
                                   isSelected: ne.id === x,
@@ -14860,7 +14860,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                 controlsOffset: 0,
                 getAudioContextTime: () => Lt().currentTime,
                 getPlaybackTime: m
-              }) : /* @__PURE__ */ k(Ly, { color: p.playheadColor }))
+              }) : /* @__PURE__ */ k(Vy, { color: p.playheadColor }))
             ] })
           }
         )
@@ -14882,7 +14882,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
       document.body
     )
   ] });
-}, Hy = ({
+}, Xy = ({
   height: e,
   renderAnnotationItem: t,
   onAnnotationUpdate: n,
@@ -14891,7 +14891,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
   scrollActivePosition: a = "center",
   scrollActiveContainer: s = "nearest"
 }) => {
-  const { annotations: i, activeAnnotationId: l, annotationsEditable: c, linkEndpoints: u, continuousPlay: f } = xt(), p = lr(), { setAnnotations: d } = Fe(), h = o ?? { linkEndpoints: u, continuousPlay: f }, g = $(
+  const { annotations: i, activeAnnotationId: l, annotationsEditable: c, linkEndpoints: u, continuousPlay: f } = gt(), p = lr(), { setAnnotations: d } = De(), h = o ?? { linkEndpoints: u, continuousPlay: f }, g = $(
     (m) => {
       d(m), n?.(m);
     },
@@ -14933,10 +14933,10 @@ const Ny = 60, zy = O.div.attrs((e) => ({
   onRemoveTrack: v,
   recordingState: m
 }) => {
-  const { annotations: y } = xt(), w = Fy();
+  const { annotations: y } = gt(), w = By();
   return /* @__PURE__ */ me(zt, { children: [
     /* @__PURE__ */ k(
-      Zy,
+      Uy,
       {
         renderTrackControls: e,
         renderTick: t ?? (n ? (_, S) => n(parseFloat(_) || 0, S) : void 0),
@@ -14953,7 +14953,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
       }
     ),
     y.length > 0 && /* @__PURE__ */ k(
-      Hy,
+      Xy,
       {
         height: s,
         renderAnnotationItem: i,
@@ -14965,7 +14965,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     )
   ] });
 };
-var Gy = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Df = Gy ? Nr : K;
+var Yy = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Df = Yy ? Nr : K;
 function Bn(e) {
   const t = T(e);
   return Df(() => {
@@ -14979,17 +14979,17 @@ function Ba(e, t, n = K, r = Object.is) {
     r(e, a) || (o.current = e, t(e, a));
   }, [t, e]);
 }
-var gc = Object.getOwnPropertySymbols, Uy = Object.prototype.hasOwnProperty, Xy = Object.prototype.propertyIsEnumerable, Yy = (e, t) => {
+var gc = Object.getOwnPropertySymbols, jy = Object.prototype.hasOwnProperty, Ky = Object.prototype.propertyIsEnumerable, qy = (e, t) => {
   var n = {};
   for (var r in e)
-    Uy.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+    jy.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && gc)
     for (var r of gc(e))
-      t.indexOf(r) < 0 && Xy.call(e, r) && (n[r] = e[r]);
+      t.indexOf(r) < 0 && Ky.call(e, r) && (n[r] = e[r]);
   return n;
-}, jy = new Mi(), Ky = Ve(
-  jy
-), qy = Sc(
+}, Jy = new Mi(), Qy = Ve(
+  Jy
+), eb = Sc(
   kc(({ children: e }, t) => {
     const [n, r] = z(0), o = T(null), a = T(null), s = Ce(
       () => ({
@@ -15024,7 +15024,7 @@ function Rf(e) {
     onDragMove: s,
     onDragOver: i,
     onDragEnd: l
-  } = t, c = Yy(t, [
+  } = t, c = qy(t, [
     "children",
     "onCollision",
     "onBeforeDragStart",
@@ -15033,7 +15033,7 @@ function Rf(e) {
     "onDragOver",
     "onDragEnd"
   ]);
-  const u = T(null), { plugins: f, modifiers: p, sensors: d } = c, h = Xt(f, Un.plugins), g = Xt(d, Un.sensors), v = Xt(p, Un.modifiers), m = Bn(o), y = Bn(a), w = Bn(i), b = Bn(s), _ = Bn(l), S = Bn(r), C = Jy(() => {
+  const u = T(null), { plugins: f, modifiers: p, sensors: d } = c, h = Xt(f, Un.plugins), g = Xt(d, Un.sensors), v = Xt(p, Un.modifiers), m = Bn(o), y = Bn(a), w = Bn(i), b = Bn(s), _ = Bn(l), S = Bn(r), C = tb(() => {
     var E;
     return (E = c.manager) != null ? E : new Mi(c);
   });
@@ -15086,31 +15086,31 @@ function Rf(e) {
     v,
     () => C && (C.modifiers = v),
     ...Wa
-  ), /* @__PURE__ */ me(Ky.Provider, { value: C, children: [
-    /* @__PURE__ */ k(qy, { ref: u, children: n }),
+  ), /* @__PURE__ */ me(Qy.Provider, { value: C, children: [
+    /* @__PURE__ */ k(eb, { ref: u, children: n }),
     n
   ] });
 }
-function Jy(e) {
+function tb(e) {
   const t = T(null);
   return t.current || (t.current = e()), Th(() => () => {
     var n;
     return (n = t.current) == null ? void 0 : n.destroy();
   }, []), t.current;
 }
-var Qy = Object.create, Pf = Object.defineProperty, eb = Object.getOwnPropertyDescriptor, Ff = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), ga = (e) => {
+var nb = Object.create, Pf = Object.defineProperty, rb = Object.getOwnPropertyDescriptor, Ff = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), ga = (e) => {
   throw TypeError(e);
-}, tb = (e, t, n) => t in e ? Pf(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, nb = (e) => {
+}, ob = (e, t, n) => t in e ? Pf(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ab = (e) => {
   var t;
-  return [, , , Qy((t = e?.[Ff("metadata")]) != null ? t : null)];
-}, Of = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Lf = (e) => e !== void 0 && typeof e != "function" ? ga("Function expected") : e, rb = (e, t, n, r, o) => ({ kind: Of[e], name: t, metadata: r, addInitializer: (a) => n._ ? ga("Already initialized") : o.push(Lf(a || null)) }), ob = (e, t) => tb(t, Ff("metadata"), e[3]), ab = (e, t, n, r) => {
+  return [, , , nb((t = e?.[Ff("metadata")]) != null ? t : null)];
+}, Of = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Lf = (e) => e !== void 0 && typeof e != "function" ? ga("Function expected") : e, sb = (e, t, n, r, o) => ({ kind: Of[e], name: t, metadata: r, addInitializer: (a) => n._ ? ga("Already initialized") : o.push(Lf(a || null)) }), ib = (e, t) => ob(t, Ff("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;
 }, Bf = (e, t, n, r, o, a) => {
-  for (var s, i, l, c, u = t & 7, f = !1, p = !1, d = 2, h = Of[u + 5], g = e[d] || (e[d] = []), v = (o = o.prototype, eb(o, n)), m = r.length - 1; m >= 0; m--)
-    l = rb(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[m])(v[h], l), i._ = 1, Lf(s) && (v[h] = s);
+  for (var s, i, l, c, u = t & 7, f = !1, p = !1, d = 2, h = Of[u + 5], g = e[d] || (e[d] = []), v = (o = o.prototype, rb(o, n)), m = r.length - 1; m >= 0; m--)
+    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[m])(v[h], l), i._ = 1, Lf(s) && (v[h] = s);
   return v && Pf(o, n, v), o;
-}, Wf = (e, t, n) => t.has(e) || ga("Cannot " + n), sb = (e, t, n) => (Wf(e, t, "read from private field"), t.get(e)), ib = (e, t, n) => t.has(e) ? ga("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), lb = (e, t, n, r) => (Wf(e, t, "write to private field"), t.set(e, n), n), pr = class As {
+}, Wf = (e, t, n) => t.has(e) || ga("Cannot " + n), cb = (e, t, n) => (Wf(e, t, "read from private field"), t.get(e)), ub = (e, t, n) => t.has(e) ? ga("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), db = (e, t, n, r) => (Wf(e, t, "write to private field"), t.set(e, n), n), pr = class As {
   /**
    * @param {number} Coordinate of the point on the horizontal axis
    * @param {number} Coordinate of the point on the vertical axis
@@ -15148,10 +15148,10 @@ var Qy = Object.create, Pf = Object.defineProperty, eb = Object.getOwnPropertyDe
   static from({ x: t, y: n }) {
     return new As(t, n);
   }
-}, Vf, Nf, Ms, Do, eo, Gi = class extends (Ms = un, Nf = [Re], Vf = [Re], Ms) {
+}, Vf, Nf, Ms, Do, eo, Gi = class extends (Ms = un, Nf = [Pe], Vf = [Pe], Ms) {
   constructor(e) {
     const t = pr.from(e);
-    super(t, (n, r) => pr.equals(n, r)), ab(eo, 5, this), ib(this, Do, 0), this.velocity = { x: 0, y: 0 };
+    super(t, (n, r) => pr.equals(n, r)), lb(eo, 5, this), ub(this, Do, 0), this.velocity = { x: 0, y: 0 };
   }
   get delta() {
     return pr.delta(this.current, this.initial);
@@ -15172,9 +15172,9 @@ var Qy = Object.create, Pf = Object.defineProperty, eb = Object.getOwnPropertyDe
     const { current: t } = this, n = pr.from(e), r = {
       x: n.x - t.x,
       y: n.y - t.y
-    }, o = Date.now(), a = o - sb(this, Do), s = (i) => Math.round(i / a * 100);
+    }, o = Date.now(), a = o - cb(this, Do), s = (i) => Math.round(i / a * 100);
     ln(() => {
-      lb(this, Do, o), this.velocity = {
+      db(this, Do, o), this.velocity = {
         x: s(r.x),
         y: s(r.y)
       }, super.current = n;
@@ -15184,21 +15184,21 @@ var Qy = Object.create, Pf = Object.defineProperty, eb = Object.getOwnPropertyDe
     super.reset(pr.from(e)), this.velocity = { x: 0, y: 0 };
   }
 };
-eo = nb(Ms);
+eo = ab(Ms);
 Do = /* @__PURE__ */ new WeakMap();
 Bf(eo, 2, "delta", Nf, Gi);
 Bf(eo, 2, "direction", Vf, Gi);
-ob(eo, Gi);
+ib(eo, Gi);
 var zf = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(zf || {});
 Object.values(zf);
-var cb = Object.defineProperty, ub = Object.defineProperties, db = Object.getOwnPropertyDescriptors, vc = Object.getOwnPropertySymbols, fb = Object.prototype.hasOwnProperty, hb = Object.prototype.propertyIsEnumerable, yc = (e, t, n) => t in e ? cb(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Zf = (e, t) => {
+var fb = Object.defineProperty, hb = Object.defineProperties, pb = Object.getOwnPropertyDescriptors, vc = Object.getOwnPropertySymbols, mb = Object.prototype.hasOwnProperty, gb = Object.prototype.propertyIsEnumerable, yc = (e, t, n) => t in e ? fb(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Zf = (e, t) => {
   for (var n in t || (t = {}))
-    fb.call(t, n) && yc(e, n, t[n]);
+    mb.call(t, n) && yc(e, n, t[n]);
   if (vc)
     for (var n of vc(t))
-      hb.call(t, n) && yc(e, n, t[n]);
+      gb.call(t, n) && yc(e, n, t[n]);
   return e;
-}, Hf = (e, t) => ub(e, db(t)), Ts = class extends jn {
+}, Hf = (e, t) => hb(e, pb(t)), Ts = class extends jn {
   /**
    * Applies the axis restriction to the drag operation.
    *
@@ -15246,7 +15246,7 @@ const Xf = (e) => {
   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;
-}, pb = O.div`
+}, vb = O.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -15256,7 +15256,7 @@ const Xf = (e) => {
   z-index: 100;
   pointer-events: none;
   will-change: transform;
-`, mb = ({
+`, yb = ({
   color: e = "#ff0000"
 }) => {
   const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o } = Ni(), { samplesPerPixel: a, sampleRate: s, progressBarWidth: i } = Zi();
@@ -15276,10 +15276,10 @@ const Xf = (e) => {
       const c = (o.current ?? 0) * s / a;
       t.current.style.transform = `translate3d(${c}px, 0, 0)`;
     }
-  }), /* @__PURE__ */ k(pb, { ref: t, $color: e, $width: i, "data-playhead": !0 });
-}, gb = O.div`
+  }), /* @__PURE__ */ k(vb, { ref: t, $color: e, $width: i, "data-playhead": !0 });
+}, bb = O.div`
   position: relative;
-`, vb = O.div`
+`, wb = O.div`
   position: absolute;
   top: ${(e) => e.$top}px;
   left: 0;
@@ -15289,7 +15289,7 @@ const Xf = (e) => {
   z-index: 0;
   transform: translateZ(0);
   backface-visibility: hidden;
-`, yb = O.div`
+`, _b = O.div`
   position: absolute;
   top: ${(e) => e.$top}px;
   left: 0;
@@ -15298,10 +15298,10 @@ const Xf = (e) => {
   pointer-events: none;
   z-index: 1;
   will-change: width;
-`, bb = O.div`
+`, Sb = O.div`
   position: relative;
   z-index: 2;
-`, wb = ({
+`, kb = ({
   clipStartSample: e,
   clipDurationSamples: t,
   ...n
@@ -15354,9 +15354,9 @@ const Xf = (e) => {
   let d;
   p === "inverted" ? d = a?.selectedWaveFillColor || a?.waveFillColor || "white" : d = a?.selectedWaveOutlineColor || a?.waveOutlineColor || "grey";
   const h = cn(d);
-  return /* @__PURE__ */ me(gb, { children: [
+  return /* @__PURE__ */ me(bb, { children: [
     /* @__PURE__ */ k(
-      vb,
+      wb,
       {
         $color: h,
         $height: s,
@@ -15365,7 +15365,7 @@ const Xf = (e) => {
       }
     ),
     /* @__PURE__ */ k(
-      yb,
+      _b,
       {
         ref: r,
         $color: f,
@@ -15373,16 +15373,16 @@ const Xf = (e) => {
         $top: n.index * s
       }
     ),
-    /* @__PURE__ */ k(bb, { children: /* @__PURE__ */ k(pf, { ...n, isSelected: !0, transparentBackground: !0 }) })
+    /* @__PURE__ */ k(Sb, { children: /* @__PURE__ */ k(pf, { ...n, isSelected: !0, transparentBackground: !0 }) })
   ] });
-}, _b = ({
+}, Cb = ({
   getAnnotationBoxLabel: e,
   editable: t = !1,
   linkEndpoints: n = !1,
   onAnnotationUpdate: r,
   className: o
 }) => {
-  const a = Qr(), { isPlaying: s } = Ni(), { annotations: i, activeAnnotationId: l } = zi(), c = Pe(ma), { play: u, seekTo: f, setActiveAnnotationId: p, setAnnotations: d, setScrollContainer: h } = Tf(), {
+  const a = Qr(), { isPlaying: s } = Ni(), { annotations: i, activeAnnotationId: l } = zi(), c = Fe(ma), { play: u, seekTo: f, setActiveAnnotationId: p, setAnnotations: d, setScrollContainer: h } = Tf(), {
     duration: g,
     peaksDataArray: v,
     sampleRate: m,
@@ -15437,7 +15437,7 @@ const Xf = (e) => {
       A(G);
     },
     [I, b, m]
-  ), De = $(
+  ), Re = $(
     (Z) => {
       if (!I) return;
       if (D(!1), s && S.current) {
@@ -15475,7 +15475,7 @@ const Xf = (e) => {
           controlsWidth: _.show ? _.width : 0,
           onTracksMouseDown: fe,
           onTracksMouseMove: he,
-          onTracksMouseUp: De,
+          onTracksMouseUp: Re,
           scrollContainerRef: L,
           isSelecting: I,
           timescale: w > 0 ? /* @__PURE__ */ k(mf, {}) : void 0,
@@ -15509,7 +15509,7 @@ const Xf = (e) => {
                         isSelected: !0,
                         trackId: `media-element-track-${Y}`,
                         children: Me.data.map((Oe, st) => /* @__PURE__ */ k(
-                          wb,
+                          kb,
                           {
                             index: st,
                             data: Oe,
@@ -15564,13 +15564,13 @@ const Xf = (e) => {
                 color: a.selectionColor
               }
             ),
-            /* @__PURE__ */ k(mb, { color: a.playheadColor })
+            /* @__PURE__ */ k(yb, { color: a.playheadColor })
           ] })
         }
       )
     }
   ) });
-}, Sb = ({
+}, xb = ({
   height: e,
   renderAnnotationItem: t,
   onAnnotationUpdate: n,
@@ -15616,7 +15616,7 @@ const Xf = (e) => {
   const { annotations: c } = zi();
   return /* @__PURE__ */ me(zt, { children: [
     /* @__PURE__ */ k(
-      _b,
+      Cb,
       {
         getAnnotationBoxLabel: t,
         editable: r,
@@ -15626,7 +15626,7 @@ const Xf = (e) => {
       }
     ),
     c.length > 0 && /* @__PURE__ */ k(
-      Sb,
+      xb,
       {
         height: e,
         renderAnnotationItem: n,
@@ -15638,6 +15638,45 @@ const Xf = (e) => {
       }
     )
   ] });
+}, $1 = ({
+  playback: e = !1,
+  clipSplitting: t = !1,
+  annotations: n = !1,
+  additionalShortcuts: r = []
+}) => {
+  const { tracks: o, samplesPerPixel: a, sampleRate: s, playoutRef: i, duration: l } = vt(), {
+    annotations: c,
+    linkEndpoints: u,
+    activeAnnotationId: f,
+    continuousPlay: p
+  } = gt(), { setAnnotations: d, setActiveAnnotationId: h, scrollContainerRef: g, play: v } = De(), { splitClipAtPlayhead: m } = vy({
+    tracks: o,
+    sampleRate: s,
+    samplesPerPixel: a,
+    engineRef: i
+  }), y = [];
+  return t && y.push({
+    key: "s",
+    action: m,
+    description: "Split clip at playhead",
+    preventDefault: !0
+  }), r.length > 0 && y.push(...r), yy({
+    enabled: e || y.length > 0,
+    ...e ? { additionalShortcuts: y } : { shortcuts: y }
+  }), by({
+    annotations: c,
+    activeAnnotationId: f,
+    onAnnotationsChange: d,
+    onActiveAnnotationChange: h,
+    duration: l,
+    linkEndpoints: u,
+    continuousPlay: p,
+    scrollContainerRef: g,
+    samplesPerPixel: a,
+    sampleRate: s,
+    onPlay: v,
+    enabled: n && c.length > 0
+  }), null;
 }, qo = class qo extends jn {
   apply(t) {
     const { transform: n, source: r } = t;
@@ -15683,13 +15722,13 @@ const Jo = class Jo extends jn {
 };
 Jo.configure = An(Jo);
 let Ko = Jo;
-const kb = () => {
-}, $1 = ({
+const Eb = () => {
+}, D1 = ({
   snap: e = !1,
   touchOptimized: t = !1,
   children: n
 }) => {
-  const { tracks: r, samplesPerPixel: o, sampleRate: a, playoutRef: s, isDraggingRef: i, onTracksChange: l } = Et(), { setSelectedTrackId: c } = Fe(), u = df(), f = e && u != null && u.scaleMode === "beats" && u.snapTo !== "off", p = e && !f;
+  const { tracks: r, samplesPerPixel: o, sampleRate: a, playoutRef: s, isDraggingRef: i, onTracksChange: l } = vt(), { setSelectedTrackId: c } = De(), u = df(), f = e && u != null && u.scaleMode === "beats" && u.snapTo !== "off", p = e && !f;
   K(() => {
     l == null && console.warn(
       "[waveform-playlist] ClipInteractionProvider: onTracksChange is not set on WaveformPlaylistProvider. Drag and trim edits will not be persisted."
@@ -15713,7 +15752,7 @@ const kb = () => {
     onDragEnd: m
   } = hy({
     tracks: r,
-    onTracksChange: l ?? kb,
+    onTracksChange: l ?? Eb,
     samplesPerPixel: o,
     sampleRate: a,
     engineRef: s,
@@ -15744,7 +15783,7 @@ const kb = () => {
       })
     ), b.push($s.configure({ tracks: r, samplesPerPixel: o })), b;
   }, [f, p, u, r, o, a]);
-  return /* @__PURE__ */ k(Py, { value: !0, children: /* @__PURE__ */ k(
+  return /* @__PURE__ */ k(Ly, { value: !0, children: /* @__PURE__ */ k(
     Rf,
     {
       sensors: h,
@@ -15763,23 +15802,24 @@ export {
   y1 as AutomaticScrollCheckbox,
   d1 as ClearAllButton,
   $s as ClipCollisionModifier,
-  $1 as ClipInteractionProvider,
+  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,
-  Sb as MediaElementAnnotationList,
-  _b as MediaElementPlaylist,
+  xb as MediaElementAnnotationList,
+  Cb as MediaElementPlaylist,
   t1 as MediaElementPlaylistProvider,
   T1 as MediaElementWaveform,
   r1 as PauseButton,
   n1 as PlayButton,
-  Hy as PlaylistAnnotationList,
-  Zy as PlaylistVisualization,
+  Xy as PlaylistAnnotationList,
+  Uy as PlaylistVisualization,
   a1 as RewindButton,
   v1 as SelectionTimeInputs,
   u1 as SetLoopRegionButton,
@@ -15800,34 +15840,34 @@ export {
   pa as effectDefinitions,
   wf as getEffectDefinition,
   Yb as getEffectsByCategory,
-  Gb as getShortcutLabel,
-  Nb as getWaveformDataMetadata,
-  Vb as loadPeaksFromWaveformData,
+  Xb as getShortcutLabel,
+  Hb as getWaveformDataMetadata,
+  Zb as loadPeaksFromWaveformData,
   yf as loadWaveformData,
   Xf as noDropAnimationPlugins,
   py as useAnnotationDragHandlers,
   lr as useAnnotationIntegration,
-  Xb as useAnnotationKeyboardControls,
-  Zb as useAudioTracks,
+  by as useAnnotationKeyboardControls,
+  Ub as useAudioTracks,
   hy as useClipDragHandlers,
-  Fy as useClipInteractionEnabled,
-  Hb as useClipSplitting,
+  By as useClipInteractionEnabled,
+  vy as useClipSplitting,
   gy as useDragSensors,
   qb as useDynamicEffects,
   Qb as useDynamicTracks,
-  Sy as useExportWav,
+  xy as useExportWav,
   Es as useKeyboardShortcuts,
-  zb as useMasterAnalyser,
+  Gb as useMasterAnalyser,
   iy as useMasterVolume,
   Ni as useMediaElementAnimation,
   Tf as useMediaElementControls,
   Zi as useMediaElementData,
   zi as useMediaElementState,
-  Ct as usePlaybackAnimation,
-  Ub as usePlaybackShortcuts,
-  Fe as usePlaylistControls,
-  Et as usePlaylistData,
-  xt as usePlaylistState,
+  Et as usePlaybackAnimation,
+  yy as usePlaybackShortcuts,
+  De as usePlaylistControls,
+  vt as usePlaylistData,
+  gt as usePlaylistState,
   E1 as useSpectrogramIntegration,
   ay as useTimeFormat,
   Jb as useTrackDynamicEffects,