@lucaismyname/ginger 0.0.1

package/dist/index.js

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