@factorialco/f0-react 12.12.0 → 12.14.0

package/dist/{F0VideoPlayer-D85XCpqh.js → F0VideoPlayer-BkRdc58E.js}

@@ -2,38 +2,38 @@ import { a as e, r as t } from "./i18n-provider-Bdgo-LeP.js";
 import { n } from "./skeleton-AC0Fb8zj.js";
 import { L as r, R as i } from "./tooltip-BX4dSfeL.js";
 import { t as a } from "./F0Button-d91IgOnc.js";
-import { $o as o, Ja as s, Ko as c, Ms as l, Ya as u, go as d, gs as f, ho as p, qa as m, yo as h } from "./F0CanvasPanel-BOo_mxBl.js";
-import { n as g, t as _ } from "./F0Icon-DmCBV0gK.js";
-import { t as v } from "./Check-DAp9gCRh.js";
-import { A as y, B as b, F as x, H as S, I as C, P as ee, R as w, a as T, i as E, k as D, t as te, z as O } from "./popover-ics24JxK.js";
-import { i as k, n as A, r as j, t as M } from "./localized-BrUgGMzm.js";
-import { t as ne } from "./useFullscreen-CNwpzjpz.js";
-import { forwardRef as N, useCallback as P, useEffect as F, useId as I, useMemo as L, useRef as R, useState as z } from "react";
-import { jsx as B, jsxs as V } from "react/jsx-runtime";
+import { Ks as o, Po as s, do as c, fo as l, js as u, ms as d, ss as f, uo as p } from "./F0CanvasPanel-CbJxX6Qv.js";
+import { n as m, t as h } from "./F0Icon-DmCBV0gK.js";
+import { t as g } from "./Check-DAp9gCRh.js";
+import { a as _, i as v, n as y, o as b, r as x, t as S } from "./localized-CnKvEJya.js";
+import { A as C, B as w, F as T, H as E, I as D, P as O, R as k, a as A, i as j, k as ee, t as te, z as ne } from "./popover-ics24JxK.js";
+import { t as re } from "./useFullscreen-CNwpzjpz.js";
+import { forwardRef as M, useCallback as N, useEffect as P, useId as F, useMemo as I, useRef as L, useState as R } from "react";
+import { jsx as z, jsxs as B } from "react/jsx-runtime";
 //#region src/blocks/F0VideoPlayer/utils.ts
-var H = [
+var V = [
 	.5,
 	.75,
 	1,
 	1.25,
 	1.5
-], U = .1, re = [
+], H = .1, ie = [
 	25,
 	50,
 	75
-], W = 3e5, G = .03;
-function K(e) {
+], U = 3e5, W = .03;
+function G(e) {
 	return !Number.isFinite(e) || e < 0 ? "0:00" : `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-function q(e) {
+function K(e) {
 	return `${e}x`;
 }
-function J(e) {
-	return H.includes(e);
+function q(e) {
+	return V.includes(e);
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/AudioDescriptionToggleIcons.tsx
-var Y = {
+var J = {
 	x: 12,
 	y: 15,
 	textAnchor: "middle",
@@ -41,14 +41,14 @@ var Y = {
 	fontWeight: 700,
 	fontFamily: "inherit",
 	letterSpacing: -.4
-}, X = N(({ animate: e, ...t }, n) => /* @__PURE__ */ V("svg", {
+}, Y = M(({ animate: e, ...t }, n) => /* @__PURE__ */ B("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	ref: n,
 	...t,
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ B("rect", {
+	children: [/* @__PURE__ */ z("rect", {
 		x: 3.5,
 		y: 6.5,
 		width: 17,
@@ -56,38 +56,38 @@ var Y = {
 		rx: 2.5,
 		stroke: "currentColor",
 		vectorEffect: "non-scaling-stroke"
-	}), /* @__PURE__ */ B("text", {
-		...Y,
+	}), /* @__PURE__ */ z("text", {
+		...J,
 		fill: "currentColor",
 		children: "AD"
 	})]
 }));
-X.displayName = "AudioDescriptionLineIcon";
-var Z = N(({ animate: e, ...t }, n) => {
-	let r = `ad-mask-${I().replace(/:/g, "")}`;
-	return /* @__PURE__ */ V("svg", {
+Y.displayName = "AudioDescriptionLineIcon";
+var X = M(({ animate: e, ...t }, n) => {
+	let r = `ad-mask-${F().replace(/:/g, "")}`;
+	return /* @__PURE__ */ B("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
 		ref: n,
 		...t,
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ V("mask", {
+		children: [/* @__PURE__ */ B("mask", {
 			id: r,
 			maskUnits: "userSpaceOnUse",
-			children: [/* @__PURE__ */ B("rect", {
+			children: [/* @__PURE__ */ z("rect", {
 				x: 3,
 				y: 6,
 				width: 18,
 				height: 12,
 				rx: 3,
 				fill: "white"
-			}), /* @__PURE__ */ B("text", {
-				...Y,
+			}), /* @__PURE__ */ z("text", {
+				...J,
 				fill: "black",
 				children: "AD"
 			})]
-		}), /* @__PURE__ */ B("rect", {
+		}), /* @__PURE__ */ z("rect", {
 			x: 3,
 			y: 6,
 			width: 18,
@@ -98,17 +98,17 @@ var Z = N(({ animate: e, ...t }, n) => {
 		})]
 	});
 });
-Z.displayName = "AudioDescriptionFilledIcon";
+X.displayName = "AudioDescriptionFilledIcon";
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/CaptionsToggleIcons.tsx
-var Q = N(({ animate: e, ...t }, n) => /* @__PURE__ */ V("svg", {
+var Z = M(({ animate: e, ...t }, n) => /* @__PURE__ */ B("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
 	ref: n,
 	...t,
 	children: [
-		/* @__PURE__ */ B("rect", {
+		/* @__PURE__ */ z("rect", {
 			x: 3.5,
 			y: 6.5,
 			width: 17,
@@ -117,13 +117,13 @@ var Q = N(({ animate: e, ...t }, n) => /* @__PURE__ */ V("svg", {
 			stroke: "currentColor",
 			vectorEffect: "non-scaling-stroke"
 		}),
-		/* @__PURE__ */ B("path", {
+		/* @__PURE__ */ z("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			d: "M7 10.75h8",
 			vectorEffect: "non-scaling-stroke"
 		}),
-		/* @__PURE__ */ B("path", {
+		/* @__PURE__ */ z("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			d: "M7 13.75h4.5",
@@ -131,14 +131,14 @@ var Q = N(({ animate: e, ...t }, n) => /* @__PURE__ */ V("svg", {
 		})
 	]
 }));
-Q.displayName = "CaptionsLineIcon";
-var ie = N(({ animate: e, ...t }, n) => /* @__PURE__ */ B("svg", {
+Z.displayName = "CaptionsLineIcon";
+var ae = M(({ animate: e, ...t }, n) => /* @__PURE__ */ z("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
 	ref: n,
 	...t,
-	children: /* @__PURE__ */ B("path", {
+	children: /* @__PURE__ */ z("path", {
 		fill: "currentColor",
 		fillRule: "evenodd",
 		clipRule: "evenodd",
@@ -146,23 +146,23 @@ var ie = N(({ animate: e, ...t }, n) => /* @__PURE__ */ B("svg", {
 		vectorEffect: "non-scaling-stroke"
 	})
 }));
-ie.displayName = "CaptionsFilledIcon";
+ae.displayName = "CaptionsFilledIcon";
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/PlaybackRateMenu.tsx
-function ae({ value: e, onChange: n, containerRef: i }) {
-	let { t: o } = t(), [s, c] = z(!1);
-	return /* @__PURE__ */ V(te, {
+function oe({ value: e, onChange: n, containerRef: i }) {
+	let { t: o } = t(), [s, c] = R(!1);
+	return /* @__PURE__ */ B(te, {
 		open: s,
 		onOpenChange: c,
-		children: [/* @__PURE__ */ B(T, {
+		children: [/* @__PURE__ */ z(A, {
 			asChild: !0,
-			children: /* @__PURE__ */ B(a, {
+			children: /* @__PURE__ */ z(a, {
 				variant: "ghost",
 				size: "sm",
-				label: q(e),
-				"aria-label": o("videoPlayer.playbackSpeed", { rate: q(e) })
+				label: K(e),
+				"aria-label": o("videoPlayer.playbackSpeed", { rate: K(e) })
 			})
-		}), /* @__PURE__ */ B(E, {
+		}), /* @__PURE__ */ z(j, {
 			container: i.current,
 			side: "top",
 			align: "end",
@@ -191,9 +191,9 @@ function ae({ value: e, onChange: n, containerRef: i }) {
 				}
 				e.preventDefault(), t[r]?.focus();
 			},
-			children: H.map((t) => {
+			children: V.map((t) => {
 				let i = t === e;
-				return /* @__PURE__ */ V("button", {
+				return /* @__PURE__ */ B("button", {
 					type: "button",
 					role: "menuitemradio",
 					"aria-checked": i,
@@ -201,10 +201,10 @@ function ae({ value: e, onChange: n, containerRef: i }) {
 					onClick: () => {
 						n(t), c(!1);
 					},
-					children: [i ? /* @__PURE__ */ B("span", {
+					children: [i ? /* @__PURE__ */ z("span", {
 						className: "absolute left-2.5 inline-flex items-center",
-						children: /* @__PURE__ */ B(v, {})
-					}) : null, q(t)]
+						children: /* @__PURE__ */ z(g, {})
+					}) : null, K(t)]
 				}, t);
 			})
 		})]
@@ -212,8 +212,8 @@ function ae({ value: e, onChange: n, containerRef: i }) {
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/Seekbar.tsx
-function oe({ currentTime: e, duration: n, markerTime: a, blockSeekPastMarker: o = !1, onSeek: s }) {
-	let { t: c } = t(), l = R(null), [u, d] = z(!1), [f, p] = z(null), m = n > 0 ? Math.min(1, e / n) : 0, h = a !== void 0 && n > 0 ? Math.min(1, a / n) : 0, g = a !== void 0 && n > 0 && a > 0 && a < n - .25 && e < a - .25, _ = (e) => {
+function se({ currentTime: e, duration: n, markerTime: a, blockSeekPastMarker: o = !1, onSeek: s }) {
+	let { t: c } = t(), l = L(null), [u, d] = R(!1), [f, p] = R(null), m = n > 0 ? Math.min(1, e / n) : 0, h = a !== void 0 && n > 0 ? Math.min(1, a / n) : 0, g = a !== void 0 && n > 0 && a > 0 && a < n - .25 && e < a - .25, _ = (e) => {
 		let t = l.current;
 		if (!t) return 0;
 		let n = t.getBoundingClientRect();
@@ -227,7 +227,7 @@ function oe({ currentTime: e, duration: n, markerTime: a, blockSeekPastMarker: o
 	}, x = (e) => {
 		u && (d(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
 	}, S = f !== null && o && a !== void 0 && f > h;
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ B("div", {
 		ref: l,
 		className: r("relative flex h-4 flex-1 items-center rounded-sm", "cursor-pointer touch-none", i()),
 		role: "slider",
@@ -237,8 +237,8 @@ function oe({ currentTime: e, duration: n, markerTime: a, blockSeekPastMarker: o
 		"aria-valuemax": n || 0,
 		"aria-valuenow": e,
 		"aria-valuetext": c("videoPlayer.timeProgress", {
-			current: K(e),
-			total: K(n)
+			current: G(e),
+			total: G(n)
 		}),
 		onPointerDown: y,
 		onPointerMove: b,
@@ -267,55 +267,55 @@ function oe({ currentTime: e, duration: n, markerTime: a, blockSeekPastMarker: o
 			t.preventDefault(), t.stopPropagation(), s(r);
 		},
 		children: [
-			/* @__PURE__ */ B("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
+			/* @__PURE__ */ z("div", {
 				className: "pointer-events-none absolute left-0 h-1 rounded-sm bg-f1-foreground",
 				style: { width: `${m * 100}%` }
 			}),
-			g ? /* @__PURE__ */ B("div", {
+			g ? /* @__PURE__ */ z("div", {
 				className: "pointer-events-none absolute z-[1] h-2.5 w-0.5 -translate-x-px bg-f1-foreground/95",
 				style: { left: `${h * 100}%` },
 				"aria-hidden": "true"
 			}) : null,
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				className: "pointer-events-none absolute z-[2] h-3 w-3 -translate-x-1/2 rounded-full bg-f1-foreground shadow-[0_0_4px_rgba(0,0,0,0.4)]",
 				style: { left: `${m * 100}%` }
 			}),
-			S ? /* @__PURE__ */ B("div", { className: "absolute inset-0 cursor-not-allowed" }) : null
+			S ? /* @__PURE__ */ z("div", { className: "absolute inset-0 cursor-not-allowed" }) : null
 		]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/SettingsMenu.tsx
-var se = "off", ce = "py-2 pr-4 text-base font-medium", le = "gap-2 py-2 pl-3 pr-2 text-base font-medium", ue = "max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[13rem] overflow-y-auto p-1";
+var Q = "off", ce = "py-2 pr-4 text-base font-medium", le = "gap-2 py-2 pl-3 pr-2 text-base font-medium", ue = "max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[13rem] overflow-y-auto p-1";
 function $({ icon: e, label: t, container: n, options: r, value: i, onLanguageChange: a, on: o, onOff: s, offLabel: c }) {
-	let l = s !== void 0, u = r.find((e) => e.locale === i), d = l && !o ? c : u ? j(u) : c;
-	return /* @__PURE__ */ V(w, { children: [/* @__PURE__ */ V(b, {
+	let l = s !== void 0, u = r.find((e) => e.locale === i), d = l && !o ? c : u ? x(u) : c;
+	return /* @__PURE__ */ B(k, { children: [/* @__PURE__ */ B(w, {
 		className: le,
 		children: [
-			/* @__PURE__ */ B(g, { icon: e }),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ z(m, { icon: e }),
+			/* @__PURE__ */ z("span", {
 				className: "flex-1",
 				children: t
 			}),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ z("span", {
 				className: "text-f1-foreground-secondary",
 				children: d
 			})
 		]
-	}), /* @__PURE__ */ B(ee, {
+	}), /* @__PURE__ */ z(O, {
 		container: n ?? void 0,
-		children: /* @__PURE__ */ B(O, {
+		children: /* @__PURE__ */ z(ne, {
 			className: ue,
-			children: /* @__PURE__ */ V(x, {
-				value: l ? o ? i : se : i,
-				onValueChange: (e) => l && e === se ? s() : a(e),
-				children: [r.map((e) => /* @__PURE__ */ B(C, {
+			children: /* @__PURE__ */ B(T, {
+				value: l ? o ? i : Q : i,
+				onValueChange: (e) => l && e === Q ? s() : a(e),
+				children: [r.map((e) => /* @__PURE__ */ z(D, {
 					value: e.locale,
 					className: ce,
-					children: j(e)
-				}, e.locale)), l ? /* @__PURE__ */ B(C, {
-					value: se,
+					children: x(e)
+				}, e.locale)), l ? /* @__PURE__ */ z(D, {
+					value: Q,
 					className: ce,
 					children: c
 				}) : null]
@@ -323,53 +323,53 @@ function $({ icon: e, label: t, container: n, options: r, value: i, onLanguageCh
 		})
 	})] });
 }
-function de({ containerRef: e, audioLanguages: n, audioLanguage: r, onAudioLanguageChange: i, captionLanguages: o, captionLanguage: s, captionsOn: c, onCaptionLanguageChange: l, onCaptionsOff: u, audioDescriptionLanguages: d, audioDescriptionLanguage: p, audioDescriptionOn: m, onAudioDescriptionLanguageChange: g, onAudioDescriptionOff: _ }) {
-	let { t: v } = t(), b = e.current, x = v("videoPlayer.off");
-	return /* @__PURE__ */ V(D, { children: [/* @__PURE__ */ B(S, {
+function de({ containerRef: e, audioLanguages: n, audioLanguage: r, onAudioLanguageChange: i, captionLanguages: o, captionLanguage: c, captionsOn: l, onCaptionLanguageChange: d, onCaptionsOff: f, audioDescriptionLanguages: p, audioDescriptionLanguage: m, audioDescriptionOn: h, onAudioDescriptionLanguageChange: g, onAudioDescriptionOff: _ }) {
+	let { t: v } = t(), y = e.current, b = v("videoPlayer.off");
+	return /* @__PURE__ */ B(ee, { children: [/* @__PURE__ */ z(E, {
 		asChild: !0,
-		children: /* @__PURE__ */ B(a, {
+		children: /* @__PURE__ */ z(a, {
 			variant: "ghost",
 			size: "sm",
 			hideLabel: !0,
-			icon: h,
+			icon: s,
 			label: v("videoPlayer.settings")
 		})
-	}), /* @__PURE__ */ V(y, {
-		container: b,
+	}), /* @__PURE__ */ B(C, {
+		container: y,
 		side: "top",
 		align: "end",
 		className: ue,
 		children: [
-			n.length > 1 ? /* @__PURE__ */ B($, {
-				icon: f,
+			n.length > 1 ? /* @__PURE__ */ z($, {
+				icon: u,
 				label: v("videoPlayer.audio"),
-				container: b,
+				container: y,
 				options: n,
 				value: r,
 				onLanguageChange: i,
-				offLabel: x
+				offLabel: b
 			}) : null,
-			o.length > 1 ? /* @__PURE__ */ B($, {
-				icon: Q,
+			o.length > 1 ? /* @__PURE__ */ z($, {
+				icon: Z,
 				label: v("videoPlayer.subtitles"),
-				container: b,
+				container: y,
 				options: o,
-				value: s,
-				on: c,
-				onLanguageChange: l,
-				onOff: u,
-				offLabel: x
+				value: c,
+				on: l,
+				onLanguageChange: d,
+				onOff: f,
+				offLabel: b
 			}) : null,
-			d.length > 1 ? /* @__PURE__ */ B($, {
-				icon: X,
+			p.length > 1 ? /* @__PURE__ */ z($, {
+				icon: Y,
 				label: v("videoPlayer.audioDescription"),
-				container: b,
-				options: d,
-				value: p,
-				on: m,
+				container: y,
+				options: p,
+				value: m,
+				on: h,
 				onLanguageChange: g,
 				onOff: _,
-				offLabel: x
+				offLabel: b
 			}) : null
 		]
 	})] });
@@ -380,34 +380,34 @@ function fe(e) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/VolumeControl.tsx
 function pe(e, t) {
-	return t || e === 0 ? m : e <= .5 ? s : u;
+	return t || e === 0 ? p : e <= .5 ? c : l;
 }
 function me({ volume: e, isMuted: n, onToggleMute: r, onVolumeChange: i, silent: o = !1 }) {
 	let { t: s } = t(), c = n || e === 0;
-	return o ? /* @__PURE__ */ B(a, {
+	return o ? /* @__PURE__ */ z(a, {
 		variant: "ghost",
 		size: "sm",
 		hideLabel: !0,
 		disabled: !0,
-		icon: m,
+		icon: p,
 		label: s("videoPlayer.noAudio")
-	}) : /* @__PURE__ */ V("div", {
+	}) : /* @__PURE__ */ B("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ B(a, {
+		children: [/* @__PURE__ */ z(a, {
 			variant: "ghost",
 			size: "sm",
 			hideLabel: !0,
 			icon: pe(e, c),
 			label: s(c ? "videoPlayer.unmute" : "videoPlayer.mute"),
 			onClick: r
-		}), /* @__PURE__ */ B(he, {
+		}), /* @__PURE__ */ z(he, {
 			value: c ? 0 : e,
 			onChange: i
 		})]
 	});
 }
 function he({ value: e, onChange: n }) {
-	let { t: a } = t(), o = R(null), [s, c] = z(!1), l = Math.max(0, Math.min(1, e)), u = (e) => {
+	let { t: a } = t(), o = L(null), [s, c] = R(!1), l = Math.max(0, Math.min(1, e)), u = (e) => {
 		let t = o.current;
 		if (!t) return 0;
 		let n = t.getBoundingClientRect(), r = n.width - 12;
@@ -419,7 +419,7 @@ function he({ value: e, onChange: n }) {
 	}, p = (e) => {
 		s && (c(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
 	};
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ B("div", {
 		ref: o,
 		className: r("relative flex h-4 w-[60px] items-center rounded-sm", "cursor-pointer touch-none", i()),
 		role: "slider",
@@ -439,11 +439,11 @@ function he({ value: e, onChange: n }) {
 			switch (e.key) {
 				case "ArrowRight":
 				case "ArrowUp":
-					t = Math.min(1, l + U);
+					t = Math.min(1, l + H);
 					break;
 				case "ArrowLeft":
 				case "ArrowDown":
-					t = Math.max(0, l - U);
+					t = Math.max(0, l - H);
 					break;
 				case "Home":
 					t = 0;
@@ -456,12 +456,12 @@ function he({ value: e, onChange: n }) {
 			e.preventDefault(), e.stopPropagation(), n(t);
 		},
 		children: [
-			/* @__PURE__ */ B("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
+			/* @__PURE__ */ z("div", {
 				className: "pointer-events-none absolute left-0 h-1 rounded-sm bg-f1-foreground",
 				style: { width: `calc(12px + (100% - 12px) * ${l})` }
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				className: "pointer-events-none absolute h-3 w-3 -translate-x-1/2 rounded-full bg-f1-foreground shadow-[0_0_4px_rgba(0,0,0,0.4)]",
 				style: { left: `calc(6px + (100% - 12px) * ${l})` }
 			})
@@ -470,99 +470,99 @@ function he({ value: e, onChange: n }) {
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/Controls.tsx
-function ge({ isPlaying: e, currentTime: n, duration: i, volume: s, isMuted: u, playbackRate: f, isFullscreen: m, markerTime: h, blockSeekPastMarker: g, containerRef: _, captionsAvailable: v, captionsOn: y, audioDescriptionAvailable: b, audioDescriptionOn: x, silent: S, persist: C, audioLanguages: ee, audioLanguage: w, onAudioLanguageChange: T, captionLanguages: E, captionLanguage: D, onCaptionLanguageChange: te, onCaptionsOff: O, audioDescriptionLanguages: k, audioDescriptionLanguage: A, onAudioDescriptionLanguageChange: j, onAudioDescriptionOff: M, onTogglePlay: ne, onToggleMute: N, onVolumeChange: P, onPlaybackRateChange: F, onToggleFullscreen: I, onToggleCaptions: L, onToggleAudioDescription: R, onSeek: z, download: H }) {
-	let { t: U } = t(), re = v && E.length <= 1, W = b && k.length <= 1, G = fe({
-		audioLanguages: ee.length,
-		captionLanguages: E.length,
-		audioDescriptionLanguages: k.length
+function ge({ isPlaying: e, currentTime: n, duration: i, volume: s, isMuted: c, playbackRate: l, isFullscreen: u, markerTime: p, blockSeekPastMarker: m, containerRef: h, captionsAvailable: g, captionsOn: v, audioDescriptionAvailable: y, audioDescriptionOn: x, silent: S, persist: C, audioLanguages: w, audioLanguage: T, onAudioLanguageChange: E, captionLanguages: D, captionLanguage: O, onCaptionLanguageChange: k, onCaptionsOff: A, audioDescriptionLanguages: j, audioDescriptionLanguage: ee, onAudioDescriptionLanguageChange: te, onAudioDescriptionOff: ne, onTogglePlay: re, onToggleMute: M, onVolumeChange: N, onPlaybackRateChange: P, onToggleFullscreen: F, onToggleCaptions: I, onToggleAudioDescription: L, onSeek: R, download: V }) {
+	let { t: H } = t(), ie = g && D.length <= 1, U = y && j.length <= 1, W = fe({
+		audioLanguages: w.length,
+		captionLanguages: D.length,
+		audioDescriptionLanguages: j.length
 	});
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ B("div", {
 		className: r("dark absolute inset-x-0 bottom-0 z-[2] flex select-none items-center gap-2", "rounded-b-[inherit] bg-gradient-to-t from-[#000000f2] via-[#000000b3] to-transparent px-3 py-3", "[text-shadow:0_1px_2px_rgba(0,0,0,0.55)] [&_svg]:drop-shadow-[0_1px_2px_rgba(0,0,0,0.55)]", "transition-opacity duration-200 motion-reduce:transition-none", !e || C ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"),
 		children: [
-			/* @__PURE__ */ B(a, {
+			/* @__PURE__ */ z(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: e ? d : p,
-				label: U(e ? "videoPlayer.pause" : "videoPlayer.play"),
-				onClick: ne
+				icon: e ? b : _,
+				label: H(e ? "videoPlayer.pause" : "videoPlayer.play"),
+				onClick: re
 			}),
-			/* @__PURE__ */ B(oe, {
+			/* @__PURE__ */ z(se, {
 				currentTime: n,
 				duration: i,
-				markerTime: h,
-				blockSeekPastMarker: g,
-				onSeek: z
+				markerTime: p,
+				blockSeekPastMarker: m,
+				onSeek: R
 			}),
-			/* @__PURE__ */ V("span", {
+			/* @__PURE__ */ B("span", {
 				className: "min-w-[80px] whitespace-nowrap text-center text-base font-medium tabular-nums text-f1-foreground",
 				children: [
-					K(n),
+					G(n),
 					" / ",
-					K(i)
+					G(i)
 				]
 			}),
-			/* @__PURE__ */ B(me, {
+			/* @__PURE__ */ z(me, {
 				volume: s,
-				isMuted: u,
-				onToggleMute: N,
-				onVolumeChange: P,
+				isMuted: c,
+				onToggleMute: M,
+				onVolumeChange: N,
 				silent: S
 			}),
-			/* @__PURE__ */ B(ae, {
-				value: f,
-				onChange: F,
-				containerRef: _
+			/* @__PURE__ */ z(oe, {
+				value: l,
+				onChange: P,
+				containerRef: h
 			}),
-			re ? /* @__PURE__ */ B(a, {
+			ie ? /* @__PURE__ */ z(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: y ? ie : Q,
-				label: U("videoPlayer.captions"),
-				"aria-pressed": y,
-				onClick: L
+				icon: v ? ae : Z,
+				label: H("videoPlayer.captions"),
+				"aria-pressed": v,
+				onClick: I
 			}) : null,
-			W ? /* @__PURE__ */ B(a, {
+			U ? /* @__PURE__ */ z(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: x ? Z : X,
-				label: U("videoPlayer.audioDescription"),
+				icon: x ? X : Y,
+				label: H("videoPlayer.audioDescription"),
 				"aria-pressed": x,
-				onClick: R
+				onClick: L
 			}) : null,
-			G ? /* @__PURE__ */ B(de, {
-				containerRef: _,
-				audioLanguages: ee,
-				audioLanguage: w,
-				onAudioLanguageChange: T,
-				captionLanguages: E,
-				captionLanguage: D,
-				captionsOn: y,
-				onCaptionLanguageChange: te,
-				onCaptionsOff: O,
-				audioDescriptionLanguages: k,
-				audioDescriptionLanguage: A,
+			W ? /* @__PURE__ */ z(de, {
+				containerRef: h,
+				audioLanguages: w,
+				audioLanguage: T,
+				onAudioLanguageChange: E,
+				captionLanguages: D,
+				captionLanguage: O,
+				captionsOn: v,
+				onCaptionLanguageChange: k,
+				onCaptionsOff: A,
+				audioDescriptionLanguages: j,
+				audioDescriptionLanguage: ee,
 				audioDescriptionOn: x,
-				onAudioDescriptionLanguageChange: j,
-				onAudioDescriptionOff: M
+				onAudioDescriptionLanguageChange: te,
+				onAudioDescriptionOff: ne
 			}) : null,
-			H ? /* @__PURE__ */ B(a, {
+			V ? /* @__PURE__ */ z(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: l,
-				label: H.label,
-				onClick: H.onClick
+				icon: o,
+				label: V.label,
+				onClick: V.onClick
 			}) : null,
-			/* @__PURE__ */ B(a, {
+			/* @__PURE__ */ z(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: m ? c : o,
-				label: U(m ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
-				onClick: I
+				icon: u ? f : d,
+				label: H(u ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
+				onClick: F
 			})
 		]
 	});
@@ -571,8 +571,8 @@ function ge({ isPlaying: e, currentTime: n, duration: i, volume: s, isMuted: u,
 //#region src/blocks/F0VideoPlayer/hooks/useVttSource.ts
 var _e = (e) => e.trimStart().startsWith("WEBVTT");
 function ve(e) {
-	let t = e !== void 0 && _e(e), [n, r] = z();
-	return F(() => {
+	let t = e !== void 0 && _e(e), [n, r] = R();
+	return P(() => {
 		if (e === void 0 || !_e(e)) {
 			r(void 0);
 			return;
@@ -588,8 +588,8 @@ function ve(e) {
 //#region src/blocks/F0VideoPlayer/hooks/useAudioDescription.ts
 var ye = "descriptions";
 function be(e, { enabled: t, describedSrc: n, descriptions: r }) {
-	let i = n !== void 0, { trackSrc: a, needsCrossOrigin: o } = ve(r), [s, c] = z(!1), l = i || r !== void 0 || s, [u, d] = z(), f = R(!1);
-	return F(() => {
+	let i = n !== void 0, { trackSrc: a, needsCrossOrigin: o } = ve(r), [s, c] = R(!1), l = i || r !== void 0 || s, [u, d] = R(), f = L(!1);
+	return P(() => {
 		if (!e) return;
 		let n = e.textTracks, a = typeof window < "u" && "speechSynthesis" in window, o = t && !i && a, s = () => {
 			f.current && (f.current = !1, e.play().catch(() => {}));
@@ -621,7 +621,7 @@ function be(e, { enabled: t, describedSrc: n, descriptions: r }) {
 		i,
 		r,
 		a
-	]), L(() => ({
+	]), I(() => ({
 		trackSrc: a,
 		needsCrossOrigin: o,
 		available: l,
@@ -636,7 +636,7 @@ function be(e, { enabled: t, describedSrc: n, descriptions: r }) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useKeyboardShortcuts.ts
 function xe({ videoRef: e, seek: t, togglePlay: n, toggleMute: r, toggleFullscreen: i, setVolume: a }) {
-	return P((o) => {
+	return N((o) => {
 		let s = o.target;
 		if (s instanceof HTMLElement && (s.closest("button, a, input, textarea, select, [role=\"button\"], [contenteditable=\"true\"]") || s.closest("[role=\"menu\"], [role^=\"menuitem\"]") || s.getAttribute("role") === "slider")) return;
 		let c = e.current;
@@ -654,10 +654,10 @@ function xe({ videoRef: e, seek: t, togglePlay: n, toggleMute: r, toggleFullscre
 				return;
 			}
 			case "ArrowUp":
-				o.preventDefault(), a(Math.min(1, c.volume + U));
+				o.preventDefault(), a(Math.min(1, c.volume + H));
 				return;
 			case "ArrowDown":
-				o.preventDefault(), a(Math.max(0, c.volume - U));
+				o.preventDefault(), a(Math.max(0, c.volume - H));
 				return;
 			case "m":
 				o.preventDefault(), r();
@@ -679,12 +679,12 @@ function xe({ videoRef: e, seek: t, togglePlay: n, toggleMute: r, toggleFullscre
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useRestrictForwardSeek.ts
 function Se({ video: e, enabled: t, resetKey: n }) {
-	let r = R(0), i = R(0), a = R(t);
+	let r = L(0), i = L(0), a = L(t);
 	a.current = t;
-	let [o, s] = z(0);
-	return F(() => {
+	let [o, s] = R(0);
+	return P(() => {
 		r.current = 0, i.current = 0, s(0);
-	}, [n]), F(() => {
+	}, [n]), P(() => {
 		if (!e) return;
 		let t = () => {
 			a.current && e.currentTime > r.current + .25 && (e.currentTime = r.current);
@@ -706,17 +706,17 @@ function Se({ video: e, enabled: t, resetKey: n }) {
 		};
 	}, [e]), {
 		maxWatchedTime: o,
-		clampSeek: P((e) => a.current ? Math.min(e, r.current) : e, [])
+		clampSeek: N((e) => a.current ? Math.min(e, r.current) : e, [])
 	};
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoCaptions.ts
 var Ce = /* @__PURE__ */ new Set(["captions", "subtitles"]), we = 2, Te = 3;
 function Ee(e, t) {
-	let { trackSrc: n, needsCrossOrigin: r } = ve(t), [i, a] = z(!1), [o, s] = z(!1), [c, l] = z(!1), u = o || t !== void 0 && !c;
-	return F(() => {
+	let { trackSrc: n, needsCrossOrigin: r } = ve(t), [i, a] = R(!1), [o, s] = R(!1), [c, l] = R(!1), u = o || t !== void 0 && !c;
+	return P(() => {
 		l(!1), s(!1);
-	}, [n]), F(() => {
+	}, [n]), P(() => {
 		if (!e) return;
 		let t = e.textTracks, n = e.querySelector("track[kind=\"captions\"]"), r = () => {
 			let e = !1;
@@ -751,7 +751,7 @@ function Ee(e, t) {
 		t,
 		i,
 		n
-	]), L(() => ({
+	]), I(() => ({
 		trackSrc: n,
 		needsCrossOrigin: r,
 		available: u,
@@ -767,15 +767,15 @@ function Ee(e, t) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoCompletion.ts
 function De(e) {
-	return e - Math.min(10, e * G);
+	return e - Math.min(10, e * W);
 }
 function Oe({ video: e, onComplete: t, resetKey: n }) {
-	let r = R(t);
+	let r = L(t);
 	r.current = t;
-	let i = R(!1), a = !!t;
-	F(() => {
+	let i = L(!1), a = !!t;
+	P(() => {
 		i.current = !1;
-	}, [n]), F(() => {
+	}, [n]), P(() => {
 		if (!e || !a) return;
 		let t = () => {
 			!i.current && e.duration && e.currentTime >= De(e.duration) && (i.current = !0, r.current?.(e));
@@ -788,17 +788,17 @@ function Oe({ video: e, onComplete: t, resetKey: n }) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoMilestones.ts
 function ke({ video: e, onMilestone: t, resetKey: n }) {
-	let r = R(t);
+	let r = L(t);
 	r.current = t;
-	let i = R(/* @__PURE__ */ new Set()), a = !!t;
-	F(() => {
+	let i = L(/* @__PURE__ */ new Set()), a = !!t;
+	P(() => {
 		i.current.clear();
-	}, [n]), F(() => {
+	}, [n]), P(() => {
 		if (!e || !a) return;
 		let t = () => {
 			if (!e.duration) return;
 			let t = Math.round(e.currentTime / e.duration * 100);
-			for (let n of re) i.current.has(n) || t >= n && (i.current.add(n), r.current?.(n, e));
+			for (let n of ie) i.current.has(n) || t >= n && (i.current.add(n), r.current?.(n, e));
 		};
 		return e.addEventListener("timeupdate", t), () => {
 			e.removeEventListener("timeupdate", t);
@@ -808,18 +808,18 @@ function ke({ video: e, onMilestone: t, resetKey: n }) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoState.ts
 function Ae(e) {
-	let t = R(null), [n, r] = z(null), i = R(0), a = P((e) => {
+	let t = L(null), [n, r] = R(null), i = L(0), a = N((e) => {
 		t.current = e, r(e);
-	}, []), [o, s] = z(!1), [c, l] = z(!1), [u, d] = z(0), [f, p] = z(0), [m, h] = z(1), [g, _] = z(!1), [v, y] = z(1);
-	return F(() => {
+	}, []), [o, s] = R(!1), [c, l] = R(!1), [u, d] = R(0), [f, p] = R(0), [m, h] = R(1), [g, _] = R(!1), [v, y] = R(1);
+	return P(() => {
 		i.current = 0, t.current && (t.current.playbackRate = 1), s(!1), l(!1), d(0), p(0), y(1);
-	}, [e]), F(() => {
+	}, [e]), P(() => {
 		let e = n;
 		if (!e) return;
 		let t = () => l(!0), r = () => l(!1), a = () => l(!1), o = () => {
 			h(e.volume), _(e.muted);
 		}, s = () => p(e.duration || 0), c = () => {
-			J(e.playbackRate) && y(e.playbackRate);
+			q(e.playbackRate) && y(e.playbackRate);
 		}, u = () => {
 			let t = performance.now();
 			t - i.current >= 250 && (i.current = t, d(e.currentTime));
@@ -839,25 +839,25 @@ function Ae(e) {
 		isMuted: g,
 		playbackRate: v,
 		setVideoLoaded: s,
-		togglePlay: P(() => {
+		togglePlay: N(() => {
 			let e = t.current;
 			e && (e.paused || e.ended ? e.play().catch(() => {}) : e.pause());
 		}, []),
-		toggleMute: P(() => {
+		toggleMute: N(() => {
 			let e = t.current;
 			e && (e.muted = !e.muted);
 		}, []),
-		setVolume: P((e) => {
+		setVolume: N((e) => {
 			let n = t.current;
 			if (!n) return;
 			let r = Math.max(0, Math.min(1, e));
 			n.volume = r, n.muted = r === 0;
 		}, []),
-		setPlaybackRate: P((e) => {
+		setPlaybackRate: N((e) => {
 			let n = t.current;
 			n && (n.playbackRate = e);
 		}, []),
-		seekTo: P((e) => {
+		seekTo: N((e) => {
 			let n = t.current;
 			if (!n) return;
 			let r = Math.max(0, Math.min(e, n.duration || e));
@@ -868,17 +868,17 @@ function Ae(e) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoTracking.ts
 function je({ video: e, onTrackAction: t }) {
-	let n = R(t);
+	let n = L(t);
 	n.current = t;
 	let r = !!t;
-	F(() => {
+	P(() => {
 		if (!e || !r) return;
 		let t = null, i = () => {
 			t &&= (clearInterval(t), null);
 		}, a = () => {
 			n.current?.(), i(), t = setInterval(() => {
 				n.current?.();
-			}, W);
+			}, U);
 		}, o = () => {
 			n.current?.(), i();
 		}, s = () => i();
@@ -889,177 +889,177 @@ function je({ video: e, onTrackAction: t }) {
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/internal.tsx
-function Me({ src: e, poster: n, ariaLabel: a, silent: o = !1, persistControls: s = !1, content: c, defaultLanguage: l, autoPlay: u = !1, autoFocus: d = !1, download: f, restrictForwardSeek: m = !1, onTrackAction: h, onMilestone: g, onComplete: v, ...y }) {
-	let { t: b } = t(), x = R(null), S = L(() => M(e), [e]), [C, ee] = z(() => A(S, l)), w = S.some((e) => e.locale === C) ? C : A(S, l), T = k(e, w) ?? "", E = L(() => M(c?.captions), [c?.captions]), [D, te] = z(() => A(E, l)), O = E.some((e) => e.locale === D) ? D : A(E, l), j = k(c?.captions, O), N = L(() => M(c?.descriptions, c?.describedSrc), [c?.descriptions, c?.describedSrc]), [I, H] = z(() => A(N, l)), U = N.some((e) => e.locale === I) ? I : A(N, l), re = k(c?.descriptions, U), W = k(c?.describedSrc, U), [G, K] = z(!1), q = G && W ? W : T, J = Ae(q), Y = Ee(J.videoElement, j), X = be(J.videoElement, {
-		enabled: G,
-		describedSrc: W,
-		descriptions: re
-	}), Z = P(() => {
-		let e = J.videoRef.current;
+function Me({ src: e, poster: n, ariaLabel: a, silent: o = !1, persistControls: s = !1, content: c, defaultLanguage: l, autoPlay: u = !1, autoFocus: d = !1, download: f, restrictForwardSeek: p = !1, onTrackAction: m, onMilestone: g, onComplete: b, ...x }) {
+	let { t: C } = t(), w = L(null), T = I(() => S(e), [e]), [E, D] = R(() => y(T, l)), O = T.some((e) => e.locale === E) ? E : y(T, l), k = v(e, O) ?? "", A = I(() => S(c?.captions), [c?.captions]), [j, ee] = R(() => y(A, l)), te = A.some((e) => e.locale === j) ? j : y(A, l), ne = v(c?.captions, te), M = I(() => S(c?.descriptions, c?.describedSrc), [c?.descriptions, c?.describedSrc]), [F, V] = R(() => y(M, l)), H = M.some((e) => e.locale === F) ? F : y(M, l), ie = v(c?.descriptions, H), U = v(c?.describedSrc, H), [W, G] = R(!1), K = W && U ? U : k, q = Ae(K), J = Ee(q.videoElement, ne), Y = be(q.videoElement, {
+		enabled: W,
+		describedSrc: U,
+		descriptions: ie
+	}), X = N(() => {
+		let e = q.videoRef.current;
 		if (!e) return;
 		let t = e.currentTime, n = !e.paused, r = () => {
 			e.currentTime = t, n && e.play().catch(() => {}), e.removeEventListener("loadedmetadata", r);
 		};
 		e.addEventListener("loadedmetadata", r);
-	}, [J.videoRef]), Q = P((e) => {
-		Z(), ee(e);
-	}, [Z]), ie = P(() => {
-		W && Z(), K((e) => !e);
-	}, [W, Z]), ae = P((e) => {
-		te(e), Y.showing || Y.toggle();
-	}, [Y]), oe = P(() => {
-		Y.showing && Y.toggle();
-	}, [Y]), se = P((e) => {
-		W && Z(), H(e), K(!0);
-	}, [W, Z]), ce = P(() => {
-		W && Z(), K(!1);
-	}, [W, Z]);
+	}, [q.videoRef]), Z = N((e) => {
+		X(), D(e);
+	}, [X]), ae = N(() => {
+		U && X(), G((e) => !e);
+	}, [U, X]), oe = N((e) => {
+		ee(e), J.showing || J.toggle();
+	}, [J]), se = N(() => {
+		J.showing && J.toggle();
+	}, [J]), Q = N((e) => {
+		U && X(), V(e), G(!0);
+	}, [U, X]), ce = N(() => {
+		U && X(), G(!1);
+	}, [U, X]);
 	je({
-		video: J.videoElement,
-		onTrackAction: h
+		video: q.videoElement,
+		onTrackAction: m
 	}), ke({
-		video: J.videoElement,
+		video: q.videoElement,
 		onMilestone: g,
-		resetKey: T
+		resetKey: k
 	}), Oe({
-		video: J.videoElement,
-		onComplete: v,
-		resetKey: T
+		video: q.videoElement,
+		onComplete: b,
+		resetKey: k
 	});
 	let { maxWatchedTime: le, clampSeek: ue } = Se({
-		video: J.videoElement,
-		enabled: m,
-		resetKey: T
-	}), $ = P((e) => J.seekTo(ue(e)), [J, ue]), { isFullscreen: de, toggleFullscreen: fe } = ne({ targetRef: x }), pe = P(() => {}, []), me = !!(G && W);
-	F(() => {
-		let e = J.videoRef.current;
+		video: q.videoElement,
+		enabled: p,
+		resetKey: k
+	}), $ = N((e) => q.seekTo(ue(e)), [q, ue]), { isFullscreen: de, toggleFullscreen: fe } = re({ targetRef: w }), pe = N(() => {}, []), me = !!(W && U);
+	P(() => {
+		let e = q.videoRef.current;
 		o && e && (e.muted = !me);
 	}, [
 		o,
 		me,
-		J.videoElement,
-		J.videoRef
+		q.videoElement,
+		q.videoRef
 	]);
 	let he = xe({
-		videoRef: J.videoRef,
+		videoRef: q.videoRef,
 		seek: $,
-		togglePlay: J.togglePlay,
-		toggleMute: o ? pe : J.toggleMute,
+		togglePlay: q.togglePlay,
+		toggleMute: o ? pe : q.toggleMute,
 		toggleFullscreen: fe,
-		setVolume: o ? pe : J.setVolume
+		setVolume: o ? pe : q.setVolume
 	});
-	F(() => {
-		d && x.current?.focus({ preventScroll: !0 });
+	P(() => {
+		d && w.current?.focus({ preventScroll: !0 });
 	}, [d]);
 	let _e = (e) => e.preventDefault();
-	return /* @__PURE__ */ V("div", {
-		ref: x,
+	return /* @__PURE__ */ B("div", {
+		ref: w,
 		className: r("group relative h-full w-full overflow-hidden rounded-[inherit] bg-f1-foreground dark:bg-f1-background", "[&:fullscreen]:h-screen [&:fullscreen]:w-screen [&:fullscreen]:rounded-none", i()),
 		role: "region",
-		"aria-label": a ?? b("videoPlayer.regionLabel"),
+		"aria-label": a ?? C("videoPlayer.regionLabel"),
 		tabIndex: 0,
 		onKeyDown: he,
-		"data-video-captions": o ? "no-audio" : Y.available ? "available" : "missing",
-		...y,
+		"data-video-captions": o ? "no-audio" : J.available ? "available" : "missing",
+		...x,
 		children: [
-			/* @__PURE__ */ V("video", {
-				ref: J.setVideoNode,
+			/* @__PURE__ */ B("video", {
+				ref: q.setVideoNode,
 				autoPlay: u,
 				playsInline: !0,
 				disablePictureInPicture: !0,
 				disableRemotePlayback: !0,
 				draggable: !1,
 				onContextMenu: _e,
-				onClick: J.togglePlay,
-				src: q,
+				onClick: q.togglePlay,
+				src: K,
 				poster: n,
-				crossOrigin: Y.needsCrossOrigin || X.needsCrossOrigin ? "anonymous" : void 0,
-				onLoadedData: () => J.setVideoLoaded(!0),
+				crossOrigin: J.needsCrossOrigin || Y.needsCrossOrigin ? "anonymous" : void 0,
+				onLoadedData: () => q.setVideoLoaded(!0),
 				className: r("block h-full w-full cursor-pointer rounded-[inherit] object-contain transition-opacity duration-300", "[&::-webkit-media-text-track-container]:![transform:translateY(-3.5rem)]"),
-				style: { opacity: J.videoLoaded || n ? 1 : 0 },
-				children: [Y.trackSrc ? /* @__PURE__ */ B("track", {
+				style: { opacity: q.videoLoaded || n ? 1 : 0 },
+				children: [J.trackSrc ? /* @__PURE__ */ z("track", {
 					kind: "captions",
-					src: Y.trackSrc,
-					label: b("videoPlayer.captions"),
+					src: J.trackSrc,
+					label: C("videoPlayer.captions"),
 					default: !1
-				}) : null, X.trackSrc ? /* @__PURE__ */ B("track", {
+				}) : null, Y.trackSrc ? /* @__PURE__ */ z("track", {
 					kind: "descriptions",
-					src: X.trackSrc,
-					label: b("videoPlayer.audioDescription"),
+					src: Y.trackSrc,
+					label: C("videoPlayer.audioDescription"),
 					default: !1
 				}) : null]
 			}),
-			J.isPlaying ? null : /* @__PURE__ */ B("div", {
+			q.isPlaying ? null : /* @__PURE__ */ z("div", {
 				"aria-hidden": !0,
 				"data-video-play-overlay": !0,
 				className: "pointer-events-none absolute inset-0 z-[1] flex items-center justify-center",
-				children: /* @__PURE__ */ B("button", {
+				children: /* @__PURE__ */ z("button", {
 					type: "button",
 					tabIndex: -1,
-					onClick: J.togglePlay,
+					onClick: q.togglePlay,
 					className: "pointer-events-auto flex size-14 items-center justify-center rounded-full bg-f1-foreground/70 pl-0.5 shadow-[0_2px_8px_rgba(0,0,0,0.45)] transition-transform duration-150 hover:scale-105 motion-reduce:transition-none dark:bg-f1-background/70 [&_svg]:size-7",
-					children: /* @__PURE__ */ B(_, {
-						icon: p,
+					children: /* @__PURE__ */ z(h, {
+						icon: _,
 						size: "lg",
 						color: "#fff"
 					})
 				})
 			}),
-			Y.showing && X.activeCue ? /* @__PURE__ */ B("div", {
+			J.showing && Y.activeCue ? /* @__PURE__ */ z("div", {
 				"aria-hidden": !0,
 				className: "dark pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-center p-3",
-				children: /* @__PURE__ */ V("p", {
+				children: /* @__PURE__ */ B("p", {
 					className: "max-w-[90%] rounded-md bg-f1-background/70 px-2 py-1 text-center text-base italic text-f1-foreground [text-shadow:0_1px_2px_rgba(0,0,0,0.55)]",
-					children: [/* @__PURE__ */ V("span", {
+					children: [/* @__PURE__ */ B("span", {
 						className: "pr-1 font-medium not-italic opacity-70",
 						children: [
 							"[",
-							b("videoPlayer.audioDescription"),
+							C("videoPlayer.audioDescription"),
 							"]"
 						]
-					}), X.activeCue]
+					}), Y.activeCue]
 				})
 			}) : null,
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ z("span", {
 				className: "sr-only",
 				"aria-live": "polite",
-				children: J.isPlaying ? b("videoPlayer.playing") : b("videoPlayer.paused")
+				children: q.isPlaying ? C("videoPlayer.playing") : C("videoPlayer.paused")
 			}),
-			J.videoLoaded ? /* @__PURE__ */ B(ge, {
-				isPlaying: J.isPlaying,
-				currentTime: J.currentTime,
-				duration: J.duration,
-				volume: J.volume,
-				isMuted: J.isMuted,
-				playbackRate: J.playbackRate,
+			q.videoLoaded ? /* @__PURE__ */ z(ge, {
+				isPlaying: q.isPlaying,
+				currentTime: q.currentTime,
+				duration: q.duration,
+				volume: q.volume,
+				isMuted: q.isMuted,
+				playbackRate: q.playbackRate,
 				isFullscreen: de,
-				markerTime: m ? le : void 0,
-				blockSeekPastMarker: m,
-				containerRef: x,
-				captionsAvailable: Y.available,
-				captionsOn: Y.showing,
-				audioDescriptionAvailable: X.available,
-				audioDescriptionOn: G,
+				markerTime: p ? le : void 0,
+				blockSeekPastMarker: p,
+				containerRef: w,
+				captionsAvailable: J.available,
+				captionsOn: J.showing,
+				audioDescriptionAvailable: Y.available,
+				audioDescriptionOn: W,
 				silent: o,
 				persist: s,
-				audioLanguages: S,
-				audioLanguage: w,
-				onAudioLanguageChange: Q,
-				captionLanguages: E,
-				captionLanguage: O,
-				onCaptionLanguageChange: ae,
-				onCaptionsOff: oe,
-				audioDescriptionLanguages: N,
-				audioDescriptionLanguage: U,
-				onAudioDescriptionLanguageChange: se,
+				audioLanguages: T,
+				audioLanguage: O,
+				onAudioLanguageChange: Z,
+				captionLanguages: A,
+				captionLanguage: te,
+				onCaptionLanguageChange: oe,
+				onCaptionsOff: se,
+				audioDescriptionLanguages: M,
+				audioDescriptionLanguage: H,
+				onAudioDescriptionLanguageChange: Q,
 				onAudioDescriptionOff: ce,
-				onTogglePlay: J.togglePlay,
-				onToggleMute: J.toggleMute,
-				onVolumeChange: J.setVolume,
-				onPlaybackRateChange: J.setPlaybackRate,
+				onTogglePlay: q.togglePlay,
+				onToggleMute: q.toggleMute,
+				onVolumeChange: q.setVolume,
+				onPlaybackRateChange: q.setPlaybackRate,
 				onToggleFullscreen: () => void fe(),
-				onToggleCaptions: Y.toggle,
-				onToggleAudioDescription: ie,
+				onToggleCaptions: J.toggle,
+				onToggleAudioDescription: ae,
 				onSeek: $,
 				download: f
 			}) : null