@lucaismyname/ginger 0.0.26 → 0.0.28

package/dist/ginger-G5-3BYSb.js

@@ -0,0 +1,2165 @@
+import { jsx as d, jsxs as W, Fragment as Cr } from "react/jsx-runtime";
+import { useContext as Le, createContext as we, useRef as O, useState as Dr, useEffect as P, useMemo as S, useReducer as Fr, useCallback as M, Children as Ur, isValidElement as Vr, cloneElement as Br } from "react";
+import { b as G, u as K, g as je, c as E, G as $r, d as Or } from "./GingerSplitContexts-BzBExb95.js";
+const He = we(null);
+function Yr() {
+  const e = Le(He);
+  if (!e) throw new Error("Ginger components must be used within <Ginger.Provider>");
+  return e;
+}
+function Ye(e) {
+  const { buffered: r, duration: n } = e;
+  return !(n > 0) || r.length === 0 ? 0 : Math.min(1, r.end(r.length - 1) / n);
+}
+function Qr({
+  className: e,
+  style: r,
+  preload: n = "metadata",
+  crossOrigin: a,
+  respectReducedMotion: t = !1
+}) {
+  var x;
+  const { audioRef: i, dispatch: o, state: u, notifyEnded: c } = Yr(), s = ((x = u.tracks[u.currentIndex]) == null ? void 0 : x.fileUrl) ?? "", p = O({
+    currentTime: -1,
+    duration: -1,
+    bufferedFraction: -1
+  }), m = O(""), [v, h] = Dr(!1);
+  P(() => {
+    if (!t || typeof window > "u") return;
+    const g = window.matchMedia("(prefers-reduced-motion: reduce)"), I = () => h(g.matches);
+    return I(), g.addEventListener("change", I), () => g.removeEventListener("change", I);
+  }, [t]);
+  const b = (g, I = !1) => {
+    const _ = {
+      currentTime: g.currentTime,
+      duration: g.duration,
+      bufferedFraction: Ye(g)
+    }, w = p.current, Z = v ? 0.5 : 0.25, ee = Math.abs(_.currentTime - w.currentTime) >= Z || Math.abs(_.duration - w.duration) >= 0.01 || Math.abs(_.bufferedFraction - w.bufferedFraction) >= 0.01;
+    !I && !ee || (p.current = _, o({
+      type: "MEDIA_TIME_UPDATE",
+      payload: _
+    }));
+  };
+  return P(() => {
+    const g = i.current;
+    g && (g.volume = u.volume, g.muted = u.muted);
+  }, [i, u.volume, u.muted]), P(() => {
+    const g = i.current;
+    if (g) {
+      if (!s) {
+        g.removeAttribute("src"), p.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, m.current !== "" && o({ type: "MEDIA_SOURCE_CLEARED" }), m.current = "";
+        return;
+      }
+      g.getAttribute("src") !== s && (g.src = s, g.load(), p.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }), m.current = s;
+    }
+  }, [i, o, u.currentIndex, u.tracks, s]), P(() => {
+    const g = i.current;
+    g && (g.playbackRate = u.playbackRate);
+  }, [i, u.playbackRate, s]), /* @__PURE__ */ d(
+    "audio",
+    {
+      "data-ginger-component": "Player",
+      ref: i,
+      className: e,
+      style: r,
+      preload: n,
+      crossOrigin: a,
+      controls: !1,
+      playsInline: !0,
+      onTimeUpdate: (g) => {
+        b(g.currentTarget);
+      },
+      onLoadedMetadata: (g) => {
+        const I = g.currentTarget;
+        p.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, o({
+          type: "MEDIA_LOADED_METADATA",
+          payload: {
+            duration: I.duration,
+            bufferedFraction: Ye(I)
+          }
+        });
+      },
+      onSeeking: (g) => b(g.currentTarget, !0),
+      onSeeked: (g) => b(g.currentTarget, !0),
+      onEnded: () => c(),
+      onPlay: () => o({ type: "MEDIA_PLAY" }),
+      onPause: () => o({ type: "MEDIA_PAUSE" }),
+      onWaiting: () => o({ type: "MEDIA_WAITING" }),
+      onCanPlay: () => o({ type: "MEDIA_CANPLAY" }),
+      onProgress: (g) => b(g.currentTarget, !0),
+      onVolumeChange: (g) => {
+        const I = g.currentTarget;
+        o({
+          type: "MEDIA_VOLUME_SYNC",
+          payload: { volume: I.volume, muted: I.muted }
+        });
+      },
+      onError: () => {
+        var w;
+        const g = i.current, I = (w = g == null ? void 0 : g.error) == null ? void 0 : w.code;
+        o({ type: "MEDIA_ERROR", payload: { message: I === 1 ? "MEDIA_ERR_ABORTED" : I === 2 ? "MEDIA_ERR_NETWORK" : I === 3 ? "MEDIA_ERR_DECODE" : I === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
+      }
+    }
+  );
+}
+const Se = {
+  seek: "Seek",
+  volume: "Volume",
+  playbackSpeed: "Playback speed",
+  chaptersList: "Chapters",
+  syncedLyricsList: "Synced lyrics",
+  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 jr(e) {
+  return e ? {
+    ...Se,
+    ...e,
+    repeat: { ...Se.repeat, ...e.repeat }
+  } : Se;
+}
+const Ke = we(Se);
+function Hr({
+  locale: e,
+  children: r
+}) {
+  const n = jr(e);
+  return /* @__PURE__ */ d(Ke.Provider, { value: n, children: r });
+}
+function R() {
+  return Le(Ke);
+}
+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 Xe(e, r) {
+  if (e.length <= 1) return [...e];
+  const n = e[r];
+  if (!n) return [...e];
+  const a = e.filter((t, i) => i !== r);
+  for (let t = a.length - 1; t > 0; t--) {
+    const i = Math.floor(Math.random() * (t + 1));
+    [a[t], a[i]] = [a[i], a[t]];
+  }
+  return [n, ...a];
+}
+function q(e) {
+  return e ? e.id != null && e.id !== "" ? `id:${e.id}` : `file:${e.fileUrl}` : "";
+}
+function Kr(e, r) {
+  var o, u;
+  if (!r) return 0;
+  const n = e.findIndex((c) => c === r);
+  if (n !== -1) return n;
+  const a = q(r);
+  if (!a) return 0;
+  const t = [];
+  for (let c = 0; c < e.length; c += 1)
+    q(e[c]) === a && t.push(c);
+  if (t.length === 0) return 0;
+  if (t.length === 1) return t[0];
+  const i = typeof globalThis < "u" && "process" in globalThis ? (u = (o = globalThis.process) == null ? void 0 : o.env) == null ? void 0 : u.NODE_ENV : void 0;
+  return i != null && i !== "production" && console.warn(
+    "[@lucaismyname/ginger] Ambiguous track identity: multiple queue rows share the same fileUrl without a unique `id`. Resolving to the first match."
+  ), t[0];
+}
+function ze(e, r, n) {
+  const a = [...e], t = Math.max(0, Math.min(a.length, n ?? a.length));
+  return a.splice(t, 0, r), a;
+}
+function Xr(e, r) {
+  if (r < 0 || r >= e.length) return [...e];
+  const n = [...e];
+  return n.splice(r, 1), n;
+}
+function zr(e, r, n) {
+  if (r === n || r < 0 || r >= e.length || n < 0 || n >= e.length)
+    return [...e];
+  const a = [...e], [t] = a.splice(r, 1);
+  return t ? (a.splice(n, 0, t), a) : [...e];
+}
+function Wr(e, r, n) {
+  return ze(e, n, Math.max(0, Math.min(e.length, r + 1)));
+}
+function qr(e) {
+  const { tracks: r, currentIndex: n, repeatMode: a, playbackMode: t } = e, i = r.length;
+  return i === 0 ? { kind: "stop", nextIndex: 0 } : a === "one" ? { kind: "replay_same" } : t === "single" ? { kind: "stop", nextIndex: A(n, i) } : n < i - 1 ? { kind: "advance", nextIndex: n + 1 } : a === "all" ? { kind: "wrap", nextIndex: 0 } : { kind: "stop", nextIndex: A(n, i) };
+}
+function Jr(e) {
+  const { tracks: r, currentIndex: n, repeatMode: a, playbackMode: t } = e, i = r.length;
+  return i === 0 ? 0 : t === "single" ? A(n, i) : n < i - 1 ? n + 1 : a === "all" ? 0 : A(n, i);
+}
+function Zr(e) {
+  const { tracks: r, currentIndex: n, repeatMode: a, playbackMode: t } = e, i = r.length;
+  return i === 0 ? 0 : t === "single" ? A(n, i) : n > 0 ? n - 1 : a === "all" ? i - 1 : 0;
+}
+function en(e) {
+  return e === "off" ? "all" : e === "all" ? "one" : "off";
+}
+function We(e, r) {
+  return (e == null ? void 0 : e.artworkUrl) ?? r ?? void 0;
+}
+function rn(e, r) {
+  return (e == null ? void 0 : e.album) ?? r ?? void 0;
+}
+function B(e) {
+  return e.tracks[e.currentIndex] ?? null;
+}
+function qe(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) {
+  var a;
+  const r = e.duration;
+  if (Number.isFinite(r) && r > 0) return r;
+  const n = (a = e.tracks[e.currentIndex]) == null ? void 0 : a.durationSeconds;
+  return typeof n == "number" && Number.isFinite(n) && n > 0 ? n : 0;
+}
+function nn(e) {
+  const n = J(e) - e.currentTime;
+  return Number.isFinite(n) ? Math.max(0, n) : 0;
+}
+function Je(e) {
+  const r = J(e);
+  return r > 0 ? Math.min(1, Math.max(0, e.currentTime / r)) : 0;
+}
+function tn(e) {
+  var n;
+  const r = B(e);
+  return We(r, (n = e.playlistMeta) == null ? void 0 : n.artworkUrl);
+}
+function an(e) {
+  var n;
+  const r = B(e);
+  return rn(r, (n = e.playlistMeta) == null ? void 0 : n.subtitle);
+}
+function on() {
+  const e = G(), r = K(), n = R(), a = S(() => je(e, r), [e, r]), t = J(a), i = t > 0 ? a.currentTime : 0, o = Number.isFinite(i) ? i : 0, u = t > 0 ? `${z(o)} of ${z(t)}` : z(o), c = (s) => {
+    r.seek(Number(s.currentTarget.value));
+  };
+  return {
+    state: a,
+    value: o,
+    min: 0,
+    max: t > 0 ? t : 1,
+    step: "any",
+    ariaValueText: u,
+    ariaLabel: n.seek,
+    onSeekInput: c,
+    onSeekChange: c
+  };
+}
+function un() {
+  const e = G(), r = K(), n = R(), a = S(() => je(e, r), [e, r]), t = (i) => {
+    r.setVolume(Number(i.currentTarget.value));
+  };
+  return {
+    state: a,
+    value: a.volume,
+    min: 0,
+    max: 1,
+    step: "any",
+    ariaValueText: `${Math.round(a.volume * 100)}%`,
+    ariaLabel: n.volume,
+    onVolumeInput: t,
+    onVolumeChange: t
+  };
+}
+function sn(e) {
+  const r = G(), n = R(), a = (e == null ? void 0 : e.playAriaLabel) ?? n.play, t = (e == null ? void 0 : e.pauseAriaLabel) ?? n.pause;
+  return {
+    isPaused: r.isPaused,
+    toggle: r.togglePlayPause,
+    ariaLabel: r.isPaused ? a : t
+  };
+}
+function Ze({
+  playLabel: e = "Play",
+  pauseLabel: r = "Pause",
+  playAriaLabel: n,
+  pauseAriaLabel: a,
+  children: t,
+  type: i = "button",
+  onClick: o,
+  ...u
+}) {
+  const c = R(), s = typeof e == "string" ? e : c.play, p = typeof r == "string" ? r : c.pause, m = sn({
+    playAriaLabel: n ?? s,
+    pauseAriaLabel: a ?? p
+  });
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      "data-ginger-component": "PlayPause",
+      ...u,
+      type: i,
+      "aria-label": m.ariaLabel,
+      onClick: (v) => {
+        m.toggle(), o == null || o(v);
+      },
+      children: t ?? (m.isPaused ? e : r)
+    }
+  );
+}
+Ze.displayName = "Ginger.Control.PlayPause";
+function er({
+  type: e = "button",
+  ariaLabel: r,
+  onClick: n,
+  children: a,
+  ...t
+}) {
+  const { repeatMode: i, cycleRepeat: o } = G(), c = R().repeat[i];
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      "data-ginger-component": "Repeat",
+      ...t,
+      type: e,
+      "aria-label": r ?? c,
+      onClick: (s) => {
+        o(), n == null || n(s);
+      },
+      children: a ?? c
+    }
+  );
+}
+er.displayName = "Ginger.Control.Repeat";
+function rr({
+  type: e = "button",
+  children: r = "Next",
+  ariaLabel: n,
+  onClick: a,
+  ...t
+}) {
+  const { next: i } = G(), o = R();
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      "data-ginger-component": "Next",
+      ...t,
+      type: e,
+      "aria-label": n ?? o.nextTrack,
+      onClick: (u) => {
+        i(), a == null || a(u);
+      },
+      children: r ?? o.nextTrack
+    }
+  );
+}
+rr.displayName = "Ginger.Control.Next";
+function nr({
+  type: e = "button",
+  children: r = "Previous",
+  ariaLabel: n,
+  onClick: a,
+  ...t
+}) {
+  const { prev: i } = G(), o = R();
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      "data-ginger-component": "Previous",
+      ...t,
+      type: e,
+      "aria-label": n ?? o.previousTrack,
+      onClick: (u) => {
+        i(), a == null || a(u);
+      },
+      children: r
+    }
+  );
+}
+nr.displayName = "Ginger.Control.Previous";
+function tr({
+  type: e = "button",
+  children: r = "Shuffle",
+  ariaLabel: n,
+  onClick: a,
+  ...t
+}) {
+  const { isShuffled: i, toggleShuffle: o } = G(), u = R();
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      "data-ginger-component": "Shuffle",
+      ...t,
+      type: e,
+      "aria-pressed": i,
+      "aria-label": n ?? u.shuffle,
+      onClick: (c) => {
+        o(), a == null || a(c);
+      },
+      children: r ?? u.shuffle
+    }
+  );
+}
+tr.displayName = "Ginger.Control.Shuffle";
+function ar({
+  inputStyle: e,
+  style: r,
+  unstyled: n = !1,
+  ariaLabel: a,
+  ...t
+}) {
+  const i = on(), o = n ? { ...r, ...e } : { width: "100%", ...r, ...e };
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      "data-ginger-component": "SeekBar",
+      ...t,
+      type: "range",
+      min: i.min,
+      max: i.max,
+      step: i.step,
+      value: i.value,
+      "aria-label": a ?? i.ariaLabel,
+      "aria-valuetext": i.ariaValueText,
+      onInput: i.onSeekInput,
+      onChange: i.onSeekChange,
+      style: o
+    }
+  );
+}
+ar.displayName = "Ginger.Control.SeekBar";
+function ir({
+  inputStyle: e,
+  style: r,
+  unstyled: n = !1,
+  ariaLabel: a,
+  ...t
+}) {
+  const i = un(), o = n ? { ...r, ...e } : { width: "100%", ...r, ...e };
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      "data-ginger-component": "Volume",
+      ...t,
+      type: "range",
+      min: i.min,
+      max: i.max,
+      step: i.step,
+      value: i.value,
+      "aria-label": a ?? i.ariaLabel,
+      "aria-valuetext": i.ariaValueText,
+      onInput: i.onVolumeInput,
+      onChange: i.onVolumeChange,
+      style: o
+    }
+  );
+}
+ir.displayName = "Ginger.Control.Volume";
+function or({
+  ariaLabel: e,
+  muteLabel: r,
+  unmuteLabel: n,
+  type: a = "button",
+  onClick: t,
+  children: i,
+  ...o
+}) {
+  const { muted: u, toggleMute: c } = K(), s = R(), p = r ?? s.mute, m = n ?? s.unmute;
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      "data-ginger-component": "Mute",
+      ...o,
+      type: a,
+      "aria-pressed": u,
+      "aria-label": e ?? (u ? s.unmute : s.mute),
+      onClick: (v) => {
+        c(), t == null || t(v);
+      },
+      children: i ?? (u ? m : p)
+    }
+  );
+}
+or.displayName = "Ginger.Control.Mute";
+const cn = [0.5, 0.75, 1, 1.25, 1.5, 2];
+function ur({
+  rates: e = cn,
+  style: r,
+  ariaLabel: n,
+  children: a,
+  ...t
+}) {
+  const { playbackRate: i, setPlaybackRate: o } = K(), u = R(), c = S(
+    () => Array.from(/* @__PURE__ */ new Set([...e, i])).sort((s, p) => s - p),
+    [e, i]
+  );
+  return /* @__PURE__ */ d(
+    "select",
+    {
+      "data-ginger-component": "PlaybackRate",
+      ...t,
+      "aria-label": n ?? u.playbackSpeed,
+      value: String(i),
+      style: r,
+      onChange: (s) => o(Number(s.currentTarget.value)),
+      children: a ?? c.map((s) => /* @__PURE__ */ d("option", { value: String(s), children: s === 1 ? u.playbackRateNormal : u.playbackRateTimes(s) }, s))
+    }
+  );
+}
+ur.displayName = "Ginger.Control.PlaybackRate";
+function Y(e, r) {
+  function n(a) {
+    const t = E(), o = (r(t) ?? "").trim(), { className: u, style: c, fallback: s, empty: p, children: m } = a;
+    if (!o) {
+      const v = p ?? s ?? null;
+      return v ? /* @__PURE__ */ d("span", { className: u, style: c, children: v }) : null;
+    }
+    return m ? /* @__PURE__ */ d("span", { className: u, style: c, children: m(o, t) }) : /* @__PURE__ */ d("span", { className: u, style: c, children: o });
+  }
+  return n.displayName = e, n;
+}
+function Q(e, r) {
+  return Y(e, (n) => r(B(n)));
+}
+const ln = Q("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), dn = Q("Ginger.Current.Artist", (e) => e == null ? void 0 : e.artist), fn = Y("Ginger.Current.Album", (e) => an(e)), gn = Q(
+  "Ginger.Current.Description",
+  (e) => e == null ? void 0 : e.description
+), pn = Y("Ginger.Current.Copyright", (e) => {
+  var n;
+  const r = B(e);
+  return (r == null ? void 0 : r.copyright) ?? ((n = e.playlistMeta) == null ? void 0 : n.copyright);
+}), mn = Q("Ginger.Current.Genre", (e) => e == null ? void 0 : e.genre), yn = Q("Ginger.Current.Label", (e) => e == null ? void 0 : e.label), hn = Q("Ginger.Current.Isrc", (e) => e == null ? void 0 : e.isrc), bn = Q(
+  "Ginger.Current.TrackNumber",
+  (e) => (e == null ? void 0 : e.trackNumber) != null ? String(e.trackNumber) : void 0
+);
+function sr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  children: t,
+  format: i
+}) {
+  var s;
+  const o = E(), u = (s = B(o)) == null ? void 0 : s.year;
+  if (typeof u != "number" || !Number.isFinite(u)) {
+    const p = a ?? n ?? null;
+    return p ? /* @__PURE__ */ d("span", { "data-ginger-component": "Year", className: e, style: r, children: p }) : null;
+  }
+  const c = i ? i(u) : String(u);
+  return t ? /* @__PURE__ */ d("span", { "data-ginger-component": "Year", className: e, style: r, children: t(c, o) }) : /* @__PURE__ */ d("span", { "data-ginger-component": "Year", className: e, style: r, children: c });
+}
+sr.displayName = "Ginger.Current.Year";
+function cr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  children: t,
+  preserveWhitespace: i = !0,
+  unstyled: o = !1
+}) {
+  var m;
+  const u = E(), c = ((m = B(u)) == null ? void 0 : m.lyrics) ?? "", s = i ? c.replace(/^\s+|\s+$/g, "") : c.trim();
+  if (!s) {
+    const v = a ?? n ?? null;
+    return v ? /* @__PURE__ */ d(
+      "span",
+      {
+        "data-ginger-component": "Lyrics",
+        className: e,
+        style: r,
+        children: v
+      }
+    ) : null;
+  }
+  const p = !o && i ? { whiteSpace: "pre-wrap" } : void 0;
+  return t ? /* @__PURE__ */ d("span", { className: e, style: { ...p, ...r }, children: t(s, u) }) : /* @__PURE__ */ d("span", { className: e, style: { ...p, ...r }, children: s });
+}
+cr.displayName = "Ginger.Current.Lyrics";
+const Qe = /\[(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?\]/g;
+function vn(e) {
+  const r = [];
+  for (const n of e.split(/\r?\n/)) {
+    const a = [...n.matchAll(Qe)];
+    if (a.length === 0) continue;
+    const t = n.replace(Qe, "").trim();
+    for (const i of a) {
+      const o = Number(i[1] ?? 0), u = Number(i[2] ?? 0), c = Number((i[3] ?? "0").padEnd(3, "0")), s = o * 60 + u + c / 1e3;
+      Number.isFinite(s) && s >= 0 && r.push({ time: s, text: t });
+    }
+  }
+  return r.sort((n, a) => n.time - a.time);
+}
+function kn() {
+  const { tracks: e, currentIndex: r } = G(), { currentTime: n } = K(), a = e[r], t = S(() => a ? Array.isArray(a.lyricsTimed) && a.lyricsTimed.length > 0 ? [...a.lyricsTimed].filter((o) => Number.isFinite(o.time) && o.time >= 0).sort((o, u) => o.time - u.time) : typeof a.lyrics == "string" ? vn(a.lyrics) : [] : [], [a]), i = S(() => {
+    for (let o = t.length - 1; o >= 0; o -= 1)
+      if (n >= t[o].time) return o;
+    return -1;
+  }, [n, t]);
+  return {
+    lines: t,
+    activeIndex: i,
+    activeLine: i >= 0 ? t[i] ?? null : null
+  };
+}
+function lr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  unstyled: t = !1,
+  activeClassName: i,
+  lineClassName: o,
+  children: u
+}) {
+  const c = E(), s = R(), { lines: p, activeIndex: m } = kn();
+  if (p.length === 0) {
+    const h = a ?? n ?? null;
+    return h ? /* @__PURE__ */ d(
+      "span",
+      {
+        "data-ginger-component": "LyricsSynced",
+        className: e,
+        style: r,
+        children: h
+      }
+    ) : null;
+  }
+  return /* @__PURE__ */ d(
+    "ul",
+    {
+      className: e,
+      style: { ...t ? {} : {
+        listStyle: "none",
+        margin: 0,
+        padding: 0,
+        fontFamily: "var(--ginger-font-family, system-ui, sans-serif)",
+        fontSize: "var(--ginger-font-size, 14px)",
+        color: "var(--ginger-primary-color, #111827)"
+      }, ...r },
+      "aria-label": s.syncedLyricsList,
+      children: p.map((h, b) => {
+        const x = b === m;
+        return /* @__PURE__ */ d(
+          "li",
+          {
+            "aria-current": x ? "true" : void 0,
+            "data-ginger-active": x || void 0,
+            className: [o, x ? i : void 0].filter(Boolean).join(" ") || void 0,
+            style: t ? void 0 : {
+              padding: "var(--ginger-playlist-row-padding, 4px 8px)",
+              fontWeight: x ? 600 : 400,
+              opacity: x ? 1 : 0.75
+            },
+            children: u ? u(h, b, x, c) : h.text
+          },
+          `${h.time}-${b}`
+        );
+      })
+    }
+  );
+}
+lr.displayName = "Ginger.Current.LyricsSynced";
+function Tn() {
+  const { tracks: e, currentIndex: r } = G(), { currentTime: n, seek: a } = K(), t = S(() => {
+    var u;
+    return [...((u = e[r]) == null ? void 0 : u.chapters) ?? []].filter((c) => c && Number.isFinite(c.startSeconds) && c.startSeconds >= 0).sort((c, s) => c.startSeconds - s.startSeconds);
+  }, [r, e]), i = S(() => {
+    if (t.length === 0) return -1;
+    for (let o = t.length - 1; o >= 0; o -= 1)
+      if (n >= t[o].startSeconds) return o;
+    return -1;
+  }, [n, t]);
+  return {
+    list: t,
+    activeIndex: i,
+    active: i >= 0 ? t[i] ?? null : null,
+    seekTo: (o) => {
+      const u = t[o];
+      u && a(u.startSeconds);
+    }
+  };
+}
+function dr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  unstyled: t = !1,
+  formatStart: i = z,
+  children: o
+}) {
+  const u = E(), c = R(), { list: s, activeIndex: p, seekTo: m } = Tn();
+  if (s.length === 0) {
+    const h = a ?? n ?? null;
+    return h ? /* @__PURE__ */ d(
+      "span",
+      {
+        "data-ginger-component": "Chapters",
+        className: e,
+        style: r,
+        children: h
+      }
+    ) : null;
+  }
+  return /* @__PURE__ */ d(
+    "ul",
+    {
+      className: e,
+      style: { ...t ? {} : {
+        listStyle: "none",
+        margin: 0,
+        padding: 0,
+        fontFamily: "var(--ginger-font-family, system-ui, sans-serif)",
+        fontSize: "var(--ginger-font-size, 14px)",
+        color: "var(--ginger-primary-color, #111827)"
+      }, ...r },
+      "aria-label": c.chaptersList,
+      children: s.map((h, b) => {
+        const x = b === p;
+        return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            "aria-current": x ? "true" : void 0,
+            "data-ginger-active": x || void 0,
+            onClick: () => m(b),
+            style: {
+              width: t ? void 0 : "100%",
+              textAlign: t ? void 0 : "left",
+              border: t ? void 0 : "none",
+              background: t ? void 0 : x ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+              color: t ? void 0 : "inherit",
+              font: t ? void 0 : "inherit",
+              cursor: t ? void 0 : "pointer",
+              padding: t ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)"
+            },
+            children: o ? o(h, b, x, u) : t ? /* @__PURE__ */ W(Cr, { children: [
+              i(h.startSeconds),
+              " ",
+              h.title
+            ] }) : /* @__PURE__ */ W("span", { children: [
+              /* @__PURE__ */ d("span", { style: { opacity: 0.75, marginRight: "0.35em" }, children: i(h.startSeconds) }),
+              h.title
+            ] })
+          }
+        ) }, `${h.startSeconds}-${h.title}`);
+      })
+    }
+  );
+}
+dr.displayName = "Ginger.Current.Chapters";
+function fr({
+  visible: e = !1,
+  className: r,
+  style: n,
+  fallback: a,
+  empty: t,
+  children: i
+}) {
+  var c;
+  const o = E();
+  if (!e) return null;
+  const u = ((c = B(o)) == null ? void 0 : c.fileUrl) ?? "";
+  if (!u) {
+    const s = t ?? a ?? null;
+    return s ? /* @__PURE__ */ d("span", { className: r, style: n, children: s }) : null;
+  }
+  return i ? /* @__PURE__ */ d("span", { "data-ginger-component": "FileUrl", className: r, style: n, children: i(u, o) }) : /* @__PURE__ */ d("span", { className: r, style: n, children: u });
+}
+fr.displayName = "Ginger.Current.FileUrl";
+function gr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  sizes: t,
+  loading: i,
+  onError: o,
+  decoding: u,
+  unstyled: c = !1,
+  imgStyle: s
+}) {
+  const p = E(), m = B(p), v = tn(p);
+  if (!v) {
+    const b = a ?? n ?? null;
+    return b ? /* @__PURE__ */ d(
+      "span",
+      {
+        className: e,
+        style: r,
+        children: b
+      }
+    ) : null;
+  }
+  const h = [m == null ? void 0 : m.title, m == null ? void 0 : m.artist].filter(Boolean).join(" — ") || "Artwork";
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "data-ginger-component": "Artwork",
+      className: e,
+      style: c ? { ...r } : {
+        background: "var(--ginger-artwork-bg, transparent)",
+        borderRadius: "var(--ginger-artwork-radius, 0)",
+        overflow: "hidden",
+        ...r
+      },
+      children: /* @__PURE__ */ d(
+        "img",
+        {
+          src: v,
+          alt: h,
+          sizes: t,
+          loading: i,
+          decoding: u,
+          onError: o,
+          style: {
+            display: c ? void 0 : "block",
+            width: c ? void 0 : "100%",
+            height: c ? void 0 : "100%",
+            objectFit: c ? void 0 : "cover",
+            ...s
+          }
+        }
+      )
+    }
+  );
+}
+gr.displayName = "Ginger.Current.Artwork";
+function pr({
+  base: e = 0,
+  className: r,
+  style: n,
+  fallback: a,
+  empty: t,
+  children: i
+}) {
+  const o = E();
+  if (o.tracks.length === 0) {
+    const s = t ?? a ?? null;
+    return s ? /* @__PURE__ */ d(
+      "span",
+      {
+        "data-ginger-component": "QueueIndex",
+        className: r,
+        style: n,
+        children: s
+      }
+    ) : null;
+  }
+  const c = String(o.currentIndex + e);
+  return i ? /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "QueueIndex",
+      className: r,
+      style: n,
+      children: i(c, o)
+    }
+  ) : /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "QueueIndex",
+      className: r,
+      style: n,
+      children: c
+    }
+  );
+}
+pr.displayName = "Ginger.Current.QueueIndex";
+function mr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  children: t
+}) {
+  const i = E(), o = String(i.tracks.length);
+  if (i.tracks.length === 0) {
+    const u = a ?? n ?? null;
+    return u ? /* @__PURE__ */ d("span", { className: e, style: r, children: u }) : null;
+  }
+  return t ? /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "QueueLength",
+      className: e,
+      style: r,
+      children: t(o, i)
+    }
+  ) : /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "QueueLength",
+      className: e,
+      style: r,
+      children: o
+    }
+  );
+}
+mr.displayName = "Ginger.Current.QueueLength";
+function yr({
+  base: e = 0,
+  separator: r = " / ",
+  className: n,
+  style: a,
+  fallback: t,
+  empty: i,
+  children: o
+}) {
+  const u = E(), c = u.tracks.length;
+  if (c === 0) {
+    const v = i ?? t ?? null;
+    return v ? /* @__PURE__ */ d("span", { className: n, style: a, children: v }) : null;
+  }
+  const s = String(u.currentIndex + e), p = String(c), m = `${s}${r}${p}`;
+  return o ? /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "QueuePosition",
+      className: n,
+      style: a,
+      children: o({ index: s, length: p, label: m }, u)
+    }
+  ) : /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "QueuePosition",
+      className: n,
+      style: a,
+      children: m
+    }
+  );
+}
+yr.displayName = "Ginger.Current.QueuePosition";
+function Ce(e, r, n) {
+  const {
+    className: a,
+    style: t,
+    fallback: i,
+    empty: o,
+    children: u,
+    format: c = z
+  } = n;
+  if (!(e >= 0) || !Number.isFinite(e)) {
+    const p = o ?? i ?? null;
+    return p ? /* @__PURE__ */ d(
+      "span",
+      {
+        "data-ginger-component": "TimeText",
+        className: a,
+        style: t,
+        children: p
+      }
+    ) : null;
+  }
+  const s = c(e);
+  return u ? /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "TimeText",
+      className: a,
+      style: t,
+      children: u(s, r)
+    }
+  ) : /* @__PURE__ */ d("span", { "data-ginger-component": "TimeText", className: a, style: t, children: s });
+}
+function hr(e) {
+  const r = E();
+  return Ce(r.currentTime, r, e);
+}
+hr.displayName = "Ginger.Current.Elapsed";
+function br(e) {
+  const r = E();
+  return Ce(J(r), r, e);
+}
+br.displayName = "Ginger.Current.Duration";
+function vr(e) {
+  const r = E();
+  return Ce(nn(r), r, e);
+}
+vr.displayName = "Ginger.Current.Remaining";
+function kr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  children: t
+}) {
+  const i = E(), o = J(i), u = Je(i);
+  if (!(o > 0)) {
+    const c = a ?? n ?? null;
+    return c ? /* @__PURE__ */ d(
+      "span",
+      {
+        "data-ginger-component": "Progress",
+        className: e,
+        style: r,
+        children: c
+      }
+    ) : null;
+  }
+  return t ? /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "Progress",
+      className: e,
+      style: r,
+      children: t(
+        { fraction: u, currentTime: i.currentTime, duration: o },
+        i
+      )
+    }
+  ) : /* @__PURE__ */ d("span", { "data-ginger-component": "Progress", className: e, style: r, children: `${Math.round(u * 100)}%` });
+}
+kr.displayName = "Ginger.Current.Progress";
+function Tr({
+  className: e,
+  style: r,
+  height: n = 4,
+  showBuffered: a = !1,
+  unstyled: t = !1
+}) {
+  const i = E(), o = `${Math.round(Je(i) * 100)}%`, u = `${Math.round(Math.min(1, Math.max(0, i.bufferedFraction)) * 100)}%`;
+  return /* @__PURE__ */ W(
+    "div",
+    {
+      "data-ginger-component": "TimeRail",
+      className: e,
+      style: t ? { ...r } : {
+        width: "100%",
+        height: n,
+        background: "var(--ginger-muted-color, #e5e7eb)",
+        borderRadius: 999,
+        overflow: "hidden",
+        position: "relative",
+        ...r
+      },
+      "aria-hidden": !0,
+      children: [
+        a ? /* @__PURE__ */ d(
+          "div",
+          {
+            "data-ginger-component": "TimeRail",
+            style: {
+              position: t ? void 0 : "absolute",
+              left: t ? void 0 : 0,
+              top: t ? void 0 : 0,
+              height: t ? void 0 : "100%",
+              width: u,
+              background: t ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+            }
+          }
+        ) : null,
+        /* @__PURE__ */ d(
+          "div",
+          {
+            "data-ginger-component": "TimeRail",
+            style: {
+              position: t ? void 0 : "relative",
+              width: o,
+              height: t ? void 0 : "100%",
+              background: t ? void 0 : "var(--ginger-primary-color, #111827)"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+Tr.displayName = "Ginger.Current.TimeRail";
+function xr({
+  className: e,
+  style: r,
+  height: n = 4,
+  unstyled: a = !1
+}) {
+  const t = E(), i = `${Math.round(Math.min(1, Math.max(0, t.bufferedFraction)) * 100)}%`;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "data-ginger-component": "BufferRail",
+      className: e,
+      style: a ? { ...r } : {
+        width: "100%",
+        height: n,
+        background: "var(--ginger-muted-color, #e5e7eb)",
+        borderRadius: 999,
+        overflow: "hidden",
+        ...r
+      },
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          "data-ginger-component": "BufferRail",
+          style: {
+            width: i,
+            height: a ? void 0 : "100%",
+            background: a ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+          }
+        }
+      )
+    }
+  );
+}
+xr.displayName = "Ginger.Current.BufferRail";
+function Mr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  children: t
+}) {
+  const i = E(), o = qe(i);
+  return t ? /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "PlaybackState",
+      className: e,
+      style: r,
+      children: t(o, i)
+    }
+  ) : /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "PlaybackState",
+      className: e,
+      style: r,
+      children: o
+    }
+  );
+}
+Mr.displayName = "Ginger.Current.PlaybackState";
+function Ir({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  live: t = "polite",
+  children: i
+}) {
+  const o = E(), u = o.errorMessage ?? "";
+  if (!u) {
+    const c = a ?? n ?? null;
+    return c ? /* @__PURE__ */ d(
+      "span",
+      {
+        "data-ginger-component": "ErrorMessage",
+        className: e,
+        style: r,
+        children: c
+      }
+    ) : null;
+  }
+  return i ? /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "ErrorMessage",
+      className: e,
+      style: r,
+      "aria-live": t,
+      children: i(u, o)
+    }
+  ) : /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "ErrorMessage",
+      className: e,
+      style: r,
+      "aria-live": t,
+      children: u
+    }
+  );
+}
+Ir.displayName = "Ginger.Current.ErrorMessage";
+const Ne = we(null);
+function xn() {
+  const e = Le(Ne);
+  if (!e)
+    throw new Error("Ginger.Playlist.Track must be used inside <Ginger.Playlist>");
+  return e;
+}
+function Er({
+  children: e,
+  unstyled: r = !1,
+  rowStyle: n,
+  renderTrack: a,
+  playOnSelect: t = !0,
+  style: i,
+  ...o
+}) {
+  const { tracks: u, currentIndex: c, playTrackAt: s, selectTrackAt: p } = G(), m = r ? { ...i } : {
+    listStyle: "none",
+    margin: 0,
+    padding: 0,
+    fontFamily: "var(--ginger-font-family, system-ui, sans-serif)",
+    fontSize: "var(--ginger-font-size, 14px)",
+    color: "var(--ginger-primary-color, #111827)",
+    ...i
+  };
+  return e !== void 0 ? /* @__PURE__ */ d(Ne.Provider, { value: { playOnSelect: t }, children: /* @__PURE__ */ d("ul", { style: m, ...o, children: e }) }) : /* @__PURE__ */ d(Ne.Provider, { value: { playOnSelect: t }, children: /* @__PURE__ */ d("ul", { "data-ginger-component": "Playlist", style: m, ...o, children: u.map((h, b) => {
+    const x = b === c;
+    return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          t ? s(b) : p(b);
+        },
+        style: {
+          width: r ? void 0 : "100%",
+          textAlign: r ? void 0 : "left",
+          border: r ? void 0 : "none",
+          background: r ? void 0 : x ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+          color: r ? void 0 : "inherit",
+          font: r ? void 0 : "inherit",
+          cursor: r ? void 0 : "pointer",
+          padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
+          ...n
+        },
+        children: a ? a(h, b, x) : /* @__PURE__ */ W("span", { children: [
+          h.title,
+          h.artist ? ` — ${h.artist}` : ""
+        ] })
+      }
+    ) }, `${b}-${q(h)}`);
+  }) }) });
+}
+Er.displayName = "Ginger.Playlist";
+function Pr({
+  index: e,
+  unstyled: r = !1,
+  className: n,
+  style: a,
+  children: t,
+  liProps: i,
+  onClick: o,
+  ...u
+}) {
+  const { playOnSelect: c } = xn(), { tracks: s, currentIndex: p, playTrackAt: m, selectTrackAt: v } = G(), h = e === p, b = s[e], x = b != null ? /* @__PURE__ */ W("span", { children: [
+    b.title,
+    b.artist ? ` — ${b.artist}` : ""
+  ] }) : null;
+  return /* @__PURE__ */ d("li", { ...i, children: /* @__PURE__ */ d(
+    "button",
+    {
+      type: "button",
+      "aria-current": h ? "true" : void 0,
+      "data-ginger-active": h || void 0,
+      className: n,
+      style: {
+        width: r ? void 0 : "100%",
+        textAlign: r ? void 0 : "left",
+        border: r ? void 0 : "none",
+        background: r ? void 0 : h ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+        color: r ? void 0 : "inherit",
+        font: r ? void 0 : "inherit",
+        cursor: r ? void 0 : "pointer",
+        padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
+        ...a
+      },
+      ...u,
+      onClick: (g) => {
+        o == null || o(g), !g.defaultPrevented && (c ? m(e) : v(e));
+      },
+      children: t ?? x
+    }
+  ) });
+}
+Pr.displayName = "Ginger.Playlist.Track";
+const Mn = Object.assign(Er, {
+  Track: Pr
+}), In = Y(
+  "Ginger.Queue.Title",
+  (e) => {
+    var r;
+    return (r = e.playlistMeta) == null ? void 0 : r.title;
+  }
+), En = Y(
+  "Ginger.Queue.Subtitle",
+  (e) => {
+    var r;
+    return (r = e.playlistMeta) == null ? void 0 : r.subtitle;
+  }
+), Pn = Y(
+  "Ginger.Queue.Description",
+  (e) => {
+    var r;
+    return (r = e.playlistMeta) == null ? void 0 : r.description;
+  }
+), Sn = Y(
+  "Ginger.Queue.Copyright",
+  (e) => {
+    var r;
+    return (r = e.playlistMeta) == null ? void 0 : r.copyright;
+  }
+);
+function Sr({
+  className: e,
+  style: r,
+  fallback: n,
+  empty: a,
+  unstyled: t = !1,
+  imgStyle: i
+}) {
+  var s, p;
+  const o = E(), u = (s = o.playlistMeta) == null ? void 0 : s.artworkUrl;
+  if (!u) {
+    const m = a ?? n ?? null;
+    return m ? /* @__PURE__ */ d("span", { className: e, style: r, children: m }) : null;
+  }
+  const c = ((p = o.playlistMeta) == null ? void 0 : p.title) ?? "Playlist artwork";
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      "data-ginger-component": "Artwork",
+      className: e,
+      style: t ? { ...r } : {
+        display: "inline-block",
+        background: "var(--ginger-artwork-bg, #f3f4f6)",
+        borderRadius: "var(--ginger-artwork-radius, 6px)",
+        overflow: "hidden",
+        ...r
+      },
+      children: /* @__PURE__ */ d(
+        "img",
+        {
+          src: u,
+          alt: c,
+          style: {
+            display: t ? void 0 : "block",
+            width: t ? void 0 : "100%",
+            height: t ? void 0 : "100%",
+            objectFit: t ? void 0 : "cover",
+            ...i
+          }
+        }
+      )
+    }
+  );
+}
+Sr.displayName = "Ginger.Queue.Artwork";
+function Ae(e) {
+  return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 1;
+}
+function De(e) {
+  return Number.isFinite(e) ? Math.min(4, Math.max(0.25, e)) : 1;
+}
+const V = {
+  currentTime: 0,
+  duration: 0,
+  bufferedFraction: 0,
+  isBuffering: !1,
+  errorMessage: null
+}, An = {
+  ...V,
+  volume: 1,
+  muted: !1,
+  playbackRate: 1
+};
+function Ar(e) {
+  const r = [...e.tracks];
+  let n = A(e.currentIndex ?? 0, r.length), a = null, t = r;
+  return e.isShuffled && r.length > 1 && (a = [...r], t = Xe(r, n), n = 0), {
+    tracks: t,
+    currentIndex: n,
+    playbackMode: e.playbackMode ?? "playlist",
+    isPaused: e.isPaused ?? !0,
+    isShuffled: !!(e.isShuffled && t.length > 1),
+    repeatMode: e.repeatMode ?? "off",
+    originalTracks: a,
+    playlistMeta: e.playlistMeta ?? null,
+    ...An,
+    volume: Ae(e.volume ?? 1),
+    muted: e.muted ?? !1,
+    playbackRate: De(e.playbackRate ?? 1)
+  };
+}
+function Rn(e, r) {
+  switch (r.type) {
+    case "INIT": {
+      const {
+        tracks: n,
+        currentIndex: a,
+        playlistMeta: t,
+        isPaused: i,
+        isShuffled: o,
+        repeatMode: u,
+        playbackMode: c,
+        volume: s,
+        muted: p,
+        playbackRate: m
+      } = r.payload;
+      return Ar({
+        tracks: n,
+        currentIndex: a,
+        playlistMeta: t ?? null,
+        isPaused: i ?? !0,
+        isShuffled: o ?? !1,
+        repeatMode: u ?? "off",
+        playbackMode: c ?? "playlist",
+        volume: s,
+        muted: p,
+        playbackRate: m
+      });
+    }
+    case "SET_QUEUE": {
+      const { tracks: n, currentIndex: a } = r.payload, t = [...n], i = A(a ?? e.currentIndex, t.length);
+      return {
+        ...e,
+        tracks: t,
+        currentIndex: i,
+        isShuffled: !1,
+        originalTracks: null,
+        ...V
+      };
+    }
+    case "INSERT_TRACK": {
+      const n = r.payload.index ?? e.tracks.length, a = ze(e.tracks, r.payload.track, n);
+      if (r.payload.autoPlay) {
+        const i = A(n, a.length);
+        return {
+          ...e,
+          tracks: a,
+          currentIndex: i,
+          isShuffled: !1,
+          originalTracks: null,
+          isPaused: !1,
+          ...V
+        };
+      }
+      const t = n <= e.currentIndex ? e.currentIndex + 1 : e.currentIndex;
+      return {
+        ...e,
+        tracks: a,
+        isShuffled: !1,
+        originalTracks: null,
+        currentIndex: A(t, a.length)
+      };
+    }
+    case "REMOVE_TRACK": {
+      const n = r.payload.index, a = Xr(e.tracks, n), t = n < e.currentIndex ? e.currentIndex - 1 : n === e.currentIndex ? Math.min(e.currentIndex, Math.max(0, a.length - 1)) : e.currentIndex;
+      return {
+        ...e,
+        tracks: a,
+        isShuffled: !1,
+        originalTracks: null,
+        currentIndex: A(t, a.length),
+        ...n === e.currentIndex ? V : {}
+      };
+    }
+    case "MOVE_TRACK": {
+      const { fromIndex: n, toIndex: a } = r.payload, t = zr(e.tracks, n, a);
+      let i = e.currentIndex;
+      return e.currentIndex === n ? i = a : n < e.currentIndex && a >= e.currentIndex ? i -= 1 : n > e.currentIndex && a <= e.currentIndex && (i += 1), {
+        ...e,
+        tracks: t,
+        isShuffled: !1,
+        originalTracks: null,
+        currentIndex: A(i, t.length)
+      };
+    }
+    case "ADD_NEXT": {
+      const n = Wr(e.tracks, e.currentIndex, r.payload.track);
+      return {
+        ...e,
+        tracks: n,
+        isShuffled: !1,
+        originalTracks: null
+      };
+    }
+    case "SET_INDEX": {
+      const n = A(r.payload.index, e.tracks.length), a = r.payload.autoPlay, t = a === !0 ? !1 : a === !1 ? !0 : e.isPaused;
+      return {
+        ...e,
+        currentIndex: n,
+        ...V,
+        isPaused: t
+      };
+    }
+    case "PLAY":
+      return { ...e, isPaused: !1 };
+    case "PAUSE":
+      return { ...e, isPaused: !0 };
+    case "TOGGLE_PAUSE":
+      return { ...e, isPaused: !e.isPaused };
+    case "SET_REPEAT":
+      return { ...e, repeatMode: r.payload };
+    case "CYCLE_REPEAT":
+      return { ...e, repeatMode: en(e.repeatMode) };
+    case "TOGGLE_SHUFFLE": {
+      if (e.tracks.length <= 1) return { ...e, isShuffled: !1, originalTracks: null };
+      if (!e.isShuffled) {
+        const i = [...e.tracks], o = Xe(i, e.currentIndex);
+        return {
+          ...e,
+          isShuffled: !0,
+          originalTracks: i,
+          tracks: o,
+          currentIndex: 0
+        };
+      }
+      const n = e.originalTracks ? [...e.originalTracks] : [...e.tracks], a = e.tracks[e.currentIndex], t = Kr(n, a);
+      return {
+        ...e,
+        isShuffled: !1,
+        originalTracks: null,
+        tracks: n,
+        currentIndex: A(t, n.length)
+      };
+    }
+    case "NEXT": {
+      const n = Jr(e), a = n === e.currentIndex;
+      return {
+        ...e,
+        currentIndex: n,
+        ...a ? {} : V,
+        isPaused: a ? e.isPaused : !1
+      };
+    }
+    case "PREV": {
+      const n = Zr(e), a = n === e.currentIndex;
+      return {
+        ...e,
+        currentIndex: n,
+        ...a ? {} : V,
+        isPaused: a ? e.isPaused : !1
+      };
+    }
+    case "MEDIA_TIME_UPDATE":
+      return {
+        ...e,
+        currentTime: r.payload.currentTime,
+        duration: Number.isFinite(r.payload.duration) ? r.payload.duration : e.duration,
+        bufferedFraction: r.payload.bufferedFraction,
+        isBuffering: !1
+      };
+    case "MEDIA_LOADED_METADATA":
+      return {
+        ...e,
+        duration: Number.isFinite(r.payload.duration) ? r.payload.duration : e.duration,
+        bufferedFraction: r.payload.bufferedFraction,
+        errorMessage: null
+      };
+    case "SET_PLAYLIST_META":
+      return { ...e, playlistMeta: r.payload };
+    case "SET_PLAYBACK_MODE":
+      return { ...e, playbackMode: r.payload };
+    case "MEDIA_ERROR":
+      return {
+        ...e,
+        errorMessage: r.payload.message,
+        isPaused: !0,
+        isBuffering: !1
+      };
+    case "MEDIA_WAITING":
+      return { ...e, isBuffering: !0 };
+    case "MEDIA_CANPLAY":
+      return { ...e, isBuffering: !1, errorMessage: null };
+    case "MEDIA_PLAY":
+      return { ...e, isPaused: !1, isBuffering: !1 };
+    case "MEDIA_PAUSE":
+      return { ...e, isPaused: !0 };
+    case "RESET_MEDIA_TIMES":
+      return { ...e, currentTime: 0, duration: 0, bufferedFraction: 0 };
+    case "MEDIA_SOURCE_CLEARED":
+      return { ...e, ...V };
+    case "SET_VOLUME":
+      return { ...e, volume: Ae(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: De(r.payload) };
+    case "MEDIA_VOLUME_SYNC": {
+      const { volume: n, muted: a } = r.payload, t = Ae(n);
+      return t === e.volume && a === e.muted ? e : { ...e, volume: t, muted: a };
+    }
+    default:
+      return e;
+  }
+}
+function Ge() {
+  return typeof navigator > "u" || !("mediaSession" in navigator) ? null : navigator.mediaSession;
+}
+function _n(e, r, n) {
+  var c;
+  const a = r.tracks[r.currentIndex], t = a == null ? void 0 : a.title, i = a == null ? void 0 : a.artist, o = a == null ? void 0 : a.album, u = We(a, (c = r.playlistMeta) == null ? void 0 : c.artworkUrl);
+  P(() => {
+    const s = Ge();
+    !e || !s || (s.metadata = new MediaMetadata({
+      title: t ?? "Unknown track",
+      artist: i,
+      album: o,
+      artwork: u ? [{ src: u }] : void 0
+    }));
+  }, [e, t, i, o, u]), P(() => {
+    const s = Ge();
+    !e || !s || (s.playbackState = r.isPaused ? "paused" : "playing");
+  }, [e, r.isPaused]), P(() => {
+    const s = Ge();
+    if (!(!e || !s)) {
+      try {
+        s.setActionHandler("play", n.play), s.setActionHandler("pause", n.pause), s.setActionHandler("nexttrack", n.next), s.setActionHandler("previoustrack", n.prev), s.setActionHandler("seekto", (p) => {
+          typeof p.seekTime == "number" && Number.isFinite(p.seekTime) && n.seek(p.seekTime);
+        });
+      } catch {
+      }
+      return () => {
+        try {
+          s.setActionHandler("play", null), s.setActionHandler("pause", null), s.setActionHandler("nexttrack", null), s.setActionHandler("previoustrack", null), s.setActionHandler("seekto", null);
+        } catch {
+        }
+      };
+    }
+  }, [e, n]);
+}
+const Gn = {
+  "--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-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 Nn({
+  children: e,
+  initialTracks: r = [],
+  initialIndex: n = 0,
+  initialPlaylistMeta: a = null,
+  initialShuffle: t = !1,
+  initialRepeatMode: i = "off",
+  initialPlaybackMode: o = "playlist",
+  initialPaused: u = !0,
+  initialVolume: c = 1,
+  initialMuted: s = !1,
+  initialPlaybackRate: p = 1,
+  initialStateKey: m,
+  locale: v,
+  mediaSession: h = !1,
+  beforePlay: b,
+  onPlayBlocked: x,
+  persistence: g,
+  hydrateOnMount: I = !1,
+  resumeOnTrackChange: _ = !1,
+  unstyled: w = !1,
+  asChild: Z = !1,
+  className: ee,
+  style: Re,
+  onTrackChange: re,
+  onPlay: ne,
+  onPause: te,
+  onQueueEnd: ae,
+  onError: ie
+}) {
+  var Oe;
+  const $ = O(null), [l, y] = Fr(
+    Rn,
+    void 0,
+    () => Ar({
+      tracks: r,
+      currentIndex: n,
+      playlistMeta: a,
+      isPaused: u,
+      isShuffled: t,
+      repeatMode: i,
+      playbackMode: o,
+      volume: c,
+      muted: s,
+      playbackRate: p
+    })
+  ), Fe = O(l), _e = O({
+    tracks: r,
+    currentIndex: n,
+    playlistMeta: a,
+    isPaused: u,
+    isShuffled: t,
+    repeatMode: i,
+    playbackMode: o,
+    volume: c,
+    muted: s,
+    playbackRate: p
+  });
+  _e.current = {
+    tracks: r,
+    currentIndex: n,
+    playlistMeta: a,
+    isPaused: u,
+    isShuffled: t,
+    repeatMode: i,
+    playbackMode: o,
+    volume: c,
+    muted: s,
+    playbackRate: p
+  };
+  const X = O(void 0);
+  P(() => {
+    if (m === void 0) {
+      X.current = void 0;
+      return;
+    }
+    if (X.current === void 0) {
+      X.current = m;
+      return;
+    }
+    if (X.current === m) return;
+    X.current = m;
+    const f = _e.current;
+    y({
+      type: "INIT",
+      payload: {
+        tracks: f.tracks,
+        currentIndex: f.currentIndex,
+        playlistMeta: f.playlistMeta,
+        isPaused: f.isPaused,
+        isShuffled: f.isShuffled,
+        repeatMode: f.repeatMode,
+        playbackMode: f.playbackMode,
+        volume: f.volume,
+        muted: f.muted,
+        playbackRate: f.playbackRate
+      }
+    });
+  }, [m, y]), P(() => {
+    Fe.current = l;
+  }, [l]);
+  const Ue = l.tracks[l.currentIndex] ?? null;
+  P(() => {
+    re == null || re(Ue, l.currentIndex);
+  }, [Ue, l.currentIndex, re]), P(() => {
+    l.errorMessage && (ie == null || ie(l.errorMessage));
+  }, [l.errorMessage, ie]);
+  const oe = O(void 0);
+  P(() => {
+    if (oe.current === void 0) {
+      oe.current = l.isPaused;
+      return;
+    }
+    oe.current !== l.isPaused && (l.isPaused ? te == null || te() : ne == null || ne()), oe.current = l.isPaused;
+  }, [l.isPaused, te, ne]);
+  const D = M(() => {
+    y({ type: "PLAY" });
+  }, []), F = M(() => {
+    var f;
+    y({ type: "PAUSE" }), (f = $.current) == null || f.pause();
+  }, []), ue = M(() => {
+    l.isPaused ? D() : F();
+  }, [F, D, l.isPaused]), U = M((f) => {
+    const k = $.current;
+    k && Number.isFinite(f) && (k.currentTime = Math.max(0, f));
+  }, []), se = M((f) => {
+    y({ type: "SET_VOLUME", payload: Ae(f) });
+  }, []), ce = M((f) => {
+    y({ type: "SET_MUTED", payload: f });
+  }, []), le = M(() => {
+    y({ type: "TOGGLE_MUTE" });
+  }, []), de = M((f) => {
+    y({ type: "SET_PLAYBACK_RATE", payload: De(f) });
+  }, []), j = M(() => {
+    y({ type: "NEXT" });
+  }, []), H = M(() => {
+    y({ type: "PREV" });
+  }, []), fe = M((f) => {
+    y({ type: "SET_REPEAT", payload: f });
+  }, []), ge = M(() => {
+    y({ type: "CYCLE_REPEAT" });
+  }, []), pe = M(() => {
+    y({ type: "TOGGLE_SHUFFLE" });
+  }, []), me = M((f, k) => {
+    y({ type: "SET_QUEUE", payload: { tracks: f, currentIndex: k } });
+  }, []), ye = M((f, k, T) => {
+    y({ type: "INSERT_TRACK", payload: { track: f, index: k, autoPlay: T } });
+  }, []), he = M((f) => {
+    y({ type: "REMOVE_TRACK", payload: { index: f } });
+  }, []), be = M((f, k) => {
+    y({ type: "MOVE_TRACK", payload: { fromIndex: f, toIndex: k } });
+  }, []), ve = M((f) => {
+    y({ type: "ADD_NEXT", payload: { track: f } });
+  }, []), ke = M((f) => {
+    y({ type: "SET_INDEX", payload: { index: f, autoPlay: !0 } });
+  }, []), Te = M((f) => {
+    y({ type: "SET_INDEX", payload: { index: f, autoPlay: !1 } });
+  }, []), xe = M((f) => {
+    y({ type: "SET_PLAYLIST_META", payload: f });
+  }, []), Me = M((f) => {
+    y({ type: "SET_PLAYBACK_MODE", payload: f });
+  }, []), Ie = M((f) => {
+    y({ type: "INIT", payload: f });
+  }, []);
+  P(() => {
+    if (!g || !I) return;
+    const f = g.get("ginger:volume"), k = g.get("ginger:muted"), T = g.get("ginger:playbackRate"), C = g.get("ginger:repeatMode"), Pe = g.get("ginger:currentIndex"), L = _e.current;
+    y({
+      type: "INIT",
+      payload: {
+        tracks: L.tracks,
+        playlistMeta: L.playlistMeta,
+        isPaused: L.isPaused,
+        isShuffled: L.isShuffled,
+        playbackMode: L.playbackMode,
+        currentIndex: typeof Pe == "number" ? Pe : L.currentIndex,
+        repeatMode: C === "off" || C === "all" || C === "one" ? C : L.repeatMode,
+        volume: typeof f == "number" ? f : L.volume,
+        muted: typeof k == "boolean" ? k : L.muted,
+        playbackRate: typeof T == "number" ? T : L.playbackRate
+      }
+    });
+  }, [I, g]), P(() => {
+    g && (g.set("ginger:volume", l.volume), g.set("ginger:muted", l.muted), g.set("ginger:playbackRate", l.playbackRate), g.set("ginger:repeatMode", l.repeatMode), g.set("ginger:currentIndex", l.currentIndex));
+  }, [
+    g,
+    l.volume,
+    l.muted,
+    l.playbackRate,
+    l.repeatMode,
+    l.currentIndex
+  ]), P(() => {
+    if (!g || !_) return;
+    const f = l.tracks[l.currentIndex];
+    if (!f) return;
+    const k = `ginger:resume:${q(f)}`, T = g.get(k);
+    typeof T == "number" && Number.isFinite(T) && U(T);
+  }, [g, _, l.currentIndex, l.tracks, U]), P(() => {
+    if (!g || !_) return;
+    const f = l.tracks[l.currentIndex];
+    if (!f || !(l.currentTime >= 0)) return;
+    const k = `ginger:resume:${q(f)}`, T = setTimeout(() => g.set(k, l.currentTime), 250);
+    return () => clearTimeout(T);
+  }, [g, _, l.currentIndex, l.tracks, l.currentTime]);
+  const Rr = (Oe = l.tracks[l.currentIndex]) == null ? void 0 : Oe.fileUrl;
+  P(() => {
+    const f = $.current;
+    if (!f) return;
+    if (l.isPaused) {
+      f.pause();
+      return;
+    }
+    let k = !1;
+    return (async () => {
+      if (b) {
+        let T = !1;
+        try {
+          T = await b();
+        } catch (C) {
+          const Pe = C instanceof Error ? C.message : "beforePlay rejected";
+          y({ type: "MEDIA_ERROR", payload: { message: Pe } });
+          return;
+        }
+        if (!T) {
+          k || (y({ type: "PAUSE" }), x == null || x());
+          return;
+        }
+      }
+      k || f.play().catch((T) => {
+        const C = T instanceof Error ? T.message : typeof T == "string" ? T : "Playback failed (e.g. autoplay blocked or unavailable source)";
+        y({ type: "MEDIA_ERROR", payload: { message: C } });
+      });
+    })(), () => {
+      k = !0;
+    };
+  }, [b, Rr, x, l.isPaused]);
+  const Ee = M(() => {
+    const f = qr(Fe.current);
+    if (f.kind === "replay_same") {
+      const T = $.current;
+      T && (T.currentTime = 0), y({ type: "PLAY" });
+      return;
+    }
+    if (f.kind === "stop") {
+      y({ type: "PAUSE" }), ae == null || ae();
+      return;
+    }
+    const k = f.nextIndex;
+    y({ type: "SET_INDEX", payload: { index: k, autoPlay: !0 } });
+  }, [ae]), _r = S(
+    () => ({ play: D, pause: F, next: j, prev: H, seek: U }),
+    [D, F, j, H, U]
+  );
+  _n(!!h, l, _r);
+  const Ve = v != null && v.seek && /[\u0590-\u08FF]/.test(v.seek) ? "rtl" : "ltr", Gr = S(
+    () => ({
+      state: l,
+      dispatch: y,
+      audioRef: $,
+      notifyEnded: Ee,
+      init: Ie,
+      play: D,
+      pause: F,
+      togglePlayPause: ue,
+      seek: U,
+      setVolume: se,
+      setMuted: ce,
+      toggleMute: le,
+      setPlaybackRate: de,
+      next: j,
+      prev: H,
+      setRepeatMode: fe,
+      cycleRepeat: ge,
+      toggleShuffle: pe,
+      setQueue: me,
+      insertTrackAt: ye,
+      removeTrackAt: he,
+      moveTrack: be,
+      enqueueNext: ve,
+      playTrackAt: ke,
+      selectTrackAt: Te,
+      setPlaylistMeta: xe,
+      setPlaybackMode: Me
+    }),
+    [
+      ge,
+      y,
+      Ie,
+      j,
+      Ee,
+      F,
+      D,
+      ke,
+      ye,
+      he,
+      be,
+      ve,
+      Te,
+      H,
+      U,
+      ce,
+      de,
+      me,
+      fe,
+      xe,
+      Me,
+      se,
+      l,
+      le,
+      ue,
+      pe
+    ]
+  ), Nr = S(
+    () => ({
+      tracks: l.tracks,
+      currentIndex: l.currentIndex,
+      isPaused: l.isPaused,
+      isShuffled: l.isShuffled,
+      repeatMode: l.repeatMode,
+      originalTracks: l.originalTracks,
+      playlistMeta: l.playlistMeta,
+      init: Ie,
+      play: D,
+      pause: F,
+      togglePlayPause: ue,
+      next: j,
+      prev: H,
+      setRepeatMode: fe,
+      cycleRepeat: ge,
+      toggleShuffle: pe,
+      playbackMode: l.playbackMode,
+      setQueue: me,
+      insertTrackAt: ye,
+      removeTrackAt: he,
+      moveTrack: be,
+      enqueueNext: ve,
+      playTrackAt: ke,
+      selectTrackAt: Te,
+      setPlaylistMeta: xe,
+      setPlaybackMode: Me,
+      dispatch: y
+    }),
+    [
+      l.tracks,
+      l.currentIndex,
+      l.isPaused,
+      l.isShuffled,
+      l.repeatMode,
+      l.playbackMode,
+      l.originalTracks,
+      l.playlistMeta,
+      Ie,
+      D,
+      F,
+      ue,
+      j,
+      H,
+      fe,
+      ge,
+      pe,
+      me,
+      ye,
+      he,
+      be,
+      ve,
+      ke,
+      Te,
+      xe,
+      Me,
+      y
+    ]
+  ), Lr = S(
+    () => ({
+      currentTime: l.currentTime,
+      duration: l.duration,
+      bufferedFraction: l.bufferedFraction,
+      isBuffering: l.isBuffering,
+      errorMessage: l.errorMessage,
+      volume: l.volume,
+      muted: l.muted,
+      playbackRate: l.playbackRate,
+      seek: U,
+      setVolume: se,
+      setMuted: ce,
+      toggleMute: le,
+      setPlaybackRate: de,
+      audioRef: $,
+      notifyEnded: Ee,
+      dispatch: y
+    }),
+    [
+      l.currentTime,
+      l.duration,
+      l.bufferedFraction,
+      l.isBuffering,
+      l.errorMessage,
+      l.volume,
+      l.muted,
+      l.playbackRate,
+      U,
+      se,
+      ce,
+      le,
+      de,
+      $,
+      Ee,
+      y
+    ]
+  ), Be = qe(l), $e = S(
+    () => w ? Re : { ...Gn, ...Re },
+    [Re, w]
+  ), N = S(
+    () => ({
+      className: ee,
+      style: $e,
+      "data-ginger-playback": Be,
+      dir: Ve
+    }),
+    [ee, $e, Be, Ve]
+  ), wr = S(() => {
+    if (!Z)
+      return /* @__PURE__ */ d(
+        "div",
+        {
+          className: N.className,
+          style: N.style,
+          "data-ginger-playback": N["data-ginger-playback"],
+          dir: N.dir,
+          children: e
+        }
+      );
+    const f = Ur.only(e);
+    if (!Vr(f))
+      throw new Error("Ginger.Provider asChild expects a single React element child.");
+    const k = f, T = k.props.style;
+    return Br(k, {
+      className: Ln(k.props.className, N.className),
+      style: T && typeof T == "object" ? { ...T, ...N.style } : N.style,
+      "data-ginger-playback": N["data-ginger-playback"],
+      dir: N.dir
+    });
+  }, [Z, e, N]);
+  return /* @__PURE__ */ d(Hr, { locale: v, children: /* @__PURE__ */ d($r.Provider, { value: Nr, children: /* @__PURE__ */ d(Or.Provider, { value: Lr, children: /* @__PURE__ */ d(He.Provider, { value: Gr, children: wr }) }) }) });
+}
+function Ln(e, r) {
+  const n = [e, r].filter(Boolean).join(" ");
+  return n === "" ? void 0 : n;
+}
+const Fn = {
+  Provider: Nn,
+  Player: Qr,
+  Current: {
+    Title: ln,
+    Artist: dn,
+    Album: fn,
+    Description: gn,
+    Copyright: pn,
+    Genre: mn,
+    Label: yn,
+    Isrc: hn,
+    TrackNumber: bn,
+    Year: sr,
+    Lyrics: cr,
+    LyricsSynced: lr,
+    Chapters: dr,
+    FileUrl: fr,
+    Artwork: gr,
+    QueueIndex: pr,
+    QueueLength: mr,
+    QueuePosition: yr,
+    Elapsed: hr,
+    Duration: br,
+    Remaining: vr,
+    Progress: kr,
+    TimeRail: Tr,
+    BufferRail: xr,
+    PlaybackState: Mr,
+    ErrorMessage: Ir
+  },
+  Queue: {
+    Title: In,
+    Subtitle: En,
+    Description: Pn,
+    Copyright: Sn,
+    Artwork: Sr
+  },
+  Control: {
+    PlayPause: Ze,
+    Repeat: er,
+    Next: rr,
+    Previous: nr,
+    Shuffle: tr,
+    SeekBar: ar,
+    Volume: ir,
+    Mute: or,
+    PlaybackRate: ur
+  },
+  Playlist: Mn
+};
+export {
+  dr as C,
+  Fn as G,
+  lr as L,
+  Ae as a,
+  qe as b,
+  De as c,
+  Se as d,
+  R as e,
+  kn as f,
+  sn as g,
+  on as h,
+  un as i,
+  tn as j,
+  Je as k,
+  nn as l,
+  J as m,
+  B as n,
+  Jr as o,
+  vn as p,
+  an as r,
+  Tn as u
+};
+//# sourceMappingURL=ginger-G5-3BYSb.js.map