@factorialco/f0-react 12.9.1 → 12.11.0

package/dist/{F0VideoPlayer-B1-tEFuq.js → F0VideoPlayer-BmCmHG87.js}

@@ -1,7 +1,11 @@
-import { A as e, B as t, F as n, I as r, L as i, U as a, V as o, a as s, an as c, ar as l, b as u, i as d, in as f, j as p, rn as m, rr as h, t as g, z as _ } from "./popover-BjrPOMeQ.js";
-import { L as v, R as y } from "./tooltip-BX4dSfeL.js";
-import { Ga as b, Ho as x, Os as S, Ua as C, Wa as w, Yo as T, do as ee, fo as E, fs as D, ho as te } from "./F0CanvasPanel-DPEwyR89.js";
-import { t as O } from "./Check-DAp9gCRh.js";
+import { a as e, r as t } from "./i18n-provider-BBhzYHef.js";
+import { n } from "./skeleton-DqejhQgn.js";
+import { L as r, R as i } from "./tooltip-BX4dSfeL.js";
+import { t as a } from "./F0Button-FXkThQ9H.js";
+import { Ja as o, Ns as s, Xa as c, Ya as l, _o as u, _s as d, bo as f, es as p, go as m, qo as h } from "./F0CanvasPanel-BgDo2LWP.js";
+import { n as g, t as _ } from "./F0Icon-Cj0USbCF.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 w, R as ee, a as T, i as E, k as D, t as te, z as O } from "./popover-CQztsDta.js";
 import { t as k } from "./useFullscreen-CNwpzjpz.js";
 import { forwardRef as A, useCallback as j, useEffect as M, useId as N, useMemo as P, useRef as F, useState as I } from "react";
 import { jsx as L, jsxs as R } from "react/jsx-runtime";
@@ -189,27 +193,27 @@ var ie = A(({ animate: e, ...t }, n) => /* @__PURE__ */ L("svg", {
 ie.displayName = "CaptionsFilledIcon";
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/PlaybackRateMenu.tsx
-function ae({ value: e, onChange: t, containerRef: n }) {
-	let { t: r } = m(), [i, a] = I(!1);
-	return /* @__PURE__ */ R(g, {
-		open: i,
-		onOpenChange: a,
-		children: [/* @__PURE__ */ L(s, {
+function ae({ value: e, onChange: n, containerRef: i }) {
+	let { t: o } = t(), [s, c] = I(!1);
+	return /* @__PURE__ */ R(te, {
+		open: s,
+		onOpenChange: c,
+		children: [/* @__PURE__ */ L(T, {
 			asChild: !0,
-			children: /* @__PURE__ */ L(u, {
+			children: /* @__PURE__ */ L(a, {
 				variant: "ghost",
 				size: "sm",
 				label: X(e),
-				"aria-label": r("videoPlayer.playbackSpeed", { rate: X(e) })
+				"aria-label": o("videoPlayer.playbackSpeed", { rate: X(e) })
 			})
-		}), /* @__PURE__ */ L(d, {
-			container: n.current,
+		}), /* @__PURE__ */ L(E, {
+			container: i.current,
 			side: "top",
 			align: "end",
 			sideOffset: 8,
-			className: v("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: r("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": r("videoPlayer.playbackSpeedLabel"),
+			"aria-label": o("videoPlayer.playbackSpeedLabel"),
 			onKeyDown: (e) => {
 				let t = Array.from(e.currentTarget.querySelectorAll("[role=\"menuitemradio\"]"));
 				if (t.length === 0) return;
@@ -231,95 +235,95 @@ function ae({ value: e, onChange: t, containerRef: n }) {
 				}
 				e.preventDefault(), t[r]?.focus();
 			},
-			children: W.map((n) => {
-				let r = n === e;
+			children: W.map((t) => {
+				let i = t === e;
 				return /* @__PURE__ */ R("button", {
 					type: "button",
 					role: "menuitemradio",
-					"aria-checked": r,
-					className: v("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": i,
+					className: r("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: () => {
-						t(n), a(!1);
+						n(t), c(!1);
 					},
-					children: [r ? /* @__PURE__ */ L("span", {
+					children: [i ? /* @__PURE__ */ L("span", {
 						className: "absolute left-2.5 inline-flex items-center",
-						children: /* @__PURE__ */ L(O, {})
-					}) : null, X(n)]
-				}, n);
+						children: /* @__PURE__ */ L(v, {})
+					}) : null, X(t)]
+				}, t);
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/Seekbar.tsx
-function oe({ currentTime: e, duration: t, markerTime: n, blockSeekPastMarker: r = !1, onSeek: i }) {
-	let { t: a } = m(), o = F(null), [s, c] = I(!1), [l, u] = I(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, h = (e) => {
-		let t = o.current;
+function oe({ currentTime: e, duration: n, markerTime: a, blockSeekPastMarker: o = !1, onSeek: s }) {
+	let { t: c } = t(), l = F(null), [u, d] = I(!1), [f, p] = I(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();
 		return Math.max(0, Math.min(1, (e - n.left) / n.width));
-	}, g = (e) => {
-		t && i(h(e) * t);
-	}, _ = (e) => {
-		t && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), c(!0), g(e.clientX));
+	}, v = (e) => {
+		n && s(_(e) * n);
+	}, y = (e) => {
+		n && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), d(!0), v(e.clientX));
 	}, b = (e) => {
-		t && (u(h(e.clientX)), s && g(e.clientX));
+		n && (p(_(e.clientX)), u && v(e.clientX));
 	}, x = (e) => {
-		s && (c(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
-	}, S = l !== null && r && n !== void 0 && l > f;
+		u && (d(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
+	}, S = f !== null && o && a !== void 0 && f > h;
 	return /* @__PURE__ */ R("div", {
-		ref: o,
-		className: v("relative flex h-4 flex-1 items-center rounded-sm", "cursor-pointer touch-none", y()),
+		ref: l,
+		className: r("relative flex h-4 flex-1 items-center rounded-sm", "cursor-pointer touch-none", i()),
 		role: "slider",
 		tabIndex: 0,
-		"aria-label": a("videoPlayer.seekLabel"),
+		"aria-label": c("videoPlayer.seekLabel"),
 		"aria-valuemin": 0,
-		"aria-valuemax": t || 0,
+		"aria-valuemax": n || 0,
 		"aria-valuenow": e,
-		"aria-valuetext": a("videoPlayer.timeProgress", {
+		"aria-valuetext": c("videoPlayer.timeProgress", {
 			current: Y(e),
-			total: Y(t)
+			total: Y(n)
 		}),
-		onPointerDown: _,
+		onPointerDown: y,
 		onPointerMove: b,
 		onPointerUp: x,
 		onPointerCancel: x,
-		onLostPointerCapture: () => c(!1),
-		onPointerLeave: () => u(null),
-		onKeyDown: (n) => {
-			if (!t) return;
+		onLostPointerCapture: () => d(!1),
+		onPointerLeave: () => p(null),
+		onKeyDown: (t) => {
+			if (!n) return;
 			let r = null;
-			switch (n.key) {
+			switch (t.key) {
 				case "ArrowLeft":
 					r = Math.max(0, e - 5);
 					break;
 				case "ArrowRight":
-					r = Math.min(t, e + 5);
+					r = Math.min(n, e + 5);
 					break;
 				case "Home":
 					r = 0;
 					break;
 				case "End":
-					r = t;
+					r = n;
 					break;
 				default: return;
 			}
-			n.preventDefault(), n.stopPropagation(), i(r);
+			t.preventDefault(), t.stopPropagation(), s(r);
 		},
 		children: [
 			/* @__PURE__ */ L("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
 			/* @__PURE__ */ L("div", {
 				className: "pointer-events-none absolute left-0 h-1 rounded-sm bg-f1-foreground",
-				style: { width: `${d * 100}%` }
+				style: { width: `${m * 100}%` }
 			}),
-			p ? /* @__PURE__ */ L("div", {
+			g ? /* @__PURE__ */ L("div", {
 				className: "pointer-events-none absolute z-[1] h-2.5 w-0.5 -translate-x-px bg-f1-foreground/95",
-				style: { left: `${f * 100}%` },
+				style: { left: `${h * 100}%` },
 				"aria-hidden": "true"
 			}) : null,
 			/* @__PURE__ */ L("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: `${d * 100}%` }
+				style: { left: `${m * 100}%` }
 			}),
 			S ? /* @__PURE__ */ L("div", { className: "absolute inset-0 cursor-not-allowed" }) : null
 		]
@@ -328,61 +332,61 @@ function oe({ currentTime: e, duration: t, markerTime: n, blockSeekPastMarker: r
 //#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";
-function de({ icon: e, label: a, container: s, options: l, value: u, onLanguageChange: d, on: f, onOff: p, offLabel: m }) {
-	let h = p !== void 0, g = l.find((e) => e.locale === u), v = h && !f ? m : g ? H(g) : m;
-	return /* @__PURE__ */ R(_, { children: [/* @__PURE__ */ R(o, {
+function de({ 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 ? H(u) : c;
+	return /* @__PURE__ */ R(ee, { children: [/* @__PURE__ */ R(b, {
 		className: le,
 		children: [
-			/* @__PURE__ */ L(c, { icon: e }),
+			/* @__PURE__ */ L(g, { icon: e }),
 			/* @__PURE__ */ L("span", {
 				className: "flex-1",
-				children: a
+				children: t
 			}),
 			/* @__PURE__ */ L("span", {
 				className: "text-f1-foreground-secondary",
-				children: v
+				children: d
 			})
 		]
-	}), /* @__PURE__ */ L(n, {
-		container: s ?? void 0,
-		children: /* @__PURE__ */ L(t, {
+	}), /* @__PURE__ */ L(w, {
+		container: n ?? void 0,
+		children: /* @__PURE__ */ L(O, {
 			className: ue,
-			children: /* @__PURE__ */ R(r, {
-				value: h ? f ? u : se : u,
-				onValueChange: (e) => h && e === se ? p() : d(e),
-				children: [l.map((e) => /* @__PURE__ */ L(i, {
+			children: /* @__PURE__ */ R(x, {
+				value: l ? o ? i : se : i,
+				onValueChange: (e) => l && e === se ? s() : a(e),
+				children: [r.map((e) => /* @__PURE__ */ L(C, {
 					value: e.locale,
 					className: ce,
 					children: H(e)
-				}, e.locale)), h ? /* @__PURE__ */ L(i, {
+				}, e.locale)), l ? /* @__PURE__ */ L(C, {
 					value: se,
 					className: ce,
-					children: m
+					children: c
 				}) : null]
 			})
 		})
 	})] });
 }
-function fe({ containerRef: t, audioLanguages: n, audioLanguage: r, onAudioLanguageChange: i, captionLanguages: o, captionLanguage: s, captionsOn: c, onCaptionLanguageChange: l, onCaptionsOff: d, audioDescriptionLanguages: f, audioDescriptionLanguage: h, audioDescriptionOn: g, onAudioDescriptionLanguageChange: _, onAudioDescriptionOff: v }) {
-	let { t: y } = m(), b = t.current, x = y("videoPlayer.off");
-	return /* @__PURE__ */ R(e, { children: [/* @__PURE__ */ L(a, {
+function fe({ containerRef: e, audioLanguages: n, audioLanguage: r, onAudioLanguageChange: i, captionLanguages: o, captionLanguage: s, captionsOn: c, onCaptionLanguageChange: l, onCaptionsOff: u, audioDescriptionLanguages: p, audioDescriptionLanguage: m, audioDescriptionOn: h, onAudioDescriptionLanguageChange: g, onAudioDescriptionOff: _ }) {
+	let { t: v } = t(), b = e.current, x = v("videoPlayer.off");
+	return /* @__PURE__ */ R(D, { children: [/* @__PURE__ */ L(S, {
 		asChild: !0,
-		children: /* @__PURE__ */ L(u, {
+		children: /* @__PURE__ */ L(a, {
 			variant: "ghost",
 			size: "sm",
 			hideLabel: !0,
-			icon: te,
-			label: y("videoPlayer.settings")
+			icon: f,
+			label: v("videoPlayer.settings")
 		})
-	}), /* @__PURE__ */ R(p, {
+	}), /* @__PURE__ */ R(y, {
 		container: b,
 		side: "top",
 		align: "end",
 		className: ue,
 		children: [
 			n.length > 1 ? /* @__PURE__ */ L(de, {
-				icon: D,
-				label: y("videoPlayer.audio"),
+				icon: d,
+				label: v("videoPlayer.audio"),
 				container: b,
 				options: n,
 				value: r,
@@ -391,24 +395,24 @@ function fe({ containerRef: t, audioLanguages: n, audioLanguage: r, onAudioLangu
 			}) : null,
 			o.length > 1 ? /* @__PURE__ */ L(de, {
 				icon: re,
-				label: y("videoPlayer.subtitles"),
+				label: v("videoPlayer.subtitles"),
 				container: b,
 				options: o,
 				value: s,
 				on: c,
 				onLanguageChange: l,
-				onOff: d,
+				onOff: u,
 				offLabel: x
 			}) : null,
-			f.length > 1 ? /* @__PURE__ */ L(de, {
+			p.length > 1 ? /* @__PURE__ */ L(de, {
 				icon: $,
-				label: y("videoPlayer.audioDescription"),
+				label: v("videoPlayer.audioDescription"),
 				container: b,
-				options: f,
-				value: h,
-				on: g,
-				onLanguageChange: _,
-				onOff: v,
+				options: p,
+				value: m,
+				on: h,
+				onLanguageChange: g,
+				onOff: _,
 				offLabel: x
 			}) : null
 		]
@@ -420,188 +424,188 @@ function pe(e) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/VolumeControl.tsx
 function me(e, t) {
-	return t || e === 0 ? C : e <= .5 ? w : b;
+	return t || e === 0 ? o : e <= .5 ? l : c;
 }
-function he({ volume: e, isMuted: t, onToggleMute: n, onVolumeChange: r, silent: i = !1 }) {
-	let { t: a } = m(), o = t || e === 0;
-	return i ? /* @__PURE__ */ L(u, {
+function he({ volume: e, isMuted: n, onToggleMute: r, onVolumeChange: i, silent: s = !1 }) {
+	let { t: c } = t(), l = n || e === 0;
+	return s ? /* @__PURE__ */ L(a, {
 		variant: "ghost",
 		size: "sm",
 		hideLabel: !0,
 		disabled: !0,
-		icon: C,
-		label: a("videoPlayer.noAudio")
+		icon: o,
+		label: c("videoPlayer.noAudio")
 	}) : /* @__PURE__ */ R("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ L(u, {
+		children: [/* @__PURE__ */ L(a, {
 			variant: "ghost",
 			size: "sm",
 			hideLabel: !0,
-			icon: me(e, o),
-			label: a(o ? "videoPlayer.unmute" : "videoPlayer.mute"),
-			onClick: n
+			icon: me(e, l),
+			label: c(l ? "videoPlayer.unmute" : "videoPlayer.mute"),
+			onClick: r
 		}), /* @__PURE__ */ L(ge, {
-			value: o ? 0 : e,
-			onChange: r
+			value: l ? 0 : e,
+			onChange: i
 		})]
 	});
 }
-function ge({ value: e, onChange: t }) {
-	let { t: n } = m(), r = F(null), [i, a] = I(!1), o = Math.max(0, Math.min(1, e)), s = (e) => {
-		let t = r.current;
+function ge({ value: e, onChange: n }) {
+	let { t: a } = t(), o = F(null), [s, c] = I(!1), l = Math.max(0, Math.min(1, e)), u = (e) => {
+		let t = o.current;
 		if (!t) return 0;
-		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) => {
-		i && (a(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
+		let n = t.getBoundingClientRect(), r = n.width - 12;
+		return r <= 0 ? 0 : Math.max(0, Math.min(1, (e - n.left - 6) / r));
+	}, d = (e) => {
+		e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), c(!0), n(u(e.clientX));
+	}, f = (e) => {
+		s && n(u(e.clientX));
+	}, p = (e) => {
+		s && (c(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
 	};
 	return /* @__PURE__ */ R("div", {
-		ref: r,
-		className: v("relative flex h-4 w-[60px] items-center rounded-sm", "cursor-pointer touch-none", y()),
+		ref: o,
+		className: r("relative flex h-4 w-[60px] items-center rounded-sm", "cursor-pointer touch-none", i()),
 		role: "slider",
 		tabIndex: 0,
-		"aria-label": n("videoPlayer.volume"),
+		"aria-label": a("videoPlayer.volume"),
 		"aria-valuemin": 0,
 		"aria-valuemax": 1,
-		"aria-valuenow": Number(o.toFixed(2)),
-		"aria-valuetext": `${Math.round(o * 100)}%`,
-		onPointerDown: c,
-		onPointerMove: l,
-		onPointerUp: u,
-		onPointerCancel: u,
-		onLostPointerCapture: () => a(!1),
+		"aria-valuenow": Number(l.toFixed(2)),
+		"aria-valuetext": `${Math.round(l * 100)}%`,
+		onPointerDown: d,
+		onPointerMove: f,
+		onPointerUp: p,
+		onPointerCancel: p,
+		onLostPointerCapture: () => c(!1),
 		onKeyDown: (e) => {
-			let n = null;
+			let t = null;
 			switch (e.key) {
 				case "ArrowRight":
 				case "ArrowUp":
-					n = Math.min(1, o + G);
+					t = Math.min(1, l + G);
 					break;
 				case "ArrowLeft":
 				case "ArrowDown":
-					n = Math.max(0, o - G);
+					t = Math.max(0, l - G);
 					break;
 				case "Home":
-					n = 0;
+					t = 0;
 					break;
 				case "End":
-					n = 1;
+					t = 1;
 					break;
 				default: return;
 			}
-			e.preventDefault(), e.stopPropagation(), t(n);
+			e.preventDefault(), e.stopPropagation(), n(t);
 		},
 		children: [
 			/* @__PURE__ */ L("div", { className: "absolute inset-x-0 h-1 rounded-sm bg-f1-foreground/30" }),
 			/* @__PURE__ */ L("div", {
 				className: "pointer-events-none absolute left-0 h-1 rounded-sm bg-f1-foreground",
-				style: { width: `calc(12px + (100% - 12px) * ${o})` }
+				style: { width: `calc(12px + (100% - 12px) * ${l})` }
 			}),
 			/* @__PURE__ */ L("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) * ${o})` }
+				style: { left: `calc(6px + (100% - 12px) * ${l})` }
 			})
 		]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/Controls.tsx
-function _e({ isPlaying: e, currentTime: t, duration: n, volume: r, isMuted: i, playbackRate: a, isFullscreen: o, markerTime: s, blockSeekPastMarker: c, containerRef: l, captionsAvailable: d, captionsOn: f, audioDescriptionAvailable: p, audioDescriptionOn: h, silent: g, persist: _, audioLanguages: y, audioLanguage: b, onAudioLanguageChange: C, captionLanguages: w, captionLanguage: D, onCaptionLanguageChange: te, onCaptionsOff: O, audioDescriptionLanguages: k, audioDescriptionLanguage: A, onAudioDescriptionLanguageChange: j, onAudioDescriptionOff: M, onTogglePlay: N, onToggleMute: P, onVolumeChange: F, onPlaybackRateChange: I, onToggleFullscreen: z, onToggleCaptions: B, onToggleAudioDescription: V, onSeek: H, download: U }) {
-	let { t: W } = m(), G = d && w.length <= 1, K = p && k.length <= 1, q = pe({
-		audioLanguages: y.length,
-		captionLanguages: w.length,
+function _e({ isPlaying: e, currentTime: n, duration: i, volume: o, isMuted: c, playbackRate: l, isFullscreen: d, markerTime: f, blockSeekPastMarker: g, containerRef: _, captionsAvailable: v, captionsOn: y, audioDescriptionAvailable: b, audioDescriptionOn: x, silent: S, persist: C, audioLanguages: w, audioLanguage: ee, onAudioLanguageChange: T, captionLanguages: E, captionLanguage: D, onCaptionLanguageChange: te, onCaptionsOff: O, audioDescriptionLanguages: k, audioDescriptionLanguage: A, onAudioDescriptionLanguageChange: j, onAudioDescriptionOff: M, onTogglePlay: N, onToggleMute: P, onVolumeChange: F, onPlaybackRateChange: I, onToggleFullscreen: z, onToggleCaptions: B, onToggleAudioDescription: V, onSeek: H, download: U }) {
+	let { t: W } = t(), G = v && E.length <= 1, K = b && k.length <= 1, q = pe({
+		audioLanguages: w.length,
+		captionLanguages: E.length,
 		audioDescriptionLanguages: k.length
 	});
 	return /* @__PURE__ */ R("div", {
-		className: v("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"),
+		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__ */ L(u, {
+			/* @__PURE__ */ L(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: e ? E : ee,
+				icon: e ? u : m,
 				label: W(e ? "videoPlayer.pause" : "videoPlayer.play"),
 				onClick: N
 			}),
 			/* @__PURE__ */ L(oe, {
-				currentTime: t,
-				duration: n,
-				markerTime: s,
-				blockSeekPastMarker: c,
+				currentTime: n,
+				duration: i,
+				markerTime: f,
+				blockSeekPastMarker: g,
 				onSeek: H
 			}),
 			/* @__PURE__ */ R("span", {
 				className: "min-w-[80px] whitespace-nowrap text-center text-base font-medium tabular-nums text-f1-foreground",
 				children: [
-					Y(t),
+					Y(n),
 					" / ",
-					Y(n)
+					Y(i)
 				]
 			}),
 			/* @__PURE__ */ L(he, {
-				volume: r,
-				isMuted: i,
+				volume: o,
+				isMuted: c,
 				onToggleMute: P,
 				onVolumeChange: F,
-				silent: g
+				silent: S
 			}),
 			/* @__PURE__ */ L(ae, {
-				value: a,
+				value: l,
 				onChange: I,
-				containerRef: l
+				containerRef: _
 			}),
-			G ? /* @__PURE__ */ L(u, {
+			G ? /* @__PURE__ */ L(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: f ? ie : re,
+				icon: y ? ie : re,
 				label: W("videoPlayer.captions"),
-				"aria-pressed": f,
+				"aria-pressed": y,
 				onClick: B
 			}) : null,
-			K ? /* @__PURE__ */ L(u, {
+			K ? /* @__PURE__ */ L(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: h ? ne : $,
+				icon: x ? ne : $,
 				label: W("videoPlayer.audioDescription"),
-				"aria-pressed": h,
+				"aria-pressed": x,
 				onClick: V
 			}) : null,
 			q ? /* @__PURE__ */ L(fe, {
-				containerRef: l,
-				audioLanguages: y,
-				audioLanguage: b,
-				onAudioLanguageChange: C,
-				captionLanguages: w,
+				containerRef: _,
+				audioLanguages: w,
+				audioLanguage: ee,
+				onAudioLanguageChange: T,
+				captionLanguages: E,
 				captionLanguage: D,
-				captionsOn: f,
+				captionsOn: y,
 				onCaptionLanguageChange: te,
 				onCaptionsOff: O,
 				audioDescriptionLanguages: k,
 				audioDescriptionLanguage: A,
-				audioDescriptionOn: h,
+				audioDescriptionOn: x,
 				onAudioDescriptionLanguageChange: j,
 				onAudioDescriptionOff: M
 			}) : null,
-			U ? /* @__PURE__ */ L(u, {
+			U ? /* @__PURE__ */ L(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: S,
+				icon: s,
 				label: U.label,
 				onClick: U.onClick
 			}) : null,
-			/* @__PURE__ */ L(u, {
+			/* @__PURE__ */ L(a, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: o ? x : T,
-				label: W(o ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
+				icon: d ? h : p,
+				label: W(d ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
 				onClick: z
 			})
 		]
@@ -929,8 +933,8 @@ function Me({ video: e, onTrackAction: t }) {
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/internal.tsx
-function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls: i = !1, content: a, defaultLanguage: o, autoPlay: s = !1, autoFocus: c = !1, download: l, restrictForwardSeek: u = !1, onTrackAction: d, onMilestone: p, onComplete: h, ...g }) {
-	let { t: _ } = m(), b = F(null), x = P(() => V(e), [e]), [S, C] = I(() => U(x, o)), w = x.some((e) => e.locale === S) ? S : U(x, o), T = B(e, w) ?? "", E = P(() => V(a?.captions), [a?.captions]), [D, te] = I(() => U(E, o)), O = E.some((e) => e.locale === D) ? D : U(E, o), A = B(a?.captions, O), N = P(() => V(a?.descriptions, a?.describedSrc), [a?.descriptions, a?.describedSrc]), [z, H] = I(() => U(N, o)), W = N.some((e) => e.locale === z) ? z : U(N, o), G = B(a?.descriptions, W), K = B(a?.describedSrc, W), [q, J] = I(!1), Y = q && K ? K : T, X = je(Y), Z = De(X.videoElement, A), Q = xe(X.videoElement, {
+function Ne({ 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: h, onMilestone: g, onComplete: v, ...y }) {
+	let { t: b } = t(), x = F(null), S = P(() => V(e), [e]), [C, w] = I(() => U(S, l)), ee = S.some((e) => e.locale === C) ? C : U(S, l), T = B(e, ee) ?? "", E = P(() => V(c?.captions), [c?.captions]), [D, te] = I(() => U(E, l)), O = E.some((e) => e.locale === D) ? D : U(E, l), A = B(c?.captions, O), N = P(() => V(c?.descriptions, c?.describedSrc), [c?.descriptions, c?.describedSrc]), [z, H] = I(() => U(N, l)), W = N.some((e) => e.locale === z) ? z : U(N, l), G = B(c?.descriptions, W), K = B(c?.describedSrc, W), [q, J] = I(!1), Y = q && K ? K : T, X = je(Y), Z = De(X.videoElement, A), Q = xe(X.videoElement, {
 		enabled: q,
 		describedSrc: K,
 		descriptions: G
@@ -942,7 +946,7 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 		};
 		e.addEventListener("loadedmetadata", r);
 	}, [X.videoRef]), ne = j((e) => {
-		$(), C(e);
+		$(), w(e);
 	}, [$]), re = j(() => {
 		K && $(), J((e) => !e);
 	}, [K, $]), ie = j((e) => {
@@ -956,26 +960,26 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 	}, [K, $]);
 	Me({
 		video: X.videoElement,
-		onTrackAction: d
+		onTrackAction: h
 	}), Ae({
 		video: X.videoElement,
-		onMilestone: p,
+		onMilestone: g,
 		resetKey: T
 	}), ke({
 		video: X.videoElement,
-		onComplete: h,
+		onComplete: v,
 		resetKey: T
 	});
 	let { maxWatchedTime: ce, clampSeek: le } = Ce({
 		video: X.videoElement,
-		enabled: u,
+		enabled: p,
 		resetKey: T
-	}), ue = j((e) => X.seekTo(le(e)), [X, le]), { isFullscreen: de, toggleFullscreen: fe } = k({ targetRef: b }), pe = j(() => {}, []), me = !!(q && K);
+	}), ue = j((e) => X.seekTo(le(e)), [X, le]), { isFullscreen: de, toggleFullscreen: fe } = k({ targetRef: x }), pe = j(() => {}, []), me = !!(q && K);
 	M(() => {
 		let e = X.videoRef.current;
-		r && e && (e.muted = !me);
+		o && e && (e.muted = !me);
 	}, [
-		r,
+		o,
 		me,
 		X.videoElement,
 		X.videoRef
@@ -984,27 +988,27 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 		videoRef: X.videoRef,
 		seek: ue,
 		togglePlay: X.togglePlay,
-		toggleMute: r ? pe : X.toggleMute,
+		toggleMute: o ? pe : X.toggleMute,
 		toggleFullscreen: fe,
-		setVolume: r ? pe : X.setVolume
+		setVolume: o ? pe : X.setVolume
 	});
 	M(() => {
-		c && b.current?.focus({ preventScroll: !0 });
-	}, [c]);
+		d && x.current?.focus({ preventScroll: !0 });
+	}, [d]);
 	let ge = (e) => e.preventDefault();
 	return /* @__PURE__ */ R("div", {
-		ref: b,
-		className: v("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", y()),
+		ref: x,
+		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": n ?? _("videoPlayer.regionLabel"),
+		"aria-label": a ?? b("videoPlayer.regionLabel"),
 		tabIndex: 0,
 		onKeyDown: he,
-		"data-video-captions": r ? "no-audio" : Z.available ? "available" : "missing",
-		...g,
+		"data-video-captions": o ? "no-audio" : Z.available ? "available" : "missing",
+		...y,
 		children: [
 			/* @__PURE__ */ R("video", {
 				ref: X.setVideoNode,
-				autoPlay: s,
+				autoPlay: u,
 				playsInline: !0,
 				disablePictureInPicture: !0,
 				disableRemotePlayback: !0,
@@ -1012,20 +1016,20 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 				onContextMenu: ge,
 				onClick: X.togglePlay,
 				src: Y,
-				poster: t,
+				poster: n,
 				crossOrigin: Z.needsCrossOrigin || Q.needsCrossOrigin ? "anonymous" : void 0,
 				onLoadedData: () => X.setVideoLoaded(!0),
-				className: v("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: X.videoLoaded || t ? 1 : 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: X.videoLoaded || n ? 1 : 0 },
 				children: [Z.trackSrc ? /* @__PURE__ */ L("track", {
 					kind: "captions",
 					src: Z.trackSrc,
-					label: _("videoPlayer.captions"),
+					label: b("videoPlayer.captions"),
 					default: !1
 				}) : null, Q.trackSrc ? /* @__PURE__ */ L("track", {
 					kind: "descriptions",
 					src: Q.trackSrc,
-					label: _("videoPlayer.audioDescription"),
+					label: b("videoPlayer.audioDescription"),
 					default: !1
 				}) : null]
 			}),
@@ -1038,8 +1042,8 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 					tabIndex: -1,
 					onClick: X.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__ */ L(f, {
-						icon: ee,
+					children: /* @__PURE__ */ L(_, {
+						icon: m,
 						size: "lg",
 						color: "#fff"
 					})
@@ -1054,7 +1058,7 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 						className: "pr-1 font-medium not-italic opacity-70",
 						children: [
 							"[",
-							_("videoPlayer.audioDescription"),
+							b("videoPlayer.audioDescription"),
 							"]"
 						]
 					}), Q.activeCue]
@@ -1063,7 +1067,7 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 			/* @__PURE__ */ L("span", {
 				className: "sr-only",
 				"aria-live": "polite",
-				children: X.isPlaying ? _("videoPlayer.playing") : _("videoPlayer.paused")
+				children: X.isPlaying ? b("videoPlayer.playing") : b("videoPlayer.paused")
 			}),
 			X.videoLoaded ? /* @__PURE__ */ L(_e, {
 				isPlaying: X.isPlaying,
@@ -1073,17 +1077,17 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 				isMuted: X.isMuted,
 				playbackRate: X.playbackRate,
 				isFullscreen: de,
-				markerTime: u ? ce : void 0,
-				blockSeekPastMarker: u,
-				containerRef: b,
+				markerTime: p ? ce : void 0,
+				blockSeekPastMarker: p,
+				containerRef: x,
 				captionsAvailable: Z.available,
 				captionsOn: Z.showing,
 				audioDescriptionAvailable: Q.available,
 				audioDescriptionOn: q,
-				silent: r,
-				persist: i,
-				audioLanguages: x,
-				audioLanguage: w,
+				silent: o,
+				persist: s,
+				audioLanguages: S,
+				audioLanguage: ee,
 				onAudioLanguageChange: ne,
 				captionLanguages: E,
 				captionLanguage: O,
@@ -1101,13 +1105,13 @@ function Ne({ src: e, poster: t, ariaLabel: n, silent: r = !1, persistControls:
 				onToggleCaptions: Z.toggle,
 				onToggleAudioDescription: re,
 				onSeek: ue,
-				download: l
+				download: f
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/F0VideoPlayer.tsx
-var Pe = l(h("F0VideoPlayer", Ne));
+var Pe = e(n("F0VideoPlayer", Ne));
 //#endregion
 export { B as a, H as i, V as n, U as r, Pe as t };