@waveform-playlist/browser 6.0.0 → 6.0.1

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import * as Vr from "tone";
-import { Volume as Fn, getDestination as Rn, start as Hr, now as Dt, getTransport as gt, getContext as Le, Panner as zr, Gain as fn, Player as hn, Analyser as Wn, StereoWidener as Lr, Gate as Xr, Limiter as Or, Compressor as Gr, Chebyshev as Nr, BitCrusher as Yr, Distortion as Kr, EQ3 as Ur, AutoWah as jr, AutoFilter as qr, AutoPanner as Jr, Vibrato as Qr, Tremolo as ea, Phaser as ta, Chorus as na, PingPongDelay as ra, FeedbackDelay as aa, JCReverb as oa, Freeverb as sa, Reverb as ia } from "tone";
-import { jsx as w, jsxs as ie, Fragment as Qe } from "react/jsx-runtime";
-import * as E from "react";
-import Ye, { createContext as _e, useContext as Se, useState as z, useEffect as re, Fragment as la, useRef as R, useLayoutEffect as Jt, useCallback as T, useMemo as Je } from "react";
+import { Volume as Fn, getDestination as Rn, start as Hr, now as Dt, getTransport as gt, getContext as ze, Panner as zr, Gain as fn, Player as hn, Analyser as Wn, StereoWidener as Lr, Gate as Xr, Limiter as Or, Compressor as Gr, Chebyshev as Nr, BitCrusher as Yr, Distortion as Kr, EQ3 as Ur, AutoWah as jr, AutoFilter as qr, AutoPanner as Jr, Vibrato as Qr, Tremolo as ea, Phaser as ta, Chorus as na, PingPongDelay as ra, FeedbackDelay as aa, JCReverb as oa, Freeverb as sa, Reverb as ia } from "tone";
+import { jsx as w, jsxs as le, Fragment as et } from "react/jsx-runtime";
+import * as $ from "react";
+import Ne, { createContext as _e, useContext as Se, useState as H, useEffect as re, Fragment as la, useRef as R, useLayoutEffect as Jt, useCallback as E, useMemo as Qe } from "react";
 import _, { ThemeContext as ca, withTheme as Zn, useTheme as ua, ThemeProvider as Pn } from "styled-components";
 import { useDraggable as Xt, useSensor as Ot, MouseSensor as da, TouchSensor as ma, PointerSensor as fa, useSensors as ha, DndContext as pa } from "@dnd-kit/core";
 import { createPortal as Vn } from "react-dom";
@@ -367,10 +367,10 @@ var wa = class {
     }), this.tracks.clear(), this.effectsCleanup && this.effectsCleanup(), this.masterVolume.dispose();
   }
   get context() {
-    return Le();
+    return ze();
   }
   get sampleRate() {
-    return Le().sampleRate;
+    return ze().sampleRate;
   }
   setOnPlaybackComplete(e) {
     this.onPlaybackCompleteCallback = e;
@@ -418,121 +418,121 @@ const Kt = /* @__PURE__ */ Object.freeze({
 }), xa = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement(
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement(
       "path",
       {
         d: "M240,96v64a16,16,0,0,1-16,16H32a16,16,0,0,1-16-16V96A16,16,0,0,1,32,80H224A16,16,0,0,1,240,96Z",
         opacity: "0.2"
       }
-    ), /* @__PURE__ */ E.createElement("path", { d: "M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z" }))
+    ), /* @__PURE__ */ $.createElement("path", { d: "M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M224,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V96A16,16,0,0,0,224,80ZM60,140a12,12,0,1,1,12-12A12,12,0,0,1,60,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,128,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,196,140Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M224,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V96A16,16,0,0,0,224,80ZM60,140a12,12,0,1,1,12-12A12,12,0,0,1,60,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,128,140Zm68,0a12,12,0,1,1,12-12A12,12,0,0,1,196,140Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M138,128a10,10,0,1,1-10-10A10,10,0,0,1,138,128ZM60,118a10,10,0,1,0,10,10A10,10,0,0,0,60,118Zm136,0a10,10,0,1,0,10,10A10,10,0,0,0,196,118Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M138,128a10,10,0,1,1-10-10A10,10,0,0,1,138,128ZM60,118a10,10,0,1,0,10,10A10,10,0,0,0,60,118Zm136,0a10,10,0,1,0,10,10A10,10,0,0,0,196,118Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M136,128a8,8,0,1,1-8-8A8,8,0,0,1,136,128Zm-76-8a8,8,0,1,0,8,8A8,8,0,0,0,60,120Zm136,0a8,8,0,1,0,8,8A8,8,0,0,0,196,120Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M136,128a8,8,0,1,1-8-8A8,8,0,0,1,136,128Zm-76-8a8,8,0,1,0,8,8A8,8,0,0,0,60,120Zm136,0a8,8,0,1,0,8,8A8,8,0,0,0,196,120Z" }))
   ]
 ]), Sa = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,1,1-18-15.88,20,20,0,0,0,0-26.43,12,12,0,0,1,18-15.86A43.94,43.94,0,0,1,212,128Zm40,0a83.87,83.87,0,0,1-21.39,56,12,12,0,0,1-17.89-16,60,60,0,0,0,0-80,12,12,0,1,1,17.88-16A83.87,83.87,0,0,1,252,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,1,1-18-15.88,20,20,0,0,0,0-26.43,12,12,0,0,1,18-15.86A43.94,43.94,0,0,1,212,128Zm40,0a83.87,83.87,0,0,1-21.39,56,12,12,0,0,1-17.89-16,60,60,0,0,0,0-80,12,12,0,1,1,17.88-16A83.87,83.87,0,0,1,252,128Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z", opacity: "0.2" }), /* @__PURE__ */ E.createElement("path", { d: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55Zm54-106.08a40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,0,1,12-10.58ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z", opacity: "0.2" }), /* @__PURE__ */ $.createElement("path", { d: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55Zm54-106.08a40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,0,1,12-10.58ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80Zm126.77,20.84a8,8,0,0,0-.72,11.3,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88A8,8,0,0,0,186.74,100.84Zm40.89-26.17a8,8,0,1,0-11.92,10.66,64,64,0,0,1,0,85.34,8,8,0,1,0,11.92,10.66,80,80,0,0,0,0-106.66Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80Zm126.77,20.84a8,8,0,0,0-.72,11.3,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88A8,8,0,0,0,186.74,100.84Zm40.89-26.17a8,8,0,1,0-11.92,10.66,64,64,0,0,1,0,85.34,8,8,0,1,0,11.92,10.66,80,80,0,0,0,0-106.66Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M154.64,26.61a6,6,0,0,0-6.32.65L77.94,82H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V32A6,6,0,0,0,154.64,26.61ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l60-46.66Zm50.53-108.85a38,38,0,0,1,0,50.24,6,6,0,1,1-9-7.94,26,26,0,0,0,0-34.37,6,6,0,0,1,9-7.93ZM246,128a77.86,77.86,0,0,1-19.86,52,6,6,0,1,1-8.94-8,66,66,0,0,0,0-88,6,6,0,1,1,8.94-8A77.86,77.86,0,0,1,246,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M154.64,26.61a6,6,0,0,0-6.32.65L77.94,82H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V32A6,6,0,0,0,154.64,26.61ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l60-46.66Zm50.53-108.85a38,38,0,0,1,0,50.24,6,6,0,1,1-9-7.94,26,26,0,0,0,0-34.37,6,6,0,0,1,9-7.93ZM246,128a77.86,77.86,0,0,1-19.86,52,6,6,0,1,1-8.94-8,66,66,0,0,0,0-88,6,6,0,1,1,8.94-8A77.86,77.86,0,0,1,246,128Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55Zm54-106.08a40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,0,1,12-10.58ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55Zm54-106.08a40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,0,1,12-10.58ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78Zm47-111.61a36,36,0,0,1,0,47.59,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28ZM244,128a75.88,75.88,0,0,1-19.35,50.67,4,4,0,0,1-6-5.34,68,68,0,0,0,0-90.66,4,4,0,0,1,6-5.34A75.88,75.88,0,0,1,244,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78Zm47-111.61a36,36,0,0,1,0,47.59,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28ZM244,128a75.88,75.88,0,0,1-19.35,50.67,4,4,0,0,1-6-5.34,68,68,0,0,0,0-90.66,4,4,0,0,1,6-5.34A75.88,75.88,0,0,1,244,128Z" }))
   ]
 ]), ka = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,0,1-18-15.88,20,20,0,0,0,0-26.44,12,12,0,0,1,18-15.85A43.94,43.94,0,0,1,212,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M157.27,21.22a12,12,0,0,0-12.64,1.31L75.88,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V32A12,12,0,0,0,157.27,21.22ZM36,100H68v56H36Zm104,99.46L92,162.13V93.87l48-37.33ZM212,128a44,44,0,0,1-11,29.11,12,12,0,0,1-18-15.88,20,20,0,0,0,0-26.44,12,12,0,0,1,18-15.85A43.94,43.94,0,0,1,212,128Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z", opacity: "0.2" }), /* @__PURE__ */ E.createElement("path", { d: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55ZM208,128a39.93,39.93,0,0,1-10,26.46,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.58A40,40,0,0,1,208,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z", opacity: "0.2" }), /* @__PURE__ */ $.createElement("path", { d: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55ZM208,128a39.93,39.93,0,0,1-10,26.46,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.58A40,40,0,0,1,208,128Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80ZM198,101.56a8,8,0,1,0-12,10.58,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80ZM198,101.56a8,8,0,1,0-12,10.58,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M154.64,26.61a6,6,0,0,0-6.32.65L77.94,82H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V32A6,6,0,0,0,154.64,26.61ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l60-46.66ZM206,128a37.94,37.94,0,0,1-9.5,25.14,6,6,0,1,1-9-7.94,26,26,0,0,0,0-34.37,6,6,0,0,1,9-7.93A38,38,0,0,1,206,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M154.64,26.61a6,6,0,0,0-6.32.65L77.94,82H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V32A6,6,0,0,0,154.64,26.61ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l60-46.66ZM206,128a37.94,37.94,0,0,1-9.5,25.14,6,6,0,1,1-9-7.94,26,26,0,0,0,0-34.37,6,6,0,0,1,9-7.93A38,38,0,0,1,206,128Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55ZM208,128a39.93,39.93,0,0,1-10,26.46,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.58A40,40,0,0,1,208,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88,164.09V91.91l56-43.55ZM208,128a39.93,39.93,0,0,1-10,26.46,8,8,0,0,1-12-10.58,24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.58A40,40,0,0,1,208,128Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78ZM204,128a36,36,0,0,1-9,23.82,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28A36,36,0,0,1,204,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M153.76,28.41a4,4,0,0,0-4.22.43L78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V32A4,4,0,0,0,153.76,28.41ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l64-49.78ZM204,128a36,36,0,0,1-9,23.82,4,4,0,1,1-6-5.3,28,28,0,0,0,0-37,4,4,0,0,1,6-5.28A36,36,0,0,1,204,128Z" }))
   ]
 ]), Aa = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement(
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement(
       "path",
       {
         d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
         opacity: "0.2"
       }
-    ), /* @__PURE__ */ E.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+    ), /* @__PURE__ */ $.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+    /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
   ]
 ]), Ia = _e({
   color: "currentColor",
   size: "1em",
   weight: "regular",
   mirrored: !1
-}), kt = E.forwardRef(
+}), kt = $.forwardRef(
   (e, t) => {
     const {
       alt: n,
@@ -549,8 +549,8 @@ const Kt = /* @__PURE__ */ Object.freeze({
       weight: f = "regular",
       mirrored: d = !1,
       ...v
-    } = E.useContext(Ia);
-    return /* @__PURE__ */ E.createElement(
+    } = $.useContext(Ia);
+    return /* @__PURE__ */ $.createElement(
       "svg",
       {
         ref: t,
@@ -563,20 +563,20 @@ const Kt = /* @__PURE__ */ Object.freeze({
         ...v,
         ...c
       },
-      !!n && /* @__PURE__ */ E.createElement("title", null, n),
+      !!n && /* @__PURE__ */ $.createElement("title", null, n),
       i,
       l.get(s ?? f)
     );
   }
 );
 kt.displayName = "IconBase";
-const zn = E.forwardRef((e, t) => /* @__PURE__ */ E.createElement(kt, { ref: t, ...e, weights: xa }));
+const zn = $.forwardRef((e, t) => /* @__PURE__ */ $.createElement(kt, { ref: t, ...e, weights: xa }));
 zn.displayName = "DotsThreeIcon";
-const Ln = E.forwardRef((e, t) => /* @__PURE__ */ E.createElement(kt, { ref: t, ...e, weights: Sa }));
+const Ln = $.forwardRef((e, t) => /* @__PURE__ */ $.createElement(kt, { ref: t, ...e, weights: Sa }));
 Ln.displayName = "SpeakerHighIcon";
-const Xn = E.forwardRef((e, t) => /* @__PURE__ */ E.createElement(kt, { ref: t, ...e, weights: ka }));
+const Xn = $.forwardRef((e, t) => /* @__PURE__ */ $.createElement(kt, { ref: t, ...e, weights: ka }));
 Xn.displayName = "SpeakerLowIcon";
-const On = E.forwardRef((e, t) => /* @__PURE__ */ E.createElement(kt, { ref: t, ...e, weights: Aa }));
+const On = $.forwardRef((e, t) => /* @__PURE__ */ $.createElement(kt, { ref: t, ...e, weights: Aa }));
 On.displayName = "XIcon";
 const Ma = On;
 _.span`
@@ -649,7 +649,7 @@ var $a = _.div`
   font-family: ${(e) => e.theme.fontFamily};
   font-size: ${(e) => e.theme.fontSize};
   color: ${(e) => e.theme.textColor};
-`, Ue = _.button`
+`, Ke = _.button`
   padding: 0.5rem 1rem;
   background: ${(e) => e.theme.buttonBackground || "#007bff"};
   color: ${(e) => e.theme.buttonText || "white"};
@@ -848,7 +848,7 @@ var Yn = _.input.attrs({ type: "range" })`
   onChange: t,
   disabled: n = !1,
   className: r
-}) => /* @__PURE__ */ ie($a, { className: r, children: [
+}) => /* @__PURE__ */ le($a, { className: r, children: [
   /* @__PURE__ */ w(
     Ea,
     {
@@ -989,7 +989,7 @@ var Wa = _.canvas.attrs((e) => ({
     barGap: p = 0,
     transparentBackground: f = !1,
     drawMode: d = "inverted"
-  } = e, v = R([]), y = T(
+  } = e, v = R([]), y = E(
     (x) => {
       if (x !== null) {
         const S = parseInt(x.dataset.index, 10);
@@ -1001,30 +1001,30 @@ var Wa = _.canvas.attrs((e) => ({
   Jt(() => {
     const x = v.current, S = u + p;
     let M = 0;
-    for (let k = 0; k < x.length; k++) {
-      const $ = x[k], I = $.getContext("2d"), A = Math.floor(i / 2), F = 2 ** (n - 1);
-      if (I) {
-        I.resetTransform(), I.clearRect(0, 0, $.width, $.height), I.imageSmoothingEnabled = !1, I.scale(o, o);
-        const B = $.width / o;
+    for (let I = 0; I < x.length; I++) {
+      const T = x[I], A = T.getContext("2d"), k = Math.floor(i / 2), F = 2 ** (n - 1);
+      if (A) {
+        A.resetTransform(), A.clearRect(0, 0, T.width, T.height), A.imageSmoothingEnabled = !1, A.scale(o, o);
+        const B = T.width / o;
         let W;
-        d === "normal" ? W = c : W = l, I.fillStyle = Ra(
-          I,
+        d === "normal" ? W = c : W = l, A.fillStyle = Ra(
+          A,
           W,
           B,
           i
         );
-        const K = M, J = M + B, G = Math.floor((K - u + S) / S) * S;
-        for (let j = Math.max(0, G); j < J; j += S) {
-          const H = j - K;
-          if (H + u <= 0) continue;
-          const Q = j;
-          if (Q * 2 + 1 < t.length) {
-            const ae = t[Q * 2] / F, he = t[Q * 2 + 1] / F, de = Math.abs(ae * A), fe = Math.abs(he * A);
-            d === "normal" ? I.fillRect(H, A - fe, u, fe + de) : (I.fillRect(H, 0, u, A - fe), I.fillRect(H, A + de, u, A - de));
+        const N = M, Y = M + B, z = Math.floor((N - u + S) / S) * S;
+        for (let J = Math.max(0, z); J < Y; J += S) {
+          const K = J - N;
+          if (K + u <= 0) continue;
+          const se = J;
+          if (se * 2 + 1 < t.length) {
+            const Q = t[se * 2] / F, ie = t[se * 2 + 1] / F, ue = Math.abs(Q * k), he = Math.abs(ie * k);
+            d === "normal" ? A.fillRect(K, k - he, u, he + ue) : (A.fillRect(K, 0, u, k - he), A.fillRect(K, k + ue, u, k - ue));
           }
         }
       }
-      M += $.width / o;
+      M += T.width / o;
     }
   }, [
     t,
@@ -1176,7 +1176,7 @@ var Wa = _.canvas.attrs((e) => ({
   dragHandleProps: a,
   touchOptimized: s = !1
 }) => {
-  const [o, i] = Ye.useState(!1);
+  const [o, i] = Ne.useState(!1);
   if (!a)
     return null;
   const { attributes: l, listeners: c, setActivatorNodeRef: u, isDragging: p } = a;
@@ -1301,38 +1301,38 @@ var wn = ({
   showFades: C = !1,
   touchOptimized: b = !1
 }) => {
-  const g = Math.floor(o / l), S = Math.floor((o + i) / l) - g, M = c && !u && !p, k = `clip-${r}-${a}`, { attributes: $, listeners: I, setNodeRef: A, setActivatorNodeRef: F, transform: B, isDragging: W } = Xt({
-    id: k,
+  const g = Math.floor(o / l), S = Math.floor((o + i) / l) - g, M = c && !u && !p, I = `clip-${r}-${a}`, { attributes: T, listeners: A, setNodeRef: k, setActivatorNodeRef: F, transform: B, isDragging: W } = Xt({
+    id: I,
     data: { clipId: n, trackIndex: r, clipIndex: a },
     disabled: !M
-  }), K = `clip-boundary-left-${r}-${a}`, {
-    attributes: J,
-    listeners: G,
-    setActivatorNodeRef: j,
-    isDragging: H
+  }), N = `clip-boundary-left-${r}-${a}`, {
+    attributes: Y,
+    listeners: z,
+    setActivatorNodeRef: J,
+    isDragging: K
   } = Xt({
-    id: K,
+    id: N,
     data: { clipId: n, trackIndex: r, clipIndex: a, boundary: "left" },
     disabled: !M
-  }), Q = `clip-boundary-right-${r}-${a}`, {
-    attributes: ae,
-    listeners: he,
-    setActivatorNodeRef: de,
-    isDragging: fe
+  }), se = `clip-boundary-right-${r}-${a}`, {
+    attributes: Q,
+    listeners: ie,
+    setActivatorNodeRef: ue,
+    isDragging: he
   } = Xt({
-    id: Q,
+    id: se,
     data: { clipId: n, trackIndex: r, clipIndex: a, boundary: "right" },
     disabled: !M
-  }), le = B ? {
+  }), pe = B ? {
     transform: Kt.Translate.toString(B),
     zIndex: W ? 100 : void 0
     // Below controls (z-index: 999) but above other clips
   } : void 0;
-  return /* @__PURE__ */ ie(
+  return /* @__PURE__ */ le(
     Na,
     {
-      ref: A,
-      style: le,
+      ref: k,
+      style: pe,
       className: t,
       $left: g,
       $width: S,
@@ -1350,10 +1350,10 @@ var wn = ({
             trackName: s,
             isSelected: f,
             disableDrag: u,
-            dragHandleProps: M ? { attributes: $, listeners: I, setActivatorNodeRef: F } : void 0
+            dragHandleProps: M ? { attributes: T, listeners: A, setActivatorNodeRef: F } : void 0
           }
         ),
-        /* @__PURE__ */ ie(Ya, { $isOverlay: p, children: [
+        /* @__PURE__ */ le(Ya, { $isOverlay: p, children: [
           e,
           C && y && y.duration > 0 && /* @__PURE__ */ w(
             wn,
@@ -1374,7 +1374,7 @@ var wn = ({
             }
           )
         ] }),
-        c && !u && !p && /* @__PURE__ */ ie(Qe, { children: [
+        c && !u && !p && /* @__PURE__ */ le(et, { children: [
           /* @__PURE__ */ w(
             yn,
             {
@@ -1384,10 +1384,10 @@ var wn = ({
               edge: "left",
               touchOptimized: b,
               dragHandleProps: {
-                attributes: J,
-                listeners: G,
-                setActivatorNodeRef: j,
-                isDragging: H
+                attributes: Y,
+                listeners: z,
+                setActivatorNodeRef: J,
+                isDragging: K
               }
             }
           ),
@@ -1400,10 +1400,10 @@ var wn = ({
               edge: "right",
               touchOptimized: b,
               dragHandleProps: {
-                attributes: ae,
-                listeners: he,
-                setActivatorNodeRef: de,
-                isDragging: fe
+                attributes: Q,
+                listeners: ie,
+                setActivatorNodeRef: ue,
+                isDragging: he
               }
             }
           )
@@ -1429,7 +1429,7 @@ var wn = ({
   const a = (s) => {
     t(parseFloat(s.target.value) / 100);
   };
-  return /* @__PURE__ */ ie(Ka, { className: r, children: [
+  return /* @__PURE__ */ le(Ka, { className: r, children: [
     /* @__PURE__ */ w(Ua, { htmlFor: "master-gain", children: "Master Volume" }),
     /* @__PURE__ */ w(
       ja,
@@ -1533,14 +1533,14 @@ var Ja = _.div`
   scrollContainerRef: f,
   isSelecting: d,
   "data-playlist-state": v
-}) => /* @__PURE__ */ w(Ja, { "data-scroll-container": "true", "data-playlist-state": v, ref: f, children: /* @__PURE__ */ ie(
+}) => /* @__PURE__ */ w(Ja, { "data-scroll-container": "true", "data-playlist-state": v, ref: f, children: /* @__PURE__ */ le(
   Qa,
   {
     $backgroundColor: t,
     $width: o,
     children: [
       r && /* @__PURE__ */ w(eo, { $width: a, $backgroundColor: n, children: r }),
-      /* @__PURE__ */ ie(to, { $width: s, $backgroundColor: t, children: [
+      /* @__PURE__ */ le(to, { $width: s, $backgroundColor: t, children: [
         e,
         (l || c) && /* @__PURE__ */ w(
           no,
@@ -1685,33 +1685,33 @@ var Cn = _.div.attrs((e) => ({
   minPosition: i = 0,
   maxPosition: l = 1 / 0
 }) => {
-  const [c, u] = z(null), p = R(0), f = R(0), d = R(0), v = Math.max(0, t - e), y = T((h, C) => {
+  const [c, u] = H(null), p = R(0), f = R(0), d = R(0), v = Math.max(0, t - e), y = E((h, C) => {
     h.preventDefault(), h.stopPropagation(), u(C), p.current = h.clientX, f.current = C === "start" ? e : t;
     const b = (x) => {
       const S = x.clientX - p.current, M = f.current + S;
       if (C === "start") {
-        const k = Math.max(i, Math.min(t - 10, M));
-        a?.(k);
+        const I = Math.max(i, Math.min(t - 10, M));
+        a?.(I);
       } else {
-        const k = Math.max(e + 10, Math.min(l, M));
-        s?.(k);
+        const I = Math.max(e + 10, Math.min(l, M));
+        s?.(I);
       }
     }, g = () => {
       u(null), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", g);
     };
     document.addEventListener("mousemove", b), document.addEventListener("mouseup", g);
-  }, [e, t, i, l, a, s]), m = T((h) => {
+  }, [e, t, i, l, a, s]), m = E((h) => {
     h.preventDefault(), h.stopPropagation(), u("region"), p.current = h.clientX, f.current = e, d.current = t;
     const C = t - e, b = (x) => {
       const S = x.clientX - p.current;
-      let M = f.current + S, k = d.current + S;
-      M < i && (M = i, k = i + C), k > l && (k = l, M = l - C), o?.(M, k);
+      let M = f.current + S, I = d.current + S;
+      M < i && (M = i, I = i + C), I > l && (I = l, M = l - C), o?.(M, I);
     }, g = () => {
       u(null), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", g);
     };
     document.addEventListener("mousemove", b), document.addEventListener("mouseup", g);
   }, [e, t, i, l, o]);
-  return v <= 0 ? null : /* @__PURE__ */ ie(Qe, { children: [
+  return v <= 0 ? null : /* @__PURE__ */ le(et, { children: [
     /* @__PURE__ */ w(
       ao,
       {
@@ -1767,7 +1767,7 @@ var Cn = _.div.attrs((e) => ({
   maxPosition: o = 1 / 0,
   controlsOffset: i = 0
 }) => {
-  const [l, c] = z(!1), u = R(0), p = R(null), f = t > e, d = T((v) => {
+  const [l, c] = H(!1), u = R(0), p = R(null), f = t > e, d = E((v) => {
     const y = v.target;
     if (y.closest("[data-loop-marker-handle]") || y.closest("[data-loop-region-timescale]"))
       return;
@@ -1777,8 +1777,8 @@ var Cn = _.div.attrs((e) => ({
     const h = v.clientX - m.left, C = Math.max(s, Math.min(o, h));
     u.current = C, a?.(C, C);
     const b = (x) => {
-      const S = x.clientX - m.left, M = Math.max(s, Math.min(o, S)), k = Math.min(u.current, M), $ = Math.max(u.current, M);
-      a?.(k, $);
+      const S = x.clientX - m.left, M = Math.max(s, Math.min(o, S)), I = Math.min(u.current, M), T = Math.max(u.current, M);
+      a?.(I, T);
     }, g = () => {
       c(!1), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", g);
     };
@@ -1858,11 +1858,11 @@ var xn = ({
   onChange: s,
   readOnly: o = !1
 }) => {
-  const [i, l] = z("");
+  const [i, l] = H("");
   return re(() => {
     const f = vt(n, r);
     l(f);
-  }, [n, r, e]), /* @__PURE__ */ ie(Qe, { children: [
+  }, [n, r, e]), /* @__PURE__ */ le(et, { children: [
     /* @__PURE__ */ w(Da, { as: "label", htmlFor: e, children: t }),
     /* @__PURE__ */ w(
       Gn,
@@ -1895,7 +1895,7 @@ var xn = ({
   onSelectionChange: n,
   className: r
 }) => {
-  const [a, s] = z("hh:mm:ss.uuu");
+  const [a, s] = H("hh:mm:ss.uuu");
   return re(() => {
     const l = document.querySelector(".time-format"), c = () => {
       l && s(l.value);
@@ -1903,7 +1903,7 @@ var xn = ({
     return l && (s(l.value), l.addEventListener("change", c)), () => {
       l?.removeEventListener("change", c);
     };
-  }, []), /* @__PURE__ */ ie(Qe, { children: [
+  }, []), /* @__PURE__ */ le(et, { children: [
     /* @__PURE__ */ w(
       xn,
       {
@@ -1936,7 +1936,7 @@ function Bt() {
   return window.devicePixelRatio;
 }
 var tr = _e(Bt()), nr = ({ children: e }) => {
-  const [t, n] = z(Bt());
+  const [t, n] = H(Bt());
   return matchMedia(`(resolution: ${Bt()}dppx)`).addEventListener(
     "change",
     () => {
@@ -2003,115 +2003,116 @@ function vo() {
 }
 var Sn = ({
   index: e,
-  data: t,
-  length: n,
-  waveHeight: r,
-  devicePixelRatio: a = 1,
-  samplesPerPixel: s,
-  colorLUT: o,
-  frequencyScaleFn: i,
-  minFrequency: l = 0,
-  maxFrequency: c,
-  workerApi: u,
-  clipId: p,
-  onCanvasesReady: f
+  channelIndex: t,
+  data: n,
+  length: r,
+  waveHeight: a,
+  devicePixelRatio: s = 1,
+  samplesPerPixel: o,
+  colorLUT: i,
+  frequencyScaleFn: l,
+  minFrequency: c = 0,
+  maxFrequency: u,
+  workerApi: p,
+  clipId: f,
+  onCanvasesReady: d
 }) => {
-  const d = R([]), v = R([]), y = R(/* @__PURE__ */ new WeakSet()), m = !!(u && p), h = T(
-    (k) => {
-      if (k !== null) {
-        const $ = parseInt(k.dataset.index, 10);
-        d.current[$] = k;
+  const v = t ?? e, y = R([]), m = R([]), h = R(/* @__PURE__ */ new WeakSet()), C = !!(p && f), b = E(
+    (A) => {
+      if (A !== null) {
+        const k = parseInt(A.dataset.index, 10);
+        y.current[k] = A;
       }
     },
     []
   );
   re(() => {
-    if (!m) return;
-    const k = Math.ceil(n / Et);
-    d.current.length = k;
-    const $ = d.current, I = [], A = [];
-    for (let F = 0; F < $.length; F++) {
-      const B = $[F];
-      if (!B || y.current.has(B)) continue;
-      const W = `${p}-ch${e}-chunk${F}`;
+    if (!C) return;
+    const A = Math.ceil(r / Et);
+    y.current.length = A;
+    const k = y.current, F = [], B = [];
+    for (let W = 0; W < k.length; W++) {
+      const N = k[W];
+      if (!N || h.current.has(N)) continue;
+      const Y = `${f}-ch${v}-chunk${W}`;
       try {
-        const K = B.transferControlToOffscreen();
-        u.registerCanvas(W, K), y.current.add(B), I.push(W), A.push(Math.min(n - F * Et, Et));
-      } catch (K) {
-        console.warn(`[spectrogram] transferControlToOffscreen failed for ${W}:`, K);
+        const z = N.transferControlToOffscreen();
+        p.registerCanvas(Y, z), h.current.add(N), F.push(Y), B.push(Math.min(r - W * Et, Et));
+      } catch (z) {
+        console.warn(`[spectrogram] transferControlToOffscreen failed for ${Y}:`, z);
         continue;
       }
     }
-    return v.current = I, I.length > 0 && f && f(I, A), () => {
-      for (const F of v.current)
-        u.unregisterCanvas(F);
-      v.current = [];
+    return m.current = F, F.length > 0 && d && d(F, B), () => {
+      for (const W of m.current)
+        p.unregisterCanvas(W);
+      m.current = [];
     };
-  }, [m, p, e, n]);
-  const C = o ?? vo(), b = c ?? (t ? t.sampleRate / 2 : 22050), g = i ?? ((k, $, I) => (k - $) / (I - $));
+  }, [C, f, v, r]);
+  const g = i ?? vo(), x = u ?? (n ? n.sampleRate / 2 : 22050), S = l ?? ((A, k, F) => (A - k) / (F - k));
   Jt(() => {
-    if (m || !t) return;
-    const k = d.current, { frequencyBinCount: $, frameCount: I, hopSize: A, sampleRate: F, gainDb: B, rangeDb: W } = t, K = W === 0 ? 1 : W;
+    if (C || !n) return;
+    const A = y.current, { frequencyBinCount: k, frameCount: F, hopSize: B, sampleRate: W, gainDb: N, rangeDb: Y } = n, z = Y === 0 ? 1 : Y;
     let J = 0;
-    const G = (j) => j / $ * (F / 2);
-    for (let j = 0; j < k.length; j++) {
-      const H = k[j];
-      if (!H) continue;
-      const Q = H.getContext("2d");
+    const K = (se) => se / k * (W / 2);
+    for (let se = 0; se < A.length; se++) {
+      const Q = A[se];
       if (!Q) continue;
-      const ae = H.width / a, he = r;
-      Q.resetTransform(), Q.clearRect(0, 0, H.width, H.height), Q.imageSmoothingEnabled = !1, Q.scale(a, a);
-      const de = Q.createImageData(ae, he), fe = de.data;
-      for (let le = 0; le < ae; le++) {
-        const ve = (J + le) * s, V = Math.floor(ve / A);
-        if (V < 0 || V >= I) continue;
-        const me = V * $;
-        for (let N = 0; N < he; N++) {
-          const q = 1 - N / he;
-          let ce = Math.floor(q * $);
-          if (i) {
-            let je = 0, et = $ - 1;
-            for (; je < et; ) {
-              const ee = je + et >> 1, rt = G(ee);
-              g(rt, l, b) < q ? je = ee + 1 : et = ee;
+      const ie = Q.getContext("2d");
+      if (!ie) continue;
+      const ue = Q.width / s, he = a;
+      ie.resetTransform(), ie.clearRect(0, 0, Q.width, Q.height), ie.imageSmoothingEnabled = !1, ie.scale(s, s);
+      const pe = ie.createImageData(ue, he), De = pe.data;
+      for (let de = 0; de < ue; de++) {
+        const fe = (J + de) * o, U = Math.floor(fe / B);
+        if (U < 0 || U >= F) continue;
+        const q = U * k;
+        for (let ce = 0; ce < he; ce++) {
+          const ve = 1 - ce / he;
+          let ee = Math.floor(ve * k);
+          if (l) {
+            let te = 0, qe = k - 1;
+            for (; te < qe; ) {
+              const Z = te + qe >> 1, be = K(Z);
+              S(be, c, x) < ve ? te = Z + 1 : qe = Z;
             }
-            ce = je;
+            ee = te;
           }
-          if (ce < 0 || ce >= $) continue;
-          const ye = t.data[me + ce], ne = Math.max(0, Math.min(1, (ye + K + B) / K)), De = Math.floor(ne * 255), Re = (N * ae + le) * 4;
-          fe[Re] = C[De * 3], fe[Re + 1] = C[De * 3 + 1], fe[Re + 2] = C[De * 3 + 2], fe[Re + 3] = 255;
+          if (ee < 0 || ee >= k) continue;
+          const Ze = n.data[q + ee], Ue = Math.max(0, Math.min(1, (Ze + z + N) / z)), tt = Math.floor(Ue * 255), je = (ce * ue + de) * 4;
+          De[je] = g[tt * 3], De[je + 1] = g[tt * 3 + 1], De[je + 2] = g[tt * 3 + 2], De[je + 3] = 255;
         }
       }
-      if (Q.resetTransform(), Q.putImageData(de, 0, 0), a !== 1) {
-        const le = document.createElement("canvas");
-        le.width = ae, le.height = he;
-        const Fe = le.getContext("2d");
-        if (!Fe) continue;
-        Fe.putImageData(de, 0, 0), Q.clearRect(0, 0, H.width, H.height), Q.imageSmoothingEnabled = !1, Q.drawImage(le, 0, 0, H.width, H.height);
+      if (ie.resetTransform(), ie.putImageData(pe, 0, 0), s !== 1) {
+        const de = document.createElement("canvas");
+        de.width = ue, de.height = he;
+        const V = de.getContext("2d");
+        if (!V) continue;
+        V.putImageData(pe, 0, 0), ie.clearRect(0, 0, Q.width, Q.height), ie.imageSmoothingEnabled = !1, ie.drawImage(de, 0, 0, Q.width, Q.height);
       }
-      J += ae;
+      J += ue;
     }
-  }, [m, t, n, r, a, s, C, i, l, b, g]);
-  let x = n, S = 0;
-  const M = [];
-  for (; x > 0; ) {
-    const k = Math.min(x, Et);
-    M.push(
+  }, [C, n, r, a, s, o, g, l, c, x, S]);
+  let M = r, I = 0;
+  const T = [];
+  for (; M > 0; ) {
+    const A = Math.min(M, Et);
+    T.push(
       /* @__PURE__ */ w(
         bo,
         {
-          $cssWidth: k,
-          width: k * a,
-          height: r * a,
-          $waveHeight: r,
-          "data-index": S,
-          ref: h
+          $cssWidth: A,
+          width: A * s,
+          height: a * s,
+          $waveHeight: a,
+          "data-index": I,
+          ref: b
         },
-        `${n}-${S}`
+        `${r}-${I}`
       )
-    ), x -= k, S++;
+    ), M -= A, I++;
   }
-  return /* @__PURE__ */ w(go, { $index: e, $cssWidth: n, $waveHeight: r, children: M });
+  return /* @__PURE__ */ w(go, { $index: e, $cssWidth: r, $waveHeight: a, children: T });
 }, rr = ({
   isSelected: e,
   transparentBackground: t,
@@ -2148,15 +2149,16 @@ var Sn = ({
       }
     );
   if (n === "both" && M) {
-    const k = Math.floor(v / 2);
-    return /* @__PURE__ */ ie(Qe, { children: [
+    const I = Math.floor(v / 2);
+    return /* @__PURE__ */ le(et, { children: [
       /* @__PURE__ */ w(
         Sn,
         {
           index: f.index * 2,
+          channelIndex: f.index,
           data: r,
           length: f.length,
-          waveHeight: k,
+          waveHeight: I,
           devicePixelRatio: C,
           samplesPerPixel: b,
           colorLUT: a,
@@ -2168,7 +2170,7 @@ var Sn = ({
           onCanvasesReady: p
         }
       ),
-      /* @__PURE__ */ w("div", { style: { position: "absolute", top: (f.index * 2 + 1) * k, width: f.length, height: k }, children: /* @__PURE__ */ w(
+      /* @__PURE__ */ w("div", { style: { position: "absolute", top: (f.index * 2 + 1) * I, width: f.length, height: I }, children: /* @__PURE__ */ w(
         vn,
         {
           ...f,
@@ -2176,7 +2178,7 @@ var Sn = ({
           index: 0,
           waveOutlineColor: g,
           waveFillColor: x,
-          waveHeight: k,
+          waveHeight: I,
           devicePixelRatio: C,
           barWidth: y,
           barGap: m,
@@ -2259,8 +2261,8 @@ var Co = ({
       for (const b of m) {
         const g = n(b, r, a);
         if (g < 0 || g > 1) continue;
-        const x = C + p * (1 - g), S = b >= 1e3 ? `${(b / 1e3).toFixed(1)}k` : `${b} Hz`, M = y.measureText(S), k = 3;
-        y.fillStyle = o, y.fillRect(0, x - 7, M.width + k * 2, 14), y.fillStyle = s, y.fillText(S, k, x);
+        const x = C + p * (1 - g), S = b >= 1e3 ? `${(b / 1e3).toFixed(1)}k` : `${b} Hz`, M = y.measureText(S), I = 3;
+        y.fillStyle = o, y.fillRect(0, x - 7, M.width + I * 2, 14), y.fillStyle = s, y.fillText(S, I, x);
       }
     }
   }, [e, t, n, r, a, s, o, u, p, d]), /* @__PURE__ */ w(yo, { $height: f + d, children: /* @__PURE__ */ w(
@@ -2355,12 +2357,12 @@ var ko = _.div.attrs((e) => ({
   for (let b = 0; b < m; b += h * s / 1e3) {
     const g = Math.floor(b);
     if (C % r === 0) {
-      const x = C, S = So(x), M = o ? /* @__PURE__ */ w(Ye.Fragment, { children: o(x, g) }, `timestamp-${C}`) : /* @__PURE__ */ w(Io, { $left: g, children: S }, S);
+      const x = C, S = So(x), M = o ? /* @__PURE__ */ w(Ne.Fragment, { children: o(x, g) }, `timestamp-${C}`) : /* @__PURE__ */ w(Io, { $left: g, children: S }, S);
       l.push(M), i.set(g, f);
     } else C % a === 0 ? i.set(g, Math.floor(f / 2)) : C % s === 0 && i.set(g, Math.floor(f / 5));
     C += s;
   }
-  return /* @__PURE__ */ ie(
+  return /* @__PURE__ */ le(
     ko,
     {
       $cssWidth: m,
@@ -2540,7 +2542,7 @@ var ar = ({ renderTimestamp: e }) => {
     waveHeight: u,
     controls: { show: p, width: f }
   } = Wt(), d = co();
-  return /* @__PURE__ */ ie(
+  return /* @__PURE__ */ le(
     Bo,
     {
       $numChannels: e,
@@ -2786,7 +2788,7 @@ var ar = ({ renderTimestamp: e }) => {
 `, Ko = ({
   items: e
 }) => {
-  const [t, n] = z(!1), a = typeof e == "function" ? e(() => n(!1)) : e, [s, o] = z({ top: 0, left: 0 }), i = R(null), l = R(null);
+  const [t, n] = H(!1), a = typeof e == "function" ? e(() => n(!1)) : e, [s, o] = H({ top: 0, left: 0 }), i = R(null), l = R(null);
   return re(() => {
     if (t && i.current) {
       const c = i.current.getBoundingClientRect();
@@ -2802,7 +2804,7 @@ var ar = ({ renderTimestamp: e }) => {
       i.current && !i.current.contains(p) && l.current && !l.current.contains(p) && n(!1);
     };
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, [t]), /* @__PURE__ */ ie(Oo, { children: [
+  }, [t]), /* @__PURE__ */ le(Oo, { children: [
     /* @__PURE__ */ w(
       Go,
       {
@@ -2824,7 +2826,7 @@ var ar = ({ renderTimestamp: e }) => {
           $top: s.top,
           $left: s.left,
           onMouseDown: (c) => c.stopPropagation(),
-          children: a.map((c, u) => /* @__PURE__ */ ie(Ye.Fragment, { children: [
+          children: a.map((c, u) => /* @__PURE__ */ le(Ne.Fragment, { children: [
             u > 0 && /* @__PURE__ */ w(Yo, {}),
             c.content
           ] }, c.id))
@@ -2931,8 +2933,8 @@ function rs(e, t) {
   return r > 0 && n++, n;
 }
 function as(e) {
-  for (var t = e.scale, n = e.amplitude_scale, r = e.split_channels, a = e.length, s = e.sample_rate, o = e.channels.map(function(A) {
-    return new Float32Array(A);
+  for (var t = e.scale, n = e.amplitude_scale, r = e.split_channels, a = e.length, s = e.sample_rate, o = e.channels.map(function(k) {
+    return new Float32Array(k);
   }), i = r ? o.length : 1, l = 24, c = rs(a, t), u = e.bits === 8 ? 1 : 2, p = l + c * 2 * u * i, f = new ArrayBuffer(p), d = new DataView(f), v = 0, y = l, m = new Array(i), h = new Array(i), C = 0; C < i; C++)
     m[C] = 1 / 0, h[C] = -1 / 0;
   var b = e.bits === 8 ? es : ns, g = e.bits === 8 ? Qo : ts;
@@ -2944,17 +2946,17 @@ function as(e) {
         S += o[M][x];
       S = Math.floor(g * S * n / o.length), S < m[0] && (m[0] = S, m[0] < b && (m[0] = b)), S > h[0] && (h[0] = S, h[0] > g && (h[0] = g));
     } else
-      for (var k = 0; k < i; ++k)
-        S = Math.floor(g * o[k][x] * n), S < m[k] && (m[k] = S, m[k] < b && (m[k] = b)), S > h[k] && (h[k] = S, h[k] > g && (h[k] = g));
+      for (var I = 0; I < i; ++I)
+        S = Math.floor(g * o[I][x] * n), S < m[I] && (m[I] = S, m[I] < b && (m[I] = b)), S > h[I] && (h[I] = S, h[I] > g && (h[I] = g));
     if (++v === t) {
-      for (var $ = 0; $ < i; $++)
-        e.bits === 8 ? (d.setInt8(y++, m[$]), d.setInt8(y++, h[$])) : (d.setInt16(y, m[$], !0), d.setInt16(y + 2, h[$], !0), y += 4), m[$] = 1 / 0, h[$] = -1 / 0;
+      for (var T = 0; T < i; T++)
+        e.bits === 8 ? (d.setInt8(y++, m[T]), d.setInt8(y++, h[T])) : (d.setInt16(y, m[T], !0), d.setInt16(y + 2, h[T], !0), y += 4), m[T] = 1 / 0, h[T] = -1 / 0;
       v = 0;
     }
   }
   if (v > 0)
-    for (var I = 0; I < i; I++)
-      e.bits === 8 ? (d.setInt8(y++, m[I]), d.setInt8(y++, h[I])) : (d.setInt16(y, m[I], !0), d.setInt16(y + 2, h[I], !0));
+    for (var A = 0; A < i; A++)
+      e.bits === 8 ? (d.setInt8(y++, m[A]), d.setInt8(y++, h[A])) : (d.setInt16(y, m[A], !0), d.setInt16(y + 2, h[A], !0));
   return f;
 }
 function Ft(e) {
@@ -3011,7 +3013,7 @@ function us(e, t, n) {
   };
 }
 var ds = /* @__PURE__ */ us("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoqCiAgICogQXVkaW9CdWZmZXItYmFzZWQgV2F2ZWZvcm1EYXRhIGdlbmVyYXRvcgogICAqCiAgICogQWRhcHRlZCBmcm9tIEJsb2NrRmlsZTo6Q2FsY1N1bW1hcnkgaW4gQXVkYWNpdHksIHdpdGggcGVybWlzc2lvbi4KICAgKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2F1ZGFjaXR5L2F1ZGFjaXR5L2Jsb2IvCiAgICogICAxMTA4YzEzNzZjMDkxNjYxNjIzMzVmYWI0NzQzMDA4Y2JhNTdjNGVlL3NyYy9CbG9ja0ZpbGUuY3BwI0wxOTgKICAgKi8KCiAgdmFyIElOVDhfTUFYID0gMTI3OwogIHZhciBJTlQ4X01JTiA9IC0xMjg7CiAgdmFyIElOVDE2X01BWCA9IDMyNzY3OwogIHZhciBJTlQxNl9NSU4gPSAtMzI3Njg7CiAgZnVuY3Rpb24gY2FsY3VsYXRlV2F2ZWZvcm1EYXRhTGVuZ3RoKGF1ZGlvX3NhbXBsZV9jb3VudCwgc2NhbGUpIHsKICAgIHZhciBkYXRhX2xlbmd0aCA9IE1hdGguZmxvb3IoYXVkaW9fc2FtcGxlX2NvdW50IC8gc2NhbGUpOwogICAgdmFyIHNhbXBsZXNfcmVtYWluaW5nID0gYXVkaW9fc2FtcGxlX2NvdW50IC0gZGF0YV9sZW5ndGggKiBzY2FsZTsKICAgIGlmIChzYW1wbGVzX3JlbWFpbmluZyA+IDApIHsKICAgICAgZGF0YV9sZW5ndGgrKzsKICAgIH0KICAgIHJldHVybiBkYXRhX2xlbmd0aDsKICB9CiAgZnVuY3Rpb24gZ2VuZXJhdGVXYXZlZm9ybURhdGEob3B0aW9ucykgewogICAgdmFyIHNjYWxlID0gb3B0aW9ucy5zY2FsZTsKICAgIHZhciBhbXBsaXR1ZGVfc2NhbGUgPSBvcHRpb25zLmFtcGxpdHVkZV9zY2FsZTsKICAgIHZhciBzcGxpdF9jaGFubmVscyA9IG9wdGlvbnMuc3BsaXRfY2hhbm5lbHM7CiAgICB2YXIgbGVuZ3RoID0gb3B0aW9ucy5sZW5ndGg7CiAgICB2YXIgc2FtcGxlX3JhdGUgPSBvcHRpb25zLnNhbXBsZV9yYXRlOwogICAgdmFyIGNoYW5uZWxzID0gb3B0aW9ucy5jaGFubmVscy5tYXAoZnVuY3Rpb24gKGNoYW5uZWwpIHsKICAgICAgcmV0dXJuIG5ldyBGbG9hdDMyQXJyYXkoY2hhbm5lbCk7CiAgICB9KTsKICAgIHZhciBvdXRwdXRfY2hhbm5lbHMgPSBzcGxpdF9jaGFubmVscyA/IGNoYW5uZWxzLmxlbmd0aCA6IDE7CiAgICB2YXIgaGVhZGVyX3NpemUgPSAyNDsKICAgIHZhciBkYXRhX2xlbmd0aCA9IGNhbGN1bGF0ZVdhdmVmb3JtRGF0YUxlbmd0aChsZW5ndGgsIHNjYWxlKTsKICAgIHZhciBieXRlc19wZXJfc2FtcGxlID0gb3B0aW9ucy5iaXRzID09PSA4ID8gMSA6IDI7CiAgICB2YXIgdG90YWxfc2l6ZSA9IGhlYWRlcl9zaXplICsgZGF0YV9sZW5ndGggKiAyICogYnl0ZXNfcGVyX3NhbXBsZSAqIG91dHB1dF9jaGFubmVsczsKICAgIHZhciBidWZmZXIgPSBuZXcgQXJyYXlCdWZmZXIodG90YWxfc2l6ZSk7CiAgICB2YXIgZGF0YV92aWV3ID0gbmV3IERhdGFWaWV3KGJ1ZmZlcik7CiAgICB2YXIgc2NhbGVfY291bnRlciA9IDA7CiAgICB2YXIgb2Zmc2V0ID0gaGVhZGVyX3NpemU7CiAgICB2YXIgbWluX3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICB2YXIgbWF4X3ZhbHVlID0gbmV3IEFycmF5KG91dHB1dF9jaGFubmVscyk7CiAgICBmb3IgKHZhciBjaGFubmVsID0gMDsgY2hhbm5lbCA8IG91dHB1dF9jaGFubmVsczsgY2hhbm5lbCsrKSB7CiAgICAgIG1pbl92YWx1ZVtjaGFubmVsXSA9IEluZmluaXR5OwogICAgICBtYXhfdmFsdWVbY2hhbm5lbF0gPSAtSW5maW5pdHk7CiAgICB9CiAgICB2YXIgcmFuZ2VfbWluID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NSU4gOiBJTlQxNl9NSU47CiAgICB2YXIgcmFuZ2VfbWF4ID0gb3B0aW9ucy5iaXRzID09PSA4ID8gSU5UOF9NQVggOiBJTlQxNl9NQVg7CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMCwgMiwgdHJ1ZSk7IC8vIFZlcnNpb24KICAgIGRhdGFfdmlldy5zZXRVaW50MzIoNCwgb3B0aW9ucy5iaXRzID09PSA4LCB0cnVlKTsgLy8gSXMgOCBiaXQ/CiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoOCwgc2FtcGxlX3JhdGUsIHRydWUpOyAvLyBTYW1wbGUgcmF0ZQogICAgZGF0YV92aWV3LnNldEludDMyKDEyLCBzY2FsZSwgdHJ1ZSk7IC8vIFNjYWxlCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMTYsIGRhdGFfbGVuZ3RoLCB0cnVlKTsgLy8gTGVuZ3RoCiAgICBkYXRhX3ZpZXcuc2V0SW50MzIoMjAsIG91dHB1dF9jaGFubmVscywgdHJ1ZSk7CiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgIHZhciBzYW1wbGUgPSAwOwogICAgICBpZiAob3V0cHV0X2NoYW5uZWxzID09PSAxKSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwgPSAwOyBfY2hhbm5lbCA8IGNoYW5uZWxzLmxlbmd0aDsgKytfY2hhbm5lbCkgewogICAgICAgICAgc2FtcGxlICs9IGNoYW5uZWxzW19jaGFubmVsXVtpXTsKICAgICAgICB9CiAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBzYW1wbGUgKiBhbXBsaXR1ZGVfc2NhbGUgLyBjaGFubmVscy5sZW5ndGgpOwogICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbMF0pIHsKICAgICAgICAgIG1pbl92YWx1ZVswXSA9IHNhbXBsZTsKICAgICAgICAgIGlmIChtaW5fdmFsdWVbMF0gPCByYW5nZV9taW4pIHsKICAgICAgICAgICAgbWluX3ZhbHVlWzBdID0gcmFuZ2VfbWluOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICBpZiAoc2FtcGxlID4gbWF4X3ZhbHVlWzBdKSB7CiAgICAgICAgICBtYXhfdmFsdWVbMF0gPSBzYW1wbGU7CiAgICAgICAgICBpZiAobWF4X3ZhbHVlWzBdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgIG1heF92YWx1ZVswXSA9IHJhbmdlX21heDsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgZm9yICh2YXIgX2NoYW5uZWwyID0gMDsgX2NoYW5uZWwyIDwgb3V0cHV0X2NoYW5uZWxzOyArK19jaGFubmVsMikgewogICAgICAgICAgc2FtcGxlID0gTWF0aC5mbG9vcihyYW5nZV9tYXggKiBjaGFubmVsc1tfY2hhbm5lbDJdW2ldICogYW1wbGl0dWRlX3NjYWxlKTsKICAgICAgICAgIGlmIChzYW1wbGUgPCBtaW5fdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtaW5fdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1pbl92YWx1ZVtfY2hhbm5lbDJdIDwgcmFuZ2VfbWluKSB7CiAgICAgICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9taW47CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICAgIGlmIChzYW1wbGUgPiBtYXhfdmFsdWVbX2NoYW5uZWwyXSkgewogICAgICAgICAgICBtYXhfdmFsdWVbX2NoYW5uZWwyXSA9IHNhbXBsZTsKICAgICAgICAgICAgaWYgKG1heF92YWx1ZVtfY2hhbm5lbDJdID4gcmFuZ2VfbWF4KSB7CiAgICAgICAgICAgICAgbWF4X3ZhbHVlW19jaGFubmVsMl0gPSByYW5nZV9tYXg7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgaWYgKCsrc2NhbGVfY291bnRlciA9PT0gc2NhbGUpIHsKICAgICAgICBmb3IgKHZhciBfY2hhbm5lbDMgPSAwOyBfY2hhbm5lbDMgPCBvdXRwdXRfY2hhbm5lbHM7IF9jaGFubmVsMysrKSB7CiAgICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtaW5fdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQ4KG9mZnNldCsrLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50MTYob2Zmc2V0LCBtaW5fdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIGRhdGFfdmlldy5zZXRJbnQxNihvZmZzZXQgKyAyLCBtYXhfdmFsdWVbX2NoYW5uZWwzXSwgdHJ1ZSk7CiAgICAgICAgICAgIG9mZnNldCArPSA0OwogICAgICAgICAgfQogICAgICAgICAgbWluX3ZhbHVlW19jaGFubmVsM10gPSBJbmZpbml0eTsKICAgICAgICAgIG1heF92YWx1ZVtfY2hhbm5lbDNdID0gLUluZmluaXR5OwogICAgICAgIH0KICAgICAgICBzY2FsZV9jb3VudGVyID0gMDsKICAgICAgfQogICAgfQogICAgaWYgKHNjYWxlX2NvdW50ZXIgPiAwKSB7CiAgICAgIGZvciAodmFyIF9jaGFubmVsNCA9IDA7IF9jaGFubmVsNCA8IG91dHB1dF9jaGFubmVsczsgX2NoYW5uZWw0KyspIHsKICAgICAgICBpZiAob3B0aW9ucy5iaXRzID09PSA4KSB7CiAgICAgICAgICBkYXRhX3ZpZXcuc2V0SW50OChvZmZzZXQrKywgbWluX3ZhbHVlW19jaGFubmVsNF0pOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDgob2Zmc2V0KyssIG1heF92YWx1ZVtfY2hhbm5lbDRdKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCwgbWluX3ZhbHVlW19jaGFubmVsNF0sIHRydWUpOwogICAgICAgICAgZGF0YV92aWV3LnNldEludDE2KG9mZnNldCArIDIsIG1heF92YWx1ZVtfY2hhbm5lbDRdLCB0cnVlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICAgIHJldHVybiBidWZmZXI7CiAgfQoKICBvbm1lc3NhZ2UgPSBmdW5jdGlvbiBvbm1lc3NhZ2UoZXZ0KSB7CiAgICB2YXIgYnVmZmVyID0gZ2VuZXJhdGVXYXZlZm9ybURhdGEoZXZ0LmRhdGEpOwoKICAgIC8vIFRyYW5zZmVyIGJ1ZmZlciB0byB0aGUgY2FsbGluZyB0aHJlYWQKICAgIHRoaXMucG9zdE1lc3NhZ2UoYnVmZmVyLCBbYnVmZmVyXSk7CiAgICB0aGlzLmNsb3NlKCk7CiAgfTsKCn0pKCk7Ci8vIyBzb3VyY2VNYXBwaW5nVVJMPXdhdmVmb3JtLWRhdGEtd29ya2VyLmpzLm1hcAoK");
-function Ke(e) {
+function Ye(e) {
   if (os(e) && (e = is(e)), ss(e)) {
     this._data = new DataView(e), this._offset = this._version() === 2 ? 24 : 20, this._channels = [];
     for (var t = 0; t < this.channels; t++)
@@ -3053,11 +3055,11 @@ function ir(e, t, n) {
       sample_rate: e.sampleRate,
       channels: r
     });
-    n(void 0, new Ke(a), e);
+    n(void 0, new Ye(a), e);
   } else {
     var s = new ds();
     s.onmessage = function(o) {
-      n(void 0, new Ke(o.data), e);
+      n(void 0, new Ye(o.data), e);
     }, s.postMessage({
       scale: t.scale,
       bits: t.bits,
@@ -3079,10 +3081,10 @@ function hs(e, t, n, r) {
   }, a);
   s && s.catch(a);
 }
-Ke.create = function(t) {
-  return new Ke(t);
+Ye.create = function(t) {
+  return new Ye(t);
 };
-Ke.createFromAudio = function(e, t) {
+Ye.createFromAudio = function(e, t) {
   var n = ms(e);
   if (e.audio_context && e.array_buffer)
     return hs(e.audio_context, e.array_buffer, n, t);
@@ -3096,7 +3098,7 @@ Ke.createFromAudio = function(e, t) {
 function Zt(e) {
   this._inputData = e.waveformData, this._output_samples_per_pixel = e.scale, this._scale = this._inputData.scale, this._input_buffer_size = this._inputData.length;
   var t = this._input_buffer_size * this._inputData.scale, n = Math.ceil(t / this._output_samples_per_pixel), r = 24, a = this._inputData.bits === 8 ? 1 : 2, s = r + n * 2 * this._inputData.channels * a;
-  this._output_data = new ArrayBuffer(s), this.output_dataview = new DataView(this._output_data), this.output_dataview.setInt32(0, 2, !0), this.output_dataview.setUint32(4, this._inputData.bits === 8, !0), this.output_dataview.setInt32(8, this._inputData.sample_rate, !0), this.output_dataview.setInt32(12, this._output_samples_per_pixel, !0), this.output_dataview.setInt32(16, n, !0), this.output_dataview.setInt32(20, this._inputData.channels, !0), this._outputWaveformData = new Ke(this._output_data), this._input_index = 0, this._output_index = 0;
+  this._output_data = new ArrayBuffer(s), this.output_dataview = new DataView(this._output_data), this.output_dataview.setInt32(0, 2, !0), this.output_dataview.setUint32(4, this._inputData.bits === 8, !0), this.output_dataview.setInt32(8, this._inputData.sample_rate, !0), this.output_dataview.setInt32(12, this._output_samples_per_pixel, !0), this.output_dataview.setInt32(16, n, !0), this.output_dataview.setInt32(20, this._inputData.channels, !0), this._outputWaveformData = new Ye(this._output_data), this._input_index = 0, this._output_index = 0;
   var o = this._inputData.channels;
   this._min = new Array(o), this._max = new Array(o);
   for (var i = 0; i < o; ++i)
@@ -3136,7 +3138,7 @@ Zt.prototype.next = function() {
 Zt.prototype.getOutputData = function() {
   return this._output_data;
 };
-Ke.prototype = {
+Ye.prototype = {
   _getResampleOptions: function(t) {
     var n = {};
     if (n.scale = t.scale, n.width = t.width, !bt(n.width) && (typeof n.width != "number" || n.width <= 0))
@@ -3153,7 +3155,7 @@ Ke.prototype = {
     t = this._getResampleOptions(t), t.waveformData = this;
     for (var n = new Zt(t); !n.next(); )
       ;
-    return new Ke(n.getOutputData());
+    return new Ye(n.getOutputData());
   },
   /**
    * Concatenates with one or more other waveforms, returning a new WaveformData object.
@@ -3165,7 +3167,7 @@ Ke.prototype = {
         throw new Error("WaveformData.concat(): Waveforms are incompatible");
     });
     var r = this._concatBuffers.apply(this, n);
-    return Ke.create(r);
+    return Ye.create(r);
   },
   /**
    * Returns a new ArrayBuffer with the concatenated waveform.
@@ -3200,7 +3202,7 @@ Ke.prototype = {
       var p = this._at(n * this.channels * 2 + u);
       this.bits === 8 ? c.setInt8(s + u, p) : c.setInt16(s + u * 2, p, !0);
     }
-    return new Ke(l);
+    return new Ye(l);
   },
   /**
    * Returns the data format version number.
@@ -3319,10 +3321,10 @@ async function lr(e) {
     throw new Error(`Failed to fetch waveform data: ${t.statusText}`);
   if (e.endsWith(".dat")) {
     const r = await t.arrayBuffer();
-    return Ke.create(r);
+    return Ye.create(r);
   } else {
     const r = await t.json();
-    return Ke.create(r);
+    return Ye.create(r);
   }
 }
 function ps(e, t = 0) {
@@ -3364,7 +3366,7 @@ function cr(e, t, n = 0, r, a) {
   return { data: p, bits: i, length: u };
 }
 function gs() {
-  const [e, t] = z("hh:mm:ss.uuu");
+  const [e, t] = H("hh:mm:ss.uuu");
   return {
     timeFormat: e,
     setTimeFormat: t,
@@ -3377,12 +3379,12 @@ function vs({
   initialSamplesPerPixel: e,
   zoomLevels: t = bs
 }) {
-  const [n, r] = z(() => {
+  const [n, r] = H(() => {
     const c = t.indexOf(e);
     return c !== -1 ? c : Math.floor(t.length / 2);
-  }), a = t[n], s = n > 0, o = n < t.length - 1, i = T(() => {
+  }), a = t[n], s = n > 0, o = n < t.length - 1, i = E(() => {
     r((c) => Math.max(0, c - 1));
-  }, []), l = T(() => {
+  }, []), l = E(() => {
     r((c) => Math.min(t.length - 1, c + 1));
   }, [t.length]);
   return {
@@ -3398,7 +3400,7 @@ function ys({
   initialVolume: t = 1,
   onVolumeChange: n
 }) {
-  const [r, a] = z(t), s = T((o) => {
+  const [r, a] = H(t), s = E((o) => {
     a(o), e.current && e.current.setMasterGain(o), n?.(o);
   }, [e, n]);
   return {
@@ -3407,7 +3409,7 @@ function ys({
   };
 }
 const li = (e = 256) => {
-  const t = R(null), n = T((r, a, s) => {
+  const t = R(null), n = E((r, a, s) => {
     const o = new Wn("fft", e);
     return r.connect(o), r.connect(a), t.current = o, function() {
       o.dispose(), t.current = null;
@@ -3514,7 +3516,7 @@ function ur() {
   return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
 function ci(e, t = {}) {
-  const { progressive: n = !1 } = t, [r, a] = z([]), [s, o] = z(!0), [i, l] = z(null), [c, u] = z(0), p = e.length;
+  const { progressive: n = !1 } = t, [r, a] = H([]), [s, o] = H(!0), [i, l] = H(null), [c, u] = H(0), p = e.length;
   return re(() => {
     if (e.length === 0) {
       a([]), o(!1), u(0);
@@ -3560,16 +3562,16 @@ function ci(e, t = {}) {
         o(!0), l(null), u(0);
         const m = Vr.getContext().rawContext, h = e.map(async (b, g) => {
           if (b.audioBuffer) {
-            const $ = v(b, g, b.audioBuffer);
-            return n && !f && (d.set(g, $), u((I) => I + 1), a(
-              Array.from({ length: e.length }, (I, A) => d.get(A)).filter((I) => I !== void 0)
-            )), $;
+            const T = v(b, g, b.audioBuffer);
+            return n && !f && (d.set(g, T), u((A) => A + 1), a(
+              Array.from({ length: e.length }, (A, k) => d.get(k)).filter((A) => A !== void 0)
+            )), T;
           }
           if (!b.src && b.waveformData) {
-            const $ = v(b, g);
-            return n && !f && (d.set(g, $), u((I) => I + 1), a(
-              Array.from({ length: e.length }, (I, A) => d.get(A)).filter((I) => I !== void 0)
-            )), $;
+            const T = v(b, g);
+            return n && !f && (d.set(g, T), u((A) => A + 1), a(
+              Array.from({ length: e.length }, (A, k) => d.get(k)).filter((A) => A !== void 0)
+            )), T;
           }
           if (!b.src)
             throw new Error(`Track ${g + 1}: Must provide src, audioBuffer, or waveformData`);
@@ -3579,10 +3581,10 @@ function ci(e, t = {}) {
           const S = await x.arrayBuffer(), M = await m.decodeAudioData(S);
           if (!M || !M.sampleRate || !M.duration)
             throw new Error(`Invalid audio buffer for ${b.src}`);
-          const k = v(b, g, M);
-          return n && !f && (d.set(g, k), u(($) => $ + 1), a(
-            Array.from({ length: e.length }, ($, I) => d.get(I)).filter(($) => $ !== void 0)
-          )), k;
+          const I = v(b, g, M);
+          return n && !f && (d.set(g, I), u((T) => T + 1), a(
+            Array.from({ length: e.length }, (T, A) => d.get(A)).filter((T) => T !== void 0)
+          )), I;
         }), C = await Promise.all(h);
         f || (n || (a(C), u(C.length)), o(!1));
       } catch (m) {
@@ -3602,7 +3604,7 @@ function ui({
   samplesPerPixel: n,
   sampleRate: r
 }) {
-  const a = Ye.useRef(null), s = Ye.useCallback(
+  const a = Ne.useRef(null), s = Ne.useCallback(
     (c) => {
       const { transform: u, active: p } = c;
       if (!p?.data?.current) return { ...u, scaleX: 1, scaleY: 1 };
@@ -3615,28 +3617,28 @@ function ui({
       if (!m) return { ...u, scaleX: 1, scaleY: 1 };
       const h = m.startSample / r, C = m.durationSamples / r, b = u.x * n / r;
       let g = h + b;
-      const x = [...y.clips].sort((A, F) => A.startSample - F.startSample), S = x.findIndex((A) => A === m);
+      const x = [...y.clips].sort((k, F) => k.startSample - F.startSample), S = x.findIndex((k) => k === m);
       g = Math.max(0, g);
       const M = S > 0 ? x[S - 1] : null;
       if (M) {
-        const A = (M.startSample + M.durationSamples) / r;
-        g = Math.max(g, A);
+        const k = (M.startSample + M.durationSamples) / r;
+        g = Math.max(g, k);
       }
-      const k = S < x.length - 1 ? x[S + 1] : null;
-      if (k) {
-        const A = g + C, F = k.startSample / r;
-        A > F && (g = F - C);
+      const I = S < x.length - 1 ? x[S + 1] : null;
+      if (I) {
+        const k = g + C, F = I.startSample / r;
+        k > F && (g = F - C);
       }
-      const I = (g - h) * r / n;
+      const A = (g - h) * r / n;
       return {
         ...u,
-        x: I,
+        x: A,
         scaleX: 1,
         scaleY: 1
       };
     },
     [e, n, r]
-  ), o = Ye.useCallback(
+  ), o = Ne.useCallback(
     (c) => {
       const { active: u } = c, { boundary: p } = u.data.current;
       if (!p) {
@@ -3651,40 +3653,40 @@ function ui({
       });
     },
     [e]
-  ), i = Ye.useCallback(
+  ), i = Ne.useCallback(
     (c) => {
       const { active: u, delta: p } = c, { boundary: f } = u.data.current;
       if (!f || !a.current) return;
       const { trackIndex: d, clipIndex: v } = u.data.current, y = p.x * n, m = Math.floor(0.1 * r), h = a.current, C = e.map((b, g) => {
         if (g !== d) return b;
-        const x = [...b.clips].sort((k, $) => k.startSample - $.startSample), S = x.findIndex((k) => k === b.clips[v]), M = b.clips.map((k, $) => {
-          if ($ !== v) return k;
-          const I = k.sourceDurationSamples;
+        const x = [...b.clips].sort((I, T) => I.startSample - T.startSample), S = x.findIndex((I) => I === b.clips[v]), M = b.clips.map((I, T) => {
+          if (T !== v) return I;
+          const A = I.sourceDurationSamples;
           if (f === "left") {
-            let A = Math.floor(y);
+            let k = Math.floor(y);
             const F = -h.startSample;
-            A < F && (A = F);
+            k < F && (k = F);
             const B = -h.offsetSamples;
-            A < B && (A = B);
+            k < B && (k = B);
             const W = S > 0 ? x[S - 1] : null;
             if (W) {
-              const Q = W.startSample + W.durationSamples - h.startSample;
-              A < Q && (A = Q);
+              const se = W.startSample + W.durationSamples - h.startSample;
+              k < se && (k = se);
             }
-            const K = h.durationSamples - m;
-            A > K && (A = K);
-            const J = h.offsetSamples + A, G = h.durationSamples - A, j = h.startSample + A;
+            const N = h.durationSamples - m;
+            k > N && (k = N);
+            const Y = h.offsetSamples + k, z = h.durationSamples - k, J = h.startSample + k;
             return {
-              ...k,
-              offsetSamples: J,
-              durationSamples: G,
-              startSample: j
+              ...I,
+              offsetSamples: Y,
+              durationSamples: z,
+              startSample: J
             };
           } else {
-            let A = Math.floor(h.durationSamples + y);
-            A = Math.max(m, A), h.offsetSamples + A > I && (A = I - h.offsetSamples);
+            let k = Math.floor(h.durationSamples + y);
+            k = Math.max(m, k), h.offsetSamples + k > A && (k = A - h.offsetSamples);
             const F = S < x.length - 1 ? x[S + 1] : null;
-            return F && h.startSample + A > F.startSample && (A = F.startSample - h.startSample, A = Math.max(m, A)), { ...k, durationSamples: A };
+            return F && h.startSample + k > F.startSample && (k = F.startSample - h.startSample, k = Math.max(m, k)), { ...I, durationSamples: k };
           }
         });
         return { ...b, clips: M };
@@ -3692,7 +3694,7 @@ function ui({
       t(C);
     },
     [e, t, n, r]
-  ), l = Ye.useCallback(
+  ), l = Ne.useCallback(
     (c) => {
       const { active: u, delta: p } = c, { trackIndex: f, clipIndex: d, boundary: v } = u.data.current, y = p.x * n;
       if (v) {
@@ -3703,17 +3705,17 @@ function ui({
         if (C !== f) return h;
         const b = [...h.clips].sort((S, M) => S.startSample - M.startSample), g = b.findIndex((S) => S === h.clips[d]), x = h.clips.map((S, M) => {
           if (M !== d) return S;
-          let k = Math.floor(S.startSample + y);
-          k = Math.max(0, k);
-          const $ = g > 0 ? b[g - 1] : null;
-          if ($) {
-            const A = $.startSample + $.durationSamples;
-            k = Math.max(k, A);
+          let I = Math.floor(S.startSample + y);
+          I = Math.max(0, I);
+          const T = g > 0 ? b[g - 1] : null;
+          if (T) {
+            const k = T.startSample + T.durationSamples;
+            I = Math.max(I, k);
           }
-          const I = g < b.length - 1 ? b[g + 1] : null;
-          return I && k + S.durationSamples > I.startSample && (k = I.startSample - S.durationSamples), {
+          const A = g < b.length - 1 ? b[g + 1] : null;
+          return A && I + S.durationSamples > A.startSample && (I = A.startSample - S.durationSamples), {
             ...S,
-            startSample: k
+            startSample: I
           };
         });
         return {
@@ -3741,7 +3743,7 @@ function xs({
   duration: a,
   linkEndpoints: s
 }) {
-  const o = Ye.useRef(null), i = Ye.useCallback(
+  const o = Ne.useRef(null), i = Ne.useCallback(
     (u) => {
       const { active: p } = u, f = p.data.current;
       if (!f || f.annotationIndex === void 0) {
@@ -3756,7 +3758,7 @@ function xs({
       });
     },
     [e]
-  ), l = Ye.useCallback(
+  ), l = Ne.useCallback(
     (u) => {
       const { active: p, delta: f } = u;
       if (!o.current)
@@ -3774,7 +3776,7 @@ function xs({
       t(b);
     },
     [e, t, n, r, a, s]
-  ), c = Ye.useCallback(() => {
+  ), c = Ne.useCallback(() => {
     o.current = null;
   }, []);
   return {
@@ -3890,7 +3892,7 @@ function di(e = {}) {
   );
 }
 const mi = (e) => {
-  const { tracks: t, onTracksChange: n, sampleRate: r } = e, { currentTimeRef: a } = Xe(), { selectedTrackId: s } = Oe(), o = T(
+  const { tracks: t, onTracksChange: n, sampleRate: r } = e, { currentTimeRef: a } = Le(), { selectedTrackId: s } = Xe(), o = E(
     (l, c, u) => {
       const { sampleRate: p, samplesPerPixel: f } = e, d = t[l];
       if (!d) return !1;
@@ -3899,7 +3901,7 @@ const mi = (e) => {
       const y = v.startSample / p, m = (v.startSample + v.durationSamples) / p;
       if (u <= y || u >= m)
         return console.warn("Split time is outside clip bounds"), !1;
-      const h = Math.round(u * p), C = Math.floor(h / f), b = v.startSample + v.durationSamples, g = C * f, x = v.startSample, S = g - x, M = g, k = b - M, $ = g - v.startSample, I = jt({
+      const h = Math.round(u * p), C = Math.floor(h / f), b = v.startSample + v.durationSamples, g = C * f, x = v.startSample, S = g - x, M = g, I = b - M, T = g - v.startSample, A = jt({
         audioBuffer: v.audioBuffer,
         startSample: x,
         durationSamples: S,
@@ -3913,11 +3915,11 @@ const mi = (e) => {
         waveformData: v.waveformData
         // Share waveformData - slicing happens at render time
         // Note: fadeOut removed for first clip since it's cut
-      }), A = jt({
+      }), k = jt({
         audioBuffer: v.audioBuffer,
         startSample: M,
-        durationSamples: k,
-        offsetSamples: v.offsetSamples + $,
+        durationSamples: I,
+        offsetSamples: v.offsetSamples + T,
         sampleRate: v.sampleRate,
         sourceDurationSamples: v.sourceDurationSamples,
         gain: v.gain,
@@ -3928,7 +3930,7 @@ const mi = (e) => {
         // Note: fadeIn removed for second clip since it's cut
         fadeOut: v.fadeOut
       }), F = [...d.clips];
-      F.splice(c, 1, I, A);
+      F.splice(c, 1, A, k);
       const B = [...t];
       return B[l] = {
         ...d,
@@ -3938,7 +3940,7 @@ const mi = (e) => {
     [t, n, e]
   );
   return {
-    splitClipAtPlayhead: T(() => {
+    splitClipAtPlayhead: E(() => {
       if (!s)
         return console.log("No track selected - click a clip to select a track first"), !1;
       const l = t.findIndex((p) => p.id === s);
@@ -3955,7 +3957,7 @@ const mi = (e) => {
     splitClipAt: o
   };
 }, qt = (e) => {
-  const { shortcuts: t, enabled: n = !0 } = e, r = T(
+  const { shortcuts: t, enabled: n = !0 } = e, r = E(
     (a) => {
       if (!n) return;
       const s = a.target;
@@ -3979,11 +3981,11 @@ const mi = (e) => {
   const t = [], n = typeof navigator < "u" && navigator.platform.includes("Mac");
   return e.metaKey && t.push(n ? "Cmd" : "Ctrl"), e.ctrlKey && !e.metaKey && t.push("Ctrl"), e.altKey && t.push(n ? "Option" : "Alt"), e.shiftKey && t.push("Shift"), t.push(e.key.toUpperCase()), t.join("+");
 }, hi = (e = {}) => {
-  const { enabled: t = !0, additionalShortcuts: n = [], shortcuts: r } = e, { isPlaying: a } = Xe(), { setCurrentTime: s, play: o, pause: i, stop: l } = be(), { playoutRef: c } = Be(), u = T(() => {
+  const { enabled: t = !0, additionalShortcuts: n = [], shortcuts: r } = e, { isPlaying: a } = Le(), { setCurrentTime: s, play: o, pause: i, stop: l } = Ce(), { playoutRef: c } = Be(), u = E(() => {
     a ? i() : o();
-  }, [a, o, i]), p = T(() => {
+  }, [a, o, i]), p = E(() => {
     l();
-  }, [l]), f = T(() => {
+  }, [l]), f = E(() => {
     a && c.current ? (c.current.stop(), s(0), o(0)) : s(0);
   }, [a, c, s, o]), v = r ?? [...[
     {
@@ -4030,16 +4032,16 @@ function pi({
   controlsWidth: p = 0,
   onPlay: f
 }) {
-  const d = Je(() => t ? e.findIndex(($) => $.id === t) : -1, [e, t]), v = T(
-    ($) => {
+  const d = Qe(() => t ? e.findIndex((T) => T.id === t) : -1, [e, t]), v = E(
+    (T) => {
       if (!l?.current || !c || !u) return;
-      const I = e.find((H) => H.id === $);
-      if (!I) return;
-      const A = l.current, F = A.clientWidth, B = I.start * u / c + p, W = I.end * u / c + p, K = (B + W) / 2, J = A.scrollLeft, G = J, j = J + F;
-      if (B < G || W > j) {
-        const H = Math.max(0, K - F / 2);
-        A.scrollTo({
-          left: H,
+      const A = e.find((K) => K.id === T);
+      if (!A) return;
+      const k = l.current, F = k.clientWidth, B = A.start * u / c + p, W = A.end * u / c + p, N = (B + W) / 2, Y = k.scrollLeft, z = Y, J = Y + F;
+      if (B < z || W > J) {
+        const K = Math.max(0, N - F / 2);
+        k.scrollTo({
+          left: K,
           behavior: "smooth"
         });
       }
@@ -4049,72 +4051,72 @@ function pi({
   re(() => {
     t && l?.current && c && u && v(t);
   }, [t, v, l, c, u]);
-  const y = T(
-    ($) => {
+  const y = E(
+    (T) => {
       if (d < 0) return;
-      const I = e[d], A = Math.max(0, Math.min(I.end - 0.1, I.start + $)), F = A - I.start, B = [...e];
+      const A = e[d], k = Math.max(0, Math.min(A.end - 0.1, A.start + T)), F = k - A.start, B = [...e];
       if (B[d] = {
-        ...I,
-        start: A
+        ...A,
+        start: k
       }, s && d > 0) {
         const W = B[d - 1];
-        Math.abs(W.end - I.start) < Nt && (B[d - 1] = {
+        Math.abs(W.end - A.start) < Nt && (B[d - 1] = {
           ...W,
           end: Math.max(W.start + 0.1, W.end + F)
         });
       } else if (!s && d > 0) {
         const W = B[d - 1];
-        A < W.end && (B[d - 1] = {
+        k < W.end && (B[d - 1] = {
           ...W,
-          end: A
+          end: k
         });
       }
       n(B);
     },
     [e, d, s, n]
-  ), m = T(
-    ($) => {
+  ), m = E(
+    (T) => {
       if (d < 0) return;
-      const I = e[d], A = Math.max(I.start + 0.1, Math.min(a, I.end + $)), F = A - I.end, B = [...e];
+      const A = e[d], k = Math.max(A.start + 0.1, Math.min(a, A.end + T)), F = k - A.end, B = [...e];
       if (B[d] = {
-        ...I,
-        end: A
+        ...A,
+        end: k
       }, s && d < e.length - 1) {
         const W = B[d + 1];
-        if (Math.abs(W.start - I.end) < Nt) {
-          const K = Math.min(W.end - 0.1, W.start + F);
+        if (Math.abs(W.start - A.end) < Nt) {
+          const N = Math.min(W.end - 0.1, W.start + F);
           B[d + 1] = {
             ...W,
-            start: K
+            start: N
           };
-          let J = d + 1;
-          for (; J < B.length - 1; ) {
-            const G = B[J], j = B[J + 1];
-            if (Math.abs(j.start - e[J].end) < Nt) {
-              const H = G.end - e[J].end;
-              B[J + 1] = {
-                ...j,
-                start: Math.min(j.end - 0.1, j.start + H)
-              }, J++;
+          let Y = d + 1;
+          for (; Y < B.length - 1; ) {
+            const z = B[Y], J = B[Y + 1];
+            if (Math.abs(J.start - e[Y].end) < Nt) {
+              const K = z.end - e[Y].end;
+              B[Y + 1] = {
+                ...J,
+                start: Math.min(J.end - 0.1, J.start + K)
+              }, Y++;
             } else
               break;
           }
         }
       } else if (!s && d < e.length - 1) {
         const W = B[d + 1];
-        if (A > W.start) {
+        if (k > W.start) {
           B[d + 1] = {
             ...W,
-            start: A
+            start: k
           };
-          let K = d + 1;
-          for (; K < B.length - 1; ) {
-            const J = B[K], G = B[K + 1];
-            if (J.end > G.start)
-              B[K + 1] = {
-                ...G,
-                start: J.end
-              }, K++;
+          let N = d + 1;
+          for (; N < B.length - 1; ) {
+            const Y = B[N], z = B[N + 1];
+            if (Y.end > z.start)
+              B[N + 1] = {
+                ...z,
+                start: Y.end
+              }, N++;
             else
               break;
           }
@@ -4123,21 +4125,21 @@ function pi({
       n(B);
     },
     [e, d, a, s, n]
-  ), h = T(() => {
+  ), h = E(() => {
     !r || e.length === 0 || (d <= 0 ? r(e[e.length - 1].id) : r(e[d - 1].id));
-  }, [e, d, r]), C = T(() => {
+  }, [e, d, r]), C = E(() => {
     !r || e.length === 0 || (d < 0 || d >= e.length - 1 ? r(e[0].id) : r(e[d + 1].id));
-  }, [e, d, r]), b = T(() => {
+  }, [e, d, r]), b = E(() => {
     !r || e.length === 0 || r(e[0].id);
-  }, [e, r]), g = T(() => {
+  }, [e, r]), g = E(() => {
     !r || e.length === 0 || r(e[e.length - 1].id);
-  }, [e, r]), x = T(() => {
+  }, [e, r]), x = E(() => {
     r && r(null);
-  }, [r]), S = T(() => {
+  }, [r]), S = E(() => {
     if (d < 0 || !f) return;
-    const $ = e[d], I = o ? void 0 : $.end - $.start;
-    f($.start, I);
-  }, [e, d, o, f]), M = Je(
+    const T = e[d], A = o ? void 0 : T.end - T.start;
+    f(T.start, A);
+  }, [e, d, o, f]), M = Qe(
     () => [
       {
         key: "[",
@@ -4173,7 +4175,7 @@ function pi({
       }
     ],
     [y, m, S]
-  ), k = Je(
+  ), I = Qe(
     () => [
       {
         key: "ArrowUp",
@@ -4224,7 +4226,7 @@ function pi({
     shortcuts: M,
     enabled: i && d >= 0
   }), qt({
-    shortcuts: k,
+    shortcuts: I,
     enabled: i && e.length > 0 && !!r
   }), {
     moveStartBoundary: y,
@@ -4552,9 +4554,9 @@ function vi(e) {
   };
 }
 function yi(e = 256) {
-  const [t, n] = z([]), r = R(t);
+  const [t, n] = H([]), r = R(t);
   r.current = t;
-  const a = R(/* @__PURE__ */ new Map()), s = R(null), o = R(null), i = T((m) => {
+  const a = R(/* @__PURE__ */ new Map()), s = R(null), o = R(null), i = E((m) => {
     const h = o.current;
     if (!h) return;
     const { masterGainNode: C, destination: b, analyserNode: g } = h;
@@ -4575,7 +4577,7 @@ function yi(e = 256) {
         S.connect(M.effect), S = M.effect;
       }), S.connect(g), g.connect(b);
     }
-  }, []), l = T((m) => {
+  }, []), l = E((m) => {
     const h = dr(m);
     if (!h) {
       console.error(`Unknown effect: ${m}`);
@@ -4595,10 +4597,10 @@ function yi(e = 256) {
       bypassed: !1
     };
     n((x) => [...x, g]);
-  }, []), c = T((m) => {
+  }, []), c = E((m) => {
     const h = a.current.get(m);
     h && (h.dispose(), a.current.delete(m)), n((C) => C.filter((b) => b.instanceId !== m));
-  }, []), u = T(
+  }, []), u = E(
     (m, h, C) => {
       const b = a.current.get(m);
       b && b.setParameter(h, C), n(
@@ -4608,7 +4610,7 @@ function yi(e = 256) {
       );
     },
     []
-  ), p = T(
+  ), p = E(
     (m) => {
       const h = r.current.find((g) => g.instanceId === m);
       if (!h) return;
@@ -4624,18 +4626,18 @@ function yi(e = 256) {
       );
     },
     []
-  ), f = T((m, h) => {
+  ), f = E((m, h) => {
     n((C) => {
       const b = [...C], [g] = b.splice(m, 1);
       return b.splice(h, 0, g), b;
     });
-  }, []), d = T(() => {
+  }, []), d = E(() => {
     a.current.forEach((m) => m.dispose()), a.current.clear(), n([]);
   }, []);
   re(() => {
     i(t);
   }, [t, i]);
-  const v = T(
+  const v = E(
     (m, h, C) => {
       const b = new Wn("fft", e);
       s.current = b, o.current = {
@@ -4662,7 +4664,7 @@ function yi(e = 256) {
   re(() => () => {
     a.current.forEach((m) => m.dispose()), a.current.clear();
   }, []);
-  const y = T(() => {
+  const y = E(() => {
     const m = t.filter((h) => !h.bypassed);
     if (m.length !== 0)
       return (h, C, b) => {
@@ -4699,9 +4701,9 @@ function yi(e = 256) {
   };
 }
 function wi() {
-  const [e, t] = z(
+  const [e, t] = H(
     /* @__PURE__ */ new Map()
-  ), n = R(/* @__PURE__ */ new Map()), r = R(/* @__PURE__ */ new Map()), a = T((d, v) => {
+  ), n = R(/* @__PURE__ */ new Map()), r = R(/* @__PURE__ */ new Map()), a = E((d, v) => {
     const y = r.current.get(d);
     if (!y) return;
     const { graphEnd: m, masterGainNode: h } = y, C = n.current.get(d);
@@ -4722,7 +4724,7 @@ function wi() {
         g.connect(x.effect), g = x.effect;
       }), g.connect(h);
     }
-  }, []), s = T((d, v) => {
+  }, []), s = E((d, v) => {
     const y = dr(v);
     if (!y) {
       console.error(`Unknown effect: ${v}`);
@@ -4745,13 +4747,13 @@ function wi() {
       const g = new Map(b), x = g.get(d) || [];
       return g.set(d, [...x, C]), g;
     });
-  }, []), o = T((d, v) => {
+  }, []), o = E((d, v) => {
     const y = n.current.get(d), m = y?.get(v);
     m && (m.dispose(), y?.delete(v)), t((h) => {
       const C = new Map(h), b = C.get(d) || [];
       return C.set(d, b.filter((g) => g.instanceId !== v)), C;
     });
-  }, []), i = T(
+  }, []), i = E(
     (d, v, y, m) => {
       const C = n.current.get(d)?.get(v);
       C && C.setParameter(y, m), t((b) => {
@@ -4765,7 +4767,7 @@ function wi() {
       });
     },
     []
-  ), l = T(
+  ), l = E(
     (d, v) => {
       const m = (u.current.get(d) || []).find((g) => g.instanceId === v);
       if (!m) return;
@@ -4785,7 +4787,7 @@ function wi() {
       });
     },
     []
-  ), c = T((d) => {
+  ), c = E((d) => {
     const v = n.current.get(d);
     v && (v.forEach((y) => y.dispose()), v.clear()), t((y) => {
       const m = new Map(y);
@@ -4793,7 +4795,7 @@ function wi() {
     });
   }, []), u = R(e);
   u.current = e;
-  const p = T(
+  const p = E(
     (d) => (v, y, m) => {
       r.current.set(d, {
         graphEnd: v,
@@ -4824,7 +4826,7 @@ function wi() {
       d.forEach((v) => v.dispose()), d.clear();
     }), n.current.clear();
   }, []);
-  const f = T(
+  const f = E(
     (d) => {
       const y = (e.get(d) || []).filter((m) => !m.bypassed);
       if (y.length !== 0)
@@ -4889,9 +4891,9 @@ function $s(e, t) {
   r.href = n, r.download = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
 }
 function Es() {
-  const [e, t] = z(!1), [n, r] = z(0), [a, s] = z(null);
+  const [e, t] = H(!1), [n, r] = H(0), [a, s] = H(null);
   return {
-    exportWav: T(async (i, l, c = {}) => {
+    exportWav: E(async (i, l, c = {}) => {
       const {
         filename: u = "export",
         mode: p = "master",
@@ -4911,16 +4913,16 @@ function Es() {
           throw new Error("Invalid track index for individual export");
         const b = i[0].clips[0]?.sampleRate || 44100;
         let g = 0;
-        for (const A of i)
-          for (const F of A.clips) {
+        for (const k of i)
+          for (const F of k.clips) {
             const B = F.startSample + F.durationSamples;
             g = Math.max(g, B);
           }
         g += Math.round(b * 0.1);
-        const x = g / b, S = p === "individual" ? [{ track: i[f], state: l[f], index: f }] : i.map((A, F) => ({ track: A, state: l[F], index: F })), M = l.some((A) => A.soloed), k = !!m;
-        let $;
-        if ((y || k) && v)
-          $ = await Ts(
+        const x = g / b, S = p === "individual" ? [{ track: i[f], state: l[f], index: f }] : i.map((k, F) => ({ track: k, state: l[F], index: F })), M = l.some((k) => k.soloed), I = !!m;
+        let T;
+        if ((y || I) && v)
+          T = await Ts(
             S,
             l,
             M,
@@ -4928,32 +4930,32 @@ function Es() {
             b,
             y,
             m,
-            (A) => {
-              r(A), C?.(A);
+            (k) => {
+              r(k), C?.(k);
             }
           );
         else {
-          const A = new OfflineAudioContext(2, g, b);
+          const k = new OfflineAudioContext(2, g, b);
           let F = 0;
-          const B = S.reduce((W, { track: K }) => W + K.clips.length, 0);
-          for (const { track: W, state: K } of S)
-            if (!(K.muted && !K.soloed) && !(M && !K.soloed))
-              for (const J of W.clips) {
-                await Ds(A, J, K, b, v), F++;
-                const G = F / B * 0.5;
-                r(G), C?.(G);
+          const B = S.reduce((W, { track: N }) => W + N.clips.length, 0);
+          for (const { track: W, state: N } of S)
+            if (!(N.muted && !N.soloed) && !(M && !N.soloed))
+              for (const Y of W.clips) {
+                await Ds(k, Y, N, b, v), F++;
+                const z = F / B * 0.5;
+                r(z), C?.(z);
               }
-          r(0.5), C?.(0.5), $ = await A.startRendering();
+          r(0.5), C?.(0.5), T = await k.startRendering();
         }
         r(0.9), C?.(0.9);
-        const I = Ms($, { bitDepth: h });
+        const A = Ms(T, { bitDepth: h });
         if (r(1), C?.(1), d) {
-          const A = p === "individual" ? `${u}_${i[f].name}` : u;
-          $s(I, `${A}.wav`);
+          const k = p === "individual" ? `${u}_${i[f].name}` : u;
+          $s(A, `${k}.wav`);
         }
         return {
-          audioBuffer: $,
-          blob: I,
+          audioBuffer: T,
+          blob: A,
           duration: x
         };
       } catch (b) {
@@ -4980,19 +4982,19 @@ async function Ts(e, t, n, r, a, s, o, i) {
         s ? C = s(h, m, !0) : h.connect(m);
         for (const { track: b, state: g } of e) {
           if (g.muted && !g.soloed || n && !g.soloed) continue;
-          const x = new c(_s(g.volume)), S = new p(g.pan), M = new u(g.muted ? 0 : 1), k = o?.(b.id);
-          k ? k(M, h, !0) : M.connect(h), S.connect(M), x.connect(S);
-          for (const $ of b.clips) {
-            const { audioBuffer: I, startSample: A, durationSamples: F, offsetSamples: B, gain: W, fadeIn: K, fadeOut: J } = $, G = A / a, j = F / a, H = B / a, Q = new d(I), ae = new f(Q), he = new u(W);
-            if (ae.connect(he), he.connect(x), K) {
-              const de = G, fe = G + K.duration, le = he.gain._param;
-              le.setValueAtTime(0, de), le.linearRampToValueAtTime(W, fe);
+          const x = new c(_s(g.volume)), S = new p(g.pan), M = new u(g.muted ? 0 : 1), I = o?.(b.id);
+          I ? I(M, h, !0) : M.connect(h), S.connect(M), x.connect(S);
+          for (const T of b.clips) {
+            const { audioBuffer: A, startSample: k, durationSamples: F, offsetSamples: B, gain: W, fadeIn: N, fadeOut: Y } = T, z = k / a, J = F / a, K = B / a, se = new d(A), Q = new f(se), ie = new u(W);
+            if (Q.connect(ie), ie.connect(x), N) {
+              const ue = z, he = z + N.duration, pe = ie.gain._param;
+              pe.setValueAtTime(0, ue), pe.linearRampToValueAtTime(W, he);
             }
-            if (J) {
-              const de = G + j - J.duration, fe = G + j, le = he.gain._param;
-              le.setValueAtTime(W, de), le.linearRampToValueAtTime(0, fe);
+            if (Y) {
+              const ue = z + J - Y.duration, he = z + J, pe = ie.gain._param;
+              pe.setValueAtTime(W, ue), pe.linearRampToValueAtTime(0, he);
             }
-            ae.start(G, H, j);
+            Q.start(z, K, J);
           }
         }
         y.start(0);
@@ -5084,7 +5086,7 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
   progressBarWidth: m,
   children: h
 }) => {
-  const C = m ?? v + y, b = Je(() => {
+  const C = m ?? v + y, b = Qe(() => {
     if (!c?.annotations) return [];
     if (process.env.NODE_ENV !== "production" && c.annotations.length > 0) {
       const D = c.annotations[0];
@@ -5096,55 +5098,55 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
     return c.annotations;
   }, [c?.annotations]), g = R(b);
   g.current = b;
-  const [x, S] = z(null), [M, k] = z(!1), [$, I] = z(0), [A, F] = z(0), [B, W] = z([]), [K, J] = z([]), [G, j] = z([]), [H, Q] = z(0), [ae, he] = z(0), [de, fe] = z(null), [le, Fe] = z(o), [ve, V] = z(c?.isContinuousPlay ?? !1), [me, N] = z(c?.linkEndpoints ?? !1), [q, ce] = z(c?.editable ?? !1), [ye, ne] = z(!1), [De, Re] = z(0), [je, et] = z(0), [ee, rt] = z(!1), Z = R(null), we = R(0), Ce = R(0), ge = R(null), ut = R(G), O = R(0), se = R(0), Ee = R(null), pe = R(null), Ge = R(!1), tt = R(c?.isContinuousPlay ?? !1), at = R(null), dt = R(a), ht = R(!1), Ht = R(0), P = R(0), L = R(0), te = R(0), { timeFormat: ke, setTimeFormat: xe, formatTime: We } = gs(), Ze = vs({ initialSamplesPerPixel: a, zoomLevels: s }), Pe = Ze.samplesPerPixel, { masterVolume: oe, setMasterVolume: Ie } = ys({ playoutRef: Z, initialVolume: 1 }), ot = T((D) => {
-    tt.current = D, V(D);
-  }, []), qe = T((D) => {
+  const [x, S] = H(null), [M, I] = H(!1), [T, A] = H(0), [k, F] = H(0), [B, W] = H([]), [N, Y] = H([]), [z, J] = H([]), [K, se] = H(0), [Q, ie] = H(0), [ue, he] = H(null), [pe, De] = H(o), [de, V] = H(c?.isContinuousPlay ?? !1), [fe, U] = H(c?.linkEndpoints ?? !1), [q, ce] = H(c?.editable ?? !1), [ve, ee] = H(!1), [Ze, Ue] = H(0), [tt, je] = H(0), [te, qe] = H(!1), Z = R(null), be = R(0), ye = R(0), we = R(null), ut = R(z), O = R(0), oe = R(0), Ee = R(null), ge = R(null), Oe = R(!1), nt = R(c?.isContinuousPlay ?? !1), at = R(null), dt = R(a), ht = R(!1), Ht = R(0), P = R(0), L = R(0), ne = R(0), { timeFormat: ke, setTimeFormat: xe, formatTime: Fe } = gs(), Re = vs({ initialSamplesPerPixel: a, zoomLevels: s }), We = Re.samplesPerPixel, { masterVolume: ae, setMasterVolume: Ie } = ys({ playoutRef: Z, initialVolume: 1 }), ot = E((D) => {
+    nt.current = D, V(D);
+  }, []), Je = E((D) => {
     at.current = D, S(D);
-  }, []), pt = T((D) => {
-    ht.current = D, ne(D);
-  }, []), Ne = T((D, X) => {
-    L.current = D, te.current = X, Re(D), et(X);
-  }, []), st = T(() => {
+  }, []), pt = E((D) => {
+    ht.current = D, ee(D);
+  }, []), Ge = E((D, X) => {
+    L.current = D, ne.current = X, Ue(D), je(X);
+  }, []), st = E(() => {
     const D = Ht.current, X = P.current;
-    D !== X && X > D && Ne(D, X);
-  }, [Ne]), wt = T(() => {
-    Ne(0, 0);
-  }, [Ne]);
+    D !== X && X > D && Ge(D, X);
+  }, [Ge]), wt = E(() => {
+    Ge(0, 0);
+  }, [Ge]);
   re(() => {
-    Ge.current = le;
-  }, [le]), re(() => {
-    ut.current = G;
-  }, [G]), re(() => {
-    Ht.current = H, P.current = ae;
-  }, [H, ae]), re(() => {
-    if (!pe.current || !B.length) return;
-    const D = pe.current, X = dt.current, U = Pe;
-    if (X === U) return;
-    const ue = l.show ? l.width : 0, Y = D.clientWidth, Me = D.scrollLeft + Y / 2 - ue, lt = B[0].sampleRate, $e = Me * X / lt * lt / U, He = Math.max(0, $e + ue - Y / 2);
-    D.scrollLeft = He, dt.current = U;
-  }, [Pe, B, l]);
+    Oe.current = pe;
+  }, [pe]), re(() => {
+    ut.current = z;
+  }, [z]), re(() => {
+    Ht.current = K, P.current = Q;
+  }, [K, Q]), re(() => {
+    if (!ge.current || !B.length) return;
+    const D = ge.current, X = dt.current, j = We;
+    if (X === j) return;
+    const me = l.show ? l.width : 0, G = D.clientWidth, Me = D.scrollLeft + G / 2 - me, lt = B[0].sampleRate, $e = Me * X / lt * lt / j, Ve = Math.max(0, $e + me - G / 2);
+    D.scrollLeft = Ve, dt.current = j;
+  }, [We, B, l]);
   const it = R(null);
   re(() => {
-    if (rt(!1), e.length === 0) {
-      W([]), F(0), j([]), J([]), Z.current && (Z.current.dispose(), Z.current = null);
+    if (qe(!1), e.length === 0) {
+      W([]), F(0), J([]), Y([]), Z.current && (Z.current.dispose(), Z.current = null);
       return;
     }
-    const D = M, X = Ce.current;
-    return Z.current && D && (Z.current.stop(), ge.current && (cancelAnimationFrame(ge.current), ge.current = null), it.current = { position: X }), (async () => {
+    const D = M, X = ye.current;
+    return Z.current && D && (Z.current.stop(), we.current && (cancelAnimationFrame(we.current), we.current = null), it.current = { position: X }), (async () => {
       try {
-        const ue = [];
+        const me = [];
         e.forEach((Ae) => {
-          Ae.clips.length > 0 && Ae.clips[0].audioBuffer && ue.push(Ae.clips[0].audioBuffer);
+          Ae.clips.length > 0 && Ae.clips[0].audioBuffer && me.push(Ae.clips[0].audioBuffer);
         });
-        let Y = 0;
+        let G = 0;
         e.forEach((Ae) => {
           Ae.clips.forEach(($e) => {
-            const He = $e.sampleRate, Mt = ($e.startSample + $e.durationSamples) / He;
-            Y = Math.max(Y, Mt);
+            const Ve = $e.sampleRate, Mt = ($e.startSample + $e.durationSamples) / Ve;
+            G = Math.max(G, Mt);
           });
-        }), W(ue), F(Y), j((Ae) => Ae.length === e.length ? Ae.map(($e, He) => ({
+        }), W(me), F(G), J((Ae) => Ae.length === e.length ? Ae.map(($e, Ve) => ({
           ...$e,
-          name: e[He].name
+          name: e[Ve].name
         })) : e.map(($e) => ({
           name: $e.name,
           muted: $e.muted,
@@ -5156,9 +5158,9 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
           effects: u
         }), Me = ut.current;
         e.forEach((Ae, $e) => {
-          const He = Ae.clips.filter((mt) => mt.audioBuffer);
-          if (He.length > 0) {
-            const mt = He[0].sampleRate, Mt = Math.min(...He.map((ze) => ze.startSample / mt)), Wr = Math.max(...He.map((ze) => (ze.startSample + ze.durationSamples) / mt)), $t = Me[$e], Zr = {
+          const Ve = Ae.clips.filter((mt) => mt.audioBuffer);
+          if (Ve.length > 0) {
+            const mt = Ve[0].sampleRate, Mt = Math.min(...Ve.map((He) => He.startSample / mt)), Wr = Math.max(...Ve.map((He) => (He.startSample + He.durationSamples) / mt)), $t = Me[$e], Zr = {
               id: `track-${$e}`,
               // Use consistent index-based ID for track controls
               name: Ae.name,
@@ -5168,18 +5170,18 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
               stereoPan: $t?.pan ?? Ae.pan,
               startTime: Mt,
               endTime: Wr
-            }, Pr = He.map((ze) => {
-              const Lt = ze.sampleRate;
+            }, Pr = Ve.map((He) => {
+              const Lt = He.sampleRate;
               return {
-                buffer: ze.audioBuffer,
+                buffer: He.audioBuffer,
                 // We filtered for audioBuffer above
-                startTime: ze.startSample / Lt - Mt,
+                startTime: He.startSample / Lt - Mt,
                 // Make relative to track start
-                duration: ze.durationSamples / Lt,
-                offset: ze.offsetSamples / Lt,
-                fadeIn: ze.fadeIn,
-                fadeOut: ze.fadeOut,
-                gain: ze.gain
+                duration: He.durationSamples / Lt,
+                offset: He.offsetSamples / Lt,
+                fadeIn: He.fadeIn,
+                fadeOut: He.fadeOut,
+                gain: He.gain
               };
             });
             Te.addTrack({
@@ -5189,199 +5191,199 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
               // Pass track effects
             });
           }
-        }), Te.applyInitialSoloState(), Z.current = Te, rt(!0);
+        }), Te.applyInitialSoloState(), Z.current = Te, qe(!0);
         const lt = new CustomEvent("waveform-playlist:ready", {
           detail: {
             trackCount: e.length,
-            duration: Y
+            duration: G
           }
         });
         window.dispatchEvent(lt), p?.();
-      } catch (ue) {
-        console.error("Error loading audio:", ue);
+      } catch (me) {
+        console.error("Error loading audio:", me);
       }
     })(), () => {
-      ge.current && cancelAnimationFrame(ge.current), Z.current && Z.current.dispose();
+      we.current && cancelAnimationFrame(we.current), Z.current && Z.current.dispose();
     };
   }, [e, p, M]), re(() => {
     if (e.length === 0) return;
-    const D = 16, X = e.map((U) => U.clips.map((Y) => {
-      if (Y.waveformData) {
+    const D = 16, X = e.map((j) => j.clips.map((G) => {
+      if (G.waveformData) {
         const Me = cr(
-          Y.waveformData,
+          G.waveformData,
           // Cast to WaveformData type
-          Pe,
+          We,
           0,
           // channel index
-          Y.offsetSamples,
-          Y.durationSamples
+          G.offsetSamples,
+          G.durationSamples
         );
         return {
-          clipId: Y.id,
-          trackName: U.name,
+          clipId: G.id,
+          trackName: j.name,
           peaks: {
             length: Me.length,
             data: [Me.data],
             // Wrap in array for channel compatibility
             bits: Me.bits
           },
-          startSample: Y.startSample,
-          durationSamples: Y.durationSamples,
-          fadeIn: Y.fadeIn,
-          fadeOut: Y.fadeOut
+          startSample: G.startSample,
+          durationSamples: G.durationSamples,
+          fadeIn: G.fadeIn,
+          fadeOut: G.fadeOut
         };
       }
-      if (!Y.audioBuffer)
-        return console.warn(`Clip "${Y.name || Y.id}" has neither waveformData nor audioBuffer - rendering empty`), {
-          clipId: Y.id,
-          trackName: U.name,
+      if (!G.audioBuffer)
+        return console.warn(`Clip "${G.name || G.id}" has neither waveformData nor audioBuffer - rendering empty`), {
+          clipId: G.id,
+          trackName: j.name,
           peaks: {
             length: 0,
             data: [],
             bits: D
           },
-          startSample: Y.startSample,
-          durationSamples: Y.durationSamples,
-          fadeIn: Y.fadeIn,
-          fadeOut: Y.fadeOut
+          startSample: G.startSample,
+          durationSamples: G.durationSamples,
+          fadeIn: G.fadeIn,
+          fadeOut: G.fadeOut
         };
       const Te = Jo(
-        Y.audioBuffer,
-        Pe,
+        G.audioBuffer,
+        We,
         n,
         D,
-        Y.offsetSamples,
-        Y.durationSamples
+        G.offsetSamples,
+        G.durationSamples
       );
       return {
-        clipId: Y.id,
-        trackName: U.name,
+        clipId: G.id,
+        trackName: j.name,
         peaks: Te,
-        startSample: Y.startSample,
-        durationSamples: Y.durationSamples,
-        fadeIn: Y.fadeIn,
-        fadeOut: Y.fadeOut
+        startSample: G.startSample,
+        durationSamples: G.durationSamples,
+        fadeIn: G.fadeIn,
+        fadeOut: G.fadeOut
       };
     }));
-    J(X);
-  }, [e, Pe, n]);
-  const nt = T(() => {
-    ge.current && (cancelAnimationFrame(ge.current), ge.current = null);
+    Y(X);
+  }, [e, We, n]);
+  const rt = E(() => {
+    we.current && (cancelAnimationFrame(we.current), we.current = null);
     const D = () => {
-      const X = Le().currentTime - O.current, U = se.current + X;
-      Ce.current = U, I(U);
-      const ue = g.current;
-      if (ue.length > 0) {
-        const Te = ue.find(
-          (Me) => U >= Me.start && U < Me.end
+      const X = ze().currentTime - O.current, j = oe.current + X;
+      ye.current = j, A(j);
+      const me = g.current;
+      if (me.length > 0) {
+        const Te = me.find(
+          (Me) => j >= Me.start && j < Me.end
         );
-        if (tt.current)
-          Te && Te.id !== at.current ? qe(Te.id) : !Te && at.current !== null && qe(null);
+        if (nt.current)
+          Te && Te.id !== at.current ? Je(Te.id) : !Te && at.current !== null && Je(null);
         else if (at.current) {
-          const Me = ue.find((lt) => lt.id === at.current);
-          if (Me && U >= Me.end) {
-            Z.current && Z.current.stop(), k(!1), Ce.current = we.current, I(we.current);
+          const Me = me.find((lt) => lt.id === at.current);
+          if (Me && j >= Me.end) {
+            Z.current && Z.current.stop(), I(!1), ye.current = be.current, A(be.current);
             return;
           }
         } else
-          Te && qe(Te.id);
+          Te && Je(Te.id);
       }
-      if (Ge.current && pe.current && B.length > 0) {
-        const Te = pe.current, Me = B[0].sampleRate, lt = U * Me / dt.current, Ae = Te.clientWidth, $e = l.show ? l.width : 0, He = lt + $e, mt = Math.max(0, He - Ae / 2);
+      if (Oe.current && ge.current && B.length > 0) {
+        const Te = ge.current, Me = B[0].sampleRate, lt = j * Me / dt.current, Ae = Te.clientWidth, $e = l.show ? l.width : 0, Ve = lt + $e, mt = Math.max(0, Ve - Ae / 2);
         Te.scrollLeft = mt;
       }
-      if (Ee.current !== null && U >= Ee.current) {
-        Z.current && Z.current.stop(), k(!1), Ce.current = Ee.current, I(Ee.current), Ee.current = null;
+      if (Ee.current !== null && j >= Ee.current) {
+        Z.current && Z.current.stop(), I(!1), ye.current = Ee.current, A(Ee.current), Ee.current = null;
         return;
       }
-      const Y = L.current !== te.current && te.current > L.current;
-      if (ht.current && Y && U >= te.current) {
+      const G = L.current !== ne.current && ne.current > L.current;
+      if (ht.current && G && j >= ne.current) {
         Z.current?.stop();
-        const Me = Le().currentTime;
-        O.current = Me, se.current = L.current, Ce.current = L.current, Z.current?.play(Me, L.current), ge.current = requestAnimationFrame(D);
+        const Me = ze().currentTime;
+        O.current = Me, oe.current = L.current, ye.current = L.current, Z.current?.play(Me, L.current), we.current = requestAnimationFrame(D);
         return;
       }
-      if (U >= A) {
-        Z.current && Z.current.stop(), k(!1), Ce.current = we.current, I(we.current), qe(null);
+      if (j >= k) {
+        Z.current && Z.current.stop(), I(!1), ye.current = be.current, A(be.current), Je(null);
         return;
       }
-      ge.current = requestAnimationFrame(D);
+      we.current = requestAnimationFrame(D);
     };
-    ge.current = requestAnimationFrame(D);
-  }, [A, B, Pe, ve]), Ve = T(() => {
-    ge.current && (cancelAnimationFrame(ge.current), ge.current = null);
+    we.current = requestAnimationFrame(D);
+  }, [k, B, We, de]), Pe = E(() => {
+    we.current && (cancelAnimationFrame(we.current), we.current = null);
   }, []);
   re(() => {
     (async () => {
-      if (M && ge.current && Z.current)
-        if (ve) {
-          const X = Ce.current;
-          Z.current.stop(), Ve(), await Z.current.init(), Z.current.setOnPlaybackComplete(() => {
+      if (M && we.current && Z.current)
+        if (de) {
+          const X = ye.current;
+          Z.current.stop(), Pe(), await Z.current.init(), Z.current.setOnPlaybackComplete(() => {
           });
-          const ue = Le().currentTime;
-          O.current = ue, se.current = X, Z.current.play(ue, X), nt();
+          const me = ze().currentTime;
+          O.current = me, oe.current = X, Z.current.play(me, X), rt();
         } else
-          Ve(), nt();
+          Pe(), rt();
     })();
-  }, [ve, M, nt, Ve]), re(() => {
+  }, [de, M, rt, Pe]), re(() => {
     (async () => {
       if (it.current && Z.current) {
         const { position: X } = it.current;
         it.current = null, await Z.current.init(), Z.current.setOnPlaybackComplete(() => {
         });
-        const ue = Le().currentTime;
-        O.current = ue, se.current = X, Z.current.play(ue, X), k(!0), nt();
+        const me = ze().currentTime;
+        O.current = me, oe.current = X, Z.current.play(me, X), I(!0), rt();
       }
     })();
-  }, [e, nt]);
-  const Ct = T(async (D, X) => {
+  }, [e, rt]);
+  const Ct = E(async (D, X) => {
     if (!Z.current || B.length === 0) return;
     await Z.current.init();
-    const U = D ?? Ce.current;
-    we.current = U, Ce.current = U, Z.current.setOnPlaybackComplete(() => {
-    }), Z.current.stop(), Ve();
-    const Y = Le().currentTime;
-    O.current = Y, se.current = U, Ee.current = X !== void 0 ? U + X : null, Z.current.play(Y, U, X), k(!0), nt();
-  }, [B.length, nt, Ve]), xr = T(() => {
+    const j = D ?? ye.current;
+    be.current = j, ye.current = j, Z.current.setOnPlaybackComplete(() => {
+    }), Z.current.stop(), Pe();
+    const G = ze().currentTime;
+    O.current = G, oe.current = j, Ee.current = X !== void 0 ? j + X : null, Z.current.play(G, j, X), I(!0), rt();
+  }, [B.length, rt, Pe]), xr = E(() => {
     if (!Z.current) return;
-    const D = Le().currentTime - O.current, X = se.current + D;
-    Z.current.pause(), k(!1), Ve(), Ce.current = X, I(X);
-  }, [Ve]), Sr = T(() => {
-    Z.current && (Z.current.stop(), k(!1), Ve(), Ce.current = we.current, I(we.current), qe(null));
-  }, [Ve]), kr = T((D) => {
-    const X = Math.max(0, Math.min(D, A));
-    Ce.current = X, I(X), M && Z.current && (Z.current.stop(), Ve(), Ct(X));
-  }, [A, M, Ct, Ve]), Ar = T((D, X) => {
-    const U = [...G];
-    if (U[D] = { ...U[D], muted: X }, j(U), Z.current) {
-      const ue = `track-${D}`;
-      Z.current.setMute(ue, X);
+    const D = ze().currentTime - O.current, X = oe.current + D;
+    Z.current.pause(), I(!1), Pe(), ye.current = X, A(X);
+  }, [Pe]), Sr = E(() => {
+    Z.current && (Z.current.stop(), I(!1), Pe(), ye.current = be.current, A(be.current), Je(null));
+  }, [Pe]), kr = E((D) => {
+    const X = Math.max(0, Math.min(D, k));
+    ye.current = X, A(X), M && Z.current && (Z.current.stop(), Pe(), Ct(X));
+  }, [k, M, Ct, Pe]), Ar = E((D, X) => {
+    const j = [...z];
+    if (j[D] = { ...j[D], muted: X }, J(j), Z.current) {
+      const me = `track-${D}`;
+      Z.current.setMute(me, X);
     }
-  }, [G]), Ir = T((D, X) => {
-    const U = [...G];
-    if (U[D] = { ...U[D], soloed: X }, j(U), Z.current) {
-      const ue = `track-${D}`;
-      Z.current.setSolo(ue, X);
+  }, [z]), Ir = E((D, X) => {
+    const j = [...z];
+    if (j[D] = { ...j[D], soloed: X }, J(j), Z.current) {
+      const me = `track-${D}`;
+      Z.current.setSolo(me, X);
     }
-  }, [G]), Mr = T((D, X) => {
-    const U = [...G];
-    if (U[D] = { ...U[D], volume: X }, j(U), Z.current) {
-      const ue = `track-${D}`, Y = Z.current.getTrack(ue);
-      Y && Y.setVolume(X);
+  }, [z]), Mr = E((D, X) => {
+    const j = [...z];
+    if (j[D] = { ...j[D], volume: X }, J(j), Z.current) {
+      const me = `track-${D}`, G = Z.current.getTrack(me);
+      G && G.setVolume(X);
     }
-  }, [G]), $r = T((D, X) => {
-    const U = [...G];
-    if (U[D] = { ...U[D], pan: X }, j(U), Z.current) {
-      const ue = `track-${D}`, Y = Z.current.getTrack(ue);
-      Y && Y.setPan(X);
+  }, [z]), $r = E((D, X) => {
+    const j = [...z];
+    if (j[D] = { ...j[D], pan: X }, J(j), Z.current) {
+      const me = `track-${D}`, G = Z.current.getTrack(me);
+      G && G.setPan(X);
     }
-  }, [G]), Er = T((D, X) => {
-    Q(D), he(X), Ce.current = D, I(D), M && Z.current && (Z.current.stop(), Z.current.play(Le().currentTime, D));
-  }, [M]), Tr = T((D) => {
-    pe.current = D;
+  }, [z]), Er = E((D, X) => {
+    se(D), ie(X), ye.current = D, A(D), M && Z.current && (Z.current.stop(), Z.current.play(ze().currentTime, D));
+  }, [M]), Tr = E((D) => {
+    ge.current = D;
   }, []), zt = R(d);
   zt.current = d;
-  const _r = T(
+  const _r = E(
     (D) => {
       const X = typeof D == "function" ? D(g.current) : D;
       if (!zt.current) {
@@ -5395,23 +5397,23 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
     []
   ), Dr = B[0]?.sampleRate || 44100, ln = t ? 30 : 0, Br = e.length * r + ln, cn = {
     isPlaying: M,
-    currentTime: $,
-    currentTimeRef: Ce,
+    currentTime: T,
+    currentTimeRef: ye,
     playbackStartTimeRef: O,
-    audioStartPositionRef: se
+    audioStartPositionRef: oe
   }, un = {
-    continuousPlay: ve,
-    linkEndpoints: me,
+    continuousPlay: de,
+    linkEndpoints: fe,
     annotationsEditable: q,
-    isAutomaticScroll: le,
-    isLoopEnabled: ye,
+    isAutomaticScroll: pe,
+    isLoopEnabled: ve,
     annotations: b,
     activeAnnotationId: x,
-    selectionStart: H,
-    selectionEnd: ae,
-    selectedTrackId: de,
-    loopStart: De,
-    loopEnd: je
+    selectionStart: K,
+    selectionEnd: Q,
+    selectedTrackId: ue,
+    loopStart: Ze,
+    loopEnd: tt
   }, dn = {
     // Playback controls
     play: Ct,
@@ -5419,7 +5421,7 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
     stop: Sr,
     seekTo: kr,
     setCurrentTime: (D) => {
-      Ce.current = D, I(D);
+      ye.current = D, A(D);
     },
     // Track controls
     setTrackMute: Ar,
@@ -5428,37 +5430,37 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
     setTrackPan: $r,
     // Selection
     setSelection: Er,
-    setSelectedTrackId: fe,
+    setSelectedTrackId: he,
     // Time format
     setTimeFormat: xe,
-    formatTime: We,
+    formatTime: Fe,
     // Zoom
-    zoomIn: Ze.zoomIn,
-    zoomOut: Ze.zoomOut,
+    zoomIn: Re.zoomIn,
+    zoomOut: Re.zoomOut,
     // Master volume
     setMasterVolume: Ie,
     // Automatic scroll
     setAutomaticScroll: (D) => {
-      Fe(D);
+      De(D);
     },
     setScrollContainer: Tr,
-    scrollContainerRef: pe,
+    scrollContainerRef: ge,
     // Annotation controls
     setContinuousPlay: ot,
-    setLinkEndpoints: N,
+    setLinkEndpoints: U,
     setAnnotationsEditable: ce,
     setAnnotations: _r,
-    setActiveAnnotationId: qe,
+    setActiveAnnotationId: Je,
     // Loop controls
     setLoopEnabled: pt,
-    setLoopRegion: Ne,
+    setLoopRegion: Ge,
     setLoopRegionFromSelection: st,
     clearLoopRegion: wt
   }, mn = {
-    duration: A,
+    duration: k,
     audioBuffers: B,
-    peaksDataArray: K,
-    trackStates: G,
+    peaksDataArray: N,
+    trackStates: z,
     tracks: e,
     sampleRate: Dr,
     waveHeight: r,
@@ -5466,15 +5468,15 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
     minimumPlaylistHeight: Br,
     controls: l,
     playoutRef: Z,
-    samplesPerPixel: Pe,
+    samplesPerPixel: We,
     timeFormat: ke,
-    masterVolume: oe,
-    canZoomIn: Ze.canZoomIn,
-    canZoomOut: Ze.canZoomOut,
+    masterVolume: ae,
+    canZoomIn: Re.canZoomIn,
+    canZoomOut: Re.canZoomOut,
     barWidth: v,
     barGap: y,
     progressBarWidth: C,
-    isReady: ee,
+    isReady: te,
     mono: n
   }, Fr = {
     ...cn,
@@ -5483,17 +5485,17 @@ const mr = _e(null), fr = _e(null), hr = _e(null), pr = _e(null), gr = _e(null),
     ...mn
   }, Rr = { ...Un, ...i };
   return /* @__PURE__ */ w(Pn, { theme: Rr, children: /* @__PURE__ */ w(mr.Provider, { value: cn, children: /* @__PURE__ */ w(fr.Provider, { value: un, children: /* @__PURE__ */ w(hr.Provider, { value: dn, children: /* @__PURE__ */ w(pr.Provider, { value: mn, children: /* @__PURE__ */ w(gr.Provider, { value: Fr, children: h }) }) }) }) }) });
-}, Xe = () => {
+}, Le = () => {
   const e = Se(mr);
   if (!e)
     throw new Error("usePlaybackAnimation must be used within WaveformPlaylistProvider");
   return e;
-}, Oe = () => {
+}, Xe = () => {
   const e = Se(fr);
   if (!e)
     throw new Error("usePlaylistState must be used within WaveformPlaylistProvider");
   return e;
-}, be = () => {
+}, Ce = () => {
   const e = Se(hr);
   if (!e)
     throw new Error("usePlaylistControls must be used within WaveformPlaylistProvider");
@@ -5767,7 +5769,7 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
   onReady: d,
   children: v
 }) => {
-  const y = p ?? c + u, [m, h] = z(!1), [C, b] = z(0), [g, x] = z(0), [S, M] = z([]), [k, $] = z(a), I = Je(() => {
+  const y = p ?? c + u, [m, h] = H(!1), [C, b] = H(0), [g, x] = H(0), [S, M] = H([]), [I, T] = H(a), A = Qe(() => {
     if (!l?.annotations) return [];
     if (process.env.NODE_ENV !== "production" && l.annotations.length > 0) {
       const O = l.annotations[0];
@@ -5777,23 +5779,23 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
         ), [];
     }
     return l.annotations;
-  }, [l?.annotations]), A = R(I);
-  A.current = I;
-  const [F, B] = z(null), [W, K] = z(
+  }, [l?.annotations]), k = R(A);
+  k.current = A;
+  const [F, B] = H(null), [W, N] = H(
     l?.isContinuousPlay ?? !1
-  ), [J] = z(t), [G, j] = z(s), H = R(null), Q = R(0), ae = R(null), he = R(W), de = R(null), fe = R(null), le = R(s), Fe = R(t);
+  ), [Y] = H(t), [z, J] = H(s), K = R(null), se = R(0), Q = R(null), ie = R(W), ue = R(null), he = R(null), pe = R(s), De = R(t);
   re(() => {
-    he.current = W;
+    ie.current = W;
   }, [W]), re(() => {
-    le.current = G;
-  }, [G]);
-  const ve = T((O) => {
-    de.current = O, B(O);
-  }, []), V = T((O) => {
-    he.current = O, K(O);
-  }, []), me = T((O) => {
-    fe.current = O;
-  }, []), N = e.waveformData.sample_rate;
+    pe.current = z;
+  }, [z]);
+  const de = E((O) => {
+    ue.current = O, B(O);
+  }, []), V = E((O) => {
+    ie.current = O, N(O);
+  }, []), fe = E((O) => {
+    he.current = O;
+  }, []), U = e.waveformData.sample_rate;
   re(() => {
     const O = new Fs({
       playbackRate: a
@@ -5803,25 +5805,25 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
       peaks: e.waveformData,
       name: e.name
     });
-    const se = O.getTrack(O.track?.id ?? "");
-    return se && se.setOnTimeUpdateCallback((Ee) => {
-      Q.current = Ee;
+    const oe = O.getTrack(O.track?.id ?? "");
+    return oe && oe.setOnTimeUpdateCallback((Ee) => {
+      se.current = Ee;
     }), O.setOnPlaybackComplete(() => {
-      ae.current && (cancelAnimationFrame(ae.current), ae.current = null), h(!1), ve(null), Q.current = 0, b(0);
-    }), H.current = O, x(e.waveformData.duration), d?.(), () => {
-      ae.current && cancelAnimationFrame(ae.current), O.dispose();
+      Q.current && (cancelAnimationFrame(Q.current), Q.current = null), h(!1), de(null), se.current = 0, b(0);
+    }), K.current = O, x(e.waveformData.duration), d?.(), () => {
+      Q.current && cancelAnimationFrame(Q.current), O.dispose();
     };
   }, [e.source, e.waveformData, e.name, a, d]), re(() => {
     const O = cr(
       e.waveformData,
-      J,
+      Y,
       0,
       // channel index
       0,
       // offset
-      Math.ceil(e.waveformData.duration * N)
+      Math.ceil(e.waveformData.duration * U)
       // duration in samples
-    ), se = {
+    ), oe = {
       clipId: "media-element-clip",
       trackName: e.name ?? "Track",
       peaks: {
@@ -5830,117 +5832,117 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
         bits: O.bits
       },
       startSample: 0,
-      durationSamples: Math.ceil(e.waveformData.duration * N)
+      durationSamples: Math.ceil(e.waveformData.duration * U)
     };
-    M([[se]]);
-  }, [e.waveformData, e.name, J, N]);
-  const q = T(() => {
-    ae.current && cancelAnimationFrame(ae.current);
+    M([[oe]]);
+  }, [e.waveformData, e.name, Y, U]);
+  const q = E(() => {
+    Q.current && cancelAnimationFrame(Q.current);
     const O = () => {
-      const se = H.current?.getCurrentTime() ?? 0;
-      Q.current = se, b(se);
-      const Ee = A.current;
+      const oe = K.current?.getCurrentTime() ?? 0;
+      se.current = oe, b(oe);
+      const Ee = k.current;
       if (Ee.length > 0) {
-        const pe = Ee.find(
-          (Ge) => se >= Ge.start && se < Ge.end
+        const ge = Ee.find(
+          (Oe) => oe >= Oe.start && oe < Oe.end
         );
-        if (he.current)
-          pe && pe.id !== de.current ? ve(pe.id) : !pe && de.current !== null && ve(null);
-        else if (de.current) {
-          const Ge = Ee.find(
-            (tt) => tt.id === de.current
+        if (ie.current)
+          ge && ge.id !== ue.current ? de(ge.id) : !ge && ue.current !== null && de(null);
+        else if (ue.current) {
+          const Oe = Ee.find(
+            (nt) => nt.id === ue.current
           );
-          if (Ge && se >= Ge.end) {
-            H.current?.stop(), h(!1);
+          if (Oe && oe >= Oe.end) {
+            K.current?.stop(), h(!1);
             return;
           }
-        } else pe && ve(pe.id);
+        } else ge && de(ge.id);
       }
-      if (le.current && fe.current) {
-        const pe = fe.current, Ge = se * N / Fe.current, tt = pe.clientWidth, at = i.show ? i.width : 0, dt = Ge + at, ht = Math.max(0, dt - tt / 2);
-        pe.scrollLeft = ht;
+      if (pe.current && he.current) {
+        const ge = he.current, Oe = oe * U / De.current, nt = ge.clientWidth, at = i.show ? i.width : 0, dt = Oe + at, ht = Math.max(0, dt - nt / 2);
+        ge.scrollLeft = ht;
       }
-      ae.current = requestAnimationFrame(O);
+      Q.current = requestAnimationFrame(O);
     };
-    ae.current = requestAnimationFrame(O);
-  }, [ve, N, i]), ce = T(() => {
-    ae.current && (cancelAnimationFrame(ae.current), ae.current = null);
-  }, []), ye = T(
+    Q.current = requestAnimationFrame(O);
+  }, [de, U, i]), ce = E(() => {
+    Q.current && (cancelAnimationFrame(Q.current), Q.current = null);
+  }, []), ve = E(
     (O) => {
-      if (!H.current) return;
-      const se = O ?? Q.current;
-      H.current.play(void 0, se), h(!0), q();
+      if (!K.current) return;
+      const oe = O ?? se.current;
+      K.current.play(void 0, oe), h(!0), q();
     },
     [q]
-  ), ne = T(() => {
-    H.current && (H.current.pause(), h(!1), ce(), b(H.current.getCurrentTime()));
-  }, [ce]), De = T(() => {
-    H.current && (H.current.stop(), h(!1), ce(), Q.current = 0, b(0), ve(null));
-  }, [ce, ve]), Re = T(
+  ), ee = E(() => {
+    K.current && (K.current.pause(), h(!1), ce(), b(K.current.getCurrentTime()));
+  }, [ce]), Ze = E(() => {
+    K.current && (K.current.stop(), h(!1), ce(), se.current = 0, b(0), de(null));
+  }, [ce, de]), Ue = E(
     (O) => {
-      const se = Math.max(0, Math.min(O, g));
-      Q.current = se, b(se), H.current && H.current.seekTo(se);
+      const oe = Math.max(0, Math.min(O, g));
+      se.current = oe, b(oe), K.current && K.current.seekTo(oe);
     },
     [g]
-  ), je = T((O) => {
-    const se = Math.max(0.5, Math.min(2, O));
-    $(se), H.current && H.current.setPlaybackRate(se);
-  }, []), et = r ? 30 : 0, ee = Je(
+  ), tt = E((O) => {
+    const oe = Math.max(0.5, Math.min(2, O));
+    T(oe), K.current && K.current.setPlaybackRate(oe);
+  }, []), je = r ? 30 : 0, te = Qe(
     () => ({
       isPlaying: m,
       currentTime: C,
-      currentTimeRef: Q
+      currentTimeRef: se
     }),
     [m, C]
-  ), rt = Je(
+  ), qe = Qe(
     () => ({
       continuousPlay: W,
-      annotations: I,
+      annotations: A,
       activeAnnotationId: F,
-      playbackRate: k,
-      isAutomaticScroll: G
+      playbackRate: I,
+      isAutomaticScroll: z
     }),
-    [W, I, F, k, G]
+    [W, A, F, I, z]
   ), Z = R(f);
   Z.current = f;
-  const we = T(
+  const be = E(
     (O) => {
-      const se = typeof O == "function" ? O(A.current) : O;
+      const oe = typeof O == "function" ? O(k.current) : O;
       if (!Z.current) {
         process.env.NODE_ENV !== "production" && console.warn(
           "waveform-playlist: setAnnotations was called but no onAnnotationsChange callback is provided. Annotation edits will not persist. Pass onAnnotationsChange to MediaElementPlaylistProvider to handle annotation updates."
         );
         return;
       }
-      Z.current(se);
+      Z.current(oe);
     },
     []
-  ), Ce = Je(
+  ), ye = Qe(
     () => ({
-      play: ye,
-      pause: ne,
-      stop: De,
-      seekTo: Re,
-      setPlaybackRate: je,
+      play: ve,
+      pause: ee,
+      stop: Ze,
+      seekTo: Ue,
+      setPlaybackRate: tt,
       setContinuousPlay: V,
-      setAnnotations: we,
-      setActiveAnnotationId: ve,
+      setAnnotations: be,
+      setActiveAnnotationId: de,
       setAutomaticScroll: (O) => {
-        j(O);
+        J(O);
       },
-      setScrollContainer: me,
-      scrollContainerRef: fe
+      setScrollContainer: fe,
+      scrollContainerRef: he
     }),
-    [ye, ne, De, Re, je, V, we, ve, me]
-  ), ge = Je(
+    [ve, ee, Ze, Ue, tt, V, be, de, fe]
+  ), we = Qe(
     () => ({
       duration: g,
       peaksDataArray: S,
-      sampleRate: N,
+      sampleRate: U,
       waveHeight: n,
-      timeScaleHeight: et,
-      samplesPerPixel: J,
-      playoutRef: H,
+      timeScaleHeight: je,
+      samplesPerPixel: Y,
+      playoutRef: K,
       controls: i,
       barWidth: c,
       barGap: u,
@@ -5949,17 +5951,17 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
     [
       g,
       S,
-      N,
+      U,
       n,
-      et,
-      J,
+      je,
+      Y,
       i,
       c,
       u,
       y
     ]
   ), ut = { ...Un, ...o };
-  return /* @__PURE__ */ w(Pn, { theme: ut, children: /* @__PURE__ */ w(br.Provider, { value: ee, children: /* @__PURE__ */ w(vr.Provider, { value: rt, children: /* @__PURE__ */ w(yr.Provider, { value: Ce, children: /* @__PURE__ */ w(wr.Provider, { value: ge, children: v }) }) }) }) });
+  return /* @__PURE__ */ w(Pn, { theme: ut, children: /* @__PURE__ */ w(br.Provider, { value: te, children: /* @__PURE__ */ w(vr.Provider, { value: qe, children: /* @__PURE__ */ w(yr.Provider, { value: ye, children: /* @__PURE__ */ w(wr.Provider, { value: we, children: v }) }) }) }) });
 }, rn = () => {
   const e = Se(br);
   if (!e)
@@ -5989,8 +5991,8 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
     );
   return e;
 }, ki = ({ className: e }) => {
-  const { isPlaying: t, currentTimeRef: n } = Xe(), { selectionStart: r, selectionEnd: a, isLoopEnabled: s } = Oe(), { play: o } = be();
-  return /* @__PURE__ */ w(Ue, { onClick: async () => {
+  const { isPlaying: t, currentTimeRef: n } = Le(), { selectionStart: r, selectionEnd: a, isLoopEnabled: s } = Xe(), { play: o } = Ce();
+  return /* @__PURE__ */ w(Ke, { onClick: async () => {
     if (r !== a && a > r)
       if (s)
         await o(r);
@@ -6002,27 +6004,27 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
       await o(n.current ?? 0);
   }, disabled: t, className: e, children: "Play" });
 }, Ai = ({ className: e }) => {
-  const { isPlaying: t } = Xe(), { pause: n } = be();
-  return /* @__PURE__ */ w(Ue, { onClick: n, disabled: !t, className: e, children: "Pause" });
+  const { isPlaying: t } = Le(), { pause: n } = Ce();
+  return /* @__PURE__ */ w(Ke, { onClick: n, disabled: !t, className: e, children: "Pause" });
 }, Ii = ({ className: e }) => {
-  const { isPlaying: t } = Xe(), { stop: n } = be();
-  return /* @__PURE__ */ w(Ue, { onClick: n, disabled: !t, className: e, children: "Stop" });
+  const { isPlaying: t } = Le(), { stop: n } = Ce();
+  return /* @__PURE__ */ w(Ke, { onClick: n, disabled: !t, className: e, children: "Stop" });
 }, Mi = ({ className: e }) => {
-  const { isPlaying: t } = Xe(), { play: n, setCurrentTime: r } = be(), { playoutRef: a } = Be();
-  return /* @__PURE__ */ w(Ue, { onClick: () => {
+  const { isPlaying: t } = Le(), { play: n, setCurrentTime: r } = Ce(), { playoutRef: a } = Be();
+  return /* @__PURE__ */ w(Ke, { onClick: () => {
     r(0), t && a.current && (a.current.stop(), n(0));
   }, className: e, children: "Rewind" });
 }, $i = ({ className: e }) => {
-  const { isPlaying: t } = Xe(), { play: n, setCurrentTime: r } = be(), { duration: a, playoutRef: s } = Be();
-  return /* @__PURE__ */ w(Ue, { onClick: () => {
+  const { isPlaying: t } = Le(), { play: n, setCurrentTime: r } = Ce(), { duration: a, playoutRef: s } = Be();
+  return /* @__PURE__ */ w(Ke, { onClick: () => {
     r(a), t && s.current && (s.current.stop(), n(a));
   }, className: e, children: "Fast Forward" });
 }, Ei = ({
   skipAmount: e = 5,
   className: t
 }) => {
-  const { currentTimeRef: n, isPlaying: r } = Xe(), { play: a, setCurrentTime: s } = be(), { playoutRef: o } = Be();
-  return /* @__PURE__ */ w(Ue, { onClick: () => {
+  const { currentTimeRef: n, isPlaying: r } = Le(), { play: a, setCurrentTime: s } = Ce(), { playoutRef: o } = Be();
+  return /* @__PURE__ */ w(Ke, { onClick: () => {
     const l = Math.max(0, (n.current ?? 0) - e);
     s(l), r && o.current && (o.current.stop(), a(l));
   }, className: t, children: "Skip Backward" });
@@ -6030,15 +6032,15 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
   skipAmount: e = 5,
   className: t
 }) => {
-  const { currentTimeRef: n, isPlaying: r } = Xe(), { play: a, setCurrentTime: s } = be(), { duration: o, playoutRef: i } = Be();
-  return /* @__PURE__ */ w(Ue, { onClick: () => {
+  const { currentTimeRef: n, isPlaying: r } = Le(), { play: a, setCurrentTime: s } = Ce(), { duration: o, playoutRef: i } = Be();
+  return /* @__PURE__ */ w(Ke, { onClick: () => {
     const c = Math.min(o, (n.current ?? 0) + e);
     s(c), r && i.current && (i.current.stop(), a(c));
   }, className: t, children: "Skip Forward" });
 }, _i = ({ className: e }) => {
-  const { isLoopEnabled: t, loopStart: n, loopEnd: r } = Oe(), { setLoopEnabled: a, setLoopRegion: s } = be(), { duration: o } = Be(), i = n !== r && r > n;
+  const { isLoopEnabled: t, loopStart: n, loopEnd: r } = Xe(), { setLoopEnabled: a, setLoopRegion: s } = Ce(), { duration: o } = Be(), i = n !== r && r > n;
   return /* @__PURE__ */ w(
-    Ue,
+    Ke,
     {
       onClick: () => {
         if (!t && !i) {
@@ -6053,9 +6055,9 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
     }
   );
 }, Di = ({ className: e }) => {
-  const { selectionStart: t, selectionEnd: n, loopStart: r, loopEnd: a } = Oe(), { setLoopRegionFromSelection: s, clearLoopRegion: o } = be(), i = t !== n && n > t, l = r !== a && a > r;
+  const { selectionStart: t, selectionEnd: n, loopStart: r, loopEnd: a } = Xe(), { setLoopRegionFromSelection: s, clearLoopRegion: o } = Ce(), i = t !== n && n > t, l = r !== a && a > r;
   return /* @__PURE__ */ w(
-    Ue,
+    Ke,
     {
       onClick: () => {
         l ? o() : s();
@@ -6067,13 +6069,13 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
     }
   );
 }, Bi = ({ className: e, disabled: t }) => {
-  const { zoomIn: n } = be(), { canZoomIn: r } = Be();
-  return /* @__PURE__ */ w(Ue, { onClick: n, disabled: t || !r, className: e, children: "Zoom In" });
+  const { zoomIn: n } = Ce(), { canZoomIn: r } = Be();
+  return /* @__PURE__ */ w(Ke, { onClick: n, disabled: t || !r, className: e, children: "Zoom In" });
 }, Fi = ({ className: e, disabled: t }) => {
-  const { zoomOut: n } = be(), { canZoomOut: r } = Be();
-  return /* @__PURE__ */ w(Ue, { onClick: n, disabled: t || !r, className: e, children: "Zoom Out" });
+  const { zoomOut: n } = Ce(), { canZoomOut: r } = Be();
+  return /* @__PURE__ */ w(Ke, { onClick: n, disabled: t || !r, className: e, children: "Zoom Out" });
 }, Ri = ({ className: e }) => {
-  const { masterVolume: t } = Be(), { setMasterVolume: n } = be();
+  const { masterVolume: t } = Be(), { setMasterVolume: n } = Ce();
   return /* @__PURE__ */ w(
     qa,
     {
@@ -6083,7 +6085,7 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
     }
   );
 }, Wi = ({ className: e }) => {
-  const { timeFormat: t } = Be(), { setTimeFormat: n } = be();
+  const { timeFormat: t } = Be(), { setTimeFormat: n } = Ce();
   return /* @__PURE__ */ w(
     Do,
     {
@@ -6099,13 +6101,13 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
   color: ${(e) => e.theme?.textColor || "#333"};
   user-select: none;
 `, Zi = ({ className: e }) => {
-  const t = R(null), n = R(null), { isPlaying: r, currentTimeRef: a, playbackStartTimeRef: s, audioStartPositionRef: o } = Xe(), { timeFormat: i } = Be(), l = i;
+  const t = R(null), n = R(null), { isPlaying: r, currentTimeRef: a, playbackStartTimeRef: s, audioStartPositionRef: o } = Le(), { timeFormat: i } = Be(), l = i;
   return re(() => {
     const c = () => {
       if (t.current) {
         let u;
         if (r) {
-          const p = Le().currentTime - (s.current ?? 0);
+          const p = ze().currentTime - (s.current ?? 0);
           u = (o.current ?? 0) + p;
         } else
           u = a.current ?? 0;
@@ -6120,7 +6122,7 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
     !r && t.current && (t.current.textContent = vt(a.current ?? 0, l));
   }), /* @__PURE__ */ w(Rs, { ref: t, className: e, "aria-label": "Audio position", children: vt(a.current ?? 0, l) });
 }, Pi = ({ className: e }) => {
-  const { selectionStart: t, selectionEnd: n } = Oe(), { setSelection: r } = be();
+  const { selectionStart: t, selectionEnd: n } = Xe(), { setSelection: r } = Ce();
   return /* @__PURE__ */ w(
     lo,
     {
@@ -6131,7 +6133,7 @@ const br = _e(null), vr = _e(null), yr = _e(null), wr = _e(null), Si = ({
     }
   );
 }, Vi = ({ className: e }) => {
-  const { isAutomaticScroll: t } = Oe(), { setAutomaticScroll: n } = be();
+  const { isAutomaticScroll: t } = Xe(), { setAutomaticScroll: n } = Ce();
   return /* @__PURE__ */ w(
     Ba,
     {
@@ -6150,19 +6152,19 @@ function yt() {
   return e;
 }
 const zi = ({ className: e }) => {
-  const { ContinuousPlayCheckbox: t } = yt(), { continuousPlay: n } = Oe(), { setContinuousPlay: r } = be();
+  const { ContinuousPlayCheckbox: t } = yt(), { continuousPlay: n } = Xe(), { setContinuousPlay: r } = Ce();
   return /* @__PURE__ */ w(t, { checked: n, onChange: r, className: e });
 }, Li = ({ className: e }) => {
-  const { LinkEndpointsCheckbox: t } = yt(), { linkEndpoints: n } = Oe(), { setLinkEndpoints: r } = be();
+  const { LinkEndpointsCheckbox: t } = yt(), { linkEndpoints: n } = Xe(), { setLinkEndpoints: r } = Ce();
   return /* @__PURE__ */ w(t, { checked: n, onChange: r, className: e });
 }, Xi = ({ className: e }) => {
-  const { EditableCheckbox: t } = yt(), { annotationsEditable: n } = Oe(), { setAnnotationsEditable: r } = be();
+  const { EditableCheckbox: t } = yt(), { annotationsEditable: n } = Xe(), { setAnnotationsEditable: r } = Ce();
   return /* @__PURE__ */ w(t, { checked: n, onChange: r, className: e });
 }, Oi = ({
   filename: e,
   className: t
 }) => {
-  const { DownloadAnnotationsButton: n } = yt(), { annotations: r } = Oe();
+  const { DownloadAnnotationsButton: n } = yt(), { annotations: r } = Xe();
   return /* @__PURE__ */ w(n, { annotations: r, filename: e, className: t });
 }, Gi = ({
   label: e = "Export WAV",
@@ -6195,7 +6197,7 @@ const zi = ({ className: e }) => {
     }
   }, h = v ? `Exporting ${Math.round(y * 100)}%` : e;
   return /* @__PURE__ */ w(
-    Ue,
+    Ke,
     {
       onClick: m,
       disabled: v || p.length === 0,
@@ -6220,13 +6222,13 @@ const zi = ({ className: e }) => {
   color: e = "#ff0000",
   controlsOffset: t = 0
 }) => {
-  const n = R(null), r = R(null), { isPlaying: a, currentTimeRef: s, playbackStartTimeRef: o, audioStartPositionRef: i } = Xe(), { samplesPerPixel: l, sampleRate: c, progressBarWidth: u } = Be();
+  const n = R(null), r = R(null), { isPlaying: a, currentTimeRef: s, playbackStartTimeRef: o, audioStartPositionRef: i } = Le(), { samplesPerPixel: l, sampleRate: c, progressBarWidth: u } = Be();
   return re(() => {
     const p = () => {
       if (n.current) {
         let f;
         if (a) {
-          const v = Le().currentTime - (o.current ?? 0);
+          const v = ze().currentTime - (o.current ?? 0);
           f = (i.current ?? 0) + v;
         } else
           f = s.current ?? 0;
@@ -6281,27 +6283,27 @@ const zi = ({ className: e }) => {
   clipDurationSamples: t,
   ...n
 }) => {
-  const r = R(null), a = R(null), s = It(), { waveHeight: o } = Wt(), { isPlaying: i, currentTimeRef: l, playbackStartTimeRef: c, audioStartPositionRef: u } = Xe(), { samplesPerPixel: p, sampleRate: f } = Be(), d = s?.waveProgressColor || "rgba(0, 0, 0, 0.1)";
+  const r = R(null), a = R(null), s = It(), { waveHeight: o } = Wt(), { isPlaying: i, currentTimeRef: l, playbackStartTimeRef: c, audioStartPositionRef: u } = Le(), { samplesPerPixel: p, sampleRate: f } = Be(), d = s?.waveProgressColor || "rgba(0, 0, 0, 0.1)";
   re(() => {
     const M = () => {
       if (r.current) {
-        let k;
+        let I;
         if (i) {
-          const F = Le().currentTime - (c.current ?? 0);
-          k = (u.current ?? 0) + F;
+          const F = ze().currentTime - (c.current ?? 0);
+          I = (u.current ?? 0) + F;
         } else
-          k = l.current ?? 0;
-        const $ = k * f, I = e + t;
-        let A = 0;
-        if ($ <= e)
-          A = 0;
-        else if ($ >= I)
-          A = n.length;
+          I = l.current ?? 0;
+        const T = I * f, A = e + t;
+        let k = 0;
+        if (T <= e)
+          k = 0;
+        else if (T >= A)
+          k = n.length;
         else {
-          const F = $ - e;
-          A = Math.floor(F / p);
+          const F = T - e;
+          k = Math.floor(F / p);
         }
-        r.current.style.width = `${A}px`;
+        r.current.style.width = `${k}px`;
       }
       i && (a.current = requestAnimationFrame(M));
     };
@@ -6310,25 +6312,25 @@ const zi = ({ className: e }) => {
     };
   }, [i, f, p, e, t, n.length, l, c, u]), re(() => {
     if (!i && r.current) {
-      const k = (l.current ?? 0) * f, $ = e + t;
-      let I = 0;
-      if (k <= e)
-        I = 0;
-      else if (k >= $)
-        I = n.length;
+      const I = (l.current ?? 0) * f, T = e + t;
+      let A = 0;
+      if (I <= e)
+        A = 0;
+      else if (I >= T)
+        A = n.length;
       else {
-        const A = k - e;
-        I = Math.floor(A / p);
+        const k = I - e;
+        A = Math.floor(k / p);
       }
-      r.current.style.width = `${I}px`;
+      r.current.style.width = `${A}px`;
     }
   });
   const v = s?.waveformDrawMode || "inverted";
   let y;
   v === "inverted" ? y = n.isSelected && s ? s.selectedWaveFillColor : s?.waveFillColor || "white" : y = n.isSelected && s ? s.selectedWaveOutlineColor : s?.waveOutlineColor || "grey";
   const m = n.renderMode === "spectrogram" || n.renderMode === "both", h = n.renderMode === "both", C = m ? "#000" : ct(y), b = Math.floor(o / 2), g = o, x = n.index * o, S = ct(y);
-  return /* @__PURE__ */ ie(Ps, { children: [
-    h ? /* @__PURE__ */ ie(Qe, { children: [
+  return /* @__PURE__ */ le(Ps, { children: [
+    h ? /* @__PURE__ */ le(et, { children: [
       /* @__PURE__ */ w(
         Yt,
         {
@@ -6390,7 +6392,7 @@ const zs = 60, Ls = ({
   onRemoveTrack: u,
   recordingState: p
 }) => {
-  const f = It(), { isPlaying: d, currentTimeRef: v, playbackStartTimeRef: y, audioStartPositionRef: m } = Xe(), {
+  const f = It(), { isPlaying: d, currentTimeRef: v, playbackStartTimeRef: y, audioStartPositionRef: m } = Le(), {
     selectionStart: h,
     selectionEnd: C,
     annotations: b,
@@ -6398,113 +6400,113 @@ const zs = 60, Ls = ({
     annotationsEditable: x,
     linkEndpoints: S,
     continuousPlay: M,
-    selectedTrackId: k,
-    loopStart: $,
-    loopEnd: I,
-    isLoopEnabled: A
-  } = Oe(), F = Se(Vt), {
+    selectedTrackId: I,
+    loopStart: T,
+    loopEnd: A,
+    isLoopEnabled: k
+  } = Xe(), F = Se(Vt), {
     setAnnotations: B,
     setActiveAnnotationId: W,
-    setTrackMute: K,
-    setTrackSolo: J,
-    setTrackVolume: G,
-    setTrackPan: j,
-    setSelection: H,
-    play: Q,
-    setScrollContainer: ae,
-    setSelectedTrackId: he,
-    setCurrentTime: de,
-    setLoopRegion: fe
-  } = be(), {
-    audioBuffers: le,
-    peaksDataArray: Fe,
-    trackStates: ve,
+    setTrackMute: N,
+    setTrackSolo: Y,
+    setTrackVolume: z,
+    setTrackPan: J,
+    setSelection: K,
+    play: se,
+    setScrollContainer: Q,
+    setSelectedTrackId: ie,
+    setCurrentTime: ue,
+    setLoopRegion: he
+  } = Ce(), {
+    audioBuffers: pe,
+    peaksDataArray: De,
+    trackStates: de,
     tracks: V,
-    duration: me,
-    samplesPerPixel: N,
+    duration: fe,
+    samplesPerPixel: U,
     sampleRate: q,
     waveHeight: ce,
-    timeScaleHeight: ye,
-    controls: ne,
-    playoutRef: De,
-    barWidth: Re,
-    barGap: je,
-    isReady: et
-  } = Be(), ee = Se(sn), rt = Je(() => {
-    if (!ee) return /* @__PURE__ */ new Map();
+    timeScaleHeight: ve,
+    controls: ee,
+    playoutRef: Ze,
+    barWidth: Ue,
+    barGap: tt,
+    isReady: je
+  } = Be(), te = Se(sn), qe = Qe(() => {
+    if (!te) return /* @__PURE__ */ new Map();
     const P = /* @__PURE__ */ new Map();
     return V.forEach((L) => {
-      if ((ee.trackSpectrogramOverrides.get(L.id)?.renderMode ?? L.renderMode ?? "waveform") === "waveform") return;
-      const ke = ee.trackSpectrogramOverrides.get(L.id), xe = ke?.colorMap ?? L.spectrogramColorMap ?? ee.spectrogramColorMap ?? "viridis", We = ke?.config ?? L.spectrogramConfig ?? ee.spectrogramConfig;
+      if ((te.trackSpectrogramOverrides.get(L.id)?.renderMode ?? L.renderMode ?? "waveform") === "waveform") return;
+      const ke = te.trackSpectrogramOverrides.get(L.id), xe = ke?.colorMap ?? L.spectrogramColorMap ?? te.spectrogramColorMap ?? "viridis", Fe = ke?.config ?? L.spectrogramConfig ?? te.spectrogramConfig;
       P.set(L.id, {
-        colorLUT: ee.getColorMap(xe),
-        frequencyScaleFn: ee.getFrequencyScale(We?.frequencyScale ?? "mel"),
-        config: We
+        colorLUT: te.getColorMap(xe),
+        frequencyScaleFn: te.getFrequencyScale(Fe?.frequencyScale ?? "mel"),
+        config: Fe
       });
     }), P;
-  }, [V, ee]), Z = Je(() => {
-    if (ee?.spectrogramWorkerApi)
+  }, [V, te]), Z = Qe(() => {
+    if (te?.spectrogramWorkerApi)
       return {
-        registerCanvas: ee.spectrogramWorkerApi.registerCanvas.bind(ee.spectrogramWorkerApi),
-        unregisterCanvas: ee.spectrogramWorkerApi.unregisterCanvas.bind(ee.spectrogramWorkerApi)
+        registerCanvas: te.spectrogramWorkerApi.registerCanvas.bind(te.spectrogramWorkerApi),
+        unregisterCanvas: te.spectrogramWorkerApi.unregisterCanvas.bind(te.spectrogramWorkerApi)
       };
-  }, [ee?.spectrogramWorkerApi]), [we, Ce] = z(null), [ge, ut] = z(!1), O = R(null), se = T((P) => {
-    O.current = P, ae(P);
-  }, [ae]);
-  let Ee = le.length > 0 ? me : zs;
+  }, [te?.spectrogramWorkerApi]), [be, ye] = H(null), [we, ut] = H(!1), O = R(null), oe = E((P) => {
+    O.current = P, Q(P);
+  }, [Q]);
+  let Ee = pe.length > 0 ? fe : zs;
   if (p?.isRecording) {
     const L = (p.startSample + p.durationSamples) / q;
     Ee = Math.max(Ee, L + 10);
   }
-  const pe = Math.floor(Ee * q / N), Ge = async (P) => {
+  const ge = Math.floor(Ee * q / U), Oe = async (P) => {
     W(P.id);
     const L = M ? void 0 : P.end - P.start;
     try {
-      await Q(P.start, L);
-    } catch (te) {
-      console.error("waveform-playlist: Failed to start playback for annotation", P.id, te);
+      await se(P.start, L);
+    } catch (ne) {
+      console.error("waveform-playlist: Failed to start playback for annotation", P.id, ne);
     }
-  }, tt = T((P) => {
+  }, nt = E((P) => {
     if (P >= 0 && P < V.length) {
       const L = V[P];
-      he(L.id);
+      ie(L.id);
     }
-  }, [V, he]), at = (P) => {
-    const L = P.currentTarget.getBoundingClientRect(), te = ne.show ? ne.width : 0, xe = (P.clientX - L.left - te) * N / q, Ze = P.clientY - L.top;
-    let Pe = 0, oe = -1;
-    for (let Ie = 0; Ie < Fe.length; Ie++) {
-      const ot = Fe[Ie], qe = ot.length > 0 ? Math.max(...ot.map((wt) => wt.peaks.data.length)) : 1, st = ((ee?.trackSpectrogramOverrides.get(V[Ie]?.id)?.renderMode ?? V[Ie]?.renderMode ?? "waveform") === "both" ? qe * 2 : qe) * ce + (o ? 22 : 0);
-      if (Ze >= Pe && Ze < Pe + st) {
-        oe = Ie;
+  }, [V, ie]), at = (P) => {
+    const L = P.currentTarget.getBoundingClientRect(), ne = ee.show ? ee.width : 0, xe = (P.clientX - L.left - ne) * U / q, Re = P.clientY - L.top;
+    let We = 0, ae = -1;
+    for (let Ie = 0; Ie < De.length; Ie++) {
+      const ot = De[Ie], Je = ot.length > 0 ? Math.max(...ot.map((wt) => wt.peaks.data.length)) : 1, st = ((te?.trackSpectrogramOverrides.get(V[Ie]?.id)?.renderMode ?? V[Ie]?.renderMode ?? "waveform") === "both" ? Je * 2 : Je) * ce + (o ? 22 : 0);
+      if (Re >= We && Re < We + st) {
+        ae = Ie;
         break;
       }
-      Pe += st;
+      We += st;
     }
-    oe !== -1 && tt(oe), ut(!0), de(xe), H(xe, xe);
+    ae !== -1 && nt(ae), ut(!0), ue(xe), K(xe, xe);
   }, dt = (P) => {
-    if (!ge) return;
-    const L = P.currentTarget.getBoundingClientRect(), te = ne.show ? ne.width : 0, xe = (P.clientX - L.left - te) * N / q, We = Math.min(h, xe), Ze = Math.max(h, xe);
-    H(We, Ze);
+    if (!we) return;
+    const L = P.currentTarget.getBoundingClientRect(), ne = ee.show ? ee.width : 0, xe = (P.clientX - L.left - ne) * U / q, Fe = Math.min(h, xe), Re = Math.max(h, xe);
+    K(Fe, Re);
   }, ht = (P) => {
-    if (!ge) return;
+    if (!we) return;
     ut(!1);
-    const L = P.currentTarget.getBoundingClientRect(), te = ne.show ? ne.width : 0, xe = (P.clientX - L.left - te) * N / q, We = Math.min(h, xe), Ze = Math.max(h, xe);
-    Math.abs(Ze - We) < 0.1 ? (de(We), d && De.current ? (De.current.stop(), Q(We)) : De.current && De.current.stop()) : H(We, Ze);
+    const L = P.currentTarget.getBoundingClientRect(), ne = ee.show ? ee.width : 0, xe = (P.clientX - L.left - ne) * U / q, Fe = Math.min(h, xe), Re = Math.max(h, xe);
+    Math.abs(Re - Fe) < 0.1 ? (ue(Fe), d && Ze.current ? (Ze.current.stop(), se(Fe)) : Ze.current && Ze.current.stop()) : K(Fe, Re);
   };
-  return V.some((P) => P.clips.length > 0) && (le.length === 0 || Fe.length === 0) ? /* @__PURE__ */ w("div", { className: s, children: "Loading waveform..." }) : /* @__PURE__ */ ie(nr, { children: [
+  return V.some((P) => P.clips.length > 0) && (pe.length === 0 || De.length === 0) ? /* @__PURE__ */ w("div", { className: s, children: "Loading waveform..." }) : /* @__PURE__ */ le(nr, { children: [
     /* @__PURE__ */ w(
       At.Provider,
       {
         value: {
-          samplesPerPixel: N,
+          samplesPerPixel: U,
           sampleRate: q,
-          zoomLevels: [N],
+          zoomLevels: [U],
           waveHeight: ce,
-          timeScaleHeight: ye,
+          timeScaleHeight: ve,
           duration: Ee * 1e3,
-          controls: ne,
-          barWidth: Re,
-          barGap: je
+          controls: ee,
+          barWidth: Ue,
+          barGap: tt
         },
         children: /* @__PURE__ */ w(
           en,
@@ -6512,49 +6514,49 @@ const zs = 60, Ls = ({
             theme: f,
             backgroundColor: ct(f.waveOutlineColor),
             timescaleBackgroundColor: f.timescaleBackgroundColor,
-            scrollContainerWidth: pe + (ne.show ? ne.width : 0),
-            timescaleWidth: pe,
-            tracksWidth: pe,
-            controlsWidth: ne.show ? ne.width : 0,
+            scrollContainerWidth: ge + (ee.show ? ee.width : 0),
+            timescaleWidth: ge,
+            tracksWidth: ge,
+            controlsWidth: ee.show ? ee.width : 0,
             onTracksMouseDown: at,
             onTracksMouseMove: dt,
             onTracksMouseUp: ht,
-            scrollContainerRef: se,
-            isSelecting: ge,
-            "data-playlist-state": et ? "ready" : "loading",
-            timescale: ye > 0 ? /* @__PURE__ */ ie(Qe, { children: [
+            scrollContainerRef: oe,
+            isSelecting: we,
+            "data-playlist-state": je ? "ready" : "loading",
+            timescale: ve > 0 ? /* @__PURE__ */ le(et, { children: [
               /* @__PURE__ */ w(ar, { renderTimestamp: t }),
-              A && /* @__PURE__ */ w(
+              k && /* @__PURE__ */ w(
                 io,
                 {
-                  startPosition: Math.min($, I) * q / N,
-                  endPosition: Math.max($, I) * q / N,
+                  startPosition: Math.min(T, A) * q / U,
+                  endPosition: Math.max(T, A) * q / U,
                   markerColor: f.loopMarkerColor,
                   regionColor: f.loopRegionColor,
                   minPosition: 0,
-                  maxPosition: pe,
-                  controlsOffset: ne.show ? ne.width : 0,
+                  maxPosition: ge,
+                  controlsOffset: ee.show ? ee.width : 0,
                   onLoopRegionChange: (P, L) => {
-                    const te = P * N / q, ke = L * N / q;
-                    fe(te, ke);
+                    const ne = P * U / q, ke = L * U / q;
+                    he(ne, ke);
                   }
                 }
               )
             ] }) : void 0,
-            children: /* @__PURE__ */ ie(Qe, { children: [
-              Fe.map((P, L) => {
-                const te = V[L];
-                if (!te) return null;
-                const ke = ve[L] || {
+            children: /* @__PURE__ */ le(et, { children: [
+              De.map((P, L) => {
+                const ne = V[L];
+                if (!ne) return null;
+                const ke = de[L] || {
                   name: `Track ${L + 1}`,
                   muted: !1,
                   soloed: !1,
                   volume: 1,
                   pan: 0
-                }, xe = ee?.trackSpectrogramOverrides.get(te.id)?.renderMode ?? te.renderMode ?? "waveform", We = e ? e(L) : /* @__PURE__ */ ie(Vo, { onClick: () => tt(L), children: [
-                  /* @__PURE__ */ ie(Ho, { style: { justifyContent: "center", position: "relative" }, children: [
-                    u && /* @__PURE__ */ w(Po, { onClick: (oe) => {
-                      oe.stopPropagation(), u(L);
+                }, xe = te?.trackSpectrogramOverrides.get(ne.id)?.renderMode ?? ne.renderMode ?? "waveform", Fe = e ? e(L) : /* @__PURE__ */ le(Vo, { onClick: () => nt(L), children: [
+                  /* @__PURE__ */ le(Ho, { style: { justifyContent: "center", position: "relative" }, children: [
+                    u && /* @__PURE__ */ w(Po, { onClick: (ae) => {
+                      ae.stopPropagation(), u(L);
                     } }),
                     /* @__PURE__ */ w("span", { style: {
                       overflow: "hidden",
@@ -6563,24 +6565,24 @@ const zs = 60, Ls = ({
                       padding: "0 24px",
                       display: "block"
                     }, children: ke.name || `Track ${L + 1}` }),
-                    ee?.renderMenuItems && /* @__PURE__ */ w("span", { style: { position: "absolute", right: 0, top: 0 }, children: /* @__PURE__ */ w(
+                    te?.renderMenuItems && /* @__PURE__ */ w("span", { style: { position: "absolute", right: 0, top: 0 }, children: /* @__PURE__ */ w(
                       Ko,
                       {
-                        items: (oe) => ee.renderMenuItems({
+                        items: (ae) => te.renderMenuItems({
                           renderMode: xe,
-                          onRenderModeChange: (Ie) => ee.setTrackRenderMode(te.id, Ie),
-                          onOpenSettings: () => Ce(te.id),
-                          onClose: oe
+                          onRenderModeChange: (Ie) => te.setTrackRenderMode(ne.id, Ie),
+                          onOpenSettings: () => ye(ne.id),
+                          onClose: ae
                         })
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ ie(Wo, { children: [
+                  /* @__PURE__ */ le(Wo, { children: [
                     /* @__PURE__ */ w(
                       In,
                       {
                         $variant: ke.muted ? "danger" : "outline",
-                        onClick: () => K(L, !ke.muted),
+                        onClick: () => N(L, !ke.muted),
                         children: "Mute"
                       }
                     ),
@@ -6588,12 +6590,12 @@ const zs = 60, Ls = ({
                       In,
                       {
                         $variant: ke.soloed ? "info" : "outline",
-                        onClick: () => J(L, !ke.soloed),
+                        onClick: () => Y(L, !ke.soloed),
                         children: "Solo"
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ ie($n, { children: [
+                  /* @__PURE__ */ le($n, { children: [
                     /* @__PURE__ */ w(zo, {}),
                     /* @__PURE__ */ w(
                       Mn,
@@ -6602,12 +6604,12 @@ const zs = 60, Ls = ({
                         max: "1",
                         step: "0.01",
                         value: ke.volume,
-                        onChange: (oe) => G(L, parseFloat(oe.target.value))
+                        onChange: (ae) => z(L, parseFloat(ae.target.value))
                       }
                     ),
                     /* @__PURE__ */ w(Lo, {})
                   ] }),
-                  /* @__PURE__ */ ie($n, { children: [
+                  /* @__PURE__ */ le($n, { children: [
                     /* @__PURE__ */ w("span", { children: "L" }),
                     /* @__PURE__ */ w(
                       Mn,
@@ -6616,31 +6618,31 @@ const zs = 60, Ls = ({
                         max: "1",
                         step: "0.01",
                         value: ke.pan,
-                        onChange: (oe) => j(L, parseFloat(oe.target.value))
+                        onChange: (ae) => J(L, parseFloat(ae.target.value))
                       }
                     ),
                     /* @__PURE__ */ w("span", { children: "R" })
                   ] })
-                ] }), Pe = P.length > 0 ? Math.max(...P.map((oe) => oe.peaks.data.length)) : 1;
-                return /* @__PURE__ */ w(nn.Provider, { value: We, children: /* @__PURE__ */ ie(
+                ] }), We = P.length > 0 ? Math.max(...P.map((ae) => ae.peaks.data.length)) : 1;
+                return /* @__PURE__ */ w(nn.Provider, { value: Fe, children: /* @__PURE__ */ le(
                   or,
                   {
-                    numChannels: Pe,
+                    numChannels: We,
                     backgroundColor: ct(f.waveOutlineColor),
                     offset: 0,
-                    width: pe,
+                    width: ge,
                     hasClipHeaders: o,
-                    trackId: te.id,
-                    isSelected: te.id === k,
+                    trackId: ne.id,
+                    isSelected: ne.id === I,
                     children: [
                       xe !== "waveform" && (() => {
-                        const oe = rt.get(te.id), Ie = oe?.config;
-                        return !Ie?.labels || !oe ? null : /* @__PURE__ */ w(
+                        const ae = qe.get(ne.id), Ie = ae?.config;
+                        return !Ie?.labels || !ae ? null : /* @__PURE__ */ w(
                           Co,
                           {
                             waveHeight: ce,
-                            numChannels: Pe,
-                            frequencyScaleFn: oe.frequencyScaleFn,
+                            numChannels: We,
+                            frequencyScaleFn: ae.frequencyScaleFn,
                             minFrequency: Ie.minFrequency ?? 0,
                             maxFrequency: Ie.maxFrequency ?? q / 2,
                             labelsColor: Ie.labelsColor,
@@ -6650,63 +6652,63 @@ const zs = 60, Ls = ({
                           }
                         );
                       })(),
-                      P.map((oe, Ie) => {
-                        const ot = oe.peaks, qe = ot.length;
+                      P.map((ae, Ie) => {
+                        const ot = ae.peaks, Je = ot.length;
                         return /* @__PURE__ */ w(
                           Ut,
                           {
-                            clipId: oe.clipId,
+                            clipId: ae.clipId,
                             trackIndex: L,
                             clipIndex: Ie,
-                            trackName: oe.trackName,
-                            startSample: oe.startSample,
-                            durationSamples: oe.durationSamples,
-                            samplesPerPixel: N,
+                            trackName: ae.trackName,
+                            startSample: ae.startSample,
+                            durationSamples: ae.durationSamples,
+                            samplesPerPixel: U,
                             showHeader: o,
                             disableHeaderDrag: !i,
-                            isSelected: te.id === k,
-                            trackId: te.id,
-                            fadeIn: oe.fadeIn,
-                            fadeOut: oe.fadeOut,
+                            isSelected: ne.id === I,
+                            trackId: ne.id,
+                            fadeIn: ae.fadeIn,
+                            fadeOut: ae.fadeOut,
                             sampleRate: q,
                             showFades: l,
                             touchOptimized: c,
                             onMouseDown: (pt) => {
-                              pt.target.closest('[role="button"][aria-roledescription="draggable"]') || tt(L);
+                              pt.target.closest('[role="button"][aria-roledescription="draggable"]') || nt(L);
                             },
-                            children: ot.data.map((pt, Ne) => {
-                              const st = ee?.spectrogramDataMap.get(oe.clipId), wt = st?.[Ne] ?? st?.[0], it = rt.get(te.id), nt = it?.config;
+                            children: ot.data.map((pt, Ge) => {
+                              const st = te?.spectrogramDataMap.get(ae.clipId), wt = st?.[Ge] ?? st?.[0], it = qe.get(ne.id), rt = it?.config;
                               return /* @__PURE__ */ w(
                                 Bn,
                                 {
-                                  index: Ne,
+                                  index: Ge,
                                   data: pt,
                                   bits: ot.bits,
-                                  length: qe,
-                                  isSelected: te.id === k,
-                                  clipStartSample: oe.startSample,
-                                  clipDurationSamples: oe.durationSamples,
+                                  length: Je,
+                                  isSelected: ne.id === I,
+                                  clipStartSample: ae.startSample,
+                                  clipDurationSamples: ae.durationSamples,
                                   renderMode: xe,
                                   spectrogramData: wt,
-                                  samplesPerPixel: N,
+                                  samplesPerPixel: U,
                                   spectrogramColorLUT: it?.colorLUT,
                                   spectrogramFrequencyScaleFn: it?.frequencyScaleFn,
-                                  spectrogramMinFrequency: nt?.minFrequency,
-                                  spectrogramMaxFrequency: nt?.maxFrequency,
+                                  spectrogramMinFrequency: rt?.minFrequency,
+                                  spectrogramMaxFrequency: rt?.maxFrequency,
                                   spectrogramWorkerApi: Z,
-                                  spectrogramClipId: oe.clipId,
-                                  spectrogramOnCanvasesReady: ee ? (Ve, Ct) => {
-                                    ee.registerSpectrogramCanvases(oe.clipId, Ne, Ve, Ct);
+                                  spectrogramClipId: ae.clipId,
+                                  spectrogramOnCanvasesReady: te ? (Pe, Ct) => {
+                                    te.registerSpectrogramCanvases(ae.clipId, Ge, Pe, Ct);
                                   } : void 0
                                 },
-                                `${oe.clipId}-${Ne}`
+                                `${ae.clipId}-${Ge}`
                               );
                             })
                           },
-                          oe.clipId
+                          ae.clipId
                         );
                       }),
-                      p?.isRecording && p.trackId === te.id && p.peaks.length > 0 && /* @__PURE__ */ w(
+                      p?.isRecording && p.trackId === ne.id && p.peaks.length > 0 && /* @__PURE__ */ w(
                         Ut,
                         {
                           clipId: "recording-preview",
@@ -6715,11 +6717,11 @@ const zs = 60, Ls = ({
                           trackName: "Recording...",
                           startSample: p.startSample,
                           durationSamples: p.durationSamples,
-                          samplesPerPixel: N,
+                          samplesPerPixel: U,
                           showHeader: o,
                           disableHeaderDrag: !0,
-                          isSelected: te.id === k,
-                          trackId: te.id,
+                          isSelected: ne.id === I,
+                          trackId: ne.id,
                           children: /* @__PURE__ */ w(
                             Bn,
                             {
@@ -6727,32 +6729,32 @@ const zs = 60, Ls = ({
                               data: p.peaks,
                               bits: 16,
                               length: Math.floor(p.peaks.length / 2),
-                              isSelected: te.id === k,
+                              isSelected: ne.id === I,
                               clipStartSample: p.startSample,
                               clipDurationSamples: p.durationSamples
                             },
-                            `${te.id}-recording-0`
+                            `${ne.id}-recording-0`
                           )
                         },
-                        `${te.id}-recording`
+                        `${ne.id}-recording`
                       )
                     ]
                   }
-                ) }, te.id);
+                ) }, ne.id);
               }),
-              b.length > 0 && F && /* @__PURE__ */ w(F.AnnotationBoxesWrapper, { height: 30, width: pe, children: b.map((P, L) => {
-                const te = P.start * q / N, ke = P.end * q / N, xe = a ? a(P, L) : P.id;
+              b.length > 0 && F && /* @__PURE__ */ w(F.AnnotationBoxesWrapper, { height: 30, width: ge, children: b.map((P, L) => {
+                const ne = P.start * q / U, ke = P.end * q / U, xe = a ? a(P, L) : P.id;
                 return /* @__PURE__ */ w(
                   F.AnnotationBox,
                   {
                     annotationId: P.id,
                     annotationIndex: L,
-                    startPosition: te,
+                    startPosition: ne,
                     endPosition: ke,
                     label: xe,
                     color: "#ff9800",
                     isActive: P.id === g,
-                    onClick: () => Ge(P),
+                    onClick: () => Oe(P),
                     editable: x
                   },
                   P.id
@@ -6761,27 +6763,27 @@ const zs = 60, Ls = ({
               h !== C && /* @__PURE__ */ w(
                 Qn,
                 {
-                  startPosition: Math.min(h, C) * q / N + (ne.show ? ne.width : 0),
-                  endPosition: Math.max(h, C) * q / N + (ne.show ? ne.width : 0),
+                  startPosition: Math.min(h, C) * q / U + (ee.show ? ee.width : 0),
+                  endPosition: Math.max(h, C) * q / U + (ee.show ? ee.width : 0),
                   color: f.selectionColor
                 }
               ),
               (d || h === C) && (n ? n({
-                position: (v.current ?? 0) * q / N + (ne.show ? ne.width : 0),
+                position: (v.current ?? 0) * q / U + (ee.show ? ee.width : 0),
                 color: f.playheadColor,
                 isPlaying: d,
                 currentTimeRef: v,
                 playbackStartTimeRef: y,
                 audioStartPositionRef: m,
-                samplesPerPixel: N,
+                samplesPerPixel: U,
                 sampleRate: q,
-                controlsOffset: ne.show ? ne.width : 0,
-                getAudioContextTime: () => Le().currentTime
+                controlsOffset: ee.show ? ee.width : 0,
+                getAudioContextTime: () => ze().currentTime
               }) : /* @__PURE__ */ w(
                 Zs,
                 {
                   color: f.playheadColor,
-                  controlsOffset: ne.show ? ne.width : 0
+                  controlsOffset: ee.show ? ee.width : 0
                 }
               ))
             ] })
@@ -6789,16 +6791,16 @@ const zs = 60, Ls = ({
         )
       }
     ),
-    ee?.SettingsModal && typeof document < "u" && Vn(
+    te?.SettingsModal && typeof document < "u" && Vn(
       /* @__PURE__ */ w(
-        ee.SettingsModal,
+        te.SettingsModal,
         {
-          open: we !== null,
-          onClose: () => Ce(null),
-          config: we !== null ? ee.trackSpectrogramOverrides.get(we)?.config ?? V.find((P) => P.id === we)?.spectrogramConfig ?? ee.spectrogramConfig ?? {} : {},
-          colorMap: we !== null ? ee.trackSpectrogramOverrides.get(we)?.colorMap ?? V.find((P) => P.id === we)?.spectrogramColorMap ?? ee.spectrogramColorMap ?? "viridis" : "viridis",
+          open: be !== null,
+          onClose: () => ye(null),
+          config: be !== null ? te.trackSpectrogramOverrides.get(be)?.config ?? V.find((P) => P.id === be)?.spectrogramConfig ?? te.spectrogramConfig ?? {} : {},
+          colorMap: be !== null ? te.trackSpectrogramOverrides.get(be)?.colorMap ?? V.find((P) => P.id === be)?.spectrogramColorMap ?? te.spectrogramColorMap ?? "viridis" : "viridis",
           onApply: (P, L) => {
-            we !== null && ee.setTrackSpectrogramConfig(we, P, L);
+            be !== null && te.setTrackSpectrogramConfig(be, P, L);
           }
         }
       ),
@@ -6820,7 +6822,7 @@ const zs = 60, Ls = ({
     annotationsEditable: c,
     linkEndpoints: u,
     continuousPlay: p
-  } = Oe(), f = yt(), { setAnnotations: d } = be(), v = a ?? { linkEndpoints: u, continuousPlay: p }, y = T((h) => {
+  } = Xe(), f = yt(), { setAnnotations: d } = Ce(), v = a ?? { linkEndpoints: u, continuousPlay: p }, y = E((h) => {
     d(h), n?.(h);
   }, [d, n]), { AnnotationText: m } = f;
   return /* @__PURE__ */ w(
@@ -6858,8 +6860,8 @@ const zs = 60, Ls = ({
   onRemoveTrack: y,
   recordingState: m
 }) => {
-  const { annotations: h } = Oe();
-  return /* @__PURE__ */ ie(Qe, { children: [
+  const { annotations: h } = Xe();
+  return /* @__PURE__ */ le(et, { children: [
     /* @__PURE__ */ w(
       Ls,
       {
@@ -6991,7 +6993,7 @@ const zs = 60, Ls = ({
   let d;
   f === "inverted" ? d = s?.selectedWaveFillColor || s?.waveFillColor || "white" : d = s?.selectedWaveOutlineColor || s?.waveOutlineColor || "grey";
   const v = ct(d);
-  return /* @__PURE__ */ ie(Ns, { children: [
+  return /* @__PURE__ */ le(Ns, { children: [
     /* @__PURE__ */ w(
       Ys,
       {
@@ -7028,42 +7030,42 @@ const zs = 60, Ls = ({
     samplesPerPixel: x,
     controls: S,
     playoutRef: M,
-    barWidth: k,
-    barGap: $
-  } = on(), [I, A] = z(0), [F, B] = z(0), [W, K] = z(!1), J = R(null), G = T((V) => {
-    J.current = V, y(V);
-  }, [y]), j = Math.floor(m * C / x), H = T(async (V) => {
+    barWidth: I,
+    barGap: T
+  } = on(), [A, k] = H(0), [F, B] = H(0), [W, N] = H(!1), Y = R(null), z = E((V) => {
+    Y.current = V, y(V);
+  }, [y]), J = Math.floor(m * C / x), K = E(async (V) => {
     d(V.id);
     try {
       await p(V.start);
-    } catch (me) {
-      console.error("waveform-playlist: Failed to start playback for annotation", V.id, me);
+    } catch (fe) {
+      console.error("waveform-playlist: Failed to start playback for annotation", V.id, fe);
     }
-  }, [d, p]), Q = T((V) => {
+  }, [d, p]), se = E((V) => {
     v(V), r?.(V);
-  }, [v, r]), { onDragStart: ae, onDragMove: he, onDragEnd: de } = xs({
+  }, [v, r]), { onDragStart: Q, onDragMove: ie, onDragEnd: ue } = xs({
     annotations: l,
-    onAnnotationsChange: Q,
+    onAnnotationsChange: se,
     samplesPerPixel: x,
     sampleRate: C,
     duration: m,
     linkEndpoints: n
-  }), fe = T((V) => {
-    const me = V.currentTarget.getBoundingClientRect(), N = S.show ? S.width : 0, ce = (V.clientX - me.left - N) * x / C;
-    K(!0), A(ce), B(ce);
-  }, [S, x, C]), le = T((V) => {
+  }), he = E((V) => {
+    const fe = V.currentTarget.getBoundingClientRect(), U = S.show ? S.width : 0, ce = (V.clientX - fe.left - U) * x / C;
+    N(!0), k(ce), B(ce);
+  }, [S, x, C]), pe = E((V) => {
     if (!W) return;
-    const me = V.currentTarget.getBoundingClientRect(), N = S.show ? S.width : 0, ce = (V.clientX - me.left - N) * x / C;
+    const fe = V.currentTarget.getBoundingClientRect(), U = S.show ? S.width : 0, ce = (V.clientX - fe.left - U) * x / C;
     B(ce);
-  }, [W, S, x, C]), Fe = T((V) => {
+  }, [W, S, x, C]), De = E((V) => {
     if (!W) return;
-    K(!1);
-    const me = V.currentTarget.getBoundingClientRect(), N = S.show ? S.width : 0, ce = (V.clientX - me.left - N) * x / C, ye = Math.min(I, ce), ne = Math.max(I, ce);
-    Math.abs(ne - ye) < 0.1 ? (f(ye), A(ye), B(ye), o && M.current && (M.current.stop(), p(ye))) : (A(ye), B(ne));
-  }, [W, I, x, C, S, f, o, M, p]);
+    N(!1);
+    const fe = V.currentTarget.getBoundingClientRect(), U = S.show ? S.width : 0, ce = (V.clientX - fe.left - U) * x / C, ve = Math.min(A, ce), ee = Math.max(A, ce);
+    Math.abs(ee - ve) < 0.1 ? (f(ve), k(ve), B(ve), o && M.current && (M.current.stop(), p(ve))) : (k(ve), B(ee));
+  }, [W, A, x, C, S, f, o, M, p]);
   if (h.length === 0)
     return /* @__PURE__ */ w("div", { className: a, children: "Loading waveform..." });
-  const ve = null;
+  const de = null;
   return /* @__PURE__ */ w(nr, { children: /* @__PURE__ */ w(
     At.Provider,
     {
@@ -7075,8 +7077,8 @@ const zs = 60, Ls = ({
         timeScaleHeight: g,
         duration: m * 1e3,
         controls: S,
-        barWidth: k,
-        barGap: $
+        barWidth: I,
+        barGap: T
       },
       children: /* @__PURE__ */ w(
         en,
@@ -7084,36 +7086,36 @@ const zs = 60, Ls = ({
           theme: s,
           backgroundColor: ct(s.waveOutlineColor),
           timescaleBackgroundColor: s.timescaleBackgroundColor,
-          scrollContainerWidth: j + (S.show ? S.width : 0),
-          timescaleWidth: j,
-          tracksWidth: j,
+          scrollContainerWidth: J + (S.show ? S.width : 0),
+          timescaleWidth: J,
+          tracksWidth: J,
           controlsWidth: S.show ? S.width : 0,
-          onTracksMouseDown: fe,
-          onTracksMouseMove: le,
-          onTracksMouseUp: Fe,
-          scrollContainerRef: G,
+          onTracksMouseDown: he,
+          onTracksMouseMove: pe,
+          onTracksMouseUp: De,
+          scrollContainerRef: z,
           isSelecting: W,
           timescale: g > 0 ? /* @__PURE__ */ w(ar, {}) : void 0,
-          children: /* @__PURE__ */ ie(Qe, { children: [
-            h.map((V, me) => {
-              const N = V.length > 0 ? Math.max(...V.map((q) => q.peaks.data.length)) : 1;
-              return /* @__PURE__ */ w(nn.Provider, { value: ve, children: /* @__PURE__ */ w(
+          children: /* @__PURE__ */ le(et, { children: [
+            h.map((V, fe) => {
+              const U = V.length > 0 ? Math.max(...V.map((q) => q.peaks.data.length)) : 1;
+              return /* @__PURE__ */ w(nn.Provider, { value: de, children: /* @__PURE__ */ w(
                 or,
                 {
-                  numChannels: N,
+                  numChannels: U,
                   backgroundColor: ct(s.waveOutlineColor),
                   offset: 0,
-                  width: j,
+                  width: J,
                   hasClipHeaders: !1,
-                  trackId: `media-element-track-${me}`,
+                  trackId: `media-element-track-${fe}`,
                   isSelected: !0,
                   children: V.map((q, ce) => {
-                    const ye = q.peaks, ne = ye.length;
+                    const ve = q.peaks, ee = ve.length;
                     return /* @__PURE__ */ w(
                       Ut,
                       {
                         clipId: q.clipId,
-                        trackIndex: me,
+                        trackIndex: fe,
                         clipIndex: ce,
                         trackName: q.trackName,
                         startSample: q.startSample,
@@ -7122,46 +7124,46 @@ const zs = 60, Ls = ({
                         showHeader: !1,
                         disableHeaderDrag: !0,
                         isSelected: !0,
-                        trackId: `media-element-track-${me}`,
-                        children: ye.data.map((De, Re) => /* @__PURE__ */ w(
+                        trackId: `media-element-track-${fe}`,
+                        children: ve.data.map((Ze, Ue) => /* @__PURE__ */ w(
                           js,
                           {
-                            index: Re,
-                            data: De,
-                            bits: ye.bits,
-                            length: ne,
+                            index: Ue,
+                            data: Ze,
+                            bits: ve.bits,
+                            length: ee,
                             clipStartSample: q.startSample,
                             clipDurationSamples: q.durationSamples
                           },
-                          `${me}-${ce}-${Re}`
+                          `${fe}-${ce}-${Ue}`
                         ))
                       },
-                      `${me}-${ce}`
+                      `${fe}-${ce}`
                     );
                   })
                 }
-              ) }, me);
+              ) }, fe);
             }),
             l.length > 0 && u && /* @__PURE__ */ w(
               pa,
               {
-                onDragStart: ae,
-                onDragMove: he,
-                onDragEnd: de,
+                onDragStart: Q,
+                onDragMove: ie,
+                onDragEnd: ue,
                 modifiers: t ? [ga] : [],
-                children: /* @__PURE__ */ w(u.AnnotationBoxesWrapper, { height: 30, width: j, children: l.map((V, me) => {
-                  const N = V.start * C / x, q = V.end * C / x, ce = e ? e(V, me) : V.id;
+                children: /* @__PURE__ */ w(u.AnnotationBoxesWrapper, { height: 30, width: J, children: l.map((V, fe) => {
+                  const U = V.start * C / x, q = V.end * C / x, ce = e ? e(V, fe) : V.id;
                   return /* @__PURE__ */ w(
                     u.AnnotationBox,
                     {
                       annotationId: V.id,
-                      annotationIndex: me,
-                      startPosition: N,
+                      annotationIndex: fe,
+                      startPosition: U,
                       endPosition: q,
                       label: ce,
                       color: "#ff9800",
                       isActive: V.id === c,
-                      onClick: () => H(V),
+                      onClick: () => K(V),
                       editable: t
                     },
                     V.id
@@ -7169,11 +7171,11 @@ const zs = 60, Ls = ({
                 }) })
               }
             ),
-            I !== F && /* @__PURE__ */ w(
+            A !== F && /* @__PURE__ */ w(
               Qn,
               {
-                startPosition: Math.min(I, F) * C / x + (S.show ? S.width : 0),
-                endPosition: Math.max(I, F) * C / x + (S.show ? S.width : 0),
+                startPosition: Math.min(A, F) * C / x + (S.show ? S.width : 0),
+                endPosition: Math.max(A, F) * C / x + (S.show ? S.width : 0),
                 color: s.selectionColor
               }
             ),
@@ -7199,7 +7201,7 @@ const zs = 60, Ls = ({
   scrollActivePosition: o = "center",
   scrollActiveContainer: i = "nearest"
 }) => {
-  const { annotations: l, activeAnnotationId: c, continuousPlay: u } = an(), p = yt(), { setAnnotations: f } = Cr(), d = s ?? { linkEndpoints: !1, continuousPlay: u }, v = T((m) => {
+  const { annotations: l, activeAnnotationId: c, continuousPlay: u } = an(), p = yt(), { setAnnotations: f } = Cr(), d = s ?? { linkEndpoints: !1, continuousPlay: u }, v = E((m) => {
     f(m), n?.(m);
   }, [f, n]), { AnnotationText: y } = p;
   return /* @__PURE__ */ w(
@@ -7230,7 +7232,7 @@ const zs = 60, Ls = ({
   className: l
 }) => {
   const { annotations: c } = an();
-  return /* @__PURE__ */ ie(Qe, { children: [
+  return /* @__PURE__ */ le(et, { children: [
     /* @__PURE__ */ w(
       qs,
       {
@@ -7314,11 +7316,11 @@ export {
   Cr as useMediaElementControls,
   on as useMediaElementData,
   an as useMediaElementState,
-  Xe as usePlaybackAnimation,
+  Le as usePlaybackAnimation,
   hi as usePlaybackShortcuts,
-  be as usePlaylistControls,
+  Ce as usePlaylistControls,
   Be as usePlaylistData,
-  Oe as usePlaylistState,
+  Xe as usePlaylistState,
   Yi as useSpectrogramIntegration,
   gs as useTimeFormat,
   wi as useTrackDynamicEffects,