@lucaismyname/ginger 0.0.43 → 0.0.45

package/dist/{ginger-B2DgE-2a.js → ginger-XgXdGRB-.js}

@@ -2,7 +2,7 @@ import { jsx as c, jsxs as w, Fragment as ir } from "react/jsx-runtime";
 import { useContext as $e, createContext as He, useRef as L, useState as on, useEffect as I, useMemo as A, useReducer as cn, useCallback as E, Children as sn, isValidElement as un, cloneElement as ln } from "react";
 import { b as D, u as X, g as or, c as P, G as dn, d as pn } from "./GingerSplitContexts-BzBExb95.js";
 import { b as Ye, g as K, r as gn, a as fn, p as cr, e as mn, d as sr } from "./selectors-BT3WSsKN.js";
-import { t as Be, d as yn, b as hn, s as ur, f as Ue, e as H, g as vn, h as Ze, m as kn, i as er, j as rr, r as bn, c as nr } from "./transitions-CmNkf3sd.js";
+import { t as Be, d as yn, b as hn, s as ur, f as Ue, e as H, g as vn, h as Ze, m as bn, i as er, j as rr, r as kn, c as nr } from "./transitions-CmNkf3sd.js";
 const lr = He(null);
 function Tn() {
   const e = $e(lr);
@@ -17,15 +17,15 @@ function xn({
   className: e,
   style: r,
   preload: t = "metadata",
-  crossOrigin: i,
+  crossOrigin: a,
   respectReducedMotion: n = !1
 }) {
-  var b;
-  const { audioRef: a, dispatch: o, state: s, notifyEnded: l } = Tn(), d = ((b = s.tracks[s.currentIndex]) == null ? void 0 : b.fileUrl) ?? "", m = L({
+  var k;
+  const { audioRef: i, dispatch: o, state: s, notifyEnded: l } = Tn(), d = ((k = s.tracks[s.currentIndex]) == null ? void 0 : k.fileUrl) ?? "", m = L({
     currentTime: -1,
     duration: -1,
     bufferedFraction: -1
-  }), y = L(""), [k, g] = on(!1);
+  }), y = L(""), [b, g] = on(!1);
   I(() => {
     if (!n || typeof window > "u") return;
     const f = window.matchMedia("(prefers-reduced-motion: reduce)"), M = () => g(f.matches);
@@ -36,36 +36,33 @@ function xn({
       currentTime: f.currentTime,
       duration: f.duration,
       bufferedFraction: tr(f)
-    }, N = m.current, Z = k ? 0.5 : 0.25, ee = Math.abs(S.currentTime - N.currentTime) >= Z || Math.abs(S.duration - N.duration) >= 0.01 || Math.abs(S.bufferedFraction - N.bufferedFraction) >= 0.01;
+    }, N = m.current, Z = b ? 0.5 : 0.25, ee = Math.abs(S.currentTime - N.currentTime) >= Z || Math.abs(S.duration - N.duration) >= 0.01 || Math.abs(S.bufferedFraction - N.bufferedFraction) >= 0.01;
     !M && !ee || (m.current = S, o({
       type: "MEDIA_TIME_UPDATE",
       payload: S
     }));
   };
   return I(() => {
-    const f = a.current;
+    const f = i.current;
     f && (f.volume = s.volume, f.muted = s.muted);
-  }, [a, s.volume, s.muted]), I(() => {
-    const f = a.current;
+  }, [i, s.volume, s.muted]), I(() => {
+    const f = i.current;
     if (f) {
       if (!d) {
         f.removeAttribute("src"), m.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, y.current !== "" && o({ type: "MEDIA_SOURCE_CLEARED" }), y.current = "";
         return;
       }
-      f.getAttribute("src") !== d && (f.src = d, f.load(), m.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }), y.current = d;
+      f.getAttribute("src") !== d && (f.src = d, f.load(), m.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }), y.current = d, f.playbackRate = s.playbackRate;
     }
-  }, [a, o, s.currentIndex, s.tracks, d]), I(() => {
-    const f = a.current;
-    f && (f.playbackRate = s.playbackRate);
-  }, [a, s.playbackRate, d]), /* @__PURE__ */ c(
+  }, [i, o, d, s.playbackRate]), /* @__PURE__ */ c(
     "audio",
     {
       "data-ginger-component": "Player",
-      ref: a,
+      ref: i,
       className: e,
       style: r,
       preload: t,
-      crossOrigin: i,
+      crossOrigin: a,
       controls: !1,
       playsInline: !0,
       onTimeUpdate: (f) => {
@@ -98,7 +95,7 @@ function xn({
       },
       onError: () => {
         var N;
-        const f = a.current, M = (N = f == null ? void 0 : f.error) == null ? void 0 : N.code;
+        const f = i.current, M = (N = f == null ? void 0 : f.error) == null ? void 0 : N.code;
         o({ type: "MEDIA_ERROR", payload: { message: M === 1 ? "MEDIA_ERR_ABORTED" : M === 2 ? "MEDIA_ERR_NETWORK" : M === 3 ? "MEDIA_ERR_DECODE" : M === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
       }
     }
@@ -149,11 +146,11 @@ function J(e) {
   return `${Math.floor(e / 60)}:${r.toString().padStart(2, "0")}`;
 }
 function In() {
-  const e = D(), r = X(), t = G(), i = A(() => or(e, r), [e, r]), n = Ye(i), a = n > 0 ? i.currentTime : 0, o = Number.isFinite(a) ? a : 0, s = n > 0 ? `${J(o)} of ${J(n)}` : J(o), l = (d) => {
+  const e = D(), r = X(), t = G(), a = A(() => or(e, r), [e, r]), n = Ye(a), i = n > 0 ? a.currentTime : 0, o = Number.isFinite(i) ? i : 0, s = n > 0 ? `${J(o)} of ${J(n)}` : J(o), l = (d) => {
     r.seek(Number(d.currentTarget.value));
   };
   return {
-    state: i,
+    state: a,
     value: o,
     min: 0,
     max: n > 0 ? n : 1,
@@ -165,36 +162,36 @@ function In() {
   };
 }
 function Pn() {
-  const e = D(), r = X(), t = G(), i = A(() => or(e, r), [e, r]), n = (a) => {
-    r.setVolume(Number(a.currentTarget.value));
+  const e = D(), r = X(), t = G(), a = A(() => or(e, r), [e, r]), n = (i) => {
+    r.setVolume(Number(i.currentTarget.value));
   };
   return {
-    state: i,
-    value: i.volume,
+    state: a,
+    value: a.volume,
     min: 0,
     max: 1,
     step: "any",
-    ariaValueText: `${Math.round(i.volume * 100)}%`,
+    ariaValueText: `${Math.round(a.volume * 100)}%`,
     ariaLabel: t.volume,
     onVolumeInput: n,
     onVolumeChange: n
   };
 }
 function An(e) {
-  const r = D(), t = G(), i = (e == null ? void 0 : e.playAriaLabel) ?? t.play, n = (e == null ? void 0 : e.pauseAriaLabel) ?? t.pause;
+  const r = D(), t = G(), a = (e == null ? void 0 : e.playAriaLabel) ?? t.play, n = (e == null ? void 0 : e.pauseAriaLabel) ?? t.pause;
   return {
     isPaused: r.isPaused,
     toggle: r.togglePlayPause,
-    ariaLabel: r.isPaused ? i : n
+    ariaLabel: r.isPaused ? a : n
   };
 }
 function _(e) {
   const {
     className: r,
     width: t,
-    height: i,
+    height: a,
     viewBox: n,
-    fill: a,
+    fill: i,
     stroke: o,
     strokeWidth: s,
     strokeLinecap: l,
@@ -208,7 +205,7 @@ function _(e) {
       "data-ginger-component": "Wrapper",
       xmlns: "http://www.w3.org/2000/svg",
       width: t ?? 24,
-      height: i ?? 24,
+      height: a ?? 24,
       viewBox: n ?? "0 0 24 24",
       fill: "none",
       stroke: o ?? "currentColor",
@@ -298,7 +295,7 @@ function vr() {
     /* @__PURE__ */ c("path", { d: "M19.364 18.364a9 9 0 0 0 0-12.728" })
   ] });
 }
-function kr() {
+function br() {
   return /* @__PURE__ */ w(_, { children: [
     /* @__PURE__ */ c(
       "path",
@@ -311,37 +308,37 @@ function kr() {
     /* @__PURE__ */ c("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
   ] });
 }
-function br({
+function kr({
   playLabel: e = "Play",
   pauseLabel: r = "Pause",
   playAriaLabel: t,
-  pauseAriaLabel: i,
+  pauseAriaLabel: a,
   children: n,
-  type: a = "button",
+  type: i = "button",
   onClick: o,
   ...s
 }) {
   const l = G(), d = typeof e == "string" ? e : l.play, m = typeof r == "string" ? r : l.pause, y = An({
     playAriaLabel: t ?? d,
-    pauseAriaLabel: i ?? m
+    pauseAriaLabel: a ?? m
   });
   return /* @__PURE__ */ c(
     "button",
     {
       "data-ginger-component": "PlayPause",
       ...s,
-      type: a,
+      type: i,
       "aria-label": y.ariaLabel,
-      onClick: (k) => {
-        y.toggle(), o == null || o(k);
+      onClick: (b) => {
+        y.toggle(), o == null || o(b);
       },
       children: n ?? (y.isPaused ? /* @__PURE__ */ c(gr, {}) : /* @__PURE__ */ c(pr, {}))
     }
   );
 }
-br.displayName = "Ginger.Control.PlayPause";
-function Tr({ type: e = "button", ariaLabel: r, onClick: t, children: i, ...n }) {
-  const { repeatMode: a, cycleRepeat: o } = D(), l = G().repeat[a];
+kr.displayName = "Ginger.Control.PlayPause";
+function Tr({ type: e = "button", ariaLabel: r, onClick: t, children: a, ...n }) {
+  const { repeatMode: i, cycleRepeat: o } = D(), l = G().repeat[i];
   return /* @__PURE__ */ c(
     "button",
     {
@@ -352,13 +349,13 @@ function Tr({ type: e = "button", ariaLabel: r, onClick: t, children: i, ...n })
       onClick: (d) => {
         o(), t == null || t(d);
       },
-      children: i ?? /* @__PURE__ */ c(fr, { mode: a })
+      children: a ?? /* @__PURE__ */ c(fr, { mode: i })
     }
   );
 }
 Tr.displayName = "Ginger.Control.Repeat";
-function xr({ type: e = "button", children: r, ariaLabel: t, onClick: i, ...n }) {
-  const { next: a } = D(), o = G();
+function xr({ type: e = "button", children: r, ariaLabel: t, onClick: a, ...n }) {
+  const { next: i } = D(), o = G();
   return /* @__PURE__ */ c(
     "button",
     {
@@ -367,7 +364,7 @@ function xr({ type: e = "button", children: r, ariaLabel: t, onClick: i, ...n })
       type: e,
       "aria-label": t ?? o.nextTrack,
       onClick: (s) => {
-        a(), i == null || i(s);
+        i(), a == null || a(s);
       },
       children: r ?? /* @__PURE__ */ c(hr, {})
     }
@@ -378,10 +375,10 @@ function Mr({
   type: e = "button",
   children: r,
   ariaLabel: t,
-  onClick: i,
+  onClick: a,
   ...n
 }) {
-  const { prev: a } = D(), o = G();
+  const { prev: i } = D(), o = G();
   return /* @__PURE__ */ c(
     "button",
     {
@@ -390,68 +387,68 @@ function Mr({
       type: e,
       "aria-label": t ?? o.previousTrack,
       onClick: (s) => {
-        a(), i == null || i(s);
+        i(), a == null || a(s);
       },
       children: r ?? /* @__PURE__ */ c(yr, {})
     }
   );
 }
 Mr.displayName = "Ginger.Control.Previous";
-function Er({ type: e = "button", children: r, ariaLabel: t, onClick: i, ...n }) {
-  const { isShuffled: a, toggleShuffle: o } = D(), s = G();
+function Er({ type: e = "button", children: r, ariaLabel: t, onClick: a, ...n }) {
+  const { isShuffled: i, toggleShuffle: o } = D(), s = G();
   return /* @__PURE__ */ c(
     "button",
     {
       "data-ginger-component": "Shuffle",
       ...n,
       type: e,
-      "aria-pressed": a,
+      "aria-pressed": i,
       "aria-label": t ?? s.shuffle,
       onClick: (l) => {
-        o(), i == null || i(l);
+        o(), a == null || a(l);
       },
       children: r ?? /* @__PURE__ */ c(mr, {})
     }
   );
 }
 Er.displayName = "Ginger.Control.Shuffle";
-function Ir({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: i, ...n }) {
-  const a = In(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
+function Ir({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: a, ...n }) {
+  const i = In(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
   return /* @__PURE__ */ c(
     "input",
     {
       "data-ginger-component": "SeekBar",
       ...n,
       type: "range",
-      min: a.min,
-      max: a.max,
-      step: a.step,
-      value: a.value,
-      "aria-label": i ?? a.ariaLabel,
-      "aria-valuetext": a.ariaValueText,
-      onInput: a.onSeekInput,
-      onChange: a.onSeekChange,
+      min: i.min,
+      max: i.max,
+      step: i.step,
+      value: i.value,
+      "aria-label": a ?? i.ariaLabel,
+      "aria-valuetext": i.ariaValueText,
+      onInput: i.onSeekInput,
+      onChange: i.onSeekChange,
       style: o
     }
   );
 }
 Ir.displayName = "Ginger.Control.SeekBar";
-function Pr({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: i, ...n }) {
-  const a = Pn(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
+function Pr({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: a, ...n }) {
+  const i = Pn(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
   return /* @__PURE__ */ c(
     "input",
     {
       "data-ginger-component": "Volume",
       ...n,
       type: "range",
-      min: a.min,
-      max: a.max,
-      step: a.step,
-      value: a.value,
-      "aria-label": i ?? a.ariaLabel,
-      "aria-valuetext": a.ariaValueText,
-      onInput: a.onVolumeInput,
-      onChange: a.onVolumeChange,
+      min: i.min,
+      max: i.max,
+      step: i.step,
+      value: i.value,
+      "aria-label": a ?? i.ariaLabel,
+      "aria-valuetext": i.ariaValueText,
+      onInput: i.onVolumeInput,
+      onChange: i.onVolumeChange,
       style: o
     }
   );
@@ -461,9 +458,9 @@ function Ar({
   ariaLabel: e,
   muteLabel: r,
   unmuteLabel: t,
-  type: i = "button",
+  type: a = "button",
   onClick: n,
-  children: a,
+  children: i,
   ...o
 }) {
   const { muted: s, toggleMute: l } = X(), d = G();
@@ -472,13 +469,13 @@ function Ar({
     {
       "data-ginger-component": "Mute",
       ...o,
-      type: i,
+      type: a,
       "aria-pressed": s,
       "aria-label": e ?? (s ? d.unmute : d.mute),
       onClick: (m) => {
         l(), n == null || n(m);
       },
-      children: a ?? (s ? t ?? /* @__PURE__ */ c(kr, {}) : r ?? /* @__PURE__ */ c(vr, {}))
+      children: i ?? (s ? t ?? /* @__PURE__ */ c(br, {}) : r ?? /* @__PURE__ */ c(vr, {}))
     }
   );
 }
@@ -488,12 +485,12 @@ function Sr({
   rates: e = Sn,
   style: r,
   ariaLabel: t,
-  children: i,
+  children: a,
   ...n
 }) {
-  const { playbackRate: a, setPlaybackRate: o } = X(), s = G(), l = A(
-    () => Array.from(/* @__PURE__ */ new Set([...e, a])).sort((d, m) => d - m),
-    [e, a]
+  const { playbackRate: i, setPlaybackRate: o } = X(), s = G(), l = A(
+    () => Array.from(/* @__PURE__ */ new Set([...e, i])).sort((d, m) => d - m),
+    [e, i]
   );
   return /* @__PURE__ */ c(
     "select",
@@ -501,20 +498,20 @@ function Sr({
       "data-ginger-component": "PlaybackRate",
       ...n,
       "aria-label": t ?? s.playbackSpeed,
-      value: String(a),
+      value: String(i),
       style: r,
       onChange: (d) => o(Number(d.currentTarget.value)),
-      children: i ?? l.map((d) => /* @__PURE__ */ c("option", { value: String(d), children: d === 1 ? s.playbackRateNormal : s.playbackRateTimes(d) }, d))
+      children: a ?? l.map((d) => /* @__PURE__ */ c("option", { value: String(d), children: d === 1 ? s.playbackRateNormal : s.playbackRateTimes(d) }, d))
     }
   );
 }
 Sr.displayName = "Ginger.Control.PlaybackRate";
 function Q(e, r) {
-  function t(i) {
-    const n = P(), o = (r(n) ?? "").trim(), { className: s, style: l, fallback: d, empty: m, children: y } = i;
+  function t(a) {
+    const n = P(), o = (r(n) ?? "").trim(), { className: s, style: l, fallback: d, empty: m, children: y } = a;
     if (!o) {
-      const k = m ?? d ?? null;
-      return k ? /* @__PURE__ */ c("span", { className: s, style: l, children: k }) : null;
+      const b = m ?? d ?? null;
+      return b ? /* @__PURE__ */ c("span", { className: s, style: l, children: b }) : null;
     }
     return y ? /* @__PURE__ */ c("span", { className: s, style: l, children: y(o, n) }) : /* @__PURE__ */ c("span", { className: s, style: l, children: o });
   }
@@ -534,14 +531,14 @@ const Rn = j("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), wn =
   "Ginger.Current.TrackNumber",
   (e) => (e == null ? void 0 : e.trackNumber) != null ? String(e.trackNumber) : void 0
 );
-function Rr({ className: e, style: r, fallback: t, empty: i, children: n, format: a }) {
+function Rr({ className: e, style: r, fallback: t, empty: a, children: n, format: i }) {
   var d;
   const o = P(), s = (d = K(o)) == null ? void 0 : d.year;
   if (typeof s != "number" || !Number.isFinite(s)) {
-    const m = i ?? t ?? null;
+    const m = a ?? t ?? null;
     return m ? /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: m }) : null;
   }
-  const l = a ? a(s) : String(s);
+  const l = i ? i(s) : String(s);
   return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: n(l, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: l });
 }
 Rr.displayName = "Ginger.Current.Year";
@@ -549,18 +546,18 @@ function wr({
   className: e,
   style: r,
   fallback: t,
-  empty: i,
+  empty: a,
   children: n,
-  preserveWhitespace: a = !0,
+  preserveWhitespace: i = !0,
   unstyled: o = !1
 }) {
   var y;
-  const s = P(), l = ((y = K(s)) == null ? void 0 : y.lyrics) ?? "", d = a ? l.replace(/^\s+|\s+$/g, "") : l.trim();
+  const s = P(), l = ((y = K(s)) == null ? void 0 : y.lyrics) ?? "", d = i ? l.replace(/^\s+|\s+$/g, "") : l.trim();
   if (!d) {
-    const k = i ?? t ?? null;
-    return k ? /* @__PURE__ */ c("span", { "data-ginger-component": "Lyrics", className: e, style: r, children: k }) : null;
+    const b = a ?? t ?? null;
+    return b ? /* @__PURE__ */ c("span", { "data-ginger-component": "Lyrics", className: e, style: r, children: b }) : null;
   }
-  const m = !o && a ? { whiteSpace: "pre-wrap" } : void 0;
+  const m = !o && i ? { whiteSpace: "pre-wrap" } : void 0;
   return n ? /* @__PURE__ */ c("span", { className: e, style: { ...m, ...r }, children: n(d, s) }) : /* @__PURE__ */ c("span", { className: e, style: { ...m, ...r }, children: d });
 }
 wr.displayName = "Ginger.Current.Lyrics";
@@ -568,41 +565,41 @@ const ar = /\[(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?\]/g;
 function Un(e) {
   const r = [];
   for (const t of e.split(/\r?\n/)) {
-    const i = [...t.matchAll(ar)];
-    if (i.length === 0) continue;
+    const a = [...t.matchAll(ar)];
+    if (a.length === 0) continue;
     const n = t.replace(ar, "").trim();
-    for (const a of i) {
-      const o = Number(a[1] ?? 0), s = Number(a[2] ?? 0), l = Number((a[3] ?? "0").padEnd(3, "0")), d = o * 60 + s + l / 1e3;
+    for (const i of a) {
+      const o = Number(i[1] ?? 0), s = Number(i[2] ?? 0), l = Number((i[3] ?? "0").padEnd(3, "0")), d = o * 60 + s + l / 1e3;
       Number.isFinite(d) && d >= 0 && r.push({ time: d, text: n });
     }
   }
-  return r.sort((t, i) => t.time - i.time);
+  return r.sort((t, a) => t.time - a.time);
 }
 function Vn() {
-  const { tracks: e, currentIndex: r } = D(), { currentTime: t } = X(), i = e[r], n = A(() => i ? Array.isArray(i.lyricsTimed) && i.lyricsTimed.length > 0 ? [...i.lyricsTimed].filter((o) => Number.isFinite(o.time) && o.time >= 0).sort((o, s) => o.time - s.time) : typeof i.lyrics == "string" ? Un(i.lyrics) : [] : [], [i]), a = A(() => {
+  const { tracks: e, currentIndex: r } = D(), { currentTime: t } = X(), a = e[r], n = A(() => a ? Array.isArray(a.lyricsTimed) && a.lyricsTimed.length > 0 ? [...a.lyricsTimed].filter((o) => Number.isFinite(o.time) && o.time >= 0).sort((o, s) => o.time - s.time) : typeof a.lyrics == "string" ? Un(a.lyrics) : [] : [], [a]), i = A(() => {
     for (let o = n.length - 1; o >= 0; o -= 1)
       if (t >= n[o].time) return o;
     return -1;
   }, [t, n]);
   return {
     lines: n,
-    activeIndex: a,
-    activeLine: a >= 0 ? n[a] ?? null : null
+    activeIndex: i,
+    activeLine: i >= 0 ? n[i] ?? null : null
   };
 }
 function Nr({
   className: e,
   style: r,
   fallback: t,
-  empty: i,
+  empty: a,
   unstyled: n = !1,
-  activeClassName: a,
+  activeClassName: i,
   lineClassName: o,
   children: s
 }) {
   const l = P(), d = G(), { lines: m, activeIndex: y } = Vn();
   if (m.length === 0) {
-    const g = i ?? t ?? null;
+    const g = a ?? t ?? null;
     return g ? /* @__PURE__ */ c("span", { "data-ginger-component": "LyricsSynced", className: e, style: r, children: g }) : null;
   }
   return /* @__PURE__ */ c(
@@ -619,19 +616,19 @@ function Nr({
       }, ...r },
       "aria-label": d.syncedLyricsList,
       children: m.map((g, h) => {
-        const b = h === y;
+        const k = h === y;
         return /* @__PURE__ */ c(
           "li",
           {
-            "aria-current": b ? "true" : void 0,
-            "data-ginger-active": b || void 0,
-            className: [o, b ? a : void 0].filter(Boolean).join(" ") || void 0,
+            "aria-current": k ? "true" : void 0,
+            "data-ginger-active": k || void 0,
+            className: [o, k ? i : void 0].filter(Boolean).join(" ") || void 0,
             style: n ? void 0 : {
               padding: "var(--ginger-playlist-row-padding, 4px 8px)",
-              fontWeight: b ? 600 : 400,
-              opacity: b ? 1 : 0.75
+              fontWeight: k ? 600 : 400,
+              opacity: k ? 1 : 0.75
             },
-            children: s ? s(g, h, b, l) : g.text
+            children: s ? s(g, h, k, l) : g.text
           },
           `${g.time}-${h}`
         );
@@ -641,10 +638,10 @@ function Nr({
 }
 Nr.displayName = "Ginger.Current.LyricsSynced";
 function Bn() {
-  const { tracks: e, currentIndex: r } = D(), { currentTime: t, seek: i } = X(), n = A(() => {
+  const { tracks: e, currentIndex: r } = D(), { currentTime: t, seek: a } = X(), n = A(() => {
     var s;
     return [...((s = e[r]) == null ? void 0 : s.chapters) ?? []].filter((l) => l && Number.isFinite(l.startSeconds) && l.startSeconds >= 0).sort((l, d) => l.startSeconds - d.startSeconds);
-  }, [r, e]), a = A(() => {
+  }, [r, e]), i = A(() => {
     if (n.length === 0) return -1;
     for (let o = n.length - 1; o >= 0; o -= 1)
       if (t >= n[o].startSeconds) return o;
@@ -652,11 +649,11 @@ function Bn() {
   }, [t, n]);
   return {
     list: n,
-    activeIndex: a,
-    active: a >= 0 ? n[a] ?? null : null,
+    activeIndex: i,
+    active: i >= 0 ? n[i] ?? null : null,
     seekTo: (o) => {
       const s = n[o];
-      s && i(s.startSeconds);
+      s && a(s.startSeconds);
     }
   };
 }
@@ -664,14 +661,14 @@ function Gr({
   className: e,
   style: r,
   fallback: t,
-  empty: i,
+  empty: a,
   unstyled: n = !1,
-  formatStart: a = J,
+  formatStart: i = J,
   children: o
 }) {
   const s = P(), l = G(), { list: d, activeIndex: m, seekTo: y } = Bn();
   if (d.length === 0) {
-    const g = i ?? t ?? null;
+    const g = a ?? t ?? 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 ? {} : {
@@ -682,30 +679,30 @@ function Gr({
     fontSize: "var(--ginger-font-size, 14px)",
     color: "var(--ginger-primary-color, #111827)"
   }, ...r }, "aria-label": l.chaptersList, children: d.map((g, h) => {
-    const b = h === m;
+    const k = h === m;
     return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
       "button",
       {
         type: "button",
-        "aria-current": b ? "true" : void 0,
-        "data-ginger-active": b || void 0,
+        "aria-current": k ? "true" : void 0,
+        "data-ginger-active": k || void 0,
         onClick: () => y(h),
         style: {
           width: n ? void 0 : "100%",
           textAlign: n ? void 0 : "left",
           border: n ? void 0 : "none",
-          background: n ? void 0 : b ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+          background: n ? void 0 : k ? "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)"
         },
-        children: o ? o(g, h, b, s) : n ? /* @__PURE__ */ w(ir, { children: [
-          a(g.startSeconds),
+        children: o ? o(g, h, k, s) : n ? /* @__PURE__ */ w(ir, { children: [
+          i(g.startSeconds),
           " ",
           g.title
         ] }) : /* @__PURE__ */ w("span", { children: [
-          /* @__PURE__ */ c("span", { style: { opacity: 0.75, marginRight: "0.35em" }, children: a(g.startSeconds) }),
+          /* @__PURE__ */ c("span", { style: { opacity: 0.75, marginRight: "0.35em" }, children: i(g.startSeconds) }),
           g.title
         ] })
       }
@@ -717,36 +714,36 @@ function Lr({
   visible: e = !1,
   className: r,
   style: t,
-  fallback: i,
+  fallback: a,
   empty: n,
-  children: a
+  children: i
 }) {
   var l;
   const o = P();
   if (!e) return null;
   const s = ((l = K(o)) == null ? void 0 : l.fileUrl) ?? "";
   if (!s) {
-    const d = n ?? i ?? null;
+    const d = n ?? a ?? null;
     return d ? /* @__PURE__ */ c("span", { className: r, style: t, children: d }) : null;
   }
-  return a ? /* @__PURE__ */ c("span", { "data-ginger-component": "FileUrl", className: r, style: t, children: a(s, o) }) : /* @__PURE__ */ c("span", { className: r, style: t, children: s });
+  return i ? /* @__PURE__ */ c("span", { "data-ginger-component": "FileUrl", className: r, style: t, children: i(s, o) }) : /* @__PURE__ */ c("span", { className: r, style: t, children: s });
 }
 Lr.displayName = "Ginger.Current.FileUrl";
 function _r({
   className: e,
   style: r,
   fallback: t,
-  empty: i,
+  empty: a,
   sizes: n,
-  loading: a,
+  loading: i,
   onError: o,
   decoding: s,
   unstyled: l = !1,
   imgStyle: d
 }) {
-  const m = P(), y = K(m), k = fn(m);
-  if (!k) {
-    const h = i ?? t ?? null;
+  const m = P(), y = K(m), b = fn(m);
+  if (!b) {
+    const h = a ?? t ?? null;
     return h ? /* @__PURE__ */ c("span", { className: e, style: r, children: h }) : null;
   }
   const g = [y == null ? void 0 : y.title, y == null ? void 0 : y.artist].filter(Boolean).join(" — ") || "Artwork";
@@ -764,10 +761,10 @@ function _r({
       children: /* @__PURE__ */ c(
         "img",
         {
-          src: k,
+          src: b,
           alt: g,
           sizes: n,
-          loading: a,
+          loading: i,
           decoding: s,
           onError: o,
           style: {
@@ -787,54 +784,54 @@ function Dr({
   base: e = 0,
   className: r,
   style: t,
-  fallback: i,
+  fallback: a,
   empty: n,
-  children: a
+  children: i
 }) {
   const o = P();
   if (o.tracks.length === 0) {
-    const d = n ?? i ?? null;
+    const d = n ?? a ?? null;
     return d ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: d }) : null;
   }
   const l = String(o.currentIndex + e);
-  return a ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: a(l, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: l });
+  return i ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: i(l, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: l });
 }
 Dr.displayName = "Ginger.Current.QueueIndex";
-function Cr({ className: e, style: r, fallback: t, empty: i, children: n }) {
-  const a = P(), o = String(a.tracks.length);
-  if (a.tracks.length === 0) {
-    const s = i ?? t ?? null;
+function Cr({ className: e, style: r, fallback: t, empty: a, children: n }) {
+  const i = P(), o = String(i.tracks.length);
+  if (i.tracks.length === 0) {
+    const s = a ?? t ?? null;
     return s ? /* @__PURE__ */ c("span", { className: e, style: r, children: s }) : null;
   }
-  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueLength", className: e, style: r, children: n(o, a) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueLength", className: e, style: r, children: o });
+  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 });
 }
 Cr.displayName = "Ginger.Current.QueueLength";
 function Fr({
   base: e = 0,
   separator: r = " / ",
   className: t,
-  style: i,
+  style: a,
   fallback: n,
-  empty: a,
+  empty: i,
   children: o
 }) {
   const s = P(), l = s.tracks.length;
   if (l === 0) {
-    const k = a ?? n ?? null;
-    return k ? /* @__PURE__ */ c("span", { className: t, style: i, children: k }) : null;
+    const b = i ?? n ?? null;
+    return b ? /* @__PURE__ */ c("span", { className: t, style: a, children: b }) : null;
   }
   const d = String(s.currentIndex + e), m = String(l), y = `${d}${r}${m}`;
-  return o ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: t, style: i, children: o({ index: d, length: m, label: y }, s) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: t, style: i, children: y });
+  return o ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: t, style: a, children: o({ index: d, length: m, label: y }, s) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: t, style: a, children: y });
 }
 Fr.displayName = "Ginger.Current.QueuePosition";
 function Qe(e, r, t) {
-  const { className: i, style: n, fallback: a, empty: o, children: s, format: l = J } = t;
+  const { className: a, style: n, fallback: i, empty: o, children: s, format: l = J } = t;
   if (!(e >= 0) || !Number.isFinite(e)) {
-    const m = o ?? a ?? null;
-    return m ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: i, style: n, children: m }) : null;
+    const m = o ?? i ?? null;
+    return m ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: m }) : null;
   }
   const d = l(e);
-  return s ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: i, style: n, children: s(d, r) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: i, style: n, children: d });
+  return s ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: s(d, r) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: d });
 }
 function Ur(e) {
   const r = P();
@@ -851,23 +848,23 @@ function Br(e) {
   return Qe(mn(r), r, e);
 }
 Br.displayName = "Ginger.Current.Remaining";
-function Or({ className: e, style: r, fallback: t, empty: i, children: n }) {
-  const a = P(), o = Ye(a), s = cr(a);
+function Or({ className: e, style: r, fallback: t, empty: a, children: n }) {
+  const i = P(), o = Ye(i), s = cr(i);
   if (!(o > 0)) {
-    const l = i ?? t ?? null;
+    const l = a ?? t ?? null;
     return l ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: l }) : null;
   }
-  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: n({ fraction: s, currentTime: a.currentTime, duration: o }, a) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: `${Math.round(s * 100)}%` });
+  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: n({ fraction: s, currentTime: i.currentTime, duration: o }, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: `${Math.round(s * 100)}%` });
 }
 Or.displayName = "Ginger.Current.Progress";
 function $r({
   className: e,
   style: r,
   height: t = 4,
-  showBuffered: i = !1,
+  showBuffered: a = !1,
   unstyled: n = !1
 }) {
-  const a = P(), o = `${Math.round(cr(a) * 100)}%`, s = `${Math.round(Math.min(1, Math.max(0, a.bufferedFraction)) * 100)}%`;
+  const i = P(), o = `${Math.round(cr(i) * 100)}%`, s = `${Math.round(Math.min(1, Math.max(0, i.bufferedFraction)) * 100)}%`;
   return /* @__PURE__ */ w(
     "div",
     {
@@ -884,7 +881,7 @@ function $r({
       },
       "aria-hidden": !0,
       children: [
-        i ? /* @__PURE__ */ c(
+        a ? /* @__PURE__ */ c(
           "div",
           {
             "data-ginger-component": "TimeRail",
@@ -915,14 +912,14 @@ function $r({
   );
 }
 $r.displayName = "Ginger.Current.TimeRail";
-function Hr({ className: e, style: r, height: t = 4, unstyled: i = !1 }) {
-  const n = P(), a = `${Math.round(Math.min(1, Math.max(0, n.bufferedFraction)) * 100)}%`;
+function Hr({ className: e, style: r, height: t = 4, unstyled: a = !1 }) {
+  const n = P(), i = `${Math.round(Math.min(1, Math.max(0, n.bufferedFraction)) * 100)}%`;
   return /* @__PURE__ */ c(
     "div",
     {
       "data-ginger-component": "BufferRail",
       className: e,
-      style: i ? { ...r } : {
+      style: a ? { ...r } : {
         width: "100%",
         height: t,
         background: "var(--ginger-muted-color, #e5e7eb)",
@@ -936,9 +933,9 @@ function Hr({ className: e, style: r, height: t = 4, unstyled: i = !1 }) {
         {
           "data-ginger-component": "BufferRail",
           style: {
-            width: a,
-            height: i ? void 0 : "100%",
-            background: i ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+            width: i,
+            height: a ? void 0 : "100%",
+            background: a ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
           }
         }
       )
@@ -946,32 +943,32 @@ function Hr({ className: e, style: r, height: t = 4, unstyled: i = !1 }) {
   );
 }
 Hr.displayName = "Ginger.Current.BufferRail";
-function Yr({ className: e, style: r, fallback: t, empty: i, children: n }) {
-  const a = P(), o = sr(a);
-  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "PlaybackState", className: e, style: r, children: n(o, a) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "PlaybackState", className: e, style: r, children: o });
+function Yr({ className: e, style: r, fallback: t, empty: a, children: n }) {
+  const i = P(), o = sr(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 });
 }
 Yr.displayName = "Ginger.Current.PlaybackState";
 function Qr({
   className: e,
   style: r,
   fallback: t,
-  empty: i,
+  empty: a,
   live: n = "polite",
-  children: a
+  children: i
 }) {
   const o = P(), s = o.errorMessage ?? "";
   if (!s) {
-    const l = i ?? t ?? null;
+    const l = a ?? t ?? null;
     return l ? /* @__PURE__ */ c("span", { "data-ginger-component": "ErrorMessage", className: e, style: r, children: l }) : null;
   }
-  return a ? /* @__PURE__ */ c(
+  return i ? /* @__PURE__ */ c(
     "span",
     {
       "data-ginger-component": "ErrorMessage",
       className: e,
       style: r,
       "aria-live": n,
-      children: a(s, o)
+      children: i(s, o)
     }
   ) : /* @__PURE__ */ c("span", { "data-ginger-component": "ErrorMessage", className: e, style: r, "aria-live": n, children: s });
 }
@@ -987,22 +984,22 @@ function jr({
   children: e,
   unstyled: r = !1,
   rowStyle: t,
-  renderTrack: i,
+  renderTrack: a,
   playOnSelect: n = !0,
-  style: a,
+  style: i,
   ...o
 }) {
-  const { tracks: s, currentIndex: l, playTrackAt: d, selectTrackAt: m } = D(), y = r ? { ...a } : {
+  const { tracks: s, currentIndex: l, playTrackAt: d, selectTrackAt: m } = D(), y = r ? { ...i } : {
     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)",
-    ...a
+    ...i
   };
   return e !== void 0 ? /* @__PURE__ */ c(Oe.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: y, ...o, children: e }) }) : /* @__PURE__ */ c(Oe.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: y, ...o, children: s.map((g, h) => {
-    const b = h === l;
+    const k = h === l;
     return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
       "button",
       {
@@ -1014,14 +1011,14 @@ function jr({
           width: r ? void 0 : "100%",
           textAlign: r ? void 0 : "left",
           border: r ? void 0 : "none",
-          background: r ? void 0 : b ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+          background: r ? void 0 : k ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
           color: r ? void 0 : "inherit",
           font: r ? void 0 : "inherit",
           cursor: r ? void 0 : "pointer",
           padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
           ...t
         },
-        children: i ? i(g, h, b) : /* @__PURE__ */ w("span", { children: [
+        children: a ? a(g, h, k) : /* @__PURE__ */ w("span", { children: [
           g.title,
           g.artist ? ` — ${g.artist}` : ""
         ] })
@@ -1034,17 +1031,17 @@ function zr({
   index: e,
   unstyled: r = !1,
   className: t,
-  style: i,
+  style: a,
   children: n,
-  liProps: a,
+  liProps: i,
   onClick: o,
   ...s
 }) {
-  const { playOnSelect: l } = On(), { tracks: d, currentIndex: m, playTrackAt: y, selectTrackAt: k } = D(), g = e === m, h = d[e], b = h != null ? /* @__PURE__ */ w("span", { "data-ginger-component": "PlaylistTrack", children: [
+  const { playOnSelect: l } = On(), { tracks: d, currentIndex: m, playTrackAt: y, selectTrackAt: b } = D(), g = e === m, h = d[e], k = h != null ? /* @__PURE__ */ w("span", { "data-ginger-component": "PlaylistTrack", children: [
     h.title,
     h.artist ? ` — ${h.artist}` : ""
   ] }) : null;
-  return /* @__PURE__ */ c("li", { ...a, "data-ginger-component": "PlaylistTrack", children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("li", { ...i, "data-ginger-component": "PlaylistTrack", children: /* @__PURE__ */ c(
     "button",
     {
       type: "button",
@@ -1061,13 +1058,13 @@ function zr({
         font: r ? void 0 : "inherit",
         cursor: r ? void 0 : "pointer",
         padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
-        ...i
+        ...a
       },
       ...s,
       onClick: (f) => {
-        o == null || o(f), !f.defaultPrevented && (l ? y(e) : k(e));
+        o == null || o(f), !f.defaultPrevented && (l ? y(e) : b(e));
       },
-      children: n ?? b
+      children: n ?? k
     }
   ) });
 }
@@ -1097,14 +1094,14 @@ function Wr({
   className: e,
   style: r,
   fallback: t,
-  empty: i,
+  empty: a,
   unstyled: n = !1,
-  imgStyle: a
+  imgStyle: i
 }) {
   var d, m;
   const o = P(), s = (d = o.playlistMeta) == null ? void 0 : d.artworkUrl;
   if (!s) {
-    const y = i ?? t ?? null;
+    const y = a ?? t ?? null;
     return y ? /* @__PURE__ */ c("span", { "data-ginger-component": "Artwork", className: e, style: r, children: y }) : null;
   }
   const l = ((m = o.playlistMeta) == null ? void 0 : m.title) ?? "Playlist artwork";
@@ -1130,7 +1127,7 @@ function Wr({
             width: n ? void 0 : "100%",
             height: n ? void 0 : "100%",
             objectFit: n ? void 0 : "cover",
-            ...a
+            ...i
           }
         }
       )
@@ -1158,15 +1155,15 @@ const Y = {
 };
 function Xr(e) {
   const r = [...e.tracks];
-  let t = H(e.currentIndex ?? 0, r.length), i = null, n = r;
-  return e.isShuffled && r.length > 1 && (i = [...r], n = ur(r, t), t = 0), {
+  let t = H(e.currentIndex ?? 0, r.length), a = null, n = r;
+  return e.isShuffled && r.length > 1 && (a = [...r], n = ur(r, t), t = 0), {
     tracks: n,
     currentIndex: t,
     playbackMode: e.playbackMode ?? "playlist",
     isPaused: e.isPaused ?? !0,
     isShuffled: !!(e.isShuffled && n.length > 1),
     repeatMode: e.repeatMode ?? "off",
-    originalTracks: i,
+    originalTracks: a,
     playlistMeta: e.playlistMeta ?? null,
     ...zn,
     volume: _e(e.volume ?? 1),
@@ -1179,9 +1176,9 @@ function Wn(e, r) {
     case "INIT": {
       const {
         tracks: t,
-        currentIndex: i,
+        currentIndex: a,
         playlistMeta: n,
-        isPaused: a,
+        isPaused: i,
         isShuffled: o,
         repeatMode: s,
         playbackMode: l,
@@ -1191,9 +1188,9 @@ function Wn(e, r) {
       } = r.payload;
       return Xr({
         tracks: t,
-        currentIndex: i,
+        currentIndex: a,
         playlistMeta: n ?? null,
-        isPaused: a ?? !0,
+        isPaused: i ?? !0,
         isShuffled: o ?? !1,
         repeatMode: s ?? "off",
         playbackMode: l ?? "playlist",
@@ -1203,23 +1200,23 @@ function Wn(e, r) {
       });
     }
     case "SET_QUEUE": {
-      const { tracks: t, currentIndex: i } = r.payload, n = [...t], a = H(i ?? e.currentIndex, n.length);
+      const { tracks: t, currentIndex: a } = r.payload, n = [...t], i = H(a ?? e.currentIndex, n.length);
       return {
         ...e,
         tracks: n,
-        currentIndex: a,
+        currentIndex: i,
         isShuffled: !1,
         originalTracks: null,
         ...Y
       };
     }
     case "INSERT_TRACK": {
-      const t = r.payload.index ?? e.tracks.length, i = rr(e.tracks, r.payload.track, t);
+      const t = r.payload.index ?? e.tracks.length, a = rr(e.tracks, r.payload.track, t);
       if (r.payload.autoPlay) {
-        const o = H(t, i.length);
+        const o = H(t, a.length);
         return {
           ...e,
-          tracks: i,
+          tracks: a,
           currentIndex: o,
           isShuffled: !1,
           originalTracks: null,
@@ -1227,52 +1224,52 @@ function Wn(e, r) {
           ...Y
         };
       }
-      const n = t <= e.currentIndex ? e.currentIndex + 1 : e.currentIndex, a = e.isShuffled && e.originalTracks ? rr(e.originalTracks, r.payload.track, e.originalTracks.length) : e.originalTracks;
+      const n = t <= e.currentIndex ? e.currentIndex + 1 : e.currentIndex, i = e.isShuffled && e.originalTracks ? rr(e.originalTracks, r.payload.track, e.originalTracks.length) : e.originalTracks;
       return {
         ...e,
-        tracks: i,
-        originalTracks: a,
-        currentIndex: H(n, i.length)
+        tracks: a,
+        originalTracks: i,
+        currentIndex: H(n, a.length)
       };
     }
     case "REMOVE_TRACK": {
-      const t = r.payload.index, i = er(e.tracks, t), n = t < e.currentIndex ? e.currentIndex - 1 : t === e.currentIndex ? Math.min(e.currentIndex, Math.max(0, i.length - 1)) : e.currentIndex, a = e.isShuffled && e.originalTracks ? (() => {
+      const t = r.payload.index, a = er(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 s = e.tracks[t], l = Ue(e.originalTracks, s);
         return er(e.originalTracks, l);
-      })() : e.originalTracks, o = e.isShuffled && i.length > 1;
+      })() : e.originalTracks, o = e.isShuffled && a.length > 1;
       return {
         ...e,
-        tracks: i,
+        tracks: a,
         isShuffled: o,
-        originalTracks: o ? a : null,
-        currentIndex: H(n, i.length),
+        originalTracks: o ? i : null,
+        currentIndex: H(n, a.length),
         ...t === e.currentIndex ? Y : {}
       };
     }
     case "MOVE_TRACK": {
-      const { fromIndex: t, toIndex: i } = r.payload, n = kn(e.tracks, t, i);
-      let a = e.currentIndex;
-      return e.currentIndex === t ? a = i : t < e.currentIndex && i >= e.currentIndex ? a -= 1 : t > e.currentIndex && i <= e.currentIndex && (a += 1), {
+      const { fromIndex: t, toIndex: a } = r.payload, n = bn(e.tracks, t, 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), {
         ...e,
         tracks: n,
         isShuffled: !1,
         originalTracks: null,
-        currentIndex: H(a, n.length)
+        currentIndex: H(i, n.length)
       };
     }
     case "ADD_NEXT": {
-      const t = Ze(e.tracks, e.currentIndex, r.payload.track), i = e.isShuffled && e.originalTracks ? (() => {
-        const n = e.tracks[e.currentIndex], a = Ue(e.originalTracks, n);
-        return Ze(e.originalTracks, a, r.payload.track);
+      const t = Ze(e.tracks, e.currentIndex, r.payload.track), a = e.isShuffled && e.originalTracks ? (() => {
+        const n = e.tracks[e.currentIndex], i = Ue(e.originalTracks, n);
+        return Ze(e.originalTracks, i, r.payload.track);
       })() : e.originalTracks;
       return {
         ...e,
         tracks: t,
-        originalTracks: i
+        originalTracks: a
       };
     }
     case "SET_INDEX": {
-      const t = H(r.payload.index, e.tracks.length), i = r.payload.autoPlay, n = i === !0 ? !1 : i === !1 ? !0 : e.isPaused;
+      const t = H(r.payload.index, e.tracks.length), a = r.payload.autoPlay, n = a === !0 ? !1 : a === !1 ? !0 : e.isPaused;
       return {
         ...e,
         currentIndex: t,
@@ -1293,16 +1290,16 @@ function Wn(e, r) {
     case "TOGGLE_SHUFFLE": {
       if (e.tracks.length <= 1) return { ...e, isShuffled: !1, originalTracks: null };
       if (!e.isShuffled) {
-        const a = [...e.tracks], o = ur(a, e.currentIndex);
+        const i = [...e.tracks], o = ur(i, e.currentIndex);
         return {
           ...e,
           isShuffled: !0,
-          originalTracks: a,
+          originalTracks: i,
           tracks: o,
           currentIndex: 0
         };
       }
-      const t = e.originalTracks ? [...e.originalTracks] : [...e.tracks], i = e.tracks[e.currentIndex], n = Ue(t, i);
+      const t = e.originalTracks ? [...e.originalTracks] : [...e.tracks], a = e.tracks[e.currentIndex], n = Ue(t, a);
       return {
         ...e,
         isShuffled: !1,
@@ -1312,21 +1309,21 @@ function Wn(e, r) {
       };
     }
     case "NEXT": {
-      const t = hn(e), i = t === e.currentIndex;
+      const t = hn(e), a = t === e.currentIndex;
       return {
         ...e,
         currentIndex: t,
-        ...i ? {} : Y,
-        isPaused: i ? e.isPaused : !1
+        ...a ? {} : Y,
+        isPaused: a ? e.isPaused : !1
       };
     }
     case "PREV": {
-      const t = yn(e), i = t === e.currentIndex;
+      const t = yn(e), a = t === e.currentIndex;
       return {
         ...e,
         currentIndex: t,
-        ...i ? {} : Y,
-        isPaused: i ? e.isPaused : !1
+        ...a ? {} : Y,
+        isPaused: a ? e.isPaused : !1
       };
     }
     case "MEDIA_TIME_UPDATE":
@@ -1376,8 +1373,8 @@ function Wn(e, r) {
     case "SET_PLAYBACK_RATE":
       return { ...e, playbackRate: je(r.payload) };
     case "MEDIA_VOLUME_SYNC": {
-      const { volume: t, muted: i } = r.payload, n = _e(t);
-      return n === e.volume && i === e.muted ? e : { ...e, volume: n, muted: i };
+      const { volume: t, muted: a } = r.payload, n = _e(t);
+      return n === e.volume && a === e.muted ? e : { ...e, volume: n, muted: a };
     }
     default:
       return e;
@@ -1386,11 +1383,11 @@ function Wn(e, r) {
 function Ge() {
   return typeof navigator > "u" || !("mediaSession" in navigator) ? null : navigator.mediaSession;
 }
-function Xn(e, r, t, i = {}) {
-  var k;
+function Xn(e, r, t, a = {}) {
+  var b;
   const n = L(r);
   n.current = r;
-  const a = r.tracks[r.currentIndex], o = a == null ? void 0 : a.title, s = a == null ? void 0 : a.artist, l = a == null ? void 0 : a.album, d = bn(a, (k = r.playlistMeta) == null ? void 0 : k.artworkUrl);
+  const i = r.tracks[r.currentIndex], o = i == null ? void 0 : i.title, s = i == null ? void 0 : i.artist, l = i == null ? void 0 : i.album, d = kn(i, (b = r.playlistMeta) == null ? void 0 : b.artworkUrl);
   I(() => {
     const g = Ge();
     !e || !g || (g.metadata = new MediaMetadata({
@@ -1403,7 +1400,7 @@ function Xn(e, r, t, i = {}) {
     const g = Ge();
     !e || !g || (g.playbackState = r.isPaused ? "paused" : "playing");
   }, [e, r.isPaused]);
-  const m = i.seekForwardSeconds, y = i.seekBackwardSeconds;
+  const m = a.seekForwardSeconds, y = a.seekBackwardSeconds;
   I(() => {
     const g = Ge();
     if (!(!e || !g)) {
@@ -1411,8 +1408,8 @@ function Xn(e, r, t, i = {}) {
         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);
         }), typeof m == "number" && m > 0 ? g.setActionHandler("seekforward", () => {
-          const h = n.current, b = h.currentTime + m, f = h.duration, M = Number.isFinite(f) && f > 0 ? f : b;
-          t.seek(Math.min(b, M));
+          const h = n.current, k = h.currentTime + m, f = h.duration, M = Number.isFinite(f) && f > 0 ? f : k;
+          t.seek(Math.min(k, M));
         }) : g.setActionHandler("seekforward", null), typeof y == "number" && y > 0 ? g.setActionHandler("seekbackward", () => {
           const h = n.current;
           t.seek(Math.max(0, h.currentTime - y));
@@ -1429,8 +1426,8 @@ function Xn(e, r, t, i = {}) {
   }, [e, t, m, y]), I(() => {
     var M, S;
     const g = Ge();
-    if (!e || !g || !i.positionState) return;
-    const h = r.duration, b = r.currentTime, f = r.playbackRate;
+    if (!e || !g || !a.positionState) return;
+    const h = r.duration, k = r.currentTime, f = r.playbackRate;
     try {
       if (!Number.isFinite(h) || h <= 0) {
         (M = g.setPositionState) == null || M.call(g);
@@ -1439,7 +1436,7 @@ function Xn(e, r, t, i = {}) {
       (S = g.setPositionState) == null || S.call(g, {
         duration: h,
         playbackRate: Number.isFinite(f) && f > 0 ? f : 1,
-        position: Math.min(Math.max(0, b), h)
+        position: Math.min(Math.max(0, k), h)
       });
     } catch {
     }
@@ -1450,7 +1447,7 @@ function Xn(e, r, t, i = {}) {
       } catch {
       }
     };
-  }, [e, i.positionState, r.currentTime, r.duration, r.playbackRate]);
+  }, [e, a.positionState, r.currentTime, r.duration, r.playbackRate]);
 }
 const Kn = {
   "--ginger-primary-color": "#111827",
@@ -1468,19 +1465,19 @@ function qn({
   children: e,
   initialTracks: r = [],
   initialIndex: t = 0,
-  initialPlaylistMeta: i = null,
+  initialPlaylistMeta: a = null,
   initialShuffle: n = !1,
-  initialRepeatMode: a = "off",
+  initialRepeatMode: i = "off",
   initialPlaybackMode: o = "playlist",
   initialPaused: s = !0,
   initialVolume: l = 1,
   initialMuted: d = !1,
   initialPlaybackRate: m = 1,
   initialStateKey: y,
-  locale: k,
+  locale: b,
   mediaSession: g = !1,
   beforePlay: h,
-  onPlayBlocked: b,
+  onPlayBlocked: k,
   persistence: f,
   hydrateOnMount: M = !1,
   resumeOnTrackChange: S = !1,
@@ -1497,19 +1494,19 @@ function qn({
   onError: ie,
   onVolumeChange: oe,
   onPlaybackRateChange: ce,
-  onSeek: V
+  onSeek: U
 }) {
   var Je;
-  const U = L(null), [u, v] = cn(
+  const V = L(null), [u, v] = cn(
     Wn,
     void 0,
     () => Xr({
       tracks: r,
       currentIndex: t,
-      playlistMeta: i,
+      playlistMeta: a,
       isPaused: s,
       isShuffled: n,
-      repeatMode: a,
+      repeatMode: i,
       playbackMode: o,
       volume: l,
       muted: d,
@@ -1518,10 +1515,10 @@ function qn({
   ), Ce = L(u), Fe = L({
     tracks: r,
     currentIndex: t,
-    playlistMeta: i,
+    playlistMeta: a,
     isPaused: s,
     isShuffled: n,
-    repeatMode: a,
+    repeatMode: i,
     playbackMode: o,
     volume: l,
     muted: d,
@@ -1530,10 +1527,10 @@ function qn({
   Fe.current = {
     tracks: r,
     currentIndex: t,
-    playlistMeta: i,
+    playlistMeta: a,
     isPaused: s,
     isShuffled: n,
-    repeatMode: a,
+    repeatMode: i,
     playbackMode: o,
     volume: l,
     muted: d,
@@ -1567,7 +1564,7 @@ function qn({
         playbackRate: p.playbackRate
       }
     });
-  }, [y, v]), I(() => {
+  }, [y]), I(() => {
     Ce.current = u;
   }, [u]);
   const We = u.tracks[u.currentIndex] ?? null;
@@ -1604,15 +1601,15 @@ function qn({
     v({ type: "PLAY" });
   }, []), O = E(() => {
     var p;
-    v({ type: "PAUSE" }), (p = U.current) == null || p.pause();
+    v({ type: "PAUSE" }), (p = V.current) == null || p.pause();
   }, []), pe = E(() => {
     u.isPaused ? B() : O();
   }, [O, B, u.isPaused]), $ = E(
     (p) => {
-      const T = U.current;
-      T && Number.isFinite(p) && (T.currentTime = Math.max(0, p), V == null || V(Math.max(0, p)));
+      const T = V.current;
+      T && Number.isFinite(p) && (T.currentTime = Math.max(0, p), U == null || U(Math.max(0, p)));
     },
-    [V]
+    [U]
   ), ge = E((p) => {
     v({ type: "SET_VOLUME", payload: _e(p) });
   }, []), fe = E((p) => {
@@ -1624,15 +1621,15 @@ function qn({
   }, []), z = E(() => {
     v({ type: "NEXT" });
   }, []), W = E(() => {
-    const p = U.current, T = ze ?? 3;
-    p && T > 0 && p.currentTime > T ? (p.currentTime = 0, V == null || V(0)) : v({ type: "PREV" });
-  }, [ze, V]), he = E((p) => {
+    const p = V.current, T = ze ?? 3;
+    p && T > 0 && p.currentTime > T ? (p.currentTime = 0, U == null || U(0)) : v({ type: "PREV" });
+  }, [ze, U]), he = E((p) => {
     v({ type: "SET_REPEAT", payload: p });
   }, []), ve = E(() => {
     v({ type: "CYCLE_REPEAT" });
-  }, []), ke = E(() => {
+  }, []), be = E(() => {
     v({ type: "TOGGLE_SHUFFLE" });
-  }, []), be = E((p, T) => {
+  }, []), ke = E((p, T) => {
     v({ type: "SET_QUEUE", payload: { tracks: p, currentIndex: T } });
   }, []), Te = E((p, T, x) => {
     v({ type: "INSERT_TRACK", payload: { track: p, index: T, autoPlay: x } });
@@ -1715,7 +1712,7 @@ function qn({
   }, [f, S, u.currentIndex, u.tracks, u.currentTime]);
   const qr = (Je = u.tracks[u.currentIndex]) == null ? void 0 : Je.fileUrl;
   I(() => {
-    const p = U.current;
+    const p = V.current;
     if (!p) return;
     if (u.isPaused) {
       p.pause();
@@ -1737,7 +1734,7 @@ function qn({
           return;
         }
         if (!x) {
-          T || (v({ type: "PAUSE" }), b == null || b());
+          T || (v({ type: "PAUSE" }), k == null || k());
           return;
         }
       }
@@ -1748,17 +1745,17 @@ function qn({
     })(), () => {
       T = !0;
     };
-  }, [h, qr, b, u.isPaused]);
+  }, [h, qr, k, u.isPaused]);
   const we = E(() => {
     var x;
     const p = nr(Ce.current);
     if (p.kind === "replay_same") {
-      const R = U.current;
+      const R = V.current;
       R && (R.currentTime = 0), v({ type: "PLAY" });
       return;
     }
     if (p.kind === "stop") {
-      (x = U.current) == null || x.pause(), v({ type: "PAUSE" }), ae == null || ae();
+      (x = V.current) == null || x.pause(), v({ type: "PAUSE" }), ae == null || ae();
       return;
     }
     const T = p.nextIndex;
@@ -1771,11 +1768,11 @@ function qn({
     [g]
   );
   Xn(Zr, u, Jr, en);
-  const Xe = Kr ?? (k != null && k.seek && /[\u0590-\u08FF]/.test(k.seek) ? "rtl" : "ltr"), rn = A(
+  const Xe = Kr ?? (b != null && b.seek && /[\u0590-\u08FF]/.test(b.seek) ? "rtl" : "ltr"), rn = A(
     () => ({
       state: u,
       dispatch: v,
-      audioRef: U,
+      audioRef: V,
       notifyEnded: we,
       init: Re,
       play: B,
@@ -1790,8 +1787,8 @@ function qn({
       prev: W,
       setRepeatMode: he,
       cycleRepeat: ve,
-      toggleShuffle: ke,
-      setQueue: be,
+      toggleShuffle: be,
+      setQueue: ke,
       insertTrackAt: Te,
       removeTrackAt: xe,
       moveTrack: Me,
@@ -1803,7 +1800,6 @@ function qn({
     }),
     [
       ve,
-      v,
       Re,
       z,
       we,
@@ -1819,7 +1815,7 @@ function qn({
       $,
       fe,
       ye,
-      be,
+      ke,
       he,
       Ae,
       Se,
@@ -1827,7 +1823,7 @@ function qn({
       u,
       me,
       pe,
-      ke
+      be
     ]
   ), nn = A(
     () => ({
@@ -1846,9 +1842,9 @@ function qn({
       prev: W,
       setRepeatMode: he,
       cycleRepeat: ve,
-      toggleShuffle: ke,
+      toggleShuffle: be,
       playbackMode: u.playbackMode,
-      setQueue: be,
+      setQueue: ke,
       insertTrackAt: Te,
       removeTrackAt: xe,
       moveTrack: Me,
@@ -1876,8 +1872,8 @@ function qn({
       W,
       he,
       ve,
-      ke,
       be,
+      ke,
       Te,
       xe,
       Me,
@@ -1885,8 +1881,7 @@ function qn({
       Ie,
       Pe,
       Ae,
-      Se,
-      v
+      Se
     ]
   ), tn = A(
     () => ({
@@ -1903,7 +1898,7 @@ function qn({
       setMuted: fe,
       toggleMute: me,
       setPlaybackRate: ye,
-      audioRef: U,
+      audioRef: V,
       notifyEnded: we,
       dispatch: v
     }),
@@ -1921,9 +1916,7 @@ function qn({
       fe,
       me,
       ye,
-      U,
-      we,
-      v
+      we
     ]
   ), Ke = sr(u), qe = A(
     () => N ? De : { ...Kn, ...De },
@@ -1959,7 +1952,7 @@ function qn({
       dir: C.dir
     });
   }, [Z, e, C]);
-  return /* @__PURE__ */ c(En, { locale: k, children: /* @__PURE__ */ c(dn.Provider, { value: nn, children: /* @__PURE__ */ c(pn.Provider, { value: tn, children: /* @__PURE__ */ c(lr.Provider, { value: rn, children: an }) }) }) });
+  return /* @__PURE__ */ c(En, { locale: b, children: /* @__PURE__ */ c(dn.Provider, { value: nn, children: /* @__PURE__ */ c(pn.Provider, { value: tn, children: /* @__PURE__ */ c(lr.Provider, { value: rn, children: an }) }) }) });
 }
 function Jn(e, r) {
   const t = [e, r].filter(Boolean).join(" ");
@@ -2004,7 +1997,7 @@ const at = {
     Artwork: Wr
   },
   Control: {
-    PlayPause: br,
+    PlayPause: kr,
     Repeat: Tr,
     Next: xr,
     Previous: Mr,
@@ -2021,7 +2014,7 @@ const at = {
     SkipBack: yr,
     Shuffle: mr,
     Volume2: vr,
-    VolumeX: kr,
+    VolumeX: br,
     RepeatGlyph: fr,
     Wrapper: _
   },
@@ -2039,7 +2032,7 @@ export {
   gr as a,
   yr as b,
   hr as c,
-  kr as d,
+  br as d,
   je as e,
   _e as f,
   Le as g,
@@ -2053,4 +2046,4 @@ export {
   Un as p,
   Bn as u
 };
-//# sourceMappingURL=ginger-B2DgE-2a.js.map
+//# sourceMappingURL=ginger-XgXdGRB-.js.map