@waveform-playlist/browser 9.3.2 → 9.3.3

package/dist/index.mjs

@@ -87,25 +87,25 @@ function Ph() {
           }
           var d = (function(h) {
             function g(y) {
-              var b, w, _, S, C, E;
+              var w, b, _, S, C, E;
               return (function(x, M) {
                 if (!(x instanceof M)) throw new TypeError("Cannot call a class as a function");
-              })(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) {
+              })(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) {
                 return new g(x);
-              })), b;
+              })), w;
             }
             var v, m;
-            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);
+            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);
             })(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(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;
+              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;
               }), {});
               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 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++) {
+            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++) {
                 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 });
               }
-              b.push({ header: _, globalZone: M, zones: x });
+              w.push({ header: _, globalZone: M, zones: x });
             }
-            return b;
+            return w;
           }, u = function(d, h, g) {
-            var v = h[d], m = h[d + 1], y = v.modulatorIndex, b = m ? m.modulatorIndex : h.length;
-            return p(y, b, g);
+            var v = h[d], m = h[d + 1], y = v.modulatorIndex, w = m ? m.modulatorIndex : h.length;
+            return p(y, w, g);
           }, f = function(d, h, g) {
-            var v = h[d], m = h[d + 1], y = v.generatorIndex, b = m ? m.generatorIndex : h.length;
-            return p(y, b, g);
+            var v = h[d], m = h[d + 1], y = v.generatorIndex, w = m ? m.generatorIndex : h.length;
+            return p(y, w, 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 b = [null];
-              b.push.apply(b, m);
-              var w = new (Function.bind.apply(v, b))();
-              return y && u(w, y.prototype), w;
+              var w = [null];
+              w.push.apply(w, m);
+              var b = new (Function.bind.apply(v, w))();
+              return y && u(b, y.prototype), b;
             }).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, b) {
-                if (!(y instanceof b)) throw new TypeError("Cannot call a class as a function");
+              return (function(y, w) {
+                if (!(y instanceof w)) 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(b) {
-                return Object.getOwnPropertyDescriptor(m, b).enumerable;
-              })))), y.forEach((function(b) {
-                d(g, b, m[b]);
+              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]);
               }));
             }
             return g;
@@ -805,8 +805,8 @@ function Ph() {
           }
           var h = (function() {
             function g(v) {
-              if ((function(y, b) {
-                if (!(y instanceof b)) throw new TypeError("Cannot call a class as a function");
+              if ((function(y, w) {
+                if (!(y instanceof w)) 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, b = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
-              return Object(c.memoize)((function(w, _, S) {
+              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 C = m.banks[_];
                 if (C) {
                   var E = C.presets[S];
                   if (E) {
                     var x = E.zones.filter((function(Z) {
-                      return m.isKeyInRange(Z, w);
+                      return m.isKeyInRange(Z, b);
                     }));
                     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, w);
+                            return m.isKeyInRange(Z, b);
                           }));
                           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), Re = u({}, F.modulators, ie.modulators);
-                                return { keyNumber: w, preset: E, instrument: L, sample: fe, generators: he, modulators: Re };
+                                return { keyNumber: b, 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, b);
+              }))(v, y, w);
             } }, { 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, b = v.presetGenerators, w = v.presetModulators;
-              return Object(l.getItemsInZone)(m, y, w, b, this.instruments, a.GeneratorType.Instrument).filter((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(_) {
                 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, b = v.instrumentModulators, w = v.instrumentGenerators;
-              return Object(l.getItemsInZone)(m, y, b, w, this.samples, a.GeneratorType.SampleId).filter((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(_) {
                 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: b } = l, w = 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: w } = l, b = 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(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 = () => {
+    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 = () => {
       this.activeSources.delete(u);
       try {
         h.disconnect();
       } catch (S) {
         console.warn("[waveform-playlist] GainNode already disconnected:", S);
       }
-    }, u.start(r), u.stop(r + p + b);
+    }, u.start(r), u.stop(r + p + w);
   }
   gainToDb(t) {
     return 20 * Math.log10(t);
@@ -2405,14 +2405,14 @@ function Yh(e) {
           stereoPan: f.pan,
           startTime: h,
           endTime: g
-        }, y = d.map((b) => ({
-          notes: b.midiNotes,
-          startTime: co(b) - h,
-          duration: Cl(b),
-          offset: kl(b)
+        }, y = d.map((w) => ({
+          notes: w.midiNotes,
+          startTime: co(w) - h,
+          duration: Cl(w),
+          offset: kl(w)
         }));
         if (e?.soundFontCache?.isLoaded) {
-          const b = d[0], _ = b.midiChannel === 9, S = b.midiProgram ?? 0;
+          const w = d[0], _ = w.midiChannel === 9, S = w.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](w) {
-    return rn(this, a, w);
+  }, set [n](b) {
+    return rn(this, a, b);
   } }, n));
   f ? d && f < 4 && Rl(a, (f > 2 ? "set " : f > 1 ? "get " : "") + n) : Rl(o, n);
-  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));
+  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));
   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) {
@@ -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](w) {
-    return It(this, a, w);
+  }, set [n](b) {
+    return It(this, a, b);
   } }, n));
   f ? d && f < 4 && Ol(a, (f > 2 ? "set " : f > 1 ? "get " : "") + n) : Ol(o, n);
-  for (var 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));
+  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));
   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) {
@@ -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: b } = Hs(m);
-        return new y(this, b);
+        const { plugin: y, options: w } = Hs(m);
+        return new y(this, w);
       })) != null ? h : v;
     });
     this.destroy = () => {
@@ -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 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);
+      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);
       l = {
-        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),
+        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),
         width: 0,
         // Will be calculated next
         height: 0
@@ -4871,7 +4871,7 @@ var Nl = Array.from({ length: 100 }, (e, t) => t / 100), od = 75, yn, Bo, tn, bn
       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), b = -Math.floor(g), w = -Math.floor(f - m), _ = -Math.floor(u - v), S = `${y}px ${w}px ${_}px ${b}px`;
+      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, St(this, bn, new IntersectionObserver(
         (C) => {
           const [E] = C, { intersectionRect: x } = E;
@@ -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
-  ), b = {
+  ), w = {
     x: 0,
     y: 0
     /* Idle */
-  }, w = {
+  }, b = {
     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 ? (b.y = m ? 1 : -1, w.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 ? (w.y = m ? 1 : -1, b.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 && (b.y = m ? -1 : 1, w.y = r * Math.abs(
+  )) : (!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(
     (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 ? (b.x = v ? -1 : 1, w.x = r * Math.abs(
+  )), (!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(
     (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 && (b.x = v ? 1 : -1, w.x = r * Math.abs(
+  )) : (!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(
     (y.left + _.width - s) / _.width
   )), {
-    direction: b,
-    speed: w
+    direction: w,
+    speed: b
   };
 }
 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
-    }, b = Dm(e, v);
+    }, w = Dm(e, v);
     c?.(), m && (g = Em(
       u,
       m,
       v.transformOrigin
-    ), (i || b) && (f = g.top, p = g.left, d = g.width, h = g.height));
-    const w = {
+    ), (i || w) && (f = g.top, p = g.left, d = g.width, h = g.height));
+    const b = {
       width: (o = g?.width) != null ? o : d,
       height: (a = g?.height) != null ? a : h
     };
-    if (b && !i && g) {
+    if (w && !i && g) {
       const _ = xm(
         g,
-        b,
+        w,
         v.transformOrigin
       );
-      f = _.top, p = _.left, d = _.width, h = _.height, y.x = b.scaleX, y.y = b.scaleY;
+      f = _.top, p = _.left, d = _.width, h = _.height, y.x = w.scaleX, y.y = w.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 = w.width, this.intrinsicHeight = w.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 = b.width, this.intrinsicHeight = b.height;
   }
 };
 function Dm(e, t) {
@@ -5504,12 +5504,12 @@ var Lm = ({
 }, 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](w) {
-    return ut(this, a, w);
+  }, set [n](b) {
+    return ut(this, a, b);
   } }, n));
   f ? d && f < 4 && Hl(a, (f > 2 ? "set " : f > 1 ? "get " : "") + n) : Hl(o, n);
-  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));
+  for (var w = r.length - 1; w >= 0; w--)
+    c = Hm(f, n, l = {}, e[3], m), f && (c.static = p, c.private = d, u = c.access = { has: d ? (b) => Gm(o, b) : (b) => n in b }, f ^ 3 && (u.get = d ? (b) => (f ^ 1 ? Ie : xn)(b, o, f ^ 4 ? a : y.get) : (b) => b[n]), f > 2 && (u.set = d ? (b, _) => ut(b, o, _, f ^ 4 ? a : y.set) : (b, _) => b[n] = _)), i = (0, r[w])(f ? f < 4 ? d ? a : y[g] : f > 4 ? void 0 : { get: y.get, set: y.set } : o, c), l._ = 1, f ^ 4 || i === void 0 ? kr(i) && (f > 4 ? v.unshift(i) : f ? d ? a = i : y[g] = i : o = i) : typeof i != "object" || i === null ? sr("Object expected") : (kr(s = i.get) && (y.get = s), kr(s = i.set) && (y.set = s), kr(s = i.init) && v.unshift(s));
   return f || Tn(e, o), y && _i(o, n, y), d ? f ^ 4 ? a : y : o;
 }, ki = (e, t, n) => t.has(e) || sr("Cannot " + n), Gm = (e, t) => Object(t) !== t ? sr('Cannot use the "in" operator on this value') : e.has(t), Ie = (e, t, n) => (ki(e, t, "read from private field"), n ? n.call(e) : t.get(e)), 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(..._);
-    }, b = /* @__PURE__ */ new Set();
-    function w() {
-      for (const _ of b)
+    }, w = /* @__PURE__ */ new Set();
+    function b() {
+      for (const _ of w)
         _();
     }
     this.registerEffect(() => {
       var _;
-      b.clear();
+      w.clear();
       for (const S of this.manager.registry.draggables.value) {
         const C = (_ = S.handle) != null ? _ : S.element;
         if (C) {
-          (!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(
+          (!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(
             () => C.setAttribute("role", Gl.role)
-          ), C.hasAttribute("aria-roledescription") || b.add(
+          ), C.hasAttribute("aria-roledescription") || w.add(
             () => C.setAttribute(
               "aria-roledescription",
               Gl.roleDescription
             )
-          ), C.hasAttribute("aria-describedby") || b.add(
+          ), C.hasAttribute("aria-describedby") || w.add(
             () => C.setAttribute("aria-describedby", l)
           );
           for (const x of ["aria-pressed", "aria-grabbed"]) {
             const M = String(S.isDragging);
-            C.getAttribute(x) !== M && b.add(() => C.setAttribute(x, M));
+            C.getAttribute(x) !== M && w.add(() => C.setAttribute(x, M));
           }
           const E = String(S.disabled);
-          C.getAttribute("aria-disabled") !== E && b.add(
+          C.getAttribute("aria-disabled") !== E && w.add(
             () => C.setAttribute("aria-disabled", E)
           );
         }
       }
-      b.size > 0 && Vo.schedule(w);
+      w.size > 0 && Vo.schedule(b);
     }), this.destroy = () => {
       super.destroy(), u?.remove(), f?.remove(), m.forEach((_) => _());
     };
@@ -6073,8 +6073,8 @@ xd = function() {
     x: g.scaleX / h.scaleX,
     y: g.scaleY / h.scaleY
   };
-  let { width: b, height: w, top: _, left: S } = m;
-  v && (b = b / y.x, w = w / y.y);
+  let { width: w, height: b, top: _, left: S } = m;
+  v && (w = w / y.x, b = b / y.y);
   const C = new Rm(d), {
     transition: E,
     translate: x,
@@ -6097,8 +6097,8 @@ xd = function() {
   if (!p.transformOrigin) {
     const le = ke(() => i.current);
     p.transformOrigin = {
-      x: (le.x - S * h.scaleX - h.x) / (b * h.scaleX),
-      y: (le.y - _ * h.scaleY - h.y) / (w * h.scaleY)
+      x: (le.x - S * h.scaleX - h.x) / (w * h.scaleX),
+      y: (le.y - _ * h.scaleY - h.y) / (b * h.scaleY)
     };
   }
   const { transformOrigin: he } = p, Re = _ * h.scaleY + h.y, Z = S * h.scaleX + h.x;
@@ -6107,15 +6107,15 @@ xd = function() {
     y: Re
   }, y.x !== 1 || y.y !== 1)) {
     const { scaleX: le, scaleY: pe } = g, { x: Ke, y: Rt } = he;
-    p.coordinates.x += (b * le - b) * Ke, p.coordinates.y += (w * pe - w) * Rt;
+    p.coordinates.x += (w * le - w) * Ke, p.coordinates.y += (b * pe - b) * Rt;
   }
-  p.dimensions || (p.dimensions = { width: b, height: w }), p.frameTransform || (p.frameTransform = h);
+  p.dimensions || (p.dimensions = { width: w, height: b }), p.frameTransform || (p.frameTransform = h);
   const Y = {
     x: p.coordinates.x - Z,
     y: p.coordinates.y - Re
   }, _e = {
-    width: (p.dimensions.width * p.frameTransform.scaleX - b * h.scaleX) * he.x,
-    height: (p.dimensions.height * p.frameTransform.scaleY - w * h.scaleY) * he.y
+    width: (p.dimensions.width * p.frameTransform.scaleX - w * h.scaleX) * he.x,
+    height: (p.dimensions.height * p.frameTransform.scaleY - b * 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: b - X,
-      height: w - ee,
+      width: w - X,
+      height: b - 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: b,
-    height: w,
+    width: w,
+    height: b,
     top: _,
     left: S,
     widthOffset: X,
@@ -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, b = m * g.x, w = y * g.y;
-              if (b || w) {
+              const { x: m, y } = u ?? v, w = m * g.x, b = y * g.y;
+              if (w || b) {
                 const _ = (s = Ie(this, nn)) == null ? void 0 : s.by;
-                if (this.autoScrolling && _ && (_.x && !b || _.y && !w))
+                if (this.autoScrolling && _ && (_.x && !w || _.y && !b))
                   continue;
                 return ut(this, nn, {
                   element: d,
                   by: {
-                    x: b,
-                    y: w
+                    x: w,
+                    y: b
                   }
                 }), Vo.schedule(Ie(this, vs)), !0;
               }
@@ -8016,7 +8016,7 @@ var kv = O.canvas.attrs((e) => ({
       },
       `${r}-${_}`
     );
-  }), w = p ? "transparent" : cn(c);
+  }), b = p ? "transparent" : cn(c);
   return /* @__PURE__ */ k(
     Cv,
     {
@@ -8024,7 +8024,7 @@ var kv = O.canvas.attrs((e) => ({
       $cssWidth: r,
       className: a,
       $waveHeight: i,
-      $waveFillColor: w,
+      $waveFillColor: b,
       children: y
     }
   );
@@ -8258,9 +8258,9 @@ var rc = ({
   fadeOut: v,
   sampleRate: m = 44100,
   showFades: y = !1,
-  touchOptimized: b = !1
+  touchOptimized: w = !1
 }) => {
-  const w = Math.floor(s / l), _ = $c(s, i, l), S = c && !u && !f, C = `clip-${r}-${o}`, {
+  const b = Math.floor(s / l), _ = $c(s, i, l), S = c && !u && !f, C = `clip-${r}-${o}`, {
     ref: E,
     handleRef: x,
     isDragSource: M
@@ -8285,7 +8285,7 @@ var rc = ({
       ref: E,
       style: M ? { zIndex: 100 } : void 0,
       className: t,
-      $left: w,
+      $left: b,
       $width: _,
       $isOverlay: f,
       "data-clip-container": "true",
@@ -8305,7 +8305,7 @@ var rc = ({
             dragHandleProps: S ? { handleRef: x } : void 0
           }
         ),
-        /* @__PURE__ */ k(yv, { originX: w, children: /* @__PURE__ */ me(Fv, { $isOverlay: f, children: [
+        /* @__PURE__ */ k(yv, { originX: b, 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: b,
+              touchOptimized: w,
               dragHandleProps: {
                 ref: A,
                 isDragging: I
@@ -8348,7 +8348,7 @@ var rc = ({
               trackIndex: r,
               clipIndex: o,
               edge: "right",
-              touchOptimized: b,
+              touchOptimized: w,
               dragHandleProps: {
                 ref: F,
                 isDragging: L
@@ -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]), b = u ? c : l;
+  }, [t]), w = 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 = b, I.globalAlpha = ee;
+        I.fillStyle = w, I.globalAlpha = ee;
         const ie = 1;
         I.beginPath(), I.roundRect(q, X, oe, C, ie), I.fill();
       }
@@ -8460,14 +8460,14 @@ var rc = ({
     a,
     s,
     i,
-    b,
+    w,
     m,
     y,
     n,
     v,
     e
   ]);
-  const w = v.map((S) => {
+  const b = v.map((S) => {
     const C = S * Ze, E = Math.min(n - C, Ze);
     return /* @__PURE__ */ k(
       Vv,
@@ -8483,7 +8483,7 @@ var rc = ({
       `${n}-${S}`
     );
   });
-  return /* @__PURE__ */ k(Nv, { $index: e, $cssWidth: n, $waveHeight: r, $backgroundColor: f ? "transparent" : p, children: w });
+  return /* @__PURE__ */ k(Nv, { $index: e, $cssWidth: n, $waveHeight: r, $backgroundColor: f ? "transparent" : p, children: b });
 };
 O.div.attrs((e) => ({
   style: {
@@ -8590,8 +8590,8 @@ var Zv = O.div`
   timescaleGapHeight: g = 0
 }) => {
   const v = T(null), m = $(
-    (b) => {
-      v.current = b, f?.(b);
+    (w) => {
+      v.current = w, f?.(w);
     },
     [f]
   ), y = s !== void 0 && s > 0;
@@ -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 b = (_) => {
+      const w = (_) => {
         const S = _.clientX - f.current, C = p.current + S;
         if (y === "start") {
           const E = Math.max(i, Math.min(t - 10, C));
@@ -8758,23 +8758,23 @@ var oc = O.div.attrs((e) => ({
           const E = Math.max(e + 10, Math.min(l, C));
           a?.(E);
         }
-      }, w = () => {
-        u(null), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
+      }, b = () => {
+        u(null), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", b);
       };
-      document.addEventListener("mousemove", b), document.addEventListener("mouseup", w);
+      document.addEventListener("mousemove", w), document.addEventListener("mouseup", b);
     },
     [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, b = (_) => {
+      const y = t - e, w = (_) => {
         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);
-      }, w = () => {
-        u(null), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
+      }, b = () => {
+        u(null), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", b);
       };
-      document.addEventListener("mousemove", b), document.addEventListener("mouseup", w);
+      document.addEventListener("mousemove", w), document.addEventListener("mouseup", b);
     },
     [e, t, i, l, s]
   );
@@ -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 = (b) => {
-        const w = b.clientX - h.left, _ = Math.max(a, Math.min(s, w)), S = Math.min(l.current, _), C = Math.max(l.current, _);
+      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, _);
         o?.(S, C);
       }, y = () => {
         i(!1), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", y);
@@ -9087,14 +9087,14 @@ var h0 = f0(), sc = ({
   clipId: p,
   onCanvasesReady: d
 }) => {
-  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;
+  const h = t ?? e, { canvasRef: g, canvasMapRef: v } = da(), m = T([]), y = T(/* @__PURE__ */ new WeakSet()), w = T(f), b = T(d), _ = !!(f && p), S = Li(), C = ua(r, Ze, S), E = i ?? h0, x = u ?? (n ? n.sampleRate / 2 : 22050), M = l ?? c0, R = !!l;
   K(() => {
-    b.current = f;
+    w.current = f;
   }, [f]), K(() => {
-    w.current = d;
+    b.current = d;
   }, [d]), K(() => {
     if (!_) return;
-    const I = b.current;
+    const I = w.current;
     if (!I || !p) return;
     const D = m.current.length, F = [];
     for (const Q of m.current) {
@@ -9141,10 +9141,10 @@ var h0 = f0(), sc = ({
         const ee = parseInt(X[1], 10);
         return Math.min(r - ee * Ze, Ze);
       });
-      w.current?.(Q, q);
+      b.current?.(Q, q);
     }
   }, [v, _, p, h, r, C]), K(() => () => {
-    const I = b.current;
+    const I = w.current;
     if (I) {
       for (const D of m.current)
         try {
@@ -9251,10 +9251,10 @@ var h0 = f0(), sc = ({
   const v = Qr(), {
     waveHeight: m,
     barWidth: y,
-    barGap: b,
-    samplesPerPixel: w,
+    barGap: w,
+    samplesPerPixel: b,
     sampleRate: _
-  } = 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;
+  } = 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;
   if (n === "spectrogram" && R)
     return /* @__PURE__ */ k(
       sc,
@@ -9315,7 +9315,7 @@ var h0 = f0(), sc = ({
               waveHeight: A,
               devicePixelRatio: S,
               barWidth: y,
-              barGap: b,
+              barGap: w,
               transparentBackground: t,
               drawMode: M
             }
@@ -9350,7 +9350,7 @@ var h0 = f0(), sc = ({
       waveHeight: m,
       devicePixelRatio: S,
       barWidth: y,
-      barGap: b,
+      barGap: w,
       transparentBackground: t,
       drawMode: M
     }
@@ -9410,10 +9410,10 @@ var g0 = ({
     for (let m = 0; m < t; m++) {
       const y = m * e + d;
       g.font = "11px monospace", g.textBaseline = "middle";
-      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;
+      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;
         g.fillStyle = s, g.fillRect(0, _ - 7, C.width + E * 2, 14), g.fillStyle = a, g.fillText(S, E, _);
       }
     }
@@ -9484,11 +9484,11 @@ var g0 = ({
     for (const [g, v] of o.current.entries()) {
       const m = v.getContext("2d");
       if (!m) continue;
-      const y = g * Ze, b = v.width / s;
+      const y = g * Ze, w = 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 [w, _] of l.entries()) {
-        if (w < y || w >= y + b) continue;
-        const S = w - y, C = a - _;
+      for (const [b, _] of l.entries()) {
+        if (b < y || b >= y + w) continue;
+        const S = b - y, C = a - _;
         m.fillRect(S, C, 1, _);
       }
     }
@@ -9533,10 +9533,10 @@ var S0 = O.div.attrs((e) => ({
   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: 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;
+      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;
       let A;
       if (E >= M)
-        A = b;
+        A = w;
       else if (x >= M)
         A = y;
       else {
@@ -9545,7 +9545,7 @@ var S0 = O.div.attrs((e) => ({
       }
       let I;
       if (E >= R)
-        I = b;
+        I = w;
       else if (x >= R)
         I = y;
       else {
@@ -9556,7 +9556,7 @@ var S0 = 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 (w.set(L, q), Q) {
+        if (b.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,15 +9573,15 @@ var S0 = O.div.attrs((e) => ({
           _.push({ pix: L, element: X });
         }
       }
-      return { widthX: i, canvasInfo: w, timeMarkersWithPositions: _ };
+      return { widthX: i, canvasInfo: b, 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 = _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);
+        const y = _0(g), w = e ? /* @__PURE__ */ k(at.Fragment, { children: e(y, m) }, `timestamp-${g}`) : /* @__PURE__ */ k(S0, { $left: m, children: y }, y);
+        d.push({ pix: m, element: w }), p.set(m, o);
       } else g % u === 0 ? p.set(m, Math.floor(o / 2)) : g % f === 0 && p.set(m, Math.floor(o / 5));
       g += f;
     }
@@ -9974,17 +9974,17 @@ function U0(e) {
     return new Float32Array(R);
   }), 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 b = e.bits === 8 ? z0 : H0, w = e.bits === 8 ? N0 : Z0;
+  var w = e.bits === 8 ? z0 : H0, b = e.bits === 8 ? N0 : Z0;
   d.setInt32(0, 2, !0), d.setUint32(4, e.bits === 8, !0), d.setInt32(8, a, !0), d.setInt32(12, t, !0), d.setInt32(16, c, !0), d.setInt32(20, i, !0);
   for (var _ = 0; _ < o; _++) {
     var S = 0;
     if (i === 1) {
       for (var C = 0; C < s.length; ++C)
         S += s[C][_];
-      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));
+      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));
     } else
       for (var E = 0; E < i; ++E)
-        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));
+        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));
     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;
@@ -10629,26 +10629,26 @@ function vo(e, t, n, r) {
 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 b = [];
-    for (let w = 0; w < e.length; w++) {
-      const _ = vo(e[w], w, p.get(w), h.current);
-      _ && b.push(_);
+    const w = [];
+    for (let b = 0; b < e.length; b++) {
+      const _ = vo(e[b], b, p.get(b), h.current);
+      _ && w.push(_);
     }
-    return b;
+    return w;
   }, [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 b = !1;
-    const w = new AbortController();
+    let w = !1;
+    const b = 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 && !b) {
+            if (o && !w) {
               d((D) => {
                 const F = new Map(D);
                 return F.set(M, x.audioBuffer), F;
@@ -10658,7 +10658,7 @@ function Ub(e, t = {}) {
             return vo(x, M, x.audioBuffer, h.current);
           }
           if (!x.src && x.waveformData) {
-            if (o && !b) {
+            if (o && !w) {
               u((D) => D + 1);
               return;
             }
@@ -10666,13 +10666,13 @@ function Ub(e, t = {}) {
           }
           if (!x.src)
             throw new Error(`Track ${M + 1}: Must provide src, audioBuffer, or waveformData`);
-          const R = await fetch(x.src, { signal: w.signal });
+          const R = await fetch(x.src, { signal: b.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 && !b) {
+          if (o && !w) {
             d((D) => {
               const F = new Map(D);
               return F.set(M, I), F;
@@ -10681,7 +10681,7 @@ function Ub(e, t = {}) {
           }
           return vo(x, M, I, h.current);
         }), E = await Promise.all(C);
-        if (!b) {
+        if (!w) {
           if (!o) {
             const x = E.filter((M) => M != null);
             m(x), u(x.length);
@@ -10689,13 +10689,13 @@ function Ub(e, t = {}) {
           s(!1);
         }
       } catch (S) {
-        if (!b) {
+        if (!w) {
           const C = S instanceof Error ? S.message : "Unknown error loading audio";
           l(C), s(!1), console.error(`[waveform-playlist] Error loading audio tracks: ${C}`);
         }
       }
     })(), () => {
-      b = !0, w.abort();
+      w = !0, b.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, 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 { 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 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: b,
+            pixelDelta: w,
             samplesPerPixel: n,
             sampleRate: r,
             boundary: g,
@@ -10810,9 +10810,9 @@ function hy({
     (d) => {
       if (d.canceled) {
         if (l.current) {
-          const w = d.operation.source?.data;
-          if (w) {
-            const { trackIndex: _, clipIndex: S } = w, C = l.current, E = e.map((x, M) => {
+          const b = d.operation.source?.data;
+          if (b) {
+            const { trackIndex: _, clipIndex: S } = b, 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, b = e[g]?.id;
+      const { trackIndex: g, clipId: v, boundary: m } = h, y = m ? c.current : d.operation.transform.x * n, w = e[g]?.id;
       if (m) {
-        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(
+        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(
           `[waveform-playlist] onDragEnd: track at index ${g} not found — trim not synced to adapter`
         ), l.current = null, c.current = 0;
         return;
       }
-      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(
+      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(
         `[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, b = 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, w = my({
         annotationIndex: d,
         newTime: y,
         isDraggingStart: p === "start",
@@ -10887,7 +10887,7 @@ function py({
         duration: o,
         linkEndpoints: a
       });
-      t(b);
+      t(w);
     },
     [e, t, n, r, o, a]
   ), c = at.useCallback(
@@ -11218,9 +11218,9 @@ function by({
     !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]), b = $(() => {
-    !r || e.length === 0 || r(e[e.length - 1].id);
   }, [e, r]), w = $(() => {
+    !r || e.length === 0 || r(e[e.length - 1].id);
+  }, [e, r]), b = $(() => {
     r && r(null);
   }, [r]), _ = $(() => {
     if (p < 0 || !f) return;
@@ -11296,18 +11296,18 @@ function by({
       },
       {
         key: "End",
-        action: b,
+        action: w,
         description: "Select last annotation",
         preventDefault: !0
       },
       {
         key: "Escape",
-        action: w,
+        action: b,
         description: "Deselect annotation",
         preventDefault: !0
       }
     ],
-    [v, m, y, b, w]
+    [v, m, y, w, b]
   );
   return Es({
     shortcuts: S,
@@ -11321,8 +11321,8 @@ function by({
     selectPrevious: v,
     selectNext: m,
     selectFirst: y,
-    selectLast: b,
-    clearSelection: w,
+    selectLast: w,
+    clearSelection: b,
     scrollToAnnotation: d,
     playActiveAnnotation: _
   };
@@ -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: b, analyserNode: w } = m;
+    const { masterGainNode: y, destination: w, analyserNode: b } = 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(w), w.connect(b);
+      y.connect(b), b.connect(w);
     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(w), w.connect(b);
+      }), S.connect(b), b.connect(w);
     }
   }, []), l = $((v) => {
     const m = wf(v);
@@ -11997,44 +11997,44 @@ function qb(e = 256) {
     m.parameters.forEach((_) => {
       y[_.name] = _.default;
     });
-    const b = jo(m, y);
-    o.current.set(b.instanceId, b);
-    const w = {
-      instanceId: b.instanceId,
+    const w = jo(m, y);
+    o.current.set(w.instanceId, w);
+    const b = {
+      instanceId: w.instanceId,
       effectId: m.id,
       definition: m,
       params: y,
       bypassed: !1
     };
-    n((_) => [..._, w]);
+    n((_) => [..._, b]);
   }, []), c = $((v) => {
     const m = o.current.get(v);
-    m && (m.dispose(), o.current.delete(v)), n((y) => y.filter((b) => b.instanceId !== v));
+    m && (m.dispose(), o.current.delete(v)), n((y) => y.filter((w) => w.instanceId !== v));
   }, []), u = $(
     (v, m, y) => {
-      const b = o.current.get(v);
-      b && b.setParameter(m, y), n(
-        (w) => w.map(
+      const w = o.current.get(v);
+      w && w.setParameter(m, y), n(
+        (b) => b.map(
           (_) => _.instanceId === v ? { ..._, params: { ..._.params, [m]: y } } : _
         )
       );
     },
     []
   ), f = $((v) => {
-    const m = r.current.find((w) => w.instanceId === v);
+    const m = r.current.find((b) => b.instanceId === v);
     if (!m) return;
-    const y = !m.bypassed, b = o.current.get(v);
-    if (b) {
-      const w = m.params.wet ?? 1;
-      b.setParameter("wet", y ? 0 : w);
+    const y = !m.bypassed, w = o.current.get(v);
+    if (w) {
+      const b = m.params.wet ?? 1;
+      w.setParameter("wet", y ? 0 : b);
     }
     n(
-      (w) => w.map((_) => _.instanceId === v ? { ..._, bypassed: y } : _)
+      (b) => b.map((_) => _.instanceId === v ? { ..._, bypassed: y } : _)
     );
   }, []), p = $((v, m) => {
     n((y) => {
-      const b = [...y], [w] = b.splice(v, 1);
-      return b.splice(m, 0, w), b;
+      const w = [...y], [b] = w.splice(v, 1);
+      return w.splice(m, 0, b), w;
     });
   }, []), 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 b = new _c("fft", e);
-      a.current = b, s.current = {
+      const w = new _c("fft", e);
+      a.current = w, s.current = {
         masterGainNode: v,
         destination: m,
-        analyserNode: b
+        analyserNode: w
       };
       const _ = r.current.map((S) => o.current.get(S.instanceId)).filter((S) => S !== void 0);
       if (_.length === 0)
-        v.connect(b), b.connect(m);
+        v.connect(w), w.connect(m);
       else {
         let S = v;
         _.forEach((C) => {
           S.connect(C.effect), S = C.effect;
-        }), S.connect(b), b.connect(m);
+        }), S.connect(w), w.connect(m);
       }
       return function() {
-        b.dispose(), a.current = null, s.current = null;
+        w.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, b) => {
-        const w = [];
+      return (m, y, w) => {
+        const b = [];
         for (const _ of v) {
           const S = jo(_.definition, _.params);
-          w.push(S);
+          b.push(S);
         }
-        if (w.length === 0)
+        if (b.length === 0)
           m.connect(y);
         else {
           let _ = m;
-          w.forEach((S) => {
+          b.forEach((S) => {
             _.connect(S.effect), _ = S.effect;
           }), _.connect(y);
         }
         return function() {
-          w.forEach((S) => S.dispose());
+          b.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 (w) {
-      console.warn(`[waveform-playlist] Error disconnecting track "${d}" effect chain:`, w);
+    } catch (b) {
+      console.warn(`[waveform-playlist] Error disconnecting track "${d}" effect chain:`, b);
     }
-    const b = h.map((w) => y?.get(w.instanceId)).filter((w) => w !== void 0);
-    if (b.length === 0)
+    const w = h.map((b) => y?.get(b.instanceId)).filter((b) => b !== void 0);
+    if (w.length === 0)
       v.connect(m);
     else {
-      let w = v;
-      b.forEach((_) => {
+      let b = v;
+      w.forEach((_) => {
         try {
           _.disconnect();
         } catch (S) {
@@ -12134,8 +12134,8 @@ function Jb() {
             S
           );
         }
-        w.connect(_.effect), w = _.effect;
-      }), w.connect(m);
+        b.connect(_.effect), b = _.effect;
+      }), b.connect(m);
     }
   }, []), a = $((d, h) => {
     const g = wf(h);
@@ -12144,8 +12144,8 @@ function Jb() {
       return;
     }
     const v = {};
-    g.parameters.forEach((b) => {
-      v[b.name] = b.default;
+    g.parameters.forEach((w) => {
+      v[w.name] = w.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((b) => {
-      const w = new Map(b), _ = w.get(d) || [];
-      return w.set(d, [..._, y]), w;
+    t((w) => {
+      const b = new Map(w), _ = b.get(d) || [];
+      return b.set(d, [..._, y]), b;
     });
   }, []), 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), b = y.get(d) || [];
+      const y = new Map(m), w = y.get(d) || [];
       return y.set(
         d,
-        b.filter((w) => w.instanceId !== h)
+        w.filter((b) => b.instanceId !== h)
       ), y;
     });
   }, []), i = $(
     (d, h, g, v) => {
       const y = n.current.get(d)?.get(h);
-      y && y.setParameter(g, v), t((b) => {
-        const w = new Map(b), _ = w.get(d) || [];
-        return w.set(
+      y && y.setParameter(g, v), t((w) => {
+        const b = new Map(w), _ = b.get(d) || [];
+        return b.set(
           d,
           _.map(
             (S) => S.instanceId === h ? { ...S, params: { ...S.params, [g]: v } } : S
           )
-        ), w;
+        ), b;
       });
     },
     []
   ), l = $((d, h) => {
-    const v = (u.current.get(d) || []).find((w) => w.instanceId === h);
+    const v = (u.current.get(d) || []).find((b) => b.instanceId === h);
     if (!v) return;
-    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);
+    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);
     }
-    t((w) => {
-      const _ = new Map(w), S = _.get(d) || [];
+    t((b) => {
+      const _ = new Map(b), 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), b = m.map((w) => y?.get(w.instanceId)).filter((w) => w !== void 0);
-      if (b.length === 0)
+      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)
         h.connect(g);
       else {
-        let w = h;
-        b.forEach((_) => {
-          w.connect(_.effect), w = _.effect;
-        }), w.connect(g);
+        let b = h;
+        w.forEach((_) => {
+          b.connect(_.effect), b = _.effect;
+        }), b.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 b = [];
-          for (const w of g) {
-            const _ = jo(w.definition, w.params);
-            b.push(_);
+          const w = [];
+          for (const b of g) {
+            const _ = jo(b.definition, b.params);
+            w.push(_);
           }
-          if (b.length === 0)
+          if (w.length === 0)
             v.connect(m);
           else {
-            let w = v;
-            b.forEach((_) => {
-              w.connect(_.effect), w = _.effect;
-            }), w.connect(m);
+            let b = v;
+            w.forEach((_) => {
+              b.connect(_.effect), b = _.effect;
+            }), b.connect(m);
           }
           return function() {
-            b.forEach((_) => _.dispose());
+            w.forEach((_) => _.dispose());
           };
         };
     },
@@ -12287,8 +12287,8 @@ function ky(e, t = {}) {
   if (n === 16)
     for (let v = 0; v < a; v++)
       for (let m = 0; m < r; m++) {
-        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;
+        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;
       }
   else
     for (let v = 0; v < a; v++)
@@ -12326,15 +12326,15 @@ function xy() {
             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 b = i[0].clips[0]?.sampleRate || 44100;
-          let w = 0;
+          const w = i[0].clips[0]?.sampleRate || 44100;
+          let b = 0;
           for (const R of i)
             for (const A of R.clips) {
               const I = A.startSample + A.durationSamples;
-              w = Math.max(w, I);
+              b = Math.max(b, I);
             }
-          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;
+          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;
           let x;
           if ((g || E) && h)
             x = await Ey(
@@ -12342,7 +12342,7 @@ function xy() {
               l,
               C,
               _,
-              b,
+              w,
               g,
               v,
               (R) => {
@@ -12350,13 +12350,13 @@ function xy() {
               }
             );
           else {
-            const R = new OfflineAudioContext(2, w, b);
+            const R = new OfflineAudioContext(2, b, w);
             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 Ay(R, L, F, b, h), A++;
+                  await Ay(R, L, F, w, h), A++;
                   const H = A / I * 0.5;
                   r(H), y?.(H);
                 }
@@ -12373,9 +12373,9 @@ function xy() {
             blob: M,
             duration: _
           };
-        } catch (b) {
-          const w = b instanceof Error ? b.message : "Export failed";
-          throw a(w), b;
+        } catch (w) {
+          const b = w instanceof Error ? w.message : "Export failed";
+          throw a(b), w;
         } finally {
           t(!1);
         }
@@ -12397,11 +12397,11 @@ async function Ey(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: 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);
+        for (const { track: w, state: b } of e) {
+          if (b.muted && !b.soloed || n && !b.soloed) continue;
+          const _ = new c(Iy(b.volume)), S = new f(b.pan), C = new u(b.muted ? 0 : 1), E = s?.(w.id);
           E ? E(C, m, !0) : C.connect(m), S.connect(C), _.connect(S);
-          for (const x of b.clips) {
+          for (const x of w.clips) {
             const {
               audioBuffer: M,
               startSample: R,
@@ -12456,22 +12456,22 @@ async function Ay(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 b = p, w = p + u.duration;
+      const w = p, b = p + u.duration;
       hc(
         v.gain,
-        b,
         w,
+        b,
         0,
         m,
         u.type || "linear"
       );
     }
     if (f) {
-      const b = p + d - f.duration, w = p + d;
-      (!u || u.duration < d - f.duration) && v.gain.setValueAtTime(m, b), hc(
+      const w = p + d - f.duration, b = p + d;
+      (!u || u.duration < d - f.duration) && v.gain.setValueAtTime(m, w), hc(
         v.gain,
-        b,
         w,
+        b,
         m,
         0,
         f.type || "linear"
@@ -12748,60 +12748,60 @@ function Dy(e, t) {
   return K(() => {
     let p = !1;
     const d = i.current, h = l.current, g = c.current, v = [], m = /* @__PURE__ */ new Map();
-    for (const b of e)
-      for (const w of b.clips) {
-        if (!w.audioBuffer || w.waveformData)
+    for (const w of e)
+      for (const b of w.clips) {
+        if (!b.audioBuffer || b.waveformData)
           continue;
-        const _ = d.get(w.audioBuffer);
+        const _ = d.get(b.audioBuffer);
         if (_) {
           v.push({
-            clipId: w.id,
+            clipId: b.id,
             waveformData: _
           });
           continue;
         }
-        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]));
+        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]));
           continue;
         }
-        const S = m.get(w.audioBuffer);
-        S ? S.add(w.id) : m.set(w.audioBuffer, /* @__PURE__ */ new Set([w.id]));
+        const S = m.get(b.audioBuffer);
+        S ? S.add(b.id) : m.set(b.audioBuffer, /* @__PURE__ */ new Set([b.id]));
       }
-    if (v.length > 0 && r((b) => {
-      const w = new Map(b);
+    if (v.length > 0 && r((w) => {
+      const b = new Map(w);
       for (const _ of v)
-        w.set(_.clipId, _.waveformData);
-      return w;
+        b.set(_.clipId, _.waveformData);
+      return b;
     }), m.size === 0) return;
     u.current += m.size, a(!0);
     const y = f();
-    for (const [b, w] of m) {
-      g.set(b, new Set(w));
+    for (const [w, b] of m) {
+      g.set(w, new Set(b));
       const _ = [];
-      for (let E = 0; E < b.numberOfChannels; E++)
-        _.push(b.getChannelData(E).slice().buffer);
+      for (let E = 0; E < w.numberOfChannels; E++)
+        _.push(w.getChannelData(E).slice().buffer);
       const S = `buffer-${Math.random().toString(36).slice(2, 11)}`, C = y.generate({
         id: S,
         channels: _,
-        length: b.length,
-        sampleRate: b.sampleRate,
+        length: w.length,
+        sampleRate: w.sampleRate,
         scale: t,
         bits: 16,
         splitChannels: !0
       }).then((E) => {
-        d.set(b, E);
-        const x = g.get(b) ?? /* @__PURE__ */ new Set();
-        g.delete(b), h.delete(b), !p && (r((M) => {
+        d.set(w, E);
+        const x = g.get(w) ?? /* @__PURE__ */ new Set();
+        g.delete(w), h.delete(w), !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(b), h.delete(b), !p && (console.warn("[waveform-playlist] Worker peak generation failed:", E), u.current--, u.current <= 0 && (u.current = 0, a(!1)));
+        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)));
       });
-      h.set(b, C);
+      h.set(w, C);
     }
     return () => {
       p = !0, l.current = /* @__PURE__ */ new WeakMap(), c.current = /* @__PURE__ */ new WeakMap(), u.current = 0, a(!1);
@@ -12847,7 +12847,7 @@ function Qb() {
       const v = new AbortController();
       l.current.set(h.id, v), (async () => {
         try {
-          const { audioBuffer: m, name: y } = await Ry(g, p, v.signal), b = Ac({
+          const { audioBuffer: m, name: y } = await Ry(g, p, v.signal), w = Ac({
             audioBuffer: m,
             startTime: 0,
             duration: m.duration,
@@ -12855,11 +12855,11 @@ function Qb() {
             name: y
           });
           !s.current && i.current.has(h.id) && t(
-            (w) => w.map((_) => _.id === h.id ? { ..._, name: y, clips: [b] } : _)
+            (b) => b.map((_) => _.id === h.id ? { ..._, name: y, clips: [w] } : _)
           );
         } 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((b) => b.id !== h.id)), a((y) => [
+          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) => [
             ...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: b = !1,
-  children: w
+  deferEngineRebuild: w = !1,
+  children: b
 }) => {
   const _ = v ?? h + g, S = Ce(
     () => a,
@@ -12995,7 +12995,7 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
       }), L(W);
       return;
     }
-    if (b) {
+    if (w) {
       let W = 0;
       e.forEach((Ee) => {
         Ee.clips.forEach((Te) => {
@@ -13096,7 +13096,7 @@ const Sf = Ve(null), kf = Ve(null), Cf = Ve(null), xf = Ve(null), e1 = ({
     Xi,
     S,
     y,
-    b
+    w
   ]), 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) {
-        !b && !W.audioBuffer && !W.waveformData && !W.midiNotes && console.warn(
+        !w && !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, b]);
+  }, [e, V, n, nl, w]);
   const al = T(!1), Fn = $(() => {
     if (B.current)
       return B.current.getCurrentTime();
@@ -13484,7 +13484,7 @@ 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: w }) }) }) }) });
+  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 }) }) }) }) });
 }, Et = () => {
   const e = Fe(Sf);
   if (!e)
@@ -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, b] = z(0), [w, _] = z(0), [S, C] = z([]), [E, x] = z(o), M = Ce(() => {
+  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(() => {
     if (!l?.annotations) return [];
     if (process.env.NODE_ENV !== "production" && l.annotations.length > 0) {
       const j = l.annotations[0];
@@ -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, b(0);
+      Z(), m(!1), Y(null), oe.current = 0, w(0);
     }), q.current = j, _(e.waveformData.duration), d?.(), () => {
       Z(), j.dispose();
     };
@@ -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(), b(q.current.getCurrentTime()));
+    q.current && (q.current.pause(), m(!1), B(), w(q.current.getCurrentTime()));
   }, [B]), Ge = $(() => {
-    q.current && (q.current.stop(), m(!1), B(), oe.current = 0, b(0), Y(null));
+    q.current && (q.current.stop(), m(!1), B(), oe.current = 0, w(0), Y(null));
   }, [B, Y]), ve = $(
     (j) => {
-      const ye = Math.max(0, Math.min(j, w));
-      oe.current = ye, b(ye), q.current && q.current.seekTo(ye);
+      const ye = Math.max(0, Math.min(j, b));
+      oe.current = ye, w(ye), q.current && q.current.seekTo(ye);
     },
-    [w]
+    [b]
   ), 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: w,
+      duration: b,
       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
     }),
     [
-      w,
+      b,
       S,
       te,
       n,
@@ -14326,7 +14326,7 @@ const Wy = 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 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);
+  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(Ny, { children: [
     _ ? /* @__PURE__ */ me(zt, { children: [
       /* @__PURE__ */ k(
@@ -14356,7 +14356,7 @@ const Wy = O.div.attrs((e) => ({
         $width: a.length
       }
     ),
-    !w && /* @__PURE__ */ k(
+    !b && /* @__PURE__ */ k(
       zy,
       {
         ref: s,
@@ -14416,8 +14416,8 @@ const Hy = 60, Gy = O.div.attrs((e) => ({
     getPlaybackTime: m
   } = Et(), {
     selectionStart: y,
-    selectionEnd: b,
-    annotations: w,
+    selectionEnd: w,
+    annotations: b,
     activeAnnotationId: _,
     annotationsEditable: S,
     linkEndpoints: C,
@@ -14822,7 +14822,7 @@ const Hy = 60, Gy = O.div.attrs((e) => ({
                   ne.id
                 );
               }),
-              w.length > 0 && I && /* @__PURE__ */ k(I.AnnotationBoxesWrapper, { height: 30, width: ze, children: w.map((V, J) => {
+              b.length > 0 && I && /* @__PURE__ */ k(I.AnnotationBoxesWrapper, { height: 30, width: ze, children: b.map((V, J) => {
                 const ne = V.start * te / G, ue = V.end * te / G, Le = o ? o(V, J) : V.id;
                 return /* @__PURE__ */ k(
                   I.AnnotationBox,
@@ -14840,15 +14840,15 @@ const Hy = 60, Gy = O.div.attrs((e) => ({
                   V.id
                 );
               }) }),
-              y !== b && /* @__PURE__ */ k(
+              y !== w && /* @__PURE__ */ k(
                 cf,
                 {
-                  startPosition: Math.min(y, b) * te / G,
-                  endPosition: Math.max(y, b) * te / G,
+                  startPosition: Math.min(y, w) * te / G,
+                  endPosition: Math.max(y, w) * te / G,
                   color: p.selectionColor
                 }
               ),
-              (d || y === b) && (n ? n({
+              (d || y === w) && (n ? n({
                 position: (h.current ?? 0) * te / G,
                 color: p.playheadColor,
                 isPlaying: d,
@@ -14933,7 +14933,7 @@ const Hy = 60, Gy = O.div.attrs((e) => ({
   onRemoveTrack: v,
   recordingState: m
 }) => {
-  const { annotations: y } = gt(), b = By();
+  const { annotations: y } = gt(), w = By();
   return /* @__PURE__ */ me(zt, { children: [
     /* @__PURE__ */ k(
       Uy,
@@ -14945,7 +14945,7 @@ const Hy = 60, Gy = O.div.attrs((e) => ({
         getAnnotationBoxLabel: l,
         className: f,
         showClipHeaders: p,
-        interactiveClips: d || b,
+        interactiveClips: d || w,
         showFades: h,
         touchOptimized: g,
         onRemoveTrack: v,
@@ -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), b = Bn(i), w = Bn(s), _ = Bn(l), S = Bn(r), C = tb(() => {
+  const u = T(null), { plugins: f, modifiers: p, sensors: d } = c, h = Xt(f, Un.plugins), g = Xt(d, Un.sensors), v = Xt(p, Un.modifiers), m = Bn(o), y = Bn(a), w = Bn(i), b = Bn(s), _ = Bn(l), S = Bn(r), C = tb(() => {
     var E;
     return (E = c.manager) != null ? E : new Mi(c);
   });
@@ -15054,11 +15054,11 @@ function Rf(e) {
         }
       ),
       M.addEventListener("dragover", (A) => {
-        const I = b.current;
+        const I = w.current;
         I && x(() => I(A, C));
       }),
       M.addEventListener("dragmove", (A) => {
-        const I = w.current;
+        const I = b.current;
         I && x(() => I(A, C));
       }),
       M.addEventListener("dragend", (A) => {
@@ -15311,16 +15311,16 @@ const Xf = (e) => {
     const g = () => {
       if (r.current) {
         const m = (l.current ?? 0) * u, y = e + t;
-        let b = 0;
+        let w = 0;
         if (m <= e)
-          b = 0;
+          w = 0;
         else if (m >= y)
-          b = n.length;
+          w = n.length;
         else {
-          const w = m - e;
-          b = Math.floor(w / c);
+          const b = m - e;
+          w = Math.floor(b / c);
         }
-        r.current.style.width = `${b}px`;
+        r.current.style.width = `${w}px`;
       }
       i && (o.current = requestAnimationFrame(g));
     };
@@ -15344,8 +15344,8 @@ const Xf = (e) => {
       else if (v >= m)
         y = n.length;
       else {
-        const b = v - e;
-        y = Math.floor(b / c);
+        const w = v - e;
+        y = Math.floor(w / c);
       }
       r.current.style.width = `${y}px`;
     }
@@ -15387,8 +15387,8 @@ const Xf = (e) => {
     peaksDataArray: v,
     sampleRate: m,
     waveHeight: y,
-    timeScaleHeight: b,
-    samplesPerPixel: w,
+    timeScaleHeight: w,
+    samplesPerPixel: b,
     controls: _,
     playoutRef: S,
     barWidth: C,
@@ -15398,7 +15398,7 @@ const Xf = (e) => {
       F.current = Z, h(Z);
     },
     [h]
-  ), H = Math.floor(g * m / w), Q = $(
+  ), H = Math.floor(g * m / b), Q = $(
     async (Z) => {
       p(Z.id);
       try {
@@ -15420,23 +15420,23 @@ const Xf = (e) => {
   ), { onDragStart: oe, onDragMove: X, onDragEnd: ee } = py({
     annotations: i,
     onAnnotationsChange: q,
-    samplesPerPixel: w,
+    samplesPerPixel: b,
     sampleRate: m,
     duration: g,
     linkEndpoints: n
   }), ie = T(0), fe = $(
     (Z) => {
-      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * w / m;
+      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * b / m;
       ie.current = G, D(!0), M(G), A(G);
     },
-    [w, m]
+    [b, m]
   ), he = $(
     (Z) => {
       if (!I) return;
-      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * w / m;
+      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * b / m;
       A(G);
     },
-    [I, w, m]
+    [I, b, m]
   ), Re = $(
     (Z) => {
       if (!I) return;
@@ -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) * w / m, te = Math.min(x, G), Me = Math.max(x, G);
+      const Y = Z.currentTarget.getBoundingClientRect(), G = (Z.clientX - Y.left) * b / 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, w, m, f, s, S, u]
+    [I, x, b, 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: w,
+        samplesPerPixel: b,
         sampleRate: m,
-        zoomLevels: [w],
+        zoomLevels: [b],
         waveHeight: y,
-        timeScaleHeight: b,
+        timeScaleHeight: w,
         duration: g * 1e3,
         controls: _,
         barWidth: C,
@@ -15478,7 +15478,7 @@ const Xf = (e) => {
           onTracksMouseUp: Re,
           scrollContainerRef: L,
           isSelecting: I,
-          timescale: b > 0 ? /* @__PURE__ */ k(mf, {}) : void 0,
+          timescale: w > 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,7 +15503,7 @@ const Xf = (e) => {
                         trackName: G.trackName,
                         startSample: G.startSample,
                         durationSamples: G.durationSamples,
-                        samplesPerPixel: w,
+                        samplesPerPixel: b,
                         showHeader: !1,
                         disableHeaderDrag: !0,
                         isSelected: !0,
@@ -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 / w, G = Z.end * m / w, te = e ? e(Z, Y) : Z.id;
+                  const _e = Z.start * m / b, G = Z.end * m / b, te = e ? e(Z, Y) : Z.id;
                   return /* @__PURE__ */ k(
                     c.AnnotationBox,
                     {
@@ -15559,8 +15559,8 @@ const Xf = (e) => {
             x !== R && /* @__PURE__ */ k(
               cf,
               {
-                startPosition: Math.min(x, R) * m / w,
-                endPosition: Math.max(x, R) * m / w,
+                startPosition: Math.min(x, R) * m / b,
+                endPosition: Math.max(x, R) * m / b,
                 color: a.selectionColor
               }
             ),
@@ -15642,41 +15642,40 @@ const Xf = (e) => {
   playback: e = !1,
   clipSplitting: t = !1,
   annotations: n = !1,
-  additionalShortcuts: r = [],
-  enabled: o = !0
+  additionalShortcuts: r = []
 }) => {
-  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({
+  const { tracks: o, samplesPerPixel: a, sampleRate: s, playoutRef: i, duration: l } = vt(), {
+    annotations: c,
+    linkEndpoints: u,
+    activeAnnotationId: f,
+    continuousPlay: p
+  } = gt(), { setAnnotations: d, setActiveAnnotationId: h, scrollContainerRef: g, play: v } = De(), { splitClipAtPlayhead: m } = vy({
+    tracks: o,
+    sampleRate: s,
+    samplesPerPixel: a,
+    engineRef: i
+  }), y = [];
+  return t && y.push({
     key: "s",
-    action: y,
+    action: m,
     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 }
+  }), r.length > 0 && y.push(...r), yy({
+    enabled: e || y.length > 0,
+    ...e ? { additionalShortcuts: y } : { shortcuts: y }
   }), 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
+    annotations: c,
+    activeAnnotationId: f,
+    onAnnotationsChange: d,
+    onActiveAnnotationChange: h,
+    duration: l,
+    linkEndpoints: u,
+    continuousPlay: p,
+    scrollContainerRef: g,
+    samplesPerPixel: a,
+    sampleRate: s,
+    onPlay: v,
+    enabled: n && c.length > 0
   }), null;
 }, qo = class qo extends jn {
   apply(t) {
@@ -15704,8 +15703,8 @@ const Jo = class Jo extends jn {
     if (this.options.mode === "timescale") {
       const { gridSamples: v } = this.options;
       if (a !== void 0) {
-        const b = a + n.x * s;
-        return { x: (Math.round(b / v) * v - a) / s, y: 0 };
+        const w = a + n.x * s;
+        return { x: (Math.round(w / v) * v - a) / s, y: 0 };
       }
       const m = n.x * s;
       return { x: Math.round(m / v) * v / s, y: 0 };
@@ -15737,15 +15736,15 @@ const Eb = () => {
   }, [l]);
   const d = Ce(() => {
     if (f && u) {
-      const { bpm: w, timeSignature: _, snapTo: S } = u, C = S === "bar" ? Fs(_) : ta(_);
+      const { bpm: b, timeSignature: _, snapTo: S } = u, C = S === "bar" ? Fs(_) : ta(_);
       return (E) => {
-        const x = za(E, w, a), M = Za(x, C);
-        return Gn(M, w, a);
+        const x = za(E, b, a), M = Za(x, C);
+        return Gn(M, b, a);
       };
     }
     if (p) {
-      const w = Math.round(xs(o).smallStep / 1e3 * a);
-      return (_) => Math.round(_ / w) * w;
+      const b = Math.round(xs(o).smallStep / 1e3 * a);
+      return (_) => Math.round(_ / b) * b;
     }
   }, [f, p, u, a, o]), h = gy({ touchOptimized: t }), {
     onDragStart: g,
@@ -15760,14 +15759,14 @@ const Eb = () => {
     isDraggingRef: i,
     snapSamplePosition: d
   }), y = at.useCallback(
-    (w) => {
-      const _ = w.operation?.source?.data?.trackIndex;
-      _ !== void 0 && r[_] && c(r[_].id), g(w);
+    (b) => {
+      const _ = b.operation?.source?.data?.trackIndex;
+      _ !== void 0 && r[_] && c(r[_].id), g(b);
     },
     [g, r, c]
-  ), b = Ce(() => {
-    const w = [Uf];
-    return f && u ? w.push(
+  ), w = Ce(() => {
+    const b = [Uf];
+    return f && u ? b.push(
       Ko.configure({
         mode: "beats",
         snapTo: u.snapTo,
@@ -15776,13 +15775,13 @@ const Eb = () => {
         samplesPerPixel: o,
         sampleRate: a
       })
-    ) : p && w.push(
+    ) : p && b.push(
       Ko.configure({
         mode: "timescale",
         gridSamples: Math.round(xs(o).smallStep / 1e3 * a),
         samplesPerPixel: o
       })
-    ), w.push($s.configure({ tracks: r, samplesPerPixel: o })), w;
+    ), b.push($s.configure({ tracks: r, samplesPerPixel: o })), b;
   }, [f, p, u, r, o, a]);
   return /* @__PURE__ */ k(Ly, { value: !0, children: /* @__PURE__ */ k(
     Rf,
@@ -15791,7 +15790,7 @@ const Eb = () => {
       onDragStart: y,
       onDragMove: v,
       onDragEnd: m,
-      modifiers: b,
+      modifiers: w,
       plugins: Xf,
       children: n
     }