@lucaismyname/ginger 0.0.25 → 0.0.26

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

@@ -1,6 +1,6 @@
 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";
+import { b as _, u as j, g as $e, c as I, G as Cr, d as Lr } from "./GingerSplitContexts-BzBExb95.js";
 const Oe = Ne(null);
 function Dr() {
   const e = Ge(Oe);
@@ -26,16 +26,16 @@ function Fr({
   }), m = O(""), [y, k] = Nr(!1);
   E(() => {
     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);
+    const p = window.matchMedia("(prefers-reduced-motion: reduce)"), T = () => k(p.matches);
+    return T(), p.addEventListener("change", T), () => p.removeEventListener("change", T);
   }, [a]);
-  const b = (p, x = !1) => {
+  const b = (p, T = !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;
-    !x && !K || (g.current = R, o({
+    !T && !K || (g.current = R, o({
       type: "MEDIA_TIME_UPDATE",
       payload: R
     }));
@@ -69,12 +69,12 @@ function Fr({
         b(p.currentTarget);
       },
       onLoadedMetadata: (p) => {
-        const x = p.currentTarget;
+        const T = p.currentTarget;
         g.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, o({
           type: "MEDIA_LOADED_METADATA",
           payload: {
-            duration: x.duration,
-            bufferedFraction: Ue(x)
+            duration: T.duration,
+            bufferedFraction: Ue(T)
           }
         });
       },
@@ -87,24 +87,66 @@ function Fr({
       onCanPlay: () => o({ type: "MEDIA_CANPLAY" }),
       onProgress: (p) => b(p.currentTarget, !0),
       onVolumeChange: (p) => {
-        const x = p.currentTarget;
+        const T = p.currentTarget;
         o({
           type: "MEDIA_VOLUME_SYNC",
-          payload: { volume: x.volume, muted: x.muted }
+          payload: { volume: T.volume, muted: T.muted }
         });
       },
       onError: () => {
         var w;
-        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" } });
+        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 Ee = {
+  seek: "Seek",
+  volume: "Volume",
+  playbackSpeed: "Playback speed",
+  nextTrack: "Next track",
+  previousTrack: "Previous track",
+  shuffle: "Shuffle",
+  mute: "Mute",
+  unmute: "Unmute",
+  play: "Play",
+  pause: "Pause",
+  repeat: {
+    off: "Repeat off",
+    all: "Repeat all",
+    one: "Repeat one"
+  },
+  playbackRateNormal: "1× normal",
+  playbackRateTimes: (e) => `${e}×`
+};
+function Ur(e) {
+  return e ? {
+    ...Ee,
+    ...e,
+    repeat: { ...Ee.repeat, ...e.repeat }
+  } : Ee;
+}
+const Be = Ne(Ee);
+function Vr({
+  locale: e,
+  children: r
+}) {
+  const n = Ur(e);
+  return /* @__PURE__ */ d(Be.Provider, { value: n, children: r });
+}
+function N() {
+  return Ge(Be);
+}
+function z(e) {
+  if (!Number.isFinite(e) || e < 0) return "0:00";
+  const r = Math.floor(e % 60);
+  return `${Math.floor(e / 60)}:${r.toString().padStart(2, "0")}`;
+}
 function A(e, r) {
   return r <= 0 ? 0 : Math.max(0, Math.min(r - 1, e));
 }
-function Be(e, r) {
+function Ye(e, r) {
   if (e.length <= 1) return [...e];
   const n = e[r];
   if (!n) return [...e];
@@ -118,7 +160,7 @@ function Be(e, r) {
 function W(e) {
   return e ? e.id != null && e.id !== "" ? `id:${e.id}` : `file:${e.fileUrl}` : "";
 }
-function Ur(e, r) {
+function $r(e, r) {
   var o, u;
   if (!r) return 0;
   const n = e.findIndex((l) => l === r);
@@ -135,49 +177,49 @@ function Ur(e, r) {
     "[@lucaismyname/ginger] Ambiguous track identity: multiple queue rows share the same fileUrl without a unique `id`. Resolving to the first match."
   ), a[0];
 }
-function Ye(e, r, n) {
+function Qe(e, r, n) {
   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) {
+function Or(e, r) {
   if (r < 0 || r >= e.length) return [...e];
   const n = [...e];
   return n.splice(r, 1), n;
 }
-function $r(e, r, n) {
+function Br(e, r, n) {
   if (r === n || r < 0 || r >= e.length || n < 0 || n >= e.length)
     return [...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 Yr(e, r, n) {
+  return Qe(e, n, Math.max(0, Math.min(e.length, r + 1)));
 }
-function Br(e) {
+function Qr(e) {
   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) {
+function Hr(e) {
   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) {
+function jr(e) {
   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) {
+function Kr(e) {
   return e === "off" ? "all" : e === "all" ? "one" : "off";
 }
-function Qe(e, r) {
+function He(e, r) {
   return (e == null ? void 0 : e.artworkUrl) ?? r ?? void 0;
 }
-function jr(e, r) {
+function Xr(e, r) {
   return (e == null ? void 0 : e.album) ?? r ?? void 0;
 }
 function V(e) {
   return e.tracks[e.currentIndex] ?? null;
 }
-function He(e) {
+function je(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 J(e) {
@@ -187,718 +229,707 @@ function J(e) {
   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) {
+function zr(e) {
   const n = J(e) - e.currentTime;
   return Number.isFinite(n) ? Math.max(0, n) : 0;
 }
-function je(e) {
+function Ke(e) {
   const r = J(e);
   return r > 0 ? Math.min(1, Math.max(0, e.currentTime / r)) : 0;
 }
-function Xr(e) {
-  var n;
-  const r = V(e);
-  return Qe(r, (n = e.playlistMeta) == null ? void 0 : n.artworkUrl);
-}
-function zr(e) {
+function Wr(e) {
   var n;
   const r = V(e);
-  return jr(r, (n = e.playlistMeta) == null ? void 0 : n.subtitle);
-}
-function B(e, r) {
-  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 ?? s ?? null;
-      return y ? /* @__PURE__ */ d("span", { className: u, style: l, children: y }) : null;
-    }
-    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;
+  return He(r, (n = e.playlistMeta) == null ? void 0 : n.artworkUrl);
 }
-function Y(e, r) {
-  return B(e, (n) => r(V(n)));
-}
-const Wr = Y("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), qr = Y("Ginger.Current.Artist", (e) => e == null ? void 0 : e.artist), Jr = B("Ginger.Current.Album", (e) => zr(e)), Zr = Y("Ginger.Current.Description", (e) => e == null ? void 0 : e.description), en = B("Ginger.Current.Copyright", (e) => {
+function qr(e) {
   var n;
   const r = V(e);
-  return (r == null ? void 0 : r.copyright) ?? ((n = e.playlistMeta) == null ? void 0 : n.copyright);
-}), rn = Y("Ginger.Current.Genre", (e) => e == null ? void 0 : e.genre), nn = Y("Ginger.Current.Label", (e) => e == null ? void 0 : e.label), tn = Y("Ginger.Current.Isrc", (e) => e == null ? void 0 : e.isrc), an = Y(
-  "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: 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 = t ?? n ?? null;
-    return g ? /* @__PURE__ */ d("span", { className: e, style: r, children: g }) : null;
-  }
-  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 });
+  return Xr(r, (n = e.playlistMeta) == null ? void 0 : n.subtitle);
 }
-Ke.displayName = "Ginger.Current.Year";
-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) ?? "", 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 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 });
+function Jr() {
+  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: t,
+    value: o,
+    min: 0,
+    max: a > 0 ? a : 1,
+    step: "any",
+    ariaValueText: u,
+    ariaLabel: n.seek,
+    onSeekInput: l,
+    onSeekChange: 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 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, t) => n.time - t.time);
+function Zr() {
+  const e = _(), r = j(), n = N(), t = P(() => $e(e, r), [e, r]), a = (i) => {
+    r.setVolume(Number(i.currentTarget.value));
+  };
+  return {
+    state: t,
+    value: t.volume,
+    min: 0,
+    max: 1,
+    step: "any",
+    ariaValueText: `${Math.round(t.volume * 100)}%`,
+    ariaLabel: n.volume,
+    onVolumeInput: a,
+    onVolumeChange: a
+  };
 }
-function un() {
-  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, a]);
+function en(e) {
+  const r = _(), n = N(), t = (e == null ? void 0 : e.playAriaLabel) ?? n.play, a = (e == null ? void 0 : e.pauseAriaLabel) ?? n.pause;
   return {
-    lines: a,
-    activeIndex: i,
-    activeLine: i >= 0 ? a[i] ?? null : null
+    isPaused: r.isPaused,
+    toggle: r.togglePlayPause,
+    ariaLabel: r.isPaused ? t : a
   };
 }
-function ze({
-  className: e,
-  style: r,
-  fallback: n,
-  empty: t,
-  unstyled: a = !1,
-  activeClassName: i,
-  lineClassName: o,
-  children: u
+function Xe({
+  playLabel: e = "Play",
+  pauseLabel: r = "Pause",
+  playAriaLabel: n,
+  pauseAriaLabel: t,
+  children: a,
+  type: i = "button",
+  onClick: o,
+  ...u
 }) {
-  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: { ...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: s.map((y, k) => {
-    const b = k === g;
-    return /* @__PURE__ */ d(
-      "li",
-      {
-        "aria-current": b ? "true" : void 0,
-        "data-ginger-active": b || void 0,
-        className: [o, b ? i : void 0].filter(Boolean).join(" ") || 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, l) : y.text
+  const l = N(), s = typeof e == "string" ? e : l.play, g = typeof r == "string" ? r : l.pause, m = en({
+    playAriaLabel: n ?? s,
+    pauseAriaLabel: t ?? g
+  });
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ...u,
+      type: i,
+      "aria-label": m.ariaLabel,
+      onClick: (y) => {
+        m.toggle(), o == null || o(y);
       },
-      `${y.time}-${k}`
-    );
-  }) });
-}
-ze.displayName = "Ginger.Current.LyricsSynced";
-function sn() {
-  const { tracks: e, currentIndex: r } = _(), { currentTime: n, seek: t } = j(), a = P(() => {
-    var u;
-    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 (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, a]);
-  return {
-    list: a,
-    activeIndex: i,
-    active: i >= 0 ? a[i] ?? null : null,
-    seekTo: (o) => {
-      const u = a[o];
-      u && t(u.startSeconds);
+      children: a ?? (m.isPaused ? e : r)
     }
-  };
+  );
 }
-function z(e) {
-  if (!Number.isFinite(e) || e < 0) return "0:00";
-  const r = Math.floor(e % 60);
-  return `${Math.floor(e / 60)}:${r.toString().padStart(2, "0")}`;
+Xe.displayName = "Ginger.Control.PlayPause";
+function ze({ 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 ?? l,
+      onClick: (s) => {
+        o(), n == null || n(s);
+      },
+      children: t ?? l
+    }
+  );
 }
+ze.displayName = "Ginger.Control.Repeat";
 function We({
-  className: e,
-  style: r,
-  fallback: n,
-  empty: t,
-  unstyled: a = !1,
-  formatStart: i = z,
-  children: o
+  type: e = "button",
+  children: r = "Next",
+  ariaLabel: n,
+  onClick: t,
+  ...a
 }) {
-  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: { ...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: l.map((y, k) => {
-    const b = k === s;
-    return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(
-      "button",
-      {
-        type: "button",
-        "aria-current": b ? "true" : void 0,
-        "data-ginger-active": b || void 0,
-        onClick: () => g(k),
-        style: {
-          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__ */ q("span", { children: [
-          /* @__PURE__ */ d("span", { style: { opacity: 0.75, marginRight: "0.35em" }, children: i(y.startSeconds) }),
-          y.title
-        ] })
-      }
-    ) }, `${y.startSeconds}-${y.title}`);
-  }) });
+  const { next: i } = _(), o = N();
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ...a,
+      type: e,
+      "aria-label": n ?? o.nextTrack,
+      onClick: (u) => {
+        i(), t == null || t(u);
+      },
+      children: r ?? o.nextTrack
+    }
+  );
 }
-We.displayName = "Ginger.Current.Chapters";
-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 = ((l = V(o)) == null ? void 0 : l.fileUrl) ?? "";
-  if (!u) {
-    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 });
+We.displayName = "Ginger.Control.Next";
+function qe({
+  type: e = "button",
+  children: r = "Previous",
+  ariaLabel: n,
+  onClick: t,
+  ...a
+}) {
+  const { prev: i } = _(), o = N();
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ...a,
+      type: e,
+      "aria-label": n ?? o.previousTrack,
+      onClick: (u) => {
+        i(), t == null || t(u);
+      },
+      children: r
+    }
+  );
 }
-qe.displayName = "Ginger.Current.FileUrl";
+qe.displayName = "Ginger.Control.Previous";
 function Je({
-  className: e,
-  style: r,
-  fallback: n,
-  empty: t,
-  sizes: a,
-  loading: i,
-  onError: o,
-  decoding: u,
-  unstyled: l = !1,
-  imgStyle: s
+  type: e = "button",
+  children: r = "Shuffle",
+  ariaLabel: n,
+  onClick: t,
+  ...a
 }) {
-  const g = I(), m = V(g), y = Xr(g);
-  if (!y) {
-    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";
+  const { isShuffled: i, toggleShuffle: o } = _(), u = N();
   return /* @__PURE__ */ d(
-    "div",
+    "button",
     {
-      className: e,
-      style: l ? { ...r } : {
-        background: "var(--ginger-artwork-bg, transparent)",
-        borderRadius: "var(--ginger-artwork-radius, 0)",
-        overflow: "hidden",
-        ...r
+      ...a,
+      type: e,
+      "aria-pressed": i,
+      "aria-label": n ?? u.shuffle,
+      onClick: (l) => {
+        o(), t == null || t(l);
       },
-      children: /* @__PURE__ */ d(
-        "img",
-        {
-          src: y,
-          alt: k,
-          sizes: a,
-          loading: i,
-          decoding: u,
-          onError: o,
-          style: {
-            display: l ? void 0 : "block",
-            width: l ? void 0 : "100%",
-            height: l ? void 0 : "100%",
-            objectFit: l ? void 0 : "cover",
-            ...s
-          }
-        }
-      )
+      children: r ?? u.shuffle
     }
   );
 }
-Je.displayName = "Ginger.Current.Artwork";
-function Ze({ base: e = 0, className: r, style: n, fallback: t, empty: a, children: i }) {
-  const o = I();
-  if (o.tracks.length === 0) {
-    const s = a ?? t ?? null;
-    return s ? /* @__PURE__ */ d("span", { className: r, style: n, children: s }) : null;
-  }
-  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 });
+Je.displayName = "Ginger.Control.Shuffle";
+function Ze({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: t, ...a }) {
+  const i = Jr(), o = n ? { ...r, ...e } : { width: "100%", ...r, ...e };
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      ...a,
+      type: "range",
+      min: i.min,
+      max: i.max,
+      step: i.step,
+      value: i.value,
+      "aria-label": t ?? i.ariaLabel,
+      "aria-valuetext": i.ariaValueText,
+      onInput: i.onSeekInput,
+      onChange: i.onSeekChange,
+      style: o
+    }
+  );
 }
-Ze.displayName = "Ginger.Current.QueueIndex";
-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 = t ?? n ?? null;
-    return u ? /* @__PURE__ */ d("span", { className: e, style: r, children: u }) : null;
-  }
-  return a ? /* @__PURE__ */ d("span", { className: e, style: r, children: a(o, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: o });
+Ze.displayName = "Ginger.Control.SeekBar";
+function er({ inputStyle: e, style: r, unstyled: n = !1, ariaLabel: t, ...a }) {
+  const i = Zr(), o = n ? { ...r, ...e } : { width: "100%", ...r, ...e };
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      ...a,
+      type: "range",
+      min: i.min,
+      max: i.max,
+      step: i.step,
+      value: i.value,
+      "aria-label": t ?? i.ariaLabel,
+      "aria-valuetext": i.ariaValueText,
+      onInput: i.onVolumeInput,
+      onChange: i.onVolumeChange,
+      style: o
+    }
+  );
 }
-er.displayName = "Ginger.Current.QueueLength";
+er.displayName = "Ginger.Control.Volume";
 function rr({
-  base: e = 0,
-  separator: r = " / ",
-  className: n,
-  style: t,
-  fallback: a,
-  empty: i,
-  children: o
+  ariaLabel: e,
+  muteLabel: r,
+  unmuteLabel: n,
+  type: t = "button",
+  onClick: a,
+  children: i,
+  ...o
 }) {
-  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 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: 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: t, style: a, children: g }) : null;
-  }
-  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();
-  return we(r.currentTime, r, e);
-}
-nr.displayName = "Ginger.Current.Elapsed";
-function tr(e) {
-  const r = I();
-  return we(J(r), r, e);
-}
-tr.displayName = "Ginger.Current.Duration";
-function ar(e) {
-  const r = I();
-  return we(Kr(r), r, e);
-}
-ar.displayName = "Ginger.Current.Remaining";
-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 l = t ?? n ?? null;
-    return l ? /* @__PURE__ */ d("span", { className: e, style: r, children: l }) : null;
-  }
-  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)}%` });
+  const { muted: u, toggleMute: l } = j(), s = N(), g = r ?? s.mute, m = n ?? s.unmute;
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ...o,
+      type: t,
+      "aria-pressed": u,
+      "aria-label": e ?? (u ? s.unmute : s.mute),
+      onClick: (y) => {
+        l(), a == null || a(y);
+      },
+      children: i ?? (u ? m : g)
+    }
+  );
 }
-ir.displayName = "Ginger.Current.Progress";
-function or({
-  className: e,
+rr.displayName = "Ginger.Control.Mute";
+const rn = [0.5, 0.75, 1, 1.25, 1.5, 2];
+function nr({
+  rates: e = rn,
   style: r,
-  height: n = 4,
-  showBuffered: t = !1,
-  unstyled: a = !1
+  ariaLabel: n,
+  children: t,
+  ...a
 }) {
-  const i = I(), o = `${Math.round(je(i) * 100)}%`, u = `${Math.round(Math.min(1, Math.max(0, i.bufferedFraction)) * 100)}%`;
+  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__ */ q(
-    "div",
+    "select",
     {
-      className: e,
-      style: a ? { ...r } : {
-        width: "100%",
-        height: n,
-        background: "var(--ginger-muted-color, #e5e7eb)",
-        borderRadius: 999,
-        overflow: "hidden",
-        position: "relative",
-        ...r
-      },
-      "aria-hidden": !0,
+      ...a,
+      "aria-label": n ?? u.playbackSpeed,
+      value: String(i),
+      style: r,
+      onChange: (s) => o(Number(s.currentTarget.value)),
       children: [
-        t ? /* @__PURE__ */ d(
-          "div",
-          {
-            style: {
-              position: a ? void 0 : "absolute",
-              left: a ? void 0 : 0,
-              top: a ? void 0 : 0,
-              height: a ? void 0 : "100%",
-              width: u,
-              background: a ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
-            }
-          }
-        ) : null,
-        /* @__PURE__ */ d(
-          "div",
-          {
-            style: {
-              position: a ? void 0 : "relative",
-              width: o,
-              height: a ? void 0 : "100%",
-              background: a ? void 0 : "var(--ginger-primary-color, #111827)"
-            }
-          }
-        )
+        t ?? u.playbackSpeed,
+        l.map((s) => /* @__PURE__ */ d("option", { value: String(s), children: s === 1 ? u.playbackRateNormal : u.playbackRateTimes(s) }, s))
       ]
     }
   );
 }
-or.displayName = "Ginger.Current.TimeRail";
-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: t ? { ...r } : {
-        width: "100%",
-        height: n,
-        background: "var(--ginger-muted-color, #e5e7eb)",
-        borderRadius: 999,
-        overflow: "hidden",
-        ...r
-      },
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ d(
-        "div",
-        {
-          style: {
-            width: i,
-            height: t ? void 0 : "100%",
-            background: t ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
-          }
-        }
-      )
+nr.displayName = "Ginger.Control.PlaybackRate";
+function B(e, r) {
+  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 ?? s ?? null;
+      return y ? /* @__PURE__ */ d("span", { className: u, style: l, children: y }) : null;
     }
-  );
+    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;
 }
-ur.displayName = "Ginger.Current.BufferRail";
-function sr({ className: e, style: r, fallback: n, empty: t, children: a }) {
-  const i = I(), o = He(i);
-  return a ? /* @__PURE__ */ d("span", { className: e, style: r, children: a(o, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: o });
+function Y(e, r) {
+  return B(e, (n) => r(V(n)));
 }
-sr.displayName = "Ginger.Current.PlaybackState";
-function lr({ className: e, style: r, fallback: n, empty: t, live: a = "polite", children: i }) {
-  const o = I(), u = o.errorMessage ?? "";
-  if (!u) {
-    const l = t ?? n ?? null;
-    return l ? /* @__PURE__ */ d("span", { className: e, style: r, children: l }) : null;
+const nn = Y("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), tn = Y("Ginger.Current.Artist", (e) => e == null ? void 0 : e.artist), an = B("Ginger.Current.Album", (e) => qr(e)), on = Y(
+  "Ginger.Current.Description",
+  (e) => e == null ? void 0 : e.description
+), un = B("Ginger.Current.Copyright", (e) => {
+  var n;
+  const r = V(e);
+  return (r == null ? void 0 : r.copyright) ?? ((n = e.playlistMeta) == null ? void 0 : n.copyright);
+}), sn = Y("Ginger.Current.Genre", (e) => e == null ? void 0 : e.genre), ln = Y("Ginger.Current.Label", (e) => e == null ? void 0 : e.label), cn = Y("Ginger.Current.Isrc", (e) => e == null ? void 0 : e.isrc), dn = Y(
+  "Ginger.Current.TrackNumber",
+  (e) => (e == null ? void 0 : e.trackNumber) != null ? String(e.trackNumber) : void 0
+);
+function tr({ 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 = t ?? n ?? null;
+    return g ? /* @__PURE__ */ d("span", { className: e, style: r, children: g }) : null;
   }
-  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 Ee = {
-  seek: "Seek",
-  volume: "Volume",
-  playbackSpeed: "Playback speed",
-  nextTrack: "Next track",
-  previousTrack: "Previous track",
-  shuffle: "Shuffle",
-  mute: "Mute",
-  unmute: "Unmute",
-  play: "Play",
-  pause: "Pause",
-  repeat: {
-    off: "Repeat off",
-    all: "Repeat all",
-    one: "Repeat one"
-  },
-  playbackRateNormal: "1× normal",
-  playbackRateTimes: (e) => `${e}×`
-};
-function ln(e) {
-  return e ? {
-    ...Ee,
-    ...e,
-    repeat: { ...Ee.repeat, ...e.repeat }
-  } : Ee;
+  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 });
 }
-const cr = Ne(Ee);
-function cn({
-  locale: e,
-  children: r
+tr.displayName = "Ginger.Current.Year";
+function ar({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: t,
+  children: a,
+  preserveWhitespace: i = !0
 }) {
-  const n = ln(e);
-  return /* @__PURE__ */ d(cr.Provider, { value: n, children: r });
+  var g;
+  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 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 });
 }
-function N() {
-  return Ge(cr);
+ar.displayName = "Ginger.Current.Lyrics";
+const Ve = /\[(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?\]/g;
+function fn(e) {
+  const r = [];
+  for (const n of e.split(/\r?\n/)) {
+    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, t) => n.time - t.time);
 }
-function dn() {
-  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));
-  };
+function pn() {
+  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" ? fn(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, a]);
   return {
-    state: t,
-    value: o,
-    min: 0,
-    max: a > 0 ? a : 1,
-    step: "any",
-    ariaValueText: u,
-    ariaLabel: n.seek,
-    onSeekInput: l,
-    onSeekChange: l
+    lines: a,
+    activeIndex: i,
+    activeLine: i >= 0 ? a[i] ?? null : null
   };
 }
-function fn() {
-  const e = _(), r = j(), n = N(), t = P(() => $e(e, r), [e, r]), a = (i) => {
-    r.setVolume(Number(i.currentTarget.value));
-  };
-  return {
-    state: t,
-    value: t.volume,
-    min: 0,
-    max: 1,
-    step: "any",
-    ariaValueText: `${Math.round(t.volume * 100)}%`,
-    ariaLabel: n.volume,
-    onVolumeInput: a,
-    onVolumeChange: a
-  };
+function ir({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: t,
+  unstyled: a = !1,
+  activeClassName: i,
+  lineClassName: o,
+  children: u
+}) {
+  const l = I(), { lines: s, activeIndex: g } = pn();
+  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: { ...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: s.map((y, k) => {
+    const b = k === g;
+    return /* @__PURE__ */ d(
+      "li",
+      {
+        "aria-current": b ? "true" : void 0,
+        "data-ginger-active": b || void 0,
+        className: [o, b ? i : void 0].filter(Boolean).join(" ") || 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, l) : y.text
+      },
+      `${y.time}-${k}`
+    );
+  }) });
 }
-function pn(e) {
-  const r = _(), n = N(), t = (e == null ? void 0 : e.playAriaLabel) ?? n.play, a = (e == null ? void 0 : e.pauseAriaLabel) ?? n.pause;
+ir.displayName = "Ginger.Current.LyricsSynced";
+function gn() {
+  const { tracks: e, currentIndex: r } = _(), { currentTime: n, seek: t } = j(), a = P(() => {
+    var u;
+    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 (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, a]);
   return {
-    isPaused: r.isPaused,
-    toggle: r.togglePlayPause,
-    ariaLabel: r.isPaused ? t : a
+    list: a,
+    activeIndex: i,
+    active: i >= 0 ? a[i] ?? null : null,
+    seekTo: (o) => {
+      const u = a[o];
+      u && t(u.startSeconds);
+    }
   };
 }
-function dr({
-  playLabel: e = "Play",
-  pauseLabel: r = "Pause",
-  playAriaLabel: n,
-  pauseAriaLabel: t,
-  children: a,
-  type: i = "button",
-  onClick: o,
-  ...u
+function or({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: t,
+  unstyled: a = !1,
+  formatStart: i = z,
+  children: o
 }) {
-  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",
-    {
-      ...u,
-      type: i,
-      "aria-label": m.ariaLabel,
-      onClick: (y) => {
-        m.toggle(), o == null || o(y);
-      },
-      children: a ?? (m.isPaused ? e : r)
-    }
-  );
-}
-dr.displayName = "Ginger.Control.PlayPause";
-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 ?? l,
-      onClick: (s) => {
-        o(), n == null || n(s);
-      },
-      children: t ?? l
-    }
-  );
+  const u = I(), { list: l, activeIndex: s, seekTo: g } = gn();
+  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: { ...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: l.map((y, k) => {
+    const b = k === s;
+    return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        "aria-current": b ? "true" : void 0,
+        "data-ginger-active": b || void 0,
+        onClick: () => g(k),
+        style: {
+          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__ */ q("span", { children: [
+          /* @__PURE__ */ d("span", { style: { opacity: 0.75, marginRight: "0.35em" }, children: i(y.startSeconds) }),
+          y.title
+        ] })
+      }
+    ) }, `${y.startSeconds}-${y.title}`);
+  }) });
 }
-fr.displayName = "Ginger.Control.Repeat";
-function pr({
-  type: e = "button",
-  children: r = "Next",
-  ariaLabel: n,
-  onClick: t,
-  ...a
+or.displayName = "Ginger.Current.Chapters";
+function ur({
+  visible: e = !1,
+  className: r,
+  style: n,
+  fallback: t,
+  empty: a,
+  children: i
 }) {
-  const { next: i } = _(), o = N();
-  return /* @__PURE__ */ d(
-    "button",
-    {
-      ...a,
-      type: e,
-      "aria-label": n ?? o.nextTrack,
-      onClick: (u) => {
-        i(), t == null || t(u);
-      },
-      children: r ?? o.previousTrack
-    }
-  );
+  var l;
+  const o = I();
+  if (!e) return null;
+  const u = ((l = V(o)) == null ? void 0 : l.fileUrl) ?? "";
+  if (!u) {
+    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 });
 }
-pr.displayName = "Ginger.Control.Next";
-function gr({
-  type: e = "button",
-  children: r = "Previous",
-  ariaLabel: n,
-  onClick: t,
-  ...a
+ur.displayName = "Ginger.Current.FileUrl";
+function sr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: t,
+  sizes: a,
+  loading: i,
+  onError: o,
+  decoding: u,
+  unstyled: l = !1,
+  imgStyle: s
 }) {
-  const { prev: i } = _(), o = N();
+  const g = I(), m = V(g), y = Wr(g);
+  if (!y) {
+    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";
   return /* @__PURE__ */ d(
-    "button",
+    "div",
     {
-      ...a,
-      type: e,
-      "aria-label": n ?? o.previousTrack,
-      onClick: (u) => {
-        i(), t == null || t(u);
+      className: e,
+      style: l ? { ...r } : {
+        background: "var(--ginger-artwork-bg, transparent)",
+        borderRadius: "var(--ginger-artwork-radius, 0)",
+        overflow: "hidden",
+        ...r
       },
-      children: r
+      children: /* @__PURE__ */ d(
+        "img",
+        {
+          src: y,
+          alt: k,
+          sizes: a,
+          loading: i,
+          decoding: u,
+          onError: o,
+          style: {
+            display: l ? void 0 : "block",
+            width: l ? void 0 : "100%",
+            height: l ? void 0 : "100%",
+            objectFit: l ? void 0 : "cover",
+            ...s
+          }
+        }
+      )
     }
   );
 }
-gr.displayName = "Ginger.Control.Previous";
-function mr({
-  type: e = "button",
-  children: r = "Shuffle",
-  ariaLabel: n,
-  onClick: t,
-  ...a
+sr.displayName = "Ginger.Current.Artwork";
+function lr({
+  base: e = 0,
+  className: r,
+  style: n,
+  fallback: t,
+  empty: a,
+  children: i
 }) {
-  const { isShuffled: i, toggleShuffle: o } = _(), u = N();
-  return /* @__PURE__ */ d(
-    "button",
-    {
-      ...a,
-      type: e,
-      "aria-pressed": i,
-      "aria-label": n ?? u.shuffle,
-      onClick: (l) => {
-        o(), t == null || t(l);
-      },
-      children: r ?? u.shuffle
-    }
-  );
+  const o = I();
+  if (o.tracks.length === 0) {
+    const s = a ?? t ?? null;
+    return s ? /* @__PURE__ */ d("span", { className: r, style: n, children: s }) : null;
+  }
+  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 });
 }
-mr.displayName = "Ginger.Control.Shuffle";
-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",
-    {
-      ...a,
-      type: "range",
-      min: i.min,
-      max: i.max,
-      step: i.step,
-      value: i.value,
-      "aria-label": t ?? i.ariaLabel,
-      "aria-valuetext": i.ariaValueText,
-      onInput: i.onSeekInput,
-      onChange: i.onSeekChange,
-      style: o
-    }
-  );
+lr.displayName = "Ginger.Current.QueueIndex";
+function cr({ 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 = t ?? n ?? null;
+    return u ? /* @__PURE__ */ d("span", { className: e, style: r, children: u }) : null;
+  }
+  return a ? /* @__PURE__ */ d("span", { className: e, style: r, children: a(o, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: o });
 }
-yr.displayName = "Ginger.Control.SeekBar";
-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",
+cr.displayName = "Ginger.Current.QueueLength";
+function dr({
+  base: e = 0,
+  separator: r = " / ",
+  className: n,
+  style: t,
+  fallback: a,
+  empty: i,
+  children: o
+}) {
+  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 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 });
+}
+dr.displayName = "Ginger.Current.QueuePosition";
+function we(e, r, 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: t, style: a, children: g }) : null;
+  }
+  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 fr(e) {
+  const r = I();
+  return we(r.currentTime, r, e);
+}
+fr.displayName = "Ginger.Current.Elapsed";
+function pr(e) {
+  const r = I();
+  return we(J(r), r, e);
+}
+pr.displayName = "Ginger.Current.Duration";
+function gr(e) {
+  const r = I();
+  return we(zr(r), r, e);
+}
+gr.displayName = "Ginger.Current.Remaining";
+function mr({ className: e, style: r, fallback: n, empty: t, children: a }) {
+  const i = I(), o = J(i), u = Ke(i);
+  if (!(o > 0)) {
+    const l = t ?? n ?? null;
+    return l ? /* @__PURE__ */ d("span", { className: e, style: r, children: l }) : null;
+  }
+  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)}%` });
+}
+mr.displayName = "Ginger.Current.Progress";
+function yr({
+  className: e,
+  style: r,
+  height: n = 4,
+  showBuffered: t = !1,
+  unstyled: a = !1
+}) {
+  const i = I(), o = `${Math.round(Ke(i) * 100)}%`, u = `${Math.round(Math.min(1, Math.max(0, i.bufferedFraction)) * 100)}%`;
+  return /* @__PURE__ */ q(
+    "div",
     {
-      ...a,
-      type: "range",
-      min: i.min,
-      max: i.max,
-      step: i.step,
-      value: i.value,
-      "aria-label": t ?? i.ariaLabel,
-      "aria-valuetext": i.ariaValueText,
-      onInput: i.onVolumeInput,
-      onChange: i.onVolumeChange,
-      style: o
+      className: e,
+      style: a ? { ...r } : {
+        width: "100%",
+        height: n,
+        background: "var(--ginger-muted-color, #e5e7eb)",
+        borderRadius: 999,
+        overflow: "hidden",
+        position: "relative",
+        ...r
+      },
+      "aria-hidden": !0,
+      children: [
+        t ? /* @__PURE__ */ d(
+          "div",
+          {
+            style: {
+              position: a ? void 0 : "absolute",
+              left: a ? void 0 : 0,
+              top: a ? void 0 : 0,
+              height: a ? void 0 : "100%",
+              width: u,
+              background: a ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+            }
+          }
+        ) : null,
+        /* @__PURE__ */ d(
+          "div",
+          {
+            style: {
+              position: a ? void 0 : "relative",
+              width: o,
+              height: a ? void 0 : "100%",
+              background: a ? void 0 : "var(--ginger-primary-color, #111827)"
+            }
+          }
+        )
+      ]
     }
   );
 }
-hr.displayName = "Ginger.Control.Volume";
-function br({
-  ariaLabel: e,
-  muteLabel: r,
-  unmuteLabel: n,
-  type: t = "button",
-  onClick: a,
-  children: i,
-  ...o
-}) {
-  const { muted: u, toggleMute: l } = j(), s = N(), g = r ?? s.mute, m = n ?? s.unmute;
+yr.displayName = "Ginger.Current.TimeRail";
+function hr({ 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(
-    "button",
+    "div",
     {
-      ...o,
-      type: t,
-      "aria-pressed": u,
-      "aria-label": e ?? (u ? s.unmute : s.mute),
-      onClick: (y) => {
-        l(), a == null || a(y);
+      className: e,
+      style: t ? { ...r } : {
+        width: "100%",
+        height: n,
+        background: "var(--ginger-muted-color, #e5e7eb)",
+        borderRadius: 999,
+        overflow: "hidden",
+        ...r
       },
-      children: i ?? (u ? m : g)
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          style: {
+            width: i,
+            height: t ? void 0 : "100%",
+            background: t ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+          }
+        }
+      )
     }
   );
 }
-br.displayName = "Ginger.Control.Mute";
-const gn = [0.5, 0.75, 1, 1.25, 1.5, 2];
+hr.displayName = "Ginger.Current.BufferRail";
+function br({ className: e, style: r, fallback: n, empty: t, children: a }) {
+  const i = I(), o = je(i);
+  return a ? /* @__PURE__ */ d("span", { className: e, style: r, children: a(o, i) }) : /* @__PURE__ */ d("span", { className: e, style: r, children: o });
+}
+br.displayName = "Ginger.Current.PlaybackState";
 function vr({
-  rates: e = gn,
+  className: e,
   style: r,
-  ariaLabel: n,
-  children: t,
-  ...a
+  fallback: n,
+  empty: t,
+  live: a = "polite",
+  children: i
 }) {
-  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__ */ q(
-    "select",
-    {
-      ...a,
-      "aria-label": n ?? u.playbackSpeed,
-      value: String(i),
-      style: r,
-      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))
-      ]
-    }
-  );
+  const o = I(), u = o.errorMessage ?? "";
+  if (!u) {
+    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": a, children: i(u, o) }) : /* @__PURE__ */ d("span", { className: e, style: r, "aria-live": a, children: u });
 }
-vr.displayName = "Ginger.Control.PlaybackRate";
+vr.displayName = "Ginger.Current.ErrorMessage";
 const _e = Ne(null);
 function mn() {
   const e = Ge(_e);
@@ -953,7 +984,7 @@ function kr({
   }) }) });
 }
 kr.displayName = "Ginger.Playlist";
-function Mr({
+function xr({
   index: e,
   unstyled: r = !1,
   className: n,
@@ -993,23 +1024,36 @@ function Mr({
     }
   ) });
 }
-Mr.displayName = "Ginger.Playlist.Track";
+xr.displayName = "Ginger.Playlist.Track";
 const yn = Object.assign(kr, {
-  Track: Mr
+  Track: xr
 }), hn = B("Ginger.Queue.Title", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.title;
 }), bn = B("Ginger.Queue.Subtitle", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.subtitle;
-}), vn = B("Ginger.Queue.Description", (e) => {
-  var r;
-  return (r = e.playlistMeta) == null ? void 0 : r.description;
-}), kn = B("Ginger.Queue.Copyright", (e) => {
-  var r;
-  return (r = e.playlistMeta) == null ? void 0 : r.copyright;
-});
-function Tr({ className: e, style: r, fallback: n, empty: t, unstyled: a = !1, imgStyle: i }) {
+}), vn = B(
+  "Ginger.Queue.Description",
+  (e) => {
+    var r;
+    return (r = e.playlistMeta) == null ? void 0 : r.description;
+  }
+), kn = B(
+  "Ginger.Queue.Copyright",
+  (e) => {
+    var r;
+    return (r = e.playlistMeta) == null ? void 0 : r.copyright;
+  }
+);
+function Mr({
+  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) {
@@ -1045,7 +1089,7 @@ function Tr({ className: e, style: r, fallback: n, empty: t, unstyled: a = !1, i
     }
   );
 }
-Tr.displayName = "Ginger.Queue.Artwork";
+Mr.displayName = "Ginger.Queue.Artwork";
 function Ae(e) {
   return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 1;
 }
@@ -1058,16 +1102,16 @@ const U = {
   bufferedFraction: 0,
   isBuffering: !1,
   errorMessage: null
-}, Mn = {
+}, xn = {
   ...U,
   volume: 1,
   muted: !1,
   playbackRate: 1
 };
-function xr(e) {
+function Tr(e) {
   const r = [...e.tracks];
   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), {
+  return e.isShuffled && r.length > 1 && (t = [...r], a = Ye(r, n), n = 0), {
     tracks: a,
     currentIndex: n,
     playbackMode: e.playbackMode ?? "playlist",
@@ -1076,13 +1120,13 @@ function xr(e) {
     repeatMode: e.repeatMode ?? "off",
     originalTracks: t,
     playlistMeta: e.playlistMeta ?? null,
-    ...Mn,
+    ...xn,
     volume: Ae(e.volume ?? 1),
     muted: e.muted ?? !1,
     playbackRate: Ce(e.playbackRate ?? 1)
   };
 }
-function Tn(e, r) {
+function Mn(e, r) {
   switch (r.type) {
     case "INIT": {
       const {
@@ -1097,7 +1141,7 @@ function Tn(e, r) {
         muted: g,
         playbackRate: m
       } = r.payload;
-      return xr({
+      return Tr({
         tracks: n,
         currentIndex: t,
         playlistMeta: a ?? null,
@@ -1122,7 +1166,7 @@ function Tn(e, r) {
       };
     }
     case "INSERT_TRACK": {
-      const n = r.payload.index ?? e.tracks.length, t = Ye(e.tracks, r.payload.track, n);
+      const n = r.payload.index ?? e.tracks.length, t = Qe(e.tracks, r.payload.track, n);
       if (r.payload.autoPlay) {
         const i = A(n, t.length);
         return {
@@ -1145,7 +1189,7 @@ function Tn(e, r) {
       };
     }
     case "REMOVE_TRACK": {
-      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;
+      const n = r.payload.index, t = Or(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: t,
@@ -1156,7 +1200,7 @@ function Tn(e, r) {
       };
     }
     case "MOVE_TRACK": {
-      const { fromIndex: n, toIndex: t } = r.payload, a = $r(e.tracks, n, t);
+      const { fromIndex: n, toIndex: t } = r.payload, a = Br(e.tracks, n, t);
       let i = e.currentIndex;
       return e.currentIndex === n ? i = t : n < e.currentIndex && t >= e.currentIndex ? i -= 1 : n > e.currentIndex && t <= e.currentIndex && (i += 1), {
         ...e,
@@ -1167,7 +1211,7 @@ function Tn(e, r) {
       };
     }
     case "ADD_NEXT": {
-      const n = Or(e.tracks, e.currentIndex, r.payload.track);
+      const n = Yr(e.tracks, e.currentIndex, r.payload.track);
       return {
         ...e,
         tracks: n,
@@ -1193,11 +1237,11 @@ function Tn(e, r) {
     case "SET_REPEAT":
       return { ...e, repeatMode: r.payload };
     case "CYCLE_REPEAT":
-      return { ...e, repeatMode: Hr(e.repeatMode) };
+      return { ...e, repeatMode: Kr(e.repeatMode) };
     case "TOGGLE_SHUFFLE": {
       if (e.tracks.length <= 1) return { ...e, isShuffled: !1, originalTracks: null };
       if (!e.isShuffled) {
-        const i = [...e.tracks], o = Be(i, e.currentIndex);
+        const i = [...e.tracks], o = Ye(i, e.currentIndex);
         return {
           ...e,
           isShuffled: !0,
@@ -1206,7 +1250,7 @@ function Tn(e, r) {
           currentIndex: 0
         };
       }
-      const n = e.originalTracks ? [...e.originalTracks] : [...e.tracks], t = e.tracks[e.currentIndex], a = Ur(n, t);
+      const n = e.originalTracks ? [...e.originalTracks] : [...e.tracks], t = e.tracks[e.currentIndex], a = $r(n, t);
       return {
         ...e,
         isShuffled: !1,
@@ -1216,7 +1260,7 @@ function Tn(e, r) {
       };
     }
     case "NEXT": {
-      const n = Yr(e), t = n === e.currentIndex;
+      const n = Hr(e), t = n === e.currentIndex;
       return {
         ...e,
         currentIndex: n,
@@ -1225,7 +1269,7 @@ function Tn(e, r) {
       };
     }
     case "PREV": {
-      const n = Qr(e), t = n === e.currentIndex;
+      const n = jr(e), t = n === e.currentIndex;
       return {
         ...e,
         currentIndex: n,
@@ -1290,9 +1334,9 @@ function Tn(e, r) {
 function Re() {
   return typeof navigator > "u" || !("mediaSession" in navigator) ? null : navigator.mediaSession;
 }
-function xn(e, r, n) {
+function Tn(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);
+  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 = He(t, (l = r.playlistMeta) == null ? void 0 : l.artworkUrl);
   E(() => {
     const s = Re();
     !e || !s || (s.metadata = new MediaMetadata({
@@ -1352,7 +1396,7 @@ function En({
   beforePlay: b,
   onPlayBlocked: S,
   persistence: p,
-  hydrateOnMount: x = !1,
+  hydrateOnMount: T = !1,
   resumeOnTrackChange: R = !1,
   unstyled: w = !1,
   className: Se,
@@ -1365,9 +1409,9 @@ function En({
 }) {
   var Fe;
   const $ = O(null), [c, h] = wr(
-    Tn,
+    Mn,
     void 0,
-    () => xr({
+    () => Tr({
       tracks: r,
       currentIndex: n,
       playlistMeta: t,
@@ -1456,8 +1500,8 @@ function En({
   }, []), 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));
+    const x = $.current;
+    x && Number.isFinite(f) && (x.currentTime = Math.max(0, f));
   }, []), oe = v((f) => {
     h({ type: "SET_VOLUME", payload: Ae(f) });
   }, []), ue = v((f) => {
@@ -1476,14 +1520,14 @@ function En({
     h({ type: "CYCLE_REPEAT" });
   }, []), fe = v(() => {
     h({ type: "TOGGLE_SHUFFLE" });
-  }, []), pe = v((f, M) => {
-    h({ type: "SET_QUEUE", payload: { tracks: f, currentIndex: M } });
-  }, []), ge = v((f, M, T) => {
-    h({ type: "INSERT_TRACK", payload: { track: f, index: M, autoPlay: T } });
+  }, []), pe = v((f, x) => {
+    h({ type: "SET_QUEUE", payload: { tracks: f, currentIndex: x } });
+  }, []), ge = v((f, x, M) => {
+    h({ type: "INSERT_TRACK", payload: { track: f, index: x, autoPlay: M } });
   }, []), me = v((f) => {
     h({ type: "REMOVE_TRACK", payload: { index: f } });
-  }, []), ye = v((f, M) => {
-    h({ type: "MOVE_TRACK", payload: { fromIndex: f, toIndex: M } });
+  }, []), ye = v((f, x) => {
+    h({ type: "MOVE_TRACK", payload: { fromIndex: f, toIndex: x } });
   }, []), he = v((f) => {
     h({ type: "ADD_NEXT", payload: { track: f } });
   }, []), be = v((f) => {
@@ -1492,14 +1536,14 @@ function En({
     h({ type: "SET_INDEX", payload: { index: f, autoPlay: !1 } });
   }, []), ke = v((f) => {
     h({ type: "SET_PLAYLIST_META", payload: f });
-  }, []), Me = v((f) => {
+  }, []), xe = v((f) => {
     h({ type: "SET_PLAYBACK_MODE", payload: f });
-  }, []), Te = v((f) => {
+  }, []), Me = v((f) => {
     h({ type: "INIT", payload: f });
   }, []);
   E(() => {
-    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;
+    if (!p || !T) return;
+    const f = p.get("ginger:volume"), x = p.get("ginger:muted"), M = p.get("ginger:playbackRate"), C = p.get("ginger:repeatMode"), Ie = p.get("ginger:currentIndex"), G = Pe.current;
     h({
       type: "INIT",
       payload: {
@@ -1511,24 +1555,31 @@ function En({
         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 T == "number" ? T : G.playbackRate
+        muted: typeof x == "boolean" ? x : G.muted,
+        playbackRate: typeof M == "number" ? M : G.playbackRate
       }
     });
-  }, [x, p]), E(() => {
+  }, [T, 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(() => {
+  }, [
+    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)}`, T = p.get(M);
-    typeof T == "number" && Number.isFinite(T) && F(T);
+    const x = `ginger:resume:${W(f)}`, M = p.get(x);
+    typeof M == "number" && Number.isFinite(M) && F(M);
   }, [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)}`, T = setTimeout(() => p.set(M, c.currentTime), 250);
-    return () => clearTimeout(T);
+    const x = `ginger:resume:${W(f)}`, M = setTimeout(() => p.set(x, c.currentTime), 250);
+    return () => clearTimeout(M);
   }, [p, R, c.currentIndex, c.tracks, c.currentTime]);
   const Ir = (Fe = c.tracks[c.currentIndex]) == null ? void 0 : Fe.fileUrl;
   E(() => {
@@ -1538,55 +1589,55 @@ function En({
       f.pause();
       return;
     }
-    let M = !1;
+    let x = !1;
     return (async () => {
       if (b) {
-        let T = !1;
+        let M = !1;
         try {
-          T = await b();
+          M = await b();
         } catch (C) {
           const Ie = C instanceof Error ? C.message : "beforePlay rejected";
           h({ type: "MEDIA_ERROR", payload: { message: Ie } });
           return;
         }
-        if (!T) {
-          M || (h({ type: "PAUSE" }), S == null || S());
+        if (!M) {
+          x || (h({ type: "PAUSE" }), S == null || S());
           return;
         }
       }
-      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)";
+      x || f.play().catch((M) => {
+        const C = M instanceof Error ? M.message : typeof M == "string" ? M : "Playback failed (e.g. autoplay blocked or unavailable source)";
         h({ type: "MEDIA_ERROR", payload: { message: C } });
       });
     })(), () => {
-      M = !0;
+      x = !0;
     };
   }, [b, Ir, S, c.isPaused]);
-  const xe = v(() => {
-    const f = Br(Le.current);
+  const Te = v(() => {
+    const f = Qr(Le.current);
     if (f.kind === "replay_same") {
-      const T = $.current;
-      T && (T.currentTime = 0), h({ type: "PLAY" });
+      const M = $.current;
+      M && (M.currentTime = 0), h({ type: "PLAY" });
       return;
     }
     if (f.kind === "stop") {
       h({ type: "PAUSE" }), ne == null || ne();
       return;
     }
-    const M = f.nextIndex;
-    h({ type: "SET_INDEX", payload: { index: M, autoPlay: !0 } });
+    const x = f.nextIndex;
+    h({ type: "SET_INDEX", payload: { index: x, autoPlay: !0 } });
   }, [ne]), Er = P(
     () => ({ play: L, pause: D, next: Q, prev: H, seek: F }),
     [L, D, Q, H, F]
   );
-  xn(!!k, c, Er);
+  Tn(!!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: Te,
+      notifyEnded: Te,
+      init: Me,
       play: L,
       pause: D,
       togglePlayPause: ie,
@@ -1608,14 +1659,14 @@ function En({
       playTrackAt: be,
       selectTrackAt: ve,
       setPlaylistMeta: ke,
-      setPlaybackMode: Me
+      setPlaybackMode: xe
     }),
     [
       de,
       h,
-      Te,
+      Me,
       Q,
-      xe,
+      Te,
       D,
       L,
       be,
@@ -1631,7 +1682,7 @@ function En({
       pe,
       ce,
       ke,
-      Me,
+      xe,
       oe,
       c,
       se,
@@ -1647,7 +1698,7 @@ function En({
       repeatMode: c.repeatMode,
       originalTracks: c.originalTracks,
       playlistMeta: c.playlistMeta,
-      init: Te,
+      init: Me,
       play: L,
       pause: D,
       togglePlayPause: ie,
@@ -1665,7 +1716,7 @@ function En({
       playTrackAt: be,
       selectTrackAt: ve,
       setPlaylistMeta: ke,
-      setPlaybackMode: Me,
+      setPlaybackMode: xe,
       dispatch: h
     }),
     [
@@ -1677,7 +1728,7 @@ function En({
       c.playbackMode,
       c.originalTracks,
       c.playlistMeta,
-      Te,
+      Me,
       L,
       D,
       ie,
@@ -1694,7 +1745,7 @@ function En({
       be,
       ve,
       ke,
-      Me,
+      xe,
       h
     ]
   ), Rr = P(
@@ -1713,7 +1764,7 @@ function En({
       toggleMute: se,
       setPlaybackRate: le,
       audioRef: $,
-      notifyEnded: xe,
+      notifyEnded: Te,
       dispatch: h
     }),
     [
@@ -1731,14 +1782,14 @@ function En({
       se,
       le,
       $,
-      xe,
+      Te,
       h
     ]
-  ), _r = He(c), Gr = P(
+  ), _r = je(c), Gr = P(
     () => w ? K : { ...In, ...K },
     [K, w]
   );
-  return /* @__PURE__ */ d(cn, { locale: y, children: /* @__PURE__ */ d(Cr.Provider, { value: Pr, children: /* @__PURE__ */ d(Lr.Provider, { value: Rr, children: /* @__PURE__ */ d(Oe.Provider, { value: Sr, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ d(Vr, { locale: y, children: /* @__PURE__ */ d(Cr.Provider, { value: Pr, children: /* @__PURE__ */ d(Lr.Provider, { value: Rr, children: /* @__PURE__ */ d(Oe.Provider, { value: Sr, children: /* @__PURE__ */ d(
     "div",
     {
       className: Se,
@@ -1753,74 +1804,74 @@ const Rn = {
   Provider: En,
   Player: Fr,
   Current: {
-    Title: Wr,
-    Artist: qr,
-    Album: Jr,
-    Description: Zr,
-    Copyright: en,
-    Genre: rn,
-    Label: nn,
-    Isrc: tn,
-    TrackNumber: an,
-    Year: Ke,
-    Lyrics: Xe,
-    LyricsSynced: ze,
-    Chapters: We,
-    FileUrl: qe,
-    Artwork: Je,
-    QueueIndex: Ze,
-    QueueLength: er,
-    QueuePosition: rr,
-    Elapsed: nr,
-    Duration: tr,
-    Remaining: ar,
-    Progress: ir,
-    TimeRail: or,
-    BufferRail: ur,
-    PlaybackState: sr,
-    ErrorMessage: lr
+    Title: nn,
+    Artist: tn,
+    Album: an,
+    Description: on,
+    Copyright: un,
+    Genre: sn,
+    Label: ln,
+    Isrc: cn,
+    TrackNumber: dn,
+    Year: tr,
+    Lyrics: ar,
+    LyricsSynced: ir,
+    Chapters: or,
+    FileUrl: ur,
+    Artwork: sr,
+    QueueIndex: lr,
+    QueueLength: cr,
+    QueuePosition: dr,
+    Elapsed: fr,
+    Duration: pr,
+    Remaining: gr,
+    Progress: mr,
+    TimeRail: yr,
+    BufferRail: hr,
+    PlaybackState: br,
+    ErrorMessage: vr
   },
   Queue: {
     Title: hn,
     Subtitle: bn,
     Description: vn,
     Copyright: kn,
-    Artwork: Tr
+    Artwork: Mr
   },
   Control: {
-    PlayPause: dr,
-    Repeat: fr,
-    Next: pr,
-    Previous: gr,
-    Shuffle: mr,
-    SeekBar: yr,
-    Volume: hr,
-    Mute: br,
-    PlaybackRate: vr
+    PlayPause: Xe,
+    Repeat: ze,
+    Next: We,
+    Previous: qe,
+    Shuffle: Je,
+    SeekBar: Ze,
+    Volume: er,
+    Mute: rr,
+    PlaybackRate: nr
   },
   Playlist: yn
 };
 export {
-  We as C,
+  or as C,
   Rn as G,
-  ze as L,
+  ir as L,
   Ae as a,
-  He as b,
+  je as b,
   Ce as c,
   Ee as d,
   N as e,
-  un as f,
-  pn as g,
-  dn as h,
-  fn as i,
-  Xr as j,
-  je as k,
-  Kr as l,
+  pn as f,
+  en as g,
+  Jr as h,
+  Zr as i,
+  Wr as j,
+  Ke as k,
+  zr as l,
   J as m,
   V as n,
-  Yr as o,
-  on as p,
-  zr as r,
-  sn as u
+  Hr as o,
+  fn as p,
+  qr as r,
+  gn as u
 };
-//# sourceMappingURL=ginger-Dj-zM_lq.js.map
+//# sourceMappingURL=ginger-DE4TKdCR.js.map