@lucaismyname/ginger 0.0.57 → 0.0.59

package/dist/{ginger-BHu7Ofna.js → ginger-Bc_8qZYi.js}

@@ -1,46 +1,46 @@
 import { jsx as c, jsxs as N, Fragment as yr } from "react/jsx-runtime";
-import { useContext as Qe, createContext as je, useRef as S, useState as bn, useEffect as E, useMemo as R, useReducer as kn, useCallback as I, Children as Tn, isValidElement as Mn, cloneElement as xn } from "react";
-import { c as V, u as ue, g as hr, d as A, G as In, f as En, h as Pn, i as An } from "./GingerSplitContexts-DQ3rESBu.js";
-import { f as pe } from "./formatTime-DUWvzW21.js";
-import { b as ze, g as le, r as Rn, a as Sn, p as vr, e as wn, d as br } from "./selectors-BT3WSsKN.js";
-import { t as Ye, d as _n, b as Gn, s as kr, f as Oe, e as q, g as Nn, h as lr, m as Ln, i as dr, j as pr, r as Dn, c as gr } from "./transitions-CmNkf3sd.js";
-const Tr = je(null);
-function Cn() {
-  const e = Qe(Tr);
+import { useContext as fe, createContext as me, useRef as w, useState as xt, useEffect as E, useMemo as A, useId as It, useLayoutEffect as Et, useReducer as Pt, useCallback as I, Children as St, isValidElement as At, cloneElement as Rt } from "react";
+import { c as C, u as le, g as hr, d as S, G as wt, f as Gt, h as _t, i as Nt } from "./GingerSplitContexts-DQ3rESBu.js";
+import { f as ge } from "./formatTime-DUWvzW21.js";
+import { b as ze, g as de, r as Lt, a as Dt, p as vr, e as Ut, d as kr } from "./selectors-BT3WSsKN.js";
+import { t as Qe, d as Ct, b as Ft, s as br, f as Ye, e as q, g as Vt, h as lr, m as Bt, i as dr, j as pr, r as Ot, c as gr } from "./transitions-CmNkf3sd.js";
+const Tr = me(null);
+function $t() {
+  const e = fe(Tr);
   if (!e) throw new Error("Ginger components must be used within <Ginger.Provider>");
   return e;
 }
 function fr(e) {
-  const { buffered: r, duration: t } = e;
-  return !(t > 0) || r.length === 0 ? 0 : Math.min(1, r.end(r.length - 1) / t);
+  const { buffered: r, duration: n } = e;
+  return !(n > 0) || r.length === 0 ? 0 : Math.min(1, r.end(r.length - 1) / n);
 }
-function Fn({
+function Yt({
   className: e,
   style: r,
-  preload: t = "metadata",
+  preload: n = "metadata",
   crossOrigin: a,
-  respectReducedMotion: n = !1
+  respectReducedMotion: t = !1
 }) {
   var x;
-  const { audioRef: i, dispatch: o, state: u, notifyEnded: d } = Cn(), p = ((x = u.tracks[u.currentIndex]) == null ? void 0 : x.fileUrl) ?? "", f = S({
+  const { audioRef: i, dispatch: o, state: u, notifyEnded: p } = $t(), l = ((x = u.tracks[u.currentIndex]) == null ? void 0 : x.fileUrl) ?? "", f = w({
     currentTime: -1,
     duration: -1,
     bufferedFraction: -1
-  }), m = S(""), [M, g] = bn(!1);
+  }), m = w(""), [M, g] = xt(!1);
   E(() => {
-    if (!n || typeof window > "u") return;
-    const y = window.matchMedia("(prefers-reduced-motion: reduce)"), b = () => g(y.matches);
-    return b(), y.addEventListener("change", b), () => y.removeEventListener("change", b);
-  }, [n]);
-  const h = (y, b = !1) => {
-    const L = {
+    if (!t || typeof window > "u") return;
+    const y = window.matchMedia("(prefers-reduced-motion: reduce)"), v = () => g(y.matches);
+    return v(), y.addEventListener("change", v), () => y.removeEventListener("change", v);
+  }, [t]);
+  const h = (y, v = !1) => {
+    const G = {
       currentTime: y.currentTime,
       duration: y.duration,
       bufferedFraction: fr(y)
-    }, w = f.current, ge = M ? 0.5 : 0.25, fe = Math.abs(L.currentTime - w.currentTime) >= ge || Math.abs(L.duration - w.duration) >= 0.01 || Math.abs(L.bufferedFraction - w.bufferedFraction) >= 0.01;
-    !b && !fe || (f.current = L, o({
+    }, R = f.current, Z = M ? 0.5 : 0.25, ye = Math.abs(G.currentTime - R.currentTime) >= Z || Math.abs(G.duration - R.duration) >= 0.01 || Math.abs(G.bufferedFraction - R.bufferedFraction) >= 0.01;
+    !v && !ye || (f.current = G, o({
       type: "MEDIA_TIME_UPDATE",
-      payload: L
+      payload: G
     }));
   };
   return E(() => {
@@ -49,20 +49,20 @@ function Fn({
   }, [i, u.volume, u.muted]), E(() => {
     const y = i.current;
     if (y) {
-      if (!p) {
+      if (!l) {
         y.removeAttribute("src"), f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, m.current !== "" && o({ type: "MEDIA_SOURCE_CLEARED" }), m.current = "";
         return;
       }
-      y.getAttribute("src") !== p && (y.src = p, y.load(), f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }), m.current = p, y.playbackRate = u.playbackRate;
+      y.getAttribute("src") !== l && (y.src = l, y.load(), f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }), m.current = l, y.playbackRate = u.playbackRate;
     }
-  }, [i, o, p, u.playbackRate]), /* @__PURE__ */ c(
+  }, [i, o, l, u.playbackRate]), /* @__PURE__ */ c(
     "audio",
     {
       "data-ginger-component": "Player",
       ref: i,
       className: e,
       style: r,
-      preload: t,
+      preload: n,
       crossOrigin: a,
       controls: !1,
       playsInline: !0,
@@ -70,39 +70,39 @@ function Fn({
         h(y.currentTarget);
       },
       onLoadedMetadata: (y) => {
-        const b = y.currentTarget;
+        const v = y.currentTarget;
         f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, o({
           type: "MEDIA_LOADED_METADATA",
           payload: {
-            duration: b.duration,
-            bufferedFraction: fr(b)
+            duration: v.duration,
+            bufferedFraction: fr(v)
           }
         });
       },
       onSeeking: (y) => h(y.currentTarget, !0),
       onSeeked: (y) => h(y.currentTarget, !0),
-      onEnded: () => d(),
+      onEnded: () => p(),
       onPlay: () => o({ type: "MEDIA_PLAY" }),
       onPause: () => o({ type: "MEDIA_PAUSE" }),
       onWaiting: () => o({ type: "MEDIA_WAITING" }),
       onCanPlay: () => o({ type: "MEDIA_CANPLAY" }),
       onProgress: (y) => h(y.currentTarget, !0),
       onVolumeChange: (y) => {
-        const b = y.currentTarget;
+        const v = y.currentTarget;
         o({
           type: "MEDIA_VOLUME_SYNC",
-          payload: { volume: b.volume, muted: b.muted }
+          payload: { volume: v.volume, muted: v.muted }
         });
       },
       onError: () => {
-        var w;
-        const y = i.current, b = (w = y == null ? void 0 : y.error) == null ? void 0 : w.code;
-        o({ type: "MEDIA_ERROR", payload: { message: b === 1 ? "MEDIA_ERR_ABORTED" : b === 2 ? "MEDIA_ERR_NETWORK" : b === 3 ? "MEDIA_ERR_DECODE" : b === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
+        var R;
+        const y = i.current, v = (R = y == null ? void 0 : y.error) == null ? void 0 : R.code;
+        o({ type: "MEDIA_ERROR", payload: { message: v === 1 ? "MEDIA_ERR_ABORTED" : v === 2 ? "MEDIA_ERR_NETWORK" : v === 3 ? "MEDIA_ERR_DECODE" : v === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
       }
     }
   );
 }
-const Ce = {
+const Ve = {
   seek: "Seek",
   volume: "Volume",
   playbackSpeed: "Playback speed",
@@ -123,42 +123,42 @@ const Ce = {
   playbackRateNormal: "1× normal",
   playbackRateTimes: (e) => `${e}×`
 };
-function Un(e) {
+function Ht(e) {
   return e ? {
-    ...Ce,
+    ...Ve,
     ...e,
-    repeat: { ...Ce.repeat, ...e.repeat }
-  } : Ce;
+    repeat: { ...Ve.repeat, ...e.repeat }
+  } : Ve;
 }
-const Mr = je(Ce);
-function Vn({
+const Mr = me(Ve);
+function Qt({
   locale: e,
   children: r
 }) {
-  const t = Un(e);
-  return /* @__PURE__ */ c(Mr.Provider, { value: t, children: r });
+  const n = Ht(e);
+  return /* @__PURE__ */ c(Mr.Provider, { value: n, children: r });
 }
 function F() {
-  return Qe(Mr);
+  return fe(Mr);
 }
-function Bn() {
-  const e = V(), r = ue(), t = F(), a = R(() => hr(e, r), [e, r]), n = ze(a), i = n > 0 ? a.currentTime : 0, o = Number.isFinite(i) ? i : 0, u = n > 0 ? `${pe(o)} of ${pe(n)}` : pe(o), d = (p) => {
-    r.seek(Number(p.currentTarget.value));
+function jt() {
+  const e = C(), r = le(), n = F(), a = A(() => hr(e, r), [e, r]), t = ze(a), i = t > 0 ? a.currentTime : 0, o = Number.isFinite(i) ? i : 0, u = t > 0 ? `${ge(o)} of ${ge(t)}` : ge(o), p = (l) => {
+    r.seek(Number(l.currentTarget.value));
   };
   return {
     state: a,
     value: o,
     min: 0,
-    max: n > 0 ? n : 1,
+    max: t > 0 ? t : 1,
     step: "any",
     ariaValueText: u,
-    ariaLabel: t.seek,
-    onSeekInput: d,
-    onSeekChange: d
+    ariaLabel: n.seek,
+    onSeekInput: p,
+    onSeekChange: p
   };
 }
-function On() {
-  const e = V(), r = ue(), t = F(), a = R(() => hr(e, r), [e, r]), n = (i) => {
+function zt() {
+  const e = C(), r = le(), n = F(), a = A(() => hr(e, r), [e, r]), t = (i) => {
     r.setVolume(Number(i.currentTarget.value));
   };
   return {
@@ -168,30 +168,30 @@ function On() {
     max: 1,
     step: "any",
     ariaValueText: `${Math.round(a.volume * 100)}%`,
-    ariaLabel: t.volume,
-    onVolumeInput: n,
-    onVolumeChange: n
+    ariaLabel: n.volume,
+    onVolumeInput: t,
+    onVolumeChange: t
   };
 }
-function $n(e) {
-  const r = V(), t = F(), a = (e == null ? void 0 : e.playAriaLabel) ?? t.play, n = (e == null ? void 0 : e.pauseAriaLabel) ?? t.pause;
+function Wt(e) {
+  const r = C(), n = F(), a = (e == null ? void 0 : e.playAriaLabel) ?? n.play, t = (e == null ? void 0 : e.pauseAriaLabel) ?? n.pause;
   return {
     isPaused: r.isPaused,
     toggle: r.togglePlayPause,
-    ariaLabel: r.isPaused ? a : n
+    ariaLabel: r.isPaused ? a : t
   };
 }
-function U(e) {
+function V(e) {
   const {
     className: r,
-    width: t,
+    width: n,
     height: a,
-    viewBox: n,
+    viewBox: t,
     fill: i,
     stroke: o,
     strokeWidth: u,
-    strokeLinecap: d,
-    strokeLinejoin: p,
+    strokeLinecap: p,
+    strokeLinejoin: l,
     children: f,
     ...m
   } = e;
@@ -200,14 +200,14 @@ function U(e) {
     {
       "data-ginger-component": "Wrapper",
       xmlns: "http://www.w3.org/2000/svg",
-      width: t ?? 24,
+      width: n ?? 24,
       height: a ?? 24,
-      viewBox: n ?? "0 0 24 24",
+      viewBox: t ?? "0 0 24 24",
       fill: "none",
       stroke: o ?? "currentColor",
       strokeWidth: u ?? 2,
-      strokeLinecap: d ?? "round",
-      strokeLinejoin: p ?? "round",
+      strokeLinecap: p ?? "round",
+      strokeLinejoin: l ?? "round",
       className: r,
       "aria-hidden": !0,
       role: "presentation",
@@ -217,12 +217,12 @@ function U(e) {
   );
 }
 function xr() {
-  return /* @__PURE__ */ c(U, { children: /* @__PURE__ */ c("path", { "data-ginger-component": "Pause", d: "M6 4h4v16H6zM14 4h4v16h-4z" }) });
+  return /* @__PURE__ */ c(V, { children: /* @__PURE__ */ c("path", { "data-ginger-component": "Pause", d: "M6 4h4v16H6zM14 4h4v16h-4z" }) });
 }
 function Ir() {
-  return /* @__PURE__ */ c(U, { children: /* @__PURE__ */ c("path", { "data-ginger-component": "Play", d: "M5 3L19 12 5 21 5 3z" }) });
+  return /* @__PURE__ */ c(V, { children: /* @__PURE__ */ c("path", { "data-ginger-component": "Play", d: "M5 3L19 12 5 21 5 3z" }) });
 }
-function $e() {
+function He() {
   return /* @__PURE__ */ N(yr, { children: [
     /* @__PURE__ */ c("path", { d: "m17 2 4 4-4 4" }),
     /* @__PURE__ */ c("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }),
@@ -231,16 +231,16 @@ function $e() {
   ] });
 }
 function Er({ mode: e }) {
-  return e === "one" ? /* @__PURE__ */ N(U, { children: [
-    /* @__PURE__ */ c($e, {}),
+  return e === "one" ? /* @__PURE__ */ N(V, { children: [
+    /* @__PURE__ */ c(He, {}),
     /* @__PURE__ */ c("path", { "data-ginger-component": "RepeatGlyph", d: "M11 10h1v4" })
-  ] }) : e === "all" ? /* @__PURE__ */ c(U, { children: /* @__PURE__ */ c($e, {}) }) : /* @__PURE__ */ N(U, { children: [
-    /* @__PURE__ */ c($e, {}),
+  ] }) : e === "all" ? /* @__PURE__ */ c(V, { children: /* @__PURE__ */ c(He, {}) }) : /* @__PURE__ */ N(V, { children: [
+    /* @__PURE__ */ c(He, {}),
     /* @__PURE__ */ c("line", { "data-ginger-component": "RepeatGlyph", x1: "3", x2: "21", y1: "3", y2: "21" })
   ] });
 }
 function Pr() {
-  return /* @__PURE__ */ N(U, { children: [
+  return /* @__PURE__ */ N(V, { children: [
     /* @__PURE__ */ c("path", { d: "m18 14 4 4-4 4" }),
     /* @__PURE__ */ c("path", { d: "m18 2 4 4-4 4" }),
     /* @__PURE__ */ c(
@@ -254,8 +254,8 @@ function Pr() {
     /* @__PURE__ */ c("path", { d: "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45" })
   ] });
 }
-function Ar() {
-  return /* @__PURE__ */ N(U, { children: [
+function Sr() {
+  return /* @__PURE__ */ N(V, { children: [
     /* @__PURE__ */ c(
       "path",
       {
@@ -266,8 +266,8 @@ function Ar() {
     /* @__PURE__ */ c("path", { d: "M3 20V4" })
   ] });
 }
-function Rr() {
-  return /* @__PURE__ */ N(U, { children: [
+function Ar() {
+  return /* @__PURE__ */ N(V, { children: [
     /* @__PURE__ */ c("path", { d: "M21 4v16" }),
     /* @__PURE__ */ c(
       "path",
@@ -278,8 +278,8 @@ function Rr() {
     )
   ] });
 }
-function Sr() {
-  return /* @__PURE__ */ N(U, { children: [
+function Rr() {
+  return /* @__PURE__ */ N(V, { children: [
     /* @__PURE__ */ c(
       "path",
       {
@@ -292,7 +292,7 @@ function Sr() {
   ] });
 }
 function wr() {
-  return /* @__PURE__ */ N(U, { children: [
+  return /* @__PURE__ */ N(V, { children: [
     /* @__PURE__ */ c(
       "path",
       {
@@ -304,18 +304,18 @@ function wr() {
     /* @__PURE__ */ c("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
   ] });
 }
-function _r({
+function Gr({
   playLabel: e = "Play",
   pauseLabel: r = "Pause",
-  playAriaLabel: t,
+  playAriaLabel: n,
   pauseAriaLabel: a,
-  children: n,
+  children: t,
   type: i = "button",
   onClick: o,
   ...u
 }) {
-  const d = F(), p = typeof e == "string" ? e : d.play, f = typeof r == "string" ? r : d.pause, m = $n({
-    playAriaLabel: t ?? p,
+  const p = F(), l = typeof e == "string" ? e : p.play, f = typeof r == "string" ? r : p.pause, m = Wt({
+    playAriaLabel: n ?? l,
     pauseAriaLabel: a ?? f
   });
   return /* @__PURE__ */ c(
@@ -328,41 +328,41 @@ function _r({
       onClick: (M) => {
         m.toggle(), o == null || o(M);
       },
-      children: n ?? (m.isPaused ? /* @__PURE__ */ c(Ir, {}) : /* @__PURE__ */ c(xr, {}))
+      children: t ?? (m.isPaused ? /* @__PURE__ */ c(Ir, {}) : /* @__PURE__ */ c(xr, {}))
     }
   );
 }
-_r.displayName = "Ginger.Control.PlayPause";
-function Gr({ type: e = "button", ariaLabel: r, onClick: t, children: a, ...n }) {
-  const { repeatMode: i, cycleRepeat: o } = V(), d = F().repeat[i];
+Gr.displayName = "Ginger.Control.PlayPause";
+function _r({ type: e = "button", ariaLabel: r, onClick: n, children: a, ...t }) {
+  const { repeatMode: i, cycleRepeat: o } = C(), p = F().repeat[i];
   return /* @__PURE__ */ c(
     "button",
     {
       "data-ginger-component": "Repeat",
-      ...n,
+      ...t,
       type: e,
-      "aria-label": r ?? d,
-      onClick: (p) => {
-        o(), t == null || t(p);
+      "aria-label": r ?? p,
+      onClick: (l) => {
+        o(), n == null || n(l);
       },
       children: a ?? /* @__PURE__ */ c(Er, { mode: i })
     }
   );
 }
-Gr.displayName = "Ginger.Control.Repeat";
-function Nr({ type: e = "button", children: r, ariaLabel: t, onClick: a, ...n }) {
-  const { next: i } = V(), o = F();
+_r.displayName = "Ginger.Control.Repeat";
+function Nr({ type: e = "button", children: r, ariaLabel: n, onClick: a, ...t }) {
+  const { next: i } = C(), o = F();
   return /* @__PURE__ */ c(
     "button",
     {
       "data-ginger-component": "Next",
-      ...n,
+      ...t,
       type: e,
-      "aria-label": t ?? o.nextTrack,
+      "aria-label": n ?? o.nextTrack,
       onClick: (u) => {
         i(), a == null || a(u);
       },
-      children: r ?? /* @__PURE__ */ c(Rr, {})
+      children: r ?? /* @__PURE__ */ c(Ar, {})
     }
   );
 }
@@ -370,51 +370,51 @@ Nr.displayName = "Ginger.Control.Next";
 function Lr({
   type: e = "button",
   children: r,
-  ariaLabel: t,
+  ariaLabel: n,
   onClick: a,
-  ...n
+  ...t
 }) {
-  const { prev: i } = V(), o = F();
+  const { prev: i } = C(), o = F();
   return /* @__PURE__ */ c(
     "button",
     {
       "data-ginger-component": "Previous",
-      ...n,
+      ...t,
       type: e,
-      "aria-label": t ?? o.previousTrack,
+      "aria-label": n ?? o.previousTrack,
       onClick: (u) => {
         i(), a == null || a(u);
       },
-      children: r ?? /* @__PURE__ */ c(Ar, {})
+      children: r ?? /* @__PURE__ */ c(Sr, {})
     }
   );
 }
 Lr.displayName = "Ginger.Control.Previous";
-function Dr({ type: e = "button", children: r, ariaLabel: t, onClick: a, ...n }) {
-  const { isShuffled: i, toggleShuffle: o } = V(), u = F();
+function Dr({ type: e = "button", children: r, ariaLabel: n, onClick: a, ...t }) {
+  const { isShuffled: i, toggleShuffle: o } = C(), u = F();
   return /* @__PURE__ */ c(
     "button",
     {
       "data-ginger-component": "Shuffle",
-      ...n,
+      ...t,
       type: e,
       "aria-pressed": i,
-      "aria-label": t ?? u.shuffle,
-      onClick: (d) => {
-        o(), a == null || a(d);
+      "aria-label": n ?? u.shuffle,
+      onClick: (p) => {
+        o(), a == null || a(p);
       },
       children: r ?? /* @__PURE__ */ c(Pr, {})
     }
   );
 }
 Dr.displayName = "Ginger.Control.Shuffle";
-function Cr({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: a, ...n }) {
-  const i = Bn(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
+function Ur({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: a, ...t }) {
+  const i = jt(), o = n ? { ...r, ...e } : { width: "100%", ...r, ...e };
   return /* @__PURE__ */ c(
     "input",
     {
       "data-ginger-component": "SeekBar",
-      ...n,
+      ...t,
       type: "range",
       min: i.min,
       max: i.max,
@@ -428,14 +428,14 @@ function Cr({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: a, ...n }) {
     }
   );
 }
-Cr.displayName = "Ginger.Control.SeekBar";
-function Fr({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: a, ...n }) {
-  const i = On(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
+Ur.displayName = "Ginger.Control.SeekBar";
+function Cr({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: a, ...t }) {
+  const i = zt(), o = n ? { ...r, ...e } : { width: "100%", ...r, ...e };
   return /* @__PURE__ */ c(
     "input",
     {
       "data-ginger-component": "Volume",
-      ...n,
+      ...t,
       type: "range",
       min: i.min,
       max: i.max,
@@ -449,17 +449,17 @@ function Fr({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: a, ...n }) {
     }
   );
 }
-Fr.displayName = "Ginger.Control.Volume";
-function Ur({
+Cr.displayName = "Ginger.Control.Volume";
+function Fr({
   ariaLabel: e,
   muteLabel: r,
-  unmuteLabel: t,
+  unmuteLabel: n,
   type: a = "button",
-  onClick: n,
+  onClick: t,
   children: i,
   ...o
 }) {
-  const { muted: u, toggleMute: d } = ue(), p = F();
+  const { muted: u, toggleMute: p } = le(), l = F();
   return /* @__PURE__ */ c(
     "button",
     {
@@ -467,142 +467,142 @@ function Ur({
       ...o,
       type: a,
       "aria-pressed": u,
-      "aria-label": e ?? (u ? p.unmute : p.mute),
+      "aria-label": e ?? (u ? l.unmute : l.mute),
       onClick: (f) => {
-        d(), n == null || n(f);
+        p(), t == null || t(f);
       },
-      children: i ?? (u ? t ?? /* @__PURE__ */ c(wr, {}) : r ?? /* @__PURE__ */ c(Sr, {}))
+      children: i ?? (u ? n ?? /* @__PURE__ */ c(wr, {}) : r ?? /* @__PURE__ */ c(Rr, {}))
     }
   );
 }
-Ur.displayName = "Ginger.Control.Mute";
-const Yn = [0.5, 0.75, 1, 1.25, 1.5, 2];
+Fr.displayName = "Ginger.Control.Mute";
+const Xt = [0.5, 0.75, 1, 1.25, 1.5, 2];
 function Vr({
-  rates: e = Yn,
+  rates: e = Xt,
   style: r,
-  ariaLabel: t,
+  ariaLabel: n,
   children: a,
-  ...n
+  ...t
 }) {
-  const { playbackRate: i, setPlaybackRate: o } = ue(), u = F(), d = R(
-    () => Array.from(/* @__PURE__ */ new Set([...e, i])).sort((p, f) => p - f),
+  const { playbackRate: i, setPlaybackRate: o } = le(), u = F(), p = A(
+    () => Array.from(/* @__PURE__ */ new Set([...e, i])).sort((l, f) => l - f),
     [e, i]
   );
   return /* @__PURE__ */ c(
     "select",
     {
       "data-ginger-component": "PlaybackRate",
-      ...n,
-      "aria-label": t ?? u.playbackSpeed,
+      ...t,
+      "aria-label": n ?? u.playbackSpeed,
       value: String(i),
       style: r,
-      onChange: (p) => o(Number(p.currentTarget.value)),
-      children: a ?? d.map((p) => /* @__PURE__ */ c("option", { value: String(p), children: p === 1 ? u.playbackRateNormal : u.playbackRateTimes(p) }, p))
+      onChange: (l) => o(Number(l.currentTarget.value)),
+      children: a ?? p.map((l) => /* @__PURE__ */ c("option", { value: String(l), children: l === 1 ? u.playbackRateNormal : u.playbackRateTimes(l) }, l))
     }
   );
 }
 Vr.displayName = "Ginger.Control.PlaybackRate";
-function ee(e, r) {
-  function t(a) {
-    const n = A(), o = (r(n) ?? "").trim(), { className: u, style: d, fallback: p, empty: f, children: m } = a;
+function re(e, r) {
+  function n(a) {
+    const t = S(), o = (r(t) ?? "").trim(), { className: u, style: p, fallback: l, empty: f, children: m } = a;
     if (!o) {
-      const M = f ?? p ?? null;
-      return M ? /* @__PURE__ */ c("span", { className: u, style: d, children: M }) : null;
+      const M = f ?? l ?? null;
+      return M ? /* @__PURE__ */ c("span", { className: u, style: p, children: M }) : null;
     }
-    return m ? /* @__PURE__ */ c("span", { className: u, style: d, children: m(o, n) }) : /* @__PURE__ */ c("span", { className: u, style: d, children: o });
+    return m ? /* @__PURE__ */ c("span", { className: u, style: p, children: m(o, t) }) : /* @__PURE__ */ c("span", { className: u, style: p, children: o });
   }
-  return t.displayName = e, t;
+  return n.displayName = e, n;
 }
-function re(e, r) {
-  return ee(e, (t) => r(le(t)));
+function te(e, r) {
+  return re(e, (n) => r(de(n)));
 }
-const Hn = re("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), Qn = re("Ginger.Current.Artist", (e) => e == null ? void 0 : e.artist), jn = ee("Ginger.Current.Album", (e) => Rn(e)), zn = re(
+const Kt = te("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), qt = te("Ginger.Current.Artist", (e) => e == null ? void 0 : e.artist), Jt = re("Ginger.Current.Album", (e) => Lt(e)), Zt = te(
   "Ginger.Current.Description",
   (e) => e == null ? void 0 : e.description
-), Wn = ee("Ginger.Current.Copyright", (e) => {
-  var t;
-  const r = le(e);
-  return (r == null ? void 0 : r.copyright) ?? ((t = e.playlistMeta) == null ? void 0 : t.copyright);
-}), Xn = re("Ginger.Current.Genre", (e) => e == null ? void 0 : e.genre), Kn = re("Ginger.Current.Label", (e) => e == null ? void 0 : e.label), qn = re("Ginger.Current.Isrc", (e) => e == null ? void 0 : e.isrc), Jn = re(
+), en = re("Ginger.Current.Copyright", (e) => {
+  var n;
+  const r = de(e);
+  return (r == null ? void 0 : r.copyright) ?? ((n = e.playlistMeta) == null ? void 0 : n.copyright);
+}), rn = te("Ginger.Current.Genre", (e) => e == null ? void 0 : e.genre), tn = te("Ginger.Current.Label", (e) => e == null ? void 0 : e.label), nn = te("Ginger.Current.Isrc", (e) => e == null ? void 0 : e.isrc), an = te(
   "Ginger.Current.TrackNumber",
   (e) => (e == null ? void 0 : e.trackNumber) != null ? String(e.trackNumber) : void 0
 );
-function Br({ className: e, style: r, fallback: t, empty: a, children: n, format: i }) {
-  var p;
-  const o = A(), u = (p = le(o)) == null ? void 0 : p.year;
+function Br({ className: e, style: r, fallback: n, empty: a, children: t, format: i }) {
+  var l;
+  const o = S(), u = (l = de(o)) == null ? void 0 : l.year;
   if (typeof u != "number" || !Number.isFinite(u)) {
-    const f = a ?? t ?? null;
+    const f = a ?? n ?? null;
     return f ? /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: f }) : null;
   }
-  const d = i ? i(u) : String(u);
-  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: n(d, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: d });
+  const p = i ? i(u) : String(u);
+  return t ? /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: t(p, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: p });
 }
 Br.displayName = "Ginger.Current.Year";
 function Or({
   className: e,
   style: r,
-  fallback: t,
+  fallback: n,
   empty: a,
-  children: n,
+  children: t,
   preserveWhitespace: i = !0,
   unstyled: o = !1
 }) {
   var m;
-  const u = A(), d = ((m = le(u)) == null ? void 0 : m.lyrics) ?? "", p = i ? d.replace(/^\s+|\s+$/g, "") : d.trim();
-  if (!p) {
-    const M = a ?? t ?? null;
+  const u = S(), p = ((m = de(u)) == null ? void 0 : m.lyrics) ?? "", l = i ? p.replace(/^\s+|\s+$/g, "") : p.trim();
+  if (!l) {
+    const M = a ?? n ?? null;
     return M ? /* @__PURE__ */ c("span", { "data-ginger-component": "Lyrics", className: e, style: r, children: M }) : null;
   }
   const f = !o && i ? { whiteSpace: "pre-wrap" } : void 0;
-  return n ? /* @__PURE__ */ c("span", { className: e, style: { ...f, ...r }, children: n(p, u) }) : /* @__PURE__ */ c("span", { className: e, style: { ...f, ...r }, children: p });
+  return t ? /* @__PURE__ */ c("span", { className: e, style: { ...f, ...r }, children: t(l, u) }) : /* @__PURE__ */ c("span", { className: e, style: { ...f, ...r }, children: l });
 }
 Or.displayName = "Ginger.Current.Lyrics";
 const mr = /\[(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?\]/g;
-function Zn(e) {
+function on(e) {
   const r = [];
-  for (const t of e.split(/\r?\n/)) {
-    const a = [...t.matchAll(mr)];
+  for (const n of e.split(/\r?\n/)) {
+    const a = [...n.matchAll(mr)];
     if (a.length === 0) continue;
-    const n = t.replace(mr, "").trim();
+    const t = n.replace(mr, "").trim();
     for (const i of a) {
-      const o = Number(i[1] ?? 0), u = Number(i[2] ?? 0), d = Number((i[3] ?? "0").padEnd(3, "0")), p = o * 60 + u + d / 1e3;
-      Number.isFinite(p) && p >= 0 && r.push({ time: p, text: n });
+      const o = Number(i[1] ?? 0), u = Number(i[2] ?? 0), p = Number((i[3] ?? "0").padEnd(3, "0")), l = o * 60 + u + p / 1e3;
+      Number.isFinite(l) && l >= 0 && r.push({ time: l, text: t });
     }
   }
-  return r.sort((t, a) => t.time - a.time);
+  return r.sort((n, a) => n.time - a.time);
 }
-function et() {
-  const { tracks: e, currentIndex: r } = V(), { currentTime: t } = ue(), a = e[r], n = R(() => a ? Array.isArray(a.lyricsTimed) && a.lyricsTimed.length > 0 ? [...a.lyricsTimed].filter((o) => Number.isFinite(o.time) && o.time >= 0).sort((o, u) => o.time - u.time) : typeof a.lyrics == "string" ? Zn(a.lyrics) : [] : [], [a]), i = R(() => {
-    for (let o = n.length - 1; o >= 0; o -= 1)
-      if (t >= n[o].time) return o;
+function cn() {
+  const { tracks: e, currentIndex: r } = C(), { currentTime: n } = le(), a = e[r], t = A(() => a ? Array.isArray(a.lyricsTimed) && a.lyricsTimed.length > 0 ? [...a.lyricsTimed].filter((o) => Number.isFinite(o.time) && o.time >= 0).sort((o, u) => o.time - u.time) : typeof a.lyrics == "string" ? on(a.lyrics) : [] : [], [a]), i = A(() => {
+    for (let o = t.length - 1; o >= 0; o -= 1)
+      if (n >= t[o].time) return o;
     return -1;
-  }, [t, n]);
+  }, [n, t]);
   return {
-    lines: n,
+    lines: t,
     activeIndex: i,
-    activeLine: i >= 0 ? n[i] ?? null : null
+    activeLine: i >= 0 ? t[i] ?? null : null
   };
 }
 function $r({
   className: e,
   style: r,
-  fallback: t,
+  fallback: n,
   empty: a,
-  unstyled: n = !1,
+  unstyled: t = !1,
   activeClassName: i,
   lineClassName: o,
   children: u
 }) {
-  const d = A(), p = F(), { lines: f, activeIndex: m } = et();
+  const p = S(), l = F(), { lines: f, activeIndex: m } = cn();
   if (f.length === 0) {
-    const g = a ?? t ?? null;
+    const g = a ?? n ?? null;
     return g ? /* @__PURE__ */ c("span", { "data-ginger-component": "LyricsSynced", className: e, style: r, children: g }) : null;
   }
   return /* @__PURE__ */ c(
     "ul",
     {
       className: e,
-      style: { ...n ? {} : {
+      style: { ...t ? {} : {
         listStyle: "none",
         margin: 0,
         padding: 0,
@@ -610,7 +610,7 @@ function $r({
         fontSize: "var(--ginger-font-size, 14px)",
         color: "var(--ginger-primary-color, #111827)"
       }, ...r },
-      "aria-label": p.syncedLyricsList,
+      "aria-label": l.syncedLyricsList,
       children: f.map((g, h) => {
         const x = h === m;
         return /* @__PURE__ */ c(
@@ -619,12 +619,12 @@ function $r({
             "aria-current": x ? "true" : void 0,
             "data-ginger-active": x || void 0,
             className: [o, x ? i : void 0].filter(Boolean).join(" ") || void 0,
-            style: n ? void 0 : {
+            style: t ? void 0 : {
               padding: "var(--ginger-playlist-row-padding, 4px 8px)",
               fontWeight: x ? 600 : 400,
               opacity: x ? 1 : 0.75
             },
-            children: u ? u(g, h, x, d) : g.text
+            children: u ? u(g, h, x, p) : g.text
           },
           `${g.time}-${h}`
         );
@@ -633,22 +633,22 @@ function $r({
   );
 }
 $r.displayName = "Ginger.Current.LyricsSynced";
-function rt() {
-  const { tracks: e, currentIndex: r } = V(), { currentTime: t, seek: a } = ue(), n = R(() => {
+function sn() {
+  const { tracks: e, currentIndex: r } = C(), { currentTime: n, seek: a } = le(), t = A(() => {
     var u;
-    return [...((u = e[r]) == null ? void 0 : u.chapters) ?? []].filter((d) => d && Number.isFinite(d.startSeconds) && d.startSeconds >= 0).sort((d, p) => d.startSeconds - p.startSeconds);
-  }, [r, e]), i = R(() => {
-    if (n.length === 0) return -1;
-    for (let o = n.length - 1; o >= 0; o -= 1)
-      if (t >= n[o].startSeconds) return o;
+    return [...((u = e[r]) == null ? void 0 : u.chapters) ?? []].filter((p) => p && Number.isFinite(p.startSeconds) && p.startSeconds >= 0).sort((p, l) => p.startSeconds - l.startSeconds);
+  }, [r, e]), i = A(() => {
+    if (t.length === 0) return -1;
+    for (let o = t.length - 1; o >= 0; o -= 1)
+      if (n >= t[o].startSeconds) return o;
     return -1;
-  }, [t, n]);
+  }, [n, t]);
   return {
-    list: n,
+    list: t,
     activeIndex: i,
-    active: i >= 0 ? n[i] ?? null : null,
+    active: i >= 0 ? t[i] ?? null : null,
     seekTo: (o) => {
-      const u = n[o];
+      const u = t[o];
       u && a(u.startSeconds);
     }
   };
@@ -656,25 +656,25 @@ function rt() {
 function Yr({
   className: e,
   style: r,
-  fallback: t,
+  fallback: n,
   empty: a,
-  unstyled: n = !1,
-  formatStart: i = pe,
+  unstyled: t = !1,
+  formatStart: i = ge,
   children: o
 }) {
-  const u = A(), d = F(), { list: p, activeIndex: f, seekTo: m } = rt();
-  if (p.length === 0) {
-    const g = a ?? t ?? null;
+  const u = S(), p = F(), { list: l, activeIndex: f, seekTo: m } = sn();
+  if (l.length === 0) {
+    const g = a ?? n ?? null;
     return g ? /* @__PURE__ */ c("span", { "data-ginger-component": "Chapters", className: e, style: r, children: g }) : null;
   }
-  return /* @__PURE__ */ c("ul", { className: e, style: { ...n ? {} : {
+  return /* @__PURE__ */ c("ul", { className: e, style: { ...t ? {} : {
     listStyle: "none",
     margin: 0,
     padding: 0,
     fontFamily: "var(--ginger-font-family, system-ui, sans-serif)",
     fontSize: "var(--ginger-font-size, 14px)",
     color: "var(--ginger-primary-color, #111827)"
-  }, ...r }, "aria-label": d.chaptersList, children: p.map((g, h) => {
+  }, ...r }, "aria-label": p.chaptersList, children: l.map((g, h) => {
     const x = h === f;
     return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
       "button",
@@ -684,16 +684,16 @@ function Yr({
         "data-ginger-active": x || void 0,
         onClick: () => m(h),
         style: {
-          width: n ? void 0 : "100%",
-          textAlign: n ? void 0 : "left",
-          border: n ? void 0 : "none",
-          background: n ? void 0 : x ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
-          color: n ? void 0 : "inherit",
-          font: n ? void 0 : "inherit",
-          cursor: n ? void 0 : "pointer",
-          padding: n ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)"
+          width: t ? void 0 : "100%",
+          textAlign: t ? void 0 : "left",
+          border: t ? void 0 : "none",
+          background: t ? void 0 : x ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+          color: t ? void 0 : "inherit",
+          font: t ? void 0 : "inherit",
+          cursor: t ? void 0 : "pointer",
+          padding: t ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)"
         },
-        children: o ? o(g, h, x, u) : n ? /* @__PURE__ */ N(yr, { children: [
+        children: o ? o(g, h, x, u) : t ? /* @__PURE__ */ N(yr, { children: [
           i(g.startSeconds),
           " ",
           g.title
@@ -709,37 +709,37 @@ Yr.displayName = "Ginger.Current.Chapters";
 function Hr({
   visible: e = !1,
   className: r,
-  style: t,
+  style: n,
   fallback: a,
-  empty: n,
+  empty: t,
   children: i
 }) {
-  var d;
-  const o = A();
+  var p;
+  const o = S();
   if (!e) return null;
-  const u = ((d = le(o)) == null ? void 0 : d.fileUrl) ?? "";
+  const u = ((p = de(o)) == null ? void 0 : p.fileUrl) ?? "";
   if (!u) {
-    const p = n ?? a ?? null;
-    return p ? /* @__PURE__ */ c("span", { className: r, style: t, children: p }) : null;
+    const l = t ?? a ?? null;
+    return l ? /* @__PURE__ */ c("span", { className: r, style: n, children: l }) : null;
   }
-  return i ? /* @__PURE__ */ c("span", { "data-ginger-component": "FileUrl", className: r, style: t, children: i(u, o) }) : /* @__PURE__ */ c("span", { className: r, style: t, children: u });
+  return i ? /* @__PURE__ */ c("span", { "data-ginger-component": "FileUrl", className: r, style: n, children: i(u, o) }) : /* @__PURE__ */ c("span", { className: r, style: n, children: u });
 }
 Hr.displayName = "Ginger.Current.FileUrl";
 function Qr({
   className: e,
   style: r,
-  fallback: t,
+  fallback: n,
   empty: a,
-  sizes: n,
+  sizes: t,
   loading: i,
   onError: o,
   decoding: u,
-  unstyled: d = !1,
-  imgStyle: p
+  unstyled: p = !1,
+  imgStyle: l
 }) {
-  const f = A(), m = le(f), M = Sn(f);
+  const f = S(), m = de(f), M = Dt(f);
   if (!M) {
-    const h = a ?? t ?? null;
+    const h = a ?? n ?? null;
     return h ? /* @__PURE__ */ c("span", { className: e, style: r, children: h }) : null;
   }
   const g = [m == null ? void 0 : m.title, m == null ? void 0 : m.artist].filter(Boolean).join(" — ") || "Artwork";
@@ -748,7 +748,7 @@ function Qr({
     {
       "data-ginger-component": "Artwork",
       className: e,
-      style: d ? { ...r } : {
+      style: p ? { ...r } : {
         background: "var(--ginger-artwork-bg, transparent)",
         borderRadius: "var(--ginger-artwork-radius, 0)",
         overflow: "hidden",
@@ -759,16 +759,16 @@ function Qr({
         {
           src: M,
           alt: g,
-          sizes: n,
+          sizes: t,
           loading: i,
           decoding: u,
           onError: o,
           style: {
-            display: d ? void 0 : "block",
-            width: d ? void 0 : "100%",
-            height: d ? void 0 : "100%",
-            objectFit: d ? void 0 : "cover",
-            ...p
+            display: p ? void 0 : "block",
+            width: p ? void 0 : "100%",
+            height: p ? void 0 : "100%",
+            objectFit: p ? void 0 : "cover",
+            ...l
           }
         }
       )
@@ -779,96 +779,96 @@ Qr.displayName = "Ginger.Current.Artwork";
 function jr({
   base: e = 0,
   className: r,
-  style: t,
+  style: n,
   fallback: a,
-  empty: n,
+  empty: t,
   children: i
 }) {
-  const o = A();
+  const o = S();
   if (o.tracks.length === 0) {
-    const p = n ?? a ?? null;
-    return p ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: p }) : null;
+    const l = t ?? a ?? null;
+    return l ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: n, children: l }) : null;
   }
-  const d = String(o.currentIndex + e);
-  return i ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: i(d, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: d });
+  const p = String(o.currentIndex + e);
+  return i ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: n, children: i(p, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: n, children: p });
 }
 jr.displayName = "Ginger.Current.QueueIndex";
-function zr({ className: e, style: r, fallback: t, empty: a, children: n }) {
-  const i = A(), o = String(i.tracks.length);
+function zr({ className: e, style: r, fallback: n, empty: a, children: t }) {
+  const i = S(), o = String(i.tracks.length);
   if (i.tracks.length === 0) {
-    const u = a ?? t ?? null;
+    const u = a ?? n ?? null;
     return u ? /* @__PURE__ */ c("span", { className: e, style: r, children: u }) : null;
   }
-  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueLength", className: e, style: r, children: n(o, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueLength", className: e, style: r, children: o });
+  return t ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueLength", className: e, style: r, children: t(o, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueLength", className: e, style: r, children: o });
 }
 zr.displayName = "Ginger.Current.QueueLength";
 function Wr({
   base: e = 0,
   separator: r = " / ",
-  className: t,
+  className: n,
   style: a,
-  fallback: n,
+  fallback: t,
   empty: i,
   children: o
 }) {
-  const u = A(), d = u.tracks.length;
-  if (d === 0) {
-    const M = i ?? n ?? null;
-    return M ? /* @__PURE__ */ c("span", { className: t, style: a, children: M }) : null;
+  const u = S(), p = u.tracks.length;
+  if (p === 0) {
+    const M = i ?? t ?? null;
+    return M ? /* @__PURE__ */ c("span", { className: n, style: a, children: M }) : null;
   }
-  const p = String(u.currentIndex + e), f = String(d), m = `${p}${r}${f}`;
-  return o ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: t, style: a, children: o({ index: p, length: f, label: m }, u) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: t, style: a, children: m });
+  const l = String(u.currentIndex + e), f = String(p), m = `${l}${r}${f}`;
+  return o ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: n, style: a, children: o({ index: l, length: f, label: m }, u) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: n, style: a, children: m });
 }
 Wr.displayName = "Ginger.Current.QueuePosition";
-function We(e, r, t) {
-  const { className: a, style: n, fallback: i, empty: o, children: u, format: d = pe } = t;
+function We(e, r, n) {
+  const { className: a, style: t, fallback: i, empty: o, children: u, format: p = ge } = n;
   if (!(e >= 0) || !Number.isFinite(e)) {
     const f = o ?? i ?? null;
-    return f ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: f }) : null;
+    return f ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: t, children: f }) : null;
   }
-  const p = d(e);
-  return u ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: u(p, r) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: p });
+  const l = p(e);
+  return u ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: t, children: u(l, r) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: t, children: l });
 }
 function Xr(e) {
-  const r = A();
+  const r = S();
   return We(r.currentTime, r, e);
 }
 Xr.displayName = "Ginger.Current.Elapsed";
 function Kr(e) {
-  const r = A();
+  const r = S();
   return We(ze(r), r, e);
 }
 Kr.displayName = "Ginger.Current.Duration";
 function qr(e) {
-  const r = A();
-  return We(wn(r), r, e);
+  const r = S();
+  return We(Ut(r), r, e);
 }
 qr.displayName = "Ginger.Current.Remaining";
-function Jr({ className: e, style: r, fallback: t, empty: a, children: n }) {
-  const i = A(), o = ze(i), u = vr(i);
+function Jr({ className: e, style: r, fallback: n, empty: a, children: t }) {
+  const i = S(), o = ze(i), u = vr(i);
   if (!(o > 0)) {
-    const d = a ?? t ?? null;
-    return d ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: d }) : null;
+    const p = a ?? n ?? null;
+    return p ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: p }) : null;
   }
-  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: n({ fraction: u, currentTime: i.currentTime, duration: o }, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: `${Math.round(u * 100)}%` });
+  return t ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: t({ fraction: u, currentTime: i.currentTime, duration: o }, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: `${Math.round(u * 100)}%` });
 }
 Jr.displayName = "Ginger.Current.Progress";
 function Zr({
   className: e,
   style: r,
-  height: t = 4,
+  height: n = 4,
   showBuffered: a = !1,
-  unstyled: n = !1
+  unstyled: t = !1
 }) {
-  const i = A(), o = `${Math.round(vr(i) * 100)}%`, u = `${Math.round(Math.min(1, Math.max(0, i.bufferedFraction)) * 100)}%`;
+  const i = S(), o = `${Math.round(vr(i) * 100)}%`, u = `${Math.round(Math.min(1, Math.max(0, i.bufferedFraction)) * 100)}%`;
   return /* @__PURE__ */ N(
     "div",
     {
       "data-ginger-component": "TimeRail",
       className: e,
-      style: n ? { ...r } : {
+      style: t ? { ...r } : {
         width: "100%",
-        height: t,
+        height: n,
         background: "var(--ginger-muted-color, #e5e7eb)",
         borderRadius: 999,
         overflow: "hidden",
@@ -882,12 +882,12 @@ function Zr({
           {
             "data-ginger-component": "TimeRail",
             style: {
-              position: n ? void 0 : "absolute",
-              left: n ? void 0 : 0,
-              top: n ? void 0 : 0,
-              height: n ? void 0 : "100%",
+              position: t ? void 0 : "absolute",
+              left: t ? void 0 : 0,
+              top: t ? void 0 : 0,
+              height: t ? void 0 : "100%",
               width: u,
-              background: n ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+              background: t ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
             }
           }
         ) : null,
@@ -896,10 +896,10 @@ function Zr({
           {
             "data-ginger-component": "TimeRail",
             style: {
-              position: n ? void 0 : "relative",
+              position: t ? void 0 : "relative",
               width: o,
-              height: n ? void 0 : "100%",
-              background: n ? void 0 : "var(--ginger-primary-color, #111827)"
+              height: t ? void 0 : "100%",
+              background: t ? void 0 : "var(--ginger-primary-color, #111827)"
             }
           }
         )
@@ -908,8 +908,8 @@ function Zr({
   );
 }
 Zr.displayName = "Ginger.Current.TimeRail";
-function en({ className: e, style: r, height: t = 4, unstyled: a = !1 }) {
-  const n = A(), i = `${Math.round(Math.min(1, Math.max(0, n.bufferedFraction)) * 100)}%`;
+function et({ className: e, style: r, height: n = 4, unstyled: a = !1 }) {
+  const t = S(), i = `${Math.round(Math.min(1, Math.max(0, t.bufferedFraction)) * 100)}%`;
   return /* @__PURE__ */ c(
     "div",
     {
@@ -917,7 +917,7 @@ function en({ className: e, style: r, height: t = 4, unstyled: a = !1 }) {
       className: e,
       style: a ? { ...r } : {
         width: "100%",
-        height: t,
+        height: n,
         background: "var(--ginger-muted-color, #e5e7eb)",
         borderRadius: 999,
         overflow: "hidden",
@@ -938,24 +938,24 @@ function en({ className: e, style: r, height: t = 4, unstyled: a = !1 }) {
     }
   );
 }
-en.displayName = "Ginger.Current.BufferRail";
-function rn({ className: e, style: r, fallback: t, empty: a, children: n }) {
-  const i = A(), o = br(i);
-  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "PlaybackState", className: e, style: r, children: n(o, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "PlaybackState", className: e, style: r, children: o });
+et.displayName = "Ginger.Current.BufferRail";
+function rt({ className: e, style: r, fallback: n, empty: a, children: t }) {
+  const i = S(), o = kr(i);
+  return t ? /* @__PURE__ */ c("span", { "data-ginger-component": "PlaybackState", className: e, style: r, children: t(o, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "PlaybackState", className: e, style: r, children: o });
 }
-rn.displayName = "Ginger.Current.PlaybackState";
-function nn({
+rt.displayName = "Ginger.Current.PlaybackState";
+function tt({
   className: e,
   style: r,
-  fallback: t,
+  fallback: n,
   empty: a,
-  live: n = "polite",
+  live: t = "polite",
   children: i
 }) {
-  const o = A(), u = o.errorMessage ?? "";
+  const o = S(), u = o.errorMessage ?? "";
   if (!u) {
-    const d = a ?? t ?? null;
-    return d ? /* @__PURE__ */ c("span", { "data-ginger-component": "ErrorMessage", className: e, style: r, children: d }) : null;
+    const p = a ?? n ?? null;
+    return p ? /* @__PURE__ */ c("span", { "data-ginger-component": "ErrorMessage", className: e, style: r, children: p }) : null;
   }
   return i ? /* @__PURE__ */ c(
     "span",
@@ -963,29 +963,29 @@ function nn({
       "data-ginger-component": "ErrorMessage",
       className: e,
       style: r,
-      "aria-live": n,
+      "aria-live": t,
       children: i(u, o)
     }
-  ) : /* @__PURE__ */ c("span", { "data-ginger-component": "ErrorMessage", className: e, style: r, "aria-live": n, children: u });
+  ) : /* @__PURE__ */ c("span", { "data-ginger-component": "ErrorMessage", className: e, style: r, "aria-live": t, children: u });
 }
-nn.displayName = "Ginger.Current.ErrorMessage";
-const He = je(null);
-function nt() {
-  const e = Qe(He);
+tt.displayName = "Ginger.Current.ErrorMessage";
+const je = me(null);
+function un() {
+  const e = fe(je);
   if (!e)
     throw new Error("Ginger.Playlist.Track must be used inside <Ginger.Playlist>");
   return e;
 }
-function tn({
+function nt({
   children: e,
   unstyled: r = !1,
-  rowStyle: t,
+  rowStyle: n,
   renderTrack: a,
-  playOnSelect: n = !0,
+  playOnSelect: t = !0,
   style: i,
   ...o
 }) {
-  const { tracks: u, currentIndex: d, playTrackAt: p, selectTrackAt: f } = V(), m = r ? { ...i } : {
+  const { tracks: u, currentIndex: p, playTrackAt: l, selectTrackAt: f } = C(), m = r ? { ...i } : {
     listStyle: "none",
     margin: 0,
     padding: 0,
@@ -994,14 +994,14 @@ function tn({
     color: "var(--ginger-primary-color, #111827)",
     ...i
   };
-  return e !== void 0 ? /* @__PURE__ */ c(He.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: m, ...o, children: e }) }) : /* @__PURE__ */ c(He.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: m, ...o, children: u.map((g, h) => {
-    const x = h === d;
+  return e !== void 0 ? /* @__PURE__ */ c(je.Provider, { value: { playOnSelect: t }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: m, ...o, children: e }) }) : /* @__PURE__ */ c(je.Provider, { value: { playOnSelect: t }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: m, ...o, children: u.map((g, h) => {
+    const x = h === p;
     return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
       "button",
       {
         type: "button",
         onClick: () => {
-          n ? p(h) : f(h);
+          t ? l(h) : f(h);
         },
         style: {
           width: r ? void 0 : "100%",
@@ -1012,28 +1012,28 @@ function tn({
           font: r ? void 0 : "inherit",
           cursor: r ? void 0 : "pointer",
           padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
-          ...t
+          ...n
         },
         children: a ? a(g, h, x) : /* @__PURE__ */ N("span", { children: [
           g.title,
           g.artist ? ` — ${g.artist}` : ""
         ] })
       }
-    ) }, `${h}-${Ye(g)}`);
+    ) }, `${h}-${Qe(g)}`);
   }) }) });
 }
-tn.displayName = "Ginger.Playlist";
-function an({
+nt.displayName = "Ginger.Playlist";
+function at({
   index: e,
   unstyled: r = !1,
-  className: t,
+  className: n,
   style: a,
-  children: n,
+  children: t,
   liProps: i,
   onClick: o,
   ...u
 }) {
-  const { playOnSelect: d } = nt(), { tracks: p, currentIndex: f, playTrackAt: m, selectTrackAt: M } = V(), g = e === f, h = p[e], x = h != null ? /* @__PURE__ */ N("span", { "data-ginger-component": "PlaylistTrack", children: [
+  const { playOnSelect: p } = un(), { tracks: l, currentIndex: f, playTrackAt: m, selectTrackAt: M } = C(), g = e === f, h = l[e], x = h != null ? /* @__PURE__ */ N("span", { "data-ginger-component": "PlaylistTrack", children: [
     h.title,
     h.artist ? ` — ${h.artist}` : ""
   ] }) : null;
@@ -1044,7 +1044,7 @@ function an({
       "data-ginger-component": "PlaylistTrackButton",
       "aria-current": g ? "true" : void 0,
       "data-ginger-active": g || void 0,
-      className: t,
+      className: n,
       style: {
         width: r ? void 0 : "100%",
         textAlign: r ? void 0 : "left",
@@ -1058,55 +1058,55 @@ function an({
       },
       ...u,
       onClick: (y) => {
-        o == null || o(y), !y.defaultPrevented && (d ? m(e) : M(e));
+        o == null || o(y), !y.defaultPrevented && (p ? m(e) : M(e));
       },
-      children: n ?? x
+      children: t ?? x
     }
   ) });
 }
-an.displayName = "Ginger.Playlist.Track";
-const tt = Object.assign(tn, {
-  Track: an
-}), at = ee("Ginger.Queue.Title", (e) => {
+at.displayName = "Ginger.Playlist.Track";
+const ln = Object.assign(nt, {
+  Track: at
+}), dn = re("Ginger.Queue.Title", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.title;
-}), it = ee("Ginger.Queue.Subtitle", (e) => {
+}), pn = re("Ginger.Queue.Subtitle", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.subtitle;
-}), ot = ee(
+}), gn = re(
   "Ginger.Queue.Description",
   (e) => {
     var r;
     return (r = e.playlistMeta) == null ? void 0 : r.description;
   }
-), ct = ee(
+), fn = re(
   "Ginger.Queue.Copyright",
   (e) => {
     var r;
     return (r = e.playlistMeta) == null ? void 0 : r.copyright;
   }
 );
-function on({
+function it({
   className: e,
   style: r,
-  fallback: t,
+  fallback: n,
   empty: a,
-  unstyled: n = !1,
+  unstyled: t = !1,
   imgStyle: i
 }) {
-  var p, f;
-  const o = A(), u = (p = o.playlistMeta) == null ? void 0 : p.artworkUrl;
+  var l, f;
+  const o = S(), u = (l = o.playlistMeta) == null ? void 0 : l.artworkUrl;
   if (!u) {
-    const m = a ?? t ?? null;
+    const m = a ?? n ?? null;
     return m ? /* @__PURE__ */ c("span", { "data-ginger-component": "Artwork", className: e, style: r, children: m }) : null;
   }
-  const d = ((f = o.playlistMeta) == null ? void 0 : f.title) ?? "Playlist artwork";
+  const p = ((f = o.playlistMeta) == null ? void 0 : f.title) ?? "Playlist artwork";
   return /* @__PURE__ */ c(
     "span",
     {
       "data-ginger-component": "Artwork",
       className: e,
-      style: n ? { ...r } : {
+      style: t ? { ...r } : {
         display: "inline-block",
         background: "var(--ginger-artwork-bg, #f3f4f6)",
         borderRadius: "var(--ginger-artwork-radius, 6px)",
@@ -1117,12 +1117,12 @@ function on({
         "img",
         {
           src: u,
-          alt: d,
+          alt: p,
           style: {
-            display: n ? void 0 : "block",
-            width: n ? void 0 : "100%",
-            height: n ? void 0 : "100%",
-            objectFit: n ? void 0 : "cover",
+            display: t ? void 0 : "block",
+            width: t ? void 0 : "100%",
+            height: t ? void 0 : "100%",
+            objectFit: t ? void 0 : "cover",
             ...i
           }
         }
@@ -1130,8 +1130,136 @@ function on({
     }
   );
 }
-on.displayName = "Ginger.Queue.Artwork";
-function Fe(e) {
+it.displayName = "Ginger.Queue.Artwork";
+const ot = me(null);
+function mn({
+  children: e,
+  value: r
+}) {
+  return /* @__PURE__ */ c(ot.Provider, { value: r, children: e });
+}
+function yn() {
+  const e = fe(ot);
+  if (!e)
+    throw new Error("Ginger.Track must be used inside <Ginger.Tracks>");
+  return e;
+}
+function hn(e) {
+  const r = e.fileUrl ?? e.src;
+  if (!r || r === "")
+    throw new Error("Ginger.Track requires a non-empty fileUrl or src.");
+  const {
+    src: n,
+    fileUrl: a,
+    title: t,
+    id: i,
+    artist: o,
+    copyright: u,
+    description: p,
+    album: l,
+    artworkUrl: f,
+    genre: m,
+    year: M,
+    label: g,
+    isrc: h,
+    trackNumber: x,
+    lyrics: y,
+    lyricsTimed: v,
+    chapters: G,
+    durationSeconds: R,
+    metadata: Z
+  } = e;
+  return {
+    ...i !== void 0 ? { id: i } : {},
+    title: t,
+    fileUrl: r,
+    ...o !== void 0 ? { artist: o } : {},
+    ...u !== void 0 ? { copyright: u } : {},
+    ...p !== void 0 ? { description: p } : {},
+    ...l !== void 0 ? { album: l } : {},
+    ...f !== void 0 ? { artworkUrl: f } : {},
+    ...m !== void 0 ? { genre: m } : {},
+    ...M !== void 0 ? { year: M } : {},
+    ...g !== void 0 ? { label: g } : {},
+    ...h !== void 0 ? { isrc: h } : {},
+    ...x !== void 0 ? { trackNumber: x } : {},
+    ...y !== void 0 ? { lyrics: y } : {},
+    ...v !== void 0 ? { lyricsTimed: v } : {},
+    ...G !== void 0 ? { chapters: G } : {},
+    ...R !== void 0 ? { durationSeconds: R } : {},
+    ...Z !== void 0 ? { metadata: Z } : {}
+  };
+}
+function ct(e) {
+  const r = yn(), n = It().replace(/:/g, ""), a = e.id ?? `ginger-decl:${n}`, t = hn({ ...e, id: a });
+  return r.slots.set(a, t), r.order.push(a), null;
+}
+ct.displayName = "Ginger.Track";
+const st = me(
+  null
+);
+function vn({
+  children: e,
+  value: r
+}) {
+  return /* @__PURE__ */ c(st.Provider, { value: r, children: e });
+}
+function kn() {
+  return fe(st);
+}
+function bn(e, r, n) {
+  switch (e) {
+    case "append":
+      return [...r, ...n];
+    case "prepend":
+      return [...n, ...r];
+    case "replace":
+      return [...n];
+    default:
+      return [...r, ...n];
+  }
+}
+function Tn(e, r) {
+  if (e.length !== r.length) return !1;
+  for (let n = 0; n < e.length; n++) {
+    const a = e[n], t = r[n];
+    if (a !== t && (a.title !== t.title || a.fileUrl !== t.fileUrl || (a.id ?? "") !== (t.id ?? "") || (a.artist ?? "") !== (t.artist ?? "")))
+      return !1;
+  }
+  return !0;
+}
+function Mn({
+  merge: e,
+  registry: r
+}) {
+  const { dispatch: n, tracks: a, currentIndex: t } = C(), i = kn(), o = r.order.map((l) => {
+    const f = r.slots.get(l);
+    return f ? `${l}:${f.fileUrl}:${f.title}` : "";
+  }).join("|"), p = ((i == null ? void 0 : i.getInitialTracksSnapshot()) ?? []).map((l) => `${l.id ?? ""}:${l.fileUrl}:${l.title}`).join("|");
+  return Et(() => {
+    const l = (i == null ? void 0 : i.getInitialTracksSnapshot()) ?? [], f = r.order.map((g) => r.slots.get(g)).filter((g) => g != null), m = bn(e, l, f);
+    if (Tn(m, a)) return;
+    const M = Math.min(t, Math.max(0, m.length - 1));
+    n({ type: "SET_QUEUE", payload: { tracks: m, currentIndex: M } });
+  }, [e, o, p, i, n, r, a, t]), null;
+}
+function ut({
+  children: e,
+  merge: r = "append",
+  style: n,
+  hidden: a,
+  ...t
+}) {
+  const i = w(null);
+  i.current || (i.current = { slots: /* @__PURE__ */ new Map(), order: [] });
+  const o = i.current;
+  return o.slots.clear(), o.order.length = 0, /* @__PURE__ */ N(mn, { value: o, children: [
+    /* @__PURE__ */ c("div", { "data-ginger-component": "Tracks", style: { display: "contents", ...n }, ...t, children: e }),
+    /* @__PURE__ */ c(Mn, { merge: r, registry: o })
+  ] });
+}
+ut.displayName = "Ginger.Tracks";
+function Be(e) {
   return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 1;
 }
 function Xe(e) {
@@ -1143,63 +1271,63 @@ const J = {
   bufferedFraction: 0,
   isBuffering: !1,
   errorMessage: null
-}, st = {
+}, xn = {
   ...J,
   volume: 1,
   muted: !1,
   playbackRate: 1
 };
-function cn(e) {
+function lt(e) {
   const r = [...e.tracks];
-  let t = q(e.currentIndex ?? 0, r.length), a = null, n = r;
-  return e.isShuffled && r.length > 1 && (a = [...r], n = kr(r, t), t = 0), {
-    tracks: n,
-    currentIndex: t,
+  let n = q(e.currentIndex ?? 0, r.length), a = null, t = r;
+  return e.isShuffled && r.length > 1 && (a = [...r], t = br(r, n), n = 0), {
+    tracks: t,
+    currentIndex: n,
     playbackMode: e.playbackMode ?? "playlist",
     isPaused: e.isPaused ?? !0,
-    isShuffled: !!(e.isShuffled && n.length > 1),
+    isShuffled: !!(e.isShuffled && t.length > 1),
     repeatMode: e.repeatMode ?? "off",
     originalTracks: a,
     playlistMeta: e.playlistMeta ?? null,
-    ...st,
-    volume: Fe(e.volume ?? 1),
+    ...xn,
+    volume: Be(e.volume ?? 1),
     muted: e.muted ?? !1,
     playbackRate: Xe(e.playbackRate ?? 1)
   };
 }
-function ut(e, r) {
+function In(e, r) {
   switch (r.type) {
     case "INIT": {
       const {
-        tracks: t,
+        tracks: n,
         currentIndex: a,
-        playlistMeta: n,
+        playlistMeta: t,
         isPaused: i,
         isShuffled: o,
         repeatMode: u,
-        playbackMode: d,
-        volume: p,
+        playbackMode: p,
+        volume: l,
         muted: f,
         playbackRate: m
       } = r.payload;
-      return cn({
-        tracks: t,
+      return lt({
+        tracks: n,
         currentIndex: a,
-        playlistMeta: n ?? null,
+        playlistMeta: t ?? null,
         isPaused: i ?? !0,
         isShuffled: o ?? !1,
         repeatMode: u ?? "off",
-        playbackMode: d ?? "playlist",
-        volume: p,
+        playbackMode: p ?? "playlist",
+        volume: l,
         muted: f,
         playbackRate: m
       });
     }
     case "SET_QUEUE": {
-      const { tracks: t, currentIndex: a } = r.payload, n = [...t], i = q(a ?? e.currentIndex, n.length);
+      const { tracks: n, currentIndex: a } = r.payload, t = [...n], i = q(a ?? e.currentIndex, t.length);
       return {
         ...e,
-        tracks: n,
+        tracks: t,
         currentIndex: i,
         isShuffled: !1,
         originalTracks: null,
@@ -1207,9 +1335,9 @@ function ut(e, r) {
       };
     }
     case "INSERT_TRACK": {
-      const t = r.payload.index ?? e.tracks.length, a = pr(e.tracks, r.payload.track, t);
+      const n = r.payload.index ?? e.tracks.length, a = pr(e.tracks, r.payload.track, n);
       if (r.payload.autoPlay) {
-        const o = q(t, a.length);
+        const o = q(n, a.length);
         return {
           ...e,
           tracks: a,
@@ -1220,57 +1348,57 @@ function ut(e, r) {
           ...J
         };
       }
-      const n = t <= e.currentIndex ? e.currentIndex + 1 : e.currentIndex, i = e.isShuffled && e.originalTracks ? pr(e.originalTracks, r.payload.track, e.originalTracks.length) : e.originalTracks;
+      const t = n <= e.currentIndex ? e.currentIndex + 1 : e.currentIndex, i = e.isShuffled && e.originalTracks ? pr(e.originalTracks, r.payload.track, e.originalTracks.length) : e.originalTracks;
       return {
         ...e,
         tracks: a,
         originalTracks: i,
-        currentIndex: q(n, a.length)
+        currentIndex: q(t, a.length)
       };
     }
     case "REMOVE_TRACK": {
-      const t = r.payload.index, a = dr(e.tracks, t), n = t < e.currentIndex ? e.currentIndex - 1 : t === e.currentIndex ? Math.min(e.currentIndex, Math.max(0, a.length - 1)) : e.currentIndex, i = e.isShuffled && e.originalTracks ? (() => {
-        const u = e.tracks[t], d = Oe(e.originalTracks, u);
-        return dr(e.originalTracks, d);
+      const n = r.payload.index, a = dr(e.tracks, n), t = n < e.currentIndex ? e.currentIndex - 1 : n === e.currentIndex ? Math.min(e.currentIndex, Math.max(0, a.length - 1)) : e.currentIndex, i = e.isShuffled && e.originalTracks ? (() => {
+        const u = e.tracks[n], p = Ye(e.originalTracks, u);
+        return dr(e.originalTracks, p);
       })() : e.originalTracks, o = e.isShuffled && a.length > 1;
       return {
         ...e,
         tracks: a,
         isShuffled: o,
         originalTracks: o ? i : null,
-        currentIndex: q(n, a.length),
-        ...t === e.currentIndex ? J : {}
+        currentIndex: q(t, a.length),
+        ...n === e.currentIndex ? J : {}
       };
     }
     case "MOVE_TRACK": {
-      const { fromIndex: t, toIndex: a } = r.payload, n = Ln(e.tracks, t, a);
+      const { fromIndex: n, toIndex: a } = r.payload, t = Bt(e.tracks, n, a);
       let i = e.currentIndex;
-      return e.currentIndex === t ? i = a : t < e.currentIndex && a >= e.currentIndex ? i -= 1 : t > e.currentIndex && a <= e.currentIndex && (i += 1), {
+      return e.currentIndex === n ? i = a : n < e.currentIndex && a >= e.currentIndex ? i -= 1 : n > e.currentIndex && a <= e.currentIndex && (i += 1), {
         ...e,
-        tracks: n,
+        tracks: t,
         isShuffled: !1,
         originalTracks: null,
-        currentIndex: q(i, n.length)
+        currentIndex: q(i, t.length)
       };
     }
     case "ADD_NEXT": {
-      const t = lr(e.tracks, e.currentIndex, r.payload.track), a = e.isShuffled && e.originalTracks ? (() => {
-        const n = e.tracks[e.currentIndex], i = Oe(e.originalTracks, n);
+      const n = lr(e.tracks, e.currentIndex, r.payload.track), a = e.isShuffled && e.originalTracks ? (() => {
+        const t = e.tracks[e.currentIndex], i = Ye(e.originalTracks, t);
         return lr(e.originalTracks, i, r.payload.track);
       })() : e.originalTracks;
       return {
         ...e,
-        tracks: t,
+        tracks: n,
         originalTracks: a
       };
     }
     case "SET_INDEX": {
-      const t = q(r.payload.index, e.tracks.length), a = r.payload.autoPlay, n = a === !0 ? !1 : a === !1 ? !0 : e.isPaused;
+      const n = q(r.payload.index, e.tracks.length), a = r.payload.autoPlay, t = a === !0 ? !1 : a === !1 ? !0 : e.isPaused;
       return {
         ...e,
-        currentIndex: t,
+        currentIndex: n,
         ...J,
-        isPaused: n
+        isPaused: t
       };
     }
     case "PLAY":
@@ -1282,11 +1410,11 @@ function ut(e, r) {
     case "SET_REPEAT":
       return { ...e, repeatMode: r.payload };
     case "CYCLE_REPEAT":
-      return { ...e, repeatMode: Nn(e.repeatMode) };
+      return { ...e, repeatMode: Vt(e.repeatMode) };
     case "TOGGLE_SHUFFLE": {
       if (e.tracks.length <= 1) return { ...e, isShuffled: !1, originalTracks: null };
       if (!e.isShuffled) {
-        const i = [...e.tracks], o = kr(i, e.currentIndex);
+        const i = [...e.tracks], o = br(i, e.currentIndex);
         return {
           ...e,
           isShuffled: !0,
@@ -1295,29 +1423,29 @@ function ut(e, r) {
           currentIndex: 0
         };
       }
-      const t = e.originalTracks ? [...e.originalTracks] : [...e.tracks], a = e.tracks[e.currentIndex], n = Oe(t, a);
+      const n = e.originalTracks ? [...e.originalTracks] : [...e.tracks], a = e.tracks[e.currentIndex], t = Ye(n, a);
       return {
         ...e,
         isShuffled: !1,
         originalTracks: null,
-        tracks: t,
-        currentIndex: q(n, t.length)
+        tracks: n,
+        currentIndex: q(t, n.length)
       };
     }
     case "NEXT": {
-      const t = Gn(e), a = t === e.currentIndex;
+      const n = Ft(e), a = n === e.currentIndex;
       return {
         ...e,
-        currentIndex: t,
+        currentIndex: n,
         ...a ? {} : J,
         isPaused: a ? e.isPaused : !1
       };
     }
     case "PREV": {
-      const t = _n(e), a = t === e.currentIndex;
+      const n = Ct(e), a = n === e.currentIndex;
       return {
         ...e,
-        currentIndex: t,
+        currentIndex: n,
         ...a ? {} : J,
         isPaused: a ? e.isPaused : !1
       };
@@ -1361,7 +1489,7 @@ function ut(e, r) {
     case "MEDIA_SOURCE_CLEARED":
       return { ...e, ...J };
     case "SET_VOLUME":
-      return { ...e, volume: Fe(r.payload) };
+      return { ...e, volume: Be(r.payload) };
     case "SET_MUTED":
       return { ...e, muted: r.payload };
     case "TOGGLE_MUTE":
@@ -1369,46 +1497,46 @@ function ut(e, r) {
     case "SET_PLAYBACK_RATE":
       return { ...e, playbackRate: Xe(r.payload) };
     case "MEDIA_VOLUME_SYNC": {
-      const { volume: t, muted: a } = r.payload, n = Fe(t);
-      return n === e.volume && a === e.muted ? e : { ...e, volume: n, muted: a };
+      const { volume: n, muted: a } = r.payload, t = Be(n);
+      return t === e.volume && a === e.muted ? e : { ...e, volume: t, muted: a };
     }
     default:
       return e;
   }
 }
-function De() {
+function Fe() {
   return typeof navigator > "u" || !("mediaSession" in navigator) ? null : navigator.mediaSession;
 }
-function lt(e, r, t, a = {}) {
+function En(e, r, n, a = {}) {
   var M;
-  const n = S(r);
-  n.current = r;
-  const i = r.tracks[r.currentIndex], o = i == null ? void 0 : i.title, u = i == null ? void 0 : i.artist, d = i == null ? void 0 : i.album, p = Dn(i, (M = r.playlistMeta) == null ? void 0 : M.artworkUrl);
+  const t = w(r);
+  t.current = r;
+  const i = r.tracks[r.currentIndex], o = i == null ? void 0 : i.title, u = i == null ? void 0 : i.artist, p = i == null ? void 0 : i.album, l = Ot(i, (M = r.playlistMeta) == null ? void 0 : M.artworkUrl);
   E(() => {
-    const g = De();
+    const g = Fe();
     !e || !g || (g.metadata = new MediaMetadata({
       title: o ?? "Unknown track",
       artist: u,
-      album: d,
-      artwork: p ? [{ src: p }] : void 0
+      album: p,
+      artwork: l ? [{ src: l }] : void 0
     }));
-  }, [e, o, u, d, p]), E(() => {
-    const g = De();
+  }, [e, o, u, p, l]), E(() => {
+    const g = Fe();
     !e || !g || (g.playbackState = r.isPaused ? "paused" : "playing");
   }, [e, r.isPaused]);
   const f = a.seekForwardSeconds, m = a.seekBackwardSeconds;
   E(() => {
-    const g = De();
+    const g = Fe();
     if (!(!e || !g)) {
       try {
-        g.setActionHandler("play", t.play), g.setActionHandler("pause", t.pause), g.setActionHandler("nexttrack", t.next), g.setActionHandler("previoustrack", t.prev), g.setActionHandler("seekto", (h) => {
-          typeof h.seekTime == "number" && Number.isFinite(h.seekTime) && t.seek(h.seekTime);
+        g.setActionHandler("play", n.play), g.setActionHandler("pause", n.pause), g.setActionHandler("nexttrack", n.next), g.setActionHandler("previoustrack", n.prev), g.setActionHandler("seekto", (h) => {
+          typeof h.seekTime == "number" && Number.isFinite(h.seekTime) && n.seek(h.seekTime);
         }), typeof f == "number" && f > 0 ? g.setActionHandler("seekforward", () => {
-          const h = n.current, x = h.currentTime + f, y = h.duration, b = Number.isFinite(y) && y > 0 ? y : x;
-          t.seek(Math.min(x, b));
+          const h = t.current, x = h.currentTime + f, y = h.duration, v = Number.isFinite(y) && y > 0 ? y : x;
+          n.seek(Math.min(x, v));
         }) : g.setActionHandler("seekforward", null), typeof m == "number" && m > 0 ? g.setActionHandler("seekbackward", () => {
-          const h = n.current;
-          t.seek(Math.max(0, h.currentTime - m));
+          const h = t.current;
+          n.seek(Math.max(0, h.currentTime - m));
         }) : g.setActionHandler("seekbackward", null);
       } catch {
       }
@@ -1419,17 +1547,17 @@ function lt(e, r, t, a = {}) {
         }
       };
     }
-  }, [e, t, f, m]), E(() => {
-    var b, L;
-    const g = De();
+  }, [e, n, f, m]), E(() => {
+    var v, G;
+    const g = Fe();
     if (!e || !g || !a.positionState) return;
     const h = r.duration, x = r.currentTime, y = r.playbackRate;
     try {
       if (!Number.isFinite(h) || h <= 0) {
-        (b = g.setPositionState) == null || b.call(g);
+        (v = g.setPositionState) == null || v.call(g);
         return;
       }
-      (L = g.setPositionState) == null || L.call(g, {
+      (G = g.setPositionState) == null || G.call(g, {
         duration: h,
         playbackRate: Number.isFinite(y) && y > 0 ? y : 1,
         position: Math.min(Math.max(0, x), h)
@@ -1437,15 +1565,15 @@ function lt(e, r, t, a = {}) {
     } catch {
     }
     return () => {
-      var w;
+      var R;
       try {
-        (w = g.setPositionState) == null || w.call(g);
+        (R = g.setPositionState) == null || R.call(g);
       } catch {
       }
     };
   }, [e, a.positionState, r.currentTime, r.duration, r.playbackRate]);
 }
-const dt = {
+const Pn = {
   "--ginger-primary-color": "#111827",
   "--ginger-muted-color": "#6b7280",
   "--ginger-font-size": "14px",
@@ -1457,17 +1585,17 @@ const dt = {
   "--ginger-buffer-color": "rgba(107, 114, 128, 0.35)",
   "--ginger-focus-ring": "0 0 0 2px rgba(59, 130, 246, 0.45)"
 };
-function pt({
+function Sn({
   children: e,
   initialTracks: r = [],
-  initialIndex: t = 0,
+  initialIndex: n = 0,
   initialPlaylistMeta: a = null,
-  initialShuffle: n = !1,
+  initialShuffle: t = !1,
   initialRepeatMode: i = "off",
   initialPlaybackMode: o = "playlist",
   initialPaused: u = !0,
-  initialVolume: d = 1,
-  initialMuted: p = !1,
+  initialVolume: p = 1,
+  initialMuted: l = !1,
   initialPlaybackRate: f = 1,
   initialStateKey: m,
   locale: M,
@@ -1475,214 +1603,214 @@ function pt({
   beforePlay: h,
   onPlayBlocked: x,
   retryOnError: y,
-  persistence: b,
-  hydrateOnMount: L = !1,
-  resumeOnTrackChange: w = !1,
-  unstyled: ge = !1,
-  asChild: fe = !1,
+  persistence: v,
+  hydrateOnMount: G = !1,
+  resumeOnTrackChange: R = !1,
+  unstyled: Z = !1,
+  asChild: ye = !1,
   className: Ke,
-  style: Ue,
-  dir: sn,
+  style: Oe,
+  dir: dt,
   prevRestartThresholdSeconds: qe = 3,
-  onTrackChange: me,
-  onPlay: ye,
-  onPause: he,
-  onQueueEnd: ve,
-  onError: be,
-  onVolumeChange: ke,
-  onPlaybackRateChange: Te,
+  onTrackChange: he,
+  onPlay: ve,
+  onPause: ke,
+  onQueueEnd: be,
+  onError: Te,
+  onVolumeChange: Me,
+  onPlaybackRateChange: xe,
   onSeek: H,
   debugLabel: Je
 }) {
   var ur;
-  const D = S(null), [s, k] = kn(
-    ut,
+  const D = w(null), [s, b] = Pt(
+    In,
     void 0,
-    () => cn({
+    () => lt({
       tracks: r,
-      currentIndex: t,
+      currentIndex: n,
       playlistMeta: a,
       isPaused: u,
-      isShuffled: n,
+      isShuffled: t,
       repeatMode: i,
       playbackMode: o,
-      volume: d,
-      muted: p,
+      volume: p,
+      muted: l,
       playbackRate: f
     })
-  ), Z = S(s), Ve = S({
+  ), ee = w(s), Ie = w({
     tracks: r,
-    currentIndex: t,
+    currentIndex: n,
     playlistMeta: a,
     isPaused: u,
-    isShuffled: n,
+    isShuffled: t,
     repeatMode: i,
     playbackMode: o,
-    volume: d,
-    muted: p,
+    volume: p,
+    muted: l,
     playbackRate: f
   });
-  Ve.current = {
+  Ie.current = {
     tracks: r,
-    currentIndex: t,
+    currentIndex: n,
     playlistMeta: a,
     isPaused: u,
-    isShuffled: n,
+    isShuffled: t,
     repeatMode: i,
     playbackMode: o,
-    volume: d,
-    muted: p,
+    volume: p,
+    muted: l,
     playbackRate: f
   };
-  const de = S(void 0);
+  const pe = w(void 0);
   E(() => {
     if (m === void 0) {
-      de.current = void 0;
+      pe.current = void 0;
       return;
     }
-    if (de.current === void 0) {
-      de.current = m;
+    if (pe.current === void 0) {
+      pe.current = m;
       return;
     }
-    if (de.current === m) return;
-    de.current = m;
-    const l = Ve.current;
-    k({
+    if (pe.current === m) return;
+    pe.current = m;
+    const d = Ie.current;
+    b({
       type: "INIT",
       payload: {
-        tracks: l.tracks,
-        currentIndex: l.currentIndex,
-        playlistMeta: l.playlistMeta,
-        isPaused: l.isPaused,
-        isShuffled: l.isShuffled,
-        repeatMode: l.repeatMode,
-        playbackMode: l.playbackMode,
-        volume: l.volume,
-        muted: l.muted,
-        playbackRate: l.playbackRate
+        tracks: d.tracks,
+        currentIndex: d.currentIndex,
+        playlistMeta: d.playlistMeta,
+        isPaused: d.isPaused,
+        isShuffled: d.isShuffled,
+        repeatMode: d.repeatMode,
+        playbackMode: d.playbackMode,
+        volume: d.volume,
+        muted: d.muted,
+        playbackRate: d.playbackRate
       }
     });
   }, [m]), E(() => {
-    Z.current = s;
+    ee.current = s;
   }, [s]);
   const Ze = s.tracks[s.currentIndex] ?? null;
   E(() => {
-    me == null || me(Ze, s.currentIndex);
-  }, [Ze, s.currentIndex, me]), E(() => {
-    s.errorMessage && (be == null || be(s.errorMessage));
-  }, [s.errorMessage, be]);
-  const Me = S(0), er = S(void 0), _ = y ? typeof y == "object" ? y : {} : null, rr = (_ == null ? void 0 : _.maxRetries) ?? 3, nr = (_ == null ? void 0 : _.delayMs) ?? 1500, tr = (_ == null ? void 0 : _.retryableErrors) ?? ["MEDIA_ERR_NETWORK"], ar = (_ == null ? void 0 : _.skipOnUnrecoverable) ?? !1;
+    he == null || he(Ze, s.currentIndex);
+  }, [Ze, s.currentIndex, he]), E(() => {
+    s.errorMessage && (Te == null || Te(s.errorMessage));
+  }, [s.errorMessage, Te]);
+  const Ee = w(0), er = w(void 0), _ = y ? typeof y == "object" ? y : {} : null, rr = (_ == null ? void 0 : _.maxRetries) ?? 3, tr = (_ == null ? void 0 : _.delayMs) ?? 1500, nr = (_ == null ? void 0 : _.retryableErrors) ?? ["MEDIA_ERR_NETWORK"], ar = (_ == null ? void 0 : _.skipOnUnrecoverable) ?? !1;
   E(() => {
-    var v;
-    const l = (v = s.tracks[s.currentIndex]) == null ? void 0 : v.fileUrl;
-    er.current !== l && (Me.current = 0, er.current = l);
+    var k;
+    const d = (k = s.tracks[s.currentIndex]) == null ? void 0 : k.fileUrl;
+    er.current !== d && (Ee.current = 0, er.current = d);
   }, [s.currentIndex, s.tracks]), E(() => {
     if (!_ || !s.errorMessage) return;
-    if (!tr.some((G) => s.errorMessage.includes(G))) {
+    if (!nr.some((L) => s.errorMessage.includes(L))) {
       if (ar && s.tracks.length > 1) {
-        const G = setTimeout(() => k({ type: "NEXT" }), 500);
-        return () => clearTimeout(G);
+        const L = setTimeout(() => b({ type: "NEXT" }), 500);
+        return () => clearTimeout(L);
       }
       return;
     }
-    if (Me.current >= rr) return;
-    const v = Me.current, T = nr * 2 ** v, P = setTimeout(() => {
-      Me.current = v + 1, k({ type: "MEDIA_CANPLAY" });
-      const G = D.current;
-      G && (G.load(), k({ type: "PLAY" }));
+    if (Ee.current >= rr) return;
+    const k = Ee.current, T = tr * 2 ** k, P = setTimeout(() => {
+      Ee.current = k + 1, b({ type: "MEDIA_CANPLAY" });
+      const L = D.current;
+      L && (L.load(), b({ type: "PLAY" }));
     }, T);
     return () => clearTimeout(P);
   }, [
     _,
     rr,
-    nr,
     tr,
+    nr,
     ar,
     s.errorMessage,
     s.tracks.length
   ]);
-  const xe = S(void 0);
+  const Pe = w(void 0);
   E(() => {
-    if (xe.current === void 0) {
-      xe.current = s.isPaused;
+    if (Pe.current === void 0) {
+      Pe.current = s.isPaused;
       return;
     }
-    xe.current !== s.isPaused && (s.isPaused ? he == null || he() : ye == null || ye()), xe.current = s.isPaused;
-  }, [s.isPaused, he, ye]);
-  const Ie = S(void 0), Ee = S(void 0);
+    Pe.current !== s.isPaused && (s.isPaused ? ke == null || ke() : ve == null || ve()), Pe.current = s.isPaused;
+  }, [s.isPaused, ke, ve]);
+  const Se = w(void 0), Ae = w(void 0);
   E(() => {
-    if (Ie.current === void 0 || Ee.current === void 0) {
-      Ie.current = s.volume, Ee.current = s.muted;
+    if (Se.current === void 0 || Ae.current === void 0) {
+      Se.current = s.volume, Ae.current = s.muted;
       return;
     }
-    (Ie.current !== s.volume || Ee.current !== s.muted) && (ke == null || ke(s.volume, s.muted)), Ie.current = s.volume, Ee.current = s.muted;
-  }, [s.volume, s.muted, ke]);
-  const Pe = S(void 0);
+    (Se.current !== s.volume || Ae.current !== s.muted) && (Me == null || Me(s.volume, s.muted)), Se.current = s.volume, Ae.current = s.muted;
+  }, [s.volume, s.muted, Me]);
+  const Re = w(void 0);
   E(() => {
-    if (Pe.current === void 0) {
-      Pe.current = s.playbackRate;
+    if (Re.current === void 0) {
+      Re.current = s.playbackRate;
       return;
     }
-    Pe.current !== s.playbackRate && (Te == null || Te(s.playbackRate)), Pe.current = s.playbackRate;
-  }, [s.playbackRate, Te]);
+    Re.current !== s.playbackRate && (xe == null || xe(s.playbackRate)), Re.current = s.playbackRate;
+  }, [s.playbackRate, xe]);
   const B = I(() => {
-    k({ type: "PLAY" });
+    b({ type: "PLAY" });
   }, []), O = I(() => {
-    var l;
-    k({ type: "PAUSE" }), (l = D.current) == null || l.pause();
+    var d;
+    b({ type: "PAUSE" }), (d = D.current) == null || d.pause();
   }, []), ne = I(() => {
-    Z.current.isPaused ? B() : O();
-  }, [O, B]), C = I(
-    (l) => {
-      const v = D.current;
-      v && Number.isFinite(l) && (v.currentTime = Math.max(0, l), H == null || H(Math.max(0, l)));
+    ee.current.isPaused ? B() : O();
+  }, [O, B]), U = I(
+    (d) => {
+      const k = D.current;
+      k && Number.isFinite(d) && (k.currentTime = Math.max(0, d), H == null || H(Math.max(0, d)));
     },
     [H]
-  ), Q = I((l) => {
-    k({ type: "SET_VOLUME", payload: Fe(l) });
-  }, []), j = I((l) => {
-    k({ type: "SET_MUTED", payload: l });
+  ), Q = I((d) => {
+    b({ type: "SET_VOLUME", payload: Be(d) });
+  }, []), j = I((d) => {
+    b({ type: "SET_MUTED", payload: d });
   }, []), z = I(() => {
-    k({ type: "TOGGLE_MUTE" });
-  }, []), W = I((l) => {
-    k({ type: "SET_PLAYBACK_RATE", payload: Xe(l) });
+    b({ type: "TOGGLE_MUTE" });
+  }, []), W = I((d) => {
+    b({ type: "SET_PLAYBACK_RATE", payload: Xe(d) });
   }, []), X = I(() => {
-    k({ type: "NEXT" });
+    b({ type: "NEXT" });
   }, []), K = I(() => {
-    const l = D.current, v = qe ?? 3;
-    l && v > 0 && l.currentTime > v ? (l.currentTime = 0, H == null || H(0)) : k({ type: "PREV" });
-  }, [qe, H]), te = I((l) => {
-    k({ type: "SET_REPEAT", payload: l });
-  }, []), ae = I(() => {
-    k({ type: "CYCLE_REPEAT" });
+    const d = D.current, k = qe ?? 3;
+    d && k > 0 && d.currentTime > k ? (d.currentTime = 0, H == null || H(0)) : b({ type: "PREV" });
+  }, [qe, H]), ae = I((d) => {
+    b({ type: "SET_REPEAT", payload: d });
   }, []), ie = I(() => {
-    k({ type: "TOGGLE_SHUFFLE" });
-  }, []), Ae = I((l, v) => {
-    k({ type: "SET_QUEUE", payload: { tracks: l, currentIndex: v } });
-  }, []), Re = I((l, v, T) => {
-    k({ type: "INSERT_TRACK", payload: { track: l, index: v, autoPlay: T } });
-  }, []), Se = I((l) => {
-    k({ type: "REMOVE_TRACK", payload: { index: l } });
-  }, []), we = I((l, v) => {
-    k({ type: "MOVE_TRACK", payload: { fromIndex: l, toIndex: v } });
-  }, []), _e = I((l) => {
-    k({ type: "ADD_NEXT", payload: { track: l } });
-  }, []), oe = I((l) => {
-    k({ type: "SET_INDEX", payload: { index: l, autoPlay: !0 } });
-  }, []), Ge = I((l) => {
-    k({ type: "SET_INDEX", payload: { index: l, autoPlay: !1 } });
-  }, []), Ne = I((l) => {
-    k({ type: "SET_PLAYLIST_META", payload: l });
-  }, []), ce = I((l) => {
-    k({ type: "SET_PLAYBACK_MODE", payload: l });
-  }, []), Le = I((l) => {
-    k({ type: "INIT", payload: l });
+    b({ type: "CYCLE_REPEAT" });
+  }, []), oe = I(() => {
+    b({ type: "TOGGLE_SHUFFLE" });
+  }, []), we = I((d, k) => {
+    b({ type: "SET_QUEUE", payload: { tracks: d, currentIndex: k } });
+  }, []), Ge = I((d, k, T) => {
+    b({ type: "INSERT_TRACK", payload: { track: d, index: k, autoPlay: T } });
+  }, []), _e = I((d) => {
+    b({ type: "REMOVE_TRACK", payload: { index: d } });
+  }, []), Ne = I((d, k) => {
+    b({ type: "MOVE_TRACK", payload: { fromIndex: d, toIndex: k } });
+  }, []), Le = I((d) => {
+    b({ type: "ADD_NEXT", payload: { track: d } });
+  }, []), ce = I((d) => {
+    b({ type: "SET_INDEX", payload: { index: d, autoPlay: !0 } });
+  }, []), De = I((d) => {
+    b({ type: "SET_INDEX", payload: { index: d, autoPlay: !1 } });
+  }, []), Ue = I((d) => {
+    b({ type: "SET_PLAYLIST_META", payload: d });
+  }, []), se = I((d) => {
+    b({ type: "SET_PLAYBACK_MODE", payload: d });
+  }, []), Ce = I((d) => {
+    b({ type: "INIT", payload: d });
   }, []);
   E(() => {
-    if (!(!b || !L))
+    if (!(!v || !G))
       try {
-        const l = b.get("ginger:volume"), v = b.get("ginger:muted"), T = b.get("ginger:playbackRate"), P = b.get("ginger:repeatMode"), G = b.get("ginger:currentIndex"), Y = Ve.current;
-        k({
+        const d = v.get("ginger:volume"), k = v.get("ginger:muted"), T = v.get("ginger:playbackRate"), P = v.get("ginger:repeatMode"), L = v.get("ginger:currentIndex"), Y = Ie.current;
+        b({
           type: "INIT",
           payload: {
             tracks: Y.tracks,
@@ -1690,171 +1818,171 @@ function pt({
             isPaused: Y.isPaused,
             isShuffled: Y.isShuffled,
             playbackMode: Y.playbackMode,
-            currentIndex: typeof G == "number" ? G : Y.currentIndex,
+            currentIndex: typeof L == "number" ? L : Y.currentIndex,
             repeatMode: P === "off" || P === "all" || P === "one" ? P : Y.repeatMode,
-            volume: typeof l == "number" ? l : Y.volume,
-            muted: typeof v == "boolean" ? v : Y.muted,
+            volume: typeof d == "number" ? d : Y.volume,
+            muted: typeof k == "boolean" ? k : Y.muted,
             playbackRate: typeof T == "number" ? T : Y.playbackRate
           }
         });
-      } catch (l) {
-        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.get() threw during hydration:", l);
+      } catch (d) {
+        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.get() threw during hydration:", d);
       }
-  }, [L, b]), E(() => {
-    if (b)
+  }, [G, v]), E(() => {
+    if (v)
       try {
-        b.set("ginger:volume", s.volume), b.set("ginger:muted", s.muted), b.set("ginger:playbackRate", s.playbackRate), b.set("ginger:repeatMode", s.repeatMode), b.set("ginger:currentIndex", s.currentIndex);
-      } catch (l) {
-        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.set() threw:", l);
+        v.set("ginger:volume", s.volume), v.set("ginger:muted", s.muted), v.set("ginger:playbackRate", s.playbackRate), v.set("ginger:repeatMode", s.repeatMode), v.set("ginger:currentIndex", s.currentIndex);
+      } catch (d) {
+        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.set() threw:", d);
       }
   }, [
-    b,
+    v,
     s.volume,
     s.muted,
     s.playbackRate,
     s.repeatMode,
     s.currentIndex
   ]), E(() => {
-    if (!b || !w) return;
-    const l = s.tracks[s.currentIndex];
-    if (!l) return;
-    const v = `ginger:resume:${Ye(l)}`;
+    if (!v || !R) return;
+    const d = s.tracks[s.currentIndex];
+    if (!d) return;
+    const k = `ginger:resume:${Qe(d)}`;
     try {
-      const T = b.get(v);
-      typeof T == "number" && Number.isFinite(T) && C(T);
+      const T = v.get(k);
+      typeof T == "number" && Number.isFinite(T) && U(T);
     } catch (T) {
       process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.get() threw during resume:", T);
     }
-  }, [b, w, s.currentIndex, s.tracks, C]), E(() => {
-    if (!b || !w) return;
-    const l = setInterval(() => {
-      const v = Z.current, T = v.tracks[v.currentIndex];
-      if (!T || !(v.currentTime >= 0)) return;
-      const P = `ginger:resume:${Ye(T)}`;
+  }, [v, R, s.currentIndex, s.tracks, U]), E(() => {
+    if (!v || !R) return;
+    const d = setInterval(() => {
+      const k = ee.current, T = k.tracks[k.currentIndex];
+      if (!T || !(k.currentTime >= 0)) return;
+      const P = `ginger:resume:${Qe(T)}`;
       try {
-        b.set(P, v.currentTime);
-      } catch (G) {
-        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.set() threw during resume save:", G);
+        v.set(P, k.currentTime);
+      } catch (L) {
+        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.set() threw during resume save:", L);
       }
     }, 5e3);
-    return () => clearInterval(l);
-  }, [b, w]);
-  const un = (ur = s.tracks[s.currentIndex]) == null ? void 0 : ur.fileUrl;
+    return () => clearInterval(d);
+  }, [v, R]);
+  const pt = (ur = s.tracks[s.currentIndex]) == null ? void 0 : ur.fileUrl;
   E(() => {
-    const l = D.current;
-    if (!l) return;
+    const d = D.current;
+    if (!d) return;
     if (s.isPaused) {
-      l.pause();
+      d.pause();
       return;
     }
-    if (l.ended && gr(Z.current).kind === "stop") {
-      k({ type: "PAUSE" });
+    if (d.ended && gr(ee.current).kind === "stop") {
+      b({ type: "PAUSE" });
       return;
     }
-    let v = !1;
+    let k = !1;
     return (async () => {
       if (h) {
         let T = !1;
         try {
           T = await h();
         } catch (P) {
-          const G = P instanceof Error ? P.message : "beforePlay rejected";
-          k({ type: "MEDIA_ERROR", payload: { message: G } });
+          const L = P instanceof Error ? P.message : "beforePlay rejected";
+          b({ type: "MEDIA_ERROR", payload: { message: L } });
           return;
         }
         if (!T) {
-          v || (k({ type: "PAUSE" }), x == null || x());
+          k || (b({ type: "PAUSE" }), x == null || x());
           return;
         }
       }
-      v || l.play().catch((T) => {
+      k || d.play().catch((T) => {
         const P = T instanceof Error ? T.message : typeof T == "string" ? T : "Playback failed (e.g. autoplay blocked or unavailable source)";
-        k({ type: "MEDIA_ERROR", payload: { message: P } });
+        b({ type: "MEDIA_ERROR", payload: { message: P } });
       });
     })(), () => {
-      v = !0;
+      k = !0;
     };
-  }, [h, un, x, s.isPaused]);
-  const se = I(() => {
+  }, [h, pt, x, s.isPaused]);
+  const ue = I(() => {
     var T;
-    const l = gr(Z.current);
-    if (l.kind === "replay_same") {
+    const d = gr(ee.current);
+    if (d.kind === "replay_same") {
       const P = D.current;
-      P && (P.currentTime = 0), k({ type: "PLAY" });
+      P && (P.currentTime = 0), b({ type: "PLAY" });
       return;
     }
-    if (l.kind === "stop") {
-      (T = D.current) == null || T.pause(), k({ type: "PAUSE" }), ve == null || ve();
+    if (d.kind === "stop") {
+      (T = D.current) == null || T.pause(), b({ type: "PAUSE" }), be == null || be();
       return;
     }
-    const v = l.nextIndex;
-    k({ type: "SET_INDEX", payload: { index: v, autoPlay: !0 } });
-  }, [ve]), ln = R(
-    () => ({ play: B, pause: O, next: X, prev: K, seek: C }),
-    [B, O, X, K, C]
-  ), dn = typeof g == "object" ? !0 : !!g, pn = R(
+    const k = d.nextIndex;
+    b({ type: "SET_INDEX", payload: { index: k, autoPlay: !0 } });
+  }, [be]), gt = A(
+    () => ({ play: B, pause: O, next: X, prev: K, seek: U }),
+    [B, O, X, K, U]
+  ), ft = typeof g == "object" ? !0 : !!g, mt = A(
     () => typeof g == "object" ? g : {},
     [g]
   );
-  lt(dn, s, ln, pn);
-  const ir = sn ?? (M != null && M.seek && /[\u0590-\u08FF]/.test(M.seek) ? "rtl" : "ltr"), gn = R(
+  En(ft, s, gt, mt);
+  const ir = dt ?? (M != null && M.seek && /[\u0590-\u08FF]/.test(M.seek) ? "rtl" : "ltr"), yt = A(
     () => ({
       state: s,
-      dispatch: k,
+      dispatch: b,
       audioRef: D,
-      notifyEnded: se,
-      init: Le,
+      notifyEnded: ue,
+      init: Ce,
       play: B,
       pause: O,
       togglePlayPause: ne,
-      seek: C,
+      seek: U,
       setVolume: Q,
       setMuted: j,
       toggleMute: z,
       setPlaybackRate: W,
       next: X,
       prev: K,
-      setRepeatMode: te,
-      cycleRepeat: ae,
-      toggleShuffle: ie,
-      setQueue: Ae,
-      insertTrackAt: Re,
-      removeTrackAt: Se,
-      moveTrack: we,
-      enqueueNext: _e,
-      playTrackAt: oe,
-      selectTrackAt: Ge,
-      setPlaylistMeta: Ne,
-      setPlaybackMode: ce
+      setRepeatMode: ae,
+      cycleRepeat: ie,
+      toggleShuffle: oe,
+      setQueue: we,
+      insertTrackAt: Ge,
+      removeTrackAt: _e,
+      moveTrack: Ne,
+      enqueueNext: Le,
+      playTrackAt: ce,
+      selectTrackAt: De,
+      setPlaylistMeta: Ue,
+      setPlaybackMode: se
     }),
     [
-      ae,
-      Le,
+      ie,
+      Ce,
       X,
-      se,
+      ue,
       O,
       B,
-      oe,
-      Re,
-      Se,
-      we,
-      _e,
+      ce,
       Ge,
+      _e,
+      Ne,
+      Le,
+      De,
       K,
-      C,
+      U,
       j,
       W,
-      Ae,
-      te,
-      Ne,
-      ce,
+      we,
+      ae,
+      Ue,
+      se,
       Q,
       s,
       z,
       ne,
-      ie
+      oe
     ]
-  ), fn = R(
+  ), ht = A(
     () => ({
       tracks: s.tracks,
       currentIndex: s.currentIndex,
@@ -1863,26 +1991,26 @@ function pt({
       repeatMode: s.repeatMode,
       originalTracks: s.originalTracks,
       playlistMeta: s.playlistMeta,
-      init: Le,
+      init: Ce,
       play: B,
       pause: O,
       togglePlayPause: ne,
       next: X,
       prev: K,
-      setRepeatMode: te,
-      cycleRepeat: ae,
-      toggleShuffle: ie,
+      setRepeatMode: ae,
+      cycleRepeat: ie,
+      toggleShuffle: oe,
       playbackMode: s.playbackMode,
-      setQueue: Ae,
-      insertTrackAt: Re,
-      removeTrackAt: Se,
-      moveTrack: we,
-      enqueueNext: _e,
-      playTrackAt: oe,
-      selectTrackAt: Ge,
-      setPlaylistMeta: Ne,
-      setPlaybackMode: ce,
-      dispatch: k
+      setQueue: we,
+      insertTrackAt: Ge,
+      removeTrackAt: _e,
+      moveTrack: Ne,
+      enqueueNext: Le,
+      playTrackAt: ce,
+      selectTrackAt: De,
+      setPlaylistMeta: Ue,
+      setPlaybackMode: se,
+      dispatch: b
     }),
     [
       s.tracks,
@@ -1893,26 +2021,26 @@ function pt({
       s.playbackMode,
       s.originalTracks,
       s.playlistMeta,
-      Le,
+      Ce,
       B,
       O,
       ne,
       X,
       K,
-      te,
       ae,
       ie,
-      Ae,
-      Re,
-      Se,
-      we,
-      _e,
       oe,
+      we,
       Ge,
+      _e,
       Ne,
-      ce
+      Le,
+      ce,
+      De,
+      Ue,
+      se
     ]
-  ), mn = R(
+  ), vt = A(
     () => ({
       currentTime: s.currentTime,
       duration: s.duration,
@@ -1922,14 +2050,14 @@ function pt({
       volume: s.volume,
       muted: s.muted,
       playbackRate: s.playbackRate,
-      seek: C,
+      seek: U,
       setVolume: Q,
       setMuted: j,
       toggleMute: z,
       setPlaybackRate: W,
       audioRef: D,
-      notifyEnded: se,
-      dispatch: k
+      notifyEnded: ue,
+      dispatch: b
     }),
     [
       s.currentTime,
@@ -1940,14 +2068,14 @@ function pt({
       s.volume,
       s.muted,
       s.playbackRate,
-      C,
+      U,
       Q,
       j,
       z,
       W,
-      se
+      ue
     ]
-  ), yn = R(
+  ), kt = A(
     () => ({
       currentTime: s.currentTime,
       duration: s.duration,
@@ -1962,35 +2090,35 @@ function pt({
       s.isBuffering,
       s.errorMessage
     ]
-  ), hn = R(
+  ), bt = A(
     () => ({
       volume: s.volume,
       muted: s.muted,
       playbackRate: s.playbackRate,
-      seek: C,
+      seek: U,
       setVolume: Q,
       setMuted: j,
       toggleMute: z,
       setPlaybackRate: W,
       audioRef: D,
-      notifyEnded: se,
-      dispatch: k
+      notifyEnded: ue,
+      dispatch: b
     }),
     [
       s.volume,
       s.muted,
       s.playbackRate,
-      C,
+      U,
       Q,
       j,
       z,
       W,
-      se
+      ue
     ]
-  ), or = br(s), cr = R(
-    () => ge ? Ue : { ...dt, ...Ue },
-    [Ue, ge]
-  ), $ = R(
+  ), or = kr(s), cr = A(
+    () => Z ? Oe : { ...Pn, ...Oe },
+    [Oe, Z]
+  ), $ = A(
     () => ({
       className: Ke,
       style: cr,
@@ -1998,22 +2126,22 @@ function pt({
       dir: ir
     }),
     [Ke, cr, or, ir]
-  ), Be = S(null), sr = S({
+  ), $e = w(null), sr = w({
     play: B,
     pause: O,
     togglePlayPause: ne,
     next: X,
     prev: K,
-    seek: C,
+    seek: U,
     setVolume: Q,
     setMuted: j,
     toggleMute: z,
     setPlaybackRate: W,
-    setRepeatMode: te,
-    cycleRepeat: ae,
-    toggleShuffle: ie,
-    playTrackAt: oe,
-    setPlaybackMode: ce
+    setRepeatMode: ae,
+    cycleRepeat: ie,
+    toggleShuffle: oe,
+    playTrackAt: ce,
+    setPlaybackMode: se
   });
   sr.current = {
     play: B,
@@ -2021,44 +2149,44 @@ function pt({
     togglePlayPause: ne,
     next: X,
     prev: K,
-    seek: C,
+    seek: U,
     setVolume: Q,
     setMuted: j,
     toggleMute: z,
     setPlaybackRate: W,
-    setRepeatMode: te,
-    cycleRepeat: ae,
-    toggleShuffle: ie,
-    playTrackAt: oe,
-    setPlaybackMode: ce
+    setRepeatMode: ae,
+    cycleRepeat: ie,
+    toggleShuffle: oe,
+    playTrackAt: ce,
+    setPlaybackMode: se
   }, E(() => {
     var T;
-    const l = typeof window < "u" ? window.__GINGER_DEVTOOLS__ : null;
-    if (!l || typeof l.register != "function") return;
-    const v = typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `ginger-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-    return Be.current = v, l.register(v, {
+    const d = typeof window < "u" ? window.__GINGER_DEVTOOLS__ : null;
+    if (!d || typeof d.register != "function") return;
+    const k = typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `ginger-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    return $e.current = k, d.register(k, {
       label: Je,
-      state: Z.current,
+      state: ee.current,
       actions: sr.current,
       audioSrc: ((T = D.current) == null ? void 0 : T.src) ?? null
     }), () => {
-      l.unregister(v), Be.current = null;
+      d.unregister(k), $e.current = null;
     };
   }, [Je]), E(() => {
-    const l = typeof window < "u" ? window.__GINGER_DEVTOOLS__ : null;
-    if (!l || typeof l.update != "function") return;
-    const v = setInterval(() => {
+    const d = typeof window < "u" ? window.__GINGER_DEVTOOLS__ : null;
+    if (!d || typeof d.update != "function") return;
+    const k = setInterval(() => {
       var P;
-      const T = Be.current;
-      T && l.update(T, {
-        state: Z.current,
+      const T = $e.current;
+      T && d.update(T, {
+        state: ee.current,
         audioSrc: ((P = D.current) == null ? void 0 : P.src) ?? null
       });
     }, 250);
-    return () => clearInterval(v);
+    return () => clearInterval(k);
   }, []);
-  const vn = R(() => {
-    if (!fe)
+  const Tt = A(() => {
+    if (!ye)
       return /* @__PURE__ */ c(
         "div",
         {
@@ -2069,36 +2197,44 @@ function pt({
           children: e
         }
       );
-    const l = Tn.only(e);
-    if (!Mn(l))
+    const d = St.only(e);
+    if (!At(d))
       throw new Error("Ginger.Provider asChild expects a single React element child.");
-    const v = l, T = v.props.style;
-    return xn(v, {
-      className: gt(v.props.className, $.className),
+    const k = d, T = k.props.style;
+    return Rt(k, {
+      className: An(k.props.className, $.className),
       style: T && typeof T == "object" ? { ...T, ...$.style } : $.style,
       "data-ginger-playback": $["data-ginger-playback"],
       dir: $.dir
     });
-  }, [fe, e, $]);
-  return /* @__PURE__ */ c(Vn, { locale: M, children: /* @__PURE__ */ c(In.Provider, { value: fn, children: /* @__PURE__ */ c(En.Provider, { value: yn, children: /* @__PURE__ */ c(Pn.Provider, { value: hn, children: /* @__PURE__ */ c(An.Provider, { value: mn, children: /* @__PURE__ */ c(Tr.Provider, { value: gn, children: vn }) }) }) }) }) });
+  }, [ye, e, $]), Mt = A(
+    () => ({
+      getInitialTracksSnapshot: () => Ie.current.tracks
+    }),
+    []
+  );
+  return /* @__PURE__ */ c(Qt, { locale: M, children: /* @__PURE__ */ c(vn, { value: Mt, children: /* @__PURE__ */ c(wt.Provider, { value: ht, children: /* @__PURE__ */ c(Gt.Provider, { value: kt, children: /* @__PURE__ */ c(_t.Provider, { value: bt, children: /* @__PURE__ */ c(Nt.Provider, { value: vt, children: /* @__PURE__ */ c(Tr.Provider, { value: yt, children: Tt }) }) }) }) }) }) });
 }
-function gt(e, r) {
-  const t = [e, r].filter(Boolean).join(" ");
-  return t === "" ? void 0 : t;
+function An(e, r) {
+  const n = [e, r].filter(Boolean).join(" ");
+  return n === "" ? void 0 : n;
 }
-const kt = {
-  Provider: pt,
-  Player: Fn,
+const Rn = Object.assign(ut, {
+  Track: ct
+}), Un = {
+  Provider: Sn,
+  Player: Yt,
+  Tracks: Rn,
   Current: {
-    Title: Hn,
-    Artist: Qn,
-    Album: jn,
-    Description: zn,
-    Copyright: Wn,
-    Genre: Xn,
-    Label: Kn,
-    Isrc: qn,
-    TrackNumber: Jn,
+    Title: Kt,
+    Artist: qt,
+    Album: Jt,
+    Description: Zt,
+    Copyright: en,
+    Genre: rn,
+    Label: tn,
+    Isrc: nn,
+    TrackNumber: an,
     Year: Br,
     Lyrics: Or,
     LyricsSynced: $r,
@@ -2113,65 +2249,65 @@ const kt = {
     Remaining: qr,
     Progress: Jr,
     TimeRail: Zr,
-    BufferRail: en,
-    PlaybackState: rn,
-    ErrorMessage: nn
+    BufferRail: et,
+    PlaybackState: rt,
+    ErrorMessage: tt
   },
   Queue: {
-    Title: at,
-    Subtitle: it,
-    Description: ot,
-    Copyright: ct,
-    Artwork: on
+    Title: dn,
+    Subtitle: pn,
+    Description: gn,
+    Copyright: fn,
+    Artwork: it
   },
   Control: {
-    PlayPause: _r,
-    Repeat: Gr,
+    PlayPause: Gr,
+    Repeat: _r,
     Next: Nr,
     Previous: Lr,
     Shuffle: Dr,
-    SeekBar: Cr,
-    Volume: Fr,
-    Mute: Ur,
+    SeekBar: Ur,
+    Volume: Cr,
+    Mute: Fr,
     PlaybackRate: Vr
   },
   Icon: {
     Play: Ir,
     Pause: xr,
-    SkipForward: Rr,
-    SkipBack: Ar,
+    SkipForward: Ar,
+    SkipBack: Sr,
     Shuffle: Pr,
-    Volume2: Sr,
+    Volume2: Rr,
     VolumeX: wr,
     RepeatGlyph: Er,
-    Wrapper: U
+    Wrapper: V
   },
-  Playlist: tt
+  Playlist: ln
 };
 export {
   Yr as C,
-  kt as G,
+  Un as G,
   $r as L,
   xr as P,
   Er as R,
   Pr as S,
-  Sr as V,
-  U as W,
+  Rr as V,
+  V as W,
   Ir as a,
-  Ar as b,
-  Rr as c,
+  Sr as b,
+  Ar as c,
   wr as d,
   Xe as e,
-  Fe as f,
-  Ce as g,
+  Be as f,
+  Ve as g,
   F as h,
-  et as i,
-  $n as j,
-  Bn as k,
-  On as l,
-  cn as m,
-  ut as n,
-  Zn as p,
-  rt as u
+  cn as i,
+  Wt as j,
+  jt as k,
+  zt as l,
+  lt as m,
+  In as n,
+  on as p,
+  sn as u
 };
-//# sourceMappingURL=ginger-BHu7Ofna.js.map
+//# sourceMappingURL=ginger-Bc_8qZYi.js.map