@factorialco/f0-react 8.36.1 → 8.37.0

package/dist/{F0VideoPlayer-D1jXuNEn.js → F0VideoPlayer-Cdq6rTqq.js}

@@ -1,9 +1,9 @@
-import { u as W, K as je, L as Xe, z as $, M as Ge, N as Ze, O as Ye, Q as qe, R as Qe, U as Je, V as et, W as tt, X as nt, Y as rt, Z as at, _ as ot, $ as st, a0 as ye, a1 as it, a2 as Pe, m as ct, a3 as lt, a4 as dt, v as ut, G as ft, H as mt } from "./F0CanvasPanel-WVtVnJRZ.js";
+import { u as W, K as je, L as Xe, z as $, M as Ge, N as Ze, O as Ye, Q as qe, R as Qe, U as Je, V as et, W as tt, X as nt, Y as rt, Z as at, _ as ot, $ as st, a0 as ye, a1 as it, a2 as Ce, m as ct, a3 as lt, a4 as dt, v as ut, E as ft, G as mt } from "./F0CanvasPanel-kbwLvapQ.js";
 import { jsxs as R, jsx as c } from "react/jsx-runtime";
 import { forwardRef as re, useId as pt, useState as x, useRef as F, useEffect as _, useMemo as Q, useCallback as M } from "react";
 import { d as H, f as de } from "./tooltip-CrXp1Uaz.js";
-import { F as Ce, a as ht, b as gt } from "./VolumeMuted-UfTwt2zn.js";
-import { b as vt } from "./MapProvider-Q8EU0u5y.js";
+import { F as Pe, a as ht, b as gt } from "./VolumeMuted-UfTwt2zn.js";
+import { b as vt } from "./MapProvider-DrUuwDLP.js";
 function Re(e) {
   return Array.isArray(e) && e.every(
     (t) => typeof t == "object" && t !== null && "locale" in t && "value" in t
@@ -201,7 +201,7 @@ const Me = re(
   )
 );
 Me.displayName = "CaptionsFilledIcon";
-function Pt({
+function Ct({
   value: e,
   onChange: t,
   containerRef: a
@@ -290,7 +290,7 @@ function Pt({
     )
   ] });
 }
-function Ct({
+function Pt({
   currentTime: e,
   duration: t,
   markerTime: a,
@@ -298,10 +298,10 @@ function Ct({
   onSeek: o
 }) {
   const { t: s } = W(), n = F(null), [u, d] = x(!1), [m, g] = x(null), y = t > 0 ? Math.min(1, e / t) : 0, l = a !== void 0 && t > 0 ? Math.min(1, a / t) : 0, f = a !== void 0 && t > 0 && a > 0 && a < t - le && e < a - le, h = (v) => {
-    const C = n.current;
-    if (!C)
+    const P = n.current;
+    if (!P)
       return 0;
-    const A = C.getBoundingClientRect();
+    const A = P.getBoundingClientRect();
     return Math.max(0, Math.min(1, (v - A.left) / A.width));
   }, b = (v) => {
     t && o(h(v) * t);
@@ -314,24 +314,24 @@ function Ct({
   }, w = m !== null && r && a !== void 0 && m > l, O = (v) => {
     if (!t)
       return;
-    let C = null;
+    let P = null;
     switch (v.key) {
       case "ArrowLeft":
-        C = Math.max(0, e - J);
+        P = Math.max(0, e - J);
         break;
       case "ArrowRight":
-        C = Math.min(t, e + J);
+        P = Math.min(t, e + J);
         break;
       case "Home":
-        C = 0;
+        P = 0;
         break;
       case "End":
-        C = t;
+        P = t;
         break;
       default:
         return;
     }
-    v.preventDefault(), v.stopPropagation(), o(C);
+    v.preventDefault(), v.stopPropagation(), o(P);
   };
   return /* @__PURE__ */ R(
     "div",
@@ -513,7 +513,7 @@ function Dt(e) {
   return e.audioLanguages > 1 || e.captionLanguages > 1 || e.audioDescriptionLanguages > 1;
 }
 function Tt(e, t) {
-  return t || e === 0 ? Ce : e <= 0.5 ? ht : gt;
+  return t || e === 0 ? Pe : e <= 0.5 ? ht : gt;
 }
 function Mt({
   volume: e,
@@ -530,7 +530,7 @@ function Mt({
       size: "sm",
       hideLabel: !0,
       disabled: !0,
-      icon: Ce,
+      icon: Pe,
       label: s("videoPlayer.noAudio")
     }
   ) : /* @__PURE__ */ R("div", { className: "flex items-center gap-1", children: [
@@ -655,9 +655,9 @@ function It({
   captionLanguages: w,
   captionLanguage: O,
   onCaptionLanguageChange: v,
-  onCaptionsOff: C,
+  onCaptionsOff: P,
   audioDescriptionLanguages: A,
-  audioDescriptionLanguage: P,
+  audioDescriptionLanguage: C,
   onAudioDescriptionLanguageChange: i,
   onAudioDescriptionOff: D,
   onTogglePlay: S,
@@ -702,13 +702,13 @@ function It({
             variant: "ghost",
             size: "sm",
             hideLabel: !0,
-            icon: e ? it : Pe,
+            icon: e ? it : Ce,
             label: p(e ? "videoPlayer.pause" : "videoPlayer.play"),
             onClick: S
           }
         ),
         /* @__PURE__ */ c(
-          Ct,
+          Pt,
           {
             currentTime: t,
             duration: a,
@@ -733,7 +733,7 @@ function It({
           }
         ),
         /* @__PURE__ */ c(
-          Pt,
+          Ct,
           {
             value: s,
             onChange: K,
@@ -784,9 +784,9 @@ function It({
             captionLanguage: O,
             captionsOn: y,
             onCaptionLanguageChange: v,
-            onCaptionsOff: C,
+            onCaptionsOff: P,
             audioDescriptionLanguages: A,
-            audioDescriptionLanguage: P,
+            audioDescriptionLanguage: C,
             audioDescriptionOn: f,
             onAudioDescriptionLanguageChange: i,
             onAudioDescriptionOff: D
@@ -842,29 +842,29 @@ function Nt(e, { enabled: t, describedSrc: a, descriptions: r }) {
     const f = e.textTracks, h = typeof window < "u" && "speechSynthesis" in window, b = t && !o && h, E = () => {
       l.current && (l.current = !1, e.play().catch(() => {
       }));
-    }, T = (P) => {
+    }, T = (C) => {
       window.speechSynthesis.cancel();
-      const i = new SpeechSynthesisUtterance(P);
+      const i = new SpeechSynthesisUtterance(C);
       i.onend = E, i.onerror = E, window.speechSynthesis.speak(i);
-    }, k = /* @__PURE__ */ new WeakSet(), w = [], O = (P) => {
-      if (P.kind !== xe || (P.mode = "hidden", k.has(P)) || typeof P.addEventListener != "function")
+    }, k = /* @__PURE__ */ new WeakSet(), w = [], O = (C) => {
+      if (C.kind !== xe || (C.mode = "hidden", k.has(C)) || typeof C.addEventListener != "function")
         return;
-      k.add(P);
+      k.add(C);
       const i = () => {
-        const S = P.activeCues?.[0]?.text || void 0;
+        const S = C.activeCues?.[0]?.text || void 0;
         y(S), b && S && (e.paused || (e.pause(), l.current = !0), T(S));
       };
-      P.addEventListener("cuechange", i), w.push(() => P.removeEventListener("cuechange", i));
+      C.addEventListener("cuechange", i), w.push(() => C.removeEventListener("cuechange", i));
     }, v = () => {
-      let P = !1;
+      let C = !1;
       for (const i of Array.from(f))
-        i.kind === xe && (r === void 0 && (P = !0), O(i));
-      d(P);
+        i.kind === xe && (r === void 0 && (C = !0), O(i));
+      d(C);
     };
     v();
-    const C = typeof f.addEventListener == "function", A = () => v();
-    return C && (f.addEventListener("addtrack", A), f.addEventListener("removetrack", A)), () => {
-      C && (f.removeEventListener("addtrack", A), f.removeEventListener("removetrack", A)), w.forEach((P) => P()), h && window.speechSynthesis.cancel(), E();
+    const P = typeof f.addEventListener == "function", A = () => v();
+    return P && (f.addEventListener("addtrack", A), f.addEventListener("removetrack", A)), () => {
+      P && (f.removeEventListener("addtrack", A), f.removeEventListener("removetrack", A)), w.forEach((C) => C()), h && window.speechSynthesis.cancel(), E();
     };
   }, [e, t, o, r, s]), Q(
     () => ({ trackSrc: s, needsCrossOrigin: n, available: m, activeCue: g }),
@@ -1097,7 +1097,7 @@ function Bt(e) {
   }, []), v = M(() => {
     const i = t.current;
     i && (i.muted = !i.muted);
-  }, []), C = M((i) => {
+  }, []), P = M((i) => {
     const D = t.current;
     if (!D)
       return;
@@ -1106,7 +1106,7 @@ function Bt(e) {
   }, []), A = M((i) => {
     const D = t.current;
     D && (D.playbackRate = i);
-  }, []), P = M((i) => {
+  }, []), C = M((i) => {
     const D = t.current;
     if (!D)
       return;
@@ -1127,9 +1127,9 @@ function Bt(e) {
     setVideoLoaded: u,
     togglePlay: O,
     toggleMute: v,
-    setVolume: C,
+    setVolume: P,
     setPlaybackRate: A,
-    seekTo: P
+    seekTo: C
   };
 }
 function Ht({
@@ -1176,14 +1176,14 @@ function Wt({
 }) {
   const { t: b } = W(), E = F(null), T = Q(() => ae(e), [e]), [k, w] = x(
     () => Z(T, n)
-  ), O = T.some((L) => L.locale === k) ? k : Z(T, n), v = ee(e, O) ?? "", C = Q(
+  ), O = T.some((L) => L.locale === k) ? k : Z(T, n), v = ee(e, O) ?? "", P = Q(
     () => ae(s?.captions),
     [s?.captions]
-  ), [A, P] = x(
-    () => Z(C, n)
-  ), i = C.some(
+  ), [A, C] = x(
+    () => Z(P, n)
+  ), i = P.some(
     (L) => L.locale === A
-  ) ? A : Z(C, n), D = ee(s?.captions, i), S = Q(
+  ) ? A : Z(P, n), D = ee(s?.captions, i), S = Q(
     () => ae(s?.descriptions, s?.describedSrc),
     [s?.descriptions, s?.describedSrc]
   ), [B, j] = x(
@@ -1218,7 +1218,7 @@ function Wt({
     N && V(), q((L) => !L);
   }, [N, V]), Fe = M(
     (L) => {
-      P(L), I.showing || I.toggle();
+      C(L), I.showing || I.toggle();
     },
     [I]
   ), Oe = M(() => {
@@ -1341,7 +1341,7 @@ function Wt({
                 tabIndex: -1,
                 onClick: p.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__ */ c(ut, { icon: Pe, size: "lg", color: "#fff" })
+                children: /* @__PURE__ */ c(ut, { icon: Ce, size: "lg", color: "#fff" })
               }
             )
           }
@@ -1384,7 +1384,7 @@ function Wt({
             audioLanguages: T,
             audioLanguage: O,
             onAudioLanguageChange: Ne,
-            captionLanguages: C,
+            captionLanguages: P,
             captionLanguage: i,
             onCaptionLanguageChange: Fe,
             onCaptionsOff: Oe,