@lucaismyname/ginger 0.0.38 → 0.0.41

package/dist/{ginger-Ca8910_n.js → ginger-CgHqHrrG.js}

@@ -1,14 +1,14 @@
-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);
+import { jsx as c, jsxs as w, Fragment as ir } from "react/jsx-runtime";
+import { useContext as $e, createContext as He, useRef as L, useState as on, useEffect as I, useMemo as A, useReducer as cn, useCallback as E, Children as sn, isValidElement as un, cloneElement as ln } from "react";
+import { b as D, u as X, g as or, c as P, G as dn, d as pn } from "./GingerSplitContexts-BzBExb95.js";
+import { b as Ye, g as K, r as gn, a as fn, p as cr, e as mn, d as sr, t as Be, f as yn, c as hn, s as ur, h as Ue, i as H, j as vn, k as Ze, m as kn, l as er, n as rr, o as bn, q as nr } from "./selectors-BalBCc7X.js";
+const lr = He(null);
 function Tn() {
-  const e = Oe(ur);
+  const e = $e(lr);
   if (!e) throw new Error("Ginger components must be used within <Ginger.Provider>");
   return e;
 }
-function nr(e) {
+function tr(e) {
   const { buffered: r, duration: t } = e;
   return !(t > 0) || r.length === 0 ? 0 : Math.min(1, r.end(r.length - 1) / t);
 }
@@ -24,8 +24,8 @@ function xn({
     currentTime: -1,
     duration: -1,
     bufferedFraction: -1
-  }), y = L(""), [k, g] = an(!1);
-  E(() => {
+  }), y = L(""), [k, g] = on(!1);
+  I(() => {
     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);
@@ -34,17 +34,17 @@ function xn({
     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;
+      bufferedFraction: tr(f)
+    }, N = m.current, Z = k ? 0.5 : 0.25, ee = Math.abs(S.currentTime - N.currentTime) >= Z || Math.abs(S.duration - N.duration) >= 0.01 || Math.abs(S.bufferedFraction - N.bufferedFraction) >= 0.01;
     !M && !ee || (m.current = S, o({
       type: "MEDIA_TIME_UPDATE",
       payload: S
     }));
   };
-  return E(() => {
+  return I(() => {
     const f = a.current;
     f && (f.volume = s.volume, f.muted = s.muted);
-  }, [a, s.volume, s.muted]), E(() => {
+  }, [a, s.volume, s.muted]), I(() => {
     const f = a.current;
     if (f) {
       if (!d) {
@@ -53,7 +53,7 @@ function xn({
       }
       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(() => {
+  }, [a, o, s.currentIndex, s.tracks, d]), I(() => {
     const f = a.current;
     f && (f.playbackRate = s.playbackRate);
   }, [a, s.playbackRate, d]), /* @__PURE__ */ c(
@@ -76,7 +76,7 @@ function xn({
           type: "MEDIA_LOADED_METADATA",
           payload: {
             duration: M.duration,
-            bufferedFraction: nr(M)
+            bufferedFraction: tr(M)
           }
         });
       },
@@ -96,8 +96,8 @@ function xn({
         });
       },
       onError: () => {
-        var w;
-        const f = a.current, M = (w = f == null ? void 0 : f.error) == null ? void 0 : w.code;
+        var N;
+        const f = a.current, M = (N = f == null ? void 0 : f.error) == null ? void 0 : N.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" } });
       }
     }
@@ -131,24 +131,24 @@ function Mn(e) {
     repeat: { ...Le.repeat, ...e.repeat }
   } : Le;
 }
-const lr = $e(Le);
-function In({
+const dr = He(Le);
+function En({
   locale: e,
   children: r
 }) {
   const t = Mn(e);
-  return /* @__PURE__ */ c(lr.Provider, { value: t, children: r });
+  return /* @__PURE__ */ c(dr.Provider, { value: t, children: r });
 }
-function N() {
-  return Oe(lr);
+function G() {
+  return $e(dr);
 }
 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) => {
+function In() {
+  const e = D(), r = X(), t = G(), i = A(() => or(e, r), [e, r]), n = Ye(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 {
@@ -164,7 +164,7 @@ function En() {
   };
 }
 function Pn() {
-  const e = D(), r = X(), t = N(), i = A(() => ir(e, r), [e, r]), n = (a) => {
+  const e = D(), r = X(), t = G(), i = A(() => or(e, r), [e, r]), n = (a) => {
     r.setVolume(Number(a.currentTarget.value));
   };
   return {
@@ -180,7 +180,7 @@ function Pn() {
   };
 }
 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;
+  const r = D(), t = G(), 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,
@@ -222,31 +222,31 @@ function _(e) {
     }
   );
 }
-function dr() {
+function pr() {
   return /* @__PURE__ */ c(_, { children: /* @__PURE__ */ c("path", { "data-ginger-component": "Pause", d: "M6 4h4v16H6zM14 4h4v16h-4z" }) });
 }
-function pr() {
+function gr() {
   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: [
+function Ve() {
+  return /* @__PURE__ */ w(ir, { 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, {}),
+function fr({ mode: e }) {
+  return e === "one" ? /* @__PURE__ */ w(_, { children: [
+    /* @__PURE__ */ c(Ve, {}),
     /* @__PURE__ */ c("path", { "data-ginger-component": "RepeatGlyph", d: "M11 10h1v4" })
-  ] }) : e === "all" ? /* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(Ue, {}) }) : /* @__PURE__ */ R(_, { children: [
-    /* @__PURE__ */ c(Ue, {}),
+  ] }) : e === "all" ? /* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(Ve, {}) }) : /* @__PURE__ */ w(_, { children: [
+    /* @__PURE__ */ c(Ve, {}),
     /* @__PURE__ */ c("line", { "data-ginger-component": "RepeatGlyph", x1: "3", x2: "21", y1: "3", y2: "21" })
   ] });
 }
-function fr() {
-  return /* @__PURE__ */ R(_, { children: [
+function mr() {
+  return /* @__PURE__ */ w(_, { children: [
     /* @__PURE__ */ c("path", { d: "m18 14 4 4-4 4" }),
     /* @__PURE__ */ c("path", { d: "m18 2 4 4-4 4" }),
     /* @__PURE__ */ c(
@@ -260,8 +260,8 @@ function fr() {
     /* @__PURE__ */ c("path", { d: "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45" })
   ] });
 }
-function mr() {
-  return /* @__PURE__ */ R(_, { children: [
+function yr() {
+  return /* @__PURE__ */ w(_, { children: [
     /* @__PURE__ */ c(
       "path",
       {
@@ -272,8 +272,8 @@ function mr() {
     /* @__PURE__ */ c("path", { d: "M3 20V4" })
   ] });
 }
-function yr() {
-  return /* @__PURE__ */ R(_, { children: [
+function hr() {
+  return /* @__PURE__ */ w(_, { children: [
     /* @__PURE__ */ c("path", { d: "M21 4v16" }),
     /* @__PURE__ */ c(
       "path",
@@ -284,8 +284,8 @@ function yr() {
     )
   ] });
 }
-function hr() {
-  return /* @__PURE__ */ R(_, { children: [
+function vr() {
+  return /* @__PURE__ */ w(_, { children: [
     /* @__PURE__ */ c(
       "path",
       {
@@ -297,8 +297,8 @@ function hr() {
     /* @__PURE__ */ c("path", { d: "M19.364 18.364a9 9 0 0 0 0-12.728" })
   ] });
 }
-function vr() {
-  return /* @__PURE__ */ R(_, { children: [
+function kr() {
+  return /* @__PURE__ */ w(_, { children: [
     /* @__PURE__ */ c(
       "path",
       {
@@ -310,7 +310,7 @@ function vr() {
     /* @__PURE__ */ c("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
   ] });
 }
-function kr({
+function br({
   playLabel: e = "Play",
   pauseLabel: r = "Pause",
   playAriaLabel: t,
@@ -320,7 +320,7 @@ function kr({
   onClick: o,
   ...s
 }) {
-  const l = N(), d = typeof e == "string" ? e : l.play, m = typeof r == "string" ? r : l.pause, y = An({
+  const l = G(), d = typeof e == "string" ? e : l.play, m = typeof r == "string" ? r : l.pause, y = An({
     playAriaLabel: t ?? d,
     pauseAriaLabel: i ?? m
   });
@@ -334,13 +334,13 @@ function kr({
       onClick: (k) => {
         y.toggle(), o == null || o(k);
       },
-      children: n ?? (y.isPaused ? /* @__PURE__ */ c(pr, {}) : /* @__PURE__ */ c(dr, {}))
+      children: n ?? (y.isPaused ? /* @__PURE__ */ c(gr, {}) : /* @__PURE__ */ c(pr, {}))
     }
   );
 }
-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];
+br.displayName = "Ginger.Control.PlayPause";
+function Tr({ type: e = "button", ariaLabel: r, onClick: t, children: i, ...n }) {
+  const { repeatMode: a, cycleRepeat: o } = D(), l = G().repeat[a];
   return /* @__PURE__ */ c(
     "button",
     {
@@ -351,13 +351,13 @@ function br({ type: e = "button", ariaLabel: r, onClick: t, children: i, ...n })
       onClick: (d) => {
         o(), t == null || t(d);
       },
-      children: i ?? /* @__PURE__ */ c(gr, { mode: a })
+      children: i ?? /* @__PURE__ */ c(fr, { 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();
+Tr.displayName = "Ginger.Control.Repeat";
+function xr({ type: e = "button", children: r, ariaLabel: t, onClick: i, ...n }) {
+  const { next: a } = D(), o = G();
   return /* @__PURE__ */ c(
     "button",
     {
@@ -368,19 +368,19 @@ function Tr({ type: e = "button", children: r, ariaLabel: t, onClick: i, ...n })
       onClick: (s) => {
         a(), i == null || i(s);
       },
-      children: r ?? /* @__PURE__ */ c(yr, {})
+      children: r ?? /* @__PURE__ */ c(hr, {})
     }
   );
 }
-Tr.displayName = "Ginger.Control.Next";
-function xr({
+xr.displayName = "Ginger.Control.Next";
+function Mr({
   type: e = "button",
   children: r,
   ariaLabel: t,
   onClick: i,
   ...n
 }) {
-  const { prev: a } = D(), o = N();
+  const { prev: a } = D(), o = G();
   return /* @__PURE__ */ c(
     "button",
     {
@@ -391,13 +391,13 @@ function xr({
       onClick: (s) => {
         a(), i == null || i(s);
       },
-      children: r ?? /* @__PURE__ */ c(mr, {})
+      children: r ?? /* @__PURE__ */ c(yr, {})
     }
   );
 }
-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();
+Mr.displayName = "Ginger.Control.Previous";
+function Er({ type: e = "button", children: r, ariaLabel: t, onClick: i, ...n }) {
+  const { isShuffled: a, toggleShuffle: o } = D(), s = G();
   return /* @__PURE__ */ c(
     "button",
     {
@@ -409,13 +409,13 @@ function Mr({ type: e = "button", children: r, ariaLabel: t, onClick: i, ...n })
       onClick: (l) => {
         o(), i == null || i(l);
       },
-      children: r ?? /* @__PURE__ */ c(fr, {})
+      children: r ?? /* @__PURE__ */ c(mr, {})
     }
   );
 }
-Mr.displayName = "Ginger.Control.Shuffle";
+Er.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 };
+  const a = In(), o = t ? { ...r, ...e } : { width: "100%", ...r, ...e };
   return /* @__PURE__ */ c(
     "input",
     {
@@ -435,7 +435,7 @@ function Ir({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: i, ...n }) {
   );
 }
 Ir.displayName = "Ginger.Control.SeekBar";
-function Er({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: i, ...n }) {
+function Pr({ 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",
@@ -455,8 +455,8 @@ function Er({ inputStyle: e, style: r, unstyled: t = !1, ariaLabel: i, ...n }) {
     }
   );
 }
-Er.displayName = "Ginger.Control.Volume";
-function Pr({
+Pr.displayName = "Ginger.Control.Volume";
+function Ar({
   ariaLabel: e,
   muteLabel: r,
   unmuteLabel: t,
@@ -465,7 +465,7 @@ function Pr({
   children: a,
   ...o
 }) {
-  const { muted: s, toggleMute: l } = X(), d = N();
+  const { muted: s, toggleMute: l } = X(), d = G();
   return /* @__PURE__ */ c(
     "button",
     {
@@ -477,20 +477,20 @@ function Pr({
       onClick: (m) => {
         l(), n == null || n(m);
       },
-      children: a ?? (s ? t ?? /* @__PURE__ */ c(vr, {}) : r ?? /* @__PURE__ */ c(hr, {}))
+      children: a ?? (s ? t ?? /* @__PURE__ */ c(kr, {}) : r ?? /* @__PURE__ */ c(vr, {}))
     }
   );
 }
-Pr.displayName = "Ginger.Control.Mute";
+Ar.displayName = "Ginger.Control.Mute";
 const Sn = [0.5, 0.75, 1, 1.25, 1.5, 2];
-function Ar({
+function Sr({
   rates: e = Sn,
   style: r,
   ariaLabel: t,
   children: i,
   ...n
 }) {
-  const { playbackRate: a, setPlaybackRate: o } = X(), s = N(), l = A(
+  const { playbackRate: a, setPlaybackRate: o } = X(), s = G(), l = A(
     () => Array.from(/* @__PURE__ */ new Set([...e, a])).sort((d, m) => d - m),
     [e, a]
   );
@@ -507,7 +507,7 @@ function Ar({
     }
   );
 }
-Ar.displayName = "Ginger.Control.PlaybackRate";
+Sr.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;
@@ -522,7 +522,7 @@ function Q(e, r) {
 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(
+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) => gn(e)), Gn = j(
   "Ginger.Current.Description",
   (e) => e == null ? void 0 : e.description
 ), Ln = Q("Ginger.Current.Copyright", (e) => {
@@ -533,7 +533,7 @@ const Rn = j("Ginger.Current.Title", (e) => e == null ? void 0 : e.title), wn =
   "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 }) {
+function Rr({ 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)) {
@@ -543,8 +543,8 @@ function Sr({ className: e, style: r, fallback: t, empty: i, children: n, format
   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({
+Rr.displayName = "Ginger.Current.Year";
+function wr({
   className: e,
   style: r,
   fallback: t,
@@ -562,14 +562,14 @@ function Rr({
   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;
+wr.displayName = "Ginger.Current.Lyrics";
+const ar = /\[(\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)];
+    const i = [...t.matchAll(ar)];
     if (i.length === 0) continue;
-    const n = t.replace(tr, "").trim();
+    const n = t.replace(ar, "").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 });
@@ -589,7 +589,7 @@ function Vn() {
     activeLine: a >= 0 ? n[a] ?? null : null
   };
 }
-function wr({
+function Nr({
   className: e,
   style: r,
   fallback: t,
@@ -599,7 +599,7 @@ function wr({
   lineClassName: o,
   children: s
 }) {
-  const l = P(), d = N(), { lines: m, activeIndex: y } = Vn();
+  const l = P(), d = G(), { 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;
@@ -638,7 +638,7 @@ function wr({
     }
   );
 }
-wr.displayName = "Ginger.Current.LyricsSynced";
+Nr.displayName = "Ginger.Current.LyricsSynced";
 function Bn() {
   const { tracks: e, currentIndex: r } = D(), { currentTime: t, seek: i } = X(), n = A(() => {
     var s;
@@ -659,7 +659,7 @@ function Bn() {
     }
   };
 }
-function Nr({
+function Gr({
   className: e,
   style: r,
   fallback: t,
@@ -668,7 +668,7 @@ function Nr({
   formatStart: a = J,
   children: o
 }) {
-  const s = P(), l = N(), { list: d, activeIndex: m, seekTo: y } = Bn();
+  const s = P(), l = G(), { 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;
@@ -699,11 +699,11 @@ function Nr({
           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: [
+        children: o ? o(g, h, b, s) : n ? /* @__PURE__ */ w(ir, { children: [
           a(g.startSeconds),
           " ",
           g.title
-        ] }) : /* @__PURE__ */ R("span", { children: [
+        ] }) : /* @__PURE__ */ w("span", { children: [
           /* @__PURE__ */ c("span", { style: { opacity: 0.75, marginRight: "0.35em" }, children: a(g.startSeconds) }),
           g.title
         ] })
@@ -711,8 +711,8 @@ function Nr({
     ) }, `${g.startSeconds}-${g.title}`);
   }) });
 }
-Nr.displayName = "Ginger.Current.Chapters";
-function Gr({
+Gr.displayName = "Ginger.Current.Chapters";
+function Lr({
   visible: e = !1,
   className: r,
   style: t,
@@ -730,8 +730,8 @@ function Gr({
   }
   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({
+Lr.displayName = "Ginger.Current.FileUrl";
+function _r({
   className: e,
   style: r,
   fallback: t,
@@ -743,7 +743,7 @@ function Lr({
   unstyled: l = !1,
   imgStyle: d
 }) {
-  const m = P(), y = K(m), k = gn(m);
+  const m = P(), y = K(m), k = fn(m);
   if (!k) {
     const h = i ?? t ?? null;
     return h ? /* @__PURE__ */ c("span", { className: e, style: r, children: h }) : null;
@@ -781,8 +781,8 @@ function Lr({
     }
   );
 }
-Lr.displayName = "Ginger.Current.Artwork";
-function _r({
+_r.displayName = "Ginger.Current.Artwork";
+function Dr({
   base: e = 0,
   className: r,
   style: t,
@@ -798,8 +798,8 @@ function _r({
   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 }) {
+Dr.displayName = "Ginger.Current.QueueIndex";
+function Cr({ 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;
@@ -807,8 +807,8 @@ function Dr({ className: e, style: r, fallback: t, empty: i, children: n }) {
   }
   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({
+Cr.displayName = "Ginger.Current.QueueLength";
+function Fr({
   base: e = 0,
   separator: r = " / ",
   className: t,
@@ -825,8 +825,8 @@ function Cr({
   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) {
+Fr.displayName = "Ginger.Current.QueuePosition";
+function Qe(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;
@@ -835,39 +835,39 @@ function Ye(e, r, t) {
   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);
+  return Qe(r.currentTime, r, e);
 }
-Ur.displayName = "Ginger.Current.Duration";
+Ur.displayName = "Ginger.Current.Elapsed";
 function Vr(e) {
   const r = P();
-  return Ye(fn(r), r, e);
+  return Qe(Ye(r), r, e);
+}
+Vr.displayName = "Ginger.Current.Duration";
+function Br(e) {
+  const r = P();
+  return Qe(mn(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);
+Br.displayName = "Ginger.Current.Remaining";
+function Or({ className: e, style: r, fallback: t, empty: i, children: n }) {
+  const a = P(), o = Ye(a), s = cr(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({
+Or.displayName = "Ginger.Current.Progress";
+function $r({
   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(
+  const a = P(), o = `${Math.round(cr(a) * 100)}%`, s = `${Math.round(Math.min(1, Math.max(0, a.bufferedFraction)) * 100)}%`;
+  return /* @__PURE__ */ w(
     "div",
     {
       "data-ginger-component": "TimeRail",
@@ -913,8 +913,8 @@ function Or({
     }
   );
 }
-Or.displayName = "Ginger.Current.TimeRail";
-function $r({ className: e, style: r, height: t = 4, unstyled: i = !1 }) {
+$r.displayName = "Ginger.Current.TimeRail";
+function Hr({ 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",
@@ -944,13 +944,13 @@ function $r({ className: e, style: r, height: t = 4, unstyled: i = !1 }) {
     }
   );
 }
-$r.displayName = "Ginger.Current.BufferRail";
-function Hr({ className: e, style: r, fallback: t, empty: i, children: n }) {
-  const a = P(), o = cr(a);
+Hr.displayName = "Ginger.Current.BufferRail";
+function Yr({ className: e, style: r, fallback: t, empty: i, children: n }) {
+  const a = P(), o = sr(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({
+Yr.displayName = "Ginger.Current.PlaybackState";
+function Qr({
   className: e,
   style: r,
   fallback: t,
@@ -974,15 +974,15 @@ function Yr({
     }
   ) : /* @__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);
+Qr.displayName = "Ginger.Current.ErrorMessage";
+const Oe = He(null);
 function On() {
-  const e = Oe(Be);
+  const e = $e(Oe);
   if (!e)
     throw new Error("Ginger.Playlist.Track must be used inside <Ginger.Playlist>");
   return e;
 }
-function Qr({
+function jr({
   children: e,
   unstyled: r = !1,
   rowStyle: t,
@@ -1000,7 +1000,7 @@ function Qr({
     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) => {
+  return e !== void 0 ? /* @__PURE__ */ c(Oe.Provider, { value: { playOnSelect: n }, children: /* @__PURE__ */ c("ul", { "data-ginger-component": "Playlist", style: y, ...o, children: e }) }) : /* @__PURE__ */ c(Oe.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",
@@ -1020,16 +1020,16 @@ function Qr({
           padding: r ? void 0 : "var(--ginger-playlist-row-padding, 6px 8px)",
           ...t
         },
-        children: i ? i(g, h, b) : /* @__PURE__ */ R("span", { children: [
+        children: i ? i(g, h, b) : /* @__PURE__ */ w("span", { children: [
           g.title,
           g.artist ? ` — ${g.artist}` : ""
         ] })
       }
-    ) }, `${h}-${Ve(g)}`);
+    ) }, `${h}-${Be(g)}`);
   }) }) });
 }
-Qr.displayName = "Ginger.Playlist";
-function jr({
+jr.displayName = "Ginger.Playlist";
+function zr({
   index: e,
   unstyled: r = !1,
   className: t,
@@ -1039,7 +1039,7 @@ function jr({
   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: [
+  const { playOnSelect: l } = On(), { tracks: d, currentIndex: m, playTrackAt: y, selectTrackAt: k } = D(), g = e === m, h = d[e], b = h != null ? /* @__PURE__ */ w("span", { "data-ginger-component": "PlaylistTrack", children: [
     h.title,
     h.artist ? ` — ${h.artist}` : ""
   ] }) : null;
@@ -1070,9 +1070,9 @@ function jr({
     }
   ) });
 }
-jr.displayName = "Ginger.Playlist.Track";
-const $n = Object.assign(Qr, {
-  Track: jr
+zr.displayName = "Ginger.Playlist.Track";
+const $n = Object.assign(jr, {
+  Track: zr
 }), Hn = Q("Ginger.Queue.Title", (e) => {
   var r;
   return (r = e.playlistMeta) == null ? void 0 : r.title;
@@ -1092,7 +1092,7 @@ const $n = Object.assign(Qr, {
     return (r = e.playlistMeta) == null ? void 0 : r.copyright;
   }
 );
-function zr({
+function Wr({
   className: e,
   style: r,
   fallback: t,
@@ -1136,11 +1136,11 @@ function zr({
     }
   );
 }
-zr.displayName = "Ginger.Queue.Artwork";
+Wr.displayName = "Ginger.Queue.Artwork";
 function _e(e) {
   return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 1;
 }
-function Qe(e) {
+function je(e) {
   return Number.isFinite(e) ? Math.min(4, Math.max(0.25, e)) : 1;
 }
 const Y = {
@@ -1155,10 +1155,10 @@ const Y = {
   muted: !1,
   playbackRate: 1
 };
-function Wr(e) {
+function Xr(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), {
+  return e.isShuffled && r.length > 1 && (i = [...r], n = ur(r, t), t = 0), {
     tracks: n,
     currentIndex: t,
     playbackMode: e.playbackMode ?? "playlist",
@@ -1170,7 +1170,7 @@ function Wr(e) {
     ...zn,
     volume: _e(e.volume ?? 1),
     muted: e.muted ?? !1,
-    playbackRate: Qe(e.playbackRate ?? 1)
+    playbackRate: je(e.playbackRate ?? 1)
   };
 }
 function Wn(e, r) {
@@ -1188,7 +1188,7 @@ function Wn(e, r) {
         muted: m,
         playbackRate: y
       } = r.payload;
-      return Wr({
+      return Xr({
         tracks: t,
         currentIndex: i,
         playlistMeta: n ?? null,
@@ -1236,7 +1236,7 @@ function Wn(e, r) {
     }
     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);
+        const s = e.tracks[t], l = Ue(e.originalTracks, s);
         return er(e.originalTracks, l);
       })() : e.originalTracks, o = e.isShuffled && i.length > 1;
       return {
@@ -1249,7 +1249,7 @@ function Wn(e, r) {
       };
     }
     case "MOVE_TRACK": {
-      const { fromIndex: t, toIndex: i } = r.payload, n = vn(e.tracks, t, i);
+      const { fromIndex: t, toIndex: i } = r.payload, n = kn(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,
@@ -1261,7 +1261,7 @@ function Wn(e, r) {
     }
     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);
+        const n = e.tracks[e.currentIndex], a = Ue(e.originalTracks, n);
         return Ze(e.originalTracks, a, r.payload.track);
       })() : e.originalTracks;
       return {
@@ -1288,11 +1288,11 @@ function Wn(e, r) {
     case "SET_REPEAT":
       return { ...e, repeatMode: r.payload };
     case "CYCLE_REPEAT":
-      return { ...e, repeatMode: hn(e.repeatMode) };
+      return { ...e, repeatMode: vn(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);
+        const a = [...e.tracks], o = ur(a, e.currentIndex);
         return {
           ...e,
           isShuffled: !0,
@@ -1301,7 +1301,7 @@ function Wn(e, r) {
           currentIndex: 0
         };
       }
-      const t = e.originalTracks ? [...e.originalTracks] : [...e.tracks], i = e.tracks[e.currentIndex], n = Fe(t, i);
+      const t = e.originalTracks ? [...e.originalTracks] : [...e.tracks], i = e.tracks[e.currentIndex], n = Ue(t, i);
       return {
         ...e,
         isShuffled: !1,
@@ -1311,7 +1311,7 @@ function Wn(e, r) {
       };
     }
     case "NEXT": {
-      const t = yn(e), i = t === e.currentIndex;
+      const t = hn(e), i = t === e.currentIndex;
       return {
         ...e,
         currentIndex: t,
@@ -1320,7 +1320,7 @@ function Wn(e, r) {
       };
     }
     case "PREV": {
-      const t = mn(e), i = t === e.currentIndex;
+      const t = yn(e), i = t === e.currentIndex;
       return {
         ...e,
         currentIndex: t,
@@ -1373,7 +1373,7 @@ function Wn(e, r) {
     case "TOGGLE_MUTE":
       return { ...e, muted: !e.muted };
     case "SET_PLAYBACK_RATE":
-      return { ...e, playbackRate: Qe(r.payload) };
+      return { ...e, playbackRate: je(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 };
@@ -1389,8 +1389,8 @@ 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 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 = bn(a, (k = r.playlistMeta) == null ? void 0 : k.artworkUrl);
+  I(() => {
     const g = Ge();
     !e || !g || (g.metadata = new MediaMetadata({
       title: o ?? "Unknown track",
@@ -1398,12 +1398,12 @@ function Xn(e, r, t, i = {}) {
       album: l,
       artwork: d ? [{ src: d }] : void 0
     }));
-  }, [e, o, s, l, d]), E(() => {
+  }, [e, o, s, l, d]), I(() => {
     const g = Ge();
     !e || !g || (g.playbackState = r.isPaused ? "paused" : "playing");
   }, [e, r.isPaused]);
   const m = i.seekForwardSeconds, y = i.seekBackwardSeconds;
-  E(() => {
+  I(() => {
     const g = Ge();
     if (!(!e || !g)) {
       try {
@@ -1425,7 +1425,7 @@ function Xn(e, r, t, i = {}) {
         }
       };
     }
-  }, [e, t, m, y]), E(() => {
+  }, [e, t, m, y]), I(() => {
     var M, S;
     const g = Ge();
     if (!e || !g || !i.positionState) return;
@@ -1443,9 +1443,9 @@ function Xn(e, r, t, i = {}) {
     } catch {
     }
     return () => {
-      var w;
+      var N;
       try {
-        (w = g.setPositionState) == null || w.call(g);
+        (N = g.setPositionState) == null || N.call(g);
       } catch {
       }
     };
@@ -1483,12 +1483,12 @@ function qn({
   persistence: f,
   hydrateOnMount: M = !1,
   resumeOnTrackChange: S = !1,
-  unstyled: w = !1,
+  unstyled: N = !1,
   asChild: Z = !1,
   className: ee,
   style: De,
-  dir: Xr,
-  prevRestartThresholdSeconds: je = 3,
+  dir: Kr,
+  prevRestartThresholdSeconds: ze = 3,
   onTrackChange: re,
   onPlay: ne,
   onPause: te,
@@ -1496,13 +1496,13 @@ function qn({
   onError: ie,
   onVolumeChange: oe,
   onPlaybackRateChange: ce,
-  onSeek: U
+  onSeek: V
 }) {
   var Je;
-  const V = L(null), [u, v] = on(
+  const U = L(null), [u, v] = cn(
     Wn,
     void 0,
-    () => Wr({
+    () => Xr({
       tracks: r,
       currentIndex: t,
       playlistMeta: i,
@@ -1514,7 +1514,7 @@ function qn({
       muted: d,
       playbackRate: m
     })
-  ), ze = L(u), Ce = L({
+  ), Ce = L(u), Fe = L({
     tracks: r,
     currentIndex: t,
     playlistMeta: i,
@@ -1526,7 +1526,7 @@ function qn({
     muted: d,
     playbackRate: m
   });
-  Ce.current = {
+  Fe.current = {
     tracks: r,
     currentIndex: t,
     playlistMeta: i,
@@ -1539,7 +1539,7 @@ function qn({
     playbackRate: m
   };
   const q = L(void 0);
-  E(() => {
+  I(() => {
     if (y === void 0) {
       q.current = void 0;
       return;
@@ -1550,7 +1550,7 @@ function qn({
     }
     if (q.current === y) return;
     q.current = y;
-    const p = Ce.current;
+    const p = Fe.current;
     v({
       type: "INIT",
       payload: {
@@ -1566,17 +1566,17 @@ function qn({
         playbackRate: p.playbackRate
       }
     });
-  }, [y, v]), E(() => {
-    ze.current = u;
+  }, [y, v]), I(() => {
+    Ce.current = u;
   }, [u]);
   const We = u.tracks[u.currentIndex] ?? null;
-  E(() => {
+  I(() => {
     re == null || re(We, u.currentIndex);
-  }, [We, u.currentIndex, re]), E(() => {
+  }, [We, u.currentIndex, re]), I(() => {
     u.errorMessage && (ie == null || ie(u.errorMessage));
   }, [u.errorMessage, ie]);
   const se = L(void 0);
-  E(() => {
+  I(() => {
     if (se.current === void 0) {
       se.current = u.isPaused;
       return;
@@ -1584,7 +1584,7 @@ function qn({
     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(() => {
+  I(() => {
     if (ue.current === void 0 || le.current === void 0) {
       ue.current = u.volume, le.current = u.muted;
       return;
@@ -1592,70 +1592,70 @@ function qn({
     (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(() => {
+  I(() => {
     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(() => {
+  const B = E(() => {
     v({ type: "PLAY" });
-  }, []), O = I(() => {
+  }, []), O = E(() => {
     var p;
-    v({ type: "PAUSE" }), (p = V.current) == null || p.pause();
-  }, []), pe = I(() => {
+    v({ type: "PAUSE" }), (p = U.current) == null || p.pause();
+  }, []), pe = E(() => {
     u.isPaused ? B() : O();
-  }, [O, B, u.isPaused]), $ = I(
+  }, [O, B, u.isPaused]), $ = E(
     (p) => {
-      const T = V.current;
-      T && Number.isFinite(p) && (T.currentTime = Math.max(0, p), U == null || U(Math.max(0, p)));
+      const T = U.current;
+      T && Number.isFinite(p) && (T.currentTime = Math.max(0, p), V == null || V(Math.max(0, p)));
     },
-    [U]
-  ), ge = I((p) => {
+    [V]
+  ), ge = E((p) => {
     v({ type: "SET_VOLUME", payload: _e(p) });
-  }, []), fe = I((p) => {
+  }, []), fe = E((p) => {
     v({ type: "SET_MUTED", payload: p });
-  }, []), me = I(() => {
+  }, []), me = E(() => {
     v({ type: "TOGGLE_MUTE" });
-  }, []), ye = I((p) => {
-    v({ type: "SET_PLAYBACK_RATE", payload: Qe(p) });
-  }, []), z = I(() => {
+  }, []), ye = E((p) => {
+    v({ type: "SET_PLAYBACK_RATE", payload: je(p) });
+  }, []), z = E(() => {
     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) => {
+  }, []), W = E(() => {
+    const p = U.current, T = ze ?? 3;
+    p && T > 0 && p.currentTime > T ? (p.currentTime = 0, V == null || V(0)) : v({ type: "PREV" });
+  }, [ze, V]), he = E((p) => {
     v({ type: "SET_REPEAT", payload: p });
-  }, []), ve = I(() => {
+  }, []), ve = E(() => {
     v({ type: "CYCLE_REPEAT" });
-  }, []), ke = I(() => {
+  }, []), ke = E(() => {
     v({ type: "TOGGLE_SHUFFLE" });
-  }, []), be = I((p, T) => {
+  }, []), be = E((p, T) => {
     v({ type: "SET_QUEUE", payload: { tracks: p, currentIndex: T } });
-  }, []), Te = I((p, T, x) => {
+  }, []), Te = E((p, T, x) => {
     v({ type: "INSERT_TRACK", payload: { track: p, index: T, autoPlay: x } });
-  }, []), xe = I((p) => {
+  }, []), xe = E((p) => {
     v({ type: "REMOVE_TRACK", payload: { index: p } });
-  }, []), Me = I((p, T) => {
+  }, []), Me = E((p, T) => {
     v({ type: "MOVE_TRACK", payload: { fromIndex: p, toIndex: T } });
-  }, []), Ie = I((p) => {
+  }, []), Ee = E((p) => {
     v({ type: "ADD_NEXT", payload: { track: p } });
-  }, []), Ee = I((p) => {
+  }, []), Ie = E((p) => {
     v({ type: "SET_INDEX", payload: { index: p, autoPlay: !0 } });
-  }, []), Pe = I((p) => {
+  }, []), Pe = E((p) => {
     v({ type: "SET_INDEX", payload: { index: p, autoPlay: !1 } });
-  }, []), Ae = I((p) => {
+  }, []), Ae = E((p) => {
     v({ type: "SET_PLAYLIST_META", payload: p });
-  }, []), Se = I((p) => {
+  }, []), Se = E((p) => {
     v({ type: "SET_PLAYBACK_MODE", payload: p });
-  }, []), Re = I((p) => {
+  }, []), Re = E((p) => {
     v({ type: "INIT", payload: p });
   }, []);
-  E(() => {
+  I(() => {
     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;
+        const p = f.get("ginger:volume"), T = f.get("ginger:muted"), x = f.get("ginger:playbackRate"), R = f.get("ginger:repeatMode"), Ne = f.get("ginger:currentIndex"), F = Fe.current;
         v({
           type: "INIT",
           payload: {
@@ -1665,7 +1665,7 @@ function qn({
             isShuffled: F.isShuffled,
             playbackMode: F.playbackMode,
             currentIndex: typeof Ne == "number" ? Ne : F.currentIndex,
-            repeatMode: G === "off" || G === "all" || G === "one" ? G : F.repeatMode,
+            repeatMode: R === "off" || R === "all" || R === "one" ? R : F.repeatMode,
             volume: typeof p == "number" ? p : F.volume,
             muted: typeof T == "boolean" ? T : F.muted,
             playbackRate: typeof x == "number" ? x : F.playbackRate
@@ -1674,7 +1674,7 @@ function qn({
       } catch (p) {
         process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.get() threw during hydration:", p);
       }
-  }, [M, f]), E(() => {
+  }, [M, f]), I(() => {
     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);
@@ -1688,46 +1688,50 @@ function qn({
     u.playbackRate,
     u.repeatMode,
     u.currentIndex
-  ]), E(() => {
+  ]), I(() => {
     if (!f || !S) return;
     const p = u.tracks[u.currentIndex];
     if (!p) return;
-    const T = `ginger:resume:${Ve(p)}`;
+    const T = `ginger:resume:${Be(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(() => {
+  }, [f, S, u.currentIndex, u.tracks, $]), I(() => {
     if (!f || !S) return;
     const p = u.tracks[u.currentIndex];
     if (!p || !(u.currentTime >= 0)) return;
-    const T = `ginger:resume:${Ve(p)}`, x = setTimeout(() => {
+    const T = `ginger:resume:${Be(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);
+      } catch (R) {
+        process.env.NODE_ENV !== "production" && console.warn("[@lucaismyname/ginger] persistence.set() threw during resume save:", R);
       }
     }, 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;
+  const qr = (Je = u.tracks[u.currentIndex]) == null ? void 0 : Je.fileUrl;
+  I(() => {
+    const p = U.current;
     if (!p) return;
     if (u.isPaused) {
       p.pause();
       return;
     }
+    if (p.ended && nr(Ce.current).kind === "stop") {
+      v({ type: "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";
+        } catch (R) {
+          const Ne = R instanceof Error ? R.message : "beforePlay rejected";
           v({ type: "MEDIA_ERROR", payload: { message: Ne } });
           return;
         }
@@ -1737,39 +1741,40 @@ function qn({
         }
       }
       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 } });
+        const R = x instanceof Error ? x.message : typeof x == "string" ? x : "Playback failed (e.g. autoplay blocked or unavailable source)";
+        v({ type: "MEDIA_ERROR", payload: { message: R } });
       });
     })(), () => {
       T = !0;
     };
-  }, [h, Kr, b, u.isPaused]);
-  const we = I(() => {
-    const p = bn(ze.current);
+  }, [h, qr, b, u.isPaused]);
+  const we = E(() => {
+    var x;
+    const p = nr(Ce.current);
     if (p.kind === "replay_same") {
-      const x = V.current;
-      x && (x.currentTime = 0), v({ type: "PLAY" });
+      const R = U.current;
+      R && (R.currentTime = 0), v({ type: "PLAY" });
       return;
     }
     if (p.kind === "stop") {
-      v({ type: "PAUSE" }), ae == null || ae();
+      (x = U.current) == null || x.pause(), v({ type: "PAUSE" }), ae == null || ae();
       return;
     }
     const T = p.nextIndex;
     v({ type: "SET_INDEX", payload: { index: T, autoPlay: !0 } });
-  }, [ae]), qr = A(
+  }, [ae]), Jr = A(
     () => ({ play: B, pause: O, next: z, prev: W, seek: $ }),
     [B, O, z, W, $]
-  ), Jr = typeof g == "object" ? !0 : !!g, Zr = A(
+  ), Zr = typeof g == "object" ? !0 : !!g, en = 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(
+  Xn(Zr, u, Jr, en);
+  const Xe = Kr ?? (k != null && k.seek && /[\u0590-\u08FF]/.test(k.seek) ? "rtl" : "ltr"), rn = A(
     () => ({
       state: u,
       dispatch: v,
-      audioRef: V,
+      audioRef: U,
       notifyEnded: we,
       init: Re,
       play: B,
@@ -1789,8 +1794,8 @@ function qn({
       insertTrackAt: Te,
       removeTrackAt: xe,
       moveTrack: Me,
-      enqueueNext: Ie,
-      playTrackAt: Ee,
+      enqueueNext: Ee,
+      playTrackAt: Ie,
       selectTrackAt: Pe,
       setPlaylistMeta: Ae,
       setPlaybackMode: Se
@@ -1803,11 +1808,11 @@ function qn({
       we,
       O,
       B,
-      Ee,
+      Ie,
       Te,
       xe,
       Me,
-      Ie,
+      Ee,
       Pe,
       W,
       $,
@@ -1823,7 +1828,7 @@ function qn({
       pe,
       ke
     ]
-  ), rn = A(
+  ), nn = A(
     () => ({
       tracks: u.tracks,
       currentIndex: u.currentIndex,
@@ -1846,8 +1851,8 @@ function qn({
       insertTrackAt: Te,
       removeTrackAt: xe,
       moveTrack: Me,
-      enqueueNext: Ie,
-      playTrackAt: Ee,
+      enqueueNext: Ee,
+      playTrackAt: Ie,
       selectTrackAt: Pe,
       setPlaylistMeta: Ae,
       setPlaybackMode: Se,
@@ -1875,14 +1880,14 @@ function qn({
       Te,
       xe,
       Me,
-      Ie,
       Ee,
+      Ie,
       Pe,
       Ae,
       Se,
       v
     ]
-  ), nn = A(
+  ), tn = A(
     () => ({
       currentTime: u.currentTime,
       duration: u.duration,
@@ -1897,7 +1902,7 @@ function qn({
       setMuted: fe,
       toggleMute: me,
       setPlaybackRate: ye,
-      audioRef: V,
+      audioRef: U,
       notifyEnded: we,
       dispatch: v
     }),
@@ -1915,13 +1920,13 @@ function qn({
       fe,
       me,
       ye,
-      V,
+      U,
       we,
       v
     ]
-  ), Ke = cr(u), qe = A(
-    () => w ? De : { ...Kn, ...De },
-    [De, w]
+  ), Ke = sr(u), qe = A(
+    () => N ? De : { ...Kn, ...De },
+    [De, N]
   ), C = A(
     () => ({
       className: ee,
@@ -1930,7 +1935,7 @@ function qn({
       dir: Xe
     }),
     [ee, qe, Ke, Xe]
-  ), tn = A(() => {
+  ), an = A(() => {
     if (!Z)
       return /* @__PURE__ */ c(
         "div",
@@ -1942,18 +1947,18 @@ function qn({
           children: e
         }
       );
-    const p = cn.only(e);
-    if (!sn(p))
+    const p = sn.only(e);
+    if (!un(p))
       throw new Error("Ginger.Provider asChild expects a single React element child.");
     const T = p, x = T.props.style;
-    return un(T, {
+    return ln(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 }) }) }) });
+  return /* @__PURE__ */ c(En, { locale: k, children: /* @__PURE__ */ c(dn.Provider, { value: nn, children: /* @__PURE__ */ c(pn.Provider, { value: tn, children: /* @__PURE__ */ c(lr.Provider, { value: rn, children: an }) }) }) });
 }
 function Jn(e, r) {
   const t = [e, r].filter(Boolean).join(" ");
@@ -1972,79 +1977,79 @@ const tt = {
     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
+    Year: Rr,
+    Lyrics: wr,
+    LyricsSynced: Nr,
+    Chapters: Gr,
+    FileUrl: Lr,
+    Artwork: _r,
+    QueueIndex: Dr,
+    QueueLength: Cr,
+    QueuePosition: Fr,
+    Elapsed: Ur,
+    Duration: Vr,
+    Remaining: Br,
+    Progress: Or,
+    TimeRail: $r,
+    BufferRail: Hr,
+    PlaybackState: Yr,
+    ErrorMessage: Qr
   },
   Queue: {
     Title: Hn,
     Subtitle: Yn,
     Description: Qn,
     Copyright: jn,
-    Artwork: zr
+    Artwork: Wr
   },
   Control: {
-    PlayPause: kr,
-    Repeat: br,
-    Next: Tr,
-    Previous: xr,
-    Shuffle: Mr,
+    PlayPause: br,
+    Repeat: Tr,
+    Next: xr,
+    Previous: Mr,
+    Shuffle: Er,
     SeekBar: Ir,
-    Volume: Er,
-    Mute: Pr,
-    PlaybackRate: Ar
+    Volume: Pr,
+    Mute: Ar,
+    PlaybackRate: Sr
   },
   Icon: {
-    Play: pr,
-    Pause: dr,
-    SkipForward: yr,
-    SkipBack: mr,
-    Shuffle: fr,
-    Volume2: hr,
-    VolumeX: vr,
-    RepeatGlyph: gr,
+    Play: gr,
+    Pause: pr,
+    SkipForward: hr,
+    SkipBack: yr,
+    Shuffle: mr,
+    Volume2: vr,
+    VolumeX: kr,
+    RepeatGlyph: fr,
     Wrapper: _
   },
   Playlist: $n
 };
 export {
-  Nr as C,
+  Gr as C,
   tt as G,
-  wr as L,
-  dr as P,
-  gr as R,
-  fr as S,
-  hr as V,
+  Nr as L,
+  pr as P,
+  fr as R,
+  mr as S,
+  vr as V,
   _ as W,
-  pr as a,
-  mr as b,
-  yr as c,
-  vr as d,
-  Qe as e,
+  gr as a,
+  yr as b,
+  hr as c,
+  kr as d,
+  je as e,
   _e as f,
   Le as g,
-  N as h,
+  G as h,
   Vn as i,
   An as j,
-  En as k,
+  In as k,
   Pn as l,
-  Wr as m,
+  Xr as m,
   Wn as n,
   Un as p,
   Bn as u
 };
-//# sourceMappingURL=ginger-Ca8910_n.js.map
+//# sourceMappingURL=ginger-CgHqHrrG.js.map