@lucaismyname/ginger 0.0.3 → 0.0.8

package/dist/index.js

@@ -1,233 +1,295 @@
-import { jsx as l, jsxs as se } from "react/jsx-runtime";
-import { useContext as ce, createContext as de, useEffect as R, useMemo as U, useRef as ue, useReducer as Ke, useCallback as b } from "react";
-const fe = de(null);
-function g() {
-  const e = ce(fe);
+import { jsx as o, jsxs as he } from "react/jsx-runtime";
+import { useContext as O, createContext as Y, useRef as L, useEffect as S, useMemo as E, useReducer as pr, useCallback as h } from "react";
+const Ee = Y(null);
+function gr() {
+  const e = O(Ee);
   if (!e) throw new Error("Ginger components must be used within <Ginger.Provider>");
   return e;
 }
-function le(e) {
-  const { buffered: r, duration: t } = e;
-  return !(t > 0) || r.length === 0 ? 0 : Math.min(1, r.end(r.length - 1) / t);
+function xe(e) {
+  const { buffered: r, duration: n } = e;
+  return !(n > 0) || r.length === 0 ? 0 : Math.min(1, r.end(r.length - 1) / n);
 }
-function ze({ className: e, style: r, preload: t = "metadata", crossOrigin: n }) {
-  var f;
-  const { audioRef: i, dispatch: a, state: u, notifyEnded: o } = g(), c = ((f = u.tracks[u.currentIndex]) == null ? void 0 : f.fileUrl) ?? "";
-  return R(() => {
-    const s = i.current;
-    s && (s.volume = u.volume, s.muted = u.muted, s.playbackRate = u.playbackRate);
-  }, [i, u.volume, u.muted, u.playbackRate]), R(() => {
-    const s = i.current;
-    if (s) {
+function yr({ className: e, style: r, preload: n = "metadata", crossOrigin: t }) {
+  var b;
+  const { audioRef: a, dispatch: u, state: i, notifyEnded: l } = gr(), c = ((b = i.tracks[i.currentIndex]) == null ? void 0 : b.fileUrl) ?? "", f = L({
+    currentTime: -1,
+    duration: -1,
+    bufferedFraction: -1
+  }), p = (d, y = !1) => {
+    const k = {
+      currentTime: d.currentTime,
+      duration: d.duration,
+      bufferedFraction: xe(d)
+    }, v = f.current, A = Math.abs(k.currentTime - v.currentTime) >= 0.25 || Math.abs(k.duration - v.duration) >= 0.01 || Math.abs(k.bufferedFraction - v.bufferedFraction) >= 0.01;
+    !y && !A || (f.current = k, u({
+      type: "MEDIA_TIME_UPDATE",
+      payload: k
+    }));
+  };
+  return S(() => {
+    const d = a.current;
+    d && (d.volume = i.volume, d.muted = i.muted, d.playbackRate = i.playbackRate);
+  }, [a, i.volume, i.muted, i.playbackRate]), S(() => {
+    const d = a.current;
+    if (d) {
       if (!c) {
-        s.removeAttribute("src");
+        d.removeAttribute("src"), f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 };
         return;
       }
-      s.getAttribute("src") !== c && (s.src = c, s.load());
+      d.getAttribute("src") !== c && (d.src = c, d.load(), f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 });
     }
-  }, [i, u.currentIndex, u.tracks, c]), /* @__PURE__ */ l(
+  }, [a, i.currentIndex, i.tracks, c]), /* @__PURE__ */ o(
     "audio",
     {
-      ref: i,
+      ref: a,
       className: e,
       style: r,
-      preload: t,
-      crossOrigin: n,
+      preload: n,
+      crossOrigin: t,
       controls: !1,
-      onTimeUpdate: (s) => {
-        const d = s.currentTarget;
-        a({
-          type: "MEDIA_TIME_UPDATE",
-          payload: {
-            currentTime: d.currentTime,
-            duration: d.duration,
-            bufferedFraction: le(d)
-          }
-        });
+      playsInline: !0,
+      onTimeUpdate: (d) => {
+        p(d.currentTarget);
       },
-      onLoadedMetadata: (s) => {
-        const d = s.currentTarget;
-        a({
+      onLoadedMetadata: (d) => {
+        const y = d.currentTarget;
+        f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, u({
           type: "MEDIA_LOADED_METADATA",
           payload: {
-            duration: d.duration,
-            bufferedFraction: le(d)
+            duration: y.duration,
+            bufferedFraction: xe(y)
           }
         });
       },
-      onEnded: () => o(),
-      onPlay: () => a({ type: "MEDIA_PLAY" }),
-      onPause: () => a({ type: "MEDIA_PAUSE" }),
-      onWaiting: () => a({ type: "MEDIA_WAITING" }),
-      onCanPlay: () => a({ type: "MEDIA_CANPLAY" }),
-      onVolumeChange: (s) => {
-        const d = s.currentTarget;
-        a({
+      onSeeking: (d) => p(d.currentTarget, !0),
+      onSeeked: (d) => p(d.currentTarget, !0),
+      onEnded: () => l(),
+      onPlay: () => u({ type: "MEDIA_PLAY" }),
+      onPause: () => u({ type: "MEDIA_PAUSE" }),
+      onWaiting: () => u({ type: "MEDIA_WAITING" }),
+      onCanPlay: () => u({ type: "MEDIA_CANPLAY" }),
+      onProgress: (d) => p(d.currentTarget, !0),
+      onVolumeChange: (d) => {
+        const y = d.currentTarget;
+        u({
           type: "MEDIA_VOLUME_SYNC",
-          payload: { volume: d.volume, muted: d.muted }
+          payload: { volume: y.volume, muted: y.muted }
         });
       },
       onError: () => {
-        var P;
-        const s = i.current, d = (P = s == null ? void 0 : s.error) == null ? void 0 : P.code;
-        a({ type: "MEDIA_ERROR", payload: { message: d === 1 ? "MEDIA_ERR_ABORTED" : d === 2 ? "MEDIA_ERR_NETWORK" : d === 3 ? "MEDIA_ERR_DECODE" : d === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
+        var v;
+        const d = a.current, y = (v = d == null ? void 0 : d.error) == null ? void 0 : v.code;
+        u({ type: "MEDIA_ERROR", payload: { message: y === 1 ? "MEDIA_ERR_ABORTED" : y === 2 ? "MEDIA_ERR_NETWORK" : y === 3 ? "MEDIA_ERR_DECODE" : y === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
       }
     }
   );
 }
-function S(e, r) {
+function D(e, r) {
   return r <= 0 ? 0 : Math.max(0, Math.min(r - 1, e));
 }
-function pe(e, r) {
+function Ie(e, r) {
   if (e.length <= 1) return [...e];
-  const t = e[r];
-  if (!t) return [...e];
-  const n = e.filter((i, a) => a !== r);
-  for (let i = n.length - 1; i > 0; i--) {
-    const a = Math.floor(Math.random() * (i + 1));
-    [n[i], n[a]] = [n[a], n[i]];
+  const n = e[r];
+  if (!n) return [...e];
+  const t = e.filter((a, u) => u !== r);
+  for (let a = t.length - 1; a > 0; a--) {
+    const u = Math.floor(Math.random() * (a + 1));
+    [t[a], t[u]] = [t[u], t[a]];
   }
-  return [t, ...n];
+  return [n, ...t];
+}
+function me(e) {
+  return e ? e.id != null && e.id !== "" ? `id:${e.id}` : `file:${e.fileUrl}` : "";
 }
-function qe(e, r) {
-  const t = e.findIndex((n) => n.fileUrl === r);
+function mr(e, r) {
+  const n = me(r);
+  if (!n) return 0;
+  const t = e.findIndex((a) => me(a) === n);
   return t === -1 ? 0 : t;
 }
-function He(e) {
-  const { tracks: r, currentIndex: t, repeatMode: n } = e, i = r.length;
-  return i === 0 ? { kind: "stop", nextIndex: 0 } : n === "one" ? { kind: "replay_same" } : t < i - 1 ? { kind: "advance", nextIndex: t + 1 } : n === "all" ? { kind: "wrap", nextIndex: 0 } : { kind: "stop", nextIndex: S(t, i) };
+function br(e) {
+  const { tracks: r, currentIndex: n, repeatMode: t } = e, a = r.length;
+  return a === 0 ? { kind: "stop", nextIndex: 0 } : t === "one" ? { kind: "replay_same" } : n < a - 1 ? { kind: "advance", nextIndex: n + 1 } : t === "all" ? { kind: "wrap", nextIndex: 0 } : { kind: "stop", nextIndex: D(n, a) };
 }
-function Je(e) {
-  const { tracks: r, currentIndex: t, repeatMode: n } = e, i = r.length;
-  return i === 0 ? 0 : t < i - 1 ? t + 1 : n === "all" ? 0 : S(t, i);
+function hr(e) {
+  const { tracks: r, currentIndex: n, repeatMode: t } = e, a = r.length;
+  return a === 0 ? 0 : n < a - 1 ? n + 1 : t === "all" ? 0 : D(n, a);
 }
-function Ze(e) {
-  const { tracks: r, currentIndex: t, repeatMode: n } = e, i = r.length;
-  return i === 0 ? 0 : t > 0 ? t - 1 : n === "all" ? i - 1 : 0;
+function kr(e) {
+  const { tracks: r, currentIndex: n, repeatMode: t } = e, a = r.length;
+  return a === 0 ? 0 : n > 0 ? n - 1 : t === "all" ? a - 1 : 0;
 }
-function er(e) {
+function Pr(e) {
   return e === "off" ? "all" : e === "all" ? "one" : "off";
 }
-function rr(e, r) {
+function vr(e, r) {
   return (e == null ? void 0 : e.artworkUrl) ?? r ?? void 0;
 }
-function tr(e, r) {
+function Mr(e, r) {
   return (e == null ? void 0 : e.album) ?? r ?? void 0;
 }
-function E(e) {
+function I(e) {
   return e.tracks[e.currentIndex] ?? null;
 }
-function ge(e) {
+function ke(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 C(e) {
-  var n;
+function F(e) {
+  var t;
   const r = e.duration;
   if (Number.isFinite(r) && r > 0) return r;
-  const t = (n = e.tracks[e.currentIndex]) == null ? void 0 : n.durationSeconds;
-  return typeof t == "number" && Number.isFinite(t) && t > 0 ? t : 0;
+  const n = (t = e.tracks[e.currentIndex]) == null ? void 0 : t.durationSeconds;
+  return typeof n == "number" && Number.isFinite(n) && n > 0 ? n : 0;
 }
-function ye(e) {
-  const t = C(e) - e.currentTime;
-  return Number.isFinite(t) ? Math.max(0, t) : 0;
+function Ae(e) {
+  const n = F(e) - e.currentTime;
+  return Number.isFinite(n) ? Math.max(0, n) : 0;
 }
-function O(e) {
-  const r = C(e);
+function Pe(e) {
+  const r = F(e);
   return r > 0 ? Math.min(1, Math.max(0, e.currentTime / r)) : 0;
 }
-function me(e) {
-  var t;
-  const r = E(e);
-  return rr(r, (t = e.playlistMeta) == null ? void 0 : t.artworkUrl);
+function Re(e) {
+  var n;
+  const r = I(e);
+  return vr(r, (n = e.playlistMeta) == null ? void 0 : n.artworkUrl);
 }
-function he(e) {
-  var t;
-  const r = E(e);
-  return tr(r, (t = e.playlistMeta) == null ? void 0 : t.subtitle);
-}
-function v(e, r) {
-  function t(n) {
-    const { state: i } = g(), u = (r(i) ?? "").trim(), { className: o, style: c, fallback: f, empty: s, children: d } = n;
-    if (!u) {
-      const y = s ?? f ?? null;
-      return y ? /* @__PURE__ */ l("span", { className: o, style: c, children: y }) : null;
+function Se(e) {
+  var n;
+  const r = I(e);
+  return Mr(r, (n = e.playlistMeta) == null ? void 0 : n.subtitle);
+}
+const _e = Y(null), Ge = Y(null);
+function T() {
+  const e = O(_e);
+  if (!e) throw new Error("Ginger hooks must be used within <Ginger.Provider>");
+  return e;
+}
+function U() {
+  const e = O(Ge);
+  if (!e) throw new Error("Ginger hooks must be used within <Ginger.Provider>");
+  return e;
+}
+function P() {
+  const e = T(), r = U();
+  return E(() => pe(e, r), [e, r]);
+}
+function qr(e, r) {
+  return { ...e, ...r };
+}
+function pe(e, r) {
+  const {
+    init: n,
+    play: t,
+    pause: a,
+    togglePlayPause: u,
+    next: i,
+    prev: l,
+    setRepeatMode: c,
+    cycleRepeat: f,
+    toggleShuffle: p,
+    setQueue: b,
+    playTrackAt: d,
+    selectTrackAt: y,
+    setPlaylistMeta: k,
+    dispatch: v,
+    ...A
+  } = e, {
+    seek: V,
+    setVolume: B,
+    setMuted: R,
+    toggleMute: s,
+    setPlaybackRate: m,
+    audioRef: ge,
+    notifyEnded: ye,
+    dispatch: C,
+    ...Q
+  } = r;
+  return { ...A, ...Q };
+}
+function _(e, r) {
+  function n(t) {
+    const a = P(), i = (r(a) ?? "").trim(), { className: l, style: c, fallback: f, empty: p, children: b } = t;
+    if (!i) {
+      const d = p ?? f ?? null;
+      return d ? /* @__PURE__ */ o("span", { className: l, style: c, children: d }) : null;
     }
-    return d ? /* @__PURE__ */ l("span", { className: o, style: c, children: d(u, i) }) : /* @__PURE__ */ l("span", { className: o, style: c, children: u });
+    return b ? /* @__PURE__ */ o("span", { className: l, style: c, children: b(i, a) }) : /* @__PURE__ */ o("span", { className: l, style: c, children: i });
   }
-  return t.displayName = e, t;
+  return n.displayName = e, n;
 }
-function I(e, r) {
-  return v(e, (t) => r(E(t)));
+function G(e, r) {
+  return _(e, (n) => r(I(n)));
 }
-const nr = I("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), ir = I("Ginger.Current.Artist", (e) => e == null ? void 0 : e.artist), ar = v("Ginger.Current.Album", (e) => he(e)), ur = I("Ginger.Current.Description", (e) => e == null ? void 0 : e.description), lr = v("Ginger.Current.Copyright", (e) => {
-  var t;
-  const r = E(e);
-  return (r == null ? void 0 : r.copyright) ?? ((t = e.playlistMeta) == null ? void 0 : t.copyright);
-}), or = I("Ginger.Current.Genre", (e) => e == null ? void 0 : e.genre), sr = I("Ginger.Current.Label", (e) => e == null ? void 0 : e.label), cr = I("Ginger.Current.Isrc", (e) => e == null ? void 0 : e.isrc), dr = I(
+const Tr = G("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), xr = G("Ginger.Current.Artist", (e) => e == null ? void 0 : e.artist), Er = _("Ginger.Current.Album", (e) => Se(e)), Ir = G("Ginger.Current.Description", (e) => e == null ? void 0 : e.description), Ar = _("Ginger.Current.Copyright", (e) => {
+  var n;
+  const r = I(e);
+  return (r == null ? void 0 : r.copyright) ?? ((n = e.playlistMeta) == null ? void 0 : n.copyright);
+}), Rr = G("Ginger.Current.Genre", (e) => e == null ? void 0 : e.genre), Sr = G("Ginger.Current.Label", (e) => e == null ? void 0 : e.label), _r = G("Ginger.Current.Isrc", (e) => e == null ? void 0 : e.isrc), Gr = G(
   "Ginger.Current.TrackNumber",
   (e) => (e == null ? void 0 : e.trackNumber) != null ? String(e.trackNumber) : void 0
 );
-function be({ className: e, style: r, fallback: t, empty: n, children: i, format: a }) {
+function Ce({ className: e, style: r, fallback: n, empty: t, children: a, format: u }) {
   var f;
-  const { state: u } = g(), o = (f = E(u)) == null ? void 0 : f.year;
-  if (typeof o != "number" || !Number.isFinite(o)) {
-    const s = n ?? t ?? null;
-    return s ? /* @__PURE__ */ l("span", { className: e, style: r, children: s }) : null;
+  const i = P(), l = (f = I(i)) == null ? void 0 : f.year;
+  if (typeof l != "number" || !Number.isFinite(l)) {
+    const p = t ?? n ?? null;
+    return p ? /* @__PURE__ */ o("span", { className: e, style: r, children: p }) : null;
   }
-  const c = a ? a(o) : String(o);
-  return i ? /* @__PURE__ */ l("span", { className: e, style: r, children: i(c, u) }) : /* @__PURE__ */ l("span", { className: e, style: r, children: c });
+  const c = u ? u(l) : String(l);
+  return a ? /* @__PURE__ */ o("span", { className: e, style: r, children: a(c, i) }) : /* @__PURE__ */ o("span", { className: e, style: r, children: c });
 }
-be.displayName = "Ginger.Current.Year";
-function Pe({ className: e, style: r, fallback: t, empty: n, children: i, preserveWhitespace: a = !0 }) {
-  var s;
-  const { state: u } = g(), o = ((s = E(u)) == null ? void 0 : s.lyrics) ?? "", c = a ? o.replace(/^\s+|\s+$/g, "") : o.trim();
+Ce.displayName = "Ginger.Current.Year";
+function Ne({ className: e, style: r, fallback: n, empty: t, children: a, preserveWhitespace: u = !0 }) {
+  var p;
+  const i = P(), l = ((p = I(i)) == null ? void 0 : p.lyrics) ?? "", c = u ? l.replace(/^\s+|\s+$/g, "") : l.trim();
   if (!c) {
-    const d = n ?? t ?? null;
-    return d ? /* @__PURE__ */ l("span", { className: e, style: r, children: d }) : null;
+    const b = t ?? n ?? null;
+    return b ? /* @__PURE__ */ o("span", { className: e, style: r, children: b }) : null;
   }
-  const f = a ? { whiteSpace: "pre-wrap" } : void 0;
-  return i ? /* @__PURE__ */ l("span", { className: e, style: { ...f, ...r }, children: i(c, u) }) : /* @__PURE__ */ l("span", { className: e, style: { ...f, ...r }, children: c });
+  const f = u ? { whiteSpace: "pre-wrap" } : void 0;
+  return a ? /* @__PURE__ */ o("span", { className: e, style: { ...f, ...r }, children: a(c, i) }) : /* @__PURE__ */ o("span", { className: e, style: { ...f, ...r }, children: c });
 }
-Pe.displayName = "Ginger.Current.Lyrics";
-function ke({ visible: e = !1, className: r, style: t, fallback: n, empty: i, children: a }) {
+Ne.displayName = "Ginger.Current.Lyrics";
+function we({ visible: e = !1, className: r, style: n, fallback: t, empty: a, children: u }) {
   var c;
-  const { state: u } = g();
+  const i = P();
   if (!e) return null;
-  const o = ((c = E(u)) == null ? void 0 : c.fileUrl) ?? "";
-  if (!o) {
-    const f = i ?? n ?? null;
-    return f ? /* @__PURE__ */ l("span", { className: r, style: t, children: f }) : null;
+  const l = ((c = I(i)) == null ? void 0 : c.fileUrl) ?? "";
+  if (!l) {
+    const f = a ?? t ?? null;
+    return f ? /* @__PURE__ */ o("span", { className: r, style: n, children: f }) : null;
   }
-  return a ? /* @__PURE__ */ l("span", { className: r, style: t, children: a(o, u) }) : /* @__PURE__ */ l("span", { className: r, style: t, children: o });
-}
-ke.displayName = "Ginger.Current.FileUrl";
-function Me({ className: e, style: r, fallback: t, empty: n, sizes: i, loading: a, onError: u, decoding: o, imgStyle: c }) {
-  const { state: f } = g(), s = E(f), d = me(f);
-  if (!d) {
-    const P = n ?? t ?? null;
-    return P ? /* @__PURE__ */ l("span", { className: e, style: r, children: P }) : null;
+  return u ? /* @__PURE__ */ o("span", { className: r, style: n, children: u(l, i) }) : /* @__PURE__ */ o("span", { className: r, style: n, children: l });
+}
+we.displayName = "Ginger.Current.FileUrl";
+function Le({ className: e, style: r, fallback: n, empty: t, sizes: a, loading: u, onError: i, decoding: l, imgStyle: c }) {
+  const f = P(), p = I(f), b = Re(f);
+  if (!b) {
+    const y = t ?? n ?? null;
+    return y ? /* @__PURE__ */ o("span", { className: e, style: r, children: y }) : null;
   }
-  const y = [s == null ? void 0 : s.title, s == null ? void 0 : s.artist].filter(Boolean).join(" — ") || "Artwork";
-  return /* @__PURE__ */ l(
-    "span",
+  const d = [p == null ? void 0 : p.title, p == null ? void 0 : p.artist].filter(Boolean).join(" — ") || "Artwork";
+  return /* @__PURE__ */ o(
+    "div",
     {
       className: e,
       style: {
-        display: "inline-block",
-        background: "var(--ginger-artwork-bg, #f3f4f6)",
-        borderRadius: "var(--ginger-artwork-radius, 6px)",
+        background: "var(--ginger-artwork-bg, transparent)",
+        borderRadius: "var(--ginger-artwork-radius, 0)",
         overflow: "hidden",
         ...r
       },
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ o(
         "img",
         {
-          src: d,
-          alt: y,
-          sizes: i,
-          loading: a,
-          decoding: o,
-          onError: u,
+          src: b,
+          alt: d,
+          sizes: a,
+          loading: u,
+          decoding: l,
+          onError: i,
           style: {
             display: "block",
             width: "100%",
@@ -240,288 +302,439 @@ function Me({ className: e, style: r, fallback: t, empty: n, sizes: i, loading:
     }
   );
 }
-Me.displayName = "Ginger.Current.Artwork";
-function Te({ base: e = 0, className: r, style: t, fallback: n, empty: i, children: a }) {
-  const { state: u } = g();
-  if (u.tracks.length === 0) {
-    const f = i ?? n ?? null;
-    return f ? /* @__PURE__ */ l("span", { className: r, style: t, children: f }) : null;
+Le.displayName = "Ginger.Current.Artwork";
+function De({ base: e = 0, className: r, style: n, fallback: t, empty: a, children: u }) {
+  const i = P();
+  if (i.tracks.length === 0) {
+    const f = a ?? t ?? null;
+    return f ? /* @__PURE__ */ o("span", { className: r, style: n, children: f }) : null;
   }
-  const c = String(u.currentIndex + e);
-  return a ? /* @__PURE__ */ l("span", { className: r, style: t, children: a(c, u) }) : /* @__PURE__ */ l("span", { className: r, style: t, children: c });
-}
-Te.displayName = "Ginger.Current.QueueIndex";
-function Ee({ className: e, style: r, fallback: t, empty: n, children: i }) {
-  const { state: a } = g(), u = String(a.tracks.length);
-  if (a.tracks.length === 0) {
-    const o = n ?? t ?? null;
-    return o ? /* @__PURE__ */ l("span", { className: e, style: r, children: o }) : null;
+  const c = String(i.currentIndex + e);
+  return u ? /* @__PURE__ */ o("span", { className: r, style: n, children: u(c, i) }) : /* @__PURE__ */ o("span", { className: r, style: n, children: c });
+}
+De.displayName = "Ginger.Current.QueueIndex";
+function Fe({ className: e, style: r, fallback: n, empty: t, children: a }) {
+  const u = P(), i = String(u.tracks.length);
+  if (u.tracks.length === 0) {
+    const l = t ?? n ?? null;
+    return l ? /* @__PURE__ */ o("span", { className: e, style: r, children: l }) : null;
   }
-  return i ? /* @__PURE__ */ l("span", { className: e, style: r, children: i(u, a) }) : /* @__PURE__ */ l("span", { className: e, style: r, children: u });
+  return a ? /* @__PURE__ */ o("span", { className: e, style: r, children: a(i, u) }) : /* @__PURE__ */ o("span", { className: e, style: r, children: i });
 }
-Ee.displayName = "Ginger.Current.QueueLength";
-function Ae({
+Fe.displayName = "Ginger.Current.QueueLength";
+function Ue({
   base: e = 0,
   separator: r = " / ",
-  className: t,
-  style: n,
-  fallback: i,
-  empty: a,
-  children: u
+  className: n,
+  style: t,
+  fallback: a,
+  empty: u,
+  children: i
 }) {
-  const { state: o } = g(), c = o.tracks.length;
+  const l = P(), c = l.tracks.length;
   if (c === 0) {
-    const y = a ?? i ?? null;
-    return y ? /* @__PURE__ */ l("span", { className: t, style: n, children: y }) : null;
+    const d = u ?? a ?? null;
+    return d ? /* @__PURE__ */ o("span", { className: n, style: t, children: d }) : null;
   }
-  const f = String(o.currentIndex + e), s = String(c), d = `${f}${r}${s}`;
-  return u ? /* @__PURE__ */ l("span", { className: t, style: n, children: u({ index: f, length: s, label: d }, o) }) : /* @__PURE__ */ l("span", { className: t, style: n, children: d });
+  const f = String(l.currentIndex + e), p = String(c), b = `${f}${r}${p}`;
+  return i ? /* @__PURE__ */ o("span", { className: n, style: t, children: i({ index: f, length: p, label: b }, l) }) : /* @__PURE__ */ o("span", { className: n, style: t, children: b });
 }
-Ae.displayName = "Ginger.Current.QueuePosition";
-function fr(e) {
+Ue.displayName = "Ginger.Current.QueuePosition";
+function ce(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 Y(e, r, t) {
-  const { className: n, style: i, fallback: a, empty: u, children: o, format: c = fr } = t;
+function ve(e, r, n) {
+  const { className: t, style: a, fallback: u, empty: i, children: l, format: c = ce } = n;
   if (!(e >= 0) || !Number.isFinite(e)) {
-    const s = u ?? a ?? null;
-    return s ? /* @__PURE__ */ l("span", { className: n, style: i, children: s }) : null;
+    const p = i ?? u ?? null;
+    return p ? /* @__PURE__ */ o("span", { className: t, style: a, children: p }) : null;
   }
   const f = c(e);
-  return o ? /* @__PURE__ */ l("span", { className: n, style: i, children: o(f, r) }) : /* @__PURE__ */ l("span", { className: n, style: i, children: f });
+  return l ? /* @__PURE__ */ o("span", { className: t, style: a, children: l(f, r) }) : /* @__PURE__ */ o("span", { className: t, style: a, children: f });
 }
-function xe(e) {
-  const { state: r } = g();
-  return Y(r.currentTime, r, e);
-}
-xe.displayName = "Ginger.Current.Elapsed";
-function ve(e) {
-  const { state: r } = g();
-  return Y(C(r), r, e);
-}
-ve.displayName = "Ginger.Current.Duration";
-function Ie(e) {
-  const { state: r } = g();
-  return Y(ye(r), r, e);
-}
-Ie.displayName = "Ginger.Current.Remaining";
-function Re({ className: e, style: r, fallback: t, empty: n, children: i }) {
-  const { state: a } = g(), u = C(a), o = O(a);
-  if (!(u > 0)) {
-    const c = n ?? t ?? null;
-    return c ? /* @__PURE__ */ l("span", { className: e, style: r, children: c }) : null;
+function Ve(e) {
+  const r = P();
+  return ve(r.currentTime, r, e);
+}
+Ve.displayName = "Ginger.Current.Elapsed";
+function Be(e) {
+  const r = P();
+  return ve(F(r), r, e);
+}
+Be.displayName = "Ginger.Current.Duration";
+function $e(e) {
+  const r = P();
+  return ve(Ae(r), r, e);
+}
+$e.displayName = "Ginger.Current.Remaining";
+function Oe({ className: e, style: r, fallback: n, empty: t, children: a }) {
+  const u = P(), i = F(u), l = Pe(u);
+  if (!(i > 0)) {
+    const c = t ?? n ?? null;
+    return c ? /* @__PURE__ */ o("span", { className: e, style: r, children: c }) : null;
   }
-  return i ? /* @__PURE__ */ l("span", { className: e, style: r, children: i({ fraction: o, currentTime: a.currentTime, duration: u }, a) }) : /* @__PURE__ */ l("span", { className: e, style: r, children: `${Math.round(o * 100)}%` });
+  return a ? /* @__PURE__ */ o("span", { className: e, style: r, children: a({ fraction: l, currentTime: u.currentTime, duration: i }, u) }) : /* @__PURE__ */ o("span", { className: e, style: r, children: `${Math.round(l * 100)}%` });
 }
-Re.displayName = "Ginger.Current.Progress";
-function Se({ className: e, style: r, height: t = 4 }) {
-  const { state: n } = g(), i = `${Math.round(O(n) * 100)}%`;
-  return /* @__PURE__ */ l(
+Oe.displayName = "Ginger.Current.Progress";
+function Ye({ className: e, style: r, height: n = 4, showBuffered: t = !1 }) {
+  const a = P(), u = `${Math.round(Pe(a) * 100)}%`, i = `${Math.round(Math.min(1, Math.max(0, a.bufferedFraction)) * 100)}%`;
+  return /* @__PURE__ */ he(
     "div",
     {
       className: e,
       style: {
         width: "100%",
-        height: t,
+        height: n,
         background: "var(--ginger-muted-color, #e5e7eb)",
         borderRadius: 999,
         overflow: "hidden",
+        position: "relative",
         ...r
       },
       "aria-hidden": !0,
-      children: /* @__PURE__ */ l("div", { style: { width: i, height: "100%", background: "var(--ginger-primary-color, #111827)" } })
+      children: [
+        t ? /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: 0,
+              top: 0,
+              height: "100%",
+              width: i,
+              background: "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+            }
+          }
+        ) : null,
+        /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              position: "relative",
+              width: u,
+              height: "100%",
+              background: "var(--ginger-primary-color, #111827)"
+            }
+          }
+        )
+      ]
     }
   );
 }
-Se.displayName = "Ginger.Current.TimeRail";
-function Ge({ className: e, style: r, fallback: t, empty: n, children: i }) {
-  const { state: a } = g(), u = ge(a);
-  return i ? /* @__PURE__ */ l("span", { className: e, style: r, children: i(u, a) }) : /* @__PURE__ */ l("span", { className: e, style: r, children: u });
-}
-Ge.displayName = "Ginger.Current.PlaybackState";
-function Ce({ className: e, style: r, fallback: t, empty: n, children: i }) {
-  const { state: a } = g(), u = a.errorMessage ?? "";
-  if (!u) {
-    const o = n ?? t ?? null;
-    return o ? /* @__PURE__ */ l("span", { className: e, style: r, children: o }) : null;
+Ye.displayName = "Ginger.Current.TimeRail";
+function Qe({ className: e, style: r, height: n = 4 }) {
+  const t = P(), a = `${Math.round(Math.min(1, Math.max(0, t.bufferedFraction)) * 100)}%`;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: e,
+      style: {
+        width: "100%",
+        height: n,
+        background: "var(--ginger-muted-color, #e5e7eb)",
+        borderRadius: 999,
+        overflow: "hidden",
+        ...r
+      },
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          style: {
+            width: a,
+            height: "100%",
+            background: "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+          }
+        }
+      )
+    }
+  );
+}
+Qe.displayName = "Ginger.Current.BufferRail";
+function je({ className: e, style: r, fallback: n, empty: t, children: a }) {
+  const u = P(), i = ke(u);
+  return a ? /* @__PURE__ */ o("span", { className: e, style: r, children: a(i, u) }) : /* @__PURE__ */ o("span", { className: e, style: r, children: i });
+}
+je.displayName = "Ginger.Current.PlaybackState";
+function Xe({ className: e, style: r, fallback: n, empty: t, children: a }) {
+  const u = P(), i = u.errorMessage ?? "";
+  if (!i) {
+    const l = t ?? n ?? null;
+    return l ? /* @__PURE__ */ o("span", { className: e, style: r, children: l }) : null;
   }
-  return i ? /* @__PURE__ */ l("span", { className: e, style: r, children: i(u, a) }) : /* @__PURE__ */ l("span", { className: e, style: r, children: u });
-}
-Ce.displayName = "Ginger.Current.ErrorMessage";
-function _e({ playLabel: e = "Play", pauseLabel: r = "Pause", type: t = "button", ...n }) {
-  const { state: i, togglePlayPause: a } = g();
-  return /* @__PURE__ */ l("button", { type: t, "aria-label": i.isPaused ? "Play" : "Pause", onClick: a, ...n, children: i.isPaused ? e : r });
-}
-_e.displayName = "Ginger.Control.PlayPause";
-const oe = {
-  off: "Repeat off",
-  all: "Repeat all",
-  one: "Repeat one"
+  return a ? /* @__PURE__ */ o("span", { className: e, style: r, children: a(i, u) }) : /* @__PURE__ */ o("span", { className: e, style: r, children: i });
+}
+Xe.displayName = "Ginger.Current.ErrorMessage";
+const de = {
+  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 Ne({ type: e = "button", ...r }) {
-  const { state: t, cycleRepeat: n } = g();
-  return /* @__PURE__ */ l("button", { type: e, "aria-label": oe[t.repeatMode], onClick: n, ...r, children: oe[t.repeatMode] });
-}
-Ne.displayName = "Ginger.Control.Repeat";
-function De({ type: e = "button", children: r = "Next", ...t }) {
-  const { next: n } = g();
-  return /* @__PURE__ */ l("button", { type: e, "aria-label": "Next track", onClick: n, ...t, children: r });
-}
-De.displayName = "Ginger.Control.Next";
-function we({ type: e = "button", children: r = "Previous", ...t }) {
-  const { prev: n } = g();
-  return /* @__PURE__ */ l("button", { type: e, "aria-label": "Previous track", onClick: n, ...t, children: r });
-}
-we.displayName = "Ginger.Control.Previous";
-function Ue({ type: e = "button", children: r = "Shuffle", ...t }) {
-  const { state: n, toggleShuffle: i } = g();
-  return /* @__PURE__ */ l("button", { type: e, "aria-pressed": n.isShuffled, "aria-label": "Shuffle", onClick: i, ...t, children: r });
-}
-Ue.displayName = "Ginger.Control.Shuffle";
-function Le({ inputStyle: e, style: r, ...t }) {
-  const { state: n, seek: i } = g(), a = Number.isFinite(n.duration) && n.duration > 0 ? n.duration : 0, u = a > 0 ? n.currentTime : 0;
-  return /* @__PURE__ */ l(
+function Cr(e) {
+  return e ? {
+    ...de,
+    ...e,
+    repeat: { ...de.repeat, ...e.repeat }
+  } : de;
+}
+const We = Y(de);
+function Nr({
+  locale: e,
+  children: r
+}) {
+  const n = Cr(e);
+  return /* @__PURE__ */ o(We.Provider, { value: n, children: r });
+}
+function x() {
+  return O(We);
+}
+function wr() {
+  const e = T(), r = U(), n = x(), t = E(() => pe(e, r), [e, r]), a = F(t), u = a > 0 ? t.currentTime : 0, i = Number.isFinite(u) ? u : 0, l = a > 0 ? `${ce(i)} of ${ce(a)}` : ce(i), c = (f) => {
+    r.seek(Number(f.currentTarget.value));
+  };
+  return {
+    state: t,
+    value: i,
+    min: 0,
+    max: a > 0 ? a : 1,
+    step: "any",
+    ariaValueText: l,
+    ariaLabel: n.seek,
+    onSeekInput: c,
+    onSeekChange: c
+  };
+}
+function Lr() {
+  const e = T(), r = U(), n = x(), t = E(() => pe(e, r), [e, r]), a = (u) => {
+    r.setVolume(Number(u.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 Dr(e) {
+  const r = T(), n = x(), 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 ? t : a
+  };
+}
+function ze({
+  playLabel: e = "Play",
+  pauseLabel: r = "Pause",
+  playAriaLabel: n,
+  pauseAriaLabel: t,
+  type: a = "button",
+  ...u
+}) {
+  const i = x(), l = typeof e == "string" ? e : i.play, c = typeof r == "string" ? r : i.pause, f = Dr({
+    playAriaLabel: n ?? l,
+    pauseAriaLabel: t ?? c
+  });
+  return /* @__PURE__ */ o("button", { type: a, "aria-label": f.ariaLabel, onClick: f.toggle, ...u, children: f.isPaused ? e : r });
+}
+ze.displayName = "Ginger.Control.PlayPause";
+function He({ type: e = "button", ...r }) {
+  const { repeatMode: n, cycleRepeat: t } = T(), u = x().repeat[n];
+  return /* @__PURE__ */ o("button", { type: e, "aria-label": u, onClick: t, ...r, children: u });
+}
+He.displayName = "Ginger.Control.Repeat";
+function qe({ type: e = "button", children: r = "Next", ...n }) {
+  const { next: t } = T(), a = x();
+  return /* @__PURE__ */ o("button", { type: e, "aria-label": a.nextTrack, onClick: t, ...n, children: r });
+}
+qe.displayName = "Ginger.Control.Next";
+function Ke({ type: e = "button", children: r = "Previous", ...n }) {
+  const { prev: t } = T(), a = x();
+  return /* @__PURE__ */ o("button", { type: e, "aria-label": a.previousTrack, onClick: t, ...n, children: r });
+}
+Ke.displayName = "Ginger.Control.Previous";
+function Je({ type: e = "button", children: r = "Shuffle", ...n }) {
+  const { isShuffled: t, toggleShuffle: a } = T(), u = x();
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: e,
+      "aria-pressed": t,
+      "aria-label": u.shuffle,
+      onClick: a,
+      ...n,
+      children: r
+    }
+  );
+}
+Je.displayName = "Ginger.Control.Shuffle";
+function Ze({ inputStyle: e, style: r, ...n }) {
+  const t = wr();
+  return /* @__PURE__ */ o(
     "input",
     {
+      ...n,
       type: "range",
-      min: 0,
-      max: a > 0 ? a : 1,
-      step: "any",
-      value: Number.isFinite(u) ? u : 0,
-      "aria-label": "Seek",
-      onChange: (o) => i(Number(o.currentTarget.value)),
-      style: { width: "100%", ...r, ...e },
-      ...t
+      min: t.min,
+      max: t.max,
+      step: t.step,
+      value: t.value,
+      "aria-label": t.ariaLabel,
+      "aria-valuetext": t.ariaValueText,
+      onInput: t.onSeekInput,
+      onChange: t.onSeekChange,
+      style: { width: "100%", ...r, ...e }
     }
   );
 }
-Le.displayName = "Ginger.Control.SeekBar";
-function Fe({ inputStyle: e, style: r, ...t }) {
-  const { state: n, setVolume: i } = g();
-  return /* @__PURE__ */ l(
+Ze.displayName = "Ginger.Control.SeekBar";
+function er({ inputStyle: e, style: r, ...n }) {
+  const t = Lr();
+  return /* @__PURE__ */ o(
     "input",
     {
+      ...n,
       type: "range",
-      min: 0,
-      max: 1,
-      step: "any",
-      value: n.volume,
-      "aria-label": "Volume",
-      onChange: (a) => i(Number(a.currentTarget.value)),
-      style: { width: "100%", ...r, ...e },
-      ...t
+      min: t.min,
+      max: t.max,
+      step: t.step,
+      value: t.value,
+      "aria-label": t.ariaLabel,
+      "aria-valuetext": t.ariaValueText,
+      onInput: t.onVolumeInput,
+      onChange: t.onVolumeChange,
+      style: { width: "100%", ...r, ...e }
     }
   );
 }
-Fe.displayName = "Ginger.Control.Volume";
-function Oe({
-  muteLabel: e = "Mute",
-  unmuteLabel: r = "Unmute",
-  type: t = "button",
-  ...n
+er.displayName = "Ginger.Control.Volume";
+function rr({
+  muteLabel: e,
+  unmuteLabel: r,
+  type: n = "button",
+  ...t
 }) {
-  const { state: i, toggleMute: a } = g();
-  return /* @__PURE__ */ l(
+  const { muted: a, toggleMute: u } = U(), i = x(), l = e ?? i.mute, c = r ?? i.unmute;
+  return /* @__PURE__ */ o(
     "button",
     {
-      type: t,
-      "aria-pressed": i.muted,
-      "aria-label": i.muted ? "Unmute" : "Mute",
-      onClick: a,
-      ...n,
-      children: i.muted ? r : e
+      type: n,
+      "aria-pressed": a,
+      "aria-label": a ? i.unmute : i.mute,
+      onClick: u,
+      ...t,
+      children: a ? c : l
     }
   );
 }
-Oe.displayName = "Ginger.Control.Mute";
-const pr = [0.5, 0.75, 1, 1.25, 1.5, 2];
-function Ye({ rates: e = pr, style: r, ...t }) {
-  const { state: n, setPlaybackRate: i } = g(), a = U(
-    () => Array.from(/* @__PURE__ */ new Set([...e, n.playbackRate])).sort((u, o) => u - o),
-    [e, n.playbackRate]
+rr.displayName = "Ginger.Control.Mute";
+const Fr = [0.5, 0.75, 1, 1.25, 1.5, 2];
+function nr({ rates: e = Fr, style: r, ...n }) {
+  const { playbackRate: t, setPlaybackRate: a } = U(), u = x(), i = E(
+    () => Array.from(/* @__PURE__ */ new Set([...e, t])).sort((l, c) => l - c),
+    [e, t]
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "select",
     {
-      "aria-label": "Playback speed",
-      value: String(n.playbackRate),
+      ...n,
+      "aria-label": u.playbackSpeed,
+      value: String(t),
       style: r,
-      onChange: (u) => i(Number(u.currentTarget.value)),
-      ...t,
-      children: a.map((u) => /* @__PURE__ */ l("option", { value: String(u), children: u === 1 ? "1× normal" : `${u}×` }, u))
+      onChange: (l) => a(Number(l.currentTarget.value)),
+      children: i.map((l) => /* @__PURE__ */ o("option", { value: String(l), children: l === 1 ? u.playbackRateNormal : u.playbackRateTimes(l) }, l))
     }
   );
 }
-Ye.displayName = "Ginger.Control.PlaybackRate";
-const F = de(null);
-function gr() {
-  const e = ce(F);
+nr.displayName = "Ginger.Control.PlaybackRate";
+const be = Y(null);
+function Ur() {
+  const e = O(be);
   if (!e)
     throw new Error("Ginger.Playlist.Track must be used inside <Ginger.Playlist>");
   return e;
 }
-function Be({
+function tr({
   children: e,
   rowStyle: r,
-  renderTrack: t,
-  playOnSelect: n = !0,
-  style: i,
-  ...a
+  renderTrack: n,
+  playOnSelect: t = !0,
+  style: a,
+  ...u
 }) {
-  const { state: u, playTrackAt: o, selectTrackAt: c } = g(), f = {
+  const { tracks: i, currentIndex: l, playTrackAt: c, selectTrackAt: f } = T(), p = {
     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)",
-    ...i
+    ...a
   };
-  return e !== void 0 ? /* @__PURE__ */ l(F.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ l("ul", { style: f, ...a, children: e }) }) : /* @__PURE__ */ l(F.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ l("ul", { style: f, ...a, children: u.tracks.map((d, y) => {
-    const P = y === u.currentIndex;
-    return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
+  return e !== void 0 ? /* @__PURE__ */ o(be.Provider, { value: { playOnSelect: t }, children: /* @__PURE__ */ o("ul", { style: p, ...u, children: e }) }) : /* @__PURE__ */ o(be.Provider, { value: { playOnSelect: t }, children: /* @__PURE__ */ o("ul", { style: p, ...u, children: i.map((d, y) => {
+    const k = y === l;
+    return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
       "button",
       {
         type: "button",
         onClick: () => {
-          n ? o(y) : c(y);
+          t ? c(y) : f(y);
         },
         style: {
           width: "100%",
           textAlign: "left",
           border: "none",
-          background: P ? "rgba(17, 24, 39, 0.06)" : "transparent",
+          background: k ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
           color: "inherit",
           font: "inherit",
           cursor: "pointer",
           padding: "var(--ginger-playlist-row-padding, 6px 8px)",
           ...r
         },
-        children: t ? t(d, y, P) : /* @__PURE__ */ se("span", { children: [
+        children: n ? n(d, y, k) : /* @__PURE__ */ he("span", { children: [
           d.title,
           d.artist ? ` — ${d.artist}` : ""
         ] })
       }
-    ) }, `${d.fileUrl}-${y}`);
+    ) }, `${y}-${me(d)}`);
   }) }) });
 }
-Be.displayName = "Ginger.Playlist";
-function Ve({
+tr.displayName = "Ginger.Playlist";
+function ar({
   index: e,
   className: r,
-  style: t,
-  children: n,
-  liProps: i,
-  onClick: a,
-  ...u
+  style: n,
+  children: t,
+  liProps: a,
+  onClick: u,
+  ...i
 }) {
-  const { playOnSelect: o } = gr(), { state: c, playTrackAt: f, selectTrackAt: s } = g(), d = e === c.currentIndex, y = c.tracks[e], P = y != null ? /* @__PURE__ */ se("span", { children: [
+  const { playOnSelect: l } = Ur(), { tracks: c, currentIndex: f, playTrackAt: p, selectTrackAt: b } = T(), d = e === f, y = c[e], k = y != null ? /* @__PURE__ */ he("span", { children: [
     y.title,
     y.artist ? ` — ${y.artist}` : ""
   ] }) : null;
-  return /* @__PURE__ */ l("li", { ...i, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ o("li", { ...a, children: /* @__PURE__ */ o(
     "button",
     {
       type: "button",
@@ -532,46 +745,46 @@ function Ve({
         width: "100%",
         textAlign: "left",
         border: "none",
-        background: d ? "rgba(17, 24, 39, 0.06)" : "transparent",
+        background: d ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
         color: "inherit",
         font: "inherit",
         cursor: "pointer",
         padding: "var(--ginger-playlist-row-padding, 6px 8px)",
-        ...t
+        ...n
       },
-      ...u,
-      onClick: (x) => {
-        a == null || a(x), !x.defaultPrevented && (o ? f(e) : s(e));
+      ...i,
+      onClick: (v) => {
+        u == null || u(v), !v.defaultPrevented && (l ? p(e) : b(e));
       },
-      children: n ?? P
+      children: t ?? k
     }
   ) });
 }
-Ve.displayName = "Ginger.Playlist.Track";
-const yr = Object.assign(Be, {
-  Track: Ve
-}), mr = v("Ginger.Queue.Title", (e) => {
+ar.displayName = "Ginger.Playlist.Track";
+const Vr = Object.assign(tr, {
+  Track: ar
+}), Br = _("Ginger.Queue.Title", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.title;
-}), hr = v("Ginger.Queue.Subtitle", (e) => {
+}), $r = _("Ginger.Queue.Subtitle", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.subtitle;
-}), br = v("Ginger.Queue.Description", (e) => {
+}), Or = _("Ginger.Queue.Description", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.description;
-}), Pr = v("Ginger.Queue.Copyright", (e) => {
+}), Yr = _("Ginger.Queue.Copyright", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.copyright;
 });
-function $e({ className: e, style: r, fallback: t, empty: n, imgStyle: i }) {
+function ur({ className: e, style: r, fallback: n, empty: t, imgStyle: a }) {
   var c, f;
-  const { state: a } = g(), u = (c = a.playlistMeta) == null ? void 0 : c.artworkUrl;
-  if (!u) {
-    const s = n ?? t ?? null;
-    return s ? /* @__PURE__ */ l("span", { className: e, style: r, children: s }) : null;
+  const u = P(), i = (c = u.playlistMeta) == null ? void 0 : c.artworkUrl;
+  if (!i) {
+    const p = t ?? n ?? null;
+    return p ? /* @__PURE__ */ o("span", { className: e, style: r, children: p }) : null;
   }
-  const o = ((f = a.playlistMeta) == null ? void 0 : f.title) ?? "Playlist artwork";
-  return /* @__PURE__ */ l(
+  const l = ((f = u.playlistMeta) == null ? void 0 : f.title) ?? "Playlist artwork";
+  return /* @__PURE__ */ o(
     "span",
     {
       className: e,
@@ -582,101 +795,103 @@ function $e({ className: e, style: r, fallback: t, empty: n, imgStyle: i }) {
         overflow: "hidden",
         ...r
       },
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ o(
         "img",
         {
-          src: u,
-          alt: o,
+          src: i,
+          alt: l,
           style: {
             display: "block",
             width: "100%",
             height: "100%",
             objectFit: "cover",
-            ...i
+            ...a
           }
         }
       )
     }
   );
 }
-$e.displayName = "Ginger.Queue.Artwork";
-function L(e) {
+ur.displayName = "Ginger.Queue.Artwork";
+function fe(e) {
   return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 1;
 }
-function B(e) {
+function Me(e) {
   return Number.isFinite(e) ? Math.min(4, Math.max(0.25, e)) : 1;
 }
-const G = {
+const $ = {
   currentTime: 0,
   duration: 0,
   bufferedFraction: 0,
   isBuffering: !1,
   errorMessage: null
-}, kr = {
-  ...G,
+}, Qr = {
+  ...$,
   volume: 1,
   muted: !1,
   playbackRate: 1
 };
-function Qe(e) {
+function ir(e) {
   const r = [...e.tracks];
-  let t = S(e.currentIndex ?? 0, r.length), n = null, i = r;
-  return e.isShuffled && r.length > 1 && (n = [...r], i = pe(r, t), t = 0), {
-    tracks: i,
-    currentIndex: t,
+  let n = D(e.currentIndex ?? 0, r.length), t = null, a = r;
+  return e.isShuffled && r.length > 1 && (t = [...r], a = Ie(r, n), n = 0), {
+    tracks: a,
+    currentIndex: n,
     isPaused: e.isPaused ?? !0,
-    isShuffled: !!(e.isShuffled && i.length > 1),
+    isShuffled: !!(e.isShuffled && a.length > 1),
     repeatMode: e.repeatMode ?? "off",
-    originalTracks: n,
+    originalTracks: t,
     playlistMeta: e.playlistMeta ?? null,
-    ...kr,
-    volume: L(e.volume ?? 1),
+    ...Qr,
+    volume: fe(e.volume ?? 1),
     muted: e.muted ?? !1,
-    playbackRate: B(e.playbackRate ?? 1)
+    playbackRate: Me(e.playbackRate ?? 1)
   };
 }
-function Mr(e, r) {
+function jr(e, r) {
   switch (r.type) {
     case "INIT": {
       const {
-        tracks: t,
-        currentIndex: n,
-        playlistMeta: i,
-        isPaused: a,
-        isShuffled: u,
-        repeatMode: o,
+        tracks: n,
+        currentIndex: t,
+        playlistMeta: a,
+        isPaused: u,
+        isShuffled: i,
+        repeatMode: l,
         volume: c,
         muted: f,
-        playbackRate: s
+        playbackRate: p
       } = r.payload;
-      return Qe({
-        tracks: t,
-        currentIndex: n,
-        playlistMeta: i ?? null,
-        isPaused: a ?? !0,
-        isShuffled: u ?? !1,
-        repeatMode: o ?? "off",
+      return ir({
+        tracks: n,
+        currentIndex: t,
+        playlistMeta: a ?? null,
+        isPaused: u ?? !0,
+        isShuffled: i ?? !1,
+        repeatMode: l ?? "off",
         volume: c,
         muted: f,
-        playbackRate: s
+        playbackRate: p
       });
     }
     case "SET_QUEUE": {
-      const { tracks: t, currentIndex: n } = r.payload, i = [...t], a = S(n ?? e.currentIndex, i.length);
+      const { tracks: n, currentIndex: t } = r.payload, a = [...n], u = D(t ?? e.currentIndex, a.length);
       return {
         ...e,
-        tracks: i,
-        currentIndex: a,
-        ...G
+        tracks: a,
+        currentIndex: u,
+        isShuffled: !1,
+        originalTracks: null,
+        ...$
       };
     }
     case "SET_INDEX": {
-      const t = S(r.payload.index, e.tracks.length), n = r.payload.autoPlay, i = n === !0 ? !1 : n === !1 ? !0 : e.isPaused;
+      const n = D(r.payload.index, e.tracks.length), t = r.payload.autoPlay, a = t === !0 ? !1 : t === !1 ? !0 : e.isPaused;
       return {
         ...e,
-        currentIndex: t,
-        ...G,
-        isPaused: i
+        currentIndex: n,
+        ...$,
+        isPaused: a
       };
     }
     case "PLAY":
@@ -688,44 +903,44 @@ function Mr(e, r) {
     case "SET_REPEAT":
       return { ...e, repeatMode: r.payload };
     case "CYCLE_REPEAT":
-      return { ...e, repeatMode: er(e.repeatMode) };
+      return { ...e, repeatMode: Pr(e.repeatMode) };
     case "TOGGLE_SHUFFLE": {
       if (e.tracks.length <= 1) return { ...e, isShuffled: !1, originalTracks: null };
       if (!e.isShuffled) {
-        const u = [...e.tracks], o = pe(u, e.currentIndex);
+        const u = [...e.tracks], i = Ie(u, e.currentIndex);
         return {
           ...e,
           isShuffled: !0,
           originalTracks: u,
-          tracks: o,
+          tracks: i,
           currentIndex: 0
         };
       }
-      const t = e.originalTracks ? [...e.originalTracks] : [...e.tracks], n = e.tracks[e.currentIndex], i = (n == null ? void 0 : n.fileUrl) ?? "", a = qe(t, i);
+      const n = e.originalTracks ? [...e.originalTracks] : [...e.tracks], t = e.tracks[e.currentIndex], a = mr(n, t);
       return {
         ...e,
         isShuffled: !1,
         originalTracks: null,
-        tracks: t,
-        currentIndex: S(a, t.length)
+        tracks: n,
+        currentIndex: D(a, n.length)
       };
     }
     case "NEXT": {
-      const t = Je(e), n = t === e.currentIndex;
+      const n = hr(e), t = n === e.currentIndex;
       return {
         ...e,
-        currentIndex: t,
-        ...n ? {} : G,
-        isPaused: n ? e.isPaused : !1
+        currentIndex: n,
+        ...t ? {} : $,
+        isPaused: t ? e.isPaused : !1
       };
     }
     case "PREV": {
-      const t = Ze(e), n = t === e.currentIndex;
+      const n = kr(e), t = n === e.currentIndex;
       return {
         ...e,
-        currentIndex: t,
-        ...n ? {} : G,
-        isPaused: n ? e.isPaused : !1
+        currentIndex: n,
+        ...t ? {} : $,
+        isPaused: t ? e.isPaused : !1
       };
     }
     case "MEDIA_TIME_UPDATE":
@@ -763,303 +978,440 @@ function Mr(e, r) {
     case "RESET_MEDIA_TIMES":
       return { ...e, currentTime: 0, duration: 0, bufferedFraction: 0 };
     case "SET_VOLUME":
-      return { ...e, volume: L(r.payload) };
+      return { ...e, volume: fe(r.payload) };
     case "SET_MUTED":
       return { ...e, muted: r.payload };
     case "TOGGLE_MUTE":
       return { ...e, muted: !e.muted };
     case "SET_PLAYBACK_RATE":
-      return { ...e, playbackRate: B(r.payload) };
+      return { ...e, playbackRate: Me(r.payload) };
     case "MEDIA_VOLUME_SYNC": {
-      const { volume: t, muted: n } = r.payload, i = L(t);
-      return i === e.volume && n === e.muted ? e : { ...e, volume: i, muted: n };
+      const { volume: n, muted: t } = r.payload, a = fe(n);
+      return a === e.volume && t === e.muted ? e : { ...e, volume: a, muted: t };
     }
     default:
       return e;
   }
 }
-const Tr = {
+const Xr = {
   "--ginger-primary-color": "#111827",
   "--ginger-muted-color": "#6b7280",
   "--ginger-font-size": "14px",
   "--ginger-font-family": "system-ui, sans-serif",
   "--ginger-playlist-row-padding": "6px 8px",
   "--ginger-artwork-radius": "6px",
-  "--ginger-artwork-bg": "#f3f4f6"
+  "--ginger-artwork-bg": "#f3f4f6",
+  "--ginger-playlist-active-bg": "rgba(17, 24, 39, 0.06)",
+  "--ginger-buffer-color": "rgba(107, 114, 128, 0.35)",
+  "--ginger-focus-ring": "0 0 0 2px rgba(59, 130, 246, 0.45)"
 };
-function Er({
+function Wr({
   children: e,
   initialTracks: r = [],
-  initialIndex: t = 0,
-  initialPlaylistMeta: n = null,
-  initialShuffle: i = !1,
-  initialRepeatMode: a = "off",
-  initialPaused: u = !0,
-  initialVolume: o = 1,
+  initialIndex: n = 0,
+  initialPlaylistMeta: t = null,
+  initialShuffle: a = !1,
+  initialRepeatMode: u = "off",
+  initialPaused: i = !0,
+  initialVolume: l = 1,
   initialMuted: c = !1,
   initialPlaybackRate: f = 1,
-  className: s,
-  style: d,
-  onTrackChange: y,
-  onPlay: P,
-  onPause: x,
-  onQueueEnd: _,
-  onError: M
+  initialStateKey: p,
+  locale: b,
+  className: d,
+  style: y,
+  onTrackChange: k,
+  onPlay: v,
+  onPause: A,
+  onQueueEnd: V,
+  onError: B
 }) {
-  var ae;
-  const A = ue(null), [m, h] = Ke(
-    Mr,
+  var Te;
+  const R = L(null), [s, m] = pr(
+    jr,
     void 0,
-    () => Qe({
+    () => ir({
       tracks: r,
-      currentIndex: t,
-      playlistMeta: n,
-      isPaused: u,
-      isShuffled: i,
-      repeatMode: a,
-      volume: o,
+      currentIndex: n,
+      playlistMeta: t,
+      isPaused: i,
+      isShuffled: a,
+      repeatMode: u,
+      volume: l,
       muted: c,
       playbackRate: f
     })
-  ), V = m.tracks[m.currentIndex] ?? null;
-  R(() => {
-    y == null || y(V, m.currentIndex);
-  }, [V, m.currentIndex, y]), R(() => {
-    m.errorMessage && (M == null || M(m.errorMessage));
-  }, [m.errorMessage, M]);
-  const N = ue(void 0);
-  R(() => {
-    if (N.current === void 0) {
-      N.current = m.isPaused;
+  ), ge = L(s), ye = L({
+    tracks: r,
+    currentIndex: n,
+    playlistMeta: t,
+    isPaused: i,
+    isShuffled: a,
+    repeatMode: u,
+    volume: l,
+    muted: c,
+    playbackRate: f
+  });
+  ye.current = {
+    tracks: r,
+    currentIndex: n,
+    playlistMeta: t,
+    isPaused: i,
+    isShuffled: a,
+    repeatMode: u,
+    volume: l,
+    muted: c,
+    playbackRate: f
+  };
+  const C = L(void 0);
+  S(() => {
+    if (p === void 0) {
+      C.current = void 0;
       return;
     }
-    N.current !== m.isPaused && (m.isPaused ? x == null || x() : P == null || P()), N.current = m.isPaused;
-  }, [m.isPaused, x, P]);
-  const D = b(() => {
-    var p;
-    h({ type: "PLAY" }), (p = A.current) == null || p.play().catch((k) => {
-      h({ type: "PAUSE" });
-      const T = k instanceof Error ? k.message : "Playback failed";
-      M == null || M(T);
-    });
-  }, [M]), w = b(() => {
-    var p;
-    h({ type: "PAUSE" }), (p = A.current) == null || p.pause();
-  }, []), $ = b(() => {
-    m.isPaused ? D() : w();
-  }, [w, D, m.isPaused]), Q = b((p) => {
-    const k = A.current;
-    k && Number.isFinite(p) && (k.currentTime = Math.max(0, p));
-  }, []), j = b((p) => {
-    h({ type: "SET_VOLUME", payload: L(p) });
-  }, []), X = b((p) => {
-    h({ type: "SET_MUTED", payload: p });
-  }, []), W = b(() => {
-    h({ type: "TOGGLE_MUTE" });
-  }, []), K = b((p) => {
-    h({ type: "SET_PLAYBACK_RATE", payload: B(p) });
-  }, []), z = b(() => {
-    h({ type: "NEXT" });
-  }, []), q = b(() => {
-    h({ type: "PREV" });
-  }, []), H = b((p) => {
-    h({ type: "SET_REPEAT", payload: p });
-  }, []), J = b(() => {
-    h({ type: "CYCLE_REPEAT" });
-  }, []), Z = b(() => {
-    h({ type: "TOGGLE_SHUFFLE" });
-  }, []), ee = b((p, k) => {
-    h({ type: "SET_QUEUE", payload: { tracks: p, currentIndex: k } });
-  }, []), re = b((p) => {
-    h({ type: "SET_INDEX", payload: { index: p, autoPlay: !0 } }), queueMicrotask(() => {
-      var k;
-      (k = A.current) == null || k.play().catch(() => {
-      });
+    if (C.current === void 0) {
+      C.current = p;
+      return;
+    }
+    if (C.current === p) return;
+    C.current = p;
+    const g = ye.current;
+    m({
+      type: "INIT",
+      payload: {
+        tracks: g.tracks,
+        currentIndex: g.currentIndex,
+        playlistMeta: g.playlistMeta,
+        isPaused: g.isPaused,
+        isShuffled: g.isShuffled,
+        repeatMode: g.repeatMode,
+        volume: g.volume,
+        muted: g.muted,
+        playbackRate: g.playbackRate
+      }
     });
-  }, []), te = b((p) => {
-    h({ type: "SET_INDEX", payload: { index: p, autoPlay: !1 } });
-  }, []), ne = b((p) => {
-    h({ type: "SET_PLAYLIST_META", payload: p });
-  }, []), je = (ae = m.tracks[m.currentIndex]) == null ? void 0 : ae.fileUrl;
-  R(() => {
-    const p = A.current;
-    p && (m.isPaused ? p.pause() : p.play().catch((k) => {
-      h({ type: "PAUSE" });
-      const T = k instanceof Error ? k.message : "Playback failed";
-      M == null || M(T);
+  }, [p]), S(() => {
+    ge.current = s;
+  }, [s]);
+  const Q = s.tracks[s.currentIndex] ?? null;
+  S(() => {
+    k == null || k(Q, s.currentIndex);
+  }, [Q, s.currentIndex, k]), S(() => {
+    s.errorMessage && (B == null || B(s.errorMessage));
+  }, [s.errorMessage, B]);
+  const j = L(void 0);
+  S(() => {
+    if (j.current === void 0) {
+      j.current = s.isPaused;
+      return;
+    }
+    j.current !== s.isPaused && (s.isPaused ? A == null || A() : v == null || v()), j.current = s.isPaused;
+  }, [s.isPaused, A, v]);
+  const N = h(() => {
+    m({ type: "PLAY" });
+  }, []), w = h(() => {
+    var g;
+    m({ type: "PAUSE" }), (g = R.current) == null || g.pause();
+  }, []), X = h(() => {
+    s.isPaused ? N() : w();
+  }, [w, N, s.isPaused]), W = h((g) => {
+    const M = R.current;
+    M && Number.isFinite(g) && (M.currentTime = Math.max(0, g));
+  }, []), z = h((g) => {
+    m({ type: "SET_VOLUME", payload: fe(g) });
+  }, []), H = h((g) => {
+    m({ type: "SET_MUTED", payload: g });
+  }, []), q = h(() => {
+    m({ type: "TOGGLE_MUTE" });
+  }, []), K = h((g) => {
+    m({ type: "SET_PLAYBACK_RATE", payload: Me(g) });
+  }, []), J = h(() => {
+    m({ type: "NEXT" });
+  }, []), Z = h(() => {
+    m({ type: "PREV" });
+  }, []), ee = h((g) => {
+    m({ type: "SET_REPEAT", payload: g });
+  }, []), re = h(() => {
+    m({ type: "CYCLE_REPEAT" });
+  }, []), ne = h(() => {
+    m({ type: "TOGGLE_SHUFFLE" });
+  }, []), te = h((g, M) => {
+    m({ type: "SET_QUEUE", payload: { tracks: g, currentIndex: M } });
+  }, []), ae = h((g) => {
+    m({ type: "SET_INDEX", payload: { index: g, autoPlay: !0 } });
+  }, []), ue = h((g) => {
+    m({ type: "SET_INDEX", payload: { index: g, autoPlay: !1 } });
+  }, []), ie = h((g) => {
+    m({ type: "SET_PLAYLIST_META", payload: g });
+  }, []), oe = h((g) => {
+    m({ type: "INIT", payload: g });
+  }, []), or = (Te = s.tracks[s.currentIndex]) == null ? void 0 : Te.fileUrl;
+  S(() => {
+    const g = R.current;
+    g && (s.isPaused ? g.pause() : g.play().catch((M) => {
+      const se = M instanceof Error ? M.message : typeof M == "string" ? M : "Playback failed (e.g. autoplay blocked or unavailable source)";
+      m({ type: "MEDIA_ERROR", payload: { message: se } });
     }));
-  }, [m.isPaused, je, M]);
-  const ie = b(() => {
-    const p = He(m);
-    if (p.kind === "replay_same") {
-      const T = A.current;
-      T && (T.currentTime = 0, T.play().catch(() => {
-      })), h({ type: "PLAY" });
+  }, [s.isPaused, or]);
+  const le = h(() => {
+    const g = br(ge.current);
+    if (g.kind === "replay_same") {
+      const se = R.current;
+      se && (se.currentTime = 0), m({ type: "PLAY" });
       return;
     }
-    if (p.kind === "stop") {
-      h({ type: "PAUSE" }), _ == null || _();
+    if (g.kind === "stop") {
+      m({ type: "PAUSE" }), V == null || V();
       return;
     }
-    const k = p.nextIndex;
-    h({ type: "SET_INDEX", payload: { index: k, autoPlay: !0 } }), queueMicrotask(() => {
-      var T;
-      (T = A.current) == null || T.play().catch(() => {
-      });
-    });
-  }, [_, m]), Xe = U(
+    const M = g.nextIndex;
+    m({ type: "SET_INDEX", payload: { index: M, autoPlay: !0 } });
+  }, [V]), lr = E(
     () => ({
-      state: m,
-      dispatch: h,
-      audioRef: A,
-      notifyEnded: ie,
-      play: D,
+      state: s,
+      dispatch: m,
+      audioRef: R,
+      notifyEnded: le,
+      init: oe,
+      play: N,
       pause: w,
-      togglePlayPause: $,
-      seek: Q,
-      setVolume: j,
-      setMuted: X,
-      toggleMute: W,
+      togglePlayPause: X,
+      seek: W,
+      setVolume: z,
+      setMuted: H,
+      toggleMute: q,
       setPlaybackRate: K,
-      next: z,
-      prev: q,
-      setRepeatMode: H,
-      cycleRepeat: J,
-      toggleShuffle: Z,
-      setQueue: ee,
-      playTrackAt: re,
-      selectTrackAt: te,
-      setPlaylistMeta: ne
+      next: J,
+      prev: Z,
+      setRepeatMode: ee,
+      cycleRepeat: re,
+      toggleShuffle: ne,
+      setQueue: te,
+      playTrackAt: ae,
+      selectTrackAt: ue,
+      setPlaylistMeta: ie
     }),
     [
+      re,
+      m,
+      oe,
       J,
-      h,
-      z,
-      ie,
+      le,
       w,
-      D,
-      re,
+      N,
+      ae,
+      ue,
+      Z,
+      W,
+      H,
+      K,
       te,
+      ee,
+      ie,
+      z,
+      s,
       q,
-      Q,
       X,
-      K,
+      ne
+    ]
+  ), sr = E(
+    () => ({
+      tracks: s.tracks,
+      currentIndex: s.currentIndex,
+      isPaused: s.isPaused,
+      isShuffled: s.isShuffled,
+      repeatMode: s.repeatMode,
+      originalTracks: s.originalTracks,
+      playlistMeta: s.playlistMeta,
+      init: oe,
+      play: N,
+      pause: w,
+      togglePlayPause: X,
+      next: J,
+      prev: Z,
+      setRepeatMode: ee,
+      cycleRepeat: re,
+      toggleShuffle: ne,
+      setQueue: te,
+      playTrackAt: ae,
+      selectTrackAt: ue,
+      setPlaylistMeta: ie,
+      dispatch: m
+    }),
+    [
+      s.tracks,
+      s.currentIndex,
+      s.isPaused,
+      s.isShuffled,
+      s.repeatMode,
+      s.originalTracks,
+      s.playlistMeta,
+      oe,
+      N,
+      w,
+      X,
+      J,
+      Z,
       ee,
-      H,
+      re,
       ne,
-      j,
-      m,
+      te,
+      ae,
+      ue,
+      ie,
+      m
+    ]
+  ), cr = E(
+    () => ({
+      currentTime: s.currentTime,
+      duration: s.duration,
+      bufferedFraction: s.bufferedFraction,
+      isBuffering: s.isBuffering,
+      errorMessage: s.errorMessage,
+      volume: s.volume,
+      muted: s.muted,
+      playbackRate: s.playbackRate,
+      seek: W,
+      setVolume: z,
+      setMuted: H,
+      toggleMute: q,
+      setPlaybackRate: K,
+      audioRef: R,
+      notifyEnded: le,
+      dispatch: m
+    }),
+    [
+      s.currentTime,
+      s.duration,
+      s.bufferedFraction,
+      s.isBuffering,
+      s.errorMessage,
+      s.volume,
+      s.muted,
+      s.playbackRate,
       W,
-      $,
-      Z
+      z,
+      H,
+      q,
+      K,
+      R,
+      le,
+      m
     ]
-  ), We = U(() => ({ ...Tr, ...d }), [d]);
-  return /* @__PURE__ */ l(fe.Provider, { value: Xe, children: /* @__PURE__ */ l("div", { className: s, style: We, children: e }) });
+  ), dr = ke(s), fr = E(() => ({ ...Xr, ...y }), [y]);
+  return /* @__PURE__ */ o(Nr, { locale: b, children: /* @__PURE__ */ o(_e.Provider, { value: sr, children: /* @__PURE__ */ o(Ge.Provider, { value: cr, children: /* @__PURE__ */ o(Ee.Provider, { value: lr, children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: d,
+      style: fr,
+      "data-ginger-playback": dr,
+      children: e
+    }
+  ) }) }) }) });
 }
-const vr = {
-  Provider: Er,
-  Player: ze,
+const Kr = {
+  Provider: Wr,
+  Player: yr,
   Current: {
-    Title: nr,
-    Artist: ir,
-    Album: ar,
-    Description: ur,
-    Copyright: lr,
-    Genre: or,
-    Label: sr,
-    Isrc: cr,
-    TrackNumber: dr,
-    Year: be,
-    Lyrics: Pe,
-    FileUrl: ke,
-    Artwork: Me,
-    QueueIndex: Te,
-    QueueLength: Ee,
-    QueuePosition: Ae,
-    Elapsed: xe,
-    Duration: ve,
-    Remaining: Ie,
-    Progress: Re,
-    TimeRail: Se,
-    PlaybackState: Ge,
-    ErrorMessage: Ce
+    Title: Tr,
+    Artist: xr,
+    Album: Er,
+    Description: Ir,
+    Copyright: Ar,
+    Genre: Rr,
+    Label: Sr,
+    Isrc: _r,
+    TrackNumber: Gr,
+    Year: Ce,
+    Lyrics: Ne,
+    FileUrl: we,
+    Artwork: Le,
+    QueueIndex: De,
+    QueueLength: Fe,
+    QueuePosition: Ue,
+    Elapsed: Ve,
+    Duration: Be,
+    Remaining: $e,
+    Progress: Oe,
+    TimeRail: Ye,
+    BufferRail: Qe,
+    PlaybackState: je,
+    ErrorMessage: Xe
   },
   Queue: {
-    Title: mr,
-    Subtitle: hr,
-    Description: br,
-    Copyright: Pr,
-    Artwork: $e
+    Title: Br,
+    Subtitle: $r,
+    Description: Or,
+    Copyright: Yr,
+    Artwork: ur
   },
   Control: {
-    PlayPause: _e,
-    Repeat: Ne,
-    Next: De,
-    Previous: we,
-    Shuffle: Ue,
-    SeekBar: Le,
-    Volume: Fe,
-    Mute: Oe,
-    PlaybackRate: Ye
+    PlayPause: ze,
+    Repeat: He,
+    Next: qe,
+    Previous: Ke,
+    Shuffle: Je,
+    SeekBar: Ze,
+    Volume: er,
+    Mute: rr,
+    PlaybackRate: nr
   },
-  Playlist: yr
+  Playlist: Vr
 };
-function Ir() {
-  const e = g(), { state: r } = e;
-  return U(
-    () => ({
-      state: r,
-      currentTrack: E(r),
-      playbackUi: ge(r),
-      duration: C(r),
-      remaining: ye(r),
-      progress: O(r),
-      artworkUrl: me(r),
-      albumLine: he(r),
-      play: e.play,
-      pause: e.pause,
-      togglePlayPause: e.togglePlayPause,
-      seek: e.seek,
-      setVolume: e.setVolume,
-      setMuted: e.setMuted,
-      toggleMute: e.toggleMute,
-      setPlaybackRate: e.setPlaybackRate,
-      next: e.next,
-      prev: e.prev,
-      setRepeatMode: e.setRepeatMode,
-      cycleRepeat: e.cycleRepeat,
-      toggleShuffle: e.toggleShuffle,
-      setQueue: e.setQueue,
-      playTrackAt: e.playTrackAt,
-      selectTrackAt: e.selectTrackAt,
-      setPlaylistMeta: e.setPlaylistMeta,
-      dispatch: e.dispatch
-    }),
-    [
-      e.cycleRepeat,
-      e.dispatch,
-      e.next,
-      e.pause,
-      e.play,
-      e.playTrackAt,
-      e.selectTrackAt,
-      e.prev,
-      e.seek,
-      e.setMuted,
-      e.setPlaybackRate,
-      e.setPlaylistMeta,
-      e.setQueue,
-      e.setRepeatMode,
-      e.setVolume,
-      e.toggleMute,
-      e.togglePlayPause,
-      e.toggleShuffle,
-      r
-    ]
+function Jr() {
+  const e = T(), r = U();
+  return E(
+    () => {
+      const n = pe(e, r);
+      return {
+        state: n,
+        currentTrack: I(n),
+        playbackUi: ke(n),
+        duration: F(n),
+        remaining: Ae(n),
+        progress: Pe(n),
+        artworkUrl: Re(n),
+        albumLine: Se(n),
+        play: e.play,
+        pause: e.pause,
+        togglePlayPause: e.togglePlayPause,
+        seek: r.seek,
+        setVolume: r.setVolume,
+        setMuted: r.setMuted,
+        toggleMute: r.toggleMute,
+        setPlaybackRate: r.setPlaybackRate,
+        next: e.next,
+        prev: e.prev,
+        setRepeatMode: e.setRepeatMode,
+        cycleRepeat: e.cycleRepeat,
+        toggleShuffle: e.toggleShuffle,
+        setQueue: e.setQueue,
+        playTrackAt: e.playTrackAt,
+        selectTrackAt: e.selectTrackAt,
+        setPlaylistMeta: e.setPlaylistMeta,
+        init: e.init,
+        audioRef: r.audioRef,
+        dispatch: e.dispatch
+      };
+    },
+    [e, r]
   );
 }
 export {
-  vr as Ginger,
-  Ir as useGinger
+  Kr as Ginger,
+  Me as clampPlaybackRate,
+  fe as clampVolume,
+  de as defaultGingerLocale,
+  ke as derivePlaybackUiState,
+  pe as gingerStateFromContextValues,
+  qr as gingerStateFromContexts,
+  Jr as useGinger,
+  x as useGingerLocale,
+  U as useGingerMedia,
+  T as useGingerPlayback,
+  P as useGingerState,
+  Dr as usePlayPauseBinding,
+  wr as useSeekBarBinding,
+  Lr as useVolumeSlider
 };
 //# sourceMappingURL=index.js.map