@lucaismyname/ginger 0.0.36 → 0.0.38

package/dist/ginger-Ca8910_n.js

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