@waveform-playlist/browser 9.3.0 → 9.3.1

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 We, 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 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 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;
@@ -2947,7 +2947,7 @@ dt.prototype.U = function(e) {
 };
 dt.prototype.subscribe = function(e) {
   var t = this;
-  return Mt(function() {
+  return Tt(function() {
     var n = t.value, r = we;
     we = void 0;
     try {
@@ -3110,7 +3110,7 @@ tr.prototype.d = function() {
 tr.prototype.dispose = function() {
   this.d();
 };
-function Mt(e, t) {
+function Tt(e, t) {
   var n = new tr(e, t);
   try {
     n.c();
@@ -3212,7 +3212,7 @@ function xa(e = !0) {
   };
 }
 function Zr(...e) {
-  const t = e.map((n) => Mt(n));
+  const t = e.map((n) => Tt(n));
   return () => t.forEach((n) => n());
 }
 var Hc, Gc, Uc, Xc, Yc, jc, lt, Ws, Ea, Xa, Ya, rt, Vs, Ia, Kc, ja, Ns, Aa, Ka, qa;
@@ -3480,13 +3480,13 @@ var au = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(au |
   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 = hu[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) && Dp(f < 4 ? o : { get [n]() {
     return Je(this, a);
   }, set [n](b) {
-    return Et(this, a, b);
+    return It(this, a, b);
   } }, n));
   f ? d && f < 4 && Ol(a, (f > 2 ? "set " : f > 1 ? "get " : "") + n) : Ol(o, n);
   for (var w = r.length - 1; w >= 0; w--)
-    c = Pp(f, n, l = {}, e[3], m), f && (c.static = p, c.private = d, u = c.access = { has: d ? (b) => Fp(o, b) : (b) => n in b }, f ^ 3 && (u.get = d ? (b) => (f ^ 1 ? Je : Op)(b, o, f ^ 4 ? a : y.get) : (b) => b[n]), f > 2 && (u.set = d ? (b, _) => Et(b, o, _, f ^ 4 ? a : y.set) : (b, _) => b[n] = _)), i = (0, r[w])(f ? f < 4 ? d ? a : y[g] : f > 4 ? void 0 : { get: y.get, set: y.set } : o, c), l._ = 1, f ^ 4 || i === void 0 ? gr(i) && (f > 4 ? v.unshift(i) : f ? d ? a = i : y[g] = i : o = i) : typeof i != "object" || i === null ? or("Object expected") : (gr(s = i.get) && (y.get = s), gr(s = i.set) && (y.set = s), gr(s = i.init) && v.unshift(s));
+    c = Pp(f, n, l = {}, e[3], m), f && (c.static = p, c.private = d, u = c.access = { has: d ? (b) => Fp(o, b) : (b) => n in b }, f ^ 3 && (u.get = d ? (b) => (f ^ 1 ? Je : Op)(b, o, f ^ 4 ? a : y.get) : (b) => b[n]), f > 2 && (u.set = d ? (b, _) => It(b, o, _, f ^ 4 ? a : y.set) : (b, _) => b[n] = _)), i = (0, r[w])(f ? f < 4 ? d ? a : y[g] : f > 4 ? void 0 : { get: y.get, set: y.set } : o, c), l._ = 1, f ^ 4 || i === void 0 ? gr(i) && (f > 4 ? v.unshift(i) : f ? d ? a = i : y[g] = i : o = i) : typeof i != "object" || i === null ? or("Object expected") : (gr(s = i.get) && (y.get = s), gr(s = i.set) && (y.set = s), gr(s = i.init) && v.unshift(s));
   return f || In(e, o), y && zs(o, n, y), d ? f ^ 4 ? a : y : o;
-}, Zs = (e, t, n) => t.has(e) || or("Cannot " + n), Fp = (e, t) => Object(t) !== t ? or('Cannot use the "in" operator on this value') : e.has(t), Je = (e, t, n) => (Zs(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Se = (e, t, n) => t.has(e) ? or("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Et = (e, t, n, r) => (Zs(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), Op = (e, t, n) => (Zs(e, t, "access private method"), n);
+}, Zs = (e, t, n) => t.has(e) || or("Cannot " + n), Fp = (e, t) => Object(t) !== t ? or('Cannot use the "in" operator on this value') : e.has(t), Je = (e, t, n) => (Zs(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Se = (e, t, n) => t.has(e) ? or("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), It = (e, t, n, r) => (Zs(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), Op = (e, t, n) => (Zs(e, t, "access private method"), n);
 function pu(e, t) {
   return {
     plugin: e,
@@ -3557,7 +3557,7 @@ var mt = class {
    * @returns A function to dispose of the effect
    */
   registerEffect(e) {
-    const t = Mt(e.bind(this));
+    const t = Tt(e.bind(this));
     return Je(this, _o).add(t), t;
   }
   /**
@@ -3628,7 +3628,7 @@ var Ur = class extends mt {
       }
     for (const { plugin: r, options: o } of t)
       this.register(r, o);
-    Et(this, So, n);
+    It(this, So, n);
   }
   /**
    * Gets a plugin instance by its constructor.
@@ -3694,17 +3694,17 @@ var ho = [], Wn, Vn, Bp = class extends mt {
    * @param manager - The drag drop manager instance
    */
   constructor(e) {
-    super(e), Se(this, Wn), Se(this, Vn), this.computeCollisions = this.computeCollisions.bind(this), Et(this, Vn, zr(ho)), this.destroy = Zr(
+    super(e), Se(this, Wn), Se(this, Vn), this.computeCollisions = this.computeCollisions.bind(this), It(this, Vn, zr(ho)), this.destroy = Zr(
       () => {
         const t = this.computeCollisions(), n = ke(
           () => this.manager.dragOperation.position.current
         );
         if (t !== ho) {
           const r = Je(this, Wn);
-          if (Et(this, Wn, n), r && n.x == r.x && n.y == r.y)
+          if (It(this, Wn, n), r && n.x == r.x && n.y == r.y)
             return;
         } else
-          Et(this, Wn, void 0);
+          It(this, Wn, void 0);
         Je(this, Vn).value = t;
       },
       () => {
@@ -3720,7 +3720,7 @@ var ho = [], Wn, Vn, Bp = class extends mt {
    */
   forceUpdate(e = !0) {
     ke(() => {
-      e ? Je(this, Vn).value = this.computeCollisions() : Et(this, Wn, void 0);
+      e ? Je(this, Vn).value = this.computeCollisions() : It(this, Wn, void 0);
     });
   }
   /**
@@ -3860,17 +3860,17 @@ 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, At, Ys;
+}, 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];
 var Kt = class {
   constructor() {
-    se(At, 5, this), Se(this, Ys, se(
-      At,
+    se(Mt, 5, this), Se(this, Ys, se(
+      Mt,
       8,
       this,
       "idle"
       /* Idle */
-    )), se(At, 11, this);
+    )), se(Mt, 11, this);
   }
   get current() {
     return this.value;
@@ -3900,16 +3900,16 @@ var Kt = class {
     this.value = e;
   }
 };
-At = ar(null);
+Mt = ar(null);
 Ys = /* @__PURE__ */ new WeakMap();
-de(At, 4, "value", Su, Kt, Ys);
-de(At, 2, "current", _u, Kt);
-de(At, 2, "idle", wu, Kt);
-de(At, 2, "initializing", bu, Kt);
-de(At, 2, "initialized", yu, Kt);
-de(At, 2, "dragging", vu, Kt);
-de(At, 2, "dropped", gu, Kt);
-In(At, Kt);
+de(Mt, 4, "value", Su, Kt, Ys);
+de(Mt, 2, "current", _u, Kt);
+de(Mt, 2, "idle", wu, Kt);
+de(Mt, 2, "initializing", bu, Kt);
+de(Mt, 2, "initialized", yu, Kt);
+de(Mt, 2, "dragging", vu, Kt);
+de(Mt, 2, "dropped", gu, Kt);
+In(Mt, Kt);
 var zp = class {
   /**
    * Creates a new instance of drag actions.
@@ -4074,7 +4074,7 @@ var zp = class {
             r.controller === o && (r.controller = void 0), r.reset();
           };
           if (l) {
-            const { source: u } = r, f = Mt(() => {
+            const { source: u } = r, f = Tt(() => {
               u?.status === "idle" && (f(), c());
             });
           } else
@@ -4304,7 +4304,7 @@ var Yn = class extends mt {
     this.options = e, Se(this, Co);
   }
   set controller(e) {
-    Et(this, Co, e), e.signal.addEventListener("abort", () => this.abort());
+    It(this, Co, e), e.signal.addEventListener("abort", () => this.abort());
   }
   /**
    * Called when the activation is triggered.
@@ -4384,7 +4384,7 @@ var jn = class extends mt {
   destroy() {
     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, Le, ii, li, ci, ui, di, yr;
+}, 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];
 var Bt = class {
   /**
@@ -4393,10 +4393,10 @@ var Bt = class {
    * @param manager - The drag and drop manager that owns this operation
    */
   constructor(e) {
-    se(Le, 5, this), Se(this, vr), Se(this, xo), Se(this, Nn, new un(
+    se(Be, 5, this), Se(this, vr), Se(this, xo), Se(this, Nn, new un(
       void 0,
       (t, n) => t && n ? t.equals(n) : t === n
-    )), this.status = new Kt(), Se(this, ii, se(Le, 8, this, !1)), se(Le, 11, this), Se(this, li, se(Le, 12, this, null)), se(Le, 15, this), Se(this, ci, se(Le, 16, this, null)), se(Le, 19, this), Se(this, ui, se(Le, 20, this, null)), se(Le, 23, this), Se(this, di, se(Le, 24, this, [])), se(Le, 27, this), this.position = new oa({ x: 0, y: 0 }), Se(this, yr, { x: 0, y: 0 }), Et(this, vr, e);
+    )), this.status = new Kt(), Se(this, ii, se(Be, 8, this, !1)), se(Be, 11, this), Se(this, li, se(Be, 12, this, null)), se(Be, 15, this), Se(this, ci, se(Be, 16, this, null)), se(Be, 19, this), Se(this, ui, se(Be, 20, this, null)), se(Be, 23, this), Se(this, di, se(Be, 24, this, [])), se(Be, 27, this), this.position = new oa({ x: 0, y: 0 }), Se(this, yr, { x: 0, y: 0 }), It(this, vr, e);
   }
   get shape() {
     const { current: e, initial: t, previous: n } = Je(this, Nn);
@@ -4415,7 +4415,7 @@ var Bt = class {
     const t = this.sourceIdentifier;
     if (t == null) return null;
     const n = Je(this, vr).registry.draggables.get(t);
-    return n && Et(this, xo, n), (e = n ?? Je(this, xo)) != null ? e : null;
+    return n && It(this, xo, n), (e = n ?? Je(this, xo)) != null ? e : null;
   }
   get target() {
     var e;
@@ -4429,7 +4429,7 @@ var Bt = class {
       n = r.apply(du(uu({}, this.snapshot()), {
         transform: n
       }));
-    return Et(this, yr, n), n;
+    return It(this, yr, n), n;
   }
   /**
    * Creates a snapshot of the current drag operation state.
@@ -4464,11 +4464,11 @@ var Bt = class {
       this.status.set(
         "idle"
         /* Idle */
-      ), this.sourceIdentifier = null, this.targetIdentifier = null, Je(this, Nn).reset(), this.position.reset({ x: 0, y: 0 }), Et(this, yr, { x: 0, y: 0 }), this.modifiers = [];
+      ), this.sourceIdentifier = null, this.targetIdentifier = null, Je(this, Nn).reset(), this.position.reset({ x: 0, y: 0 }), It(this, yr, { x: 0, y: 0 }), this.modifiers = [];
     });
   }
 };
-Le = ar(null);
+Be = ar(null);
 vr = /* @__PURE__ */ new WeakMap();
 xo = /* @__PURE__ */ new WeakMap();
 Nn = /* @__PURE__ */ new WeakMap();
@@ -4478,16 +4478,16 @@ ci = /* @__PURE__ */ new WeakMap();
 ui = /* @__PURE__ */ new WeakMap();
 di = /* @__PURE__ */ new WeakMap();
 yr = /* @__PURE__ */ new WeakMap();
-de(Le, 2, "shape", Yu, Bt);
-de(Le, 4, "canceled", Xu, Bt, ii);
-de(Le, 4, "activatorEvent", Uu, Bt, li);
-de(Le, 4, "sourceIdentifier", Gu, Bt, ci);
-de(Le, 4, "targetIdentifier", Hu, Bt, ui);
-de(Le, 4, "modifiers", Zu, Bt, di);
-de(Le, 2, "source", zu, Bt);
-de(Le, 2, "target", Nu, Bt);
-de(Le, 2, "transform", Vu, Bt);
-In(Le, Bt);
+de(Be, 2, "shape", Yu, Bt);
+de(Be, 4, "canceled", Xu, Bt, ii);
+de(Be, 4, "activatorEvent", Uu, Bt, li);
+de(Be, 4, "sourceIdentifier", Gu, Bt, ci);
+de(Be, 4, "targetIdentifier", Hu, Bt, ui);
+de(Be, 4, "modifiers", Zu, Bt, di);
+de(Be, 2, "source", zu, Bt);
+de(Be, 2, "target", Nu, Bt);
+de(Be, 2, "transform", Vu, Bt);
+In(Be, Bt);
 var Gp = {
   get rendering() {
     return Promise.resolve();
@@ -4600,26 +4600,26 @@ function hi(e) {
 function Xr(e) {
   return "nodeType" in e;
 }
-function Tt(e) {
+function $t(e) {
   var t, n, r;
   return e ? hi(e) ? e : Xr(e) ? "defaultView" in e ? (t = e.defaultView) != null ? t : window : (r = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? r : window : window : window;
 }
 function pi(e) {
-  const { Document: t } = Tt(e);
+  const { Document: t } = $t(e);
   return e instanceof t || "nodeType" in e && e.nodeType === Node.DOCUMENT_NODE;
 }
 function kn(e) {
-  return !e || hi(e) ? !1 : e instanceof Tt(e).HTMLElement || "namespaceURI" in e && typeof e.namespaceURI == "string" && e.namespaceURI.endsWith("html");
+  return !e || hi(e) ? !1 : e instanceof $t(e).HTMLElement || "namespaceURI" in e && typeof e.namespaceURI == "string" && e.namespaceURI.endsWith("html");
 }
 function qu(e) {
-  return e instanceof Tt(e).SVGElement || "namespaceURI" in e && typeof e.namespaceURI == "string" && e.namespaceURI.endsWith("svg");
+  return e instanceof $t(e).SVGElement || "namespaceURI" in e && typeof e.namespaceURI == "string" && e.namespaceURI.endsWith("svg");
 }
 function Mn(e) {
   return e ? hi(e) ? e.document : Xr(e) ? pi(e) ? e : kn(e) || qu(e) ? e.ownerDocument : document : document : document;
 }
 function Yp(e) {
   var t, n, r, o;
-  const { documentElement: a } = Mn(e), s = Tt(e).visualViewport, i = (t = s?.width) != null ? t : a.clientWidth, l = (n = s?.height) != null ? n : a.clientHeight, c = (r = s?.offsetTop) != null ? r : 0, u = (o = s?.offsetLeft) != null ? o : 0;
+  const { documentElement: a } = Mn(e), s = $t(e).visualViewport, i = (t = s?.width) != null ? t : a.clientWidth, l = (n = s?.height) != null ? n : a.clientHeight, c = (r = s?.offsetTop) != null ? r : 0, u = (o = s?.offsetLeft) != null ? o : 0;
   return {
     top: c,
     left: u,
@@ -4718,7 +4718,7 @@ function Qu() {
   };
 }
 function gi(e) {
-  return !e || !Xr(e) ? !1 : e instanceof Tt(e).ShadowRoot;
+  return !e || !Xr(e) ? !1 : e instanceof $t(e).ShadowRoot;
 }
 function Lo(e) {
   if (e && Xr(e)) {
@@ -5004,7 +5004,7 @@ function zl(e) {
 }
 function ld(e) {
   var t, n;
-  const r = Tt(e), o = zl(e) ? Yp(e) : sa(e), a = r.visualViewport, s = zl(e) ? {
+  const r = $t(e), o = zl(e) ? Yp(e) : sa(e), a = r.visualViewport, s = zl(e) ? {
     height: (t = a?.height) != null ? t : r.innerHeight,
     width: (n = a?.width) != null ? n : r.innerWidth
   } : {
@@ -5063,7 +5063,7 @@ function qt(e, t = !1) {
   return n || (n = Zl(e), No.set(e, n), dm.schedule(fm), n);
 }
 function Zl(e) {
-  return Tt(e).getComputedStyle(e);
+  return $t(e).getComputedStyle(e);
 }
 function hm(e, t = qt(e, !0)) {
   return t.position === "fixed" || t.position === "sticky";
@@ -5199,7 +5199,7 @@ function bm(e) {
   }
   return null;
 }
-var It = /* @__PURE__ */ ((e) => (e[e.Idle = 0] = "Idle", e[e.Forward = 1] = "Forward", e[e.Reverse = -1] = "Reverse", e))(It || {}), wm = {
+var At = /* @__PURE__ */ ((e) => (e[e.Idle = 0] = "Idle", e[e.Forward = 1] = "Forward", e[e.Reverse = -1] = "Reverse", e))(At || {}), wm = {
   x: 0.2,
   y: 0.2
 }, _m = {
@@ -5412,16 +5412,16 @@ var Rm = class {
   }
 };
 function Cn(e) {
-  return e ? e instanceof Tt(e).Element || Xr(e) && e.nodeType === Node.ELEMENT_NODE : !1;
+  return e ? e instanceof $t(e).Element || Xr(e) && e.nodeType === Node.ELEMENT_NODE : !1;
 }
 function wi(e) {
   if (!e) return !1;
-  const { KeyboardEvent: t } = Tt(e.target);
+  const { KeyboardEvent: t } = $t(e.target);
   return e instanceof t;
 }
 function Pm(e) {
   if (!e) return !1;
-  const { PointerEvent: t } = Tt(e.target);
+  const { PointerEvent: t } = $t(e.target);
   return e instanceof t;
 }
 function Fm(e) {
@@ -5511,7 +5511,7 @@ var Lm = ({
   for (var w = r.length - 1; w >= 0; w--)
     c = Hm(f, n, l = {}, e[3], m), f && (c.static = p, c.private = d, u = c.access = { has: d ? (b) => Gm(o, b) : (b) => n in b }, f ^ 3 && (u.get = d ? (b) => (f ^ 1 ? Ie : xn)(b, o, f ^ 4 ? a : y.get) : (b) => b[n]), f > 2 && (u.set = d ? (b, _) => ut(b, o, _, f ^ 4 ? a : y.set) : (b, _) => b[n] = _)), i = (0, r[w])(f ? f < 4 ? d ? a : y[g] : f > 4 ? void 0 : { get: y.get, set: y.set } : o, c), l._ = 1, f ^ 4 || i === void 0 ? kr(i) && (f > 4 ? v.unshift(i) : f ? d ? a = i : y[g] = i : o = i) : typeof i != "object" || i === null ? sr("Object expected") : (kr(s = i.get) && (y.get = s), kr(s = i.set) && (y.set = s), kr(s = i.init) && v.unshift(s));
   return f || Tn(e, o), y && _i(o, n, y), d ? f ^ 4 ? a : y : o;
-}, ki = (e, t, n) => t.has(e) || sr("Cannot " + n), Gm = (e, t) => Object(t) !== t ? sr('Cannot use the "in" operator on this value') : e.has(t), Ie = (e, t, n) => (ki(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Be = (e, t, n) => t.has(e) ? sr("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), ut = (e, t, n, r) => (ki(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), xn = (e, t, n) => (ki(e, t, "access private method"), n), Gl = {
+}, ki = (e, t, n) => t.has(e) || sr("Cannot " + n), Gm = (e, t) => Object(t) !== t ? sr('Cannot use the "in" operator on this value') : e.has(t), Ie = (e, t, n) => (ki(e, t, "read from private field"), n ? n.call(e) : t.get(e)), We = (e, t, n) => t.has(e) ? sr("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), ut = (e, t, n, r) => (ki(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), xn = (e, t, n) => (ki(e, t, "access private method"), n), Gl = {
   role: "button",
   roleDescription: "draggable"
 }, Um = "dnd-kit-description", Xm = "dnd-kit-announcement", Ym = {
@@ -5630,7 +5630,7 @@ var ng = class extends mt {
         return Mn((r = this.manager.dragOperation.source) == null ? void 0 : r.element);
       }
     );
-    this.destroy = Mt(() => {
+    this.destroy = Tt(() => {
       var r;
       const { dragOperation: o } = this.manager, { cursor: a = "grabbing", nonce: s } = (r = this.options) != null ? r : {};
       if (o.status.initialized) {
@@ -5641,7 +5641,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) {
   constructor(e) {
-    super(e), He(jt, 5, this), Be(this, Qn), Be(this, Tr, /* @__PURE__ */ new Set()), Be(this, Ci, He(jt, 8, this, /* @__PURE__ */ new Set())), He(jt, 11, this), this.registerEffect(xn(this, Qn, yd));
+    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));
   }
   /**
    * Registers CSS rules to be injected into the active drag operation's
@@ -6020,7 +6020,7 @@ function mg(e) {
       ]
     }),
     options: {
-      duration: ed(Tt(e.feedbackElement)) ? 0 : e.moved || e.feedbackElement !== e.element ? s : 0,
+      duration: ed($t(e.feedbackElement)) ? 0 : e.moved || e.feedbackElement !== e.element ? s : 0,
       easing: i
     }
   }).then(() => {
@@ -6029,7 +6029,7 @@ function mg(e) {
 }
 var kd, ps, Lr, xi, Ao, Cd, xd, Br = class extends (ps = mt, kd = [ge], ps) {
   constructor(t, n) {
-    super(t, n), Be(this, Ao), Be(this, xi, He(Lr, 8, this)), He(Lr, 11, this), this.state = {
+    super(t, n), We(this, Ao), We(this, xi, He(Lr, 8, this)), He(Lr, 11, this), this.state = {
       initial: {},
       current: {}
     };
@@ -6124,14 +6124,14 @@ xd = function() {
     top: _ + G.y
   };
   d.setAttribute(Vt, "true");
-  const Me = ke(() => s.transform), B = (t = p.translate) != null ? t : { x: 0, y: 0 }, Fe = Me.x * h.scaleX + B.x, st = Me.y * h.scaleY + B.y, Ge = Qu();
+  const Me = ke(() => s.transform), B = (t = p.translate) != null ? t : { x: 0, y: 0 }, Oe = Me.x * h.scaleX + B.x, st = Me.y * h.scaleY + B.y, Ge = Qu();
   C.set(
     {
       width: w - X,
       height: b - ee,
       top: te.top + Ge.y,
       left: te.left + Ge.x,
-      translate: `${Fe}px ${st}px 0`,
+      translate: `${Oe}px ${st}px 0`,
       transition: E ? `${E}, translate 0ms linear` : "",
       scale: v ? `${y.x} ${y.y}` : "",
       "transform-origin": `${he.x * 100}% ${he.y * 100}%`
@@ -6161,7 +6161,7 @@ xd = function() {
     }
   }), xe = new Yt(d);
   ke(() => s.shape = xe);
-  const Ne = Tt(d), Ue = (le) => {
+  const Ne = $t(d), Ue = (le) => {
     this.manager.actions.stop({ event: le });
   }, tt = ed(Ne);
   fe && Ne.addEventListener("resize", Ue), ke(() => l.status) === "idle" && requestAnimationFrame(() => l.status = "dragging"), ie && (ft.observe(ie), ve = ug(
@@ -6261,16 +6261,16 @@ St(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;
-Md = (Ad = [ge], It.Forward), Id = (Ed = [ge], It.Reverse);
+Md = (Ad = [ge], At.Forward), Id = (Ed = [ge], At.Reverse);
 var Wr = class {
   constructor() {
-    Be(this, Ei, He(on, 8, this, ur)), He(on, 11, this), Be(this, Ii, He(on, 12, this, ur)), He(on, 15, this);
+    We(this, Ei, He(on, 8, this, ur)), He(on, 11, this), We(this, Ii, He(on, 12, this, ur)), He(on, 15, this);
   }
   isLocked(e) {
-    return e === It.Idle ? !1 : e == null ? this[It.Forward] === ur && this[It.Reverse] === ur : this[e] === ur;
+    return e === At.Idle ? !1 : e == null ? this[At.Forward] === ur && this[At.Reverse] === ur : this[e] === ur;
   }
   unlock(e) {
-    e !== It.Idle && (this[e] = gg);
+    e !== At.Idle && (this[e] = gg);
   }
 };
 on = ir(null);
@@ -6279,7 +6279,7 @@ Ii = /* @__PURE__ */ new WeakMap();
 St(on, 4, Md, Ad, Wr, Ei);
 St(on, 4, Id, Ed, Wr, Ii);
 Tn(on, Wr);
-var vg = [It.Forward, It.Reverse], Xl = class {
+var vg = [At.Forward, At.Reverse], Xl = class {
   constructor() {
     this.x = new Wr(), this.y = new Wr();
   }
@@ -6291,7 +6291,7 @@ var vg = [It.Forward, It.Reverse], Xl = class {
     super(e);
     const t = zr(new Xl());
     let n = null;
-    this.signal = t, Mt(() => {
+    this.signal = t, Tt(() => {
       const { status: r } = e.dragOperation;
       if (!r.initialized) {
         n = null, t.value = new Xl();
@@ -6322,7 +6322,7 @@ function Yl(e, t) {
 }
 var Td, gs, Vr, Ai, nn, vs, ia = class extends (gs = Ur, Td = [ge], gs) {
   constructor(e) {
-    super(e), Be(this, Ai, He(Vr, 8, this, !1)), He(Vr, 11, this), Be(this, nn), Be(this, vs, () => {
+    super(e), We(this, Ai, He(Vr, 8, this, !1)), He(Vr, 11, this), We(this, nn), We(this, vs, () => {
       if (!Ie(this, nn))
         return;
       const { element: a, by: s } = Ie(this, nn);
@@ -6414,7 +6414,7 @@ vs = /* @__PURE__ */ new WeakMap();
 St(Vr, 4, "autoScrolling", Td, ia, Ai);
 Tn(Vr, ia);
 function jl(e) {
-  return e > 0 ? It.Forward : e < 0 ? It.Reverse : It.Idle;
+  return e > 0 ? At.Forward : e < 0 ? At.Reverse : At.Idle;
 }
 var bg = class {
   constructor(e) {
@@ -6438,7 +6438,7 @@ var bg = class {
     const n = e.registry.plugins.get(ia);
     if (!n)
       throw new Error("AutoScroller plugin depends on Scroller plugin");
-    this.destroy = Mt(() => {
+    this.destroy = Tt(() => {
       if (this.disabled)
         return;
       const { position: r, status: o } = e.dragOperation;
@@ -6461,13 +6461,13 @@ var bg = class {
   passive: !0
 }, Cr, Sg = class extends Ur {
   constructor(e) {
-    super(e), Be(this, Cr), this.handleScroll = () => {
+    super(e), We(this, Cr), this.handleScroll = () => {
       Ie(this, Cr) == null && ut(this, Cr, setTimeout(() => {
         this.manager.collisionObserver.forceUpdate(!1), ut(this, Cr, void 0);
       }, 50));
     };
     const { dragOperation: t } = this.manager;
-    this.destroy = Mt(() => {
+    this.destroy = Tt(() => {
       var n, r, o;
       if (t.status.dragging) {
         const s = (o = (r = (n = t.source) == null ? void 0 : n.element) == null ? void 0 : r.ownerDocument) != null ? o : document;
@@ -6485,7 +6485,7 @@ var bg = class {
 Cr = /* @__PURE__ */ new WeakMap();
 var kg = class extends mt {
   constructor(e, t) {
-    super(e, t), this.manager = e, this.destroy = Mt(() => {
+    super(e, t), this.manager = e, this.destroy = Tt(() => {
       var n;
       const { dragOperation: r } = this.manager, { nonce: o } = (n = this.options) != null ? n : {};
       if (r.status.initialized) {
@@ -6523,7 +6523,7 @@ var xr = Object.freeze({
   }
 }), zn, Go = class extends Yn {
   constructor(t, n) {
-    super(t), this.manager = t, this.options = n, Be(this, zn, []), this.listeners = new nd(), this.handleSourceKeyDown = (r, o, a) => {
+    super(t), this.manager = t, this.options = n, We(this, zn, []), this.listeners = new nd(), this.handleSourceKeyDown = (r, o, a) => {
       if (this.disabled || r.defaultPrevented || !Cn(r.target) || o.disabled)
         return;
       const {
@@ -6534,7 +6534,7 @@ var xr = Object.freeze({
     };
   }
   bind(t, n = this.options) {
-    return Mt(() => {
+    return Tt(() => {
       var o;
       const a = (o = t.handle) != null ? o : t.element, s = (i) => {
         wi(i) && this.handleSourceKeyDown(i, t, n);
@@ -6637,7 +6637,7 @@ function On(e, t) {
 }
 var wn, xg = class extends Wu {
   constructor() {
-    super(...arguments), Be(this, wn);
+    super(...arguments), We(this, wn);
   }
   onEvent(e) {
     switch (e.type) {
@@ -6668,7 +6668,7 @@ var wn, xg = class extends Wu {
 wn = /* @__PURE__ */ new WeakMap();
 var Zn, _n, Eg = class extends Wu {
   constructor() {
-    super(...arguments), Be(this, Zn), Be(this, _n);
+    super(...arguments), We(this, Zn), We(this, _n);
   }
   onEvent(e) {
     switch (e.type) {
@@ -6722,7 +6722,7 @@ var ys = Object.freeze({
   }
 }), Hn, Uo = class extends Yn {
   constructor(t, n) {
-    super(t), this.manager = t, this.options = n, Be(this, Hn, /* @__PURE__ */ new Set()), this.listeners = new nd(), this.latest = {
+    super(t), this.manager = t, this.options = n, We(this, Hn, /* @__PURE__ */ new Set()), this.listeners = new nd(), this.latest = {
       event: void 0,
       coordinates: void 0
     }, this.handleMove = () => {
@@ -6735,7 +6735,7 @@ var ys = Object.freeze({
     return typeof o == "function" ? o(t, n) : o;
   }
   bind(t, n = this.options) {
-    return Mt(() => {
+    return Tt(() => {
       var o;
       const a = new AbortController(), { signal: s } = a, i = (c) => {
         Pm(c) && this.handlePointerDown(c, t, n);
@@ -6934,7 +6934,7 @@ var Un = {
         ]
       }, i),
       t
-    ), Be(this, Ti, He(Ot, 8, this)), He(Ot, 11, this), Be(this, $i, He(Ot, 12, this)), He(Ot, 15, this), Be(this, Di, He(Ot, 16, this)), He(Ot, 19, this), this.element = r, this.handle = a, this.feedback = s;
+    ), We(this, Ti, He(Ot, 8, this)), He(Ot, 11, this), We(this, $i, He(Ot, 12, this)), He(Ot, 15, this), We(this, Di, He(Ot, 16, this)), He(Ot, 19, this), this.element = r, this.handle = a, this.feedback = s;
   }
 };
 Ot = ir(ws);
@@ -6991,7 +6991,7 @@ var Fd, Od, _s, an, Ri, Ra, Ld, Bd, $r, Pi, Wd = class extends (_s = Ht, Od = [g
         ]
       }),
       t
-    ), Be(this, $r), Be(this, Ri, He(an, 8, this)), He(an, 11, this), Be(this, Pi, He(an, 12, this)), He(an, 15, this), this.element = r, this.refreshShape = () => i();
+    ), We(this, $r), We(this, Ri, He(an, 8, this)), He(an, 11, this), We(this, Pi, He(an, 12, this)), He(an, 15, this), this.element = r, this.refreshShape = () => i();
   }
   set element(e) {
     ut(this, $r, e, Bd);
@@ -7030,7 +7030,7 @@ function Rg(e, t) {
       n.current.clear();
       return;
     }
-    return Mt(() => {
+    return Tt(() => {
       var o;
       let a = !1, s = !1;
       for (const i of n.current) {
@@ -7070,7 +7070,7 @@ var Pg = Object.defineProperty, Fg = Object.defineProperties, Og = Object.getOwn
     for (var n of Ql(t))
       Bg.call(t, n) && ec(e, n, t[n]);
   return e;
-}, Vg = (e, t) => Fg(e, Og(t)), Ng = new Mi(), zg = We(
+}, Vg = (e, t) => Fg(e, Og(t)), Ng = new Mi(), zg = Ve(
   Ng
 );
 Sc(
@@ -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 = We({
+]), s0 = Ve({
   color: "currentColor",
   size: "1em",
   weight: "regular",
@@ -7490,7 +7490,7 @@ var l0 = O.div`
   font-family: ${(e) => e.theme.fontFamily};
   font-size: ${(e) => e.theme.fontSize};
   color: ${(e) => e.theme.textColor};
-`, $t = O.button`
+`, kt = O.button`
   padding: 0.5rem 1rem;
   background: ${(e) => e.theme.buttonBackground || "#007bff"};
   color: ${(e) => e.theme.buttonText || "white"};
@@ -7824,7 +7824,7 @@ var rf = {
   cancelPendingNotification() {
     this._notifyRafId !== null && (cancelAnimationFrame(this._notifyRafId), this._notifyRafId = null);
   }
-}, of = We(null), m0 = () => () => {
+}, of = Ve(null), m0 = () => () => {
 }, g0 = ({ containerRef: e, children: t }) => {
   const n = T(null);
   n.current === null && (n.current = new p0(e.current));
@@ -7877,7 +7877,7 @@ function ua(e, t, n = 0) {
     [r]
   );
 }
-var af = We(0), y0 = ({
+var af = Ve(0), y0 = ({
   originX: e,
   children: t
 }) => /* @__PURE__ */ k(af.Provider, { value: e, children: t }), Li = () => Pe(af);
@@ -8996,14 +8996,14 @@ var ac = ({
       }
     )
   ] });
-}, rv = We(null);
+}, rv = Ve(null);
 function df() {
   return Pe(rv);
 }
 function To() {
   return window.devicePixelRatio;
 }
-var ff = We(To()), hf = ({ children: e }) => {
+var ff = Ve(To()), hf = ({ children: e }) => {
   const [t, n] = z(To());
   return matchMedia(`(resolution: ${To()}dppx)`).addEventListener(
     "change",
@@ -9012,7 +9012,7 @@ var ff = We(To()), hf = ({ children: e }) => {
     },
     { once: !0 }
   ), /* @__PURE__ */ k(ff.Provider, { value: Math.ceil(t), children: e });
-}, Vi = () => Pe(ff), Jr = We({
+}, Vi = () => Pe(ff), Jr = Ve({
   sampleRate: 48e3,
   samplesPerPixel: 1e3,
   zoomLevels: [1e3, 1500, 2e3, 2500],
@@ -9026,15 +9026,15 @@ var ff = We(To()), hf = ({ children: e }) => {
   barWidth: 1,
   barGap: 0
 }), fa = () => Pe(Jr), Qr = () => Pe($h);
-We(/* @__PURE__ */ k(Mh, {}));
+Ve(/* @__PURE__ */ k(Mh, {}));
 var ov = 0, av = !1, sv = 0, iv = 0, lv = {
   progress: ov,
   isPlaying: av,
   selectionStart: sv,
   selectionEnd: iv
 };
-We(lv);
-We({
+Ve(lv);
+Ve({
   setIsPlaying: () => {
   },
   setProgress: () => {
@@ -9174,8 +9174,8 @@ var hv = fv(), sc = ({
         const te = (ie + _e) * s, Me = Math.floor(te / F);
         if (Me < 0 || Me >= D) continue;
         const B = Me * I;
-        for (let Fe = 0; Fe < De; Fe++) {
-          const st = 1 - Fe / De;
+        for (let Oe = 0; Oe < De; Oe++) {
+          const st = 1 - Oe / De;
           let Ge = Math.floor(st * I);
           if (R) {
             let xe = 0, Ne = I - 1;
@@ -9186,7 +9186,7 @@ var hv = fv(), sc = ({
             Ge = xe;
           }
           if (Ge < 0 || Ge >= I) continue;
-          const ve = n.data[B + Ge], re = Math.max(0, Math.min(1, (ve + q + H) / q)), Qe = Math.floor(re * 255), ft = (Fe * he + _e) * 4;
+          const ve = n.data[B + Ge], re = Math.max(0, Math.min(1, (ve + q + H) / q)), Qe = Math.floor(re * 255), ft = (Oe * he + _e) * 4;
           Y[ft] = E[Qe * 3], Y[ft + 1] = E[Qe * 3 + 1], Y[ft + 2] = E[Qe * 3 + 2], Y[ft + 3] = 255;
         }
       }
@@ -11010,7 +11010,7 @@ function gy(e = {}) {
   ], [t, n, r, o]);
 }
 const Hb = (e) => {
-  const { tracks: t, sampleRate: n, engineRef: r } = e, { currentTimeRef: o } = kt(), { selectedTrackId: a } = Ct(), s = $(
+  const { tracks: t, sampleRate: n, engineRef: r } = e, { currentTimeRef: o } = Ct(), { selectedTrackId: a } = xt(), s = $(
     (l, c, u) => {
       const { samplesPerPixel: f } = e, p = t[l];
       if (!p) return !1;
@@ -11066,7 +11066,7 @@ const Hb = (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 } = kt(), { setCurrentTime: a, play: s, pause: i, stop: l } = Ve(), c = $(() => {
+  const { enabled: t = !0, additionalShortcuts: n = [], shortcuts: r } = e, { isPlaying: o } = Ct(), { setCurrentTime: a, play: s, pause: i, stop: l } = Fe(), c = $(() => {
     o ? i() : s();
   }, [o, s, i]), u = $(() => {
     l();
@@ -12885,7 +12885,7 @@ function Qb() {
     errors: o
   };
 }
-const Sf = We(null), kf = We(null), Cf = We(null), xf = We(null), e1 = ({
+const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
   tracks: e,
   timescale: t = !1,
   mono: n = !1,
@@ -12926,13 +12926,13 @@ const Sf = We(null), kf = We(null), Cf = We(null), xf = We(null), e1 = ({
   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(
     c?.isContinuousPlay ?? !1
-  ), [Z, Y] = z(c?.linkEndpoints ?? !1), [_e, G] = z(c?.editable ?? !1), [te, Me] = z(!1), B = T(null), Fe = T(!1), st = T(!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 }), {
     masterVolume: ue,
-    setMasterVolume: Oe,
+    setMasterVolume: Le,
     masterVolumeRef: qe,
     onEngineState: ae
   } = ne, {
@@ -13031,7 +13031,7 @@ const Sf = We(null), kf = We(null), Cf = We(null), xf = We(null), e1 = ({
           soloed: bt.soloed,
           volume: bt.volume,
           pan: bt.pan
-        }))), B.current && B.current.dispose(), je.current = 0, ye.current = null, Fe.current = !1;
+        }))), 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,
@@ -13219,7 +13219,7 @@ const Sf = We(null), kf = We(null), Cf = We(null), xf = We(null), e1 = ({
         const { position: U } = ro.current;
         ro.current = null;
         const W = Lt().currentTime;
-        xe.current = W, Ne.current = U, Fe.current || (await B.current.init(), Fe.current = !0), B.current.play(U), A(!0), pn();
+        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();
@@ -13231,7 +13231,7 @@ const Sf = We(null), kf = We(null), Cf = We(null), xf = We(null), e1 = ({
       const be = N ?? ve.current;
       Ge.current = be, ve.current = be, B.current.stop(), B.current.seek(be), yt();
       const Ee = Lt().currentTime;
-      xe.current = Ee, Ne.current = be, Ue.current = U !== void 0 ? be + U : null, Fe.current || (await B.current.init(), Fe.current = !0);
+      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);
@@ -13385,7 +13385,7 @@ const Sf = We(null), kf = We(null), Cf = We(null), xf = We(null), e1 = ({
       zoomIn: gt.zoomIn,
       zoomOut: gt.zoomOut,
       // Master volume
-      setMasterVolume: Oe,
+      setMasterVolume: Le,
       // Automatic scroll
       setAutomaticScroll: yl,
       setScrollContainer: pl,
@@ -13418,7 +13418,7 @@ const Sf = We(null), kf = We(null), Cf = We(null), xf = We(null), e1 = ({
       Rn,
       gt.zoomIn,
       gt.zoomOut,
-      Oe,
+      Le,
       yl,
       pl,
       tt,
@@ -13485,22 +13485,22 @@ const Sf = We(null), kf = We(null), Cf = We(null), xf = We(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 }) }) }) }) });
-}, kt = () => {
+}, Ct = () => {
   const e = Pe(Sf);
   if (!e)
     throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");
   return e;
-}, Ct = () => {
+}, xt = () => {
   const e = Pe(kf);
   if (!e)
     throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");
   return e;
-}, Ve = () => {
+}, Fe = () => {
   const e = Pe(Cf);
   if (!e)
     throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");
   return e;
-}, xt = () => {
+}, Et = () => {
   const e = Pe(xf);
   if (!e)
     throw new Error("usePlaylistData must be used within WaveformPlaylistProvider");
@@ -13749,7 +13749,7 @@ var $y = class {
     return this.track?.peaks.sample_rate ?? 44100;
   }
 };
-const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
+const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
   track: e,
   samplesPerPixel: t = 1024,
   waveHeight: n = 100,
@@ -13873,7 +13873,7 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
       De(j);
     };
     De(j);
-  }, [Y, te, De]), B = Z, Fe = $(
+  }, [Y, te, De]), B = Z, Oe = $(
     (j) => {
       if (!q.current) return;
       const ye = j ?? oe.current;
@@ -13925,7 +13925,7 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
     []
   ), tt = Ce(
     () => ({
-      play: Fe,
+      play: Oe,
       pause: st,
       stop: Ge,
       seekTo: ve,
@@ -13940,7 +13940,7 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
       scrollContainerRef: ie
     }),
     [
-      Fe,
+      Oe,
       st,
       Ge,
       ve,
@@ -13999,8 +13999,8 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
     throw new Error("useMediaElementData must be used within MediaElementPlaylistProvider");
   return e;
 }, n1 = ({ className: e }) => {
-  const { isPlaying: t, currentTimeRef: n } = kt(), { selectionStart: r, selectionEnd: o, isLoopEnabled: a } = Ct(), { play: s } = Ve();
-  return /* @__PURE__ */ k($t, { onClick: async () => {
+  const { isPlaying: t, currentTimeRef: n } = Ct(), { selectionStart: r, selectionEnd: o, isLoopEnabled: a } = xt(), { play: s } = Fe();
+  return /* @__PURE__ */ k(kt, { onClick: async () => {
     if (r !== o && o > r && !a) {
       const c = o - r;
       await s(r, c);
@@ -14008,27 +14008,27 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
       await s(n.current ?? 0);
   }, disabled: t, className: e, children: "Play" });
 }, r1 = ({ className: e }) => {
-  const { isPlaying: t } = kt(), { pause: n } = Ve();
-  return /* @__PURE__ */ k($t, { onClick: n, disabled: !t, className: e, children: "Pause" });
+  const { isPlaying: t } = Ct(), { pause: n } = Fe();
+  return /* @__PURE__ */ k(kt, { onClick: n, disabled: !t, className: e, children: "Pause" });
 }, o1 = ({ className: e }) => {
-  const { isPlaying: t } = kt(), { stop: n } = Ve();
-  return /* @__PURE__ */ k($t, { onClick: n, disabled: !t, className: e, children: "Stop" });
+  const { isPlaying: t } = Ct(), { stop: n } = Fe();
+  return /* @__PURE__ */ k(kt, { onClick: n, disabled: !t, className: e, children: "Stop" });
 }, a1 = ({ className: e }) => {
-  const { isPlaying: t } = kt(), { play: n, setCurrentTime: r } = Ve();
-  return /* @__PURE__ */ k($t, { onClick: () => {
+  const { isPlaying: t } = Ct(), { play: n, setCurrentTime: r } = Fe();
+  return /* @__PURE__ */ k(kt, { onClick: () => {
     r(0), t && n(0);
   }, className: e, children: "Rewind" });
 }, s1 = ({ className: e }) => {
-  const { isPlaying: t } = kt(), { play: n, setCurrentTime: r } = Ve(), { duration: o } = xt();
-  return /* @__PURE__ */ k($t, { onClick: () => {
+  const { isPlaying: t } = Ct(), { play: n, setCurrentTime: r } = Fe(), { duration: o } = Et();
+  return /* @__PURE__ */ k(kt, { onClick: () => {
     r(o), t && n(o);
   }, className: e, children: "Fast Forward" });
 }, i1 = ({
   skipAmount: e = 5,
   className: t
 }) => {
-  const { currentTimeRef: n, isPlaying: r } = kt(), { play: o, setCurrentTime: a } = Ve();
-  return /* @__PURE__ */ k($t, { onClick: () => {
+  const { currentTimeRef: n, isPlaying: r } = Ct(), { play: o, setCurrentTime: a } = Fe();
+  return /* @__PURE__ */ k(kt, { 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 = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
   skipAmount: e = 5,
   className: t
 }) => {
-  const { currentTimeRef: n, isPlaying: r } = kt(), { play: o, setCurrentTime: a } = Ve(), { duration: s } = xt();
-  return /* @__PURE__ */ k($t, { onClick: () => {
+  const { currentTimeRef: n, isPlaying: r } = Ct(), { play: o, setCurrentTime: a } = Fe(), { duration: s } = Et();
+  return /* @__PURE__ */ k(kt, { 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 } = Ct(), { setLoopEnabled: o, setLoopRegion: a } = Ve(), { duration: s } = xt(), i = n !== r && r > n;
+  const { isLoopEnabled: t, loopStart: n, loopEnd: r } = xt(), { setLoopEnabled: o, setLoopRegion: a } = Fe(), { duration: s } = Et(), i = n !== r && r > n;
   return /* @__PURE__ */ k(
-    $t,
+    kt,
     {
       onClick: () => {
         if (!t && !i) {
@@ -14059,9 +14059,9 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
     }
   );
 }, u1 = ({ className: e }) => {
-  const { selectionStart: t, selectionEnd: n, loopStart: r, loopEnd: o } = Ct(), { setLoopRegionFromSelection: a, clearLoopRegion: s } = Ve(), i = t !== n && n > t, l = r !== o && o > r;
+  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;
   return /* @__PURE__ */ k(
-    $t,
+    kt,
     {
       onClick: () => {
         l ? s() : a();
@@ -14073,19 +14073,28 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
     }
   );
 }, d1 = ({
+  onClearAll: e,
+  label: t = "Clear All",
+  className: n
+}) => {
+  const { stop: r } = Fe(), o = $(() => {
+    r(), e();
+  }, [r, e]);
+  return /* @__PURE__ */ k(kt, { onClick: o, className: n, title: "Remove all tracks", children: t });
+}, f1 = ({
   className: e,
   disabled: t
 }) => {
-  const { zoomIn: n } = Ve(), { canZoomIn: r } = xt();
-  return /* @__PURE__ */ k($t, { onClick: n, disabled: t || !r, className: e, children: "Zoom In" });
-}, f1 = ({
+  const { zoomIn: n } = Fe(), { canZoomIn: r } = Et();
+  return /* @__PURE__ */ k(kt, { onClick: n, disabled: t || !r, className: e, children: "Zoom In" });
+}, h1 = ({
   className: e,
   disabled: t
 }) => {
-  const { zoomOut: n } = Ve(), { canZoomOut: r } = xt();
-  return /* @__PURE__ */ k($t, { onClick: n, disabled: t || !r, className: e, children: "Zoom Out" });
-}, h1 = ({ className: e }) => {
-  const { masterVolume: t } = xt(), { setMasterVolume: n } = Ve();
+  const { zoomOut: n } = Fe(), { canZoomOut: r } = Et();
+  return /* @__PURE__ */ k(kt, { onClick: n, disabled: t || !r, className: e, children: "Zoom Out" });
+}, p1 = ({ className: e }) => {
+  const { masterVolume: t } = Et(), { setMasterVolume: n } = Fe();
   return /* @__PURE__ */ k(
     W0,
     {
@@ -14094,8 +14103,8 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
       className: e
     }
   );
-}, p1 = ({ className: e }) => {
-  const { timeFormat: t } = xt(), { setTimeFormat: n } = Ve();
+}, m1 = ({ className: e }) => {
+  const { timeFormat: t } = Et(), { setTimeFormat: n } = Fe();
   return /* @__PURE__ */ k(xv, { value: t, onChange: n, className: e });
 }, Ry = O.span`
   font-family: 'Courier New', Monaco, monospace;
@@ -14103,8 +14112,8 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
   font-weight: 600;
   color: ${(e) => e.theme?.textColor || "#333"};
   user-select: none;
-`, m1 = ({ className: e }) => {
-  const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = kt(), { timeFormat: s } = xt();
+`, g1 = ({ className: e }) => {
+  const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = Ct(), { timeFormat: s } = Et();
   return K(() => {
     const i = () => {
       if (t.current) {
@@ -14119,8 +14128,8 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(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) });
-}, g1 = ({ className: e }) => {
-  const { selectionStart: t, selectionEnd: n } = Ct(), { setSelection: r } = Ve();
+}, v1 = ({ className: e }) => {
+  const { selectionStart: t, selectionEnd: n } = xt(), { setSelection: r } = Fe();
   return /* @__PURE__ */ k(
     nv,
     {
@@ -14130,8 +14139,8 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
       className: e
     }
   );
-}, v1 = ({ className: e }) => {
-  const { isAutomaticScroll: t } = Ct(), { setAutomaticScroll: n } = Ve();
+}, y1 = ({ className: e }) => {
+  const { isAutomaticScroll: t } = xt(), { setAutomaticScroll: n } = Fe();
   return /* @__PURE__ */ k(
     h0,
     {
@@ -14140,7 +14149,7 @@ const Ef = We(null), If = We(null), Af = We(null), Mf = We(null), t1 = ({
       className: e
     }
   );
-}, ma = We(null), y1 = ma.Provider;
+}, ma = Ve(null), b1 = ma.Provider;
 function lr() {
   const e = Pe(ma);
   if (!e)
@@ -14149,22 +14158,22 @@ function lr() {
     );
   return e;
 }
-const b1 = ({ className: e }) => {
-  const { ContinuousPlayCheckbox: t } = lr(), { continuousPlay: n } = Ct(), { setContinuousPlay: r } = Ve();
-  return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
-}, w1 = ({ className: e }) => {
-  const { LinkEndpointsCheckbox: t } = lr(), { linkEndpoints: n } = Ct(), { setLinkEndpoints: r } = Ve();
+const w1 = ({ className: e }) => {
+  const { ContinuousPlayCheckbox: t } = lr(), { continuousPlay: n } = xt(), { setContinuousPlay: r } = Fe();
   return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
 }, _1 = ({ className: e }) => {
-  const { EditableCheckbox: t } = lr(), { annotationsEditable: n } = Ct(), { setAnnotationsEditable: r } = Ve();
+  const { LinkEndpointsCheckbox: t } = lr(), { linkEndpoints: n } = xt(), { setLinkEndpoints: r } = Fe();
+  return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
+}, S1 = ({ className: e }) => {
+  const { EditableCheckbox: t } = lr(), { annotationsEditable: n } = xt(), { setAnnotationsEditable: r } = Fe();
   return /* @__PURE__ */ k(t, { checked: n, onChange: r, className: e });
-}, S1 = ({
+}, k1 = ({
   filename: e,
   className: t
 }) => {
-  const { DownloadAnnotationsButton: n } = lr(), { annotations: r } = Ct();
+  const { DownloadAnnotationsButton: n } = lr(), { annotations: r } = xt();
   return /* @__PURE__ */ k(n, { annotations: r, filename: e, className: t });
-}, k1 = ({
+}, C1 = ({
   label: e = "Export WAV",
   filename: t = "export",
   mode: n = "master",
@@ -14177,7 +14186,7 @@ const b1 = ({ className: e }) => {
   onExportComplete: c,
   onExportError: u
 }) => {
-  const { tracks: f, trackStates: p } = xt(), { exportWav: d, isExporting: h, progress: g } = Sy(), v = async () => {
+  const { tracks: f, trackStates: p } = Et(), { exportWav: d, isExporting: h, progress: g } = Sy(), v = async () => {
     try {
       const y = await d(f, p, {
         filename: t,
@@ -14195,7 +14204,7 @@ const b1 = ({ className: e }) => {
     }
   }, m = h ? `Exporting ${Math.round(g * 100)}%` : e;
   return /* @__PURE__ */ k(
-    $t,
+    kt,
     {
       onClick: v,
       disabled: h || f.length === 0,
@@ -14203,7 +14212,7 @@ const b1 = ({ className: e }) => {
       children: m
     }
   );
-}, $f = We(!1), Py = $f.Provider;
+}, $f = Ve(!1), Py = $f.Provider;
 function Fy() {
   return Pe($f);
 }
@@ -14221,7 +14230,7 @@ const Oy = O.div.attrs((e) => ({
   pointer-events: none;
   will-change: transform;
 `, Ly = ({ color: e = "#ff0000" }) => {
-  const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = kt(), { samplesPerPixel: s, sampleRate: i, progressBarWidth: l } = xt();
+  const t = T(null), n = T(null), { isPlaying: r, currentTimeRef: o, getPlaybackTime: a } = Ct(), { samplesPerPixel: s, sampleRate: i, progressBarWidth: l } = Et();
   return K(() => {
     const c = () => {
       if (t.current) {
@@ -14282,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 } = kt(), { samplesPerPixel: d, sampleRate: h } = xt(), 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 } = Ct(), { samplesPerPixel: d, sampleRate: h } = Et(), g = l?.waveProgressColor || "rgba(0, 0, 0, 0.1)", v = $c(
     e,
     t,
     d
@@ -14368,8 +14377,8 @@ const Oy = O.div.attrs((e) => ({
       }
     ) })
   ] });
-}, Hi = We(null), C1 = Hi.Provider;
-function x1() {
+}, Hi = Ve(null), x1 = Hi.Provider;
+function E1() {
   const e = Pe(Hi);
   if (!e)
     throw new Error(
@@ -14405,7 +14414,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     playbackStartTimeRef: g,
     audioStartPositionRef: v,
     getPlaybackTime: m
-  } = kt(), {
+  } = Ct(), {
     selectionStart: y,
     selectionEnd: w,
     annotations: b,
@@ -14417,7 +14426,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     loopStart: M,
     loopEnd: R,
     isLoopEnabled: A
-  } = Ct(), I = Pe(ma), {
+  } = xt(), I = Pe(ma), {
     setAnnotations: D,
     setActiveAnnotationId: F,
     setTrackMute: L,
@@ -14430,7 +14439,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     setSelectedTrackId: ie,
     setCurrentTime: fe,
     setLoopRegion: he
-  } = Ve(), {
+  } = Fe(), {
     peaksDataArray: De,
     trackStates: Z,
     tracks: Y,
@@ -14439,19 +14448,19 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     sampleRate: te,
     waveHeight: Me,
     timeScaleHeight: B,
-    controls: Fe,
+    controls: Oe,
     barWidth: st,
     barGap: Ge,
     isReady: ve
-  } = xt(), re = Pe(Hi), Qe = Ce(() => {
+  } = Et(), re = Pe(Hi), Qe = Ce(() => {
     if (!re)
       return /* @__PURE__ */ new Map();
     const V = /* @__PURE__ */ new Map();
     return Y.forEach((J) => {
       if ((re.trackSpectrogramOverrides.get(J.id)?.renderMode ?? J.renderMode ?? "waveform") === "waveform") return;
-      const ue = re.trackSpectrogramOverrides.get(J.id), Oe = ue?.colorMap ?? J.spectrogramColorMap ?? re.spectrogramColorMap ?? "viridis", qe = ue?.config ?? J.spectrogramConfig ?? re.spectrogramConfig;
+      const ue = re.trackSpectrogramOverrides.get(J.id), Le = ue?.colorMap ?? J.spectrogramColorMap ?? re.spectrogramColorMap ?? "viridis", qe = ue?.config ?? J.spectrogramConfig ?? re.spectrogramConfig;
       V.set(J.id, {
-        colorLUT: re.getColorMap(Oe),
+        colorLUT: re.getColorMap(Le),
         frequencyScaleFn: re.getFrequencyScale(qe?.frequencyScale ?? "mel"),
         config: qe
       });
@@ -14472,8 +14481,8 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     },
     [ee]
   ), ye = Y.reduce((V, J) => J.clips.reduce((ne, ue) => {
-    const Oe = (ue.startSample + ue.durationSamples) / ue.sampleRate;
-    return Math.max(ne, Oe);
+    const Le = (ue.startSample + ue.durationSamples) / ue.sampleRate;
+    return Math.max(ne, Le);
   }, V), 0);
   let je = ye > 0 ? ye : _e > 0 ? _e : Ny;
   if (f?.isRecording) {
@@ -14514,8 +14523,8 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     nt !== -1 && pe(nt), Dt.current = ue, tt(!0), fe(ue), oe(ue, ue);
   }, Rt = (V) => {
     if (!Ue || d) return;
-    const J = V.currentTarget.getBoundingClientRect(), ue = (V.clientX - J.left) * G / te, Oe = Math.min(y, ue), qe = Math.max(y, ue);
-    oe(Oe, qe);
+    const J = V.currentTarget.getBoundingClientRect(), ue = (V.clientX - J.left) * G / te, Le = Math.min(y, ue), qe = Math.max(y, ue);
+    oe(Le, qe);
   }, Pt = (V) => {
     if (!Ue) return;
     if (tt(!1), d) {
@@ -14523,12 +14532,12 @@ const Ny = 60, zy = O.div.attrs((e) => ({
       fe(ae), oe(ae, ae), X(ae);
       return;
     }
-    const J = V.currentTarget.getBoundingClientRect(), ue = (V.clientX - J.left) * G / te, Oe = Math.min(y, ue), qe = Math.max(y, ue);
-    Math.abs(qe - Oe) < 0.1 ? fe(Oe) : oe(Oe, qe);
+    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)
     return /* @__PURE__ */ k("div", { className: a, children: "Loading waveform..." });
-  const gt = Fe.show ? De.map((V, J) => {
+  const gt = Oe.show ? De.map((V, J) => {
     const ne = Y[J];
     if (!ne) return null;
     const ue = Z[J] || {
@@ -14537,7 +14546,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
       soloed: !1,
       volume: 1,
       pan: 0
-    }, Oe = ne.clips.some((Xe) => Xe.midiNotes && Xe.midiNotes.length > 0), qe = re?.trackSpectrogramOverrides.get(ne.id)?.renderMode ?? ne.renderMode ?? (Oe ? "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: [
+    }, 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: [
         u && /* @__PURE__ */ k(
           Tv,
@@ -14640,7 +14649,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
           waveHeight: Me,
           timeScaleHeight: B,
           duration: je * 1e3,
-          controls: Fe,
+          controls: Oe,
           barWidth: st,
           barGap: Ge
         },
@@ -14652,7 +14661,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
             timescaleBackgroundColor: p.timescaleBackgroundColor,
             timescaleWidth: ze,
             tracksWidth: ze,
-            controlsWidth: Fe.show ? Fe.width : 0,
+            controlsWidth: Oe.show ? Oe.width : 0,
             onTracksMouseDown: Ke,
             onTracksMouseMove: Rt,
             onTracksMouseUp: Pt,
@@ -14683,19 +14692,19 @@ const Ny = 60, zy = O.div.attrs((e) => ({
               De.map((V, J) => {
                 const ne = Y[J];
                 if (!ne) return null;
-                const ue = ne.clips.some((ae) => ae.midiNotes && ae.midiNotes.length > 0), Oe = 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;
+                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;
                 return /* @__PURE__ */ me(
                   gf,
                   {
                     numChannels: qe,
-                    backgroundColor: Oe === "piano-roll" ? p.pianoRollBackgroundColor || "#1a1a2e" : cn(p.waveOutlineColor),
+                    backgroundColor: Le === "piano-roll" ? p.pianoRollBackgroundColor || "#1a1a2e" : cn(p.waveOutlineColor),
                     offset: 0,
                     width: ze,
                     hasClipHeaders: s,
                     trackId: ne.id,
                     isSelected: ne.id === x,
                     children: [
-                      Oe !== "waveform" && (() => {
+                      Le !== "waveform" && (() => {
                         const ae = Qe.get(ne.id), nt = ae?.config;
                         return !nt?.labels || !ae ? null : /* @__PURE__ */ k(
                           gv,
@@ -14707,7 +14716,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                             maxFrequency: nt.maxFrequency ?? te / 2,
                             labelsColor: nt.labelsColor,
                             labelsBackground: nt.labelsBackground,
-                            renderMode: Oe,
+                            renderMode: Le,
                             hasClipHeaders: s
                           }
                         );
@@ -14750,7 +14759,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                                   isSelected: ne.id === x,
                                   clipStartSample: ae.startSample,
                                   clipDurationSamples: ae.durationSamples,
-                                  renderMode: ae.midiNotes ? "piano-roll" : Oe,
+                                  renderMode: ae.midiNotes ? "piano-roll" : Le,
                                   midiNotes: ae.midiNotes,
                                   clipSampleRate: ae.sampleRate,
                                   clipOffsetSeconds: ae.offsetSamples != null ? ae.offsetSamples / (ae.sampleRate || te) : 0,
@@ -14814,7 +14823,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                 );
               }),
               b.length > 0 && I && /* @__PURE__ */ k(I.AnnotationBoxesWrapper, { height: 30, width: ze, children: b.map((V, J) => {
-                const ne = V.start * te / G, ue = V.end * te / G, Oe = o ? o(V, J) : V.id;
+                const ne = V.start * te / G, ue = V.end * te / G, Le = o ? o(V, J) : V.id;
                 return /* @__PURE__ */ k(
                   I.AnnotationBox,
                   {
@@ -14822,7 +14831,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                     annotationIndex: J,
                     startPosition: ne,
                     endPosition: ue,
-                    label: Oe,
+                    label: Le,
                     color: "#ff9800",
                     isActive: V.id === _,
                     onClick: () => le(V),
@@ -14882,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 } = Ct(), p = lr(), { setAnnotations: d } = Ve(), h = o ?? { linkEndpoints: u, continuousPlay: f }, g = $(
+  const { annotations: i, activeAnnotationId: l, annotationsEditable: c, linkEndpoints: u, continuousPlay: f } = xt(), p = lr(), { setAnnotations: d } = Fe(), h = o ?? { linkEndpoints: u, continuousPlay: f }, g = $(
     (m) => {
       d(m), n?.(m);
     },
@@ -14904,7 +14913,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
       renderAnnotationItem: t
     }
   );
-}, E1 = ({
+}, I1 = ({
   renderTrackControls: e,
   renderTick: t,
   renderTimestamp: n,
@@ -14924,7 +14933,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
   onRemoveTrack: v,
   recordingState: m
 }) => {
-  const { annotations: y } = Ct(), w = Fy();
+  const { annotations: y } = xt(), w = Fy();
   return /* @__PURE__ */ me(zt, { children: [
     /* @__PURE__ */ k(
       Zy,
@@ -14978,7 +14987,7 @@ var gc = Object.getOwnPropertySymbols, Uy = Object.prototype.hasOwnProperty, Xy
     for (var r of gc(e))
       t.indexOf(r) < 0 && Xy.call(e, r) && (n[r] = e[r]);
   return n;
-}, jy = new Mi(), Ky = We(
+}, jy = new Mi(), Ky = Ve(
   jy
 ), qy = Sc(
   kc(({ children: e }, t) => {
@@ -15499,11 +15508,11 @@ const Xf = (e) => {
                         disableHeaderDrag: !0,
                         isSelected: !0,
                         trackId: `media-element-track-${Y}`,
-                        children: Me.data.map((Fe, st) => /* @__PURE__ */ k(
+                        children: Me.data.map((Oe, st) => /* @__PURE__ */ k(
                           wb,
                           {
                             index: st,
-                            data: Fe,
+                            data: Oe,
                             bits: Me.bits,
                             length: B,
                             clipStartSample: G.startSample,
@@ -15593,7 +15602,7 @@ const Xf = (e) => {
       renderAnnotationItem: t
     }
   );
-}, M1 = ({
+}, T1 = ({
   annotationTextHeight: e,
   getAnnotationBoxLabel: t,
   renderAnnotationItem: n,
@@ -15675,12 +15684,12 @@ const Jo = class Jo extends jn {
 Jo.configure = An(Jo);
 let Ko = Jo;
 const kb = () => {
-}, T1 = ({
+}, $1 = ({
   snap: e = !1,
   touchOptimized: t = !1,
   children: n
 }) => {
-  const { tracks: r, samplesPerPixel: o, sampleRate: a, playoutRef: s, isDraggingRef: i, onTracksChange: l } = xt(), { setSelectedTrackId: c } = Ve(), 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 } = Et(), { setSelectedTrackId: c } = Fe(), 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."
@@ -15749,41 +15758,42 @@ const kb = () => {
   ) });
 };
 export {
-  y1 as AnnotationIntegrationProvider,
-  m1 as AudioPosition,
-  v1 as AutomaticScrollCheckbox,
+  b1 as AnnotationIntegrationProvider,
+  g1 as AudioPosition,
+  y1 as AutomaticScrollCheckbox,
+  d1 as ClearAllButton,
   $s as ClipCollisionModifier,
-  T1 as ClipInteractionProvider,
-  b1 as ContinuousPlayCheckbox,
-  S1 as DownloadAnnotationsButton,
-  _1 as EditableCheckbox,
-  k1 as ExportWavButton,
+  $1 as ClipInteractionProvider,
+  w1 as ContinuousPlayCheckbox,
+  k1 as DownloadAnnotationsButton,
+  S1 as EditableCheckbox,
+  C1 as ExportWavButton,
   s1 as FastForwardButton,
-  w1 as LinkEndpointsCheckbox,
+  _1 as LinkEndpointsCheckbox,
   c1 as LoopButton,
-  h1 as MasterVolumeControl,
+  p1 as MasterVolumeControl,
   Sb as MediaElementAnnotationList,
   _b as MediaElementPlaylist,
   t1 as MediaElementPlaylistProvider,
-  M1 as MediaElementWaveform,
+  T1 as MediaElementWaveform,
   r1 as PauseButton,
   n1 as PlayButton,
   Hy as PlaylistAnnotationList,
   Zy as PlaylistVisualization,
   a1 as RewindButton,
-  g1 as SelectionTimeInputs,
+  v1 as SelectionTimeInputs,
   u1 as SetLoopRegionButton,
   i1 as SkipBackwardButton,
   l1 as SkipForwardButton,
   Ko as SnapToGridModifier,
-  C1 as SpectrogramIntegrationProvider,
+  x1 as SpectrogramIntegrationProvider,
   o1 as StopButton,
-  p1 as TimeFormatSelect,
+  m1 as TimeFormatSelect,
   nh as Tone,
-  E1 as Waveform,
+  I1 as Waveform,
   e1 as WaveformPlaylistProvider,
-  d1 as ZoomInButton,
-  f1 as ZoomOutButton,
+  f1 as ZoomInButton,
+  h1 as ZoomOutButton,
   Kb as createEffectChain,
   jo as createEffectInstance,
   jb as effectCategories,
@@ -15813,12 +15823,12 @@ export {
   Tf as useMediaElementControls,
   Zi as useMediaElementData,
   zi as useMediaElementState,
-  kt as usePlaybackAnimation,
+  Ct as usePlaybackAnimation,
   Ub as usePlaybackShortcuts,
-  Ve as usePlaylistControls,
-  xt as usePlaylistData,
-  Ct as usePlaylistState,
-  x1 as useSpectrogramIntegration,
+  Fe as usePlaylistControls,
+  Et as usePlaylistData,
+  xt as usePlaylistState,
+  E1 as useSpectrogramIntegration,
   ay as useTimeFormat,
   Jb as useTrackDynamicEffects,
   sy as useZoomControls,