@lucaismyname/ginger 0.0.29 → 0.0.31

package/dist/ginger-DlNYfHbV.js

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