@factorialco/f0-react 10.1.0 → 10.2.1

package/dist/{F0VideoPlayer-Iw-SFQqN.js → F0VideoPlayer-CEjGJ_6y.js}

@@ -1,24 +1,23 @@
-import { I as e, L as t } from "./tooltip-DVXqL5Ri.js";
-import { w as n } from "./CoachmarkProvider-DqWyppW-.js";
-import { A as r, B as i, F as a, I as o, L as s, U as c, V as l, a as u, an as d, ar as f, b as p, i as m, in as h, j as g, rn as _, rr as v, t as y, z as b } from "./popover-BTxkQ2PV.js";
-import { Ma as x, aa as ee, eo as S, go as te, la as C, oa as ne, za as w } from "./F0CanvasPanel-DCKaKwkK.js";
-import { t as T } from "./Check-DAp9gCRh.js";
-import { n as re, r as ie, t as E } from "./VolumeMuted-Db9P5djr.js";
-import { forwardRef as D, useCallback as O, useEffect as k, useId as A, useMemo as j, useRef as M, useState as N } from "react";
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
+import { w as e } from "./CoachmarkProvider-CsqkzlOs.js";
+import { A as t, B as n, F as r, I as i, L as a, U as o, V as s, a as c, an as l, ar as u, b as d, i as f, in as p, j as m, rn as h, rr as g, t as _, z as v } from "./popover-B2hEEubt.js";
+import { I as y, L as b } from "./tooltip-TOvfXq9F.js";
+import { Ao as x, Ji as S, Ki as C, Wa as ee, Za as te, _a as w, ma as T, mo as E, pa as ne, qi as re } from "./F0CanvasPanel-mMDAtCgu.js";
+import { t as D } from "./Check-DAp9gCRh.js";
+import { forwardRef as O, useCallback as k, useEffect as A, useId as j, useMemo as M, useRef as N, useState as P } from "react";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
 //#region src/elements/lib/localized.ts
-function I(e) {
+function L(e) {
 	return Array.isArray(e) && e.every((e) => typeof e == "object" && !!e && "locale" in e && "value" in e);
 }
-function L(e, t) {
+function R(e, t) {
 	if (e !== void 0) {
-		if (!I(e)) return e;
+		if (!L(e)) return e;
 		if (e.length !== 0) return ((t ? e.find((e) => e.locale === t) : void 0) ?? e[0]).value;
 	}
 }
-function R(...e) {
+function z(...e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let n of e) if (I(n)) for (let e of n) {
+	for (let n of e) if (L(n)) for (let e of n) {
 		let n = t.get(e.locale);
 		n ? !n.label && e.label && (n.label = e.label) : t.set(e.locale, {
 			locale: e.locale,
@@ -27,7 +26,7 @@ function R(...e) {
 	}
 	return Array.from(t.values());
 }
-function z(e, t) {
+function B(e, t) {
 	if (e.label) return e.label;
 	try {
 		let n = t ?? e.locale, r = new Intl.DisplayNames([n], { type: "language" }).of(e.locale) ?? e.locale;
@@ -36,7 +35,7 @@ function z(e, t) {
 		return e.locale;
 	}
 }
-function B(e, t) {
+function V(e, t) {
 	if (e.length === 0) return;
 	let n = e.map((e) => e.locale), r = (e) => e.split("-")[0], i = (e) => n.find((t) => t === e) ?? n.find((t) => r(t) === r(e));
 	if (t) {
@@ -52,29 +51,29 @@ function B(e, t) {
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/utils.ts
-var V = [
+var H = [
 	.5,
 	.75,
 	1,
 	1.25,
 	1.5
-], H = .1, U = [
+], U = .1, W = [
 	25,
 	50,
 	75
-], W = 3e5, G = .03;
-function K(e) {
+], G = 3e5, K = .03;
+function q(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 J(e) {
 	return `${e}x`;
 }
-function J(e) {
-	return V.includes(e);
+function Y(e) {
+	return H.includes(e);
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/AudioDescriptionToggleIcons.tsx
-var Y = {
+var X = {
 	x: 12,
 	y: 15,
 	textAnchor: "middle",
@@ -82,14 +81,14 @@ var Y = {
 	fontWeight: 700,
 	fontFamily: "inherit",
 	letterSpacing: -.4
-}, X = D(({ animate: e, ...t }, n) => /* @__PURE__ */ F("svg", {
+}, Z = O(({ animate: e, ...t }, n) => /* @__PURE__ */ I("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	ref: n,
 	...t,
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ P("rect", {
+	children: [/* @__PURE__ */ F("rect", {
 		x: 3.5,
 		y: 6.5,
 		width: 17,
@@ -97,38 +96,38 @@ var Y = {
 		rx: 2.5,
 		stroke: "currentColor",
 		vectorEffect: "non-scaling-stroke"
-	}), /* @__PURE__ */ P("text", {
-		...Y,
+	}), /* @__PURE__ */ F("text", {
+		...X,
 		fill: "currentColor",
 		children: "AD"
 	})]
 }));
-X.displayName = "AudioDescriptionLineIcon";
-var ae = D(({ animate: e, ...t }, n) => {
-	let r = `ad-mask-${A().replace(/:/g, "")}`;
-	return /* @__PURE__ */ F("svg", {
+Z.displayName = "AudioDescriptionLineIcon";
+var ie = O(({ animate: e, ...t }, n) => {
+	let r = `ad-mask-${j().replace(/:/g, "")}`;
+	return /* @__PURE__ */ I("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
 		ref: n,
 		...t,
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ F("mask", {
+		children: [/* @__PURE__ */ I("mask", {
 			id: r,
 			maskUnits: "userSpaceOnUse",
-			children: [/* @__PURE__ */ P("rect", {
+			children: [/* @__PURE__ */ F("rect", {
 				x: 3,
 				y: 6,
 				width: 18,
 				height: 12,
 				rx: 3,
 				fill: "white"
-			}), /* @__PURE__ */ P("text", {
-				...Y,
+			}), /* @__PURE__ */ F("text", {
+				...X,
 				fill: "black",
 				children: "AD"
 			})]
-		}), /* @__PURE__ */ P("rect", {
+		}), /* @__PURE__ */ F("rect", {
 			x: 3,
 			y: 6,
 			width: 18,
@@ -139,17 +138,17 @@ var ae = D(({ animate: e, ...t }, n) => {
 		})]
 	});
 });
-ae.displayName = "AudioDescriptionFilledIcon";
+ie.displayName = "AudioDescriptionFilledIcon";
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/CaptionsToggleIcons.tsx
-var Z = D(({ animate: e, ...t }, n) => /* @__PURE__ */ F("svg", {
+var Q = O(({ animate: e, ...t }, n) => /* @__PURE__ */ I("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
 	ref: n,
 	...t,
 	children: [
-		/* @__PURE__ */ P("rect", {
+		/* @__PURE__ */ F("rect", {
 			x: 3.5,
 			y: 6.5,
 			width: 17,
@@ -158,13 +157,13 @@ var Z = D(({ animate: e, ...t }, n) => /* @__PURE__ */ F("svg", {
 			stroke: "currentColor",
 			vectorEffect: "non-scaling-stroke"
 		}),
-		/* @__PURE__ */ P("path", {
+		/* @__PURE__ */ F("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			d: "M7 10.75h8",
 			vectorEffect: "non-scaling-stroke"
 		}),
-		/* @__PURE__ */ P("path", {
+		/* @__PURE__ */ F("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			d: "M7 13.75h4.5",
@@ -172,14 +171,14 @@ var Z = D(({ animate: e, ...t }, n) => /* @__PURE__ */ F("svg", {
 		})
 	]
 }));
-Z.displayName = "CaptionsLineIcon";
-var oe = D(({ animate: e, ...t }, n) => /* @__PURE__ */ P("svg", {
+Q.displayName = "CaptionsLineIcon";
+var ae = O(({ animate: e, ...t }, n) => /* @__PURE__ */ F("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
 	ref: n,
 	...t,
-	children: /* @__PURE__ */ P("path", {
+	children: /* @__PURE__ */ F("path", {
 		fill: "currentColor",
 		fillRule: "evenodd",
 		clipRule: "evenodd",
@@ -187,30 +186,30 @@ var oe = D(({ animate: e, ...t }, n) => /* @__PURE__ */ P("svg", {
 		vectorEffect: "non-scaling-stroke"
 	})
 }));
-oe.displayName = "CaptionsFilledIcon";
+ae.displayName = "CaptionsFilledIcon";
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/PlaybackRateMenu.tsx
-function se({ value: t, onChange: n, containerRef: r }) {
-	let { t: i } = _(), [a, o] = N(!1);
-	return /* @__PURE__ */ F(y, {
-		open: a,
-		onOpenChange: o,
-		children: [/* @__PURE__ */ P(u, {
+function oe({ value: e, onChange: t, containerRef: n }) {
+	let { t: r } = h(), [i, a] = P(!1);
+	return /* @__PURE__ */ I(_, {
+		open: i,
+		onOpenChange: a,
+		children: [/* @__PURE__ */ F(c, {
 			asChild: !0,
-			children: /* @__PURE__ */ P(p, {
+			children: /* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
-				label: q(t),
-				"aria-label": i("videoPlayer.playbackSpeed", { rate: q(t) })
+				label: J(e),
+				"aria-label": r("videoPlayer.playbackSpeed", { rate: J(e) })
 			})
-		}), /* @__PURE__ */ P(m, {
-			container: r.current,
+		}), /* @__PURE__ */ F(f, {
+			container: n.current,
 			side: "top",
 			align: "end",
 			sideOffset: 8,
-			className: e("flex w-auto min-w-[7rem] flex-col gap-0.5 rounded-md border", "border-solid border-f1-border-secondary bg-f1-background p-1 shadow-md"),
+			className: y("flex w-auto min-w-[7rem] flex-col gap-0.5 rounded-md border", "border-solid border-f1-border-secondary bg-f1-background p-1 shadow-md"),
 			role: "menu",
-			"aria-label": i("videoPlayer.playbackSpeedLabel"),
+			"aria-label": r("videoPlayer.playbackSpeedLabel"),
 			onKeyDown: (e) => {
 				let t = Array.from(e.currentTarget.querySelectorAll("[role=\"menuitemradio\"]"));
 				if (t.length === 0) return;
@@ -232,183 +231,183 @@ function se({ value: t, onChange: n, containerRef: r }) {
 				}
 				e.preventDefault(), t[r]?.focus();
 			},
-			children: V.map((r) => {
-				let i = r === t;
-				return /* @__PURE__ */ F("button", {
+			children: H.map((n) => {
+				let r = n === e;
+				return /* @__PURE__ */ I("button", {
 					type: "button",
 					role: "menuitemradio",
-					"aria-checked": i,
-					className: e("relative flex items-center rounded-xs py-1.5 pl-8 pr-3", "cursor-pointer border-none bg-transparent text-left text-sm font-medium tabular-nums", "text-f1-foreground transition-colors hover:bg-f1-background-secondary", "focus-visible:bg-f1-background-secondary focus-visible:outline-none", "[&_svg]:h-3.5 [&_svg]:w-3.5"),
+					"aria-checked": r,
+					className: y("relative flex items-center rounded-xs py-1.5 pl-8 pr-3", "cursor-pointer border-none bg-transparent text-left text-sm font-medium tabular-nums", "text-f1-foreground transition-colors hover:bg-f1-background-secondary", "focus-visible:bg-f1-background-secondary focus-visible:outline-none", "[&_svg]:h-3.5 [&_svg]:w-3.5"),
 					onClick: () => {
-						n(r), o(!1);
+						t(n), a(!1);
 					},
-					children: [i ? /* @__PURE__ */ P("span", {
+					children: [r ? /* @__PURE__ */ F("span", {
 						className: "absolute left-2.5 inline-flex items-center",
-						children: /* @__PURE__ */ P(T, {})
-					}) : null, q(r)]
-				}, r);
+						children: /* @__PURE__ */ F(D, {})
+					}) : null, J(n)]
+				}, n);
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/Seekbar.tsx
-function ce({ currentTime: n, duration: r, markerTime: i, blockSeekPastMarker: a = !1, onSeek: o }) {
-	let { t: s } = _(), c = M(null), [l, u] = N(!1), [d, f] = N(null), p = r > 0 ? Math.min(1, n / r) : 0, m = i !== void 0 && r > 0 ? Math.min(1, i / r) : 0, h = i !== void 0 && r > 0 && i > 0 && i < r - .25 && n < i - .25, g = (e) => {
-		let t = c.current;
+function se({ currentTime: e, duration: t, markerTime: n, blockSeekPastMarker: r = !1, onSeek: i }) {
+	let { t: a } = h(), o = N(null), [s, c] = P(!1), [l, u] = P(null), d = t > 0 ? Math.min(1, e / t) : 0, f = n !== void 0 && t > 0 ? Math.min(1, n / t) : 0, p = n !== void 0 && t > 0 && n > 0 && n < t - .25 && e < n - .25, m = (e) => {
+		let t = o.current;
 		if (!t) return 0;
 		let n = t.getBoundingClientRect();
 		return Math.max(0, Math.min(1, (e - n.left) / n.width));
+	}, g = (e) => {
+		t && i(m(e) * t);
+	}, _ = (e) => {
+		t && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), c(!0), g(e.clientX));
 	}, v = (e) => {
-		r && o(g(e) * r);
-	}, y = (e) => {
-		r && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), u(!0), v(e.clientX));
-	}, b = (e) => {
-		r && (f(g(e.clientX)), l && v(e.clientX));
+		t && (u(m(e.clientX)), s && g(e.clientX));
 	}, x = (e) => {
-		l && (u(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
-	}, ee = d !== null && a && i !== void 0 && d > m;
-	return /* @__PURE__ */ F("div", {
-		ref: c,
-		className: e("relative flex h-4 flex-1 items-center rounded-sm", "cursor-pointer touch-none", t()),
+		s && (c(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
+	}, S = l !== null && r && n !== void 0 && l > f;
+	return /* @__PURE__ */ I("div", {
+		ref: o,
+		className: y("relative flex h-4 flex-1 items-center rounded-sm", "cursor-pointer touch-none", b()),
 		role: "slider",
 		tabIndex: 0,
-		"aria-label": s("videoPlayer.seekLabel"),
+		"aria-label": a("videoPlayer.seekLabel"),
 		"aria-valuemin": 0,
-		"aria-valuemax": r || 0,
-		"aria-valuenow": n,
-		"aria-valuetext": s("videoPlayer.timeProgress", {
-			current: K(n),
-			total: K(r)
+		"aria-valuemax": t || 0,
+		"aria-valuenow": e,
+		"aria-valuetext": a("videoPlayer.timeProgress", {
+			current: q(e),
+			total: q(t)
 		}),
-		onPointerDown: y,
-		onPointerMove: b,
+		onPointerDown: _,
+		onPointerMove: v,
 		onPointerUp: x,
 		onPointerCancel: x,
-		onLostPointerCapture: () => u(!1),
-		onPointerLeave: () => f(null),
-		onKeyDown: (e) => {
-			if (!r) return;
-			let t = null;
-			switch (e.key) {
+		onLostPointerCapture: () => c(!1),
+		onPointerLeave: () => u(null),
+		onKeyDown: (n) => {
+			if (!t) return;
+			let r = null;
+			switch (n.key) {
 				case "ArrowLeft":
-					t = Math.max(0, n - 5);
+					r = Math.max(0, e - 5);
 					break;
 				case "ArrowRight":
-					t = Math.min(r, n + 5);
+					r = Math.min(t, e + 5);
 					break;
 				case "Home":
-					t = 0;
+					r = 0;
 					break;
 				case "End":
-					t = r;
+					r = t;
 					break;
 				default: return;
 			}
-			e.preventDefault(), e.stopPropagation(), o(t);
+			n.preventDefault(), n.stopPropagation(), i(r);
 		},
 		children: [
-			/* @__PURE__ */ P("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
+			/* @__PURE__ */ F("div", {
 				className: "pointer-events-none absolute left-0 h-1 rounded-sm bg-f1-foreground",
-				style: { width: `${p * 100}%` }
+				style: { width: `${d * 100}%` }
 			}),
-			h ? /* @__PURE__ */ P("div", {
+			p ? /* @__PURE__ */ F("div", {
 				className: "pointer-events-none absolute z-[1] h-2.5 w-0.5 -translate-x-px bg-f1-foreground/95",
-				style: { left: `${m * 100}%` },
+				style: { left: `${f * 100}%` },
 				"aria-hidden": "true"
 			}) : null,
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("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: `${p * 100}%` }
+				style: { left: `${d * 100}%` }
 			}),
-			ee ? /* @__PURE__ */ P("div", { className: "absolute inset-0 cursor-not-allowed" }) : null
+			S ? /* @__PURE__ */ F("div", { className: "absolute inset-0 cursor-not-allowed" }) : null
 		]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/SettingsMenu.tsx
-var Q = "off", le = "py-2 pr-4 text-base font-medium", ue = "gap-2 py-2 pl-3 pr-2 text-base font-medium", de = "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: c, onLanguageChange: u, on: f, onOff: p, offLabel: m }) {
-	let h = p !== void 0, g = r.find((e) => e.locale === c), _ = h && !f ? m : g ? z(g) : m;
-	return /* @__PURE__ */ F(b, { children: [/* @__PURE__ */ F(l, {
-		className: ue,
+var $ = "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 de({ icon: e, label: t, container: o, options: c, value: u, onLanguageChange: d, on: f, onOff: p, offLabel: m }) {
+	let h = p !== void 0, g = c.find((e) => e.locale === u), _ = h && !f ? m : g ? B(g) : m;
+	return /* @__PURE__ */ I(v, { children: [/* @__PURE__ */ I(s, {
+		className: le,
 		children: [
-			/* @__PURE__ */ P(d, { icon: e }),
-			/* @__PURE__ */ P("span", {
+			/* @__PURE__ */ F(l, { icon: e }),
+			/* @__PURE__ */ F("span", {
 				className: "flex-1",
 				children: t
 			}),
-			/* @__PURE__ */ P("span", {
+			/* @__PURE__ */ F("span", {
 				className: "text-f1-foreground-secondary",
 				children: _
 			})
 		]
-	}), /* @__PURE__ */ P(a, {
-		container: n ?? void 0,
-		children: /* @__PURE__ */ P(i, {
-			className: de,
-			children: /* @__PURE__ */ F(o, {
-				value: h ? f ? c : Q : c,
-				onValueChange: (e) => h && e === Q ? p() : u(e),
-				children: [r.map((e) => /* @__PURE__ */ P(s, {
+	}), /* @__PURE__ */ F(r, {
+		container: o ?? void 0,
+		children: /* @__PURE__ */ F(n, {
+			className: ue,
+			children: /* @__PURE__ */ I(i, {
+				value: h ? f ? u : $ : u,
+				onValueChange: (e) => h && e === $ ? p() : d(e),
+				children: [c.map((e) => /* @__PURE__ */ F(a, {
 					value: e.locale,
-					className: le,
-					children: z(e)
-				}, e.locale)), h ? /* @__PURE__ */ P(s, {
-					value: Q,
-					className: le,
+					className: ce,
+					children: B(e)
+				}, e.locale)), h ? /* @__PURE__ */ F(a, {
+					value: $,
+					className: ce,
 					children: m
 				}) : null]
 			})
 		})
 	})] });
 }
-function fe({ containerRef: e, audioLanguages: t, audioLanguage: n, onAudioLanguageChange: i, captionLanguages: a, captionLanguage: o, captionsOn: s, onCaptionLanguageChange: l, onCaptionsOff: u, audioDescriptionLanguages: d, audioDescriptionLanguage: f, audioDescriptionOn: m, onAudioDescriptionLanguageChange: h, onAudioDescriptionOff: v }) {
-	let { t: y } = _(), b = e.current, x = y("videoPlayer.off");
-	return /* @__PURE__ */ F(r, { children: [/* @__PURE__ */ P(c, {
+function fe({ containerRef: e, audioLanguages: n, audioLanguage: r, onAudioLanguageChange: i, captionLanguages: a, captionLanguage: s, captionsOn: c, onCaptionLanguageChange: l, onCaptionsOff: u, audioDescriptionLanguages: f, audioDescriptionLanguage: p, audioDescriptionOn: g, onAudioDescriptionLanguageChange: _, onAudioDescriptionOff: v }) {
+	let { t: y } = h(), b = e.current, x = y("videoPlayer.off");
+	return /* @__PURE__ */ I(t, { children: [/* @__PURE__ */ F(o, {
 		asChild: !0,
-		children: /* @__PURE__ */ P(p, {
+		children: /* @__PURE__ */ F(d, {
 			variant: "ghost",
 			size: "sm",
 			hideLabel: !0,
-			icon: C,
+			icon: w,
 			label: y("videoPlayer.settings")
 		})
-	}), /* @__PURE__ */ F(g, {
+	}), /* @__PURE__ */ I(m, {
 		container: b,
 		side: "top",
 		align: "end",
-		className: de,
+		className: ue,
 		children: [
-			t.length > 1 ? /* @__PURE__ */ P($, {
-				icon: S,
+			n.length > 1 ? /* @__PURE__ */ F(de, {
+				icon: E,
 				label: y("videoPlayer.audio"),
 				container: b,
-				options: t,
-				value: n,
+				options: n,
+				value: r,
 				onLanguageChange: i,
 				offLabel: x
 			}) : null,
-			a.length > 1 ? /* @__PURE__ */ P($, {
-				icon: Z,
+			a.length > 1 ? /* @__PURE__ */ F(de, {
+				icon: Q,
 				label: y("videoPlayer.subtitles"),
 				container: b,
 				options: a,
-				value: o,
-				on: s,
+				value: s,
+				on: c,
 				onLanguageChange: l,
 				onOff: u,
 				offLabel: x
 			}) : null,
-			d.length > 1 ? /* @__PURE__ */ P($, {
-				icon: X,
+			f.length > 1 ? /* @__PURE__ */ F(de, {
+				icon: Z,
 				label: y("videoPlayer.audioDescription"),
 				container: b,
-				options: d,
-				value: f,
-				on: m,
-				onLanguageChange: h,
+				options: f,
+				value: p,
+				on: g,
+				onLanguageChange: _,
 				onOff: v,
 				offLabel: x
 			}) : null
@@ -421,189 +420,189 @@ function pe(e) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/VolumeControl.tsx
 function me(e, t) {
-	return t || e === 0 ? E : e <= .5 ? re : ie;
+	return t || e === 0 ? C : e <= .5 ? re : S;
 }
 function he({ volume: e, isMuted: t, onToggleMute: n, onVolumeChange: r, silent: i = !1 }) {
-	let { t: a } = _(), o = t || e === 0;
-	return i ? /* @__PURE__ */ P(p, {
+	let { t: a } = h(), o = t || e === 0;
+	return i ? /* @__PURE__ */ F(d, {
 		variant: "ghost",
 		size: "sm",
 		hideLabel: !0,
 		disabled: !0,
-		icon: E,
+		icon: C,
 		label: a("videoPlayer.noAudio")
-	}) : /* @__PURE__ */ F("div", {
+	}) : /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ P(p, {
+		children: [/* @__PURE__ */ F(d, {
 			variant: "ghost",
 			size: "sm",
 			hideLabel: !0,
 			icon: me(e, o),
 			label: a(o ? "videoPlayer.unmute" : "videoPlayer.mute"),
 			onClick: n
-		}), /* @__PURE__ */ P(ge, {
+		}), /* @__PURE__ */ F(ge, {
 			value: o ? 0 : e,
 			onChange: r
 		})]
 	});
 }
-function ge({ value: n, onChange: r }) {
-	let { t: i } = _(), a = M(null), [o, s] = N(!1), c = Math.max(0, Math.min(1, n)), l = (e) => {
-		let t = a.current;
+function ge({ value: e, onChange: t }) {
+	let { t: n } = h(), r = N(null), [i, a] = P(!1), o = Math.max(0, Math.min(1, e)), s = (e) => {
+		let t = r.current;
 		if (!t) return 0;
-		let n = t.getBoundingClientRect(), r = n.width - 12;
-		return r <= 0 ? 0 : Math.max(0, Math.min(1, (e - n.left - 6) / r));
+		let n = t.getBoundingClientRect(), i = n.width - 12;
+		return i <= 0 ? 0 : Math.max(0, Math.min(1, (e - n.left - 6) / i));
+	}, c = (e) => {
+		e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), a(!0), t(s(e.clientX));
+	}, l = (e) => {
+		i && t(s(e.clientX));
 	}, u = (e) => {
-		e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), s(!0), r(l(e.clientX));
-	}, d = (e) => {
-		o && r(l(e.clientX));
-	}, f = (e) => {
-		o && (s(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
+		i && (a(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
 	};
-	return /* @__PURE__ */ F("div", {
-		ref: a,
-		className: e("relative flex h-4 w-[60px] items-center rounded-sm", "cursor-pointer touch-none", t()),
+	return /* @__PURE__ */ I("div", {
+		ref: r,
+		className: y("relative flex h-4 w-[60px] items-center rounded-sm", "cursor-pointer touch-none", b()),
 		role: "slider",
 		tabIndex: 0,
-		"aria-label": i("videoPlayer.volume"),
+		"aria-label": n("videoPlayer.volume"),
 		"aria-valuemin": 0,
 		"aria-valuemax": 1,
-		"aria-valuenow": Number(c.toFixed(2)),
-		"aria-valuetext": `${Math.round(c * 100)}%`,
-		onPointerDown: u,
-		onPointerMove: d,
-		onPointerUp: f,
-		onPointerCancel: f,
-		onLostPointerCapture: () => s(!1),
+		"aria-valuenow": Number(o.toFixed(2)),
+		"aria-valuetext": `${Math.round(o * 100)}%`,
+		onPointerDown: c,
+		onPointerMove: l,
+		onPointerUp: u,
+		onPointerCancel: u,
+		onLostPointerCapture: () => a(!1),
 		onKeyDown: (e) => {
-			let t = null;
+			let n = null;
 			switch (e.key) {
 				case "ArrowRight":
 				case "ArrowUp":
-					t = Math.min(1, c + H);
+					n = Math.min(1, o + U);
 					break;
 				case "ArrowLeft":
 				case "ArrowDown":
-					t = Math.max(0, c - H);
+					n = Math.max(0, o - U);
 					break;
 				case "Home":
-					t = 0;
+					n = 0;
 					break;
 				case "End":
-					t = 1;
+					n = 1;
 					break;
 				default: return;
 			}
-			e.preventDefault(), e.stopPropagation(), r(t);
+			e.preventDefault(), e.stopPropagation(), t(n);
 		},
 		children: [
-			/* @__PURE__ */ P("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
+			/* @__PURE__ */ F("div", {
 				className: "pointer-events-none absolute left-0 h-1 rounded-sm bg-f1-foreground",
-				style: { width: `calc(12px + (100% - 12px) * ${c})` }
+				style: { width: `calc(12px + (100% - 12px) * ${o})` }
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("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) * ${c})` }
+				style: { left: `calc(6px + (100% - 12px) * ${o})` }
 			})
 		]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/Controls.tsx
-function _e({ isPlaying: t, currentTime: n, duration: r, volume: i, isMuted: a, playbackRate: o, isFullscreen: s, markerTime: c, blockSeekPastMarker: l, containerRef: u, captionsAvailable: d, captionsOn: f, audioDescriptionAvailable: m, audioDescriptionOn: h, silent: g, persist: v, audioLanguages: y, audioLanguage: b, onAudioLanguageChange: S, captionLanguages: C, captionLanguage: T, onCaptionLanguageChange: re, onCaptionsOff: ie, audioDescriptionLanguages: E, audioDescriptionLanguage: D, onAudioDescriptionLanguageChange: O, onAudioDescriptionOff: k, onTogglePlay: A, onToggleMute: j, onVolumeChange: M, onPlaybackRateChange: N, onToggleFullscreen: I, onToggleCaptions: L, onToggleAudioDescription: R, onSeek: z, download: B }) {
-	let { t: V } = _(), H = d && C.length <= 1, U = m && E.length <= 1, W = pe({
-		audioLanguages: y.length,
+function _e({ isPlaying: e, currentTime: t, duration: n, volume: r, isMuted: i, playbackRate: a, isFullscreen: o, markerTime: s, blockSeekPastMarker: c, containerRef: l, captionsAvailable: u, captionsOn: f, audioDescriptionAvailable: p, audioDescriptionOn: m, silent: g, persist: _, audioLanguages: v, audioLanguage: b, onAudioLanguageChange: S, captionLanguages: C, captionLanguage: w, onCaptionLanguageChange: E, onCaptionsOff: re, audioDescriptionLanguages: D, audioDescriptionLanguage: O, onAudioDescriptionLanguageChange: k, onAudioDescriptionOff: A, onTogglePlay: j, onToggleMute: M, onVolumeChange: N, onPlaybackRateChange: P, onToggleFullscreen: L, onToggleCaptions: R, onToggleAudioDescription: z, onSeek: B, download: V }) {
+	let { t: H } = h(), U = u && C.length <= 1, W = p && D.length <= 1, G = pe({
+		audioLanguages: v.length,
 		captionLanguages: C.length,
-		audioDescriptionLanguages: E.length
+		audioDescriptionLanguages: D.length
 	});
-	return /* @__PURE__ */ F("div", {
-		className: e("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", !t || v ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"),
+	return /* @__PURE__ */ I("div", {
+		className: y("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 || _ ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"),
 		children: [
-			/* @__PURE__ */ P(p, {
+			/* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: t ? ne : ee,
-				label: V(t ? "videoPlayer.pause" : "videoPlayer.play"),
-				onClick: A
+				icon: e ? T : ne,
+				label: H(e ? "videoPlayer.pause" : "videoPlayer.play"),
+				onClick: j
 			}),
-			/* @__PURE__ */ P(ce, {
-				currentTime: n,
-				duration: r,
-				markerTime: c,
-				blockSeekPastMarker: l,
-				onSeek: z
+			/* @__PURE__ */ F(se, {
+				currentTime: t,
+				duration: n,
+				markerTime: s,
+				blockSeekPastMarker: c,
+				onSeek: B
 			}),
-			/* @__PURE__ */ F("span", {
+			/* @__PURE__ */ I("span", {
 				className: "min-w-[80px] whitespace-nowrap text-center text-base font-medium tabular-nums text-f1-foreground",
 				children: [
-					K(n),
+					q(t),
 					" / ",
-					K(r)
+					q(n)
 				]
 			}),
-			/* @__PURE__ */ P(he, {
-				volume: i,
-				isMuted: a,
-				onToggleMute: j,
-				onVolumeChange: M,
+			/* @__PURE__ */ F(he, {
+				volume: r,
+				isMuted: i,
+				onToggleMute: M,
+				onVolumeChange: N,
 				silent: g
 			}),
-			/* @__PURE__ */ P(se, {
-				value: o,
-				onChange: N,
-				containerRef: u
+			/* @__PURE__ */ F(oe, {
+				value: a,
+				onChange: P,
+				containerRef: l
 			}),
-			H ? /* @__PURE__ */ P(p, {
+			U ? /* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: f ? oe : Z,
-				label: V("videoPlayer.captions"),
+				icon: f ? ae : Q,
+				label: H("videoPlayer.captions"),
 				"aria-pressed": f,
-				onClick: L
+				onClick: R
 			}) : null,
-			U ? /* @__PURE__ */ P(p, {
+			W ? /* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: h ? ae : X,
-				label: V("videoPlayer.audioDescription"),
-				"aria-pressed": h,
-				onClick: R
+				icon: m ? ie : Z,
+				label: H("videoPlayer.audioDescription"),
+				"aria-pressed": m,
+				onClick: z
 			}) : null,
-			W ? /* @__PURE__ */ P(fe, {
-				containerRef: u,
-				audioLanguages: y,
+			G ? /* @__PURE__ */ F(fe, {
+				containerRef: l,
+				audioLanguages: v,
 				audioLanguage: b,
 				onAudioLanguageChange: S,
 				captionLanguages: C,
-				captionLanguage: T,
+				captionLanguage: w,
 				captionsOn: f,
-				onCaptionLanguageChange: re,
-				onCaptionsOff: ie,
-				audioDescriptionLanguages: E,
-				audioDescriptionLanguage: D,
-				audioDescriptionOn: h,
-				onAudioDescriptionLanguageChange: O,
-				onAudioDescriptionOff: k
+				onCaptionLanguageChange: E,
+				onCaptionsOff: re,
+				audioDescriptionLanguages: D,
+				audioDescriptionLanguage: O,
+				audioDescriptionOn: m,
+				onAudioDescriptionLanguageChange: k,
+				onAudioDescriptionOff: A
 			}) : null,
-			B ? /* @__PURE__ */ P(p, {
+			V ? /* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: te,
-				label: B.label,
-				onClick: B.onClick
+				icon: x,
+				label: V.label,
+				onClick: V.onClick
 			}) : null,
-			/* @__PURE__ */ P(p, {
+			/* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: s ? x : w,
-				label: V(s ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
-				onClick: I
+				icon: o ? ee : te,
+				label: H(o ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
+				onClick: L
 			})
 		]
 	});
@@ -612,8 +611,8 @@ function _e({ isPlaying: t, currentTime: n, duration: r, volume: i, isMuted: a,
 //#region src/blocks/F0VideoPlayer/hooks/useVttSource.ts
 var ve = (e) => e.trimStart().startsWith("WEBVTT");
 function ye(e) {
-	let t = e !== void 0 && ve(e), [n, r] = N();
-	return k(() => {
+	let t = e !== void 0 && ve(e), [n, r] = P();
+	return A(() => {
 		if (e === void 0 || !ve(e)) {
 			r(void 0);
 			return;
@@ -629,8 +628,8 @@ function ye(e) {
 //#region src/blocks/F0VideoPlayer/hooks/useAudioDescription.ts
 var be = "descriptions";
 function xe(e, { enabled: t, describedSrc: n, descriptions: r }) {
-	let i = n !== void 0, { trackSrc: a, needsCrossOrigin: o } = ye(r), [s, c] = N(!1), l = i || r !== void 0 || s, [u, d] = N(), f = M(!1);
-	return k(() => {
+	let i = n !== void 0, { trackSrc: a, needsCrossOrigin: o } = ye(r), [s, c] = P(!1), l = i || r !== void 0 || s, [u, d] = P(), f = N(!1);
+	return A(() => {
 		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(() => {}));
@@ -662,7 +661,7 @@ function xe(e, { enabled: t, describedSrc: n, descriptions: r }) {
 		i,
 		r,
 		a
-	]), j(() => ({
+	]), M(() => ({
 		trackSrc: a,
 		needsCrossOrigin: o,
 		available: l,
@@ -677,7 +676,7 @@ function xe(e, { enabled: t, describedSrc: n, descriptions: r }) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useKeyboardShortcuts.ts
 function Se({ videoRef: e, seek: t, togglePlay: n, toggleMute: r, toggleFullscreen: i, setVolume: a }) {
-	return O((o) => {
+	return k((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;
@@ -695,10 +694,10 @@ function Se({ videoRef: e, seek: t, togglePlay: n, toggleMute: r, toggleFullscre
 				return;
 			}
 			case "ArrowUp":
-				o.preventDefault(), a(Math.min(1, c.volume + H));
+				o.preventDefault(), a(Math.min(1, c.volume + U));
 				return;
 			case "ArrowDown":
-				o.preventDefault(), a(Math.max(0, c.volume - H));
+				o.preventDefault(), a(Math.max(0, c.volume - U));
 				return;
 			case "m":
 				o.preventDefault(), r();
@@ -720,12 +719,12 @@ function Se({ videoRef: e, seek: t, togglePlay: n, toggleMute: r, toggleFullscre
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useRestrictForwardSeek.ts
 function Ce({ video: e, enabled: t, resetKey: n }) {
-	let r = M(0), i = M(0), a = M(t);
+	let r = N(0), i = N(0), a = N(t);
 	a.current = t;
-	let [o, s] = N(0);
-	return k(() => {
+	let [o, s] = P(0);
+	return A(() => {
 		r.current = 0, i.current = 0, s(0);
-	}, [n]), k(() => {
+	}, [n]), A(() => {
 		if (!e) return;
 		let t = () => {
 			a.current && e.currentTime > r.current + .25 && (e.currentTime = r.current);
@@ -747,17 +746,17 @@ function Ce({ video: e, enabled: t, resetKey: n }) {
 		};
 	}, [e]), {
 		maxWatchedTime: o,
-		clampSeek: O((e) => a.current ? Math.min(e, r.current) : e, [])
+		clampSeek: k((e) => a.current ? Math.min(e, r.current) : e, [])
 	};
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoCaptions.ts
 var we = /* @__PURE__ */ new Set(["captions", "subtitles"]), Te = 2, Ee = 3;
 function De(e, t) {
-	let { trackSrc: n, needsCrossOrigin: r } = ye(t), [i, a] = N(!1), [o, s] = N(!1), [c, l] = N(!1), u = o || t !== void 0 && !c;
-	return k(() => {
+	let { trackSrc: n, needsCrossOrigin: r } = ye(t), [i, a] = P(!1), [o, s] = P(!1), [c, l] = P(!1), u = o || t !== void 0 && !c;
+	return A(() => {
 		l(!1), s(!1);
-	}, [n]), k(() => {
+	}, [n]), A(() => {
 		if (!e) return;
 		let t = e.textTracks, n = e.querySelector("track[kind=\"captions\"]"), r = () => {
 			let e = !1;
@@ -792,7 +791,7 @@ function De(e, t) {
 		t,
 		i,
 		n
-	]), j(() => ({
+	]), M(() => ({
 		trackSrc: n,
 		needsCrossOrigin: r,
 		available: u,
@@ -808,15 +807,15 @@ function De(e, t) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoCompletion.ts
 function Oe(e) {
-	return e - Math.min(10, e * G);
+	return e - Math.min(10, e * K);
 }
 function ke({ video: e, onComplete: t, resetKey: n }) {
-	let r = M(t);
+	let r = N(t);
 	r.current = t;
-	let i = M(!1), a = !!t;
-	k(() => {
+	let i = N(!1), a = !!t;
+	A(() => {
 		i.current = !1;
-	}, [n]), k(() => {
+	}, [n]), A(() => {
 		if (!e || !a) return;
 		let t = () => {
 			!i.current && e.duration && e.currentTime >= Oe(e.duration) && (i.current = !0, r.current?.(e));
@@ -829,17 +828,17 @@ function ke({ video: e, onComplete: t, resetKey: n }) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoMilestones.ts
 function Ae({ video: e, onMilestone: t, resetKey: n }) {
-	let r = M(t);
+	let r = N(t);
 	r.current = t;
-	let i = M(/* @__PURE__ */ new Set()), a = !!t;
-	k(() => {
+	let i = N(/* @__PURE__ */ new Set()), a = !!t;
+	A(() => {
 		i.current.clear();
-	}, [n]), k(() => {
+	}, [n]), A(() => {
 		if (!e || !a) return;
 		let t = () => {
 			if (!e.duration) return;
 			let t = Math.round(e.currentTime / e.duration * 100);
-			for (let n of U) i.current.has(n) || t >= n && (i.current.add(n), r.current?.(n, e));
+			for (let n of W) i.current.has(n) || t >= n && (i.current.add(n), r.current?.(n, e));
 		};
 		return e.addEventListener("timeupdate", t), () => {
 			e.removeEventListener("timeupdate", t);
@@ -849,18 +848,18 @@ function Ae({ video: e, onMilestone: t, resetKey: n }) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoState.ts
 function je(e) {
-	let t = M(null), [n, r] = N(null), i = M(0), a = O((e) => {
+	let t = N(null), [n, r] = P(null), i = N(0), a = k((e) => {
 		t.current = e, r(e);
-	}, []), [o, s] = N(!1), [c, l] = N(!1), [u, d] = N(0), [f, p] = N(0), [m, h] = N(1), [g, _] = N(!1), [v, y] = N(1);
-	return k(() => {
+	}, []), [o, s] = P(!1), [c, l] = P(!1), [u, d] = P(0), [f, p] = P(0), [m, h] = P(1), [g, _] = P(!1), [v, y] = P(1);
+	return A(() => {
 		i.current = 0, t.current && (t.current.playbackRate = 1), s(!1), l(!1), d(0), p(0), y(1);
-	}, [e]), k(() => {
+	}, [e]), A(() => {
 		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);
+			Y(e.playbackRate) && y(e.playbackRate);
 		}, u = () => {
 			let t = performance.now();
 			t - i.current >= 250 && (i.current = t, d(e.currentTime));
@@ -880,25 +879,25 @@ function je(e) {
 		isMuted: g,
 		playbackRate: v,
 		setVideoLoaded: s,
-		togglePlay: O(() => {
+		togglePlay: k(() => {
 			let e = t.current;
 			e && (e.paused || e.ended ? e.play().catch(() => {}) : e.pause());
 		}, []),
-		toggleMute: O(() => {
+		toggleMute: k(() => {
 			let e = t.current;
 			e && (e.muted = !e.muted);
 		}, []),
-		setVolume: O((e) => {
+		setVolume: k((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: O((e) => {
+		setPlaybackRate: k((e) => {
 			let n = t.current;
 			n && (n.playbackRate = e);
 		}, []),
-		seekTo: O((e) => {
+		seekTo: k((e) => {
 			let n = t.current;
 			if (!n) return;
 			let r = Math.max(0, Math.min(e, n.duration || e));
@@ -909,17 +908,17 @@ function je(e) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/hooks/useVideoTracking.ts
 function Me({ video: e, onTrackAction: t }) {
-	let n = M(t);
+	let n = N(t);
 	n.current = t;
 	let r = !!t;
-	k(() => {
+	A(() => {
 		if (!e || !r) return;
 		let t = null, i = () => {
 			t &&= (clearInterval(t), null);
 		}, a = () => {
 			n.current?.(), i(), t = setInterval(() => {
 				n.current?.();
-			}, W);
+			}, G);
 		}, o = () => {
 			n.current?.(), i();
 		}, s = () => i();
@@ -930,185 +929,185 @@ function Me({ video: e, onTrackAction: t }) {
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/internal.tsx
-function Ne({ src: r, poster: i, 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: v, ...y }) {
-	let { t: b } = _(), x = M(null), S = j(() => R(r), [r]), [te, C] = N(() => B(S, l)), ne = S.some((e) => e.locale === te) ? te : B(S, l), w = L(r, ne) ?? "", T = j(() => R(c?.captions), [c?.captions]), [re, ie] = N(() => B(T, l)), E = T.some((e) => e.locale === re) ? re : B(T, l), D = L(c?.captions, E), A = j(() => R(c?.descriptions, c?.describedSrc), [c?.descriptions, c?.describedSrc]), [I, z] = N(() => B(A, l)), V = A.some((e) => e.locale === I) ? I : B(A, l), H = L(c?.descriptions, V), U = L(c?.describedSrc, V), [W, G] = N(!1), K = W && U ? U : w, q = je(K), J = De(q.videoElement, D), Y = xe(q.videoElement, {
-		enabled: W,
-		describedSrc: U,
-		descriptions: H
-	}), X = O(() => {
-		let e = q.videoRef.current;
+function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls: a = !1, content: o, defaultLanguage: s, autoPlay: c = !1, autoFocus: l = !1, download: u, restrictForwardSeek: d = !1, onTrackAction: f, onMilestone: m, onComplete: g, ..._ }) {
+	let { t: v } = h(), x = N(null), S = M(() => z(t), [t]), [C, ee] = P(() => V(S, s)), te = S.some((e) => e.locale === C) ? C : V(S, s), w = R(t, te) ?? "", T = M(() => z(o?.captions), [o?.captions]), [E, re] = P(() => V(T, s)), D = T.some((e) => e.locale === E) ? E : V(T, s), O = R(o?.captions, D), j = M(() => z(o?.descriptions, o?.describedSrc), [o?.descriptions, o?.describedSrc]), [L, B] = P(() => V(j, s)), H = j.some((e) => e.locale === L) ? L : V(j, s), U = R(o?.descriptions, H), W = R(o?.describedSrc, H), [G, K] = P(!1), q = G && W ? W : w, J = je(q), Y = De(J.videoElement, O), X = xe(J.videoElement, {
+		enabled: G,
+		describedSrc: W,
+		descriptions: U
+	}), Z = k(() => {
+		let e = J.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);
-	}, [q.videoRef]), ae = O((e) => {
-		X(), C(e);
-	}, [X]), Z = O(() => {
-		U && X(), G((e) => !e);
-	}, [U, X]), oe = O((e) => {
-		ie(e), J.showing || J.toggle();
-	}, [J]), se = O(() => {
-		J.showing && J.toggle();
-	}, [J]), ce = O((e) => {
-		U && X(), z(e), G(!0);
-	}, [U, X]), Q = O(() => {
-		U && X(), G(!1);
-	}, [U, X]);
+	}, [J.videoRef]), ie = k((e) => {
+		Z(), ee(e);
+	}, [Z]), Q = k(() => {
+		W && Z(), K((e) => !e);
+	}, [W, Z]), ae = k((e) => {
+		re(e), Y.showing || Y.toggle();
+	}, [Y]), oe = k(() => {
+		Y.showing && Y.toggle();
+	}, [Y]), se = k((e) => {
+		W && Z(), B(e), K(!0);
+	}, [W, Z]), $ = k(() => {
+		W && Z(), K(!1);
+	}, [W, Z]);
 	Me({
-		video: q.videoElement,
-		onTrackAction: m
+		video: J.videoElement,
+		onTrackAction: f
 	}), Ae({
-		video: q.videoElement,
-		onMilestone: g,
+		video: J.videoElement,
+		onMilestone: m,
 		resetKey: w
 	}), ke({
-		video: q.videoElement,
-		onComplete: v,
+		video: J.videoElement,
+		onComplete: g,
 		resetKey: w
 	});
-	let { maxWatchedTime: le, clampSeek: ue } = Ce({
-		video: q.videoElement,
-		enabled: p,
+	let { maxWatchedTime: ce, clampSeek: le } = Ce({
+		video: J.videoElement,
+		enabled: d,
 		resetKey: w
-	}), de = O((e) => q.seekTo(ue(e)), [q, ue]), { isFullscreen: $, toggleFullscreen: fe } = n({ targetRef: x }), pe = O(() => {}, []), me = !!(W && U);
-	k(() => {
-		let e = q.videoRef.current;
-		o && e && (e.muted = !me);
+	}), ue = k((e) => J.seekTo(le(e)), [J, le]), { isFullscreen: de, toggleFullscreen: fe } = e({ targetRef: x }), pe = k(() => {}, []), me = !!(G && W);
+	A(() => {
+		let e = J.videoRef.current;
+		i && e && (e.muted = !me);
 	}, [
-		o,
+		i,
 		me,
-		q.videoElement,
-		q.videoRef
+		J.videoElement,
+		J.videoRef
 	]);
 	let he = Se({
-		videoRef: q.videoRef,
-		seek: de,
-		togglePlay: q.togglePlay,
-		toggleMute: o ? pe : q.toggleMute,
+		videoRef: J.videoRef,
+		seek: ue,
+		togglePlay: J.togglePlay,
+		toggleMute: i ? pe : J.toggleMute,
 		toggleFullscreen: fe,
-		setVolume: o ? pe : q.setVolume
+		setVolume: i ? pe : J.setVolume
 	});
-	k(() => {
-		d && x.current?.focus({ preventScroll: !0 });
-	}, [d]);
+	A(() => {
+		l && x.current?.focus({ preventScroll: !0 });
+	}, [l]);
 	let ge = (e) => e.preventDefault();
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		ref: x,
-		className: e("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", t()),
+		className: y("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", b()),
 		role: "region",
-		"aria-label": a ?? b("videoPlayer.regionLabel"),
+		"aria-label": r ?? v("videoPlayer.regionLabel"),
 		tabIndex: 0,
 		onKeyDown: he,
-		"data-video-captions": o ? "no-audio" : J.available ? "available" : "missing",
-		...y,
+		"data-video-captions": i ? "no-audio" : Y.available ? "available" : "missing",
+		..._,
 		children: [
-			/* @__PURE__ */ F("video", {
-				ref: q.setVideoNode,
-				autoPlay: u,
+			/* @__PURE__ */ I("video", {
+				ref: J.setVideoNode,
+				autoPlay: c,
 				playsInline: !0,
 				disablePictureInPicture: !0,
 				disableRemotePlayback: !0,
 				draggable: !1,
 				onContextMenu: ge,
-				onClick: q.togglePlay,
-				src: K,
-				poster: i,
-				crossOrigin: J.needsCrossOrigin || Y.needsCrossOrigin ? "anonymous" : void 0,
-				onLoadedData: () => q.setVideoLoaded(!0),
-				className: e("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: q.videoLoaded || i ? 1 : 0 },
-				children: [J.trackSrc ? /* @__PURE__ */ P("track", {
+				onClick: J.togglePlay,
+				src: q,
+				poster: n,
+				crossOrigin: Y.needsCrossOrigin || X.needsCrossOrigin ? "anonymous" : void 0,
+				onLoadedData: () => J.setVideoLoaded(!0),
+				className: y("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__ */ F("track", {
 					kind: "captions",
-					src: J.trackSrc,
-					label: b("videoPlayer.captions"),
+					src: Y.trackSrc,
+					label: v("videoPlayer.captions"),
 					default: !1
-				}) : null, Y.trackSrc ? /* @__PURE__ */ P("track", {
+				}) : null, X.trackSrc ? /* @__PURE__ */ F("track", {
 					kind: "descriptions",
-					src: Y.trackSrc,
-					label: b("videoPlayer.audioDescription"),
+					src: X.trackSrc,
+					label: v("videoPlayer.audioDescription"),
 					default: !1
 				}) : null]
 			}),
-			q.isPlaying ? null : /* @__PURE__ */ P("div", {
+			J.isPlaying ? null : /* @__PURE__ */ F("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__ */ P("button", {
+				children: /* @__PURE__ */ F("button", {
 					type: "button",
 					tabIndex: -1,
-					onClick: q.togglePlay,
+					onClick: J.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__ */ P(h, {
-						icon: ee,
+					children: /* @__PURE__ */ F(p, {
+						icon: ne,
 						size: "lg",
 						color: "#fff"
 					})
 				})
 			}),
-			J.showing && Y.activeCue ? /* @__PURE__ */ P("div", {
+			Y.showing && X.activeCue ? /* @__PURE__ */ F("div", {
 				"aria-hidden": !0,
 				className: "dark pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-center p-3",
-				children: /* @__PURE__ */ F("p", {
+				children: /* @__PURE__ */ I("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__ */ F("span", {
+					children: [/* @__PURE__ */ I("span", {
 						className: "pr-1 font-medium not-italic opacity-70",
 						children: [
 							"[",
-							b("videoPlayer.audioDescription"),
+							v("videoPlayer.audioDescription"),
 							"]"
 						]
-					}), Y.activeCue]
+					}), X.activeCue]
 				})
 			}) : null,
-			/* @__PURE__ */ P("span", {
+			/* @__PURE__ */ F("span", {
 				className: "sr-only",
 				"aria-live": "polite",
-				children: q.isPlaying ? b("videoPlayer.playing") : b("videoPlayer.paused")
+				children: J.isPlaying ? v("videoPlayer.playing") : v("videoPlayer.paused")
 			}),
-			q.videoLoaded ? /* @__PURE__ */ P(_e, {
-				isPlaying: q.isPlaying,
-				currentTime: q.currentTime,
-				duration: q.duration,
-				volume: q.volume,
-				isMuted: q.isMuted,
-				playbackRate: q.playbackRate,
-				isFullscreen: $,
-				markerTime: p ? le : void 0,
-				blockSeekPastMarker: p,
+			J.videoLoaded ? /* @__PURE__ */ F(_e, {
+				isPlaying: J.isPlaying,
+				currentTime: J.currentTime,
+				duration: J.duration,
+				volume: J.volume,
+				isMuted: J.isMuted,
+				playbackRate: J.playbackRate,
+				isFullscreen: de,
+				markerTime: d ? ce : void 0,
+				blockSeekPastMarker: d,
 				containerRef: x,
-				captionsAvailable: J.available,
-				captionsOn: J.showing,
-				audioDescriptionAvailable: Y.available,
-				audioDescriptionOn: W,
-				silent: o,
-				persist: s,
+				captionsAvailable: Y.available,
+				captionsOn: Y.showing,
+				audioDescriptionAvailable: X.available,
+				audioDescriptionOn: G,
+				silent: i,
+				persist: a,
 				audioLanguages: S,
-				audioLanguage: ne,
-				onAudioLanguageChange: ae,
+				audioLanguage: te,
+				onAudioLanguageChange: ie,
 				captionLanguages: T,
-				captionLanguage: E,
-				onCaptionLanguageChange: oe,
-				onCaptionsOff: se,
-				audioDescriptionLanguages: A,
-				audioDescriptionLanguage: V,
-				onAudioDescriptionLanguageChange: ce,
-				onAudioDescriptionOff: Q,
-				onTogglePlay: q.togglePlay,
-				onToggleMute: q.toggleMute,
-				onVolumeChange: q.setVolume,
-				onPlaybackRateChange: q.setPlaybackRate,
+				captionLanguage: D,
+				onCaptionLanguageChange: ae,
+				onCaptionsOff: oe,
+				audioDescriptionLanguages: j,
+				audioDescriptionLanguage: H,
+				onAudioDescriptionLanguageChange: se,
+				onAudioDescriptionOff: $,
+				onTogglePlay: J.togglePlay,
+				onToggleMute: J.toggleMute,
+				onVolumeChange: J.setVolume,
+				onPlaybackRateChange: J.setPlaybackRate,
 				onToggleFullscreen: () => void fe(),
-				onToggleCaptions: J.toggle,
-				onToggleAudioDescription: Z,
-				onSeek: de,
-				download: f
+				onToggleCaptions: Y.toggle,
+				onToggleAudioDescription: Q,
+				onSeek: ue,
+				download: u
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/F0VideoPlayer.tsx
-var Pe = f(v("F0VideoPlayer", Ne));
+var Pe = u(g("F0VideoPlayer", Ne));
 //#endregion
-export { L as a, z as i, R as n, B as r, Pe as t };
+export { R as a, B as i, z as n, V as r, Pe as t };