@lucaismyname/ginger 0.0.5 → 0.0.9

package/dist/ginger-gb6OJ3eQ.js

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