@lucaismyname/ginger 0.0.54 → 0.0.56

package/dist/ginger-BHu7Ofna.js

@@ -0,0 +1,2177 @@
+import { jsx as c, jsxs as N, Fragment as yr } from "react/jsx-runtime";
+import { useContext as Qe, createContext as je, useRef as S, useState as bn, useEffect as E, useMemo as R, useReducer as kn, useCallback as I, Children as Tn, isValidElement as Mn, cloneElement as xn } from "react";
+import { c as V, u as ue, g as hr, d as A, G as In, f as En, h as Pn, i as An } from "./GingerSplitContexts-DQ3rESBu.js";
+import { f as pe } from "./formatTime-DUWvzW21.js";
+import { b as ze, g as le, r as Rn, a as Sn, p as vr, e as wn, d as br } from "./selectors-BT3WSsKN.js";
+import { t as Ye, d as _n, b as Gn, s as kr, f as Oe, e as q, g as Nn, h as lr, m as Ln, i as dr, j as pr, r as Dn, c as gr } from "./transitions-CmNkf3sd.js";
+const Tr = je(null);
+function Cn() {
+  const e = Qe(Tr);
+  if (!e) throw new Error("Ginger components must be used within <Ginger.Provider>");
+  return e;
+}
+function fr(e) {
+  const { buffered: r, duration: t } = e;
+  return !(t > 0) || r.length === 0 ? 0 : Math.min(1, r.end(r.length - 1) / t);
+}
+function Fn({
+  className: e,
+  style: r,
+  preload: t = "metadata",
+  crossOrigin: a,
+  respectReducedMotion: n = !1
+}) {
+  var x;
+  const { audioRef: i, dispatch: o, state: u, notifyEnded: d } = Cn(), p = ((x = u.tracks[u.currentIndex]) == null ? void 0 : x.fileUrl) ?? "", f = S({
+    currentTime: -1,
+    duration: -1,
+    bufferedFraction: -1
+  }), m = S(""), [M, g] = bn(!1);
+  E(() => {
+    if (!n || typeof window > "u") return;
+    const y = window.matchMedia("(prefers-reduced-motion: reduce)"), b = () => g(y.matches);
+    return b(), y.addEventListener("change", b), () => y.removeEventListener("change", b);
+  }, [n]);
+  const h = (y, b = !1) => {
+    const L = {
+      currentTime: y.currentTime,
+      duration: y.duration,
+      bufferedFraction: fr(y)
+    }, w = f.current, ge = M ? 0.5 : 0.25, fe = Math.abs(L.currentTime - w.currentTime) >= ge || Math.abs(L.duration - w.duration) >= 0.01 || Math.abs(L.bufferedFraction - w.bufferedFraction) >= 0.01;
+    !b && !fe || (f.current = L, o({
+      type: "MEDIA_TIME_UPDATE",
+      payload: L
+    }));
+  };
+  return E(() => {
+    const y = i.current;
+    y && (y.volume = u.volume, y.muted = u.muted);
+  }, [i, u.volume, u.muted]), E(() => {
+    const y = i.current;
+    if (y) {
+      if (!p) {
+        y.removeAttribute("src"), f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, m.current !== "" && o({ type: "MEDIA_SOURCE_CLEARED" }), m.current = "";
+        return;
+      }
+      y.getAttribute("src") !== p && (y.src = p, y.load(), f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }), m.current = p, y.playbackRate = u.playbackRate;
+    }
+  }, [i, o, p, u.playbackRate]), /* @__PURE__ */ c(
+    "audio",
+    {
+      "data-ginger-component": "Player",
+      ref: i,
+      className: e,
+      style: r,
+      preload: t,
+      crossOrigin: a,
+      controls: !1,
+      playsInline: !0,
+      onTimeUpdate: (y) => {
+        h(y.currentTarget);
+      },
+      onLoadedMetadata: (y) => {
+        const b = y.currentTarget;
+        f.current = { currentTime: -1, duration: -1, bufferedFraction: -1 }, o({
+          type: "MEDIA_LOADED_METADATA",
+          payload: {
+            duration: b.duration,
+            bufferedFraction: fr(b)
+          }
+        });
+      },
+      onSeeking: (y) => h(y.currentTarget, !0),
+      onSeeked: (y) => h(y.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: (y) => h(y.currentTarget, !0),
+      onVolumeChange: (y) => {
+        const b = y.currentTarget;
+        o({
+          type: "MEDIA_VOLUME_SYNC",
+          payload: { volume: b.volume, muted: b.muted }
+        });
+      },
+      onError: () => {
+        var w;
+        const y = i.current, b = (w = y == null ? void 0 : y.error) == null ? void 0 : w.code;
+        o({ type: "MEDIA_ERROR", payload: { message: b === 1 ? "MEDIA_ERR_ABORTED" : b === 2 ? "MEDIA_ERR_NETWORK" : b === 3 ? "MEDIA_ERR_DECODE" : b === 4 ? "MEDIA_ERR_SRC_NOT_SUPPORTED" : "MEDIA_ERR_UNKNOWN" } });
+      }
+    }
+  );
+}
+const Ce = {
+  seek: "Seek",
+  volume: "Volume",
+  playbackSpeed: "Playback speed",
+  chaptersList: "Chapters",
+  syncedLyricsList: "Synced lyrics",
+  nextTrack: "Next track",
+  previousTrack: "Previous track",
+  shuffle: "Shuffle",
+  mute: "Mute",
+  unmute: "Unmute",
+  play: "Play",
+  pause: "Pause",
+  repeat: {
+    off: "Repeat off",
+    all: "Repeat all",
+    one: "Repeat one"
+  },
+  playbackRateNormal: "1× normal",
+  playbackRateTimes: (e) => `${e}×`
+};
+function Un(e) {
+  return e ? {
+    ...Ce,
+    ...e,
+    repeat: { ...Ce.repeat, ...e.repeat }
+  } : Ce;
+}
+const Mr = je(Ce);
+function Vn({
+  locale: e,
+  children: r
+}) {
+  const t = Un(e);
+  return /* @__PURE__ */ c(Mr.Provider, { value: t, children: r });
+}
+function F() {
+  return Qe(Mr);
+}
+function Bn() {
+  const e = V(), r = ue(), t = F(), a = R(() => hr(e, r), [e, r]), n = ze(a), i = n > 0 ? a.currentTime : 0, o = Number.isFinite(i) ? i : 0, u = n > 0 ? `${pe(o)} of ${pe(n)}` : pe(o), d = (p) => {
+    r.seek(Number(p.currentTarget.value));
+  };
+  return {
+    state: a,
+    value: o,
+    min: 0,
+    max: n > 0 ? n : 1,
+    step: "any",
+    ariaValueText: u,
+    ariaLabel: t.seek,
+    onSeekInput: d,
+    onSeekChange: d
+  };
+}
+function On() {
+  const e = V(), r = ue(), t = F(), a = R(() => hr(e, r), [e, r]), n = (i) => {
+    r.setVolume(Number(i.currentTarget.value));
+  };
+  return {
+    state: a,
+    value: a.volume,
+    min: 0,
+    max: 1,
+    step: "any",
+    ariaValueText: `${Math.round(a.volume * 100)}%`,
+    ariaLabel: t.volume,
+    onVolumeInput: n,
+    onVolumeChange: n
+  };
+}
+function $n(e) {
+  const r = V(), t = F(), a = (e == null ? void 0 : e.playAriaLabel) ?? t.play, n = (e == null ? void 0 : e.pauseAriaLabel) ?? t.pause;
+  return {
+    isPaused: r.isPaused,
+    toggle: r.togglePlayPause,
+    ariaLabel: r.isPaused ? a : n
+  };
+}
+function U(e) {
+  const {
+    className: r,
+    width: t,
+    height: a,
+    viewBox: n,
+    fill: i,
+    stroke: o,
+    strokeWidth: u,
+    strokeLinecap: d,
+    strokeLinejoin: p,
+    children: f,
+    ...m
+  } = e;
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      "data-ginger-component": "Wrapper",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: t ?? 24,
+      height: a ?? 24,
+      viewBox: n ?? "0 0 24 24",
+      fill: "none",
+      stroke: o ?? "currentColor",
+      strokeWidth: u ?? 2,
+      strokeLinecap: d ?? "round",
+      strokeLinejoin: p ?? "round",
+      className: r,
+      "aria-hidden": !0,
+      role: "presentation",
+      ...m,
+      children: f
+    }
+  );
+}
+function xr() {
+  return /* @__PURE__ */ c(U, { children: /* @__PURE__ */ c("path", { "data-ginger-component": "Pause", d: "M6 4h4v16H6zM14 4h4v16h-4z" }) });
+}
+function Ir() {
+  return /* @__PURE__ */ c(U, { children: /* @__PURE__ */ c("path", { "data-ginger-component": "Play", d: "M5 3L19 12 5 21 5 3z" }) });
+}
+function $e() {
+  return /* @__PURE__ */ N(yr, { children: [
+    /* @__PURE__ */ c("path", { d: "m17 2 4 4-4 4" }),
+    /* @__PURE__ */ c("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }),
+    /* @__PURE__ */ c("path", { d: "m7 22-4-4 4-4" }),
+    /* @__PURE__ */ c("path", { d: "M21 13v1a4 4 0 0 1-4 4H3" })
+  ] });
+}
+function Er({ mode: e }) {
+  return e === "one" ? /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ c($e, {}),
+    /* @__PURE__ */ c("path", { "data-ginger-component": "RepeatGlyph", d: "M11 10h1v4" })
+  ] }) : e === "all" ? /* @__PURE__ */ c(U, { children: /* @__PURE__ */ c($e, {}) }) : /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ c($e, {}),
+    /* @__PURE__ */ c("line", { "data-ginger-component": "RepeatGlyph", x1: "3", x2: "21", y1: "3", y2: "21" })
+  ] });
+}
+function Pr() {
+  return /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ c("path", { d: "m18 14 4 4-4 4" }),
+    /* @__PURE__ */ c("path", { d: "m18 2 4 4-4 4" }),
+    /* @__PURE__ */ c(
+      "path",
+      {
+        "data-ginger-component": "ShuffleIcon",
+        d: "M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"
+      }
+    ),
+    /* @__PURE__ */ c("path", { d: "M2 6h1.972a4 4 0 0 1 3.6 2.2" }),
+    /* @__PURE__ */ c("path", { d: "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45" })
+  ] });
+}
+function Ar() {
+  return /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ c(
+      "path",
+      {
+        "data-ginger-component": "SkipBack",
+        d: "M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z"
+      }
+    ),
+    /* @__PURE__ */ c("path", { d: "M3 20V4" })
+  ] });
+}
+function Rr() {
+  return /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ c("path", { d: "M21 4v16" }),
+    /* @__PURE__ */ c(
+      "path",
+      {
+        "data-ginger-component": "SkipForward",
+        d: "M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z"
+      }
+    )
+  ] });
+}
+function Sr() {
+  return /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ c(
+      "path",
+      {
+        "data-ginger-component": "Volume2",
+        d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"
+      }
+    ),
+    /* @__PURE__ */ c("path", { d: "M16 9a5 5 0 0 1 0 6" }),
+    /* @__PURE__ */ c("path", { d: "M19.364 18.364a9 9 0 0 0 0-12.728" })
+  ] });
+}
+function wr() {
+  return /* @__PURE__ */ N(U, { children: [
+    /* @__PURE__ */ c(
+      "path",
+      {
+        "data-ginger-component": "VolumeX",
+        d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"
+      }
+    ),
+    /* @__PURE__ */ c("line", { x1: "22", x2: "16", y1: "9", y2: "15" }),
+    /* @__PURE__ */ c("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
+  ] });
+}
+function _r({
+  playLabel: e = "Play",
+  pauseLabel: r = "Pause",
+  playAriaLabel: t,
+  pauseAriaLabel: a,
+  children: n,
+  type: i = "button",
+  onClick: o,
+  ...u
+}) {
+  const d = F(), p = typeof e == "string" ? e : d.play, f = typeof r == "string" ? r : d.pause, m = $n({
+    playAriaLabel: t ?? p,
+    pauseAriaLabel: a ?? f
+  });
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      "data-ginger-component": "PlayPause",
+      ...u,
+      type: i,
+      "aria-label": m.ariaLabel,
+      onClick: (M) => {
+        m.toggle(), o == null || o(M);
+      },
+      children: n ?? (m.isPaused ? /* @__PURE__ */ c(Ir, {}) : /* @__PURE__ */ c(xr, {}))
+    }
+  );
+}
+_r.displayName = "Ginger.Control.PlayPause";
+function Gr({ type: e = "button", ariaLabel: r, onClick: t, children: a, ...n }) {
+  const { repeatMode: i, cycleRepeat: o } = V(), d = F().repeat[i];
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      "data-ginger-component": "Repeat",
+      ...n,
+      type: e,
+      "aria-label": r ?? d,
+      onClick: (p) => {
+        o(), t == null || t(p);
+      },
+      children: a ?? /* @__PURE__ */ c(Er, { mode: i })
+    }
+  );
+}
+Gr.displayName = "Ginger.Control.Repeat";
+function Nr({ type: e = "button", children: r, ariaLabel: t, onClick: a, ...n }) {
+  const { next: i } = V(), o = F();
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      "data-ginger-component": "Next",
+      ...n,
+      type: e,
+      "aria-label": t ?? o.nextTrack,
+      onClick: (u) => {
+        i(), a == null || a(u);
+      },
+      children: r ?? /* @__PURE__ */ c(Rr, {})
+    }
+  );
+}
+Nr.displayName = "Ginger.Control.Next";
+function Lr({
+  type: e = "button",
+  children: r,
+  ariaLabel: t,
+  onClick: a,
+  ...n
+}) {
+  const { prev: i } = V(), o = F();
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      "data-ginger-component": "Previous",
+      ...n,
+      type: e,
+      "aria-label": t ?? o.previousTrack,
+      onClick: (u) => {
+        i(), a == null || a(u);
+      },
+      children: r ?? /* @__PURE__ */ c(Ar, {})
+    }
+  );
+}
+Lr.displayName = "Ginger.Control.Previous";
+function Dr({ type: e = "button", children: r, ariaLabel: t, onClick: a, ...n }) {
+  const { isShuffled: i, toggleShuffle: o } = V(), u = F();
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      "data-ginger-component": "Shuffle",
+      ...n,
+      type: e,
+      "aria-pressed": i,
+      "aria-label": t ?? u.shuffle,
+      onClick: (d) => {
+        o(), a == null || a(d);
+      },
+      children: r ?? /* @__PURE__ */ c(Pr, {})
+    }
+  );
+}
+Dr.displayName = "Ginger.Control.Shuffle";
+function Cr({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: a, ...n }) {
+  const i = Bn(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
+  return /* @__PURE__ */ c(
+    "input",
+    {
+      "data-ginger-component": "SeekBar",
+      ...n,
+      type: "range",
+      min: i.min,
+      max: i.max,
+      step: i.step,
+      value: i.value,
+      "aria-label": a ?? i.ariaLabel,
+      "aria-valuetext": i.ariaValueText,
+      onInput: i.onSeekInput,
+      onChange: i.onSeekChange,
+      style: o
+    }
+  );
+}
+Cr.displayName = "Ginger.Control.SeekBar";
+function Fr({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: a, ...n }) {
+  const i = On(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
+  return /* @__PURE__ */ c(
+    "input",
+    {
+      "data-ginger-component": "Volume",
+      ...n,
+      type: "range",
+      min: i.min,
+      max: i.max,
+      step: i.step,
+      value: i.value,
+      "aria-label": a ?? i.ariaLabel,
+      "aria-valuetext": i.ariaValueText,
+      onInput: i.onVolumeInput,
+      onChange: i.onVolumeChange,
+      style: o
+    }
+  );
+}
+Fr.displayName = "Ginger.Control.Volume";
+function Ur({
+  ariaLabel: e,
+  muteLabel: r,
+  unmuteLabel: t,
+  type: a = "button",
+  onClick: n,
+  children: i,
+  ...o
+}) {
+  const { muted: u, toggleMute: d } = ue(), p = F();
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      "data-ginger-component": "Mute",
+      ...o,
+      type: a,
+      "aria-pressed": u,
+      "aria-label": e ?? (u ? p.unmute : p.mute),
+      onClick: (f) => {
+        d(), n == null || n(f);
+      },
+      children: i ?? (u ? t ?? /* @__PURE__ */ c(wr, {}) : r ?? /* @__PURE__ */ c(Sr, {}))
+    }
+  );
+}
+Ur.displayName = "Ginger.Control.Mute";
+const Yn = [0.5, 0.75, 1, 1.25, 1.5, 2];
+function Vr({
+  rates: e = Yn,
+  style: r,
+  ariaLabel: t,
+  children: a,
+  ...n
+}) {
+  const { playbackRate: i, setPlaybackRate: o } = ue(), u = F(), d = R(
+    () => Array.from(/* @__PURE__ */ new Set([...e, i])).sort((p, f) => p - f),
+    [e, i]
+  );
+  return /* @__PURE__ */ c(
+    "select",
+    {
+      "data-ginger-component": "PlaybackRate",
+      ...n,
+      "aria-label": t ?? u.playbackSpeed,
+      value: String(i),
+      style: r,
+      onChange: (p) => o(Number(p.currentTarget.value)),
+      children: a ?? d.map((p) => /* @__PURE__ */ c("option", { value: String(p), children: p === 1 ? u.playbackRateNormal : u.playbackRateTimes(p) }, p))
+    }
+  );
+}
+Vr.displayName = "Ginger.Control.PlaybackRate";
+function ee(e, r) {
+  function t(a) {
+    const n = A(), o = (r(n) ?? "").trim(), { className: u, style: d, fallback: p, empty: f, children: m } = a;
+    if (!o) {
+      const M = f ?? p ?? null;
+      return M ? /* @__PURE__ */ c("span", { className: u, style: d, children: M }) : null;
+    }
+    return m ? /* @__PURE__ */ c("span", { className: u, style: d, children: m(o, n) }) : /* @__PURE__ */ c("span", { className: u, style: d, children: o });
+  }
+  return t.displayName = e, t;
+}
+function re(e, r) {
+  return ee(e, (t) => r(le(t)));
+}
+const Hn = re("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), Qn = re("Ginger.Current.Artist", (e) => e == null ? void 0 : e.artist), jn = ee("Ginger.Current.Album", (e) => Rn(e)), zn = re(
+  "Ginger.Current.Description",
+  (e) => e == null ? void 0 : e.description
+), Wn = ee("Ginger.Current.Copyright", (e) => {
+  var t;
+  const r = le(e);
+  return (r == null ? void 0 : r.copyright) ?? ((t = e.playlistMeta) == null ? void 0 : t.copyright);
+}), Xn = re("Ginger.Current.Genre", (e) => e == null ? void 0 : e.genre), Kn = re("Ginger.Current.Label", (e) => e == null ? void 0 : e.label), qn = re("Ginger.Current.Isrc", (e) => e == null ? void 0 : e.isrc), Jn = re(
+  "Ginger.Current.TrackNumber",
+  (e) => (e == null ? void 0 : e.trackNumber) != null ? String(e.trackNumber) : void 0
+);
+function Br({ className: e, style: r, fallback: t, empty: a, children: n, format: i }) {
+  var p;
+  const o = A(), u = (p = le(o)) == null ? void 0 : p.year;
+  if (typeof u != "number" || !Number.isFinite(u)) {
+    const f = a ?? t ?? null;
+    return f ? /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: f }) : null;
+  }
+  const d = i ? i(u) : String(u);
+  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: n(d, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Year", className: e, style: r, children: d });
+}
+Br.displayName = "Ginger.Current.Year";
+function Or({
+  className: e,
+  style: r,
+  fallback: t,
+  empty: a,
+  children: n,
+  preserveWhitespace: i = !0,
+  unstyled: o = !1
+}) {
+  var m;
+  const u = A(), d = ((m = le(u)) == null ? void 0 : m.lyrics) ?? "", p = i ? d.replace(/^\s+|\s+$/g, "") : d.trim();
+  if (!p) {
+    const M = a ?? t ?? null;
+    return M ? /* @__PURE__ */ c("span", { "data-ginger-component": "Lyrics", className: e, style: r, children: M }) : null;
+  }
+  const f = !o && i ? { whiteSpace: "pre-wrap" } : void 0;
+  return n ? /* @__PURE__ */ c("span", { className: e, style: { ...f, ...r }, children: n(p, u) }) : /* @__PURE__ */ c("span", { className: e, style: { ...f, ...r }, children: p });
+}
+Or.displayName = "Ginger.Current.Lyrics";
+const mr = /\[(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?\]/g;
+function Zn(e) {
+  const r = [];
+  for (const t of e.split(/\r?\n/)) {
+    const a = [...t.matchAll(mr)];
+    if (a.length === 0) continue;
+    const n = t.replace(mr, "").trim();
+    for (const i of a) {
+      const o = Number(i[1] ?? 0), u = Number(i[2] ?? 0), d = Number((i[3] ?? "0").padEnd(3, "0")), p = o * 60 + u + d / 1e3;
+      Number.isFinite(p) && p >= 0 && r.push({ time: p, text: n });
+    }
+  }
+  return r.sort((t, a) => t.time - a.time);
+}
+function et() {
+  const { tracks: e, currentIndex: r } = V(), { currentTime: t } = ue(), a = e[r], n = R(() => a ? Array.isArray(a.lyricsTimed) && a.lyricsTimed.length > 0 ? [...a.lyricsTimed].filter((o) => Number.isFinite(o.time) && o.time >= 0).sort((o, u) => o.time - u.time) : typeof a.lyrics == "string" ? Zn(a.lyrics) : [] : [], [a]), i = R(() => {
+    for (let o = n.length - 1; o >= 0; o -= 1)
+      if (t >= n[o].time) return o;
+    return -1;
+  }, [t, n]);
+  return {
+    lines: n,
+    activeIndex: i,
+    activeLine: i >= 0 ? n[i] ?? null : null
+  };
+}
+function $r({
+  className: e,
+  style: r,
+  fallback: t,
+  empty: a,
+  unstyled: n = !1,
+  activeClassName: i,
+  lineClassName: o,
+  children: u
+}) {
+  const d = A(), p = F(), { lines: f, activeIndex: m } = et();
+  if (f.length === 0) {
+    const g = a ?? t ?? null;
+    return g ? /* @__PURE__ */ c("span", { "data-ginger-component": "LyricsSynced", className: e, style: r, children: g }) : null;
+  }
+  return /* @__PURE__ */ c(
+    "ul",
+    {
+      className: e,
+      style: { ...n ? {} : {
+        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": p.syncedLyricsList,
+      children: f.map((g, h) => {
+        const x = h === m;
+        return /* @__PURE__ */ c(
+          "li",
+          {
+            "aria-current": x ? "true" : void 0,
+            "data-ginger-active": x || void 0,
+            className: [o, x ? i : void 0].filter(Boolean).join(" ") || void 0,
+            style: n ? void 0 : {
+              padding: "var(--ginger-playlist-row-padding, 4px 8px)",
+              fontWeight: x ? 600 : 400,
+              opacity: x ? 1 : 0.75
+            },
+            children: u ? u(g, h, x, d) : g.text
+          },
+          `${g.time}-${h}`
+        );
+      })
+    }
+  );
+}
+$r.displayName = "Ginger.Current.LyricsSynced";
+function rt() {
+  const { tracks: e, currentIndex: r } = V(), { currentTime: t, seek: a } = ue(), n = R(() => {
+    var u;
+    return [...((u = e[r]) == null ? void 0 : u.chapters) ?? []].filter((d) => d && Number.isFinite(d.startSeconds) && d.startSeconds >= 0).sort((d, p) => d.startSeconds - p.startSeconds);
+  }, [r, e]), i = R(() => {
+    if (n.length === 0) return -1;
+    for (let o = n.length - 1; o >= 0; o -= 1)
+      if (t >= n[o].startSeconds) return o;
+    return -1;
+  }, [t, n]);
+  return {
+    list: n,
+    activeIndex: i,
+    active: i >= 0 ? n[i] ?? null : null,
+    seekTo: (o) => {
+      const u = n[o];
+      u && a(u.startSeconds);
+    }
+  };
+}
+function Yr({
+  className: e,
+  style: r,
+  fallback: t,
+  empty: a,
+  unstyled: n = !1,
+  formatStart: i = pe,
+  children: o
+}) {
+  const u = A(), d = F(), { list: p, activeIndex: f, seekTo: m } = rt();
+  if (p.length === 0) {
+    const g = a ?? t ?? null;
+    return g ? /* @__PURE__ */ c("span", { "data-ginger-component": "Chapters", className: e, style: r, children: g }) : null;
+  }
+  return /* @__PURE__ */ c("ul", { className: e, style: { ...n ? {} : {
+    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": d.chaptersList, children: p.map((g, h) => {
+    const x = h === f;
+    return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        "aria-current": x ? "true" : void 0,
+        "data-ginger-active": x || void 0,
+        onClick: () => m(h),
+        style: {
+          width: n ? void 0 : "100%",
+          textAlign: n ? void 0 : "left",
+          border: n ? void 0 : "none",
+          background: n ? void 0 : x ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+          color: n ? void 0 : "inherit",
+          font: n ? void 0 : "inherit",
+          cursor: n ? void 0 : "pointer",
+          padding: n ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)"
+        },
+        children: o ? o(g, h, x, u) : n ? /* @__PURE__ */ N(yr, { children: [
+          i(g.startSeconds),
+          " ",
+          g.title
+        ] }) : /* @__PURE__ */ N("span", { children: [
+          /* @__PURE__ */ c("span", { style: { opacity: 0.75, marginRight: "0.35em" }, children: i(g.startSeconds) }),
+          g.title
+        ] })
+      }
+    ) }, `${g.startSeconds}-${g.title}`);
+  }) });
+}
+Yr.displayName = "Ginger.Current.Chapters";
+function Hr({
+  visible: e = !1,
+  className: r,
+  style: t,
+  fallback: a,
+  empty: n,
+  children: i
+}) {
+  var d;
+  const o = A();
+  if (!e) return null;
+  const u = ((d = le(o)) == null ? void 0 : d.fileUrl) ?? "";
+  if (!u) {
+    const p = n ?? a ?? null;
+    return p ? /* @__PURE__ */ c("span", { className: r, style: t, children: p }) : null;
+  }
+  return i ? /* @__PURE__ */ c("span", { "data-ginger-component": "FileUrl", className: r, style: t, children: i(u, o) }) : /* @__PURE__ */ c("span", { className: r, style: t, children: u });
+}
+Hr.displayName = "Ginger.Current.FileUrl";
+function Qr({
+  className: e,
+  style: r,
+  fallback: t,
+  empty: a,
+  sizes: n,
+  loading: i,
+  onError: o,
+  decoding: u,
+  unstyled: d = !1,
+  imgStyle: p
+}) {
+  const f = A(), m = le(f), M = Sn(f);
+  if (!M) {
+    const h = a ?? t ?? null;
+    return h ? /* @__PURE__ */ c("span", { className: e, style: r, children: h }) : null;
+  }
+  const g = [m == null ? void 0 : m.title, m == null ? void 0 : m.artist].filter(Boolean).join(" — ") || "Artwork";
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-ginger-component": "Artwork",
+      className: e,
+      style: d ? { ...r } : {
+        background: "var(--ginger-artwork-bg, transparent)",
+        borderRadius: "var(--ginger-artwork-radius, 0)",
+        overflow: "hidden",
+        ...r
+      },
+      children: /* @__PURE__ */ c(
+        "img",
+        {
+          src: M,
+          alt: g,
+          sizes: n,
+          loading: i,
+          decoding: u,
+          onError: o,
+          style: {
+            display: d ? void 0 : "block",
+            width: d ? void 0 : "100%",
+            height: d ? void 0 : "100%",
+            objectFit: d ? void 0 : "cover",
+            ...p
+          }
+        }
+      )
+    }
+  );
+}
+Qr.displayName = "Ginger.Current.Artwork";
+function jr({
+  base: e = 0,
+  className: r,
+  style: t,
+  fallback: a,
+  empty: n,
+  children: i
+}) {
+  const o = A();
+  if (o.tracks.length === 0) {
+    const p = n ?? a ?? null;
+    return p ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: p }) : null;
+  }
+  const d = String(o.currentIndex + e);
+  return i ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: i(d, o) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueIndex", className: r, style: t, children: d });
+}
+jr.displayName = "Ginger.Current.QueueIndex";
+function zr({ className: e, style: r, fallback: t, empty: a, children: n }) {
+  const i = A(), o = String(i.tracks.length);
+  if (i.tracks.length === 0) {
+    const u = a ?? t ?? null;
+    return u ? /* @__PURE__ */ c("span", { className: e, style: r, children: u }) : null;
+  }
+  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueueLength", className: e, style: r, children: n(o, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueueLength", className: e, style: r, children: o });
+}
+zr.displayName = "Ginger.Current.QueueLength";
+function Wr({
+  base: e = 0,
+  separator: r = " / ",
+  className: t,
+  style: a,
+  fallback: n,
+  empty: i,
+  children: o
+}) {
+  const u = A(), d = u.tracks.length;
+  if (d === 0) {
+    const M = i ?? n ?? null;
+    return M ? /* @__PURE__ */ c("span", { className: t, style: a, children: M }) : null;
+  }
+  const p = String(u.currentIndex + e), f = String(d), m = `${p}${r}${f}`;
+  return o ? /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: t, style: a, children: o({ index: p, length: f, label: m }, u) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "QueuePosition", className: t, style: a, children: m });
+}
+Wr.displayName = "Ginger.Current.QueuePosition";
+function We(e, r, t) {
+  const { className: a, style: n, fallback: i, empty: o, children: u, format: d = pe } = t;
+  if (!(e >= 0) || !Number.isFinite(e)) {
+    const f = o ?? i ?? null;
+    return f ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: f }) : null;
+  }
+  const p = d(e);
+  return u ? /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: u(p, r) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "TimeText", className: a, style: n, children: p });
+}
+function Xr(e) {
+  const r = A();
+  return We(r.currentTime, r, e);
+}
+Xr.displayName = "Ginger.Current.Elapsed";
+function Kr(e) {
+  const r = A();
+  return We(ze(r), r, e);
+}
+Kr.displayName = "Ginger.Current.Duration";
+function qr(e) {
+  const r = A();
+  return We(wn(r), r, e);
+}
+qr.displayName = "Ginger.Current.Remaining";
+function Jr({ className: e, style: r, fallback: t, empty: a, children: n }) {
+  const i = A(), o = ze(i), u = vr(i);
+  if (!(o > 0)) {
+    const d = a ?? t ?? null;
+    return d ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: d }) : null;
+  }
+  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: n({ fraction: u, currentTime: i.currentTime, duration: o }, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "Progress", className: e, style: r, children: `${Math.round(u * 100)}%` });
+}
+Jr.displayName = "Ginger.Current.Progress";
+function Zr({
+  className: e,
+  style: r,
+  height: t = 4,
+  showBuffered: a = !1,
+  unstyled: n = !1
+}) {
+  const i = A(), o = `${Math.round(vr(i) * 100)}%`, u = `${Math.round(Math.min(1, Math.max(0, i.bufferedFraction)) * 100)}%`;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      "data-ginger-component": "TimeRail",
+      className: e,
+      style: n ? { ...r } : {
+        width: "100%",
+        height: t,
+        background: "var(--ginger-muted-color, #e5e7eb)",
+        borderRadius: 999,
+        overflow: "hidden",
+        position: "relative",
+        ...r
+      },
+      "aria-hidden": !0,
+      children: [
+        a ? /* @__PURE__ */ c(
+          "div",
+          {
+            "data-ginger-component": "TimeRail",
+            style: {
+              position: n ? void 0 : "absolute",
+              left: n ? void 0 : 0,
+              top: n ? void 0 : 0,
+              height: n ? void 0 : "100%",
+              width: u,
+              background: n ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+            }
+          }
+        ) : null,
+        /* @__PURE__ */ c(
+          "div",
+          {
+            "data-ginger-component": "TimeRail",
+            style: {
+              position: n ? void 0 : "relative",
+              width: o,
+              height: n ? void 0 : "100%",
+              background: n ? void 0 : "var(--ginger-primary-color, #111827)"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+Zr.displayName = "Ginger.Current.TimeRail";
+function en({ className: e, style: r, height: t = 4, unstyled: a = !1 }) {
+  const n = A(), i = `${Math.round(Math.min(1, Math.max(0, n.bufferedFraction)) * 100)}%`;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-ginger-component": "BufferRail",
+      className: e,
+      style: a ? { ...r } : {
+        width: "100%",
+        height: t,
+        background: "var(--ginger-muted-color, #e5e7eb)",
+        borderRadius: 999,
+        overflow: "hidden",
+        ...r
+      },
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          "data-ginger-component": "BufferRail",
+          style: {
+            width: i,
+            height: a ? void 0 : "100%",
+            background: a ? void 0 : "var(--ginger-buffer-color, rgba(107, 114, 128, 0.35))"
+          }
+        }
+      )
+    }
+  );
+}
+en.displayName = "Ginger.Current.BufferRail";
+function rn({ className: e, style: r, fallback: t, empty: a, children: n }) {
+  const i = A(), o = br(i);
+  return n ? /* @__PURE__ */ c("span", { "data-ginger-component": "PlaybackState", className: e, style: r, children: n(o, i) }) : /* @__PURE__ */ c("span", { "data-ginger-component": "PlaybackState", className: e, style: r, children: o });
+}
+rn.displayName = "Ginger.Current.PlaybackState";
+function nn({
+  className: e,
+  style: r,
+  fallback: t,
+  empty: a,
+  live: n = "polite",
+  children: i
+}) {
+  const o = A(), u = o.errorMessage ?? "";
+  if (!u) {
+    const d = a ?? t ?? null;
+    return d ? /* @__PURE__ */ c("span", { "data-ginger-component": "ErrorMessage", className: e, style: r, children: d }) : null;
+  }
+  return i ? /* @__PURE__ */ c(
+    "span",
+    {
+      "data-ginger-component": "ErrorMessage",
+      className: e,
+      style: r,
+      "aria-live": n,
+      children: i(u, o)
+    }
+  ) : /* @__PURE__ */ c("span", { "data-ginger-component": "ErrorMessage", className: e, style: r, "aria-live": n, children: u });
+}
+nn.displayName = "Ginger.Current.ErrorMessage";
+const He = je(null);
+function nt() {
+  const e = Qe(He);
+  if (!e)
+    throw new Error("Ginger.Playlist.Track must be used inside <Ginger.Playlist>");
+  return e;
+}
+function tn({
+  children: e,
+  unstyled: r = !1,
+  rowStyle: t,
+  renderTrack: a,
+  playOnSelect: n = !0,
+  style: i,
+  ...o
+}) {
+  const { tracks: u, currentIndex: d, playTrackAt: p, selectTrackAt: f } = V(), 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__ */ c(He.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: m, ...o, children: e }) }) : /* @__PURE__ */ c(He.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: m, ...o, children: u.map((g, h) => {
+    const x = h === d;
+    return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          n ? p(h) : f(h);
+        },
+        style: {
+          width: r ? void 0 : "100%",
+          textAlign: r ? void 0 : "left",
+          border: r ? void 0 : "none",
+          background: r ? void 0 : x ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+          color: r ? void 0 : "inherit",
+          font: r ? void 0 : "inherit",
+          cursor: r ? void 0 : "pointer",
+          padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
+          ...t
+        },
+        children: a ? a(g, h, x) : /* @__PURE__ */ N("span", { children: [
+          g.title,
+          g.artist ? ` — ${g.artist}` : ""
+        ] })
+      }
+    ) }, `${h}-${Ye(g)}`);
+  }) }) });
+}
+tn.displayName = "Ginger.Playlist";
+function an({
+  index: e,
+  unstyled: r = !1,
+  className: t,
+  style: a,
+  children: n,
+  liProps: i,
+  onClick: o,
+  ...u
+}) {
+  const { playOnSelect: d } = nt(), { tracks: p, currentIndex: f, playTrackAt: m, selectTrackAt: M } = V(), g = e === f, h = p[e], x = h != null ? /* @__PURE__ */ N("span", { "data-ginger-component": "PlaylistTrack", children: [
+    h.title,
+    h.artist ? ` — ${h.artist}` : ""
+  ] }) : null;
+  return /* @__PURE__ */ c("li", { ...i, "data-ginger-component": "PlaylistTrack", children: /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      "data-ginger-component": "PlaylistTrackButton",
+      "aria-current": g ? "true" : void 0,
+      "data-ginger-active": g || void 0,
+      className: t,
+      style: {
+        width: r ? void 0 : "100%",
+        textAlign: r ? void 0 : "left",
+        border: r ? void 0 : "none",
+        background: r ? void 0 : g ? "var(--ginger-playlist-active-bg, rgba(17, 24, 39, 0.06))" : "transparent",
+        color: r ? void 0 : "inherit",
+        font: r ? void 0 : "inherit",
+        cursor: r ? void 0 : "pointer",
+        padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
+        ...a
+      },
+      ...u,
+      onClick: (y) => {
+        o == null || o(y), !y.defaultPrevented && (d ? m(e) : M(e));
+      },
+      children: n ?? x
+    }
+  ) });
+}
+an.displayName = "Ginger.Playlist.Track";
+const tt = Object.assign(tn, {
+  Track: an
+}), at = ee("Ginger.Queue.Title", (e) => {
+  var r;
+  return (r = e.playlistMeta) == null ? void 0 : r.title;
+}), it = ee("Ginger.Queue.Subtitle", (e) => {
+  var r;
+  return (r = e.playlistMeta) == null ? void 0 : r.subtitle;
+}), ot = ee(
+  "Ginger.Queue.Description",
+  (e) => {
+    var r;
+    return (r = e.playlistMeta) == null ? void 0 : r.description;
+  }
+), ct = ee(
+  "Ginger.Queue.Copyright",
+  (e) => {
+    var r;
+    return (r = e.playlistMeta) == null ? void 0 : r.copyright;
+  }
+);
+function on({
+  className: e,
+  style: r,
+  fallback: t,
+  empty: a,
+  unstyled: n = !1,
+  imgStyle: i
+}) {
+  var p, f;
+  const o = A(), u = (p = o.playlistMeta) == null ? void 0 : p.artworkUrl;
+  if (!u) {
+    const m = a ?? t ?? null;
+    return m ? /* @__PURE__ */ c("span", { "data-ginger-component": "Artwork", className: e, style: r, children: m }) : null;
+  }
+  const d = ((f = o.playlistMeta) == null ? void 0 : f.title) ?? "Playlist artwork";
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      "data-ginger-component": "Artwork",
+      className: e,
+      style: n ? { ...r } : {
+        display: "inline-block",
+        background: "var(--ginger-artwork-bg, #f3f4f6)",
+        borderRadius: "var(--ginger-artwork-radius, 6px)",
+        overflow: "hidden",
+        ...r
+      },
+      children: /* @__PURE__ */ c(
+        "img",
+        {
+          src: u,
+          alt: d,
+          style: {
+            display: n ? void 0 : "block",
+            width: n ? void 0 : "100%",
+            height: n ? void 0 : "100%",
+            objectFit: n ? void 0 : "cover",
+            ...i
+          }
+        }
+      )
+    }
+  );
+}
+on.displayName = "Ginger.Queue.Artwork";
+function Fe(e) {
+  return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 1;
+}
+function Xe(e) {
+  return Number.isFinite(e) ? Math.min(4, Math.max(0.25, e)) : 1;
+}
+const J = {
+  currentTime: 0,
+  duration: 0,
+  bufferedFraction: 0,
+  isBuffering: !1,
+  errorMessage: null
+}, st = {
+  ...J,
+  volume: 1,
+  muted: !1,
+  playbackRate: 1
+};
+function cn(e) {
+  const r = [...e.tracks];
+  let t = q(e.currentIndex ?? 0, r.length), a = null, n = r;
+  return e.isShuffled && r.length > 1 && (a = [...r], n = kr(r, t), t = 0), {
+    tracks: n,
+    currentIndex: t,
+    playbackMode: e.playbackMode ?? "playlist",
+    isPaused: e.isPaused ?? !0,
+    isShuffled: !!(e.isShuffled && n.length > 1),
+    repeatMode: e.repeatMode ?? "off",
+    originalTracks: a,
+    playlistMeta: e.playlistMeta ?? null,
+    ...st,
+    volume: Fe(e.volume ?? 1),
+    muted: e.muted ?? !1,
+    playbackRate: Xe(e.playbackRate ?? 1)
+  };
+}
+function ut(e, r) {
+  switch (r.type) {
+    case "INIT": {
+      const {
+        tracks: t,
+        currentIndex: a,
+        playlistMeta: n,
+        isPaused: i,
+        isShuffled: o,
+        repeatMode: u,
+        playbackMode: d,
+        volume: p,
+        muted: f,
+        playbackRate: m
+      } = r.payload;
+      return cn({
+        tracks: t,
+        currentIndex: a,
+        playlistMeta: n ?? null,
+        isPaused: i ?? !0,
+        isShuffled: o ?? !1,
+        repeatMode: u ?? "off",
+        playbackMode: d ?? "playlist",
+        volume: p,
+        muted: f,
+        playbackRate: m
+      });
+    }
+    case "SET_QUEUE": {
+      const { tracks: t, currentIndex: a } = r.payload, n = [...t], i = q(a ?? e.currentIndex, n.length);
+      return {
+        ...e,
+        tracks: n,
+        currentIndex: i,
+        isShuffled: !1,
+        originalTracks: null,
+        ...J
+      };
+    }
+    case "INSERT_TRACK": {
+      const t = r.payload.index ?? e.tracks.length, a = pr(e.tracks, r.payload.track, t);
+      if (r.payload.autoPlay) {
+        const o = q(t, a.length);
+        return {
+          ...e,
+          tracks: a,
+          currentIndex: o,
+          isShuffled: !1,
+          originalTracks: null,
+          isPaused: !1,
+          ...J
+        };
+      }
+      const n = t <= e.currentIndex ? e.currentIndex + 1 : e.currentIndex, i = e.isShuffled && e.originalTracks ? pr(e.originalTracks, r.payload.track, e.originalTracks.length) : e.originalTracks;
+      return {
+        ...e,
+        tracks: a,
+        originalTracks: i,
+        currentIndex: q(n, a.length)
+      };
+    }
+    case "REMOVE_TRACK": {
+      const t = r.payload.index, a = dr(e.tracks, t), n = t < e.currentIndex ? e.currentIndex - 1 : t === e.currentIndex ? Math.min(e.currentIndex, Math.max(0, a.length - 1)) : e.currentIndex, i = e.isShuffled && e.originalTracks ? (() => {
+        const u = e.tracks[t], d = Oe(e.originalTracks, u);
+        return dr(e.originalTracks, d);
+      })() : e.originalTracks, o = e.isShuffled && a.length > 1;
+      return {
+        ...e,
+        tracks: a,
+        isShuffled: o,
+        originalTracks: o ? i : null,
+        currentIndex: q(n, a.length),
+        ...t === e.currentIndex ? J : {}
+      };
+    }
+    case "MOVE_TRACK": {
+      const { fromIndex: t, toIndex: a } = r.payload, n = Ln(e.tracks, t, a);
+      let i = e.currentIndex;
+      return e.currentIndex === t ? i = a : t < e.currentIndex && a >= e.currentIndex ? i -= 1 : t > e.currentIndex && a <= e.currentIndex && (i += 1), {
+        ...e,
+        tracks: n,
+        isShuffled: !1,
+        originalTracks: null,
+        currentIndex: q(i, n.length)
+      };
+    }
+    case "ADD_NEXT": {
+      const t = lr(e.tracks, e.currentIndex, r.payload.track), a = e.isShuffled && e.originalTracks ? (() => {
+        const n = e.tracks[e.currentIndex], i = Oe(e.originalTracks, n);
+        return lr(e.originalTracks, i, r.payload.track);
+      })() : e.originalTracks;
+      return {
+        ...e,
+        tracks: t,
+        originalTracks: a
+      };
+    }
+    case "SET_INDEX": {
+      const t = q(r.payload.index, e.tracks.length), a = r.payload.autoPlay, n = a === !0 ? !1 : a === !1 ? !0 : e.isPaused;
+      return {
+        ...e,
+        currentIndex: t,
+        ...J,
+        isPaused: n
+      };
+    }
+    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: Nn(e.repeatMode) };
+    case "TOGGLE_SHUFFLE": {
+      if (e.tracks.length <= 1) return { ...e, isShuffled: !1, originalTracks: null };
+      if (!e.isShuffled) {
+        const i = [...e.tracks], o = kr(i, e.currentIndex);
+        return {
+          ...e,
+          isShuffled: !0,
+          originalTracks: i,
+          tracks: o,
+          currentIndex: 0
+        };
+      }
+      const t = e.originalTracks ? [...e.originalTracks] : [...e.tracks], a = e.tracks[e.currentIndex], n = Oe(t, a);
+      return {
+        ...e,
+        isShuffled: !1,
+        originalTracks: null,
+        tracks: t,
+        currentIndex: q(n, t.length)
+      };
+    }
+    case "NEXT": {
+      const t = Gn(e), a = t === e.currentIndex;
+      return {
+        ...e,
+        currentIndex: t,
+        ...a ? {} : J,
+        isPaused: a ? e.isPaused : !1
+      };
+    }
+    case "PREV": {
+      const t = _n(e), a = t === e.currentIndex;
+      return {
+        ...e,
+        currentIndex: t,
+        ...a ? {} : J,
+        isPaused: a ? e.isPaused : !1
+      };
+    }
+    case "MEDIA_TIME_UPDATE":
+      return {
+        ...e,
+        currentTime: r.payload.currentTime,
+        duration: Number.isFinite(r.payload.duration) ? r.payload.duration : e.duration,
+        bufferedFraction: r.payload.bufferedFraction,
+        isBuffering: !1
+      };
+    case "MEDIA_LOADED_METADATA":
+      return {
+        ...e,
+        duration: Number.isFinite(r.payload.duration) ? r.payload.duration : e.duration,
+        bufferedFraction: r.payload.bufferedFraction,
+        errorMessage: null
+      };
+    case "SET_PLAYLIST_META":
+      return { ...e, playlistMeta: r.payload };
+    case "SET_PLAYBACK_MODE":
+      return { ...e, playbackMode: r.payload };
+    case "MEDIA_ERROR":
+      return {
+        ...e,
+        errorMessage: r.payload.message,
+        isPaused: !0,
+        isBuffering: !1
+      };
+    case "MEDIA_WAITING":
+      return { ...e, isBuffering: !0 };
+    case "MEDIA_CANPLAY":
+      return { ...e, isBuffering: !1, errorMessage: null };
+    case "MEDIA_PLAY":
+      return { ...e, isPaused: !1, isBuffering: !1 };
+    case "MEDIA_PAUSE":
+      return { ...e, isPaused: !0 };
+    case "RESET_MEDIA_TIMES":
+      return { ...e, currentTime: 0, duration: 0, bufferedFraction: 0 };
+    case "MEDIA_SOURCE_CLEARED":
+      return { ...e, ...J };
+    case "SET_VOLUME":
+      return { ...e, volume: Fe(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: Xe(r.payload) };
+    case "MEDIA_VOLUME_SYNC": {
+      const { volume: t, muted: a } = r.payload, n = Fe(t);
+      return n === e.volume && a === e.muted ? e : { ...e, volume: n, muted: a };
+    }
+    default:
+      return e;
+  }
+}
+function De() {
+  return typeof navigator > "u" || !("mediaSession" in navigator) ? null : navigator.mediaSession;
+}
+function lt(e, r, t, a = {}) {
+  var M;
+  const n = S(r);
+  n.current = r;
+  const i = r.tracks[r.currentIndex], o = i == null ? void 0 : i.title, u = i == null ? void 0 : i.artist, d = i == null ? void 0 : i.album, p = Dn(i, (M = r.playlistMeta) == null ? void 0 : M.artworkUrl);
+  E(() => {
+    const g = De();
+    !e || !g || (g.metadata = new MediaMetadata({
+      title: o ?? "Unknown track",
+      artist: u,
+      album: d,
+      artwork: p ? [{ src: p }] : void 0
+    }));
+  }, [e, o, u, d, p]), E(() => {
+    const g = De();
+    !e || !g || (g.playbackState = r.isPaused ? "paused" : "playing");
+  }, [e, r.isPaused]);
+  const f = a.seekForwardSeconds, m = a.seekBackwardSeconds;
+  E(() => {
+    const g = De();
+    if (!(!e || !g)) {
+      try {
+        g.setActionHandler("play", t.play), g.setActionHandler("pause", t.pause), g.setActionHandler("nexttrack", t.next), g.setActionHandler("previoustrack", t.prev), g.setActionHandler("seekto", (h) => {
+          typeof h.seekTime == "number" && Number.isFinite(h.seekTime) && t.seek(h.seekTime);
+        }), typeof f == "number" && f > 0 ? g.setActionHandler("seekforward", () => {
+          const h = n.current, x = h.currentTime + f, y = h.duration, b = Number.isFinite(y) && y > 0 ? y : x;
+          t.seek(Math.min(x, b));
+        }) : g.setActionHandler("seekforward", null), typeof m == "number" && m > 0 ? g.setActionHandler("seekbackward", () => {
+          const h = n.current;
+          t.seek(Math.max(0, h.currentTime - m));
+        }) : g.setActionHandler("seekbackward", null);
+      } catch {
+      }
+      return () => {
+        try {
+          g.setActionHandler("play", null), g.setActionHandler("pause", null), g.setActionHandler("nexttrack", null), g.setActionHandler("previoustrack", null), g.setActionHandler("seekto", null), g.setActionHandler("seekforward", null), g.setActionHandler("seekbackward", null);
+        } catch {
+        }
+      };
+    }
+  }, [e, t, f, m]), E(() => {
+    var b, L;
+    const g = De();
+    if (!e || !g || !a.positionState) return;
+    const h = r.duration, x = r.currentTime, y = r.playbackRate;
+    try {
+      if (!Number.isFinite(h) || h <= 0) {
+        (b = g.setPositionState) == null || b.call(g);
+        return;
+      }
+      (L = g.setPositionState) == null || L.call(g, {
+        duration: h,
+        playbackRate: Number.isFinite(y) && y > 0 ? y : 1,
+        position: Math.min(Math.max(0, x), h)
+      });
+    } catch {
+    }
+    return () => {
+      var w;
+      try {
+        (w = g.setPositionState) == null || w.call(g);
+      } catch {
+      }
+    };
+  }, [e, a.positionState, r.currentTime, r.duration, r.playbackRate]);
+}
+const dt = {
+  "--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 pt({
+  children: e,
+  initialTracks: r = [],
+  initialIndex: t = 0,
+  initialPlaylistMeta: a = null,
+  initialShuffle: n = !1,
+  initialRepeatMode: i = "off",
+  initialPlaybackMode: o = "playlist",
+  initialPaused: u = !0,
+  initialVolume: d = 1,
+  initialMuted: p = !1,
+  initialPlaybackRate: f = 1,
+  initialStateKey: m,
+  locale: M,
+  mediaSession: g = !1,
+  beforePlay: h,
+  onPlayBlocked: x,
+  retryOnError: y,
+  persistence: b,
+  hydrateOnMount: L = !1,
+  resumeOnTrackChange: w = !1,
+  unstyled: ge = !1,
+  asChild: fe = !1,
+  className: Ke,
+  style: Ue,
+  dir: sn,
+  prevRestartThresholdSeconds: qe = 3,
+  onTrackChange: me,
+  onPlay: ye,
+  onPause: he,
+  onQueueEnd: ve,
+  onError: be,
+  onVolumeChange: ke,
+  onPlaybackRateChange: Te,
+  onSeek: H,
+  debugLabel: Je
+}) {
+  var ur;
+  const D = S(null), [s, k] = kn(
+    ut,
+    void 0,
+    () => cn({
+      tracks: r,
+      currentIndex: t,
+      playlistMeta: a,
+      isPaused: u,
+      isShuffled: n,
+      repeatMode: i,
+      playbackMode: o,
+      volume: d,
+      muted: p,
+      playbackRate: f
+    })
+  ), Z = S(s), Ve = S({
+    tracks: r,
+    currentIndex: t,
+    playlistMeta: a,
+    isPaused: u,
+    isShuffled: n,
+    repeatMode: i,
+    playbackMode: o,
+    volume: d,
+    muted: p,
+    playbackRate: f
+  });
+  Ve.current = {
+    tracks: r,
+    currentIndex: t,
+    playlistMeta: a,
+    isPaused: u,
+    isShuffled: n,
+    repeatMode: i,
+    playbackMode: o,
+    volume: d,
+    muted: p,
+    playbackRate: f
+  };
+  const de = S(void 0);
+  E(() => {
+    if (m === void 0) {
+      de.current = void 0;
+      return;
+    }
+    if (de.current === void 0) {
+      de.current = m;
+      return;
+    }
+    if (de.current === m) return;
+    de.current = m;
+    const l = Ve.current;
+    k({
+      type: "INIT",
+      payload: {
+        tracks: l.tracks,
+        currentIndex: l.currentIndex,
+        playlistMeta: l.playlistMeta,
+        isPaused: l.isPaused,
+        isShuffled: l.isShuffled,
+        repeatMode: l.repeatMode,
+        playbackMode: l.playbackMode,
+        volume: l.volume,
+        muted: l.muted,
+        playbackRate: l.playbackRate
+      }
+    });
+  }, [m]), E(() => {
+    Z.current = s;
+  }, [s]);
+  const Ze = s.tracks[s.currentIndex] ?? null;
+  E(() => {
+    me == null || me(Ze, s.currentIndex);
+  }, [Ze, s.currentIndex, me]), E(() => {
+    s.errorMessage && (be == null || be(s.errorMessage));
+  }, [s.errorMessage, be]);
+  const Me = S(0), er = S(void 0), _ = y ? typeof y == "object" ? y : {} : null, rr = (_ == null ? void 0 : _.maxRetries) ?? 3, nr = (_ == null ? void 0 : _.delayMs) ?? 1500, tr = (_ == null ? void 0 : _.retryableErrors) ?? ["MEDIA_ERR_NETWORK"], ar = (_ == null ? void 0 : _.skipOnUnrecoverable) ?? !1;
+  E(() => {
+    var v;
+    const l = (v = s.tracks[s.currentIndex]) == null ? void 0 : v.fileUrl;
+    er.current !== l && (Me.current = 0, er.current = l);
+  }, [s.currentIndex, s.tracks]), E(() => {
+    if (!_ || !s.errorMessage) return;
+    if (!tr.some((G) => s.errorMessage.includes(G))) {
+      if (ar && s.tracks.length > 1) {
+        const G = setTimeout(() => k({ type: "NEXT" }), 500);
+        return () => clearTimeout(G);
+      }
+      return;
+    }
+    if (Me.current >= rr) return;
+    const v = Me.current, T = nr * 2 ** v, P = setTimeout(() => {
+      Me.current = v + 1, k({ type: "MEDIA_CANPLAY" });
+      const G = D.current;
+      G && (G.load(), k({ type: "PLAY" }));
+    }, T);
+    return () => clearTimeout(P);
+  }, [
+    _,
+    rr,
+    nr,
+    tr,
+    ar,
+    s.errorMessage,
+    s.tracks.length
+  ]);
+  const xe = S(void 0);
+  E(() => {
+    if (xe.current === void 0) {
+      xe.current = s.isPaused;
+      return;
+    }
+    xe.current !== s.isPaused && (s.isPaused ? he == null || he() : ye == null || ye()), xe.current = s.isPaused;
+  }, [s.isPaused, he, ye]);
+  const Ie = S(void 0), Ee = S(void 0);
+  E(() => {
+    if (Ie.current === void 0 || Ee.current === void 0) {
+      Ie.current = s.volume, Ee.current = s.muted;
+      return;
+    }
+    (Ie.current !== s.volume || Ee.current !== s.muted) && (ke == null || ke(s.volume, s.muted)), Ie.current = s.volume, Ee.current = s.muted;
+  }, [s.volume, s.muted, ke]);
+  const Pe = S(void 0);
+  E(() => {
+    if (Pe.current === void 0) {
+      Pe.current = s.playbackRate;
+      return;
+    }
+    Pe.current !== s.playbackRate && (Te == null || Te(s.playbackRate)), Pe.current = s.playbackRate;
+  }, [s.playbackRate, Te]);
+  const B = I(() => {
+    k({ type: "PLAY" });
+  }, []), O = I(() => {
+    var l;
+    k({ type: "PAUSE" }), (l = D.current) == null || l.pause();
+  }, []), ne = I(() => {
+    Z.current.isPaused ? B() : O();
+  }, [O, B]), C = I(
+    (l) => {
+      const v = D.current;
+      v && Number.isFinite(l) && (v.currentTime = Math.max(0, l), H == null || H(Math.max(0, l)));
+    },
+    [H]
+  ), Q = I((l) => {
+    k({ type: "SET_VOLUME", payload: Fe(l) });
+  }, []), j = I((l) => {
+    k({ type: "SET_MUTED", payload: l });
+  }, []), z = I(() => {
+    k({ type: "TOGGLE_MUTE" });
+  }, []), W = I((l) => {
+    k({ type: "SET_PLAYBACK_RATE", payload: Xe(l) });
+  }, []), X = I(() => {
+    k({ type: "NEXT" });
+  }, []), K = I(() => {
+    const l = D.current, v = qe ?? 3;
+    l && v > 0 && l.currentTime > v ? (l.currentTime = 0, H == null || H(0)) : k({ type: "PREV" });
+  }, [qe, H]), te = I((l) => {
+    k({ type: "SET_REPEAT", payload: l });
+  }, []), ae = I(() => {
+    k({ type: "CYCLE_REPEAT" });
+  }, []), ie = I(() => {
+    k({ type: "TOGGLE_SHUFFLE" });
+  }, []), Ae = I((l, v) => {
+    k({ type: "SET_QUEUE", payload: { tracks: l, currentIndex: v } });
+  }, []), Re = I((l, v, T) => {
+    k({ type: "INSERT_TRACK", payload: { track: l, index: v, autoPlay: T } });
+  }, []), Se = I((l) => {
+    k({ type: "REMOVE_TRACK", payload: { index: l } });
+  }, []), we = I((l, v) => {
+    k({ type: "MOVE_TRACK", payload: { fromIndex: l, toIndex: v } });
+  }, []), _e = I((l) => {
+    k({ type: "ADD_NEXT", payload: { track: l } });
+  }, []), oe = I((l) => {
+    k({ type: "SET_INDEX", payload: { index: l, autoPlay: !0 } });
+  }, []), Ge = I((l) => {
+    k({ type: "SET_INDEX", payload: { index: l, autoPlay: !1 } });
+  }, []), Ne = I((l) => {
+    k({ type: "SET_PLAYLIST_META", payload: l });
+  }, []), ce = I((l) => {
+    k({ type: "SET_PLAYBACK_MODE", payload: l });
+  }, []), Le = I((l) => {
+    k({ type: "INIT", payload: l });
+  }, []);
+  E(() => {
+    if (!(!b || !L))
+      try {
+        const l = b.get("ginger:volume"), v = b.get("ginger:muted"), T = b.get("ginger:playbackRate"), P = b.get("ginger:repeatMode"), G = b.get("ginger:currentIndex"), Y = Ve.current;
+        k({
+          type: "INIT",
+          payload: {
+            tracks: Y.tracks,
+            playlistMeta: Y.playlistMeta,
+            isPaused: Y.isPaused,
+            isShuffled: Y.isShuffled,
+            playbackMode: Y.playbackMode,
+            currentIndex: typeof G == "number" ? G : Y.currentIndex,
+            repeatMode: P === "off" || P === "all" || P === "one" ? P : Y.repeatMode,
+            volume: typeof l == "number" ? l : Y.volume,
+            muted: typeof v == "boolean" ? v : Y.muted,
+            playbackRate: typeof T == "number" ? T : Y.playbackRate
+          }
+        });
+      } catch (l) {
+        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.get() threw during hydration:", l);
+      }
+  }, [L, b]), E(() => {
+    if (b)
+      try {
+        b.set("ginger:volume", s.volume), b.set("ginger:muted", s.muted), b.set("ginger:playbackRate", s.playbackRate), b.set("ginger:repeatMode", s.repeatMode), b.set("ginger:currentIndex", s.currentIndex);
+      } catch (l) {
+        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.set() threw:", l);
+      }
+  }, [
+    b,
+    s.volume,
+    s.muted,
+    s.playbackRate,
+    s.repeatMode,
+    s.currentIndex
+  ]), E(() => {
+    if (!b || !w) return;
+    const l = s.tracks[s.currentIndex];
+    if (!l) return;
+    const v = `ginger:resume:${Ye(l)}`;
+    try {
+      const T = b.get(v);
+      typeof T == "number" && Number.isFinite(T) && C(T);
+    } catch (T) {
+      process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.get() threw during resume:", T);
+    }
+  }, [b, w, s.currentIndex, s.tracks, C]), E(() => {
+    if (!b || !w) return;
+    const l = setInterval(() => {
+      const v = Z.current, T = v.tracks[v.currentIndex];
+      if (!T || !(v.currentTime >= 0)) return;
+      const P = `ginger:resume:${Ye(T)}`;
+      try {
+        b.set(P, v.currentTime);
+      } catch (G) {
+        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.set() threw during resume save:", G);
+      }
+    }, 5e3);
+    return () => clearInterval(l);
+  }, [b, w]);
+  const un = (ur = s.tracks[s.currentIndex]) == null ? void 0 : ur.fileUrl;
+  E(() => {
+    const l = D.current;
+    if (!l) return;
+    if (s.isPaused) {
+      l.pause();
+      return;
+    }
+    if (l.ended && gr(Z.current).kind === "stop") {
+      k({ type: "PAUSE" });
+      return;
+    }
+    let v = !1;
+    return (async () => {
+      if (h) {
+        let T = !1;
+        try {
+          T = await h();
+        } catch (P) {
+          const G = P instanceof Error ? P.message : "beforePlay rejected";
+          k({ type: "MEDIA_ERROR", payload: { message: G } });
+          return;
+        }
+        if (!T) {
+          v || (k({ type: "PAUSE" }), x == null || x());
+          return;
+        }
+      }
+      v || l.play().catch((T) => {
+        const P = T instanceof Error ? T.message : typeof T == "string" ? T : "Playback failed (e.g. autoplay blocked or unavailable source)";
+        k({ type: "MEDIA_ERROR", payload: { message: P } });
+      });
+    })(), () => {
+      v = !0;
+    };
+  }, [h, un, x, s.isPaused]);
+  const se = I(() => {
+    var T;
+    const l = gr(Z.current);
+    if (l.kind === "replay_same") {
+      const P = D.current;
+      P && (P.currentTime = 0), k({ type: "PLAY" });
+      return;
+    }
+    if (l.kind === "stop") {
+      (T = D.current) == null || T.pause(), k({ type: "PAUSE" }), ve == null || ve();
+      return;
+    }
+    const v = l.nextIndex;
+    k({ type: "SET_INDEX", payload: { index: v, autoPlay: !0 } });
+  }, [ve]), ln = R(
+    () => ({ play: B, pause: O, next: X, prev: K, seek: C }),
+    [B, O, X, K, C]
+  ), dn = typeof g == "object" ? !0 : !!g, pn = R(
+    () => typeof g == "object" ? g : {},
+    [g]
+  );
+  lt(dn, s, ln, pn);
+  const ir = sn ?? (M != null && M.seek && /[\u0590-\u08FF]/.test(M.seek) ? "rtl" : "ltr"), gn = R(
+    () => ({
+      state: s,
+      dispatch: k,
+      audioRef: D,
+      notifyEnded: se,
+      init: Le,
+      play: B,
+      pause: O,
+      togglePlayPause: ne,
+      seek: C,
+      setVolume: Q,
+      setMuted: j,
+      toggleMute: z,
+      setPlaybackRate: W,
+      next: X,
+      prev: K,
+      setRepeatMode: te,
+      cycleRepeat: ae,
+      toggleShuffle: ie,
+      setQueue: Ae,
+      insertTrackAt: Re,
+      removeTrackAt: Se,
+      moveTrack: we,
+      enqueueNext: _e,
+      playTrackAt: oe,
+      selectTrackAt: Ge,
+      setPlaylistMeta: Ne,
+      setPlaybackMode: ce
+    }),
+    [
+      ae,
+      Le,
+      X,
+      se,
+      O,
+      B,
+      oe,
+      Re,
+      Se,
+      we,
+      _e,
+      Ge,
+      K,
+      C,
+      j,
+      W,
+      Ae,
+      te,
+      Ne,
+      ce,
+      Q,
+      s,
+      z,
+      ne,
+      ie
+    ]
+  ), fn = R(
+    () => ({
+      tracks: s.tracks,
+      currentIndex: s.currentIndex,
+      isPaused: s.isPaused,
+      isShuffled: s.isShuffled,
+      repeatMode: s.repeatMode,
+      originalTracks: s.originalTracks,
+      playlistMeta: s.playlistMeta,
+      init: Le,
+      play: B,
+      pause: O,
+      togglePlayPause: ne,
+      next: X,
+      prev: K,
+      setRepeatMode: te,
+      cycleRepeat: ae,
+      toggleShuffle: ie,
+      playbackMode: s.playbackMode,
+      setQueue: Ae,
+      insertTrackAt: Re,
+      removeTrackAt: Se,
+      moveTrack: we,
+      enqueueNext: _e,
+      playTrackAt: oe,
+      selectTrackAt: Ge,
+      setPlaylistMeta: Ne,
+      setPlaybackMode: ce,
+      dispatch: k
+    }),
+    [
+      s.tracks,
+      s.currentIndex,
+      s.isPaused,
+      s.isShuffled,
+      s.repeatMode,
+      s.playbackMode,
+      s.originalTracks,
+      s.playlistMeta,
+      Le,
+      B,
+      O,
+      ne,
+      X,
+      K,
+      te,
+      ae,
+      ie,
+      Ae,
+      Re,
+      Se,
+      we,
+      _e,
+      oe,
+      Ge,
+      Ne,
+      ce
+    ]
+  ), mn = R(
+    () => ({
+      currentTime: s.currentTime,
+      duration: s.duration,
+      bufferedFraction: s.bufferedFraction,
+      isBuffering: s.isBuffering,
+      errorMessage: s.errorMessage,
+      volume: s.volume,
+      muted: s.muted,
+      playbackRate: s.playbackRate,
+      seek: C,
+      setVolume: Q,
+      setMuted: j,
+      toggleMute: z,
+      setPlaybackRate: W,
+      audioRef: D,
+      notifyEnded: se,
+      dispatch: k
+    }),
+    [
+      s.currentTime,
+      s.duration,
+      s.bufferedFraction,
+      s.isBuffering,
+      s.errorMessage,
+      s.volume,
+      s.muted,
+      s.playbackRate,
+      C,
+      Q,
+      j,
+      z,
+      W,
+      se
+    ]
+  ), yn = R(
+    () => ({
+      currentTime: s.currentTime,
+      duration: s.duration,
+      bufferedFraction: s.bufferedFraction,
+      isBuffering: s.isBuffering,
+      errorMessage: s.errorMessage
+    }),
+    [
+      s.currentTime,
+      s.duration,
+      s.bufferedFraction,
+      s.isBuffering,
+      s.errorMessage
+    ]
+  ), hn = R(
+    () => ({
+      volume: s.volume,
+      muted: s.muted,
+      playbackRate: s.playbackRate,
+      seek: C,
+      setVolume: Q,
+      setMuted: j,
+      toggleMute: z,
+      setPlaybackRate: W,
+      audioRef: D,
+      notifyEnded: se,
+      dispatch: k
+    }),
+    [
+      s.volume,
+      s.muted,
+      s.playbackRate,
+      C,
+      Q,
+      j,
+      z,
+      W,
+      se
+    ]
+  ), or = br(s), cr = R(
+    () => ge ? Ue : { ...dt, ...Ue },
+    [Ue, ge]
+  ), $ = R(
+    () => ({
+      className: Ke,
+      style: cr,
+      "data-ginger-playback": or,
+      dir: ir
+    }),
+    [Ke, cr, or, ir]
+  ), Be = S(null), sr = S({
+    play: B,
+    pause: O,
+    togglePlayPause: ne,
+    next: X,
+    prev: K,
+    seek: C,
+    setVolume: Q,
+    setMuted: j,
+    toggleMute: z,
+    setPlaybackRate: W,
+    setRepeatMode: te,
+    cycleRepeat: ae,
+    toggleShuffle: ie,
+    playTrackAt: oe,
+    setPlaybackMode: ce
+  });
+  sr.current = {
+    play: B,
+    pause: O,
+    togglePlayPause: ne,
+    next: X,
+    prev: K,
+    seek: C,
+    setVolume: Q,
+    setMuted: j,
+    toggleMute: z,
+    setPlaybackRate: W,
+    setRepeatMode: te,
+    cycleRepeat: ae,
+    toggleShuffle: ie,
+    playTrackAt: oe,
+    setPlaybackMode: ce
+  }, E(() => {
+    var T;
+    const l = typeof window < "u" ? window.__GINGER_DEVTOOLS__ : null;
+    if (!l || typeof l.register != "function") return;
+    const v = typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `ginger-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    return Be.current = v, l.register(v, {
+      label: Je,
+      state: Z.current,
+      actions: sr.current,
+      audioSrc: ((T = D.current) == null ? void 0 : T.src) ?? null
+    }), () => {
+      l.unregister(v), Be.current = null;
+    };
+  }, [Je]), E(() => {
+    const l = typeof window < "u" ? window.__GINGER_DEVTOOLS__ : null;
+    if (!l || typeof l.update != "function") return;
+    const v = setInterval(() => {
+      var P;
+      const T = Be.current;
+      T && l.update(T, {
+        state: Z.current,
+        audioSrc: ((P = D.current) == null ? void 0 : P.src) ?? null
+      });
+    }, 250);
+    return () => clearInterval(v);
+  }, []);
+  const vn = R(() => {
+    if (!fe)
+      return /* @__PURE__ */ c(
+        "div",
+        {
+          className: $.className,
+          style: $.style,
+          "data-ginger-playback": $["data-ginger-playback"],
+          dir: $.dir,
+          children: e
+        }
+      );
+    const l = Tn.only(e);
+    if (!Mn(l))
+      throw new Error("Ginger.Provider asChild expects a single React element child.");
+    const v = l, T = v.props.style;
+    return xn(v, {
+      className: gt(v.props.className, $.className),
+      style: T && typeof T == "object" ? { ...T, ...$.style } : $.style,
+      "data-ginger-playback": $["data-ginger-playback"],
+      dir: $.dir
+    });
+  }, [fe, e, $]);
+  return /* @__PURE__ */ c(Vn, { locale: M, children: /* @__PURE__ */ c(In.Provider, { value: fn, children: /* @__PURE__ */ c(En.Provider, { value: yn, children: /* @__PURE__ */ c(Pn.Provider, { value: hn, children: /* @__PURE__ */ c(An.Provider, { value: mn, children: /* @__PURE__ */ c(Tr.Provider, { value: gn, children: vn }) }) }) }) }) });
+}
+function gt(e, r) {
+  const t = [e, r].filter(Boolean).join(" ");
+  return t === "" ? void 0 : t;
+}
+const kt = {
+  Provider: pt,
+  Player: Fn,
+  Current: {
+    Title: Hn,
+    Artist: Qn,
+    Album: jn,
+    Description: zn,
+    Copyright: Wn,
+    Genre: Xn,
+    Label: Kn,
+    Isrc: qn,
+    TrackNumber: Jn,
+    Year: Br,
+    Lyrics: Or,
+    LyricsSynced: $r,
+    Chapters: Yr,
+    FileUrl: Hr,
+    Artwork: Qr,
+    QueueIndex: jr,
+    QueueLength: zr,
+    QueuePosition: Wr,
+    Elapsed: Xr,
+    Duration: Kr,
+    Remaining: qr,
+    Progress: Jr,
+    TimeRail: Zr,
+    BufferRail: en,
+    PlaybackState: rn,
+    ErrorMessage: nn
+  },
+  Queue: {
+    Title: at,
+    Subtitle: it,
+    Description: ot,
+    Copyright: ct,
+    Artwork: on
+  },
+  Control: {
+    PlayPause: _r,
+    Repeat: Gr,
+    Next: Nr,
+    Previous: Lr,
+    Shuffle: Dr,
+    SeekBar: Cr,
+    Volume: Fr,
+    Mute: Ur,
+    PlaybackRate: Vr
+  },
+  Icon: {
+    Play: Ir,
+    Pause: xr,
+    SkipForward: Rr,
+    SkipBack: Ar,
+    Shuffle: Pr,
+    Volume2: Sr,
+    VolumeX: wr,
+    RepeatGlyph: Er,
+    Wrapper: U
+  },
+  Playlist: tt
+};
+export {
+  Yr as C,
+  kt as G,
+  $r as L,
+  xr as P,
+  Er as R,
+  Pr as S,
+  Sr as V,
+  U as W,
+  Ir as a,
+  Ar as b,
+  Rr as c,
+  wr as d,
+  Xe as e,
+  Fe as f,
+  Ce as g,
+  F as h,
+  et as i,
+  $n as j,
+  Bn as k,
+  On as l,
+  cn as m,
+  ut as n,
+  Zn as p,
+  rt as u
+};
+//# sourceMappingURL=ginger-BHu7Ofna.js.map