@factorialco/f0-react 10.6.1 → 10.8.0

package/dist/{F0VideoPlayer-NjaAU0Gm.js → F0VideoPlayer-CTsCZ4u5.js}

@@ -1,8 +1,8 @@
-import { w as e } from "./CoachmarkProvider-DVF40v2q.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-C7vHU_iJ.js";
-import { t as D } from "./Check-DAp9gCRh.js";
+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-B7fqB9lu.js";
+import { I as v, L as y } from "./tooltip-TOvfXq9F.js";
+import { Bo as b, Es as x, Ha as S, Ua as ee, Wa as C, lo as te, po as w, qo as T, uo as ne, us as re } from "./F0CanvasPanel-BcBFycU-.js";
+import { t as E } from "./Check-DAp9gCRh.js";
+import { t as D } from "./useFullscreen-CNwpzjpz.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
@@ -190,24 +190,24 @@ ae.displayName = "CaptionsFilledIcon";
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/PlaybackRateMenu.tsx
 function oe({ value: e, onChange: t, containerRef: n }) {
-	let { t: r } = h(), [i, a] = P(!1);
-	return /* @__PURE__ */ I(_, {
+	let { t: r } = m(), [i, a] = P(!1);
+	return /* @__PURE__ */ I(g, {
 		open: i,
 		onOpenChange: a,
-		children: [/* @__PURE__ */ F(c, {
+		children: [/* @__PURE__ */ F(s, {
 			asChild: !0,
-			children: /* @__PURE__ */ F(d, {
+			children: /* @__PURE__ */ F(u, {
 				variant: "ghost",
 				size: "sm",
 				label: J(e),
 				"aria-label": r("videoPlayer.playbackSpeed", { rate: J(e) })
 			})
-		}), /* @__PURE__ */ F(f, {
+		}), /* @__PURE__ */ F(d, {
 			container: n.current,
 			side: "top",
 			align: "end",
 			sideOffset: 8,
-			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"),
+			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"),
 			role: "menu",
 			"aria-label": r("videoPlayer.playbackSpeedLabel"),
 			onKeyDown: (e) => {
@@ -237,13 +237,13 @@ function oe({ value: e, onChange: t, containerRef: n }) {
 					type: "button",
 					role: "menuitemradio",
 					"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"),
+					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"),
 					onClick: () => {
 						t(n), a(!1);
 					},
 					children: [r ? /* @__PURE__ */ F("span", {
 						className: "absolute left-2.5 inline-flex items-center",
-						children: /* @__PURE__ */ F(D, {})
+						children: /* @__PURE__ */ F(E, {})
 					}) : null, J(n)]
 				}, n);
 			})
@@ -253,23 +253,23 @@ function oe({ value: e, onChange: t, containerRef: n }) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/Seekbar.tsx
 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: a } = m(), 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, h = (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);
+		t && i(h(e) * t);
 	}, _ = (e) => {
 		t && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), c(!0), g(e.clientX));
-	}, v = (e) => {
-		t && (u(m(e.clientX)), s && g(e.clientX));
+	}, b = (e) => {
+		t && (u(h(e.clientX)), s && g(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;
 	return /* @__PURE__ */ I("div", {
 		ref: o,
-		className: y("relative flex h-4 flex-1 items-center rounded-sm", "cursor-pointer touch-none", b()),
+		className: v("relative flex h-4 flex-1 items-center rounded-sm", "cursor-pointer touch-none", y()),
 		role: "slider",
 		tabIndex: 0,
 		"aria-label": a("videoPlayer.seekLabel"),
@@ -281,7 +281,7 @@ function se({ currentTime: e, duration: t, markerTime: n, blockSeekPastMarker: r
 			total: q(t)
 		}),
 		onPointerDown: _,
-		onPointerMove: v,
+		onPointerMove: b,
 		onPointerUp: x,
 		onPointerCancel: x,
 		onLostPointerCapture: () => c(!1),
@@ -328,33 +328,33 @@ function se({ currentTime: e, duration: t, markerTime: n, blockSeekPastMarker: r
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/SettingsMenu.tsx
 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, {
+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 ? B(g) : m;
+	return /* @__PURE__ */ I(_, { children: [/* @__PURE__ */ I(o, {
 		className: le,
 		children: [
-			/* @__PURE__ */ F(l, { icon: e }),
+			/* @__PURE__ */ F(c, { icon: e }),
 			/* @__PURE__ */ F("span", {
 				className: "flex-1",
-				children: t
+				children: a
 			}),
 			/* @__PURE__ */ F("span", {
 				className: "text-f1-foreground-secondary",
-				children: _
+				children: v
 			})
 		]
-	}), /* @__PURE__ */ F(r, {
-		container: o ?? void 0,
-		children: /* @__PURE__ */ F(n, {
+	}), /* @__PURE__ */ F(n, {
+		container: s ?? void 0,
+		children: /* @__PURE__ */ F(t, {
 			className: ue,
-			children: /* @__PURE__ */ I(i, {
+			children: /* @__PURE__ */ I(r, {
 				value: h ? f ? u : $ : u,
 				onValueChange: (e) => h && e === $ ? p() : d(e),
-				children: [c.map((e) => /* @__PURE__ */ F(a, {
+				children: [l.map((e) => /* @__PURE__ */ F(i, {
 					value: e.locale,
 					className: ce,
 					children: B(e)
-				}, e.locale)), h ? /* @__PURE__ */ F(a, {
+				}, e.locale)), h ? /* @__PURE__ */ F(i, {
 					value: $,
 					className: ce,
 					children: m
@@ -363,25 +363,25 @@ function de({ icon: e, label: t, container: o, options: c, value: u, onLanguageC
 		})
 	})] });
 }
-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, {
+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__ */ I(e, { children: [/* @__PURE__ */ F(a, {
 		asChild: !0,
-		children: /* @__PURE__ */ F(d, {
+		children: /* @__PURE__ */ F(u, {
 			variant: "ghost",
 			size: "sm",
 			hideLabel: !0,
 			icon: w,
 			label: y("videoPlayer.settings")
 		})
-	}), /* @__PURE__ */ I(m, {
+	}), /* @__PURE__ */ I(p, {
 		container: b,
 		side: "top",
 		align: "end",
 		className: ue,
 		children: [
 			n.length > 1 ? /* @__PURE__ */ F(de, {
-				icon: E,
+				icon: re,
 				label: y("videoPlayer.audio"),
 				container: b,
 				options: n,
@@ -389,15 +389,15 @@ function fe({ containerRef: e, audioLanguages: n, audioLanguage: r, onAudioLangu
 				onLanguageChange: i,
 				offLabel: x
 			}) : null,
-			a.length > 1 ? /* @__PURE__ */ F(de, {
+			o.length > 1 ? /* @__PURE__ */ F(de, {
 				icon: Q,
 				label: y("videoPlayer.subtitles"),
 				container: b,
-				options: a,
+				options: o,
 				value: s,
 				on: c,
 				onLanguageChange: l,
-				onOff: u,
+				onOff: d,
 				offLabel: x
 			}) : null,
 			f.length > 1 ? /* @__PURE__ */ F(de, {
@@ -405,7 +405,7 @@ function fe({ containerRef: e, audioLanguages: n, audioLanguage: r, onAudioLangu
 				label: y("videoPlayer.audioDescription"),
 				container: b,
 				options: f,
-				value: p,
+				value: h,
 				on: g,
 				onLanguageChange: _,
 				onOff: v,
@@ -420,20 +420,20 @@ function pe(e) {
 //#endregion
 //#region src/blocks/F0VideoPlayer/components/VolumeControl.tsx
 function me(e, t) {
-	return t || e === 0 ? C : e <= .5 ? re : S;
+	return t || e === 0 ? S : e <= .5 ? ee : C;
 }
 function he({ volume: e, isMuted: t, onToggleMute: n, onVolumeChange: r, silent: i = !1 }) {
-	let { t: a } = h(), o = t || e === 0;
-	return i ? /* @__PURE__ */ F(d, {
+	let { t: a } = m(), o = t || e === 0;
+	return i ? /* @__PURE__ */ F(u, {
 		variant: "ghost",
 		size: "sm",
 		hideLabel: !0,
 		disabled: !0,
-		icon: C,
+		icon: S,
 		label: a("videoPlayer.noAudio")
 	}) : /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ F(d, {
+		children: [/* @__PURE__ */ F(u, {
 			variant: "ghost",
 			size: "sm",
 			hideLabel: !0,
@@ -447,7 +447,7 @@ function he({ volume: e, isMuted: t, onToggleMute: n, onVolumeChange: r, silent:
 	});
 }
 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: n } = m(), 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(), i = n.width - 12;
@@ -461,7 +461,7 @@ function ge({ value: e, onChange: t }) {
 	};
 	return /* @__PURE__ */ I("div", {
 		ref: r,
-		className: y("relative flex h-4 w-[60px] items-center rounded-sm", "cursor-pointer touch-none", b()),
+		className: v("relative flex h-4 w-[60px] items-center rounded-sm", "cursor-pointer touch-none", y()),
 		role: "slider",
 		tabIndex: 0,
 		"aria-label": n("videoPlayer.volume"),
@@ -510,20 +510,20 @@ function ge({ value: e, onChange: t }) {
 }
 //#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: 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,
+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: S, onAudioLanguageChange: ee, captionLanguages: C, captionLanguage: w, onCaptionLanguageChange: re, onCaptionsOff: E, 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 } = m(), U = d && C.length <= 1, W = p && D.length <= 1, G = pe({
+		audioLanguages: y.length,
 		captionLanguages: C.length,
 		audioDescriptionLanguages: D.length
 	});
 	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"),
+		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"),
 		children: [
-			/* @__PURE__ */ F(d, {
+			/* @__PURE__ */ F(u, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: e ? T : ne,
+				icon: e ? ne : te,
 				label: H(e ? "videoPlayer.pause" : "videoPlayer.play"),
 				onClick: j
 			}),
@@ -554,7 +554,7 @@ function _e({ isPlaying: e, currentTime: t, duration: n, volume: r, isMuted: i,
 				onChange: P,
 				containerRef: l
 			}),
-			U ? /* @__PURE__ */ F(d, {
+			U ? /* @__PURE__ */ F(u, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
@@ -563,32 +563,32 @@ function _e({ isPlaying: e, currentTime: t, duration: n, volume: r, isMuted: i,
 				"aria-pressed": f,
 				onClick: R
 			}) : null,
-			W ? /* @__PURE__ */ F(d, {
+			W ? /* @__PURE__ */ F(u, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: m ? ie : Z,
+				icon: h ? ie : Z,
 				label: H("videoPlayer.audioDescription"),
-				"aria-pressed": m,
+				"aria-pressed": h,
 				onClick: z
 			}) : null,
 			G ? /* @__PURE__ */ F(fe, {
 				containerRef: l,
-				audioLanguages: v,
-				audioLanguage: b,
-				onAudioLanguageChange: S,
+				audioLanguages: y,
+				audioLanguage: S,
+				onAudioLanguageChange: ee,
 				captionLanguages: C,
 				captionLanguage: w,
 				captionsOn: f,
-				onCaptionLanguageChange: E,
-				onCaptionsOff: re,
+				onCaptionLanguageChange: re,
+				onCaptionsOff: E,
 				audioDescriptionLanguages: D,
 				audioDescriptionLanguage: O,
-				audioDescriptionOn: m,
+				audioDescriptionOn: h,
 				onAudioDescriptionLanguageChange: k,
 				onAudioDescriptionOff: A
 			}) : null,
-			V ? /* @__PURE__ */ F(d, {
+			V ? /* @__PURE__ */ F(u, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
@@ -596,11 +596,11 @@ function _e({ isPlaying: e, currentTime: t, duration: n, volume: r, isMuted: i,
 				label: V.label,
 				onClick: V.onClick
 			}) : null,
-			/* @__PURE__ */ F(d, {
+			/* @__PURE__ */ F(u, {
 				variant: "ghost",
 				size: "sm",
 				hideLabel: !0,
-				icon: o ? ee : te,
+				icon: o ? b : T,
 				label: H(o ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
 				onClick: L
 			})
@@ -929,8 +929,8 @@ function Me({ video: e, onTrackAction: t }) {
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/internal.tsx
-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, {
+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 = N(null), x = M(() => z(e), [e]), [S, ee] = P(() => V(x, o)), C = x.some((e) => e.locale === S) ? S : V(x, o), w = R(e, C) ?? "", T = M(() => z(a?.captions), [a?.captions]), [ne, re] = P(() => V(T, o)), E = T.some((e) => e.locale === ne) ? ne : V(T, o), O = R(a?.captions, E), j = M(() => z(a?.descriptions, a?.describedSrc), [a?.descriptions, a?.describedSrc]), [L, B] = P(() => V(j, o)), H = j.some((e) => e.locale === L) ? L : V(j, o), U = R(a?.descriptions, H), W = R(a?.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
@@ -956,26 +956,26 @@ function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls:
 	}, [W, Z]);
 	Me({
 		video: J.videoElement,
-		onTrackAction: f
+		onTrackAction: d
 	}), Ae({
 		video: J.videoElement,
-		onMilestone: m,
+		onMilestone: p,
 		resetKey: w
 	}), ke({
 		video: J.videoElement,
-		onComplete: g,
+		onComplete: h,
 		resetKey: w
 	});
 	let { maxWatchedTime: ce, clampSeek: le } = Ce({
 		video: J.videoElement,
-		enabled: d,
+		enabled: u,
 		resetKey: w
-	}), ue = k((e) => J.seekTo(le(e)), [J, le]), { isFullscreen: de, toggleFullscreen: fe } = e({ targetRef: x }), pe = k(() => {}, []), me = !!(G && W);
+	}), ue = k((e) => J.seekTo(le(e)), [J, le]), { isFullscreen: de, toggleFullscreen: fe } = D({ targetRef: b }), pe = k(() => {}, []), me = !!(G && W);
 	A(() => {
 		let e = J.videoRef.current;
-		i && e && (e.muted = !me);
+		r && e && (e.muted = !me);
 	}, [
-		i,
+		r,
 		me,
 		J.videoElement,
 		J.videoRef
@@ -984,27 +984,27 @@ function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls:
 		videoRef: J.videoRef,
 		seek: ue,
 		togglePlay: J.togglePlay,
-		toggleMute: i ? pe : J.toggleMute,
+		toggleMute: r ? pe : J.toggleMute,
 		toggleFullscreen: fe,
-		setVolume: i ? pe : J.setVolume
+		setVolume: r ? pe : J.setVolume
 	});
 	A(() => {
-		l && x.current?.focus({ preventScroll: !0 });
-	}, [l]);
+		c && b.current?.focus({ preventScroll: !0 });
+	}, [c]);
 	let ge = (e) => e.preventDefault();
 	return /* @__PURE__ */ I("div", {
-		ref: x,
-		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()),
+		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()),
 		role: "region",
-		"aria-label": r ?? v("videoPlayer.regionLabel"),
+		"aria-label": n ?? _("videoPlayer.regionLabel"),
 		tabIndex: 0,
 		onKeyDown: he,
-		"data-video-captions": i ? "no-audio" : Y.available ? "available" : "missing",
-		..._,
+		"data-video-captions": r ? "no-audio" : Y.available ? "available" : "missing",
+		...g,
 		children: [
 			/* @__PURE__ */ I("video", {
 				ref: J.setVideoNode,
-				autoPlay: c,
+				autoPlay: s,
 				playsInline: !0,
 				disablePictureInPicture: !0,
 				disableRemotePlayback: !0,
@@ -1012,20 +1012,20 @@ function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls:
 				onContextMenu: ge,
 				onClick: J.togglePlay,
 				src: q,
-				poster: n,
+				poster: t,
 				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 },
+				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: J.videoLoaded || t ? 1 : 0 },
 				children: [Y.trackSrc ? /* @__PURE__ */ F("track", {
 					kind: "captions",
 					src: Y.trackSrc,
-					label: v("videoPlayer.captions"),
+					label: _("videoPlayer.captions"),
 					default: !1
 				}) : null, X.trackSrc ? /* @__PURE__ */ F("track", {
 					kind: "descriptions",
 					src: X.trackSrc,
-					label: v("videoPlayer.audioDescription"),
+					label: _("videoPlayer.audioDescription"),
 					default: !1
 				}) : null]
 			}),
@@ -1038,8 +1038,8 @@ function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls:
 					tabIndex: -1,
 					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__ */ F(p, {
-						icon: ne,
+					children: /* @__PURE__ */ F(f, {
+						icon: te,
 						size: "lg",
 						color: "#fff"
 					})
@@ -1054,7 +1054,7 @@ function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls:
 						className: "pr-1 font-medium not-italic opacity-70",
 						children: [
 							"[",
-							v("videoPlayer.audioDescription"),
+							_("videoPlayer.audioDescription"),
 							"]"
 						]
 					}), X.activeCue]
@@ -1063,7 +1063,7 @@ function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls:
 			/* @__PURE__ */ F("span", {
 				className: "sr-only",
 				"aria-live": "polite",
-				children: J.isPlaying ? v("videoPlayer.playing") : v("videoPlayer.paused")
+				children: J.isPlaying ? _("videoPlayer.playing") : _("videoPlayer.paused")
 			}),
 			J.videoLoaded ? /* @__PURE__ */ F(_e, {
 				isPlaying: J.isPlaying,
@@ -1073,20 +1073,20 @@ function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls:
 				isMuted: J.isMuted,
 				playbackRate: J.playbackRate,
 				isFullscreen: de,
-				markerTime: d ? ce : void 0,
-				blockSeekPastMarker: d,
-				containerRef: x,
+				markerTime: u ? ce : void 0,
+				blockSeekPastMarker: u,
+				containerRef: b,
 				captionsAvailable: Y.available,
 				captionsOn: Y.showing,
 				audioDescriptionAvailable: X.available,
 				audioDescriptionOn: G,
-				silent: i,
-				persist: a,
-				audioLanguages: S,
-				audioLanguage: te,
+				silent: r,
+				persist: i,
+				audioLanguages: x,
+				audioLanguage: C,
 				onAudioLanguageChange: ie,
 				captionLanguages: T,
-				captionLanguage: D,
+				captionLanguage: E,
 				onCaptionLanguageChange: ae,
 				onCaptionsOff: oe,
 				audioDescriptionLanguages: j,
@@ -1101,13 +1101,13 @@ function Ne({ src: t, poster: n, ariaLabel: r, silent: i = !1, persistControls:
 				onToggleCaptions: Y.toggle,
 				onToggleAudioDescription: Q,
 				onSeek: ue,
-				download: u
+				download: l
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/blocks/F0VideoPlayer/F0VideoPlayer.tsx
-var Pe = u(g("F0VideoPlayer", Ne));
+var Pe = l(h("F0VideoPlayer", Ne));
 //#endregion
 export { R as a, B as i, z as n, V as r, Pe as t };

package/dist/F0VideoPlayer-DEpDxvjC.js

@@ -0,0 +1 @@
+export { t as F0VideoPlayer } from "./F0VideoPlayer-CTsCZ4u5.js";