@banou/media-player 0.10.8 → 0.10.9

package/dist/index.js

@@ -4,10 +4,10 @@ import { css as g, keyframes as _ } from "@emotion/react";
 import { createPlayer as v, useContainerAttach as y, useMediaAttach as b } from "@videojs/react";
 import { definePlayerFeature as x, videoFeatures as S } from "@videojs/core/dom";
 import { Fragment as C, jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
-import { AlertTriangle as E, Check as D, ChevronLeft as O, ChevronRight as k, Copy as A, Maximize as j, Minimize as M, Pause as N, Play as P, RotateCcw as F, Settings as I, Volume1 as L, Volume2 as R, VolumeX as z } from "react-feather";
-import { Tooltip as ee } from "react-tooltip";
+import { Captions as E, CaptionsOff as D, Check as O, ChevronLeft as k, ChevronRight as A, Copy as j, Maximize as M, Minimize as N, Pause as P, Play as F, RotateCcw as I, Settings as L, TriangleAlert as R, Volume1 as z, Volume2 as B, VolumeX as ee } from "lucide-react";
+import { Tooltip as V } from "react-tooltip";
 //#region src/lib/react/source-feature.ts
-var B = {
+var H = {
 	indexes: [],
 	chapters: [],
 	thumbnails: [],
@@ -30,19 +30,19 @@ var B = {
 	playbackErrors: [],
 	ready: !1,
 	setSourceState: () => {}
-}, V = x({
+}, te = x({
 	name: "source",
-	state: () => ({ ...B }),
+	state: () => ({ ...H }),
 	attach({ set: e }) {
 		e({
 			setSourceState: (t) => e(t),
 			setHideUI: (t) => e({ hideUI: t })
 		});
 	}
-}), H = v({
-	features: [...S, V],
+}), U = v({
+	features: [...S, te],
 	displayName: "MediaPlayer"
-}), U = H.usePlayer, te = (e) => {
+}), W = U.usePlayer, G = (e) => {
 	if (e && e !== "und") try {
 		return new Intl.DisplayNames([navigator.language || "en"], {
 			type: "language",
@@ -51,39 +51,39 @@ var B = {
 	} catch {
 		return;
 	}
-}, ne = (e) => e?.replace(/_/g, " ").trim() || void 0, W = (e) => {
-	let t = e.map((e) => te(e.language) ?? ne(e.title) ?? `Track ${e.streamIndex}`), n = t.reduce((e, t) => ({
+}, K = (e) => e?.replace(/_/g, " ").trim() || void 0, q = (e) => {
+	let t = e.map((e) => G(e.language) ?? K(e.title) ?? `Track ${e.streamIndex}`), n = t.reduce((e, t) => ({
 		...e,
 		[t]: (e[t] ?? 0) + 1
 	}), {});
 	return e.map((e, r) => {
-		let i = t[r], a = ne(e.title);
+		let i = t[r], a = K(e.title);
 		return {
 			track: e,
 			label: (n[i] ?? 0) > 1 && a && a !== i ? `${i} (${a})` : i
 		};
 	});
-}, G = (e) => W(e).map(({ track: e, label: t }) => ({
+}, ne = (e) => q(e).map(({ track: e, label: t }) => ({
 	id: e.streamIndex,
 	label: t
-})), K = [
+})), J = [
 	0,
 	250,
 	1e3,
 	3e3,
 	1e4
-], re = 6e4, ie = 500, q = 15e3, J = (e) => e instanceof Error ? e.message : String(e), ae = (e) => {
+], Y = 6e4, re = 500, ie = 15e3, ae = (e) => e instanceof Error ? e.message : String(e), oe = (e) => {
 	let t = [], n = e?.cause;
 	for (let e = 0; n != null && e < 8; e++) {
 		if (typeof MediaError < "u" && n instanceof MediaError) {
 			t.push(`MediaError code ${n.code}${n.message ? `: ${n.message}` : ""}`);
 			break;
 		}
-		t.push(J(n)), n = n?.cause;
+		t.push(ae(n)), n = n?.cause;
 	}
 	return t.length ? t.join("\n") : void 0;
-}, oe = (e, t, r) => {
-	let a = U(), { read: o, size: s, publicPath: c = "", libavWorkerUrl: l = "", jassubWorkerUrl: f = "", jassubWasmUrl: h = "", jassubLegacyWasmUrl: g, defaultFontUrl: _, bufferSize: v, autoplay: y = !1, chapters: b, seekPrepareBudgetMs: x = ie } = r ?? {}, S = p(b);
+}, se = (e, t, r) => {
+	let a = W(), { read: o, size: s, publicPath: c = "", libavWorkerUrl: l = "", jassubWorkerUrl: f = "", jassubWasmUrl: h = "", jassubLegacyWasmUrl: g, defaultFontUrl: _, bufferSize: v, autoplay: y = !1, chapters: b, seekPrepareBudgetMs: x = re } = r ?? {}, S = p(b);
 	S.current = b;
 	let [C, w] = m(void 0), [T, E] = m(0), D = p({
 		count: 0,
@@ -120,7 +120,7 @@ var B = {
 		a.setSourceState({ seekingTo: e });
 		let c = t.videoElement, l = () => {
 			c?.removeEventListener("seeked", l), clearTimeout(u), a.setSourceState({ seekingTo: void 0 });
-		}, u = setTimeout(l, q);
+		}, u = setTimeout(l, ie);
 		c?.addEventListener("seeked", l);
 		let d = setTimeout(() => {
 			o = "deadline", s();
@@ -130,7 +130,7 @@ var B = {
 		});
 	}, [a, x]), L = u((e) => {
 		typeof e == "number" && (a.setSourceState({ selectedAudioTrack: e }), w(e));
-	}, [a]), R = U((e) => e.setSourceState);
+	}, [a]), R = W((e) => e.setSourceState);
 	d(() => {
 		R({
 			selectSubtitleTrack: F,
@@ -150,7 +150,7 @@ var B = {
 			ready: !1
 		});
 		let u = (t, n) => {
-			let r = Date.now(), i = J(t), o = ae(t), s = a.playbackErrors, c = s[s.length - 1];
+			let r = Date.now(), i = ae(t), o = oe(t), s = a.playbackErrors, c = s[s.length - 1];
 			if (c && c.message === i && c.detail === o && c.recovered === n) {
 				let e = {
 					...c,
@@ -175,11 +175,11 @@ var B = {
 			let t = n(e);
 			if (u(e, t), t) {
 				let t = performance.now();
-				t - D.current.at > re && (D.current = {
+				t - D.current.at > Y && (D.current = {
 					count: 0,
 					at: t
 				});
-				let n = K[Math.min(D.current.count, K.length - 1)];
+				let n = J[Math.min(D.current.count, J.length - 1)];
 				D.current = {
 					count: D.current.count + 1,
 					at: t
@@ -216,13 +216,13 @@ var B = {
 					onSeek: (e) => N.current?.(e),
 					onSubtitleStreams: (e) => {
 						r || a.setSourceState({
-							subtitleTracks: G(e),
+							subtitleTracks: ne(e),
 							...j.current ? {} : { selectedSubtitleTrack: e[0]?.streamIndex }
 						});
 					},
 					onAudioStreams: (e, t) => {
 						r || a.setSourceState({
-							audioTracks: G(e),
+							audioTracks: ne(e),
 							selectedAudioTrack: t
 						});
 					}
@@ -262,13 +262,13 @@ var B = {
 		y,
 		T
 	]);
-}, se = 5e3, ce = 6e4, le = ({ publicPath: e, workerUrl: t, length: n, read: i, downloadedRanges: a }) => {
+}, ce = 5e3, le = 6e4, ue = ({ publicPath: e, workerUrl: t, length: n, read: i, downloadedRanges: a }) => {
 	let [o, s] = m([]), c = p(null), l = p(i);
 	l.current = i;
 	let h = f(() => a?.map(({ startByteOffset: e, endByteOffset: t }) => [e, t]), [a?.map(({ startByteOffset: e, endByteOffset: t }) => `${e}-${t}`).join(",")]), g = p(h);
 	return g.current = h, d(() => {
 		if (!n || !i || !e || !t) return;
-		let a = !1, o = null, u, d = se, f = () => {
+		let a = !1, o = null, u, d = ce, f = () => {
 			r({
 				publicPath: e,
 				workerUrl: t,
@@ -284,7 +284,7 @@ var B = {
 				}
 				o = e, c.current = e, e.update(g.current);
 			}, () => {
-				a || (u = setTimeout(f, d), d = Math.min(d * 2, ce));
+				a || (u = setTimeout(f, d), d = Math.min(d * 2, le));
 			});
 		};
 		return f(), () => {
@@ -302,7 +302,7 @@ var B = {
 			c.current?.prioritize(e);
 		}, [])
 	};
-}, ue = (e, n) => {
+}, de = (e, n) => {
 	let r = p(null), [i, o] = m(!1), [s] = m(() => t());
 	d(() => {
 		if (!e || !n || !s) return;
@@ -330,10 +330,10 @@ var B = {
 		mode: s,
 		burnedIn: i
 	};
-}, de = "(hover: hover) and (pointer: fine)", fe = () => typeof matchMedia == "function" ? matchMedia(de) : void 0, pe = (e) => {
-	let t = fe();
+}, fe = "(hover: hover) and (pointer: fine)", pe = () => typeof matchMedia == "function" ? matchMedia(fe) : void 0, me = (e) => {
+	let t = pe();
 	return t?.addEventListener("change", e), () => t?.removeEventListener("change", e);
-}, me = () => !!fe()?.matches, he = () => !1, ge = (e, t) => {
+}, he = () => !!pe()?.matches, ge = () => !1, _e = (e, t) => {
 	let [n, r] = m(!1), [i, a] = m(), o = p(t);
 	t && (o.current = t);
 	let s = p(!1), c = u((e) => {
@@ -356,7 +356,7 @@ var B = {
 		_,
 		g
 	]);
-	let v = h(pe, me, he), [y, b] = m(!1);
+	let v = h(me, he, ge), [y, b] = m(!1);
 	d(() => {
 		if (!_) return;
 		let e = (e) => {
@@ -397,7 +397,7 @@ var B = {
 		g,
 		S
 	]);
-}, Y = {
+}, X = {
 	headings: {
 		large: "\n      font-weight: 600;\n      font-size: calc(2.8 * var(--mp-unit));\n      line-height: calc(3.4 * var(--mp-unit));\n      @media (min-width: 960px) {\n        font-size: calc(3.4 * var(--mp-unit));\n        line-height: calc(4.1 * var(--mp-unit));\n      }\n    ",
 		medium: "\n      font-weight: 600;\n      font-size: calc(2.4 * var(--mp-unit));\n      line-height: calc(2.9 * var(--mp-unit));\n      @media (min-width: 960px) {\n        font-size: calc(2.8 * var(--mp-unit));\n        line-height: calc(3.4 * var(--mp-unit));\n      }\n    ",
@@ -424,7 +424,7 @@ var B = {
 		medium: "\n      font-weight: 500;\n      font-size: calc(0.8 * var(--mp-unit));\n      line-height: calc(1.1 * var(--mp-unit));\n      @media (min-width: 960px) {\n        font-size: calc(1 * var(--mp-unit));\n        line-height: calc(1.4 * var(--mp-unit));\n      }\n    ",
 		regular: "\n      font-weight: 400;\n      font-size: calc(0.8 * var(--mp-unit));\n      line-height: calc(1.1 * var(--mp-unit));\n      @media (min-width: 960px) {\n        font-size: calc(1 * var(--mp-unit));\n        line-height: calc(1.4 * var(--mp-unit));\n      }\n    "
 	}
-}, _e = g`
+}, ve = g`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -437,7 +437,7 @@ var B = {
     margin: auto;
     pointer-events: none;
   }
-`, ve = g`
+`, ye = g`
   position: absolute;
   top: 0;
   left: 0;
@@ -445,7 +445,7 @@ var B = {
   padding: calc(1.2 * var(--mp-unit)) calc(1.6 * var(--mp-unit));
   /* clears a notch once the player is fullscreen; resolves to zero everywhere else */
   padding-top: calc(calc(1.2 * var(--mp-unit)) + env(safe-area-inset-top, 0px));
-  ${Y.headings.small}
+  ${X.headings.small}
   color: white;
   text-shadow: 0 0 4px rgba(0, 0, 0, 1);
   z-index: 2;
@@ -466,9 +466,9 @@ var B = {
 
   background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.1) 80%, transparent 100%);
   transition: opacity 0.1s cubic-bezier(.4,0,1,1);
-`, ye = _`
+`, be = _`
   to { transform: rotate(360deg); }
-`, be = g`
+`, xe = g`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -484,46 +484,46 @@ var B = {
     border-radius: 50%;
     border: 3px solid rgba(255, 255, 255, 0.25);
     border-top-color: #fff;
-    animation: ${ye} 0.8s linear infinite;
+    animation: ${be} 0.8s linear infinite;
   }
-`, xe = g`
+`, Se = g`
   position: absolute;
   inset: auto 0 20%;
   z-index: 3;
   padding: 0 calc(2 * var(--mp-unit));
   text-align: center;
   color: #fff;
-  ${Y.bLarge.regular}
+  ${X.bLarge.regular}
   text-shadow: 0 0 4px rgba(0, 0, 0, 1);
   pointer-events: none;
-`, Se = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Playback failed", Ce = ({ onSubtitleRef: e }) => {
-	let t = U((e) => e.title), n = U((e) => e.hideUI), r = U((e) => e.playbackError), i = U((e) => e.ready), a = U((e) => e.size), o = U((e) => e.waiting), s = U((e) => e.seekingTo);
+`, Ce = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Playback failed", we = ({ onSubtitleRef: e }) => {
+	let t = W((e) => e.title), n = W((e) => e.hideUI), r = W((e) => e.playbackError), i = W((e) => e.ready), a = W((e) => e.size), o = W((e) => e.waiting), s = W((e) => e.seekingTo);
 	return /* @__PURE__ */ T(C, { children: [
 		t ? /* @__PURE__ */ w("div", {
 			className: "title",
-			css: ve,
+			css: ye,
 			style: { ...n ? {
 				opacity: "0",
 				pointerEvents: "none"
 			} : {} },
 			children: t
 		}) : void 0,
-		((a ? !i : o) || s !== void 0) && !r ? /* @__PURE__ */ w("div", { css: be }) : void 0,
+		((a ? !i : o) || s !== void 0) && !r ? /* @__PURE__ */ w("div", { css: xe }) : void 0,
 		r ? /* @__PURE__ */ w("div", {
-			css: xe,
-			children: Se(r)
+			css: Se,
+			children: Ce(r)
 		}) : void 0,
 		/* @__PURE__ */ w("div", {
 			className: "subtitles",
 			ref: e,
-			css: _e
+			css: ve
 		})
 	] });
-}, we = 1e-4, Te = 1, Ee = (e) => Math.max(we, Math.min(Te, e)) ** 2, De = (e) => Math.max(we, Math.min(Te, e)) ** (Te / 2), X = (e) => {
+}, Te = 1e-4, Ee = 1, De = (e) => Math.max(Te, Math.min(Ee, e)) ** 2, Oe = (e) => Math.max(Te, Math.min(Ee, e)) ** (Ee / 2), Z = (e) => {
 	if (e === void 0) return "0:00";
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return t > 0 ? `${t}:${n < 10 ? "0" : ""}${n}:${r < 10 ? "0" : ""}${r}` : `${n}:${r < 10 ? "0" : ""}${r}`;
-}, Oe = (e, t) => `${X(e)} / ${X(t)}`, ke = (e) => g`
+}, ke = (e, t) => `${Z(e)} / ${Z(t)}`, Ae = (e) => g`
   display: flex;
   justify-content: flex-start;
 
@@ -555,7 +555,7 @@ var B = {
   z-index: 3;
 
   * {
-    ${Y.bMedium.regular}
+    ${X.bMedium.regular}
   }
 
   ${e === "sm" && g`
@@ -567,25 +567,25 @@ var B = {
   ${e === "lg" && g`
     padding: calc(1.2 * var(--mp-unit))!important;
   `}
-`, Z = {
+`, Q = {
 	x: -1,
 	y: -1,
 	anchors: 0
-}, Ae = (e) => {
-	Z.x = e.clientX, Z.y = e.clientY;
-}, je = () => (Z.anchors++ === 0 && window.addEventListener("pointermove", Ae, {
+}, je = (e) => {
+	Q.x = e.clientX, Q.y = e.clientY;
+}, Me = () => (Q.anchors++ === 0 && window.addEventListener("pointermove", je, {
 	capture: !0,
 	passive: !0
 }), () => {
-	--Z.anchors === 0 && window.removeEventListener("pointermove", Ae, { capture: !0 });
-}), Q = ({ id: e, toolTipText: t, text: n, delayShow: r = 0, closeDelay: i = 0, offset: a = 20, tooltipPlace: o = "top", disabled: s = !1, size: c = "md" }) => {
+	--Q.anchors === 0 && window.removeEventListener("pointermove", je, { capture: !0 });
+}), $ = ({ id: e, toolTipText: t, text: n, delayShow: r = 0, closeDelay: i = 0, offset: a = 20, tooltipPlace: o = "top", disabled: s = !1, size: c = "md" }) => {
 	let l = p(null), u = p(null);
 	return d(() => {
-		let e = je(), t = () => {
+		let e = Me(), t = () => {
 			let e = l.current;
 			if (!e) return;
 			let { left: t, right: n, top: r, bottom: i } = e.getBoundingClientRect();
-			Z.x >= t && Z.x < n && Z.y >= r && Z.y < i || u.current?.close();
+			Q.x >= t && Q.x < n && Q.y >= r && Q.y < i || u.current?.close();
 		}, n = ["fullscreenchange", "webkitfullscreenchange"];
 		for (let e of n) document.addEventListener(e, t);
 		return () => {
@@ -601,14 +601,14 @@ var B = {
 		"data-tooltip-delay-hide": i,
 		"data-tooltip-place": o,
 		children: n
-	}), !s && /* @__PURE__ */ w(ee, {
+	}), !s && /* @__PURE__ */ w(V, {
 		ref: u,
-		css: ke(c),
+		css: Ae(c),
 		id: e,
 		noArrow: !0,
 		children: t
 	})] });
-}, Me = ({ ref: e, onChange: t, orientation: n = "horizontal", disabled: r = !1 }) => {
+}, Ne = ({ ref: e, onChange: t, orientation: n = "horizontal", disabled: r = !1 }) => {
 	let [i, a] = m(!1), o = p(t);
 	o.current = t;
 	let s = p(null), c = u((t, r) => {
@@ -647,26 +647,26 @@ var B = {
 			style: { touchAction: "none" }
 		}
 	};
-}, Ne = 2, Pe = .005, Fe = "#000", Ie = "#0000", Le = (e, t) => {
+}, Pe = 2, Fe = .005, Ie = "#000", Le = "#0000", Re = (e, t) => {
 	if (!t) return [];
 	let n = /* @__PURE__ */ new Set();
 	for (let { start: r, end: i } of e) for (let e of [r, i]) {
 		let r = e / t;
-		r <= Pe || r >= .995 || n.add(Number((r * 100).toFixed(4)));
+		r <= Fe || r >= .995 || n.add(Number((r * 100).toFixed(4)));
 	}
 	return n.size ? [
 		0,
 		...[...n].sort((e, t) => e - t),
 		100
 	] : [];
-}, Re = (e, t) => {
-	let n = Ne / 2, r = e.length - 2, i = [];
+}, ze = (e, t) => {
+	let n = Pe / 2, r = e.length - 2, i = [];
 	for (let a = 0; a <= r; a += 1) {
 		let o = e[a], s = e[a + 1], c = a === 0 ? "0%" : `calc(${o}% + ${n}px)`, l = a === r ? "100%" : `calc(${s}% - ${n}px)`;
-		i.push(`${t(a) ? Fe : Ie} ${c} ${l}`), a !== r && i.push(`${Ie} calc(${s}% - ${n}px) calc(${s}% + ${n}px)`);
+		i.push(`${t(a) ? Ie : Le} ${c} ${l}`), a !== r && i.push(`${Le} calc(${s}% - ${n}px) calc(${s}% + ${n}px)`);
 	}
 	return `linear-gradient(90deg, ${i.join(", ")})`;
-}, ze = /* @__PURE__ */ new Set([
+}, Be = /* @__PURE__ */ new Set([
 	"op",
 	"ops",
 	"opening",
@@ -674,7 +674,7 @@ var B = {
 	"ncop",
 	"オープニング",
 	"op主題歌"
-]), Be = /* @__PURE__ */ new Set([
+]), Ve = /* @__PURE__ */ new Set([
 	"ed",
 	"eds",
 	"ending",
@@ -687,13 +687,13 @@ var B = {
 	"エンドカード",
 	"エンドロール",
 	"ed主題歌"
-]), Ve = /* @__PURE__ */ new Set(["intro", "イントロ"]), He = /* @__PURE__ */ new Set(["outro", "アウトロ"]), Ue = {
+]), He = /* @__PURE__ */ new Set(["intro", "イントロ"]), Ue = /* @__PURE__ */ new Set(["outro", "アウトロ"]), We = {
 	"credits start": "ending",
 	"credits end": null,
 	"preview end": null,
 	"end credits": "ending",
 	"closing credits": "ending"
-}, We = /* @__PURE__ */ new Set([
+}, Ge = /* @__PURE__ */ new Set([
 	"theme",
 	"themes",
 	"song",
@@ -712,53 +712,53 @@ var B = {
 	"the",
 	"主題歌",
 	"ノンクレジット"
-]), Ge = /* @__PURE__ */ new Set([
+]), Ke = /* @__PURE__ */ new Set([
 	"post",
 	"pre",
 	"after",
 	"before",
 	"non"
-]), Ke = /[-:|~/\\[\]()「」『』【】,.!?"'’]|\s+by\s+/u, qe = (e) => !e.trim() || /^chapter\s*\d+$/i.test(e.trim()) || /^\d{1,2}:\d{2}:\d{2}([.,]\d+)?$/.test(e.trim()), Je = (e) => e.replace(/([a-z぀-ヿ一-鿿])\s*\d+\s*$/u, "$1").split(/[\s_]+/u).map((e) => e.replace(/^[^\w぀-ヿ一-鿿]+|[^\w぀-ヿ一-鿿]+$/gu, "")).filter((e) => e && !/^\d+$/.test(e) && !We.has(e)), Ye = (e, t) => {
-	if (ze.has(e)) return "opening";
-	if (Be.has(e)) return "ending";
+]), qe = /[-:|~/\\[\]()「」『』【】,.!?"'’]|\s+by\s+/u, Je = (e) => !e.trim() || /^chapter\s*\d+$/i.test(e.trim()) || /^\d{1,2}:\d{2}:\d{2}([.,]\d+)?$/.test(e.trim()), Ye = (e) => e.replace(/([a-z぀-ヿ一-鿿])\s*\d+\s*$/u, "$1").split(/[\s_]+/u).map((e) => e.replace(/^[^\w぀-ヿ一-鿿]+|[^\w぀-ヿ一-鿿]+$/gu, "")).filter((e) => e && !/^\d+$/.test(e) && !Ge.has(e)), Xe = (e, t) => {
+	if (Be.has(e)) return "opening";
+	if (Ve.has(e)) return "ending";
 	if (t) {
-		if (Ve.has(e)) return "opening";
-		if (He.has(e)) return "ending";
+		if (He.has(e)) return "opening";
+		if (Ue.has(e)) return "ending";
 	}
-}, Xe = (e, t) => {
-	if (qe(e)) return;
+}, Ze = (e, t) => {
+	if (Je(e)) return;
 	let n = e.trim().toLowerCase().replace(/\s+/gu, " ");
-	if (n in Ue) return Ue[n] ?? void 0;
-	let r = n.split(Ke).map((e) => e.trim()).filter(Boolean);
-	if (r.some((e) => e.split(/[\s_]+/u).some((e) => Ge.has(e)))) return;
+	if (n in We) return We[n] ?? void 0;
+	let r = n.split(qe).map((e) => e.trim()).filter(Boolean);
+	if (r.some((e) => e.split(/[\s_]+/u).some((e) => Ke.has(e)))) return;
 	let i = r.length > 1 ? [r[0], r.at(-1)] : r;
 	for (let e of i) {
-		let n = Je(e);
+		let n = Ye(e);
 		if (n.length !== 1) continue;
-		let r = Ye(n[0], t);
+		let r = Xe(n[0], t);
 		if (r) return r;
 	}
-}, Ze = 15, Qe = 87, $e = 93, et = (e) => {
+}, Qe = 15, $e = 87, et = 93, tt = (e) => {
 	let t = e.map(() => void 0), n = e.at(-1)?.end ?? 0;
 	if (!n) return t;
 	let r = e.map((e, t) => ({
 		index: t,
 		start: e.start,
 		length: e.end - e.start
-	})).filter(({ length: e }) => e >= Qe && e <= $e), i = n / 2, a = r.filter(({ start: e }) => e < i), o = r.filter(({ start: e }) => e >= i);
+	})).filter(({ length: e }) => e >= $e && e <= et), i = n / 2, a = r.filter(({ start: e }) => e < i), o = r.filter(({ start: e }) => e >= i);
 	return a.length === 1 && (t[a[0].index] = "opening"), o.length === 1 && (t[o[0].index] = "ending"), t;
-}, tt = (e) => {
-	let t = e.map(({ title: e }) => Xe(e, !1)), n = e.reduce((e, n, r) => e + (t[r] ? n.end - n.start : 0), 0), r = e.reduce((e, t) => e + (t.end - t.start), 0);
+}, nt = (e) => {
+	let t = e.map(({ title: e }) => Ze(e, !1)), n = e.reduce((e, n, r) => e + (t[r] ? n.end - n.start : 0), 0), r = e.reduce((e, t) => e + (t.end - t.start), 0);
 	if (r > 0 && n * 2 > r) return e.map(() => void 0);
 	let i = e.map((e, n) => {
-		if (e.end - e.start < Ze) return;
+		if (e.end - e.start < Qe) return;
 		let r = t[n];
 		if (r) return r;
-		let i = Xe(e.title, !0);
+		let i = Ze(e.title, !0);
 		return i && !t.includes(i) ? i : void 0;
 	});
-	return e.every(({ title: e }) => qe(e)) ? et(e) : i;
-}, nt = g`
+	return e.every(({ title: e }) => Je(e)) ? tt(e) : i;
+}, rt = g`
   position: relative;
   height: calc(.4 * var(--mp-unit));
 
@@ -843,7 +843,7 @@ var B = {
     box-shadow: 0 0 calc(1 * var(--mp-unit)) rgba(0, 0, 0, .5);
 
     text-shadow: 0 0 4px rgba(0, 0, 0, 1);
-    ${Y.bMedium.bold}
+    ${X.bMedium.bold}
 
     gap: calc(.6 * var(--mp-unit));
 
@@ -977,8 +977,8 @@ var B = {
     --thumbnail-width: calc(18 * var(--mp-unit));
     --thumbnail-half: calc(9 * var(--mp-unit));
   }
-`, rt = 4, it = () => {
-	let e = U(), t = U((e) => e.currentTime), n = U((e) => e.requestSeek), r = U((e) => e.duration), i = U((e) => e.size), a = U((e) => e.downloadedRanges), o = U((e) => e.buffered), s = U((e) => e.indexes), c = U((e) => e.thumbnails), l = U((e) => e.thumbnailAt), u = U((e) => e.requestThumbnail), h = U((e) => e.chapters), g = U((e) => e.seekingTo), _ = U((e) => e.setSourceState), v = U((e) => e.hideUI), y = p(null), [b, x] = m(void 0), [S, C] = m(void 0), E = (e) => {
+`, it = 4, at = () => {
+	let e = W(), t = W((e) => e.currentTime), n = W((e) => e.requestSeek), r = W((e) => e.duration), i = W((e) => e.size), a = W((e) => e.downloadedRanges), o = W((e) => e.buffered), s = W((e) => e.indexes), c = W((e) => e.thumbnails), l = W((e) => e.thumbnailAt), u = W((e) => e.requestThumbnail), h = W((e) => e.chapters), g = W((e) => e.seekingTo), _ = W((e) => e.setSourceState), v = W((e) => e.hideUI), y = p(null), [b, x] = m(void 0), [S, C] = m(void 0), E = (e) => {
 		C(e), u(e);
 	}, D = !!S;
 	d(() => {
@@ -986,13 +986,13 @@ var B = {
 	}, [_, D]), d(() => {
 		v && E(void 0);
 	}, [v]);
-	let O = p(void 0), k = p(0), A = p(void 0), j = p(void 0), M = p(!1), { dragging: N, handlers: P } = Me({
+	let O = p(void 0), k = p(0), A = p(void 0), j = p(void 0), M = p(!1), { dragging: N, handlers: P } = Ne({
 		ref: y,
 		onChange: (e) => {
 			if (k.current += 1, A.current = e, j.current === void 0) j.current = e;
 			else if (!M.current) {
 				let t = y.current?.getBoundingClientRect().width ?? 0;
-				Math.abs(e - j.current) * t > rt && (M.current = !0);
+				Math.abs(e - j.current) * t > it && (M.current = !0);
 			}
 			x(e), O.current !== "mouse" && E(e * r);
 		}
@@ -1012,9 +1012,9 @@ var B = {
 		return Math.min(Math.max((e - t) / (n - t), 0), 1) * r;
 	}, R = p("mouse"), z = (e) => {
 		R.current = e.pointerType;
-	}, ee = (e) => {
+	}, B = (e) => {
 		R.current !== "touch" && E(L(e.clientX));
-	}, B = () => {
+	}, ee = () => {
 		y.current && E(void 0);
 	}, V = (e) => r ? e / r * 100 : 0, H = (e, t, n) => {
 		let r = Number((n - t).toFixed(4)), i = t * 100;
@@ -1044,7 +1044,7 @@ var B = {
 		b,
 		r
 	]);
-	let ne = f(() => {
+	let U = f(() => {
 		if (!r) return 0;
 		if (N && b !== void 0) return b;
 		let e = g ?? t;
@@ -1055,22 +1055,22 @@ var B = {
 		N,
 		b,
 		g
-	]), W = f(() => Le(h, r), [h, r]), G = W.length > 0, K = f(() => {
-		if (!G || S === void 0 || !r) return -1;
-		let e = S / r * 100, t = W.findIndex((t, n) => n < W.length - 1 && e >= t && e < W[n + 1]);
-		return t >= 0 ? t : W.length - 2;
+	]), G = f(() => Re(h, r), [h, r]), K = G.length > 0, q = f(() => {
+		if (!K || S === void 0 || !r) return -1;
+		let e = S / r * 100, t = G.findIndex((t, n) => n < G.length - 1 && e >= t && e < G[n + 1]);
+		return t >= 0 ? t : G.length - 2;
 	}, [
+		K,
 		G,
-		W,
 		S,
 		r
-	]), re = f(() => G ? Re(W, (e) => e !== K) : void 0, [
+	]), ne = f(() => K ? ze(G, (e) => e !== q) : void 0, [
+		K,
 		G,
-		W,
-		K
-	]), ie = f(() => K >= 0 ? Re(W, (e) => e === K) : void 0, [W, K]), q = f(() => {
+		q
+	]), J = f(() => q >= 0 ? ze(G, (e) => e === q) : void 0, [G, q]), Y = f(() => {
 		if (S !== void 0) return h.find(({ start: e, end: t }) => e <= S && S < t);
-	}, [h, S]), J = f(() => {
+	}, [h, S]), re = f(() => {
 		if (S) {
 			if (l) return l(S);
 			if (c.length) return c.find(({ startTime: e, endTime: t }) => e <= S && S < t);
@@ -1079,7 +1079,7 @@ var B = {
 		c,
 		l,
 		S
-	]), ae = (e, t) => /* @__PURE__ */ T("div", {
+	]), ie = (e, t) => /* @__PURE__ */ T("div", {
 		className: e ? `track ${e}` : "track",
 		style: t ? { maskImage: t } : void 0,
 		children: [
@@ -1092,42 +1092,42 @@ var B = {
 				className: "play-container",
 				children: /* @__PURE__ */ w("div", {
 					className: "play",
-					style: { transform: `scaleX(${ne})` }
+					style: { transform: `scaleX(${U})` }
 				})
 			})
 		]
 	});
 	return /* @__PURE__ */ T("div", {
-		css: nt,
+		css: rt,
 		ref: y,
 		className: [
 			"progress-bar",
 			N ? "dragging" : "",
-			G ? "segmented" : ""
+			K ? "segmented" : ""
 		].filter(Boolean).join(" "),
 		onPointerDown: z,
 		onPointerMove: z,
-		onMouseMove: ee,
-		onMouseOut: B,
+		onMouseMove: B,
+		onMouseOut: ee,
 		children: [
-			ae(void 0, re),
+			ie(void 0, ne),
 			S ? /* @__PURE__ */ T("div", {
 				className: "cursor-time",
 				style: {
-					left: q ? `clamp(var(--thumbnail-half), ${V(S)}%, calc(100% - var(--thumbnail-half)))` : `clamp(calc(3 * var(--mp-unit)), ${V(S)}%, calc(100% - calc(3 * var(--mp-unit))))`,
-					maxWidth: q ? "var(--thumbnail-width)" : void 0
+					left: Y ? `clamp(var(--thumbnail-half), ${V(S)}%, calc(100% - var(--thumbnail-half)))` : `clamp(calc(3 * var(--mp-unit)), ${V(S)}%, calc(100% - calc(3 * var(--mp-unit))))`,
+					maxWidth: Y ? "var(--thumbnail-width)" : void 0
 				},
 				children: [/* @__PURE__ */ w("span", {
 					className: "cursor-time-value",
-					children: X(S)
-				}), q ? /* @__PURE__ */ w("span", {
+					children: Z(S)
+				}), Y ? /* @__PURE__ */ w("span", {
 					className: "chapter-title",
-					children: q.title
+					children: Y.title
 				}) : void 0]
 			}) : void 0,
 			/* @__PURE__ */ w("div", { className: "progress" }),
 			/* @__PURE__ */ w("div", { className: "hover" }),
-			ie ? ae("focus", ie) : void 0,
+			J ? ie("focus", J) : void 0,
 			/* @__PURE__ */ w("div", { className: "scrubber" }),
 			/* @__PURE__ */ w("div", {
 				className: "padding",
@@ -1139,11 +1139,11 @@ var B = {
 			/* @__PURE__ */ w("div", {
 				className: "thumbnail",
 				style: { left: `clamp(var(--thumbnail-half), ${V(S ?? 1)}%, calc(100% - var(--thumbnail-half)))` },
-				children: J?.url ? /* @__PURE__ */ w("img", { src: J.url }) : void 0
+				children: re?.url ? /* @__PURE__ */ w("img", { src: re.url }) : void 0
 			})
 		]
 	});
-}, at = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-picture-in-picture'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'%20/%3e%3cpath%20d='M11%2019h-6a2%202%200%200%201%20-2%20-2v-10a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v4'%20/%3e%3cpath%20d='M14%2014m0%201a1%201%200%200%201%201%20-1h5a1%201%200%200%201%201%201v3a1%201%200%200%201%20-1%201h-5a1%201%200%200%201%20-1%20-1z'%20/%3e%3c/svg%3e", $ = {
+}, ot = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-picture-in-picture'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'%20/%3e%3cpath%20d='M11%2019h-6a2%202%200%200%201%20-2%20-2v-10a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v4'%20/%3e%3cpath%20d='M14%2014m0%201a1%201%200%200%201%201%20-1h5a1%201%200%200%201%201%201v3a1%201%200%200%201%20-1%201h-5a1%201%200%200%201%20-1%20-1z'%20/%3e%3c/svg%3e", st = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -1153,39 +1153,8 @@ var B = {
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, ot = (e) => /* @__PURE__ */ T("svg", {
-	...$,
-	...e,
-	children: [/* @__PURE__ */ w("rect", {
-		x: "3",
-		y: "5",
-		width: "18",
-		height: "14",
-		rx: "2",
-		ry: "2"
-	}), /* @__PURE__ */ w("path", { d: "M7 15h4m4 0h2M7 11h2m4 0h4" })]
-}), st = (e) => /* @__PURE__ */ T("svg", {
-	...$,
-	...e,
-	children: [
-		/* @__PURE__ */ w("rect", {
-			x: "3",
-			y: "5",
-			width: "18",
-			height: "14",
-			rx: "2",
-			ry: "2"
-		}),
-		/* @__PURE__ */ w("path", { d: "M7 15h4m4 0h2M7 11h2m4 0h4" }),
-		/* @__PURE__ */ w("line", {
-			x1: "2",
-			y1: "2",
-			x2: "22",
-			y2: "22"
-		})
-	]
-}), ct = (e) => /* @__PURE__ */ T("svg", {
-	...$,
+}, ct = (e) => /* @__PURE__ */ T("svg", {
+	...st,
 	...e,
 	children: [
 		/* @__PURE__ */ w("path", { d: "M21 11V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5" }),
@@ -1200,7 +1169,7 @@ var B = {
 		/* @__PURE__ */ w("path", { d: "M14.5 18.5h2m2 0h1" })
 	]
 }), lt = (e) => /* @__PURE__ */ T("svg", {
-	...$,
+	...st,
 	...e,
 	children: [
 		/* @__PURE__ */ w("path", { d: "M21 11V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5" }),
@@ -1253,7 +1222,7 @@ var B = {
 
   border-radius: 8px;
   background-color: rgba(28,28,28,0.95);
-  ${Y.bMedium.regular}
+  ${X.bMedium.regular}
 
   z-index: 4;
 
@@ -1296,7 +1265,7 @@ var B = {
 
       .secondary {
         color: #eee;
-        ${Y.bSmall.regular}
+        ${X.bSmall.regular}
       }
     }
   }
@@ -1338,7 +1307,7 @@ var B = {
   .failed {
     border-bottom: 1px solid #4D4D4E;
     color: #f66;
-    ${Y.bSmall.regular}
+    ${X.bSmall.regular}
   }
 }
 `, dt = ({ title: e, tracks: t, selected: n, onSelect: r, onBack: i, offLabel: a, pending: o, failed: s }) => {
@@ -1358,7 +1327,7 @@ var B = {
 			/* @__PURE__ */ T("div", {
 				className: i ? "back" : "back no-hover",
 				onClick: i,
-				children: [i ? /* @__PURE__ */ w(O, {}) : null, /* @__PURE__ */ w("span", { children: e })]
+				children: [i ? /* @__PURE__ */ w(k, {}) : null, /* @__PURE__ */ w("span", { children: e })]
 			}),
 			s ? /* @__PURE__ */ w("div", {
 				className: "no-hover failed",
@@ -1453,7 +1422,7 @@ ${ut}
 
     color: #fff;
     cursor: pointer;
-    ${Y.bSmall.regular}
+    ${X.bSmall.regular}
 
     &:hover {
       background-color: rgba(255,255,255,.1);
@@ -1474,7 +1443,7 @@ ${ut}
 
     .when {
       color: #bbb;
-      ${Y.bSmall.regular}
+      ${X.bSmall.regular}
 
       /* the one part of the line worth scanning for, so it is the one part at full brightness */
       .count {
@@ -1493,11 +1462,11 @@ ${ut}
       color: #ddd;
       overflow-wrap: anywhere;
       white-space: pre-wrap;
-      ${Y.bSmall.regular}
+      ${X.bSmall.regular}
     }
   }
 }
-`, mt = (e) => new Date(e).toLocaleTimeString(), ht = (e) => e === void 0 || !Number.isFinite(e) ? void 0 : X(Math.max(0, e)), gt = (e) => e.reduce((e, t) => e + t.count, 0), _t = (e) => e.map((e, t) => {
+`, mt = (e) => new Date(e).toLocaleTimeString(), ht = (e) => e === void 0 || !Number.isFinite(e) ? void 0 : Z(Math.max(0, e)), gt = (e) => e.reduce((e, t) => e + t.count, 0), _t = (e) => e.map((e, t) => {
 	let n = ht(e.atMediaTime), r = e.count > 1 ? `${new Date(e.at).toISOString()} to ${new Date(e.lastAt).toISOString()} ×${e.count}` : new Date(e.at).toISOString();
 	return [
 		`${t + 1}. ${r}${n ? ` (at ${n})` : ""}${e.recovered ? " [recovered]" : ""}`,
@@ -1505,7 +1474,7 @@ ${ut}
 		e.detail
 	].filter(Boolean).join("\n");
 }).join("\n\n"), vt = () => {
-	let e = U((e) => e.playbackErrors), { open: t, toggle: n, containerRef: r } = ft(), [i, a] = m(!1);
+	let e = W((e) => e.playbackErrors), { open: t, toggle: n, containerRef: r } = ft(), [i, a] = m(!1);
 	if (e.length === 0) return null;
 	let o = () => {
 		navigator.clipboard?.writeText(_t(e)).then(() => {
@@ -1515,7 +1484,7 @@ ${ut}
 	return /* @__PURE__ */ T("div", {
 		css: pt,
 		ref: r,
-		children: [/* @__PURE__ */ w(Q, {
+		children: [/* @__PURE__ */ w($, {
 			id: "errors",
 			disabled: t,
 			text: /* @__PURE__ */ w("button", {
@@ -1524,7 +1493,7 @@ ${ut}
 				onClick: n,
 				"aria-label": s,
 				"aria-expanded": t,
-				children: /* @__PURE__ */ w(E, { className: "alert-triangle" })
+				children: /* @__PURE__ */ w(R, { className: "alert-triangle" })
 			}),
 			toolTipText: /* @__PURE__ */ w("span", { children: s })
 		}), t && /* @__PURE__ */ T("div", {
@@ -1536,7 +1505,7 @@ ${ut}
 					type: "button",
 					onClick: o,
 					"aria-label": "Copy the errors",
-					children: [w(i ? D : A, {}), /* @__PURE__ */ w("span", { children: i ? "Copied" : "Copy" })]
+					children: [w(i ? O : j, {}), /* @__PURE__ */ w("span", { children: i ? "Copied" : "Copy" })]
 				})]
 			}), e.map((e, t) => /* @__PURE__ */ T("div", {
 				className: "entry no-hover",
@@ -1620,7 +1589,7 @@ width: 100%;
   }
 }
 `, bt = () => {
-	let e = U(), t = U((e) => e.playbackRate), n = p(null), r = p(null), i = .25, a = 2.75, o = (e, t = .05) => Math.round(e / t) * t, s = o(t || 1), c = (e) => (e - i) / a * 100, l = (e) => o(i + e * a), { handlers: u } = Me({
+	let e = W(), t = W((e) => e.playbackRate), n = p(null), r = p(null), i = .25, a = 2.75, o = (e, t = .05) => Math.round(e / t) * t, s = o(t || 1), c = (e) => (e - i) / a * 100, l = (e) => o(i + e * a), { handlers: u } = Ne({
 		ref: r,
 		onChange: (t) => e.setPlaybackRate(l(t))
 	}), f = (t) => {
@@ -1714,7 +1683,7 @@ ${ut}
 }
 
 `, St = () => {
-	let e = U(), t = U((e) => e.playbackRate), n = U((e) => e.audioTracks), r = U((e) => e.selectedAudioTrack), i = U((e) => e.selectAudioTrack), [a, o] = m(0), { open: s, toggle: c, containerRef: l, pending: u, failed: d, runSelect: f } = ft({ onReset: () => o(0) }), p = (t) => {
+	let e = W(), t = W((e) => e.playbackRate), n = W((e) => e.audioTracks), r = W((e) => e.selectedAudioTrack), i = W((e) => e.selectAudioTrack), [a, o] = m(0), { open: s, toggle: c, containerRef: l, pending: u, failed: d, runSelect: f } = ft({ onReset: () => o(0) }), p = (t) => {
 		e.setPlaybackRate(t), o(0);
 	}, h = (e) => {
 		e !== void 0 && f(e, () => i(e));
@@ -1725,7 +1694,7 @@ ${ut}
 		css: xt,
 		ref: l,
 		children: [
-			/* @__PURE__ */ w(Q, {
+			/* @__PURE__ */ w($, {
 				id: "settings",
 				disabled: s,
 				text: /* @__PURE__ */ w("button", {
@@ -1734,7 +1703,7 @@ ${ut}
 					onClick: c,
 					"aria-label": "Settings",
 					"aria-expanded": s,
-					children: /* @__PURE__ */ w(I, {})
+					children: /* @__PURE__ */ w(L, {})
 				}),
 				toolTipText: /* @__PURE__ */ w("span", { children: "Settings" })
 			}),
@@ -1742,13 +1711,13 @@ ${ut}
 				className: "popover menu",
 				children: [n.length > 1 ? /* @__PURE__ */ T("div", {
 					onClick: g(2),
-					children: [/* @__PURE__ */ w("div", { children: "Audio" }), /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(k, {}) })]
+					children: [/* @__PURE__ */ w("div", { children: "Audio" }), /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(A, {}) })]
 				}) : null, /* @__PURE__ */ T("div", {
 					onClick: g(1),
 					children: [/* @__PURE__ */ w("div", { children: "Playback speed" }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("span", {
 						className: "secondary",
 						children: t === 1 ? "(Default)" : t.toFixed(2)
-					}), /* @__PURE__ */ w(k, {})] })]
+					}), /* @__PURE__ */ w(A, {})] })]
 				})]
 			}),
 			s && a === 1 && /* @__PURE__ */ T("div", {
@@ -1757,7 +1726,7 @@ ${ut}
 					/* @__PURE__ */ T("div", {
 						className: "back",
 						onClick: g(0),
-						children: [/* @__PURE__ */ w(O, {}), /* @__PURE__ */ w("span", { children: "Playback speed" })]
+						children: [/* @__PURE__ */ w(k, {}), /* @__PURE__ */ w("span", { children: "Playback speed" })]
 					}),
 					/* @__PURE__ */ w("div", {
 						className: "slider no-hover",
@@ -1815,13 +1784,13 @@ position: static;
 
 ${ut}
 `, wt = () => {
-	let e = U((e) => e.subtitleTracks), t = U((e) => e.selectedSubtitleTrack), n = U((e) => e.selectSubtitleTrack), r = U((e) => e.subtitleOffLabel), { open: i, toggle: a, containerRef: o, pending: s, failed: c, runSelect: l } = ft();
+	let e = W((e) => e.subtitleTracks), t = W((e) => e.selectedSubtitleTrack), n = W((e) => e.selectSubtitleTrack), r = W((e) => e.subtitleOffLabel), { open: i, toggle: a, containerRef: o, pending: s, failed: c, runSelect: l } = ft();
 	if (e.length === 0) return null;
 	let u = t !== void 0;
 	return /* @__PURE__ */ T("div", {
 		css: Ct,
 		ref: o,
-		children: [/* @__PURE__ */ w(Q, {
+		children: [/* @__PURE__ */ w($, {
 			id: "subtitles",
 			disabled: i,
 			text: /* @__PURE__ */ w("button", {
@@ -1831,7 +1800,7 @@ ${ut}
 				"aria-label": "Subtitles",
 				"aria-expanded": i,
 				"aria-pressed": u,
-				children: u ? /* @__PURE__ */ w(ot, { className: "captions" }) : /* @__PURE__ */ w(st, { className: "captions-off" })
+				children: u ? /* @__PURE__ */ w(E, { className: "captions" }) : /* @__PURE__ */ w(D, { className: "captions-off" })
 			}),
 			toolTipText: /* @__PURE__ */ w("span", { children: "Subtitles" })
 		}), i && /* @__PURE__ */ w(dt, {
@@ -1894,7 +1863,7 @@ ${ut}
     height: 10px;
   }
 `, Dt = ({ value: e, onChange: t }) => {
-	let n = U((e) => e.volume), r = U((e) => e.muted), i = p(null), a = p(null), { handlers: o } = Me({
+	let n = W((e) => e.volume), r = W((e) => e.muted), i = p(null), a = p(null), { handlers: o } = Ne({
 		ref: a,
 		onChange: t
 	}), s = (n) => {
@@ -1908,8 +1877,8 @@ ${ut}
 			e && e.removeEventListener("wheel", s);
 		};
 	}, [e]);
-	let c = e * 100, l = f(() => Math.round(r ? 0 : De(n) * 100), [n, r]);
-	return /* @__PURE__ */ w(Q, {
+	let c = e * 100, l = f(() => Math.round(r ? 0 : Oe(n) * 100), [n, r]);
+	return /* @__PURE__ */ w($, {
 		id: "volume-slider",
 		text: /* @__PURE__ */ w("div", {
 			ref: i,
@@ -1957,7 +1926,7 @@ ${ut}
       border-radius: 4px;
 
       .volume-value {
-        ${Y.bMedium.regular};
+        ${X.bMedium.regular};
         color: #ffffff;
       }
     }
@@ -1996,10 +1965,10 @@ ${ut}
   }
 
 `, kt = ({ ref: e }) => {
-	let t = U(), n = U((e) => e.volume), r = U((e) => e.muted), i = f(() => De(n), [n]);
+	let t = W(), n = W((e) => e.volume), r = W((e) => e.muted), i = f(() => Oe(n), [n]);
 	return /* @__PURE__ */ T("div", {
 		css: Ot,
-		children: [/* @__PURE__ */ w(Q, {
+		children: [/* @__PURE__ */ w($, {
 			id: "sound",
 			text: /* @__PURE__ */ w("button", {
 				className: "sound",
@@ -2008,7 +1977,7 @@ ${ut}
 				ref: e,
 				"aria-label": "Mute",
 				"aria-pressed": r || n === 0,
-				children: w(r || n === 0 ? z : n <= .5 ? L : R, {
+				children: w(r || n === 0 ? ee : n <= .5 ? z : B, {
 					size: 18,
 					color: "#fff"
 				})
@@ -2021,7 +1990,7 @@ ${ut}
 				children: /* @__PURE__ */ w(Dt, {
 					value: r ? 0 : i,
 					onChange: (e) => {
-						t.setVolume(Ee(e));
+						t.setVolume(De(e));
 					}
 				})
 			})
@@ -2145,7 +2114,7 @@ ${ut}
 
     .left {
       .time {
-        ${Y.bMedium.regular}
+        ${X.bMedium.regular}
         text-shadow: 0 0 4px rgba(0, 0, 0, 1);
       }
     }
@@ -2167,9 +2136,9 @@ ${ut}
     }
   }
 `, It = () => {
-	let e = U(), t = U((e) => e.paused), n = U((e) => e.currentTime), r = U((e) => e.duration), i = U((e) => e.seekingTo), a = U((e) => e.fullscreen), o = U((e) => e.hideUI), s = U((e) => e.togglePictureInPicture), c = U((e) => e.pictureInPictureMode), l = U((e) => e.burnedInSubtitles), f = U((e) => e.passThroughPictureInPicture), h = U((e) => e.subtitleTracks), g = U((e) => e.requestSeek), [_, v] = m(null), y = p(null), b = p(void 0), x = c === "burn-in", S = h.length > 0, C = r > 0 && n === r, E = u(({ direction: t, stepSize: n }) => {
-		let r = De(e.volume), i = t === "up" ? n : -n, a = Math.max(0, Math.min(1, r + i)), o = e.muted;
-		e.setVolume(Ee(a)), o && !e.muted && e.toggleMuted();
+	let e = W(), t = W((e) => e.paused), n = W((e) => e.currentTime), r = W((e) => e.duration), i = W((e) => e.seekingTo), a = W((e) => e.fullscreen), o = W((e) => e.hideUI), s = W((e) => e.togglePictureInPicture), c = W((e) => e.pictureInPictureMode), l = W((e) => e.burnedInSubtitles), f = W((e) => e.passThroughPictureInPicture), h = W((e) => e.subtitleTracks), g = W((e) => e.requestSeek), [_, v] = m(null), y = p(null), b = p(void 0), x = c === "burn-in", S = h.length > 0, C = r > 0 && n === r, E = u(({ direction: t, stepSize: n }) => {
+		let r = Oe(e.volume), i = t === "up" ? n : -n, a = Math.max(0, Math.min(1, r + i)), o = e.muted;
+		e.setVolume(De(a)), o && !e.muted && e.toggleMuted();
 	}, [e]);
 	d(() => {
 		let t = (t) => g ? g(t) : e.seek(t), n = (n) => {
@@ -2242,12 +2211,12 @@ ${ut}
 			opacity: "0",
 			pointerEvents: "none"
 		} : k ? { pointerEvents: "none" } : {} },
-		children: [/* @__PURE__ */ w(it, {}), /* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ w(at, {}), /* @__PURE__ */ T("div", {
 			className: "actions",
 			children: [/* @__PURE__ */ T("div", {
 				className: "left",
 				children: [
-					/* @__PURE__ */ w(Q, {
+					/* @__PURE__ */ w($, {
 						id: "play",
 						tooltipPlace: "top-start",
 						text: /* @__PURE__ */ w("button", {
@@ -2255,14 +2224,14 @@ ${ut}
 							type: "button",
 							onClick: () => e.togglePaused(),
 							"aria-label": C ? "Replay" : t ? "Play" : "Pause",
-							children: w(C ? F : t ? P : N, {})
+							children: w(C ? I : t ? F : P, {})
 						}),
 						toolTipText: /* @__PURE__ */ w("span", { children: C ? "Replay (k)" : t ? "Play (k)" : "Pause (k)" })
 					}),
 					/* @__PURE__ */ w(kt, { ref: v }),
 					/* @__PURE__ */ w("div", {
 						className: "time",
-						children: Oe(i ?? n, r)
+						children: ke(i ?? n, r)
 					})
 				]
 			}), /* @__PURE__ */ T("div", {
@@ -2271,7 +2240,7 @@ ${ut}
 					/* @__PURE__ */ w(vt, {}),
 					/* @__PURE__ */ w(wt, {}),
 					/* @__PURE__ */ w(St, {}),
-					f ? /* @__PURE__ */ w(Q, {
+					f ? /* @__PURE__ */ w($, {
 						id: "picture-in-picture",
 						tooltipPlace: "top-end",
 						text: /* @__PURE__ */ w("button", {
@@ -2284,12 +2253,12 @@ ${ut}
 							"aria-label": "Picture in picture",
 							"aria-pressed": f.active,
 							children: /* @__PURE__ */ w("img", {
-								src: at,
+								src: ot,
 								alt: ""
 							})
 						}),
 						toolTipText: /* @__PURE__ */ w("span", { children: f.active ? "Exit picture in picture" : "Picture in picture" })
-					}) : s ? /* @__PURE__ */ w(Q, {
+					}) : s ? /* @__PURE__ */ w($, {
 						id: "picture-in-picture",
 						tooltipPlace: "top-end",
 						text: /* @__PURE__ */ w("button", {
@@ -2300,7 +2269,7 @@ ${ut}
 							"aria-label": x ? "Put the subtitles in the video" : "Picture in picture",
 							"aria-pressed": x ? l : void 0,
 							children: x ? w(l ? ct : lt, {}) : /* @__PURE__ */ w("img", {
-								src: at,
+								src: ot,
 								alt: ""
 							})
 						}),
@@ -2315,7 +2284,7 @@ ${ut}
 							}) : null]
 						})
 					}) : null,
-					/* @__PURE__ */ w(Q, {
+					/* @__PURE__ */ w($, {
 						id: "full-screen",
 						tooltipPlace: "top-end",
 						text: /* @__PURE__ */ w("button", {
@@ -2324,7 +2293,7 @@ ${ut}
 							onClick: () => e.toggleFullscreen(),
 							"aria-label": "Full screen",
 							"aria-pressed": a,
-							children: w(a ? M : j, {})
+							children: w(a ? N : M, {})
 						}),
 						toolTipText: /* @__PURE__ */ w("span", { children: a ? "Exit full screen (f)" : "Full screen (f)" })
 					})
@@ -2370,12 +2339,12 @@ ${ut}
   }
 
   .title {
-    ${Y.bMedium.bold}
+    ${X.bMedium.bold}
     color: #fff;
   }
 
   .body {
-    ${Y.bSmall.regular}
+    ${X.bSmall.regular}
     color: rgba(255, 255, 255, 0.75);
   }
 
@@ -2387,7 +2356,7 @@ ${ut}
     color: #fff;
   }
 `, zt = () => {
-	let e = U((e) => e.burnedInSubtitles), t = U((e) => e.pictureInPictureMode), [n, r] = m(!1);
+	let e = W((e) => e.burnedInSubtitles), t = W((e) => e.pictureInPictureMode), [n, r] = m(!1);
 	return d(() => {
 		if (t !== "burn-in" || !e) {
 			r(!1);
@@ -2438,7 +2407,7 @@ ${ut}
     pointer-events: auto;
     cursor: pointer;
 
-    ${Y.bMedium.bold}
+    ${X.bMedium.bold}
     color: #fff;
     padding: calc(1 * var(--mp-unit)) calc(1.8 * var(--mp-unit));
     border: 1px solid rgba(255, 255, 255, .55);
@@ -2473,7 +2442,7 @@ ${ut}
     }
   }
 `, Gt = () => {
-	let e = U((e) => e.chapters), t = U((e) => e.currentTime), n = U((e) => e.requestSeek), r = U((e) => e.seekPreview), i = U(), a = f(() => tt(e), [e]), o = f(() => {
+	let e = W((e) => e.chapters), t = W((e) => e.currentTime), n = W((e) => e.requestSeek), r = W((e) => e.seekPreview), i = W(), a = f(() => nt(e), [e]), o = f(() => {
 		if (typeof t != "number") return;
 		let n = e.findIndex((e, n) => a[n] !== void 0 && e.start - Bt <= t && t < e.end), r = n >= 0 ? a[n] : void 0;
 		return r ? {
@@ -2587,7 +2556,7 @@ ${ut}
 		item: e
 	}];
 }), Zt = ({ ref: e, onVideoRef: t, onSubtitleRef: n, overlay: r, controls: i, children: a }) => {
-	let o = U(), s = U((e) => e.hideUI), c = U((e) => e.setHideUI), l = U((e) => e.hasMedia), u = U((e) => e.passThroughPictureInPicture), f = p(void 0), m = p("mouse"), h = p({
+	let o = W(), s = W((e) => e.hideUI), c = W((e) => e.setHideUI), l = W((e) => e.hasMedia), u = W((e) => e.passThroughPictureInPicture), f = p(void 0), m = p("mouse"), h = p({
 		x: -1,
 		y: -1
 	}), g = p(null);
@@ -2634,7 +2603,7 @@ ${ut}
 		},
 		className: s ? "hide" : "",
 		children: [
-			/* @__PURE__ */ w(Ce, { onSubtitleRef: n }),
+			/* @__PURE__ */ w(we, { onSubtitleRef: n }),
 			Xt(r).map(({ key: e, item: t }) => /* @__PURE__ */ w("div", {
 				css: qt,
 				style: { ...s ? {
@@ -2688,33 +2657,33 @@ ${ut}
 		k,
 		A,
 		j
-	]), oe(v, S, r);
-	let { thumbnails: M, requestThumbnail: N } = le({
+	]), se(v, S, r);
+	let { thumbnails: M, requestThumbnail: N } = ue({
 		publicPath: c,
 		workerUrl: l,
 		length: h === !1 ? void 0 : o,
 		read: f ?? u,
 		downloadedRanges: s
-	}), P = n?.thumbnails?.all ?? M, { toggle: F, mode: I, burnedIn: L } = ue(v, S), R = ge(n?.media ?? null, n?.pictureInPicture), z = U((e) => e.setSourceState), ee = n ? !!n.media : o !== void 0;
+	}), P = n?.thumbnails?.all ?? M, { toggle: F, mode: I, burnedIn: L } = de(v, S), R = _e(n?.media ?? null, n?.pictureInPicture), z = W((e) => e.setSourceState), B = n ? !!n.media : o !== void 0;
 	d(() => {
 		z({
 			title: i,
 			size: o,
 			downloadedRanges: s,
-			hasMedia: ee
+			hasMedia: B
 		});
 	}, [
 		z,
 		i,
 		o,
 		s,
-		ee
+		B
 	]);
-	let B = n?.thumbnails?.at;
+	let ee = n?.thumbnails?.at;
 	d(() => {
 		z({
 			thumbnails: P,
-			thumbnailAt: B,
+			thumbnailAt: ee,
 			requestThumbnail: N,
 			togglePictureInPicture: F,
 			pictureInPictureMode: I,
@@ -2723,7 +2692,7 @@ ${ut}
 	}, [
 		z,
 		P,
-		B,
+		ee,
 		N,
 		F,
 		I,
@@ -2835,7 +2804,7 @@ ${ut}
   overflow: hidden;
 `, en = (e) => /* @__PURE__ */ w("div", {
 	css: $t,
-	children: /* @__PURE__ */ w(H.Provider, { children: /* @__PURE__ */ w(Qt, {
+	children: /* @__PURE__ */ w(U.Provider, { children: /* @__PURE__ */ w(Qt, {
 		options: e,
 		children: e.children
 	}) })
@@ -2880,4 +2849,4 @@ ${ut}
 	throw Error(`Unknown source type: ${e}`);
 };
 //#endregion
-export { en as MediaPlayer, en as default, H as Player, e as SUBTITLES_OFF, a as createPictureInPicture, o as createSubtitleRenderer, r as createThumbnailGenerator, sn as inputToRemuxerInput, nn as isDelegatedTracks, tn as isExternalThumbnails, V as sourceFeature, i as startPlayback, ue as usePictureInPicture, U as usePlayer, le as useSeekThumbnails };
+export { en as MediaPlayer, en as default, U as Player, e as SUBTITLES_OFF, a as createPictureInPicture, o as createSubtitleRenderer, r as createThumbnailGenerator, sn as inputToRemuxerInput, nn as isDelegatedTracks, tn as isExternalThumbnails, te as sourceFeature, i as startPlayback, de as usePictureInPicture, W as usePlayer, ue as useSeekThumbnails };