@lucaismyname/ginger 0.0.23 → 0.0.25

package/dist/{ginger-BoNnuade.js → ginger-Dj-zM_lq.js}

@@ -1,4 +1,4 @@
-import { jsx as d, jsxs as Ae } from "react/jsx-runtime";
+import { jsx as d, jsxs as q } from "react/jsx-runtime";
 import { useContext as Ge, createContext as Ne, useRef as O, useState as Nr, useEffect as E, useMemo as P, useReducer as wr, useCallback as v } from "react";
 import { c as I, b as _, u as j, g as $e, G as Cr, d as Lr } from "./GingerSplitContexts-BzBExb95.js";
 const Oe = Ne(null);
@@ -15,27 +15,27 @@ function Fr({
   className: e,
   style: r,
   preload: n = "metadata",
-  crossOrigin: a,
-  respectReducedMotion: t = !1
+  crossOrigin: t,
+  respectReducedMotion: a = !1
 }) {
   var S;
-  const { audioRef: i, dispatch: o, state: u, notifyEnded: s } = Dr(), l = ((S = u.tracks[u.currentIndex]) == null ? void 0 : S.fileUrl) ?? "", g = O({
+  const { audioRef: i, dispatch: o, state: u, notifyEnded: l } = Dr(), s = ((S = u.tracks[u.currentIndex]) == null ? void 0 : S.fileUrl) ?? "", g = O({
     currentTime: -1,
     duration: -1,
     bufferedFraction: -1
   }), m = O(""), [y, k] = Nr(!1);
   E(() => {
-    if (!t || typeof window > "u") return;
-    const p = window.matchMedia("(prefers-reduced-motion: reduce)"), T = () => k(p.matches);
-    return T(), p.addEventListener("change", T), () => p.removeEventListener("change", T);
-  }, [t]);
-  const b = (p, T = !1) => {
+    if (!a || typeof window > "u") return;
+    const p = window.matchMedia("(prefers-reduced-motion: reduce)"), x = () => k(p.matches);
+    return x(), p.addEventListener("change", x), () => p.removeEventListener("change", x);
+  }, [a]);
+  const b = (p, x = !1) => {
     const R = {
       currentTime: p.currentTime,
       duration: p.duration,
       bufferedFraction: Ue(p)
     }, w = g.current, Se = y ? 0.5 : 0.25, K = Math.abs(R.currentTime - w.currentTime) >= Se || Math.abs(R.duration - w.duration) >= 0.01 || Math.abs(R.bufferedFraction - w.bufferedFraction) >= 0.01;
-    !T && !K || (g.current = R, o({
+    !x && !K || (g.current = R, o({
       type: "MEDIA_TIME_UPDATE",
       payload: R
     }));
@@ -46,57 +46,57 @@ function Fr({
   }, [i, u.volume, u.muted]), E(() => {
     const p = i.current;
     if (p) {
-      if (!l) {
+      if (!s) {
         p.removeAttribute("src"), g.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, m.current !== "" && o({ type: "MEDIA_SOURCE_CLEARED" }), m.current = "";
         return;
       }
-      p.getAttribute("src") !== l && (p.src = l, p.load(), g.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }), m.current = l;
+      p.getAttribute("src") !== s && (p.src = s, p.load(), g.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }), m.current = s;
     }
-  }, [i, o, u.currentIndex, u.tracks, l]), E(() => {
+  }, [i, o, u.currentIndex, u.tracks, s]), E(() => {
     const p = i.current;
     p && (p.playbackRate = u.playbackRate);
-  }, [i, u.playbackRate, l]), /* @__PURE__ */ d(
+  }, [i, u.playbackRate, s]), /* @__PURE__ */ d(
     "audio",
     {
       ref: i,
       className: e,
       style: r,
       preload: n,
-      crossOrigin: a,
+      crossOrigin: t,
       controls: !1,
       playsInline: !0,
       onTimeUpdate: (p) => {
         b(p.currentTarget);
       },
       onLoadedMetadata: (p) => {
-        const T = p.currentTarget;
+        const x = p.currentTarget;
         g.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, o({
           type: "MEDIA_LOADED_METADATA",
           payload: {
-            duration: T.duration,
-            bufferedFraction: Ue(T)
+            duration: x.duration,
+            bufferedFraction: Ue(x)
           }
         });
       },
       onSeeking: (p) => b(p.currentTarget, !0),
       onSeeked: (p) => b(p.currentTarget, !0),
-      onEnded: () => s(),
+      onEnded: () => l(),
       onPlay: () => o({ type: "MEDIA_PLAY" }),
       onPause: () => o({ type: "MEDIA_PAUSE" }),
       onWaiting: () => o({ type: "MEDIA_WAITING" }),
       onCanPlay: () => o({ type: "MEDIA_CANPLAY" }),
       onProgress: (p) => b(p.currentTarget, !0),
       onVolumeChange: (p) => {
-        const T = p.currentTarget;
+        const x = p.currentTarget;
         o({
           type: "MEDIA_VOLUME_SYNC",
-          payload: { volume: T.volume, muted: T.muted }
+          payload: { volume: x.volume, muted: x.muted }
         });
       },
       onError: () => {
         var w;
-        const p = i.current, T = (w = p == null ? void 0 : p.error) == null ? void 0 : w.code;
-        o({ type: "MEDIA_ERROR", payload: { message: T === 1 ? "MEDIA_ERR_ABORTED" : T === 2 ? "MEDIA_ERR_NETWORK" : T === 3 ? "MEDIA_ERR_DECODE" : T === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
+        const p = i.current, x = (w = p == null ? void 0 : p.error) == null ? void 0 : w.code;
+        o({ type: "MEDIA_ERROR", payload: { message: x === 1 ? "MEDIA_ERR_ABORTED" : x === 2 ? "MEDIA_ERR_NETWORK" : x === 3 ? "MEDIA_ERR_DECODE" : x === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
       }
     }
   );
@@ -108,12 +108,12 @@ function Be(e, r) {
   if (e.length <= 1) return [...e];
   const n = e[r];
   if (!n) return [...e];
-  const a = e.filter((t, i) => i !== r);
-  for (let t = a.length - 1; t > 0; t--) {
-    const i = Math.floor(Math.random() * (t + 1));
-    [a[t], a[i]] = [a[i], a[t]];
+  const t = e.filter((a, i) => i !== r);
+  for (let a = t.length - 1; a > 0; a--) {
+    const i = Math.floor(Math.random() * (a + 1));
+    [t[a], t[i]] = [t[i], t[a]];
   }
-  return [n, ...a];
+  return [n, ...t];
 }
 function W(e) {
   return e ? e.id != null && e.id !== "" ? `id:${e.id}` : `file:${e.fileUrl}` : "";
@@ -121,23 +121,23 @@ function W(e) {
 function Ur(e, r) {
   var o, u;
   if (!r) return 0;
-  const n = e.findIndex((s) => s === r);
+  const n = e.findIndex((l) => l === r);
   if (n !== -1) return n;
-  const a = W(r);
-  if (!a) return 0;
-  const t = [];
-  for (let s = 0; s < e.length; s += 1)
-    W(e[s]) === a && t.push(s);
-  if (t.length === 0) return 0;
-  if (t.length === 1) return t[0];
+  const t = W(r);
+  if (!t) return 0;
+  const a = [];
+  for (let l = 0; l < e.length; l += 1)
+    W(e[l]) === t && a.push(l);
+  if (a.length === 0) return 0;
+  if (a.length === 1) return a[0];
   const i = typeof globalThis < "u" && "process" in globalThis ? (u = (o = globalThis.process) == null ? void 0 : o.env) == null ? void 0 : u.NODE_ENV : void 0;
   return i != null && i !== "production" && console.warn(
     "[@lucaismyname/ginger] Ambiguous track identity: multiple queue rows share the same fileUrl without a unique `id`. Resolving to the first match."
-  ), t[0];
+  ), a[0];
 }
 function Ye(e, r, n) {
-  const a = [...e], t = Math.max(0, Math.min(a.length, n ?? a.length));
-  return a.splice(t, 0, r), a;
+  const t = [...e], a = Math.max(0, Math.min(t.length, n ?? t.length));
+  return t.splice(a, 0, r), t;
 }
 function Vr(e, r) {
   if (r < 0 || r >= e.length) return [...e];
@@ -147,23 +147,23 @@ function Vr(e, r) {
 function $r(e, r, n) {
   if (r === n || r < 0 || r >= e.length || n < 0 || n >= e.length)
     return [...e];
-  const a = [...e], [t] = a.splice(r, 1);
-  return t ? (a.splice(n, 0, t), a) : [...e];
+  const t = [...e], [a] = t.splice(r, 1);
+  return a ? (t.splice(n, 0, a), t) : [...e];
 }
 function Or(e, r, n) {
   return Ye(e, n, Math.max(0, Math.min(e.length, r + 1)));
 }
 function Br(e) {
-  const { tracks: r, currentIndex: n, repeatMode: a, playbackMode: t } = e, i = r.length;
-  return i === 0 ? { kind: "stop", nextIndex: 0 } : a === "one" ? { kind: "replay_same" } : t === "single" ? { kind: "stop", nextIndex: A(n, i) } : n < i - 1 ? { kind: "advance", nextIndex: n + 1 } : a === "all" ? { kind: "wrap", nextIndex: 0 } : { kind: "stop", nextIndex: A(n, i) };
+  const { tracks: r, currentIndex: n, repeatMode: t, playbackMode: a } = e, i = r.length;
+  return i === 0 ? { kind: "stop", nextIndex: 0 } : t === "one" ? { kind: "replay_same" } : a === "single" ? { kind: "stop", nextIndex: A(n, i) } : n < i - 1 ? { kind: "advance", nextIndex: n + 1 } : t === "all" ? { kind: "wrap", nextIndex: 0 } : { kind: "stop", nextIndex: A(n, i) };
 }
 function Yr(e) {
-  const { tracks: r, currentIndex: n, repeatMode: a, playbackMode: t } = e, i = r.length;
-  return i === 0 ? 0 : t === "single" ? A(n, i) : n < i - 1 ? n + 1 : a === "all" ? 0 : A(n, i);
+  const { tracks: r, currentIndex: n, repeatMode: t, playbackMode: a } = e, i = r.length;
+  return i === 0 ? 0 : a === "single" ? A(n, i) : n < i - 1 ? n + 1 : t === "all" ? 0 : A(n, i);
 }
 function Qr(e) {
-  const { tracks: r, currentIndex: n, repeatMode: a, playbackMode: t } = e, i = r.length;
-  return i === 0 ? 0 : t === "single" ? A(n, i) : n > 0 ? n - 1 : a === "all" ? i - 1 : 0;
+  const { tracks: r, currentIndex: n, repeatMode: t, playbackMode: a } = e, i = r.length;
+  return i === 0 ? 0 : a === "single" ? A(n, i) : n > 0 ? n - 1 : t === "all" ? i - 1 : 0;
 }
 function Hr(e) {
   return e === "off" ? "all" : e === "all" ? "one" : "off";
@@ -180,19 +180,19 @@ function V(e) {
 function He(e) {
   return e.errorMessage ? "error" : e.tracks.length === 0 ? "idle" : e.isBuffering ? "loading" : e.isPaused ? Number.isFinite(e.duration) && e.duration > 0 && e.currentTime >= e.duration - 0.05 ? "ended" : "paused" : "playing";
 }
-function q(e) {
-  var a;
+function J(e) {
+  var t;
   const r = e.duration;
   if (Number.isFinite(r) && r > 0) return r;
-  const n = (a = e.tracks[e.currentIndex]) == null ? void 0 : a.durationSeconds;
+  const n = (t = e.tracks[e.currentIndex]) == null ? void 0 : t.durationSeconds;
   return typeof n == "number" && Number.isFinite(n) && n > 0 ? n : 0;
 }
 function Kr(e) {
-  const n = q(e) - e.currentTime;
+  const n = J(e) - e.currentTime;
   return Number.isFinite(n) ? Math.max(0, n) : 0;
 }
 function je(e) {
-  const r = q(e);
+  const r = J(e);
   return r > 0 ? Math.min(1, Math.max(0, e.currentTime / r)) : 0;
 }
 function Xr(e) {
@@ -206,13 +206,13 @@ function zr(e) {
   return jr(r, (n = e.playlistMeta) == null ? void 0 : n.subtitle);
 }
 function B(e, r) {
-  function n(a) {
-    const t = I(), o = (r(t) ?? "").trim(), { className: u, style: s, fallback: l, empty: g, children: m } = a;
+  function n(t) {
+    const a = I(), o = (r(a) ?? "").trim(), { className: u, style: l, fallback: s, empty: g, children: m } = t;
     if (!o) {
-      const y = g ?? l ?? null;
-      return y ? /* @__PURE__ */ d("span", { className: u, style: s, children: y }) : null;
+      const y = g ?? s ?? null;
+      return y ? /* @__PURE__ */ d("span", { className: u, style: l, children: y }) : null;
     }
-    return m ? /* @__PURE__ */ d("span", { className: u, style: s, children: m(o, t) }) : /* @__PURE__ */ d("span", { className: u, style: s, children: o });
+    return m ? /* @__PURE__ */ d("span", { className: u, style: l, children: m(o, a) }) : /* @__PURE__ */ d("span", { className: u, style: l, children: o });
   }
   return n.displayName = e, n;
 }
@@ -227,77 +227,77 @@ const Wr = Y("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), qr =
   "Ginger.Current.TrackNumber",
   (e) => (e == null ? void 0 : e.trackNumber) != null ? String(e.trackNumber) : void 0
 );
-function Ke({ className: e, style: r, fallback: n, empty: a, children: t, format: i }) {
-  var l;
-  const o = I(), u = (l = V(o)) == null ? void 0 : l.year;
+function Ke({ className: e, style: r, fallback: n, empty: t, children: a, format: i }) {
+  var s;
+  const o = I(), u = (s = V(o)) == null ? void 0 : s.year;
   if (typeof u != "number" || !Number.isFinite(u)) {
-    const g = a ?? n ?? null;
+    const g = t ?? n ?? null;
     return g ? /* @__PURE__ */ d("span", { className: e, style: r, children: g }) : null;
   }
-  const s = i ? i(u) : String(u);
-  return t ? /* @__PURE__ */ d("span", { className: e, style: r, children: t(s, o) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: s });
+  const l = i ? i(u) : String(u);
+  return a ? /* @__PURE__ */ d("span", { className: e, style: r, children: a(l, o) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: l });
 }
 Ke.displayName = "Ginger.Current.Year";
-function Xe({ className: e, style: r, fallback: n, empty: a, children: t, preserveWhitespace: i = !0 }) {
+function Xe({ className: e, style: r, fallback: n, empty: t, children: a, preserveWhitespace: i = !0 }) {
   var g;
-  const o = I(), u = ((g = V(o)) == null ? void 0 : g.lyrics) ?? "", s = i ? u.replace(/^\s+|\s+$/g, "") : u.trim();
-  if (!s) {
-    const m = a ?? n ?? null;
+  const o = I(), u = ((g = V(o)) == null ? void 0 : g.lyrics) ?? "", l = i ? u.replace(/^\s+|\s+$/g, "") : u.trim();
+  if (!l) {
+    const m = t ?? n ?? null;
     return m ? /* @__PURE__ */ d("span", { className: e, style: r, children: m }) : null;
   }
-  const l = i ? { whiteSpace: "pre-wrap" } : void 0;
-  return t ? /* @__PURE__ */ d("span", { className: e, style: { ...l, ...r }, children: t(s, o) }) : /* @__PURE__ */ d("span", { className: e, style: { ...l, ...r }, children: s });
+  const s = i ? { whiteSpace: "pre-wrap" } : void 0;
+  return a ? /* @__PURE__ */ d("span", { className: e, style: { ...s, ...r }, children: a(l, o) }) : /* @__PURE__ */ d("span", { className: e, style: { ...s, ...r }, children: l });
 }
 Xe.displayName = "Ginger.Current.Lyrics";
 const Ve = /\[(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?\]/g;
 function on(e) {
   const r = [];
   for (const n of e.split(/\r?\n/)) {
-    const a = [...n.matchAll(Ve)];
-    if (a.length === 0) continue;
-    const t = n.replace(Ve, "").trim();
-    for (const i of a) {
-      const o = Number(i[1] ?? 0), u = Number(i[2] ?? 0), s = Number((i[3] ?? "0").padEnd(3, "0")), l = o * 60 + u + s / 1e3;
-      Number.isFinite(l) && l >= 0 && r.push({ time: l, text: t });
+    const t = [...n.matchAll(Ve)];
+    if (t.length === 0) continue;
+    const a = n.replace(Ve, "").trim();
+    for (const i of t) {
+      const o = Number(i[1] ?? 0), u = Number(i[2] ?? 0), l = Number((i[3] ?? "0").padEnd(3, "0")), s = o * 60 + u + l / 1e3;
+      Number.isFinite(s) && s >= 0 && r.push({ time: s, text: a });
     }
   }
-  return r.sort((n, a) => n.time - a.time);
+  return r.sort((n, t) => n.time - t.time);
 }
 function un() {
-  const { tracks: e, currentIndex: r } = _(), { currentTime: n } = j(), a = e[r], t = P(() => 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 = P(() => {
-    for (let o = t.length - 1; o >= 0; o -= 1)
-      if (n >= t[o].time) return o;
+  const { tracks: e, currentIndex: r } = _(), { currentTime: n } = j(), t = e[r], a = P(() => t ? Array.isArray(t.lyricsTimed) && t.lyricsTimed.length > 0 ? [...t.lyricsTimed].filter((o) => Number.isFinite(o.time) && o.time >= 0).sort((o, u) => o.time - u.time) : typeof t.lyrics == "string" ? on(t.lyrics) : [] : [], [t]), i = P(() => {
+    for (let o = a.length - 1; o >= 0; o -= 1)
+      if (n >= a[o].time) return o;
     return -1;
-  }, [n, t]);
+  }, [n, a]);
   return {
-    lines: t,
+    lines: a,
     activeIndex: i,
-    activeLine: i >= 0 ? t[i] ?? null : null
+    activeLine: i >= 0 ? a[i] ?? null : null
   };
 }
 function ze({
   className: e,
   style: r,
   fallback: n,
-  empty: a,
-  unstyled: t = !1,
+  empty: t,
+  unstyled: a = !1,
   activeClassName: i,
   lineClassName: o,
   children: u
 }) {
-  const s = I(), { lines: l, activeIndex: g } = un();
-  if (l.length === 0) {
-    const y = a ?? n ?? null;
+  const l = I(), { lines: s, activeIndex: g } = un();
+  if (s.length === 0) {
+    const y = t ?? n ?? null;
     return y ? /* @__PURE__ */ d("span", { className: e, style: r, children: y }) : null;
   }
-  return /* @__PURE__ */ d("ul", { className: e, style: { ...t ? {} : {
+  return /* @__PURE__ */ d("ul", { className: e, style: { ...a ? {} : {
     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": "Synced lyrics", children: l.map((y, k) => {
+  }, ...r }, "aria-label": "Synced lyrics", children: s.map((y, k) => {
     const b = k === g;
     return /* @__PURE__ */ d(
       "li",
@@ -305,12 +305,12 @@ function ze({
         "aria-current": b ? "true" : void 0,
         "data-ginger-active": b || void 0,
         className: [o, b ? i : void 0].filter(Boolean).join(" ") || void 0,
-        style: t ? void 0 : {
+        style: a ? void 0 : {
           padding: "var(--ginger-playlist-row-padding, 4px 8px)",
           fontWeight: b ? 600 : 400,
           opacity: b ? 1 : 0.75
         },
-        children: u ? u(y, k, b, s) : y.text
+        children: u ? u(y, k, b, l) : y.text
       },
       `${y.time}-${k}`
     );
@@ -318,22 +318,22 @@ function ze({
 }
 ze.displayName = "Ginger.Current.LyricsSynced";
 function sn() {
-  const { tracks: e, currentIndex: r } = _(), { currentTime: n, seek: a } = j(), t = P(() => {
+  const { tracks: e, currentIndex: r } = _(), { currentTime: n, seek: t } = j(), a = P(() => {
     var u;
-    return [...((u = e[r]) == null ? void 0 : u.chapters) ?? []].filter((s) => s && Number.isFinite(s.startSeconds) && s.startSeconds >= 0).sort((s, l) => s.startSeconds - l.startSeconds);
+    return [...((u = e[r]) == null ? void 0 : u.chapters) ?? []].filter((l) => l && Number.isFinite(l.startSeconds) && l.startSeconds >= 0).sort((l, s) => l.startSeconds - s.startSeconds);
   }, [r, e]), i = P(() => {
-    if (t.length === 0) return -1;
-    for (let o = t.length - 1; o >= 0; o -= 1)
-      if (n >= t[o].startSeconds) return o;
+    if (a.length === 0) return -1;
+    for (let o = a.length - 1; o >= 0; o -= 1)
+      if (n >= a[o].startSeconds) return o;
     return -1;
-  }, [n, t]);
+  }, [n, a]);
   return {
-    list: t,
+    list: a,
     activeIndex: i,
-    active: i >= 0 ? t[i] ?? null : null,
+    active: i >= 0 ? a[i] ?? null : null,
     seekTo: (o) => {
-      const u = t[o];
-      u && a(u.startSeconds);
+      const u = a[o];
+      u && t(u.startSeconds);
     }
   };
 }
@@ -346,25 +346,25 @@ function We({
   className: e,
   style: r,
   fallback: n,
-  empty: a,
-  unstyled: t = !1,
+  empty: t,
+  unstyled: a = !1,
   formatStart: i = z,
   children: o
 }) {
-  const u = I(), { list: s, activeIndex: l, seekTo: g } = sn();
-  if (s.length === 0) {
-    const y = a ?? n ?? null;
+  const u = I(), { list: l, activeIndex: s, seekTo: g } = sn();
+  if (l.length === 0) {
+    const y = t ?? n ?? null;
     return y ? /* @__PURE__ */ d("span", { className: e, style: r, children: y }) : null;
   }
-  return /* @__PURE__ */ d("ul", { className: e, style: { ...t ? {} : {
+  return /* @__PURE__ */ d("ul", { className: e, style: { ...a ? {} : {
     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": "Chapters", children: s.map((y, k) => {
-    const b = k === l;
+  }, ...r }, "aria-label": "Chapters", children: l.map((y, k) => {
+    const b = k === s;
     return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(
       "button",
       {
@@ -373,16 +373,16 @@ function We({
         "data-ginger-active": b || void 0,
         onClick: () => g(k),
         style: {
-          width: t ? void 0 : "100%",
-          textAlign: t ? void 0 : "left",
-          border: t ? void 0 : "none",
-          background: t ? void 0 : b ? "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)"
+          width: a ? void 0 : "100%",
+          textAlign: a ? void 0 : "left",
+          border: a ? void 0 : "none",
+          background: a ? void 0 : b ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+          color: a ? void 0 : "inherit",
+          font: a ? void 0 : "inherit",
+          cursor: a ? void 0 : "pointer",
+          padding: a ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)"
         },
-        children: o ? o(y, k, b, u) : /* @__PURE__ */ Ae("span", { children: [
+        children: o ? o(y, k, b, u) : /* @__PURE__ */ q("span", { children: [
           /* @__PURE__ */ d("span", { style: { opacity: 0.75, marginRight: "0.35em" }, children: i(y.startSeconds) }),
           y.title
         ] })
@@ -391,14 +391,14 @@ function We({
   }) });
 }
 We.displayName = "Ginger.Current.Chapters";
-function qe({ visible: e = !1, className: r, style: n, fallback: a, empty: t, children: i }) {
-  var s;
+function qe({ visible: e = !1, className: r, style: n, fallback: t, empty: a, children: i }) {
+  var l;
   const o = I();
   if (!e) return null;
-  const u = ((s = V(o)) == null ? void 0 : s.fileUrl) ?? "";
+  const u = ((l = V(o)) == null ? void 0 : l.fileUrl) ?? "";
   if (!u) {
-    const l = t ?? a ?? null;
-    return l ? /* @__PURE__ */ d("span", { className: r, style: n, children: l }) : null;
+    const s = a ?? t ?? null;
+    return s ? /* @__PURE__ */ d("span", { className: r, style: n, children: s }) : null;
   }
   return i ? /* @__PURE__ */ d("span", { className: r, style: n, children: i(u, o) }) : /* @__PURE__ */ d("span", { className: r, style: n, children: u });
 }
@@ -407,17 +407,17 @@ function Je({
   className: e,
   style: r,
   fallback: n,
-  empty: a,
-  sizes: t,
+  empty: t,
+  sizes: a,
   loading: i,
   onError: o,
   decoding: u,
-  unstyled: s = !1,
-  imgStyle: l
+  unstyled: l = !1,
+  imgStyle: s
 }) {
   const g = I(), m = V(g), y = Xr(g);
   if (!y) {
-    const b = a ?? n ?? null;
+    const b = t ?? n ?? null;
     return b ? /* @__PURE__ */ d("span", { className: e, style: r, children: b }) : null;
   }
   const k = [m == null ? void 0 : m.title, m == null ? void 0 : m.artist].filter(Boolean).join(" — ") || "Artwork";
@@ -425,7 +425,7 @@ function Je({
     "div",
     {
       className: e,
-      style: s ? { ...r } : {
+      style: l ? { ...r } : {
         background: "var(--ginger-artwork-bg, transparent)",
         borderRadius: "var(--ginger-artwork-radius, 0)",
         overflow: "hidden",
@@ -436,16 +436,16 @@ function Je({
         {
           src: y,
           alt: k,
-          sizes: t,
+          sizes: a,
           loading: i,
           decoding: u,
           onError: o,
           style: {
-            display: s ? void 0 : "block",
-            width: s ? void 0 : "100%",
-            height: s ? void 0 : "100%",
-            objectFit: s ? void 0 : "cover",
-            ...l
+            display: l ? void 0 : "block",
+            width: l ? void 0 : "100%",
+            height: l ? void 0 : "100%",
+            objectFit: l ? void 0 : "cover",
+            ...s
           }
         }
       )
@@ -453,51 +453,51 @@ function Je({
   );
 }
 Je.displayName = "Ginger.Current.Artwork";
-function Ze({ base: e = 0, className: r, style: n, fallback: a, empty: t, children: i }) {
+function Ze({ base: e = 0, className: r, style: n, fallback: t, empty: a, children: i }) {
   const o = I();
   if (o.tracks.length === 0) {
-    const l = t ?? a ?? null;
-    return l ? /* @__PURE__ */ d("span", { className: r, style: n, children: l }) : null;
+    const s = a ?? t ?? null;
+    return s ? /* @__PURE__ */ d("span", { className: r, style: n, children: s }) : null;
   }
-  const s = String(o.currentIndex + e);
-  return i ? /* @__PURE__ */ d("span", { className: r, style: n, children: i(s, o) }) : /* @__PURE__ */ d("span", { className: r, style: n, children: s });
+  const l = String(o.currentIndex + e);
+  return i ? /* @__PURE__ */ d("span", { className: r, style: n, children: i(l, o) }) : /* @__PURE__ */ d("span", { className: r, style: n, children: l });
 }
 Ze.displayName = "Ginger.Current.QueueIndex";
-function er({ className: e, style: r, fallback: n, empty: a, children: t }) {
+function er({ className: e, style: r, fallback: n, empty: t, children: a }) {
   const i = I(), o = String(i.tracks.length);
   if (i.tracks.length === 0) {
-    const u = a ?? n ?? null;
+    const u = t ?? n ?? null;
     return u ? /* @__PURE__ */ d("span", { className: e, style: r, children: u }) : null;
   }
-  return t ? /* @__PURE__ */ d("span", { className: e, style: r, children: t(o, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: o });
+  return a ? /* @__PURE__ */ d("span", { className: e, style: r, children: a(o, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: o });
 }
 er.displayName = "Ginger.Current.QueueLength";
 function rr({
   base: e = 0,
   separator: r = " / ",
   className: n,
-  style: a,
-  fallback: t,
+  style: t,
+  fallback: a,
   empty: i,
   children: o
 }) {
-  const u = I(), s = u.tracks.length;
-  if (s === 0) {
-    const y = i ?? t ?? null;
-    return y ? /* @__PURE__ */ d("span", { className: n, style: a, children: y }) : null;
+  const u = I(), l = u.tracks.length;
+  if (l === 0) {
+    const y = i ?? a ?? null;
+    return y ? /* @__PURE__ */ d("span", { className: n, style: t, children: y }) : null;
   }
-  const l = String(u.currentIndex + e), g = String(s), m = `${l}${r}${g}`;
-  return o ? /* @__PURE__ */ d("span", { className: n, style: a, children: o({ index: l, length: g, label: m }, u) }) : /* @__PURE__ */ d("span", { className: n, style: a, children: m });
+  const s = String(u.currentIndex + e), g = String(l), m = `${s}${r}${g}`;
+  return o ? /* @__PURE__ */ d("span", { className: n, style: t, children: o({ index: s, length: g, label: m }, u) }) : /* @__PURE__ */ d("span", { className: n, style: t, children: m });
 }
 rr.displayName = "Ginger.Current.QueuePosition";
 function we(e, r, n) {
-  const { className: a, style: t, fallback: i, empty: o, children: u, format: s = z } = n;
+  const { className: t, style: a, fallback: i, empty: o, children: u, format: l = z } = n;
   if (!(e >= 0) || !Number.isFinite(e)) {
     const g = o ?? i ?? null;
-    return g ? /* @__PURE__ */ d("span", { className: a, style: t, children: g }) : null;
+    return g ? /* @__PURE__ */ d("span", { className: t, style: a, children: g }) : null;
   }
-  const l = s(e);
-  return u ? /* @__PURE__ */ d("span", { className: a, style: t, children: u(l, r) }) : /* @__PURE__ */ d("span", { className: a, style: t, children: l });
+  const s = l(e);
+  return u ? /* @__PURE__ */ d("span", { className: t, style: a, children: u(s, r) }) : /* @__PURE__ */ d("span", { className: t, style: a, children: s });
 }
 function nr(e) {
   const r = I();
@@ -506,7 +506,7 @@ function nr(e) {
 nr.displayName = "Ginger.Current.Elapsed";
 function tr(e) {
   const r = I();
-  return we(q(r), r, e);
+  return we(J(r), r, e);
 }
 tr.displayName = "Ginger.Current.Duration";
 function ar(e) {
@@ -514,28 +514,28 @@ function ar(e) {
   return we(Kr(r), r, e);
 }
 ar.displayName = "Ginger.Current.Remaining";
-function ir({ className: e, style: r, fallback: n, empty: a, children: t }) {
-  const i = I(), o = q(i), u = je(i);
+function ir({ className: e, style: r, fallback: n, empty: t, children: a }) {
+  const i = I(), o = J(i), u = je(i);
   if (!(o > 0)) {
-    const s = a ?? n ?? null;
-    return s ? /* @__PURE__ */ d("span", { className: e, style: r, children: s }) : null;
+    const l = t ?? n ?? null;
+    return l ? /* @__PURE__ */ d("span", { className: e, style: r, children: l }) : null;
   }
-  return t ? /* @__PURE__ */ d("span", { className: e, style: r, children: t({ fraction: u, currentTime: i.currentTime, duration: o }, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: `${Math.round(u * 100)}%` });
+  return a ? /* @__PURE__ */ d("span", { className: e, style: r, children: a({ fraction: u, currentTime: i.currentTime, duration: o }, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: `${Math.round(u * 100)}%` });
 }
 ir.displayName = "Ginger.Current.Progress";
 function or({
   className: e,
   style: r,
   height: n = 4,
-  showBuffered: a = !1,
-  unstyled: t = !1
+  showBuffered: t = !1,
+  unstyled: a = !1
 }) {
   const i = I(), o = `${Math.round(je(i) * 100)}%`, u = `${Math.round(Math.min(1, Math.max(0, i.bufferedFraction)) * 100)}%`;
-  return /* @__PURE__ */ Ae(
+  return /* @__PURE__ */ q(
     "div",
     {
       className: e,
-      style: t ? { ...r } : {
+      style: a ? { ...r } : {
         width: "100%",
         height: n,
         background: "var(--ginger-muted-color, #e5e7eb)",
@@ -546,16 +546,16 @@ function or({
       },
       "aria-hidden": !0,
       children: [
-        a ? /* @__PURE__ */ d(
+        t ? /* @__PURE__ */ d(
           "div",
           {
             style: {
-              position: t ? void 0 : "absolute",
-              left: t ? void 0 : 0,
-              top: t ? void 0 : 0,
-              height: t ? void 0 : "100%",
+              position: a ? void 0 : "absolute",
+              left: a ? void 0 : 0,
+              top: a ? void 0 : 0,
+              height: a ? void 0 : "100%",
               width: u,
-              background: t ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+              background: a ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
             }
           }
         ) : null,
@@ -563,10 +563,10 @@ function or({
           "div",
           {
             style: {
-              position: t ? void 0 : "relative",
+              position: a ? void 0 : "relative",
               width: o,
-              height: t ? void 0 : "100%",
-              background: t ? void 0 : "var(--ginger-primary-color, #111827)"
+              height: a ? void 0 : "100%",
+              background: a ? void 0 : "var(--ginger-primary-color, #111827)"
             }
           }
         )
@@ -575,13 +575,13 @@ function or({
   );
 }
 or.displayName = "Ginger.Current.TimeRail";
-function ur({ className: e, style: r, height: n = 4, unstyled: a = !1 }) {
-  const t = I(), i = `${Math.round(Math.min(1, Math.max(0, t.bufferedFraction)) * 100)}%`;
+function ur({ className: e, style: r, height: n = 4, unstyled: t = !1 }) {
+  const a = I(), i = `${Math.round(Math.min(1, Math.max(0, a.bufferedFraction)) * 100)}%`;
   return /* @__PURE__ */ d(
     "div",
     {
       className: e,
-      style: a ? { ...r } : {
+      style: t ? { ...r } : {
         width: "100%",
         height: n,
         background: "var(--ginger-muted-color, #e5e7eb)",
@@ -595,8 +595,8 @@ function ur({ className: e, style: r, height: n = 4, unstyled: a = !1 }) {
         {
           style: {
             width: i,
-            height: a ? void 0 : "100%",
-            background: a ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+            height: t ? void 0 : "100%",
+            background: t ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
           }
         }
       )
@@ -604,21 +604,21 @@ function ur({ className: e, style: r, height: n = 4, unstyled: a = !1 }) {
   );
 }
 ur.displayName = "Ginger.Current.BufferRail";
-function sr({ className: e, style: r, fallback: n, empty: a, children: t }) {
+function sr({ className: e, style: r, fallback: n, empty: t, children: a }) {
   const i = I(), o = He(i);
-  return t ? /* @__PURE__ */ d("span", { className: e, style: r, children: t(o, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: o });
+  return a ? /* @__PURE__ */ d("span", { className: e, style: r, children: a(o, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: o });
 }
 sr.displayName = "Ginger.Current.PlaybackState";
-function lr({ className: e, style: r, fallback: n, empty: a, live: t = "polite", children: i }) {
+function lr({ className: e, style: r, fallback: n, empty: t, live: a = "polite", children: i }) {
   const o = I(), u = o.errorMessage ?? "";
   if (!u) {
-    const s = a ?? n ?? null;
-    return s ? /* @__PURE__ */ d("span", { className: e, style: r, children: s }) : null;
+    const l = t ?? n ?? null;
+    return l ? /* @__PURE__ */ d("span", { className: e, style: r, children: l }) : null;
   }
-  return i ? /* @__PURE__ */ d("span", { className: e, style: r, "aria-live": t, children: i(u, o) }) : /* @__PURE__ */ d("span", { className: e, style: r, "aria-live": t, children: u });
+  return i ? /* @__PURE__ */ d("span", { className: e, style: r, "aria-live": a, children: i(u, o) }) : /* @__PURE__ */ d("span", { className: e, style: r, "aria-live": a, children: u });
 }
 lr.displayName = "Ginger.Current.ErrorMessage";
-const Ie = {
+const Ee = {
   seek: "Seek",
   volume: "Volume",
   playbackSpeed: "Playback speed",
@@ -639,12 +639,12 @@ const Ie = {
 };
 function ln(e) {
   return e ? {
-    ...Ie,
+    ...Ee,
     ...e,
-    repeat: { ...Ie.repeat, ...e.repeat }
-  } : Ie;
+    repeat: { ...Ee.repeat, ...e.repeat }
+  } : Ee;
 }
-const cr = Ne(Ie);
+const cr = Ne(Ee);
 function cn({
   locale: e,
   children: r
@@ -656,58 +656,58 @@ function N() {
   return Ge(cr);
 }
 function dn() {
-  const e = _(), r = j(), n = N(), a = P(() => $e(e, r), [e, r]), t = q(a), i = t > 0 ? a.currentTime : 0, o = Number.isFinite(i) ? i : 0, u = t > 0 ? `${z(o)} of ${z(t)}` : z(o), s = (l) => {
-    r.seek(Number(l.currentTarget.value));
+  const e = _(), r = j(), n = N(), t = P(() => $e(e, r), [e, r]), a = J(t), i = a > 0 ? t.currentTime : 0, o = Number.isFinite(i) ? i : 0, u = a > 0 ? `${z(o)} of ${z(a)}` : z(o), l = (s) => {
+    r.seek(Number(s.currentTarget.value));
   };
   return {
-    state: a,
+    state: t,
     value: o,
     min: 0,
-    max: t > 0 ? t : 1,
+    max: a > 0 ? a : 1,
     step: "any",
     ariaValueText: u,
     ariaLabel: n.seek,
-    onSeekInput: s,
-    onSeekChange: s
+    onSeekInput: l,
+    onSeekChange: l
   };
 }
 function fn() {
-  const e = _(), r = j(), n = N(), a = P(() => $e(e, r), [e, r]), t = (i) => {
+  const e = _(), r = j(), n = N(), t = P(() => $e(e, r), [e, r]), a = (i) => {
     r.setVolume(Number(i.currentTarget.value));
   };
   return {
-    state: a,
-    value: a.volume,
+    state: t,
+    value: t.volume,
     min: 0,
     max: 1,
     step: "any",
-    ariaValueText: `${Math.round(a.volume * 100)}%`,
+    ariaValueText: `${Math.round(t.volume * 100)}%`,
     ariaLabel: n.volume,
-    onVolumeInput: t,
-    onVolumeChange: t
+    onVolumeInput: a,
+    onVolumeChange: a
   };
 }
 function pn(e) {
-  const r = _(), n = N(), a = (e == null ? void 0 : e.playAriaLabel) ?? n.play, t = (e == null ? void 0 : e.pauseAriaLabel) ?? n.pause;
+  const r = _(), n = N(), t = (e == null ? void 0 : e.playAriaLabel) ?? n.play, a = (e == null ? void 0 : e.pauseAriaLabel) ?? n.pause;
   return {
     isPaused: r.isPaused,
     toggle: r.togglePlayPause,
-    ariaLabel: r.isPaused ? a : t
+    ariaLabel: r.isPaused ? t : a
   };
 }
 function dr({
   playLabel: e = "Play",
   pauseLabel: r = "Pause",
   playAriaLabel: n,
-  pauseAriaLabel: a,
-  children: t,
+  pauseAriaLabel: t,
+  children: a,
   type: i = "button",
   onClick: o,
   ...u
 }) {
-  const s = N(), l = typeof e == "string" ? e : s.play, g = typeof r == "string" ? r : s.pause, m = pn({
-    playAriaLabel: n ?? l,
-    pauseAriaLabel: a ?? g
+  const l = N(), s = typeof e == "string" ? e : l.play, g = typeof r == "string" ? r : l.pause, m = pn({
+    playAriaLabel: n ?? s,
+    pauseAriaLabel: t ?? g
   });
   return /* @__PURE__ */ d(
     "button",
@@ -718,23 +718,23 @@ function dr({
       onClick: (y) => {
         m.toggle(), o == null || o(y);
       },
-      children: t ?? (m.isPaused ? e : r)
+      children: a ?? (m.isPaused ? e : r)
     }
   );
 }
 dr.displayName = "Ginger.Control.PlayPause";
-function fr({ type: e = "button", ariaLabel: r, onClick: n, ...a }) {
-  const { repeatMode: t, cycleRepeat: i } = _(), u = N().repeat[t];
+function fr({ type: e = "button", ariaLabel: r, onClick: n, children: t, ...a }) {
+  const { repeatMode: i, cycleRepeat: o } = _(), l = N().repeat[i];
   return /* @__PURE__ */ d(
     "button",
     {
       ...a,
       type: e,
-      "aria-label": r ?? u,
+      "aria-label": r ?? l,
       onClick: (s) => {
-        i(), n == null || n(s);
+        o(), n == null || n(s);
       },
-      children: u
+      children: t ?? l
     }
   );
 }
@@ -743,20 +743,20 @@ function pr({
   type: e = "button",
   children: r = "Next",
   ariaLabel: n,
-  onClick: a,
-  ...t
+  onClick: t,
+  ...a
 }) {
   const { next: i } = _(), o = N();
   return /* @__PURE__ */ d(
     "button",
     {
-      ...t,
+      ...a,
       type: e,
       "aria-label": n ?? o.nextTrack,
       onClick: (u) => {
-        i(), a == null || a(u);
+        i(), t == null || t(u);
       },
-      children: r
+      children: r ?? o.previousTrack
     }
   );
 }
@@ -765,18 +765,18 @@ function gr({
   type: e = "button",
   children: r = "Previous",
   ariaLabel: n,
-  onClick: a,
-  ...t
+  onClick: t,
+  ...a
 }) {
   const { prev: i } = _(), o = N();
   return /* @__PURE__ */ d(
     "button",
     {
-      ...t,
+      ...a,
       type: e,
       "aria-label": n ?? o.previousTrack,
       onClick: (u) => {
-        i(), a == null || a(u);
+        i(), t == null || t(u);
       },
       children: r
     }
@@ -787,37 +787,37 @@ function mr({
   type: e = "button",
   children: r = "Shuffle",
   ariaLabel: n,
-  onClick: a,
-  ...t
+  onClick: t,
+  ...a
 }) {
   const { isShuffled: i, toggleShuffle: o } = _(), u = N();
   return /* @__PURE__ */ d(
     "button",
     {
-      ...t,
+      ...a,
       type: e,
       "aria-pressed": i,
       "aria-label": n ?? u.shuffle,
-      onClick: (s) => {
-        o(), a == null || a(s);
+      onClick: (l) => {
+        o(), t == null || t(l);
       },
-      children: r
+      children: r ?? u.shuffle
     }
   );
 }
 mr.displayName = "Ginger.Control.Shuffle";
-function yr({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: a, ...t }) {
+function yr({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: t, ...a }) {
   const i = dn(), o = n ? { ...r, ...e } : { width: "100%", ...r, ...e };
   return /* @__PURE__ */ d(
     "input",
     {
-      ...t,
+      ...a,
       type: "range",
       min: i.min,
       max: i.max,
       step: i.step,
       value: i.value,
-      "aria-label": a ?? i.ariaLabel,
+      "aria-label": t ?? i.ariaLabel,
       "aria-valuetext": i.ariaValueText,
       onInput: i.onSeekInput,
       onChange: i.onSeekChange,
@@ -826,18 +826,18 @@ function yr({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: a, ...t }) {
   );
 }
 yr.displayName = "Ginger.Control.SeekBar";
-function hr({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: a, ...t }) {
+function hr({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: t, ...a }) {
   const i = fn(), o = n ? { ...r, ...e } : { width: "100%", ...r, ...e };
   return /* @__PURE__ */ d(
     "input",
     {
-      ...t,
+      ...a,
       type: "range",
       min: i.min,
       max: i.max,
       step: i.step,
       value: i.value,
-      "aria-label": a ?? i.ariaLabel,
+      "aria-label": t ?? i.ariaLabel,
       "aria-valuetext": i.ariaValueText,
       onInput: i.onVolumeInput,
       onChange: i.onVolumeChange,
@@ -850,22 +850,23 @@ function br({
   ariaLabel: e,
   muteLabel: r,
   unmuteLabel: n,
-  type: a = "button",
-  onClick: t,
-  ...i
+  type: t = "button",
+  onClick: a,
+  children: i,
+  ...o
 }) {
-  const { muted: o, toggleMute: u } = j(), s = N(), l = r ?? s.mute, g = n ?? s.unmute;
+  const { muted: u, toggleMute: l } = j(), s = N(), g = r ?? s.mute, m = n ?? s.unmute;
   return /* @__PURE__ */ d(
     "button",
     {
-      ...i,
-      type: a,
-      "aria-pressed": o,
-      "aria-label": e ?? (o ? s.unmute : s.mute),
-      onClick: (m) => {
-        u(), t == null || t(m);
+      ...o,
+      type: t,
+      "aria-pressed": u,
+      "aria-label": e ?? (u ? s.unmute : s.mute),
+      onClick: (y) => {
+        l(), a == null || a(y);
       },
-      children: o ? g : l
+      children: i ?? (u ? m : g)
     }
   );
 }
@@ -875,21 +876,25 @@ function vr({
   rates: e = gn,
   style: r,
   ariaLabel: n,
+  children: t,
   ...a
 }) {
-  const { playbackRate: t, setPlaybackRate: i } = j(), o = N(), u = P(
-    () => Array.from(/* @__PURE__ */ new Set([...e, t])).sort((s, l) => s - l),
-    [e, t]
+  const { playbackRate: i, setPlaybackRate: o } = j(), u = N(), l = P(
+    () => Array.from(/* @__PURE__ */ new Set([...e, i])).sort((s, g) => s - g),
+    [e, i]
   );
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ q(
     "select",
     {
       ...a,
-      "aria-label": n ?? o.playbackSpeed,
-      value: String(t),
+      "aria-label": n ?? u.playbackSpeed,
+      value: String(i),
       style: r,
-      onChange: (s) => i(Number(s.currentTarget.value)),
-      children: u.map((s) => /* @__PURE__ */ d("option", { value: String(s), children: s === 1 ? o.playbackRateNormal : o.playbackRateTimes(s) }, s))
+      onChange: (s) => o(Number(s.currentTarget.value)),
+      children: [
+        t ?? u.playbackSpeed,
+        l.map((s) => /* @__PURE__ */ d("option", { value: String(s), children: s === 1 ? u.playbackRateNormal : u.playbackRateTimes(s) }, s))
+      ]
     }
   );
 }
@@ -905,12 +910,12 @@ function kr({
   children: e,
   unstyled: r = !1,
   rowStyle: n,
-  renderTrack: a,
-  playOnSelect: t = !0,
+  renderTrack: t,
+  playOnSelect: a = !0,
   style: i,
   ...o
 }) {
-  const { tracks: u, currentIndex: s, playTrackAt: l, selectTrackAt: g } = _(), m = r ? { ...i } : {
+  const { tracks: u, currentIndex: l, playTrackAt: s, selectTrackAt: g } = _(), m = r ? { ...i } : {
     listStyle: "none",
     margin: 0,
     padding: 0,
@@ -919,14 +924,14 @@ function kr({
     color: "var(--ginger-primary-color, #111827)",
     ...i
   };
-  return e !== void 0 ? /* @__PURE__ */ d(_e.Provider, { value: { playOnSelect: t }, children: /* @__PURE__ */ d("ul", { style: m, ...o, children: e }) }) : /* @__PURE__ */ d(_e.Provider, { value: { playOnSelect: t }, children: /* @__PURE__ */ d("ul", { style: m, ...o, children: u.map((k, b) => {
-    const S = b === s;
+  return e !== void 0 ? /* @__PURE__ */ d(_e.Provider, { value: { playOnSelect: a }, children: /* @__PURE__ */ d("ul", { style: m, ...o, children: e }) }) : /* @__PURE__ */ d(_e.Provider, { value: { playOnSelect: a }, children: /* @__PURE__ */ d("ul", { style: m, ...o, children: u.map((k, b) => {
+    const S = b === l;
     return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(
       "button",
       {
         type: "button",
         onClick: () => {
-          t ? l(b) : g(b);
+          a ? s(b) : g(b);
         },
         style: {
           width: r ? void 0 : "100%",
@@ -939,7 +944,7 @@ function kr({
           padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
           ...n
         },
-        children: a ? a(k, b, S) : /* @__PURE__ */ Ae("span", { children: [
+        children: t ? t(k, b, S) : /* @__PURE__ */ q("span", { children: [
           k.title,
           k.artist ? ` — ${k.artist}` : ""
         ] })
@@ -952,13 +957,13 @@ function Mr({
   index: e,
   unstyled: r = !1,
   className: n,
-  style: a,
-  children: t,
+  style: t,
+  children: a,
   liProps: i,
   onClick: o,
   ...u
 }) {
-  const { playOnSelect: s } = mn(), { tracks: l, currentIndex: g, playTrackAt: m, selectTrackAt: y } = _(), k = e === g, b = l[e], S = b != null ? /* @__PURE__ */ Ae("span", { children: [
+  const { playOnSelect: l } = mn(), { tracks: s, currentIndex: g, playTrackAt: m, selectTrackAt: y } = _(), k = e === g, b = s[e], S = b != null ? /* @__PURE__ */ q("span", { children: [
     b.title,
     b.artist ? ` — ${b.artist}` : ""
   ] }) : null;
@@ -978,13 +983,13 @@ function Mr({
         font: r ? void 0 : "inherit",
         cursor: r ? void 0 : "pointer",
         padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
-        ...a
+        ...t
       },
       ...u,
       onClick: (p) => {
-        o == null || o(p), !p.defaultPrevented && (s ? m(e) : y(e));
+        o == null || o(p), !p.defaultPrevented && (l ? m(e) : y(e));
       },
-      children: t ?? S
+      children: a ?? S
     }
   ) });
 }
@@ -1004,19 +1009,19 @@ const yn = Object.assign(kr, {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.copyright;
 });
-function xr({ className: e, style: r, fallback: n, empty: a, unstyled: t = !1, imgStyle: i }) {
-  var l, g;
-  const o = I(), u = (l = o.playlistMeta) == null ? void 0 : l.artworkUrl;
+function Tr({ className: e, style: r, fallback: n, empty: t, unstyled: a = !1, imgStyle: i }) {
+  var s, g;
+  const o = I(), u = (s = o.playlistMeta) == null ? void 0 : s.artworkUrl;
   if (!u) {
-    const m = a ?? n ?? null;
+    const m = t ?? n ?? null;
     return m ? /* @__PURE__ */ d("span", { className: e, style: r, children: m }) : null;
   }
-  const s = ((g = o.playlistMeta) == null ? void 0 : g.title) ?? "Playlist artwork";
+  const l = ((g = o.playlistMeta) == null ? void 0 : g.title) ?? "Playlist artwork";
   return /* @__PURE__ */ d(
     "span",
     {
       className: e,
-      style: t ? { ...r } : {
+      style: a ? { ...r } : {
         display: "inline-block",
         background: "var(--ginger-artwork-bg, #f3f4f6)",
         borderRadius: "var(--ginger-artwork-radius, 6px)",
@@ -1027,12 +1032,12 @@ function xr({ className: e, style: r, fallback: n, empty: a, unstyled: t = !1, i
         "img",
         {
           src: u,
-          alt: s,
+          alt: l,
           style: {
-            display: t ? void 0 : "block",
-            width: t ? void 0 : "100%",
-            height: t ? void 0 : "100%",
-            objectFit: t ? void 0 : "cover",
+            display: a ? void 0 : "block",
+            width: a ? void 0 : "100%",
+            height: a ? void 0 : "100%",
+            objectFit: a ? void 0 : "cover",
             ...i
           }
         }
@@ -1040,8 +1045,8 @@ function xr({ className: e, style: r, fallback: n, empty: a, unstyled: t = !1, i
     }
   );
 }
-xr.displayName = "Ginger.Queue.Artwork";
-function Ee(e) {
+Tr.displayName = "Ginger.Queue.Artwork";
+function Ae(e) {
   return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 1;
 }
 function Ce(e) {
@@ -1059,57 +1064,57 @@ const U = {
   muted: !1,
   playbackRate: 1
 };
-function Tr(e) {
+function xr(e) {
   const r = [...e.tracks];
-  let n = A(e.currentIndex ?? 0, r.length), a = null, t = r;
-  return e.isShuffled && r.length > 1 && (a = [...r], t = Be(r, n), n = 0), {
-    tracks: t,
+  let n = A(e.currentIndex ?? 0, r.length), t = null, a = r;
+  return e.isShuffled && r.length > 1 && (t = [...r], a = Be(r, n), n = 0), {
+    tracks: a,
     currentIndex: n,
     playbackMode: e.playbackMode ?? "playlist",
     isPaused: e.isPaused ?? !0,
-    isShuffled: !!(e.isShuffled && t.length > 1),
+    isShuffled: !!(e.isShuffled && a.length > 1),
     repeatMode: e.repeatMode ?? "off",
-    originalTracks: a,
+    originalTracks: t,
     playlistMeta: e.playlistMeta ?? null,
     ...Mn,
-    volume: Ee(e.volume ?? 1),
+    volume: Ae(e.volume ?? 1),
     muted: e.muted ?? !1,
     playbackRate: Ce(e.playbackRate ?? 1)
   };
 }
-function xn(e, r) {
+function Tn(e, r) {
   switch (r.type) {
     case "INIT": {
       const {
         tracks: n,
-        currentIndex: a,
-        playlistMeta: t,
+        currentIndex: t,
+        playlistMeta: a,
         isPaused: i,
         isShuffled: o,
         repeatMode: u,
-        playbackMode: s,
-        volume: l,
+        playbackMode: l,
+        volume: s,
         muted: g,
         playbackRate: m
       } = r.payload;
-      return Tr({
+      return xr({
         tracks: n,
-        currentIndex: a,
-        playlistMeta: t ?? null,
+        currentIndex: t,
+        playlistMeta: a ?? null,
         isPaused: i ?? !0,
         isShuffled: o ?? !1,
         repeatMode: u ?? "off",
-        playbackMode: s ?? "playlist",
-        volume: l,
+        playbackMode: l ?? "playlist",
+        volume: s,
         muted: g,
         playbackRate: m
       });
     }
     case "SET_QUEUE": {
-      const { tracks: n, currentIndex: a } = r.payload, t = [...n], i = A(a ?? e.currentIndex, t.length);
+      const { tracks: n, currentIndex: t } = r.payload, a = [...n], i = A(t ?? e.currentIndex, a.length);
       return {
         ...e,
-        tracks: t,
+        tracks: a,
         currentIndex: i,
         isShuffled: !1,
         originalTracks: null,
@@ -1117,12 +1122,12 @@ function xn(e, r) {
       };
     }
     case "INSERT_TRACK": {
-      const n = r.payload.index ?? e.tracks.length, a = Ye(e.tracks, r.payload.track, n);
+      const n = r.payload.index ?? e.tracks.length, t = Ye(e.tracks, r.payload.track, n);
       if (r.payload.autoPlay) {
-        const i = A(n, a.length);
+        const i = A(n, t.length);
         return {
           ...e,
-          tracks: a,
+          tracks: t,
           currentIndex: i,
           isShuffled: !1,
           originalTracks: null,
@@ -1130,35 +1135,35 @@ function xn(e, r) {
           ...U
         };
       }
-      const t = n <= e.currentIndex ? e.currentIndex + 1 : e.currentIndex;
+      const a = n <= e.currentIndex ? e.currentIndex + 1 : e.currentIndex;
       return {
         ...e,
-        tracks: a,
+        tracks: t,
         isShuffled: !1,
         originalTracks: null,
-        currentIndex: A(t, a.length)
+        currentIndex: A(a, t.length)
       };
     }
     case "REMOVE_TRACK": {
-      const n = r.payload.index, a = Vr(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;
+      const n = r.payload.index, t = Vr(e.tracks, n), a = n < e.currentIndex ? e.currentIndex - 1 : n === e.currentIndex ? Math.min(e.currentIndex, Math.max(0, t.length - 1)) : e.currentIndex;
       return {
         ...e,
-        tracks: a,
+        tracks: t,
         isShuffled: !1,
         originalTracks: null,
-        currentIndex: A(t, a.length),
+        currentIndex: A(a, t.length),
         ...n === e.currentIndex ? U : {}
       };
     }
     case "MOVE_TRACK": {
-      const { fromIndex: n, toIndex: a } = r.payload, t = $r(e.tracks, n, a);
+      const { fromIndex: n, toIndex: t } = r.payload, a = $r(e.tracks, n, t);
       let i = e.currentIndex;
-      return e.currentIndex === n ? i = a : n < e.currentIndex && a >= e.currentIndex ? i -= 1 : n > e.currentIndex && a <= e.currentIndex && (i += 1), {
+      return e.currentIndex === n ? i = t : n < e.currentIndex && t >= e.currentIndex ? i -= 1 : n > e.currentIndex && t <= e.currentIndex && (i += 1), {
         ...e,
-        tracks: t,
+        tracks: a,
         isShuffled: !1,
         originalTracks: null,
-        currentIndex: A(i, t.length)
+        currentIndex: A(i, a.length)
       };
     }
     case "ADD_NEXT": {
@@ -1171,12 +1176,12 @@ function xn(e, r) {
       };
     }
     case "SET_INDEX": {
-      const n = A(r.payload.index, e.tracks.length), a = r.payload.autoPlay, t = a === !0 ? !1 : a === !1 ? !0 : e.isPaused;
+      const n = A(r.payload.index, e.tracks.length), t = r.payload.autoPlay, a = t === !0 ? !1 : t === !1 ? !0 : e.isPaused;
       return {
         ...e,
         currentIndex: n,
         ...U,
-        isPaused: t
+        isPaused: a
       };
     }
     case "PLAY":
@@ -1201,31 +1206,31 @@ function xn(e, r) {
           currentIndex: 0
         };
       }
-      const n = e.originalTracks ? [...e.originalTracks] : [...e.tracks], a = e.tracks[e.currentIndex], t = Ur(n, a);
+      const n = e.originalTracks ? [...e.originalTracks] : [...e.tracks], t = e.tracks[e.currentIndex], a = Ur(n, t);
       return {
         ...e,
         isShuffled: !1,
         originalTracks: null,
         tracks: n,
-        currentIndex: A(t, n.length)
+        currentIndex: A(a, n.length)
       };
     }
     case "NEXT": {
-      const n = Yr(e), a = n === e.currentIndex;
+      const n = Yr(e), t = n === e.currentIndex;
       return {
         ...e,
         currentIndex: n,
-        ...a ? {} : U,
-        isPaused: a ? e.isPaused : !1
+        ...t ? {} : U,
+        isPaused: t ? e.isPaused : !1
       };
     }
     case "PREV": {
-      const n = Qr(e), a = n === e.currentIndex;
+      const n = Qr(e), t = n === e.currentIndex;
       return {
         ...e,
         currentIndex: n,
-        ...a ? {} : U,
-        isPaused: a ? e.isPaused : !1
+        ...t ? {} : U,
+        isPaused: t ? e.isPaused : !1
       };
     }
     case "MEDIA_TIME_UPDATE":
@@ -1267,7 +1272,7 @@ function xn(e, r) {
     case "MEDIA_SOURCE_CLEARED":
       return { ...e, ...U };
     case "SET_VOLUME":
-      return { ...e, volume: Ee(r.payload) };
+      return { ...e, volume: Ae(r.payload) };
     case "SET_MUTED":
       return { ...e, muted: r.payload };
     case "TOGGLE_MUTE":
@@ -1275,8 +1280,8 @@ function xn(e, r) {
     case "SET_PLAYBACK_RATE":
       return { ...e, playbackRate: Ce(r.payload) };
     case "MEDIA_VOLUME_SYNC": {
-      const { volume: n, muted: a } = r.payload, t = Ee(n);
-      return t === e.volume && a === e.muted ? e : { ...e, volume: t, muted: a };
+      const { volume: n, muted: t } = r.payload, a = Ae(n);
+      return a === e.volume && t === e.muted ? e : { ...e, volume: a, muted: t };
     }
     default:
       return e;
@@ -1285,32 +1290,32 @@ function xn(e, r) {
 function Re() {
   return typeof navigator > "u" || !("mediaSession" in navigator) ? null : navigator.mediaSession;
 }
-function Tn(e, r, n) {
-  var s;
-  const a = r.tracks[r.currentIndex], t = a == null ? void 0 : a.title, i = a == null ? void 0 : a.artist, o = a == null ? void 0 : a.album, u = Qe(a, (s = r.playlistMeta) == null ? void 0 : s.artworkUrl);
+function xn(e, r, n) {
+  var l;
+  const t = r.tracks[r.currentIndex], a = t == null ? void 0 : t.title, i = t == null ? void 0 : t.artist, o = t == null ? void 0 : t.album, u = Qe(t, (l = r.playlistMeta) == null ? void 0 : l.artworkUrl);
   E(() => {
-    const l = Re();
-    !e || !l || (l.metadata = new MediaMetadata({
-      title: t ?? "Unknown track",
+    const s = Re();
+    !e || !s || (s.metadata = new MediaMetadata({
+      title: a ?? "Unknown track",
       artist: i,
       album: o,
       artwork: u ? [{ src: u }] : void 0
     }));
-  }, [e, t, i, o, u]), E(() => {
-    const l = Re();
-    !e || !l || (l.playbackState = r.isPaused ? "paused" : "playing");
+  }, [e, a, i, o, u]), E(() => {
+    const s = Re();
+    !e || !s || (s.playbackState = r.isPaused ? "paused" : "playing");
   }, [e, r.isPaused]), E(() => {
-    const l = Re();
-    if (!(!e || !l)) {
+    const s = Re();
+    if (!(!e || !s)) {
       try {
-        l.setActionHandler("play", n.play), l.setActionHandler("pause", n.pause), l.setActionHandler("nexttrack", n.next), l.setActionHandler("previoustrack", n.prev), l.setActionHandler("seekto", (g) => {
+        s.setActionHandler("play", n.play), s.setActionHandler("pause", n.pause), s.setActionHandler("nexttrack", n.next), s.setActionHandler("previoustrack", n.prev), s.setActionHandler("seekto", (g) => {
           typeof g.seekTime == "number" && Number.isFinite(g.seekTime) && n.seek(g.seekTime);
         });
       } catch {
       }
       return () => {
         try {
-          l.setActionHandler("play", null), l.setActionHandler("pause", null), l.setActionHandler("nexttrack", null), l.setActionHandler("previoustrack", null), l.setActionHandler("seekto", null);
+          s.setActionHandler("play", null), s.setActionHandler("pause", null), s.setActionHandler("nexttrack", null), s.setActionHandler("previoustrack", null), s.setActionHandler("seekto", null);
         } catch {
         }
       };
@@ -1333,13 +1338,13 @@ function En({
   children: e,
   initialTracks: r = [],
   initialIndex: n = 0,
-  initialPlaylistMeta: a = null,
-  initialShuffle: t = !1,
+  initialPlaylistMeta: t = null,
+  initialShuffle: a = !1,
   initialRepeatMode: i = "off",
   initialPlaybackMode: o = "playlist",
   initialPaused: u = !0,
-  initialVolume: s = 1,
-  initialMuted: l = !1,
+  initialVolume: l = 1,
+  initialMuted: s = !1,
   initialPlaybackRate: g = 1,
   initialStateKey: m,
   locale: y,
@@ -1347,55 +1352,55 @@ function En({
   beforePlay: b,
   onPlayBlocked: S,
   persistence: p,
-  hydrateOnMount: T = !1,
+  hydrateOnMount: x = !1,
   resumeOnTrackChange: R = !1,
   unstyled: w = !1,
   className: Se,
   style: K,
-  onTrackChange: J,
-  onPlay: Z,
-  onPause: ee,
-  onQueueEnd: re,
-  onError: ne
+  onTrackChange: Z,
+  onPlay: ee,
+  onPause: re,
+  onQueueEnd: ne,
+  onError: te
 }) {
   var Fe;
   const $ = O(null), [c, h] = wr(
-    xn,
+    Tn,
     void 0,
-    () => Tr({
+    () => xr({
       tracks: r,
       currentIndex: n,
-      playlistMeta: a,
+      playlistMeta: t,
       isPaused: u,
-      isShuffled: t,
+      isShuffled: a,
       repeatMode: i,
       playbackMode: o,
-      volume: s,
-      muted: l,
+      volume: l,
+      muted: s,
       playbackRate: g
     })
   ), Le = O(c), Pe = O({
     tracks: r,
     currentIndex: n,
-    playlistMeta: a,
+    playlistMeta: t,
     isPaused: u,
-    isShuffled: t,
+    isShuffled: a,
     repeatMode: i,
     playbackMode: o,
-    volume: s,
-    muted: l,
+    volume: l,
+    muted: s,
     playbackRate: g
   });
   Pe.current = {
     tracks: r,
     currentIndex: n,
-    playlistMeta: a,
+    playlistMeta: t,
     isPaused: u,
-    isShuffled: t,
+    isShuffled: a,
     repeatMode: i,
     playbackMode: o,
-    volume: s,
-    muted: l,
+    volume: l,
+    muted: s,
     playbackRate: g
   };
   const X = O(void 0);
@@ -1431,70 +1436,70 @@ function En({
   }, [c]);
   const De = c.tracks[c.currentIndex] ?? null;
   E(() => {
-    J == null || J(De, c.currentIndex);
-  }, [De, c.currentIndex, J]), E(() => {
-    c.errorMessage && (ne == null || ne(c.errorMessage));
-  }, [c.errorMessage, ne]);
-  const te = O(void 0);
+    Z == null || Z(De, c.currentIndex);
+  }, [De, c.currentIndex, Z]), E(() => {
+    c.errorMessage && (te == null || te(c.errorMessage));
+  }, [c.errorMessage, te]);
+  const ae = O(void 0);
   E(() => {
-    if (te.current === void 0) {
-      te.current = c.isPaused;
+    if (ae.current === void 0) {
+      ae.current = c.isPaused;
       return;
     }
-    te.current !== c.isPaused && (c.isPaused ? ee == null || ee() : Z == null || Z()), te.current = c.isPaused;
-  }, [c.isPaused, ee, Z]);
+    ae.current !== c.isPaused && (c.isPaused ? re == null || re() : ee == null || ee()), ae.current = c.isPaused;
+  }, [c.isPaused, re, ee]);
   const L = v(() => {
     h({ type: "PLAY" });
   }, []), D = v(() => {
     var f;
     h({ type: "PAUSE" }), (f = $.current) == null || f.pause();
-  }, []), ae = v(() => {
+  }, []), ie = v(() => {
     c.isPaused ? L() : D();
   }, [D, L, c.isPaused]), F = v((f) => {
     const M = $.current;
     M && Number.isFinite(f) && (M.currentTime = Math.max(0, f));
-  }, []), ie = v((f) => {
-    h({ type: "SET_VOLUME", payload: Ee(f) });
   }, []), oe = v((f) => {
+    h({ type: "SET_VOLUME", payload: Ae(f) });
+  }, []), ue = v((f) => {
     h({ type: "SET_MUTED", payload: f });
-  }, []), ue = v(() => {
+  }, []), se = v(() => {
     h({ type: "TOGGLE_MUTE" });
-  }, []), se = v((f) => {
+  }, []), le = v((f) => {
     h({ type: "SET_PLAYBACK_RATE", payload: Ce(f) });
   }, []), Q = v(() => {
     h({ type: "NEXT" });
   }, []), H = v(() => {
     h({ type: "PREV" });
-  }, []), le = v((f) => {
+  }, []), ce = v((f) => {
     h({ type: "SET_REPEAT", payload: f });
-  }, []), ce = v(() => {
-    h({ type: "CYCLE_REPEAT" });
   }, []), de = v(() => {
+    h({ type: "CYCLE_REPEAT" });
+  }, []), fe = v(() => {
     h({ type: "TOGGLE_SHUFFLE" });
-  }, []), fe = v((f, M) => {
+  }, []), pe = v((f, M) => {
     h({ type: "SET_QUEUE", payload: { tracks: f, currentIndex: M } });
-  }, []), pe = v((f, M, x) => {
-    h({ type: "INSERT_TRACK", payload: { track: f, index: M, autoPlay: x } });
-  }, []), ge = v((f) => {
+  }, []), ge = v((f, M, T) => {
+    h({ type: "INSERT_TRACK", payload: { track: f, index: M, autoPlay: T } });
+  }, []), me = v((f) => {
     h({ type: "REMOVE_TRACK", payload: { index: f } });
-  }, []), me = v((f, M) => {
+  }, []), ye = v((f, M) => {
     h({ type: "MOVE_TRACK", payload: { fromIndex: f, toIndex: M } });
-  }, []), ye = v((f) => {
-    h({ type: "ADD_NEXT", payload: { track: f } });
   }, []), he = v((f) => {
-    h({ type: "SET_INDEX", payload: { index: f, autoPlay: !0 } });
+    h({ type: "ADD_NEXT", payload: { track: f } });
   }, []), be = v((f) => {
-    h({ type: "SET_INDEX", payload: { index: f, autoPlay: !1 } });
+    h({ type: "SET_INDEX", payload: { index: f, autoPlay: !0 } });
   }, []), ve = v((f) => {
-    h({ type: "SET_PLAYLIST_META", payload: f });
+    h({ type: "SET_INDEX", payload: { index: f, autoPlay: !1 } });
   }, []), ke = v((f) => {
-    h({ type: "SET_PLAYBACK_MODE", payload: f });
+    h({ type: "SET_PLAYLIST_META", payload: f });
   }, []), Me = v((f) => {
+    h({ type: "SET_PLAYBACK_MODE", payload: f });
+  }, []), Te = v((f) => {
     h({ type: "INIT", payload: f });
   }, []);
   E(() => {
-    if (!p || !T) return;
-    const f = p.get("ginger:volume"), M = p.get("ginger:muted"), x = p.get("ginger:playbackRate"), C = p.get("ginger:repeatMode"), Te = p.get("ginger:currentIndex"), G = Pe.current;
+    if (!p || !x) return;
+    const f = p.get("ginger:volume"), M = p.get("ginger:muted"), T = p.get("ginger:playbackRate"), C = p.get("ginger:repeatMode"), Ie = p.get("ginger:currentIndex"), G = Pe.current;
     h({
       type: "INIT",
       payload: {
@@ -1503,27 +1508,27 @@ function En({
         isPaused: G.isPaused,
         isShuffled: G.isShuffled,
         playbackMode: G.playbackMode,
-        currentIndex: typeof Te == "number" ? Te : G.currentIndex,
+        currentIndex: typeof Ie == "number" ? Ie : G.currentIndex,
         repeatMode: C === "off" || C === "all" || C === "one" ? C : G.repeatMode,
         volume: typeof f == "number" ? f : G.volume,
         muted: typeof M == "boolean" ? M : G.muted,
-        playbackRate: typeof x == "number" ? x : G.playbackRate
+        playbackRate: typeof T == "number" ? T : G.playbackRate
       }
     });
-  }, [T, p]), E(() => {
+  }, [x, p]), E(() => {
     p && (p.set("ginger:volume", c.volume), p.set("ginger:muted", c.muted), p.set("ginger:playbackRate", c.playbackRate), p.set("ginger:repeatMode", c.repeatMode), p.set("ginger:currentIndex", c.currentIndex));
   }, [p, c.volume, c.muted, c.playbackRate, c.repeatMode, c.currentIndex]), E(() => {
     if (!p || !R) return;
     const f = c.tracks[c.currentIndex];
     if (!f) return;
-    const M = `ginger:resume:${W(f)}`, x = p.get(M);
-    typeof x == "number" && Number.isFinite(x) && F(x);
+    const M = `ginger:resume:${W(f)}`, T = p.get(M);
+    typeof T == "number" && Number.isFinite(T) && F(T);
   }, [p, R, c.currentIndex, c.tracks, F]), E(() => {
     if (!p || !R) return;
     const f = c.tracks[c.currentIndex];
     if (!f || !(c.currentTime >= 0)) return;
-    const M = `ginger:resume:${W(f)}`, x = setTimeout(() => p.set(M, c.currentTime), 250);
-    return () => clearTimeout(x);
+    const M = `ginger:resume:${W(f)}`, T = setTimeout(() => p.set(M, c.currentTime), 250);
+    return () => clearTimeout(T);
   }, [p, R, c.currentIndex, c.tracks, c.currentTime]);
   const Ir = (Fe = c.tracks[c.currentIndex]) == null ? void 0 : Fe.fileUrl;
   E(() => {
@@ -1536,21 +1541,21 @@ function En({
     let M = !1;
     return (async () => {
       if (b) {
-        let x = !1;
+        let T = !1;
         try {
-          x = await b();
+          T = await b();
         } catch (C) {
-          const Te = C instanceof Error ? C.message : "beforePlay rejected";
-          h({ type: "MEDIA_ERROR", payload: { message: Te } });
+          const Ie = C instanceof Error ? C.message : "beforePlay rejected";
+          h({ type: "MEDIA_ERROR", payload: { message: Ie } });
           return;
         }
-        if (!x) {
+        if (!T) {
           M || (h({ type: "PAUSE" }), S == null || S());
           return;
         }
       }
-      M || f.play().catch((x) => {
-        const C = x instanceof Error ? x.message : typeof x == "string" ? x : "Playback failed (e.g. autoplay blocked or unavailable source)";
+      M || f.play().catch((T) => {
+        const C = T instanceof Error ? T.message : typeof T == "string" ? T : "Playback failed (e.g. autoplay blocked or unavailable source)";
         h({ type: "MEDIA_ERROR", payload: { message: C } });
       });
     })(), () => {
@@ -1560,78 +1565,78 @@ function En({
   const xe = v(() => {
     const f = Br(Le.current);
     if (f.kind === "replay_same") {
-      const x = $.current;
-      x && (x.currentTime = 0), h({ type: "PLAY" });
+      const T = $.current;
+      T && (T.currentTime = 0), h({ type: "PLAY" });
       return;
     }
     if (f.kind === "stop") {
-      h({ type: "PAUSE" }), re == null || re();
+      h({ type: "PAUSE" }), ne == null || ne();
       return;
     }
     const M = f.nextIndex;
     h({ type: "SET_INDEX", payload: { index: M, autoPlay: !0 } });
-  }, [re]), Er = P(
+  }, [ne]), Er = P(
     () => ({ play: L, pause: D, next: Q, prev: H, seek: F }),
     [L, D, Q, H, F]
   );
-  Tn(!!k, c, Er);
+  xn(!!k, c, Er);
   const Ar = y != null && y.seek && /[\u0590-\u08FF]/.test(y.seek) ? "rtl" : "ltr", Sr = P(
     () => ({
       state: c,
       dispatch: h,
       audioRef: $,
       notifyEnded: xe,
-      init: Me,
+      init: Te,
       play: L,
       pause: D,
-      togglePlayPause: ae,
+      togglePlayPause: ie,
       seek: F,
-      setVolume: ie,
-      setMuted: oe,
-      toggleMute: ue,
-      setPlaybackRate: se,
+      setVolume: oe,
+      setMuted: ue,
+      toggleMute: se,
+      setPlaybackRate: le,
       next: Q,
       prev: H,
-      setRepeatMode: le,
-      cycleRepeat: ce,
-      toggleShuffle: de,
-      setQueue: fe,
-      insertTrackAt: pe,
-      removeTrackAt: ge,
-      moveTrack: me,
-      enqueueNext: ye,
-      playTrackAt: he,
-      selectTrackAt: be,
-      setPlaylistMeta: ve,
-      setPlaybackMode: ke
+      setRepeatMode: ce,
+      cycleRepeat: de,
+      toggleShuffle: fe,
+      setQueue: pe,
+      insertTrackAt: ge,
+      removeTrackAt: me,
+      moveTrack: ye,
+      enqueueNext: he,
+      playTrackAt: be,
+      selectTrackAt: ve,
+      setPlaylistMeta: ke,
+      setPlaybackMode: Me
     }),
     [
-      ce,
+      de,
       h,
-      Me,
+      Te,
       Q,
       xe,
       D,
       L,
-      he,
-      pe,
+      be,
       ge,
       me,
       ye,
-      be,
+      he,
+      ve,
       H,
       F,
-      oe,
-      se,
-      fe,
+      ue,
       le,
-      ve,
+      pe,
+      ce,
       ke,
-      ie,
+      Me,
+      oe,
       c,
-      ue,
-      ae,
-      de
+      se,
+      ie,
+      fe
     ]
   ), Pr = P(
     () => ({
@@ -1642,25 +1647,25 @@ function En({
       repeatMode: c.repeatMode,
       originalTracks: c.originalTracks,
       playlistMeta: c.playlistMeta,
-      init: Me,
+      init: Te,
       play: L,
       pause: D,
-      togglePlayPause: ae,
+      togglePlayPause: ie,
       next: Q,
       prev: H,
-      setRepeatMode: le,
-      cycleRepeat: ce,
-      toggleShuffle: de,
+      setRepeatMode: ce,
+      cycleRepeat: de,
+      toggleShuffle: fe,
       playbackMode: c.playbackMode,
-      setQueue: fe,
-      insertTrackAt: pe,
-      removeTrackAt: ge,
-      moveTrack: me,
-      enqueueNext: ye,
-      playTrackAt: he,
-      selectTrackAt: be,
-      setPlaylistMeta: ve,
-      setPlaybackMode: ke,
+      setQueue: pe,
+      insertTrackAt: ge,
+      removeTrackAt: me,
+      moveTrack: ye,
+      enqueueNext: he,
+      playTrackAt: be,
+      selectTrackAt: ve,
+      setPlaylistMeta: ke,
+      setPlaybackMode: Me,
       dispatch: h
     }),
     [
@@ -1672,13 +1677,12 @@ function En({
       c.playbackMode,
       c.originalTracks,
       c.playlistMeta,
-      Me,
+      Te,
       L,
       D,
-      ae,
+      ie,
       Q,
       H,
-      le,
       ce,
       de,
       fe,
@@ -1690,6 +1694,7 @@ function En({
       be,
       ve,
       ke,
+      Me,
       h
     ]
   ), Rr = P(
@@ -1703,10 +1708,10 @@ function En({
       muted: c.muted,
       playbackRate: c.playbackRate,
       seek: F,
-      setVolume: ie,
-      setMuted: oe,
-      toggleMute: ue,
-      setPlaybackRate: se,
+      setVolume: oe,
+      setMuted: ue,
+      toggleMute: se,
+      setPlaybackRate: le,
       audioRef: $,
       notifyEnded: xe,
       dispatch: h
@@ -1721,10 +1726,10 @@ function En({
       c.muted,
       c.playbackRate,
       F,
-      ie,
       oe,
       ue,
       se,
+      le,
       $,
       xe,
       h
@@ -1780,7 +1785,7 @@ const Rn = {
     Subtitle: bn,
     Description: vn,
     Copyright: kn,
-    Artwork: xr
+    Artwork: Tr
   },
   Control: {
     PlayPause: dr,
@@ -1799,10 +1804,10 @@ export {
   We as C,
   Rn as G,
   ze as L,
-  Ee as a,
+  Ae as a,
   He as b,
   Ce as c,
-  Ie as d,
+  Ee as d,
   N as e,
   un as f,
   pn as g,
@@ -1811,11 +1816,11 @@ export {
   Xr as j,
   je as k,
   Kr as l,
-  q as m,
+  J as m,
   V as n,
   Yr as o,
   on as p,
   zr as r,
   sn as u
 };
-//# sourceMappingURL=ginger-BoNnuade.js.map
+//# sourceMappingURL=ginger-Dj-zM_lq.js.map