@waveform-playlist/browser 9.3.1 → 9.3.2

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;
@@ -87,25 +87,25 @@ function Ph() {
           }
           var d = (function(h) {
             function g(y) {
-              var w, b, _, S, C, E;
+              var b, w, _, S, C, E;
               return (function(x, M) {
                 if (!(x instanceof M)) throw new TypeError("Cannot call a class as a function");
-              })(this, g), b = this, w = !(_ = u(g).call(this, y.id, y.length, y.buffer, y.subChunks)) || l(_) !== "object" && typeof _ != "function" ? p(b) : _, S = p(p(w)), E = void 0, (C = "subChunks") in S ? Object.defineProperty(S, C, { value: E, enumerable: !0, configurable: !0, writable: !0 }) : S[C] = E, w.subChunks = y.subChunks.map((function(x) {
+              })(this, g), w = this, b = !(_ = u(g).call(this, y.id, y.length, y.buffer, y.subChunks)) || l(_) !== "object" && typeof _ != "function" ? p(w) : _, S = p(p(b)), E = void 0, (C = "subChunks") in S ? Object.defineProperty(S, C, { value: E, enumerable: !0, configurable: !0, writable: !0 }) : S[C] = E, b.subChunks = y.subChunks.map((function(x) {
                 return new g(x);
-              })), w;
+              })), b;
             }
             var v, m;
-            return (function(y, w) {
-              if (typeof w != "function" && w !== null) throw new TypeError("Super expression must either be null or a function");
-              y.prototype = Object.create(w && w.prototype, { constructor: { value: y, writable: !0, configurable: !0 } }), w && f(y, w);
+            return (function(y, b) {
+              if (typeof b != "function" && b !== null) throw new TypeError("Super expression must either be null or a function");
+              y.prototype = Object.create(b && b.prototype, { constructor: { value: y, writable: !0, configurable: !0 } }), b && f(y, b);
             })(g, h), v = g, (m = [{ key: "getMetaData", value: function() {
               if (this.id !== "LIST") throw new a.ParseError("Unexpected chunk ID", "'LIST'", "'".concat(this.id, "'"));
-              var y = this.subChunks.reduce((function(w, b) {
-                if (b.id === "ifil" || b.id === "iver") {
-                  if (b.length !== s.SF_VERSION_LENGTH) throw new a.ParseError("Invalid size for the '".concat(b.id, "' sub-chunk"));
-                  w[b.id] = "".concat(b.getInt16(), ".").concat(b.getInt16(2));
-                } else w[b.id] = b.getString();
-                return w;
+              var y = this.subChunks.reduce((function(b, w) {
+                if (w.id === "ifil" || w.id === "iver") {
+                  if (w.length !== s.SF_VERSION_LENGTH) throw new a.ParseError("Invalid size for the '".concat(w.id, "' sub-chunk"));
+                  b[w.id] = "".concat(w.getInt16(), ".").concat(w.getInt16(2));
+                } else b[w.id] = w.getString();
+                return b;
               }), {});
               if (!y.ifil) throw new a.ParseError("Missing required 'ifil' sub-chunk");
               if (!y.INAM) throw new a.ParseError("Missing required 'INAM' sub-chunk");
@@ -366,23 +366,23 @@ function Ph() {
               return { generatorIndex: g.getInt16(), modulatorIndex: g.getInt16() };
             }));
           }, c = function(d, h, g, v, m, y) {
-            for (var w = [], b = 0; b < d.length; b++) {
-              for (var _ = d[b], S = d[b + 1], C = _.bagIndex, E = S ? S.bagIndex : h.length, x = [], M = void 0, R = C; R < E; R++) {
+            for (var b = [], w = 0; w < d.length; w++) {
+              for (var _ = d[w], S = d[w + 1], C = _.bagIndex, E = S ? S.bagIndex : h.length, x = [], M = void 0, R = C; R < E; R++) {
                 var A = u(R, h, g), I = f(R, h, v), D = I[i.GeneratorType.KeyRange] && I[i.GeneratorType.KeyRange].range, F = I[y];
                 if (F) {
                   var L = m[F.value];
                   L && x.push({ keyRange: D, modulators: A, generators: I, reference: L });
                 } else R - C == 0 && (M = { keyRange: D, modulators: A, generators: I });
               }
-              w.push({ header: _, globalZone: M, zones: x });
+              b.push({ header: _, globalZone: M, zones: x });
             }
-            return w;
+            return b;
           }, u = function(d, h, g) {
-            var v = h[d], m = h[d + 1], y = v.modulatorIndex, w = m ? m.modulatorIndex : h.length;
-            return p(y, w, g);
+            var v = h[d], m = h[d + 1], y = v.modulatorIndex, b = m ? m.modulatorIndex : h.length;
+            return p(y, b, g);
           }, f = function(d, h, g) {
-            var v = h[d], m = h[d + 1], y = v.generatorIndex, w = m ? m.generatorIndex : h.length;
-            return p(y, w, g);
+            var v = h[d], m = h[d + 1], y = v.generatorIndex, b = m ? m.generatorIndex : h.length;
+            return p(y, b, g);
           }, p = function(d, h, g) {
             for (var v = {}, m = d; m < h; m++) {
               var y = g[m];
@@ -617,10 +617,10 @@ function Ph() {
           }
           function c(d, h, g) {
             return (c = l() ? Reflect.construct : function(v, m, y) {
-              var w = [null];
-              w.push.apply(w, m);
-              var b = new (Function.bind.apply(v, w))();
-              return y && u(b, y.prototype), b;
+              var b = [null];
+              b.push.apply(b, m);
+              var w = new (Function.bind.apply(v, b))();
+              return y && u(w, y.prototype), w;
             }).apply(null, arguments);
           }
           function u(d, h) {
@@ -638,8 +638,8 @@ function Ph() {
           }));
           var p = (function(d) {
             function h(g, v, m) {
-              return (function(y, w) {
-                if (!(y instanceof w)) throw new TypeError("Cannot call a class as a function");
+              return (function(y, b) {
+                if (!(y instanceof b)) throw new TypeError("Cannot call a class as a function");
               })(this, h), s(this, f(h).call(this, "".concat(g).concat(v && m ? ", expected ".concat(v, ", received ").concat(m) : "")));
             }
             return (function(g, v) {
@@ -783,10 +783,10 @@ function Ph() {
           function u(g) {
             for (var v = 1; v < arguments.length; v++) {
               var m = arguments[v] != null ? arguments[v] : {}, y = Object.keys(m);
-              typeof Object.getOwnPropertySymbols == "function" && (y = y.concat(Object.getOwnPropertySymbols(m).filter((function(w) {
-                return Object.getOwnPropertyDescriptor(m, w).enumerable;
-              })))), y.forEach((function(w) {
-                d(g, w, m[w]);
+              typeof Object.getOwnPropertySymbols == "function" && (y = y.concat(Object.getOwnPropertySymbols(m).filter((function(b) {
+                return Object.getOwnPropertyDescriptor(m, b).enumerable;
+              })))), y.forEach((function(b) {
+                d(g, b, m[b]);
               }));
             }
             return g;
@@ -805,8 +805,8 @@ function Ph() {
           }
           var h = (function() {
             function g(v) {
-              if ((function(y, w) {
-                if (!(y instanceof w)) throw new TypeError("Cannot call a class as a function");
+              if ((function(y, b) {
+                if (!(y instanceof b)) throw new TypeError("Cannot call a class as a function");
               })(this, g), d(this, "chunk", void 0), d(this, "metaData", void 0), d(this, "sampleData", void 0), d(this, "samples", void 0), d(this, "presetData", void 0), d(this, "instruments", void 0), d(this, "presets", void 0), d(this, "banks", void 0), !(v instanceof s.SF2Chunk)) {
                 var m = Object(i.parseBuffer)(v);
                 v = new s.SF2Chunk(m);
@@ -817,28 +817,28 @@ function Ph() {
             return p(g, null, [{ key: "from", value: function(v) {
               return new g(v);
             } }]), p(g, [{ key: "getKeyData", value: function(v) {
-              var m = this, y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, w = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
-              return Object(c.memoize)((function(b, _, S) {
+              var m = this, y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, b = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+              return Object(c.memoize)((function(w, _, S) {
                 var C = m.banks[_];
                 if (C) {
                   var E = C.presets[S];
                   if (E) {
                     var x = E.zones.filter((function(Z) {
-                      return m.isKeyInRange(Z, b);
+                      return m.isKeyInRange(Z, w);
                     }));
                     if (x.length > 0) {
                       var M = !0, R = !1, A = void 0;
                       try {
                         for (var I, D = x[Symbol.iterator](); !(M = (I = D.next()).done); M = !0) {
                           var F = I.value, L = F.instrument, H = L.zones.filter((function(Z) {
-                            return m.isKeyInRange(Z, b);
+                            return m.isKeyInRange(Z, w);
                           }));
                           if (H.length > 0) {
                             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: w, preset: E, instrument: L, sample: fe, generators: he, modulators: Re };
                               }
                             } catch (Z) {
                               q = !0, oe = Z;
@@ -864,7 +864,7 @@ function Ph() {
                   }
                 }
                 return null;
-              }))(v, y, w);
+              }))(v, y, b);
             } }, { key: "isKeyInRange", value: function(v, m) {
               return v.keyRange === void 0 || v.keyRange.lo <= m && v.keyRange.hi >= m;
             } }, { key: "getBanks", value: function() {
@@ -873,8 +873,8 @@ function Ph() {
                 return v[y] || (v[y] = { presets: [] }), v[y].presets[m.header.preset] = m, v;
               }), []);
             } }, { key: "getPresets", value: function() {
-              var v = this.presetData, m = v.presetHeaders, y = v.presetZones, w = v.presetGenerators, b = v.presetModulators;
-              return Object(l.getItemsInZone)(m, y, b, w, this.instruments, a.GeneratorType.Instrument).filter((function(_) {
+              var v = this.presetData, m = v.presetHeaders, y = v.presetZones, b = v.presetGenerators, w = v.presetModulators;
+              return Object(l.getItemsInZone)(m, y, w, b, this.instruments, a.GeneratorType.Instrument).filter((function(_) {
                 return _.header.name !== "EOP";
               })).map((function(_) {
                 return { header: _.header, globalZone: _.globalZone, zones: _.zones.map((function(S) {
@@ -882,8 +882,8 @@ function Ph() {
                 })) };
               }));
             } }, { key: "getInstruments", value: function() {
-              var v = this.presetData, m = v.instrumentHeaders, y = v.instrumentZones, w = v.instrumentModulators, b = v.instrumentGenerators;
-              return Object(l.getItemsInZone)(m, y, w, b, this.samples, a.GeneratorType.SampleId).filter((function(_) {
+              var v = this.presetData, m = v.instrumentHeaders, y = v.instrumentZones, b = v.instrumentModulators, w = v.instrumentGenerators;
+              return Object(l.getItemsInZone)(m, y, b, w, this.samples, a.GeneratorType.SampleId).filter((function(_) {
                 return _.header.name !== "EOI";
               })).map((function(_) {
                 return { header: _.header, globalZone: _.globalZone, zones: _.zones.map((function(S) {
@@ -1991,17 +1991,17 @@ var Zh = class {
     }
     const c = Lt().rawContext, u = c.createBufferSource();
     u.buffer = l.buffer, u.playbackRate.value = l.playbackRate, (l.loopMode === 1 || l.loopMode === 3) && (u.loop = !0, u.loopStart = l.loopStart, u.loopEnd = l.loopEnd);
-    const f = l.buffer.duration / l.playbackRate, p = l.loopMode === 0 ? Math.max(n, f) : n, d = o * o, h = c.createGain(), { attackVolEnv: g, holdVolEnv: v, decayVolEnv: m, sustainVolEnv: y, releaseVolEnv: w } = l, b = d * y;
+    const f = l.buffer.duration / l.playbackRate, p = l.loopMode === 0 ? Math.max(n, f) : n, d = o * o, h = c.createGain(), { attackVolEnv: g, holdVolEnv: v, decayVolEnv: m, sustainVolEnv: y, releaseVolEnv: b } = l, w = d * y;
     h.gain.setValueAtTime(0, r), h.gain.linearRampToValueAtTime(d, r + g), v > 1e-3 && h.gain.setValueAtTime(d, r + g + v);
     const _ = r + g + v;
-    h.gain.linearRampToValueAtTime(b, _ + m), h.gain.setValueAtTime(b, r + p), h.gain.linearRampToValueAtTime(0, r + p + w), u.connect(h), h.connect(this.volumeNode.input.input), this.activeSources.add(u), u.onended = () => {
+    h.gain.linearRampToValueAtTime(w, _ + m), h.gain.setValueAtTime(w, r + p), h.gain.linearRampToValueAtTime(0, r + p + b), u.connect(h), h.connect(this.volumeNode.input.input), this.activeSources.add(u), u.onended = () => {
       this.activeSources.delete(u);
       try {
         h.disconnect();
       } catch (S) {
         console.warn("[waveform-playlist] GainNode already disconnected:", S);
       }
-    }, u.start(r), u.stop(r + p + w);
+    }, u.start(r), u.stop(r + p + b);
   }
   gainToDb(t) {
     return 20 * Math.log10(t);
@@ -2405,14 +2405,14 @@ function Yh(e) {
           stereoPan: f.pan,
           startTime: h,
           endTime: g
-        }, y = d.map((w) => ({
-          notes: w.midiNotes,
-          startTime: co(w) - h,
-          duration: Cl(w),
-          offset: kl(w)
+        }, y = d.map((b) => ({
+          notes: b.midiNotes,
+          startTime: co(b) - h,
+          duration: Cl(b),
+          offset: kl(b)
         }));
         if (e?.soundFontCache?.isLoaded) {
-          const w = d[0], _ = w.midiChannel === 9, S = w.midiProgram ?? 0;
+          const b = d[0], _ = b.midiChannel === 9, S = b.midiProgram ?? 0;
           t.addSoundFontTrack({
             clips: y,
             track: m,
@@ -3138,12 +3138,12 @@ var op = Object.create, Ls = Object.defineProperty, ap = Object.defineProperties
 }, rr = (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 = zc[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) && sp(f < 4 ? o : { get [n]() {
     return Sn(this, a);
-  }, set [n](b) {
-    return rn(this, a, b);
+  }, set [n](w) {
+    return rn(this, a, w);
   } }, n));
   f ? d && f < 4 && Rl(a, (f > 2 ? "set " : f > 1 ? "get " : "") + n) : Rl(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) => mp(o, b) : (b) => n in b }, f ^ 3 && (u.get = d ? (b) => (f ^ 1 ? Sn : gp)(b, o, f ^ 4 ? a : y.get) : (b) => b[n]), f > 2 && (u.set = d ? (b, _) => rn(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 ? mr(i) && (f > 4 ? v.unshift(i) : f ? d ? a = i : y[g] = i : o = i) : typeof i != "object" || i === null ? nr("Object expected") : (mr(s = i.get) && (y.get = s), mr(s = i.set) && (y.set = s), mr(s = i.init) && v.unshift(s));
+  for (var b = r.length - 1; b >= 0; b--)
+    c = pp(f, n, l = {}, e[3], m), f && (c.static = p, c.private = d, u = c.access = { has: d ? (w) => mp(o, w) : (w) => n in w }, f ^ 3 && (u.get = d ? (w) => (f ^ 1 ? Sn : gp)(w, o, f ^ 4 ? a : y.get) : (w) => w[n]), f > 2 && (u.set = d ? (w, _) => rn(w, o, _, f ^ 4 ? a : y.set) : (w, _) => w[n] = _)), i = (0, r[b])(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 ? mr(i) && (f > 4 ? v.unshift(i) : f ? d ? a = i : y[g] = i : o = i) : typeof i != "object" || i === null ? nr("Object expected") : (mr(s = i.get) && (y.get = s), mr(s = i.set) && (y.set = s), mr(s = i.init) && v.unshift(s));
   return f || Zc(e, o), y && Ls(o, n, y), d ? f ^ 4 ? a : y : o;
 }, Bs = (e, t, n) => t.has(e) || nr("Cannot " + n), mp = (e, t) => Object(t) !== t ? nr('Cannot use the "in" operator on this value') : e.has(t), Sn = (e, t, n) => (Bs(e, t, "read from private field"), n ? n.call(e) : t.get(e)), fo = (e, t, n) => t.has(e) ? nr("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), rn = (e, t, n, r) => (Bs(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), gp = (e, t, n) => (Bs(e, t, "access private method"), n);
 function Po(e, t) {
@@ -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 };
@@ -3479,12 +3479,12 @@ var au = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(au |
 }, de = (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 = 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 It(this, a, b);
+  }, set [n](w) {
+    return It(this, a, w);
   } }, 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, _) => 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));
+  for (var b = r.length - 1; b >= 0; b--)
+    c = Pp(f, n, l = {}, e[3], m), f && (c.static = p, c.private = d, u = c.access = { has: d ? (w) => Fp(o, w) : (w) => n in w }, f ^ 3 && (u.get = d ? (w) => (f ^ 1 ? Je : Op)(w, o, f ^ 4 ? a : y.get) : (w) => w[n]), f > 2 && (u.set = d ? (w, _) => It(w, o, _, f ^ 4 ? a : y.set) : (w, _) => w[n] = _)), i = (0, r[b])(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), 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) {
@@ -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.
@@ -4515,8 +4515,8 @@ var Up = class {
       for (const m of g)
         v.includes(m) || m.destroy();
       this.dragOperation.modifiers = (h = (d = (p = this.dragOperation.source) == null ? void 0 : p.modifiers) == null ? void 0 : d.map((m) => {
-        const { plugin: y, options: w } = Hs(m);
-        return new y(this, w);
+        const { plugin: y, options: b } = Hs(m);
+        return new y(this, b);
       })) != null ? h : v;
     });
     this.destroy = () => {
@@ -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;
 }
@@ -4645,12 +4645,12 @@ function Oo(e, t = e.getBoundingClientRect(), n = 0) {
   let f = e.parentElement;
   for (; f && f !== c.documentElement; ) {
     if (!jp(f)) {
-      const w = f.getBoundingClientRect(), b = n * (w.bottom - w.top), _ = n * (w.right - w.left), S = n * (w.bottom - w.top), C = n * (w.right - w.left);
+      const b = f.getBoundingClientRect(), w = n * (b.bottom - b.top), _ = n * (b.right - b.left), S = n * (b.bottom - b.top), C = n * (b.right - b.left);
       l = {
-        top: Math.max(l.top, w.top - b),
-        right: Math.min(l.right, w.right + _),
-        bottom: Math.min(l.bottom, w.bottom + S),
-        left: Math.max(l.left, w.left - C),
+        top: Math.max(l.top, b.top - w),
+        right: Math.min(l.right, b.right + _),
+        bottom: Math.min(l.bottom, b.bottom + S),
+        left: Math.max(l.left, b.left - C),
         width: 0,
         // Will be calculated next
         height: 0
@@ -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(
+      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), b = -Math.floor(g), w = -Math.floor(f - m), _ = -Math.floor(u - v), S = `${y}px ${w}px ${_}px ${b}px`;
+      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());
     };
   }
 };
@@ -5212,28 +5212,28 @@ function Sm(e, t, n, r = 25, o = wm, a = _m) {
     l.top * d.scaleY + d.y,
     l.width * d.scaleX,
     l.height * d.scaleY
-  ), w = {
+  ), b = {
     x: 0,
     y: 0
     /* Idle */
-  }, b = {
+  }, w = {
     x: 0,
     y: 0
   }, _ = {
     height: y.height * o.y,
     width: y.width * o.x
   };
-  return (!c || m && !u) && i <= y.top + _.height && n?.y !== 1 && s >= y.left - a.x && s <= y.right + a.x ? (w.y = m ? 1 : -1, b.y = r * Math.abs(
+  return (!c || m && !u) && i <= y.top + _.height && n?.y !== 1 && s >= y.left - a.x && s <= y.right + a.x ? (b.y = m ? 1 : -1, w.y = r * Math.abs(
     (y.top + _.height - i) / _.height
-  )) : (!u || m && !c) && i >= y.bottom - _.height && n?.y !== -1 && s >= y.left - a.x && s <= y.right + a.x && (w.y = m ? -1 : 1, b.y = r * Math.abs(
+  )) : (!u || m && !c) && i >= y.bottom - _.height && n?.y !== -1 && s >= y.left - a.x && s <= y.right + a.x && (b.y = m ? -1 : 1, w.y = r * Math.abs(
     (y.bottom - _.height - i) / _.height
-  )), (!p || v && !f) && s >= y.right - _.width && n?.x !== -1 && i >= y.top - a.y && i <= y.bottom + a.y ? (w.x = v ? -1 : 1, b.x = r * Math.abs(
+  )), (!p || v && !f) && s >= y.right - _.width && n?.x !== -1 && i >= y.top - a.y && i <= y.bottom + a.y ? (b.x = v ? -1 : 1, w.x = r * Math.abs(
     (y.right - _.width - s) / _.width
-  )) : (!f || v && !p) && s <= y.left + _.width && n?.x !== 1 && i >= y.top - a.y && i <= y.bottom + a.y && (w.x = v ? 1 : -1, b.x = r * Math.abs(
+  )) : (!f || v && !p) && s <= y.left + _.width && n?.x !== 1 && i >= y.top - a.y && i <= y.bottom + a.y && (b.x = v ? 1 : -1, w.x = r * Math.abs(
     (y.left + _.width - s) / _.width
   )), {
-    direction: w,
-    speed: b
+    direction: b,
+    speed: w
   };
 }
 function km(e) {
@@ -5328,25 +5328,25 @@ var Yt = class extends Hr {
     const v = qt(e), m = bi(v), y = {
       x: (n = m?.scaleX) != null ? n : 1,
       y: (r = m?.scaleY) != null ? r : 1
-    }, w = Dm(e, v);
+    }, b = Dm(e, v);
     c?.(), m && (g = Em(
       u,
       m,
       v.transformOrigin
-    ), (i || w) && (f = g.top, p = g.left, d = g.width, h = g.height));
-    const b = {
+    ), (i || b) && (f = g.top, p = g.left, d = g.width, h = g.height));
+    const w = {
       width: (o = g?.width) != null ? o : d,
       height: (a = g?.height) != null ? a : h
     };
-    if (w && !i && g) {
+    if (b && !i && g) {
       const _ = xm(
         g,
-        w,
+        b,
         v.transformOrigin
       );
-      f = _.top, p = _.left, d = _.width, h = _.height, y.x = w.scaleX, y.y = w.scaleY;
+      f = _.top, p = _.left, d = _.width, h = _.height, y.x = b.scaleX, y.y = b.scaleY;
     }
-    s && (i || (p *= s.scaleX, d *= s.scaleX, f *= s.scaleY, h *= s.scaleY), p += s.x, f += s.y), super(p, f, d, h), this.scale = y, this.intrinsicWidth = b.width, this.intrinsicHeight = b.height;
+    s && (i || (p *= s.scaleX, d *= s.scaleX, f *= s.scaleY, h *= s.scaleY), p += s.x, f += s.y), super(p, f, d, h), this.scale = y, this.intrinsicWidth = w.width, this.intrinsicHeight = w.height;
   }
 };
 function Dm(e, t) {
@@ -5501,15 +5501,15 @@ 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) {
-    return ut(this, a, b);
+  }, set [n](w) {
+    return ut(this, a, w);
   } }, n));
   f ? d && f < 4 && Hl(a, (f > 2 ? "set " : f > 1 ? "get " : "") + n) : Hl(o, n);
-  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));
+  for (var b = r.length - 1; b >= 0; b--)
+    c = Hm(f, n, l = {}, e[3], m), f && (c.static = p, c.private = d, u = c.access = { has: d ? (w) => Gm(o, w) : (w) => n in w }, f ^ 3 && (u.get = d ? (w) => (f ^ 1 ? Ie : xn)(w, o, f ^ 4 ? a : y.get) : (w) => w[n]), f > 2 && (u.set = d ? (w, _) => ut(w, o, _, f ^ 4 ? a : y.set) : (w, _) => w[n] = _)), i = (0, r[b])(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)), 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",
@@ -5577,38 +5577,38 @@ var Qm = ["dragover", "dragmove"], eg = class extends mt {
         l,
         s.draggable
       ), _.push(u)), f?.isConnected || (f = Jm(c), p = document.createTextNode(""), f.appendChild(p), _.push(f)), _.length > 0 && document.body.append(..._);
-    }, w = /* @__PURE__ */ new Set();
-    function b() {
-      for (const _ of w)
+    }, b = /* @__PURE__ */ new Set();
+    function w() {
+      for (const _ of b)
         _();
     }
     this.registerEffect(() => {
       var _;
-      w.clear();
+      b.clear();
       for (const S of this.manager.registry.draggables.value) {
         const C = (_ = S.handle) != null ? _ : S.element;
         if (C) {
-          (!u || !f) && w.add(y), (!Km(C) || mi()) && !C.hasAttribute("tabindex") && w.add(() => C.setAttribute("tabindex", "0")), !C.hasAttribute("role") && C.tagName.toLowerCase() !== "button" && w.add(
+          (!u || !f) && b.add(y), (!Km(C) || mi()) && !C.hasAttribute("tabindex") && b.add(() => C.setAttribute("tabindex", "0")), !C.hasAttribute("role") && C.tagName.toLowerCase() !== "button" && b.add(
             () => C.setAttribute("role", Gl.role)
-          ), C.hasAttribute("aria-roledescription") || w.add(
+          ), C.hasAttribute("aria-roledescription") || b.add(
             () => C.setAttribute(
               "aria-roledescription",
               Gl.roleDescription
             )
-          ), C.hasAttribute("aria-describedby") || w.add(
+          ), C.hasAttribute("aria-describedby") || b.add(
             () => C.setAttribute("aria-describedby", l)
           );
           for (const x of ["aria-pressed", "aria-grabbed"]) {
             const M = String(S.isDragging);
-            C.getAttribute(x) !== M && w.add(() => C.setAttribute(x, M));
+            C.getAttribute(x) !== M && b.add(() => C.setAttribute(x, M));
           }
           const E = String(S.disabled);
-          C.getAttribute("aria-disabled") !== E && w.add(
+          C.getAttribute("aria-disabled") !== E && b.add(
             () => C.setAttribute("aria-disabled", E)
           );
         }
       }
-      w.size > 0 && Vo.schedule(b);
+      b.size > 0 && Vo.schedule(w);
     }), this.destroy = () => {
       super.destroy(), u?.remove(), f?.remove(), m.forEach((_) => _());
     };
@@ -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,
@@ -6073,8 +6073,8 @@ xd = function() {
     x: g.scaleX / h.scaleX,
     y: g.scaleY / h.scaleY
   };
-  let { width: w, height: b, top: _, left: S } = m;
-  v && (w = w / y.x, b = b / y.y);
+  let { width: b, height: w, top: _, left: S } = m;
+  v && (b = b / y.x, w = w / y.y);
   const C = new Rm(d), {
     transition: E,
     translate: x,
@@ -6097,25 +6097,25 @@ xd = function() {
   if (!p.transformOrigin) {
     const le = ke(() => i.current);
     p.transformOrigin = {
-      x: (le.x - S * h.scaleX - h.x) / (w * h.scaleX),
-      y: (le.y - _ * h.scaleY - h.y) / (b * h.scaleY)
+      x: (le.x - S * h.scaleX - h.x) / (b * h.scaleX),
+      y: (le.y - _ * h.scaleY - h.y) / (w * 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;
+    p.coordinates.x += (b * le - b) * Ke, p.coordinates.y += (w * pe - w) * Rt;
   }
-  p.dimensions || (p.dimensions = { width: w, height: b }), p.frameTransform || (p.frameTransform = h);
+  p.dimensions || (p.dimensions = { width: b, height: w }), 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
+    width: (p.dimensions.width * p.frameTransform.scaleX - b * h.scaleX) * he.x,
+    height: (p.dimensions.height * p.frameTransform.scaleY - w * h.scaleY) * he.y
   }, G = {
     x: Y.x / h.scaleX + _e.width,
     y: Y.y / h.scaleY + _e.height
@@ -6127,8 +6127,8 @@ xd = function() {
   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,
+      width: b - X,
+      height: w - ee,
       top: te.top + Ge.y,
       left: te.left + Ge.x,
       translate: `${Oe}px ${st}px 0`,
@@ -6145,8 +6145,8 @@ xd = function() {
     feedbackElement: d,
     frameTransform: h,
     transformOrigin: he,
-    width: w,
-    height: b,
+    width: b,
+    height: w,
     top: _,
     left: S,
     widthOffset: X,
@@ -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() {
@@ -6354,16 +6354,16 @@ var Td, gs, Vr, Ai, nn, vs, ia = class extends (gs = Ur, Td = [ge], gs) {
               for (const m of su)
                 p[m].isLocked(v[m]) && (g[m] = 0, v[m] = 0);
             if (v.x || v.y) {
-              const { x: m, y } = u ?? v, w = m * g.x, b = y * g.y;
-              if (w || b) {
+              const { x: m, y } = u ?? v, b = m * g.x, w = y * g.y;
+              if (b || w) {
                 const _ = (s = Ie(this, nn)) == null ? void 0 : s.by;
-                if (this.autoScrolling && _ && (_.x && !w || _.y && !b))
+                if (this.autoScrolling && _ && (_.x && !b || _.y && !w))
                   continue;
                 return ut(this, nn, {
                   element: d,
                   by: {
-                    x: w,
-                    y: b
+                    x: b,
+                    y: w
                   }
                 }), Vo.schedule(Ie(this, vs)), !0;
               }
@@ -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,
@@ -8016,19 +8016,19 @@ var k0 = O.canvas.attrs((e) => ({
       },
       `${r}-${_}`
     );
-  }), b = p ? "transparent" : cn(c);
+  }), w = p ? "transparent" : cn(c);
   return /* @__PURE__ */ k(
-    C0,
+    Cv,
     {
       $index: o,
       $cssWidth: r,
       className: a,
       $waveHeight: i,
-      $waveFillColor: b,
+      $waveFillColor: w,
       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"};
@@ -8258,9 +8258,9 @@ var rc = ({
   fadeOut: v,
   sampleRate: m = 44100,
   showFades: y = !1,
-  touchOptimized: w = !1
+  touchOptimized: b = !1
 }) => {
-  const b = Math.floor(s / l), _ = $c(s, i, l), S = c && !u && !f, C = `clip-${r}-${o}`, {
+  const w = Math.floor(s / l), _ = $c(s, i, l), S = c && !u && !f, C = `clip-${r}-${o}`, {
     ref: E,
     handleRef: x,
     isDragSource: M
@@ -8280,12 +8280,12 @@ var rc = ({
     feedback: "none"
   });
   return /* @__PURE__ */ me(
-    P0,
+    Pv,
     {
       ref: E,
       style: M ? { zIndex: 100 } : void 0,
       className: t,
-      $left: b,
+      $left: w,
       $width: _,
       $isOverlay: f,
       "data-clip-container": "true",
@@ -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: w, children: /* @__PURE__ */ me(Fv, { $isOverlay: f, children: [
           e,
           y && g && g.duration > 0 && /* @__PURE__ */ k(
             rc,
@@ -8334,7 +8334,7 @@ var rc = ({
               trackIndex: r,
               clipIndex: o,
               edge: "left",
-              touchOptimized: w,
+              touchOptimized: b,
               dragHandleProps: {
                 ref: A,
                 isDragging: I
@@ -8348,7 +8348,7 @@ var rc = ({
               trackIndex: r,
               clipIndex: o,
               edge: "right",
-              touchOptimized: w,
+              touchOptimized: b,
               dragHandleProps: {
                 ref: F,
                 isDragging: L
@@ -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,
@@ -8434,7 +8434,7 @@ var rc = ({
     for (const E of t)
       E.midi < S && (S = E.midi), E.midi > C && (C = E.midi);
     return { minMidi: Math.max(0, S - 1), maxMidi: Math.min(127, C + 1) };
-  }, [t]), w = u ? c : l;
+  }, [t]), b = u ? c : l;
   K(() => {
     const S = y - m + 1, C = Math.max(2, r / S), E = s / a;
     for (const [x, M] of h.current.entries()) {
@@ -8446,7 +8446,7 @@ var rc = ({
         const H = L.time - i;
         if (H + L.duration <= D || H >= F) continue;
         const q = H * E - R, oe = Math.max(2, L.duration * E), X = (y - L.midi) / S * r, ee = 0.3 + L.velocity * 0.7;
-        I.fillStyle = w, I.globalAlpha = ee;
+        I.fillStyle = b, I.globalAlpha = ee;
         const ie = 1;
         I.beginPath(), I.roundRect(q, X, oe, C, ie), I.fill();
       }
@@ -8460,17 +8460,17 @@ var rc = ({
     a,
     s,
     i,
-    w,
+    b,
     m,
     y,
     n,
     v,
     e
   ]);
-  const b = v.map((S) => {
+  const w = 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: w });
 };
 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;
@@ -8590,22 +8590,22 @@ var Z0 = O.div`
   timescaleGapHeight: g = 0
 }) => {
   const v = T(null), m = $(
-    (w) => {
-      v.current = w, f?.(w);
+    (b) => {
+      v.current = b, f?.(b);
     },
     [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",
@@ -8749,7 +8749,7 @@ var oc = O.div.attrs((e) => ({
   const [c, u] = z(null), f = T(0), p = T(0), d = T(0), h = Math.max(0, t - e), g = $(
     (m, y) => {
       m.preventDefault(), m.stopPropagation(), u(y), f.current = m.clientX, p.current = y === "start" ? e : t;
-      const w = (_) => {
+      const b = (_) => {
         const S = _.clientX - f.current, C = p.current + S;
         if (y === "start") {
           const E = Math.max(i, Math.min(t - 10, C));
@@ -8758,29 +8758,29 @@ var oc = O.div.attrs((e) => ({
           const E = Math.max(e + 10, Math.min(l, C));
           a?.(E);
         }
-      }, b = () => {
-        u(null), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", b);
+      }, w = () => {
+        u(null), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
       };
-      document.addEventListener("mousemove", w), document.addEventListener("mouseup", b);
+      document.addEventListener("mousemove", b), document.addEventListener("mouseup", w);
     },
     [e, t, i, l, o, a]
   ), v = $(
     (m) => {
       m.preventDefault(), m.stopPropagation(), u("region"), f.current = m.clientX, p.current = e, d.current = t;
-      const y = t - e, w = (_) => {
+      const y = t - e, b = (_) => {
         const S = _.clientX - f.current;
         let C = p.current + S, E = d.current + S;
         C < i && (C = i, E = i + y), E > l && (E = l, C = l - y), s?.(C, E);
-      }, b = () => {
-        u(null), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", b);
+      }, w = () => {
+        u(null), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
       };
-      document.addEventListener("mousemove", w), document.addEventListener("mouseup", b);
+      document.addEventListener("mousemove", b), document.addEventListener("mouseup", w);
     },
     [e, t, i, l, s]
   );
   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",
@@ -8840,8 +8840,8 @@ var oc = O.div.attrs((e) => ({
       if (!h) return;
       const g = p.clientX - h.left, v = Math.max(a, Math.min(s, g));
       l.current = v, o?.(v, v);
-      const m = (w) => {
-        const b = w.clientX - h.left, _ = Math.max(a, Math.min(s, b)), S = Math.min(l.current, _), C = Math.max(l.current, _);
+      const m = (b) => {
+        const w = b.clientX - h.left, _ = Math.max(a, Math.min(s, w)), S = Math.min(l.current, _), C = Math.max(l.current, _);
         o?.(S, C);
       }, y = () => {
         i(!1), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", y);
@@ -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,14 +9087,14 @@ 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()), b = T(f), w = 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;
+    b.current = f;
   }, [f]), K(() => {
-    b.current = d;
+    w.current = d;
   }, [d]), K(() => {
     if (!_) return;
-    const I = w.current;
+    const I = b.current;
     if (!I || !p) return;
     const D = m.current.length, F = [];
     for (const Q of m.current) {
@@ -9141,10 +9141,10 @@ var hv = fv(), sc = ({
         const ee = parseInt(X[1], 10);
         return Math.min(r - ee * Ze, Ze);
       });
-      b.current?.(Q, q);
+      w.current?.(Q, q);
     }
   }, [v, _, p, h, r, C]), K(() => () => {
-    const I = w.current;
+    const I = b.current;
     if (I) {
       for (const D of m.current)
         try {
@@ -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,
@@ -9251,10 +9251,10 @@ var hv = fv(), sc = ({
   const v = Qr(), {
     waveHeight: m,
     barWidth: y,
-    barGap: w,
-    samplesPerPixel: b,
+    barGap: b,
+    samplesPerPixel: w,
     sampleRate: _
-  } = fa(), S = Vi(), C = a ?? b, E = e && v ? v.selectedWaveOutlineColor : v?.waveOutlineColor, x = e && v ? v.selectedWaveFillColor : v?.waveFillColor, M = v?.waveformDrawMode || "inverted", R = r || c;
+  } = fa(), S = Vi(), C = a ?? w, E = e && v ? v.selectedWaveOutlineColor : v?.waveOutlineColor, x = e && v ? v.selectedWaveFillColor : v?.waveFillColor, M = v?.waveformDrawMode || "inverted", R = r || c;
   if (n === "spectrogram" && R)
     return /* @__PURE__ */ k(
       sc,
@@ -9315,7 +9315,7 @@ var hv = fv(), sc = ({
               waveHeight: A,
               devicePixelRatio: S,
               barWidth: y,
-              barGap: w,
+              barGap: b,
               transparentBackground: t,
               drawMode: M
             }
@@ -9325,7 +9325,7 @@ var hv = fv(), sc = ({
     ] });
   }
   return n === "piano-roll" ? /* @__PURE__ */ k(
-    z0,
+    zv,
     {
       index: g.index,
       midiNotes: p ?? [],
@@ -9350,12 +9350,12 @@ var hv = fv(), sc = ({
       waveHeight: m,
       devicePixelRatio: S,
       barWidth: y,
-      barGap: w,
+      barGap: b,
       transparentBackground: t,
       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,14 +9406,14 @@ 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";
-      for (const w of v) {
-        const b = n(w, r, o);
-        if (b < 0 || b > 1) continue;
-        const _ = y + f * (1 - b), S = w >= 1e3 ? `${(w / 1e3).toFixed(1)}k` : `${w} Hz`, C = g.measureText(S), E = 3;
+      for (const b of v) {
+        const w = n(b, r, o);
+        if (w < 0 || w > 1) continue;
+        const _ = y + f * (1 - w), S = b >= 1e3 ? `${(b / 1e3).toFixed(1)}k` : `${b} Hz`, C = g.measureText(S), E = 3;
         g.fillStyle = s, g.fillRect(0, _ - 7, C.width + E * 2, 14), g.fillStyle = a, g.fillText(S, E, _);
       }
     }
@@ -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,
@@ -9484,19 +9484,19 @@ var gv = ({
     for (const [g, v] of o.current.entries()) {
       const m = v.getContext("2d");
       if (!m) continue;
-      const y = g * Ze, w = v.width / s;
+      const y = g * Ze, b = v.width / s;
       m.resetTransform(), m.clearRect(0, 0, v.width, v.height), m.imageSmoothingEnabled = !1, m.fillStyle = t, m.scale(s, s);
-      for (const [b, _] of l.entries()) {
-        if (b < y || b >= y + w) continue;
-        const S = b - y, C = a - _;
+      for (const [w, _] of l.entries()) {
+        if (w < y || w >= y + b) continue;
+        const S = w - y, C = a - _;
         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,13 +9530,13 @@ 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;
+      const { bpm: v, timeSignature: m, ticksPerBar: y, ticksPerBeat: b } = a, w = /* @__PURE__ */ new Map(), _ = [], S = r / 1e3, C = Math.ceil(S * v * er / 60), E = Gn(b, v, n) / t, x = Gn(y, v, n) / t, M = 10, R = 30;
       let A;
       if (E >= M)
-        A = w;
+        A = b;
       else if (x >= M)
         A = y;
       else {
@@ -9545,7 +9545,7 @@ var Sv = O.div.attrs((e) => ({
       }
       let I;
       if (E >= R)
-        I = w;
+        I = b;
       else if (x >= R)
         I = y;
       else {
@@ -9556,7 +9556,7 @@ var Sv = O.div.attrs((e) => ({
         const F = Gn(D, v, n), L = Fh(F, t);
         if (L >= i) break;
         const H = D % y === 0, Q = D % I === 0, q = H ? o : Math.floor(Q ? o / 2 : o / 5);
-        if (b.set(L, q), Q) {
+        if (w.set(L, q), Q) {
           const oe = Lh(D, m), X = e ? /* @__PURE__ */ k(at.Fragment, { children: e(oe, L) }, `bb-${D}`) : /* @__PURE__ */ k(
             "div",
             {
@@ -9573,38 +9573,38 @@ var Sv = O.div.attrs((e) => ({
           _.push({ pix: L, element: X });
         }
       }
-      return { widthX: i, canvasInfo: b, timeMarkersWithPositions: _ };
+      return { widthX: i, canvasInfo: w, timeMarkersWithPositions: _ };
     }
     const l = xs(t), { marker: c, bigStep: u, smallStep: f } = l, p = /* @__PURE__ */ new Map(), d = [], h = n / t;
     let g = 0;
     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);
-        d.push({ pix: m, element: w }), p.set(m, o);
+        const y = _0(g), b = e ? /* @__PURE__ */ k(at.Fragment, { children: e(y, m) }, `timestamp-${g}`) : /* @__PURE__ */ k(S0, { $left: m, children: y }, y);
+        d.push({ pix: m, element: b }), 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,27 +9964,27 @@ 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 b = e.bits === 8 ? z0 : H0, w = 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;
     if (i === 1) {
       for (var C = 0; C < s.length; ++C)
         S += s[C][_];
-      S = Math.floor(b * S * n / s.length), S < v[0] && (v[0] = S, v[0] < w && (v[0] = w)), S > m[0] && (m[0] = S, m[0] > b && (m[0] = b));
+      S = Math.floor(w * S * n / s.length), S < v[0] && (v[0] = S, v[0] < b && (v[0] = b)), S > m[0] && (m[0] = S, m[0] > w && (m[0] = w));
     } else
       for (var E = 0; E < i; ++E)
-        S = Math.floor(b * s[E][_] * n), S < v[E] && (v[E] = S, v[E] < w && (v[E] = w)), S > m[E] && (m[E] = S, m[E] > b && (m[E] = b));
+        S = Math.floor(w * s[E][_] * n), S < v[E] && (v[E] = S, v[E] < b && (v[E] = b)), S > m[E] && (m[E] = S, m[E] > w && (m[E] = w));
     if (++h === t) {
       for (var x = 0; x < i; x++)
         e.bits === 8 ? (d.setInt8(g++, v[x]), d.setInt8(g++, m[x])) : (d.setInt16(g, v[x], !0), d.setInt16(g + 2, m[x], !0), g += 4), v[x] = 1 / 0, m[x] = -1 / 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,29 +10626,29 @@ 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 = [];
-    for (let b = 0; b < e.length; b++) {
-      const _ = vo(e[b], b, p.get(b), h.current);
-      _ && w.push(_);
+    const b = [];
+    for (let w = 0; w < e.length; w++) {
+      const _ = vo(e[w], w, p.get(w), h.current);
+      _ && b.push(_);
     }
-    return w;
+    return b;
   }, [o, e, p]), [v, m] = z(g ?? []), y = T(g);
   return g !== y.current && (y.current = g, g && m(g)), K(() => {
     if (e.length === 0) {
       m([]), s(!1), u(0);
       return;
     }
-    let w = !1;
-    const b = new AbortController();
+    let b = !1;
+    const w = new AbortController();
     return (async () => {
       try {
         s(!0), l(null), u(0), o && d(/* @__PURE__ */ new Map());
         const S = nh.getContext().rawContext, C = e.map(async (x, M) => {
           if (x.audioBuffer) {
-            if (o && !w) {
+            if (o && !b) {
               d((D) => {
                 const F = new Map(D);
                 return F.set(M, x.audioBuffer), F;
@@ -10658,7 +10658,7 @@ function Zb(e, t = {}) {
             return vo(x, M, x.audioBuffer, h.current);
           }
           if (!x.src && x.waveformData) {
-            if (o && !w) {
+            if (o && !b) {
               u((D) => D + 1);
               return;
             }
@@ -10666,13 +10666,13 @@ function Zb(e, t = {}) {
           }
           if (!x.src)
             throw new Error(`Track ${M + 1}: Must provide src, audioBuffer, or waveformData`);
-          const R = await fetch(x.src, { signal: b.signal });
+          const R = await fetch(x.src, { signal: w.signal });
           if (!R.ok)
             throw new Error(`Failed to fetch ${x.src}: ${R.statusText}`);
           const A = await R.arrayBuffer(), I = await S.decodeAudioData(A);
           if (!I || !I.sampleRate || !I.duration)
             throw new Error(`Invalid audio buffer for ${x.src}`);
-          if (o && !w) {
+          if (o && !b) {
             d((D) => {
               const F = new Map(D);
               return F.set(M, I), F;
@@ -10681,7 +10681,7 @@ function Zb(e, t = {}) {
           }
           return vo(x, M, I, h.current);
         }), E = await Promise.all(C);
-        if (!w) {
+        if (!b) {
           if (!o) {
             const x = E.filter((M) => M != null);
             m(x), u(x.length);
@@ -10689,13 +10689,13 @@ function Zb(e, t = {}) {
           s(!1);
         }
       } catch (S) {
-        if (!w) {
+        if (!b) {
           const C = S instanceof Error ? S.message : "Unknown error loading audio";
           l(C), s(!1), console.error(`[waveform-playlist] Error loading audio tracks: ${C}`);
         }
       }
     })(), () => {
-      w = !0, b.abort();
+      b = !0, w.abort();
     };
   }, [e, o]), { tracks: v, loading: a, error: i, loadedCount: c, totalCount: f };
 }
@@ -10763,8 +10763,8 @@ function hy({
     (d) => {
       const h = d.operation.source?.data;
       if (!h || !h.boundary || !l.current) return;
-      const { boundary: g, trackIndex: v, clipIndex: m } = h, w = (d.to?.x ?? d.operation.position.current.x) - d.operation.position.initial.x, b = w * n, _ = l.current, S = i.current;
-      let C = b;
+      const { boundary: g, trackIndex: v, clipIndex: m } = h, b = (d.to?.x ?? d.operation.position.current.x) - d.operation.position.initial.x, w = b * n, _ = l.current, S = i.current;
+      let C = w;
       const E = e.map((x, M) => {
         if (M !== v) return x;
         const R = [...x.clips].sort((D, F) => D.startSample - F.startSample), A = R.findIndex((D) => D === x.clips[m]), I = x.clips.map((D, F) => {
@@ -10772,7 +10772,7 @@ function hy({
           let L = fy({
             originalClip: _,
             clip: D,
-            pixelDelta: w,
+            pixelDelta: b,
             samplesPerPixel: n,
             sampleRate: r,
             boundary: g,
@@ -10810,9 +10810,9 @@ function hy({
     (d) => {
       if (d.canceled) {
         if (l.current) {
-          const b = d.operation.source?.data;
-          if (b) {
-            const { trackIndex: _, clipIndex: S } = b, C = l.current, E = e.map((x, M) => {
+          const w = d.operation.source?.data;
+          if (w) {
+            const { trackIndex: _, clipIndex: S } = w, C = l.current, E = e.map((x, M) => {
               if (M !== _) return x;
               const R = x.clips.map((A, I) => I !== S ? A : {
                 ...A,
@@ -10830,14 +10830,14 @@ function hy({
       }
       const h = d.operation.source?.data;
       if (!h) return;
-      const { trackIndex: g, clipId: v, boundary: m } = h, y = m ? c.current : d.operation.transform.x * n, w = e[g]?.id;
+      const { trackIndex: g, clipId: v, boundary: m } = h, y = m ? c.current : d.operation.transform.x * n, b = e[g]?.id;
       if (m) {
-        a.current = !1, w ? o.current ? o.current.trimClip(w, v, m, Math.floor(y)) : console.warn("[waveform-playlist] engineRef is null — trim not synced to adapter") : console.warn(
+        a.current = !1, b ? o.current ? o.current.trimClip(b, v, m, Math.floor(y)) : console.warn("[waveform-playlist] engineRef is null — trim not synced to adapter") : console.warn(
           `[waveform-playlist] onDragEnd: track at index ${g} not found — trim not synced to adapter`
         ), l.current = null, c.current = 0;
         return;
       }
-      w ? o.current ? o.current.moveClip(w, v, Math.floor(y)) : console.warn("[waveform-playlist] engineRef is null — move not synced to adapter") : console.warn(
+      b ? o.current ? o.current.moveClip(b, v, Math.floor(y)) : console.warn("[waveform-playlist] engineRef is null — move not synced to adapter") : console.warn(
         `[waveform-playlist] onDragEnd: track at index ${g} not found — move not synced to adapter`
       );
     },
@@ -10879,7 +10879,7 @@ function py({
         return;
       const f = u.operation.source?.data;
       if (!f) return;
-      const { edge: p, annotationIndex: d } = f, h = s.current, m = ((u.to?.x ?? u.operation.position.current.x) - u.operation.position.initial.x) * n / r, y = p === "start" ? h.start + m : h.end + m, w = my({
+      const { edge: p, annotationIndex: d } = f, h = s.current, m = ((u.to?.x ?? u.operation.position.current.x) - u.operation.position.initial.x) * n / r, y = p === "start" ? h.start + m : h.end + m, b = my({
         annotationIndex: d,
         newTime: y,
         isDraggingStart: p === "start",
@@ -10887,7 +10887,7 @@ function py({
         duration: o,
         linkEndpoints: a
       });
-      t(w);
+      t(b);
     },
     [e, t, n, r, o, a]
   ), c = at.useCallback(
@@ -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,
@@ -11218,9 +11218,9 @@ function Xb({
     !r || e.length === 0 || (p < 0 || p >= e.length - 1 ? r(e[0].id) : r(e[p + 1].id));
   }, [e, p, r]), y = $(() => {
     !r || e.length === 0 || r(e[0].id);
-  }, [e, r]), w = $(() => {
-    !r || e.length === 0 || r(e[e.length - 1].id);
   }, [e, r]), b = $(() => {
+    !r || e.length === 0 || r(e[e.length - 1].id);
+  }, [e, r]), w = $(() => {
     r && r(null);
   }, [r]), _ = $(() => {
     if (p < 0 || !f) return;
@@ -11296,18 +11296,18 @@ function Xb({
       },
       {
         key: "End",
-        action: w,
+        action: b,
         description: "Select last annotation",
         preventDefault: !0
       },
       {
         key: "Escape",
-        action: b,
+        action: w,
         description: "Deselect annotation",
         preventDefault: !0
       }
     ],
-    [v, m, y, w, b]
+    [v, m, y, b, w]
   );
   return Es({
     shortcuts: S,
@@ -11321,8 +11321,8 @@ function Xb({
     selectPrevious: v,
     selectNext: m,
     selectFirst: y,
-    selectLast: w,
-    clearSelection: b,
+    selectLast: b,
+    clearSelection: w,
     scrollToAnnotation: d,
     playActiveAnnotation: _
   };
@@ -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,
@@ -11967,7 +11967,7 @@ function qb(e = 256) {
   const o = T(/* @__PURE__ */ new Map()), a = T(null), s = T(null), i = $((v) => {
     const m = s.current;
     if (!m) return;
-    const { masterGainNode: y, destination: w, analyserNode: b } = m;
+    const { masterGainNode: y, destination: b, analyserNode: w } = m;
     try {
       y.disconnect();
     } catch (S) {
@@ -11975,7 +11975,7 @@ function qb(e = 256) {
     }
     const _ = v.map((S) => o.current.get(S.instanceId)).filter((S) => S !== void 0);
     if (_.length === 0)
-      y.connect(b), b.connect(w);
+      y.connect(w), w.connect(b);
     else {
       let S = y;
       _.forEach((C) => {
@@ -11985,7 +11985,7 @@ function qb(e = 256) {
           console.warn(`[waveform-playlist] Error disconnecting effect "${C.id}":`, E);
         }
         S.connect(C.effect), S = C.effect;
-      }), S.connect(b), b.connect(w);
+      }), S.connect(w), w.connect(b);
     }
   }, []), l = $((v) => {
     const m = wf(v);
@@ -11997,44 +11997,44 @@ function qb(e = 256) {
     m.parameters.forEach((_) => {
       y[_.name] = _.default;
     });
-    const w = jo(m, y);
-    o.current.set(w.instanceId, w);
-    const b = {
-      instanceId: w.instanceId,
+    const b = jo(m, y);
+    o.current.set(b.instanceId, b);
+    const w = {
+      instanceId: b.instanceId,
       effectId: m.id,
       definition: m,
       params: y,
       bypassed: !1
     };
-    n((_) => [..._, b]);
+    n((_) => [..._, w]);
   }, []), c = $((v) => {
     const m = o.current.get(v);
-    m && (m.dispose(), o.current.delete(v)), n((y) => y.filter((w) => w.instanceId !== v));
+    m && (m.dispose(), o.current.delete(v)), n((y) => y.filter((b) => b.instanceId !== v));
   }, []), u = $(
     (v, m, y) => {
-      const w = o.current.get(v);
-      w && w.setParameter(m, y), n(
-        (b) => b.map(
+      const b = o.current.get(v);
+      b && b.setParameter(m, y), n(
+        (w) => w.map(
           (_) => _.instanceId === v ? { ..._, params: { ..._.params, [m]: y } } : _
         )
       );
     },
     []
   ), f = $((v) => {
-    const m = r.current.find((b) => b.instanceId === v);
+    const m = r.current.find((w) => w.instanceId === v);
     if (!m) return;
-    const y = !m.bypassed, w = o.current.get(v);
-    if (w) {
-      const b = m.params.wet ?? 1;
-      w.setParameter("wet", y ? 0 : b);
+    const y = !m.bypassed, b = o.current.get(v);
+    if (b) {
+      const w = m.params.wet ?? 1;
+      b.setParameter("wet", y ? 0 : w);
     }
     n(
-      (b) => b.map((_) => _.instanceId === v ? { ..._, bypassed: y } : _)
+      (w) => w.map((_) => _.instanceId === v ? { ..._, bypassed: y } : _)
     );
   }, []), p = $((v, m) => {
     n((y) => {
-      const w = [...y], [b] = w.splice(v, 1);
-      return w.splice(m, 0, b), w;
+      const b = [...y], [w] = b.splice(v, 1);
+      return b.splice(m, 0, w), b;
     });
   }, []), d = $(() => {
     o.current.forEach((v) => v.dispose()), o.current.clear(), n([]);
@@ -12044,23 +12044,23 @@ function qb(e = 256) {
   }, [t, i]);
   const h = $(
     (v, m, y) => {
-      const w = new _c("fft", e);
-      a.current = w, s.current = {
+      const b = new _c("fft", e);
+      a.current = b, s.current = {
         masterGainNode: v,
         destination: m,
-        analyserNode: w
+        analyserNode: b
       };
       const _ = r.current.map((S) => o.current.get(S.instanceId)).filter((S) => S !== void 0);
       if (_.length === 0)
-        v.connect(w), w.connect(m);
+        v.connect(b), b.connect(m);
       else {
         let S = v;
         _.forEach((C) => {
           S.connect(C.effect), S = C.effect;
-        }), S.connect(w), w.connect(m);
+        }), S.connect(b), b.connect(m);
       }
       return function() {
-        w.dispose(), a.current = null, s.current = null;
+        b.dispose(), a.current = null, s.current = null;
       };
     },
     [e]
@@ -12075,22 +12075,22 @@ function qb(e = 256) {
   const g = $(() => {
     const v = t.filter((m) => !m.bypassed);
     if (v.length !== 0)
-      return (m, y, w) => {
-        const b = [];
+      return (m, y, b) => {
+        const w = [];
         for (const _ of v) {
           const S = jo(_.definition, _.params);
-          b.push(S);
+          w.push(S);
         }
-        if (b.length === 0)
+        if (w.length === 0)
           m.connect(y);
         else {
           let _ = m;
-          b.forEach((S) => {
+          w.forEach((S) => {
             _.connect(S.effect), _ = S.effect;
           }), _.connect(y);
         }
         return function() {
-          b.forEach((S) => S.dispose());
+          w.forEach((S) => S.dispose());
         };
       };
   }, [t]);
@@ -12117,15 +12117,15 @@ function Jb() {
     const { graphEnd: v, masterGainNode: m } = g, y = n.current.get(d);
     try {
       v.disconnect();
-    } catch (b) {
-      console.warn(`[waveform-playlist] Error disconnecting track "${d}" effect chain:`, b);
+    } catch (w) {
+      console.warn(`[waveform-playlist] Error disconnecting track "${d}" effect chain:`, w);
     }
-    const w = h.map((b) => y?.get(b.instanceId)).filter((b) => b !== void 0);
-    if (w.length === 0)
+    const b = h.map((w) => y?.get(w.instanceId)).filter((w) => w !== void 0);
+    if (b.length === 0)
       v.connect(m);
     else {
-      let b = v;
-      w.forEach((_) => {
+      let w = v;
+      b.forEach((_) => {
         try {
           _.disconnect();
         } catch (S) {
@@ -12134,8 +12134,8 @@ function Jb() {
             S
           );
         }
-        b.connect(_.effect), b = _.effect;
-      }), b.connect(m);
+        w.connect(_.effect), w = _.effect;
+      }), w.connect(m);
     }
   }, []), a = $((d, h) => {
     const g = wf(h);
@@ -12144,8 +12144,8 @@ function Jb() {
       return;
     }
     const v = {};
-    g.parameters.forEach((w) => {
-      v[w.name] = w.default;
+    g.parameters.forEach((b) => {
+      v[b.name] = b.default;
     });
     const m = jo(g, v);
     n.current.has(d) || n.current.set(d, /* @__PURE__ */ new Map()), n.current.get(d).set(m.instanceId, m);
@@ -12156,43 +12156,43 @@ function Jb() {
       params: v,
       bypassed: !1
     };
-    t((w) => {
-      const b = new Map(w), _ = b.get(d) || [];
-      return b.set(d, [..._, y]), b;
+    t((b) => {
+      const w = new Map(b), _ = w.get(d) || [];
+      return w.set(d, [..._, y]), w;
     });
   }, []), s = $((d, h) => {
     const g = n.current.get(d), v = g?.get(h);
     v && (v.dispose(), g?.delete(h)), t((m) => {
-      const y = new Map(m), w = y.get(d) || [];
+      const y = new Map(m), b = y.get(d) || [];
       return y.set(
         d,
-        w.filter((b) => b.instanceId !== h)
+        b.filter((w) => w.instanceId !== h)
       ), y;
     });
   }, []), i = $(
     (d, h, g, v) => {
       const y = n.current.get(d)?.get(h);
-      y && y.setParameter(g, v), t((w) => {
-        const b = new Map(w), _ = b.get(d) || [];
-        return b.set(
+      y && y.setParameter(g, v), t((b) => {
+        const w = new Map(b), _ = w.get(d) || [];
+        return w.set(
           d,
           _.map(
             (S) => S.instanceId === h ? { ...S, params: { ...S.params, [g]: v } } : S
           )
-        ), b;
+        ), w;
       });
     },
     []
   ), l = $((d, h) => {
-    const v = (u.current.get(d) || []).find((b) => b.instanceId === h);
+    const v = (u.current.get(d) || []).find((w) => w.instanceId === h);
     if (!v) return;
-    const m = !v.bypassed, w = n.current.get(d)?.get(h);
-    if (w) {
-      const b = v.params.wet ?? 1;
-      w.setParameter("wet", m ? 0 : b);
+    const m = !v.bypassed, b = n.current.get(d)?.get(h);
+    if (b) {
+      const w = v.params.wet ?? 1;
+      b.setParameter("wet", m ? 0 : w);
     }
-    t((b) => {
-      const _ = new Map(b), S = _.get(d) || [];
+    t((w) => {
+      const _ = new Map(w), S = _.get(d) || [];
       return _.set(
         d,
         S.map((C) => C.instanceId === h ? { ...C, bypassed: m } : C)
@@ -12212,14 +12212,14 @@ function Jb() {
         graphEnd: h,
         masterGainNode: g
       });
-      const m = u.current.get(d) || [], y = n.current.get(d), w = m.map((b) => y?.get(b.instanceId)).filter((b) => b !== void 0);
-      if (w.length === 0)
+      const m = u.current.get(d) || [], y = n.current.get(d), b = m.map((w) => y?.get(w.instanceId)).filter((w) => w !== void 0);
+      if (b.length === 0)
         h.connect(g);
       else {
-        let b = h;
-        w.forEach((_) => {
-          b.connect(_.effect), b = _.effect;
-        }), b.connect(g);
+        let w = h;
+        b.forEach((_) => {
+          w.connect(_.effect), w = _.effect;
+        }), w.connect(g);
       }
       return function() {
         r.current.delete(d);
@@ -12245,21 +12245,21 @@ function Jb() {
       const g = (e.get(d) || []).filter((v) => !v.bypassed);
       if (g.length !== 0)
         return (v, m, y) => {
-          const w = [];
-          for (const b of g) {
-            const _ = jo(b.definition, b.params);
-            w.push(_);
+          const b = [];
+          for (const w of g) {
+            const _ = jo(w.definition, w.params);
+            b.push(_);
           }
-          if (w.length === 0)
+          if (b.length === 0)
             v.connect(m);
           else {
-            let b = v;
-            w.forEach((_) => {
-              b.connect(_.effect), b = _.effect;
-            }), b.connect(m);
+            let w = v;
+            b.forEach((_) => {
+              w.connect(_.effect), w = _.effect;
+            }), w.connect(m);
           }
           return function() {
-            w.forEach((_) => _.dispose());
+            b.forEach((_) => _.dispose());
           };
         };
     },
@@ -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 = [];
@@ -12287,8 +12287,8 @@ function wy(e, t = {}) {
   if (n === 16)
     for (let v = 0; v < a; v++)
       for (let m = 0; m < r; m++) {
-        const y = h[m][v], w = Math.max(-1, Math.min(1, y)), b = w < 0 ? w * 32768 : w * 32767;
-        d.setInt16(g, b, !0), g += 2;
+        const y = h[m][v], b = Math.max(-1, Math.min(1, y)), w = b < 0 ? b * 32768 : b * 32767;
+        d.setInt16(g, w, !0), g += 2;
       }
   else
     for (let v = 0; v < a; v++)
@@ -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: $(
@@ -12326,23 +12326,23 @@ function Sy() {
             throw new Error("No tracks to export");
           if (f === "individual" && (p === void 0 || p < 0 || p >= i.length))
             throw new Error("Invalid track index for individual export");
-          const w = i[0].clips[0]?.sampleRate || 44100;
-          let b = 0;
+          const b = i[0].clips[0]?.sampleRate || 44100;
+          let w = 0;
           for (const R of i)
             for (const A of R.clips) {
               const I = A.startSample + A.durationSamples;
-              b = Math.max(b, I);
+              w = Math.max(w, I);
             }
-          b += Math.round(w * 0.1);
-          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;
+          w += Math.round(b * 0.1);
+          const _ = w / b, 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,
               _,
-              w,
+              b,
               g,
               v,
               (R) => {
@@ -12350,32 +12350,32 @@ function Sy() {
               }
             );
           else {
-            const R = new OfflineAudioContext(2, b, w);
+            const R = new OfflineAudioContext(2, w, b);
             let A = 0;
             const I = S.reduce((D, { track: F }) => D + F.clips.length, 0);
             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, b, 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,
             blob: M,
             duration: _
           };
-        } catch (w) {
-          const b = w instanceof Error ? w.message : "Export failed";
-          throw a(b), w;
+        } catch (b) {
+          const w = b instanceof Error ? b.message : "Export failed";
+          throw a(w), b;
         } finally {
           t(!1);
         }
@@ -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;
@@ -12397,11 +12397,11 @@ async function ky(e, t, n, r, o, a, s, i) {
         const m = new c(0);
         let y;
         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);
+        for (const { track: b, state: w } of e) {
+          if (w.muted && !w.soloed || n && !w.soloed) continue;
+          const _ = new c(Iy(w.volume)), S = new f(w.pan), C = new u(w.muted ? 0 : 1), E = s?.(b.id);
           E ? E(C, m, !0) : C.connect(m), S.connect(C), _.connect(S);
-          for (const x of w.clips) {
+          for (const x of b.clips) {
             const {
               audioBuffer: M,
               startSample: R,
@@ -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,
@@ -12456,22 +12456,22 @@ async function xy(e, t, n, r, o) {
   const v = e.createGain(), m = c * n.volume, y = e.createStereoPanner();
   if (y.pan.value = n.pan, g.connect(v), v.connect(y), y.connect(e.destination), o) {
     if (u ? v.gain.setValueAtTime(0, p) : v.gain.setValueAtTime(m, p), u) {
-      const w = p, b = p + u.duration;
+      const b = p, w = p + u.duration;
       hc(
         v.gain,
-        w,
         b,
+        w,
         0,
         m,
         u.type || "linear"
       );
     }
     if (f) {
-      const w = p + d - f.duration, b = p + d;
-      (!u || u.duration < d - f.duration) && v.gain.setValueAtTime(m, w), hc(
+      const b = p + d - f.duration, w = p + d;
+      (!u || u.duration < d - f.duration) && v.gain.setValueAtTime(m, b), hc(
         v.gain,
-        w,
         b,
+        w,
         m,
         0,
         f.type || "linear"
@@ -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,65 +12743,65 @@ 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();
-    for (const w of e)
-      for (const b of w.clips) {
-        if (!b.audioBuffer || b.waveformData)
+    for (const b of e)
+      for (const w of b.clips) {
+        if (!w.audioBuffer || w.waveformData)
           continue;
-        const _ = d.get(b.audioBuffer);
+        const _ = d.get(w.audioBuffer);
         if (_) {
           v.push({
-            clipId: b.id,
+            clipId: w.id,
             waveformData: _
           });
           continue;
         }
-        if (h.get(b.audioBuffer)) {
-          const C = g.get(b.audioBuffer);
-          C ? C.add(b.id) : g.set(b.audioBuffer, /* @__PURE__ */ new Set([b.id]));
+        if (h.get(w.audioBuffer)) {
+          const C = g.get(w.audioBuffer);
+          C ? C.add(w.id) : g.set(w.audioBuffer, /* @__PURE__ */ new Set([w.id]));
           continue;
         }
-        const S = m.get(b.audioBuffer);
-        S ? S.add(b.id) : m.set(b.audioBuffer, /* @__PURE__ */ new Set([b.id]));
+        const S = m.get(w.audioBuffer);
+        S ? S.add(w.id) : m.set(w.audioBuffer, /* @__PURE__ */ new Set([w.id]));
       }
-    if (v.length > 0 && r((w) => {
-      const b = new Map(w);
+    if (v.length > 0 && r((b) => {
+      const w = new Map(b);
       for (const _ of v)
-        b.set(_.clipId, _.waveformData);
-      return b;
+        w.set(_.clipId, _.waveformData);
+      return w;
     }), m.size === 0) return;
     u.current += m.size, a(!0);
     const y = f();
-    for (const [w, b] of m) {
-      g.set(w, new Set(b));
+    for (const [b, w] of m) {
+      g.set(b, new Set(w));
       const _ = [];
-      for (let E = 0; E < w.numberOfChannels; E++)
-        _.push(w.getChannelData(E).slice().buffer);
+      for (let E = 0; E < b.numberOfChannels; E++)
+        _.push(b.getChannelData(E).slice().buffer);
       const S = `buffer-${Math.random().toString(36).slice(2, 11)}`, C = y.generate({
         id: S,
         channels: _,
-        length: w.length,
-        sampleRate: w.sampleRate,
+        length: b.length,
+        sampleRate: b.sampleRate,
         scale: t,
         bits: 16,
         splitChannels: !0
       }).then((E) => {
-        d.set(w, E);
-        const x = g.get(w) ?? /* @__PURE__ */ new Set();
-        g.delete(w), h.delete(w), !p && (r((M) => {
+        d.set(b, E);
+        const x = g.get(b) ?? /* @__PURE__ */ new Set();
+        g.delete(b), h.delete(b), !p && (r((M) => {
           const R = new Map(M);
           for (const A of x)
             R.set(A, E);
           return R;
         }), u.current--, u.current <= 0 && (u.current = 0, a(!1)));
       }).catch((E) => {
-        g.delete(w), h.delete(w), !p && (console.warn("[waveform-playlist] Worker peak generation failed:", E), u.current--, u.current <= 0 && (u.current = 0, a(!1)));
+        g.delete(b), h.delete(b), !p && (console.warn("[waveform-playlist] Worker peak generation failed:", E), u.current--, u.current <= 0 && (u.current = 0, a(!1)));
       });
-      h.set(w, C);
+      h.set(b, C);
     }
     return () => {
       p = !0, l.current = /* @__PURE__ */ new WeakMap(), c.current = /* @__PURE__ */ new WeakMap(), u.current = 0, a(!1);
@@ -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), b = Ac({
             audioBuffer: m,
             startTime: 0,
             duration: m.duration,
@@ -12855,11 +12855,11 @@ function Qb() {
             name: y
           });
           !s.current && i.current.has(h.id) && t(
-            (b) => b.map((_) => _.id === h.id ? { ..._, name: y, clips: [w] } : _)
+            (w) => w.map((_) => _.id === h.id ? { ..._, name: y, clips: [b] } : _)
           );
         } catch (m) {
           if (m instanceof DOMException && m.name === "AbortError") return;
-          console.warn("[waveform-playlist] Error loading audio:", m), !s.current && i.current.has(h.id) && (t((y) => y.filter((w) => w.id !== h.id)), a((y) => [
+          console.warn("[waveform-playlist] Error loading audio:", m), !s.current && i.current.has(h.id) && (t((y) => y.filter((b) => b.id !== h.id)), a((y) => [
             ...y,
             {
               name: Is(g),
@@ -12905,8 +12905,8 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
   progressBarWidth: v,
   onTracksChange: m,
   soundFontCache: y,
-  deferEngineRebuild: w = !1,
-  children: b
+  deferEngineRebuild: b = !1,
+  children: w
 }) => {
   const _ = v ?? h + g, S = Ce(
     () => a,
@@ -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(() => {
@@ -12995,7 +12995,7 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       }), L(W);
       return;
     }
-    if (w) {
+    if (b) {
       let W = 0;
       e.forEach((Ee) => {
         Ee.clips.forEach((Te) => {
@@ -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,14 +13089,14 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
     ae,
     m,
     qe,
-    vt,
+    bt,
     Ft,
     Yi,
     ji,
     Xi,
     S,
     y,
-    w
+    b
   ]), K(() => {
     if (e.length === 0) return;
     const N = e.map((U) => U.clips.map((W) => {
@@ -13129,7 +13129,7 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
           }
       }
       if (!Ee) {
-        !w && !W.audioBuffer && !W.waveformData && !W.midiNotes && console.warn(
+        !b && !W.audioBuffer && !W.waveformData && !W.midiNotes && console.warn(
           `[waveform-playlist] Clip "${W.id}" has no audio data or waveform data`
         );
         const Te = n ? 1 : W.audioBuffer?.numberOfChannels ?? 1, Ae = W.midiNotes ? Math.ceil(W.durationSamples / V) : 0;
@@ -13153,7 +13153,7 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       };
     }));
     oe(N);
-  }, [e, V, n, nl, w]);
+  }, [e, V, n, nl, b]);
   const al = T(!1), Fn = $(() => {
     if (B.current)
       return B.current.getCurrentTime();
@@ -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,
       _,
@@ -13484,29 +13484,29 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       m
     ]
   ), 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);
+  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: w }) }) }) }) });
+}, 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
@@ -13766,7 +13766,7 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
   onReady: d,
   children: h
 }) => {
-  const g = f ?? c + u, [v, m] = z(!1), [y, w] = z(0), [b, _] = z(0), [S, C] = z([]), [E, x] = z(o), M = Ce(() => {
+  const g = f ?? c + u, [v, m] = z(!1), [y, b] = z(0), [w, _] = z(0), [S, C] = z([]), [E, x] = z(o), M = Ce(() => {
     if (!l?.annotations) return [];
     if (process.env.NODE_ENV !== "production" && l.annotations.length > 0) {
       const j = l.annotations[0];
@@ -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({
@@ -13806,7 +13806,7 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
     return ye && ye.setOnTimeUpdateCallback((je) => {
       oe.current = je;
     }), j.setOnPlaybackComplete(() => {
-      Z(), m(!1), Y(null), oe.current = 0, w(0);
+      Z(), m(!1), Y(null), oe.current = 0, b(0);
     }), q.current = j, _(e.waveformData.duration), d?.(), () => {
       Z(), j.dispose();
     };
@@ -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;
@@ -13881,15 +13881,15 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
     },
     [Me]
   ), st = $(() => {
-    q.current && (q.current.pause(), m(!1), B(), w(q.current.getCurrentTime()));
+    q.current && (q.current.pause(), m(!1), B(), b(q.current.getCurrentTime()));
   }, [B]), Ge = $(() => {
-    q.current && (q.current.stop(), m(!1), B(), oe.current = 0, w(0), Y(null));
+    q.current && (q.current.stop(), m(!1), B(), oe.current = 0, b(0), Y(null));
   }, [B, Y]), ve = $(
     (j) => {
-      const ye = Math.max(0, Math.min(j, b));
-      oe.current = ye, w(ye), q.current && q.current.seekTo(ye);
+      const ye = Math.max(0, Math.min(j, w));
+      oe.current = ye, b(ye), q.current && q.current.seekTo(ye);
     },
-    [b]
+    [w]
   ), re = $((j) => {
     const ye = Math.max(0.5, Math.min(2, j));
     x(ye), q.current && q.current.setPlaybackRate(ye);
@@ -13952,7 +13952,7 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
     ]
   ), Dt = Ce(
     () => ({
-      duration: b,
+      duration: w,
       peaksDataArray: S,
       sampleRate: te,
       waveHeight: n,
@@ -13965,7 +13965,7 @@ const Ef = Ve(null), If = Ve(null), Af = Ve(null), Mf = Ve(null), t1 = ({
       progressBarWidth: g
     }),
     [
-      b,
+      w,
       S,
       te,
       n,
@@ -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
@@ -14326,8 +14326,8 @@ const Oy = O.div.attrs((e) => ({
   const m = l?.waveformDrawMode || "inverted";
   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: [
+  const b = a.renderMode === "spectrogram" || a.renderMode === "both", w = a.renderMode === "piano-roll", _ = a.renderMode === "both", S = b ? "#000" : w ? l?.pianoRollBackgroundColor || "#1a1a2e" : cn(y), C = Math.floor(c / 2), E = c, x = a.index * c, M = cn(y);
+  return /* @__PURE__ */ me(Ny, { children: [
     _ ? /* @__PURE__ */ me(zt, { children: [
       /* @__PURE__ */ k(
         La,
@@ -14356,8 +14356,8 @@ const Oy = O.div.attrs((e) => ({
         $width: a.length
       }
     ),
-    !b && /* @__PURE__ */ k(
-      Wy,
+    !w && /* @__PURE__ */ k(
+      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,10 +14414,10 @@ const Ny = 60, zy = O.div.attrs((e) => ({
     playbackStartTimeRef: g,
     audioStartPositionRef: v,
     getPlaybackTime: m
-  } = Ct(), {
+  } = Et(), {
     selectionStart: y,
-    selectionEnd: w,
-    annotations: b,
+    selectionEnd: b,
+    annotations: w,
     activeAnnotationId: _,
     annotationsEditable: S,
     linkEndpoints: C,
@@ -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,
@@ -14822,7 +14822,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                   ne.id
                 );
               }),
-              b.length > 0 && I && /* @__PURE__ */ k(I.AnnotationBoxesWrapper, { height: 30, width: ze, children: b.map((V, J) => {
+              w.length > 0 && I && /* @__PURE__ */ k(I.AnnotationBoxesWrapper, { height: 30, width: ze, children: w.map((V, J) => {
                 const ne = V.start * te / G, ue = V.end * te / G, Le = o ? o(V, J) : V.id;
                 return /* @__PURE__ */ k(
                   I.AnnotationBox,
@@ -14840,15 +14840,15 @@ const Ny = 60, zy = O.div.attrs((e) => ({
                   V.id
                 );
               }) }),
-              y !== w && /* @__PURE__ */ k(
+              y !== b && /* @__PURE__ */ k(
                 cf,
                 {
-                  startPosition: Math.min(y, w) * te / G,
-                  endPosition: Math.max(y, w) * te / G,
+                  startPosition: Math.min(y, b) * te / G,
+                  endPosition: Math.max(y, b) * te / G,
                   color: p.selectionColor
                 }
               ),
-              (d || y === w) && (n ? n({
+              (d || y === b) && (n ? n({
                 position: (h.current ?? 0) * te / G,
                 color: p.playheadColor,
                 isPlaying: d,
@@ -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(), b = By();
   return /* @__PURE__ */ me(zt, { children: [
     /* @__PURE__ */ k(
-      Zy,
+      Uy,
       {
         renderTrackControls: e,
         renderTick: t ?? (n ? (_, S) => n(parseFloat(_) || 0, S) : void 0),
@@ -14945,7 +14945,7 @@ const Ny = 60, zy = O.div.attrs((e) => ({
         getAnnotationBoxLabel: l,
         className: f,
         showClipHeaders: p,
-        interactiveClips: d || w,
+        interactiveClips: d || b,
         showFades: h,
         touchOptimized: g,
         onRemoveTrack: v,
@@ -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), b = Bn(i), w = Bn(s), _ = Bn(l), S = Bn(r), C = tb(() => {
     var E;
     return (E = c.manager) != null ? E : new Mi(c);
   });
@@ -15054,11 +15054,11 @@ function Rf(e) {
         }
       ),
       M.addEventListener("dragover", (A) => {
-        const I = w.current;
+        const I = b.current;
         I && x(() => I(A, C));
       }),
       M.addEventListener("dragmove", (A) => {
-        const I = b.current;
+        const I = w.current;
         I && x(() => I(A, C));
       }),
       M.addEventListener("dragend", (A) => {
@@ -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
@@ -15311,16 +15311,16 @@ const Xf = (e) => {
     const g = () => {
       if (r.current) {
         const m = (l.current ?? 0) * u, y = e + t;
-        let w = 0;
+        let b = 0;
         if (m <= e)
-          w = 0;
+          b = 0;
         else if (m >= y)
-          w = n.length;
+          b = n.length;
         else {
-          const b = m - e;
-          w = Math.floor(b / c);
+          const w = m - e;
+          b = Math.floor(w / c);
         }
-        r.current.style.width = `${w}px`;
+        r.current.style.width = `${b}px`;
       }
       i && (o.current = requestAnimationFrame(g));
     };
@@ -15344,8 +15344,8 @@ const Xf = (e) => {
       else if (v >= m)
         y = n.length;
       else {
-        const w = v - e;
-        y = Math.floor(w / c);
+        const b = v - e;
+        y = Math.floor(b / c);
       }
       r.current.style.width = `${y}px`;
     }
@@ -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,22 +15373,22 @@ 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,
     waveHeight: y,
-    timeScaleHeight: w,
-    samplesPerPixel: b,
+    timeScaleHeight: b,
+    samplesPerPixel: w,
     controls: _,
     playoutRef: S,
     barWidth: C,
@@ -15398,7 +15398,7 @@ const Xf = (e) => {
       F.current = Z, h(Z);
     },
     [h]
-  ), H = Math.floor(g * m / b), Q = $(
+  ), H = Math.floor(g * m / w), Q = $(
     async (Z) => {
       p(Z.id);
       try {
@@ -15420,24 +15420,24 @@ const Xf = (e) => {
   ), { onDragStart: oe, onDragMove: X, onDragEnd: ee } = py({
     annotations: i,
     onAnnotationsChange: q,
-    samplesPerPixel: b,
+    samplesPerPixel: w,
     sampleRate: m,
     duration: g,
     linkEndpoints: n
   }), ie = T(0), fe = $(
     (Z) => {
-      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * b / m;
+      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * w / m;
       ie.current = G, D(!0), M(G), A(G);
     },
-    [b, m]
+    [w, m]
   ), he = $(
     (Z) => {
       if (!I) return;
-      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * b / m;
+      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * w / m;
       A(G);
     },
-    [I, b, m]
-  ), De = $(
+    [I, w, m]
+  ), Re = $(
     (Z) => {
       if (!I) return;
       if (D(!1), s && S.current) {
@@ -15445,20 +15445,20 @@ const Xf = (e) => {
         f(B), M(B), A(B), S.current.stop(), u(B);
         return;
       }
-      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * b / m, te = Math.min(x, G), Me = Math.max(x, G);
+      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * w / m, te = Math.min(x, G), Me = Math.max(x, G);
       Math.abs(Me - te) < 0.1 ? (f(te), M(te), A(te)) : (M(te), A(Me));
     },
-    [I, x, b, m, f, s, S, u]
+    [I, x, w, m, f, s, S, u]
   );
   return v.length === 0 ? /* @__PURE__ */ k("div", { className: o, children: "Loading waveform..." }) : /* @__PURE__ */ k(hf, { children: /* @__PURE__ */ k(
     Jr.Provider,
     {
       value: {
-        samplesPerPixel: b,
+        samplesPerPixel: w,
         sampleRate: m,
-        zoomLevels: [b],
+        zoomLevels: [w],
         waveHeight: y,
-        timeScaleHeight: w,
+        timeScaleHeight: b,
         duration: g * 1e3,
         controls: _,
         barWidth: C,
@@ -15475,10 +15475,10 @@ 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,
+          timescale: b > 0 ? /* @__PURE__ */ k(mf, {}) : void 0,
           children: /* @__PURE__ */ me(zt, { children: [
             v.map((Z, Y) => {
               const _e = Z.length > 0 ? Math.max(...Z.map((G) => G.peaks.data.length)) : 1;
@@ -15503,13 +15503,13 @@ const Xf = (e) => {
                         trackName: G.trackName,
                         startSample: G.startSample,
                         durationSamples: G.durationSamples,
-                        samplesPerPixel: b,
+                        samplesPerPixel: w,
                         showHeader: !1,
                         disableHeaderDrag: !0,
                         isSelected: !0,
                         trackId: `media-element-track-${Y}`,
                         children: Me.data.map((Oe, st) => /* @__PURE__ */ k(
-                          wb,
+                          kb,
                           {
                             index: st,
                             data: Oe,
@@ -15537,7 +15537,7 @@ const Xf = (e) => {
                 modifiers: t ? [Uf] : [],
                 plugins: Xf,
                 children: /* @__PURE__ */ k(c.AnnotationBoxesWrapper, { height: 30, width: H, children: i.map((Z, Y) => {
-                  const _e = Z.start * m / b, G = Z.end * m / b, te = e ? e(Z, Y) : Z.id;
+                  const _e = Z.start * m / w, G = Z.end * m / w, te = e ? e(Z, Y) : Z.id;
                   return /* @__PURE__ */ k(
                     c.AnnotationBox,
                     {
@@ -15559,18 +15559,18 @@ const Xf = (e) => {
             x !== R && /* @__PURE__ */ k(
               cf,
               {
-                startPosition: Math.min(x, R) * m / b,
-                endPosition: Math.max(x, R) * m / b,
+                startPosition: Math.min(x, R) * m / w,
+                endPosition: Math.max(x, R) * m / w,
                 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,46 @@ const Xf = (e) => {
       }
     )
   ] });
+}, $1 = ({
+  playback: e = !1,
+  clipSplitting: t = !1,
+  annotations: n = !1,
+  additionalShortcuts: r = [],
+  enabled: o = !0
+}) => {
+  const { tracks: a, samplesPerPixel: s, sampleRate: i, playoutRef: l, duration: c } = vt(), {
+    annotations: u,
+    linkEndpoints: f,
+    activeAnnotationId: p,
+    continuousPlay: d
+  } = gt(), { setAnnotations: h, setActiveAnnotationId: g, scrollContainerRef: v, play: m } = De(), { splitClipAtPlayhead: y } = vy({
+    tracks: a,
+    sampleRate: i,
+    samplesPerPixel: s,
+    engineRef: l
+  }), b = [];
+  return t && b.push({
+    key: "s",
+    action: y,
+    description: "Split clip at playhead",
+    preventDefault: !0
+  }), r.length > 0 && b.push(...r), yy({
+    enabled: o && (e || b.length > 0),
+    ...e ? { additionalShortcuts: b } : { shortcuts: b }
+  }), by({
+    annotations: u,
+    activeAnnotationId: p,
+    onAnnotationsChange: h,
+    onActiveAnnotationChange: g,
+    duration: c,
+    linkEndpoints: f,
+    continuousPlay: d,
+    scrollContainerRef: v,
+    samplesPerPixel: s,
+    sampleRate: i,
+    onPlay: m,
+    enabled: o && n && u.length > 0
+  }), null;
 }, qo = class qo extends jn {
   apply(t) {
     const { transform: n, source: r } = t;
@@ -15664,8 +15704,8 @@ const Jo = class Jo extends jn {
     if (this.options.mode === "timescale") {
       const { gridSamples: v } = this.options;
       if (a !== void 0) {
-        const w = a + n.x * s;
-        return { x: (Math.round(w / v) * v - a) / s, y: 0 };
+        const b = a + n.x * s;
+        return { x: (Math.round(b / v) * v - a) / s, y: 0 };
       }
       const m = n.x * s;
       return { x: Math.round(m / v) * v / s, y: 0 };
@@ -15683,13 +15723,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."
@@ -15697,15 +15737,15 @@ const kb = () => {
   }, [l]);
   const d = Ce(() => {
     if (f && u) {
-      const { bpm: b, timeSignature: _, snapTo: S } = u, C = S === "bar" ? Fs(_) : ta(_);
+      const { bpm: w, timeSignature: _, snapTo: S } = u, C = S === "bar" ? Fs(_) : ta(_);
       return (E) => {
-        const x = za(E, b, a), M = Za(x, C);
-        return Gn(M, b, a);
+        const x = za(E, w, a), M = Za(x, C);
+        return Gn(M, w, a);
       };
     }
     if (p) {
-      const b = Math.round(xs(o).smallStep / 1e3 * a);
-      return (_) => Math.round(_ / b) * b;
+      const w = Math.round(xs(o).smallStep / 1e3 * a);
+      return (_) => Math.round(_ / w) * w;
     }
   }, [f, p, u, a, o]), h = gy({ touchOptimized: t }), {
     onDragStart: g,
@@ -15713,21 +15753,21 @@ const kb = () => {
     onDragEnd: m
   } = hy({
     tracks: r,
-    onTracksChange: l ?? kb,
+    onTracksChange: l ?? Eb,
     samplesPerPixel: o,
     sampleRate: a,
     engineRef: s,
     isDraggingRef: i,
     snapSamplePosition: d
   }), y = at.useCallback(
-    (b) => {
-      const _ = b.operation?.source?.data?.trackIndex;
-      _ !== void 0 && r[_] && c(r[_].id), g(b);
+    (w) => {
+      const _ = w.operation?.source?.data?.trackIndex;
+      _ !== void 0 && r[_] && c(r[_].id), g(w);
     },
     [g, r, c]
-  ), w = Ce(() => {
-    const b = [Uf];
-    return f && u ? b.push(
+  ), b = Ce(() => {
+    const w = [Uf];
+    return f && u ? w.push(
       Ko.configure({
         mode: "beats",
         snapTo: u.snapTo,
@@ -15736,22 +15776,22 @@ const kb = () => {
         samplesPerPixel: o,
         sampleRate: a
       })
-    ) : p && b.push(
+    ) : p && w.push(
       Ko.configure({
         mode: "timescale",
         gridSamples: Math.round(xs(o).smallStep / 1e3 * a),
         samplesPerPixel: o
       })
-    ), b.push($s.configure({ tracks: r, samplesPerPixel: o })), b;
+    ), w.push($s.configure({ tracks: r, samplesPerPixel: o })), w;
   }, [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,
       onDragStart: y,
       onDragMove: v,
       onDragEnd: m,
-      modifiers: w,
+      modifiers: b,
       plugins: Xf,
       children: n
     }
@@ -15763,23 +15803,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 +15841,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,