@lucaismyname/ginger 0.0.25 → 0.0.28

package/dist/ginger-Dj-zM_lq.js

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