@lucaismyname/ginger 0.0.5 → 0.0.9

package/dist/index.js

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