@factorialco/f0-react 7.33.0 → 7.34.0

package/dist/{F0VideoPlayer-EqXupZV9.js → F0VideoPlayer-C5TOVGjz.js}

@@ -1,25 +1,26 @@
-import { u as W, H as je, J as Xe, y as $, K as Ge, L as Ze, M as qe, N as Ye, O as Je, Q as Qe, R as et, U as tt, V as nt, W as rt, X as at, Y as ot, Z as st, _ as ye, $ as it, a0 as Ce, l as ct, a1 as lt, a2 as ut, v as dt, B as ft, E as mt } from "./F0CanvasPanel-BCZjxhVB.js";
-import { jsxs as S, jsx as c } from "react/jsx-runtime";
-import { forwardRef as re, useId as pt, useState as E, useRef as F, useEffect as N, useMemo as J, useCallback as T } from "react";
-import { d as H, f as ue } from "./tooltip-CrXp1Uaz.js";
-import { F as Pe, a as ht, b as gt } from "./VolumeMuted-UfTwt2zn.js";
-function Se(e) {
+import { u as W, H as je, J as Xe, y as $, K as Ge, L as Ze, M as Ye, N as qe, O as Je, Q as Qe, R as et, U as tt, V as nt, W as rt, X as at, Y as ot, Z as st, _ as ye, $ as it, a0 as Pe, l as ct, a1 as lt, a2 as dt, v as ut, B as ft, E as mt } from "./F0CanvasPanel-DB32LsaK.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 J, 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-COBzcEBa.js";
+function Re(e) {
   return Array.isArray(e) && e.every(
     (t) => typeof t == "object" && t !== null && "locale" in t && "value" in t
   );
 }
 function ee(e, t) {
-  return e === void 0 ? void 0 : Se(e) ? e.length === 0 ? void 0 : ((t ? e.find((n) => n.locale === t) : void 0) ?? e[0]).value : e;
+  return e === void 0 ? void 0 : Re(e) ? e.length === 0 ? void 0 : ((t ? e.find((r) => r.locale === t) : void 0) ?? e[0]).value : e;
 }
 function ae(...e) {
   const t = /* @__PURE__ */ new Map();
   for (const a of e)
-    if (Se(a))
-      for (const n of a) {
-        const o = t.get(n.locale);
-        o ? !o.label && n.label && (o.label = n.label) : t.set(n.locale, {
-          locale: n.locale,
-          label: n.label
+    if (Re(a))
+      for (const r of a) {
+        const o = t.get(r.locale);
+        o ? !o.label && r.label && (o.label = r.label) : t.set(r.locale, {
+          locale: r.locale,
+          label: r.label
         });
       }
   return Array.from(t.values());
@@ -37,21 +38,21 @@ function Le(e, t) {
 function Z(e, t) {
   if (e.length === 0)
     return;
-  const a = e.map((r) => r.locale), n = (r) => r.split("-")[0], o = (r) => a.find((d) => d === r) ?? a.find((d) => n(d) === n(r));
+  const a = e.map((n) => n.locale), r = (n) => n.split("-")[0], o = (n) => a.find((u) => u === n) ?? a.find((u) => r(u) === r(n));
   if (t) {
-    const r = o(t);
-    if (r)
-      return r;
+    const n = o(t);
+    if (n)
+      return n;
   }
   const s = typeof navigator < "u" ? navigator.language : void 0;
   if (s) {
-    const r = o(s);
-    if (r)
-      return r;
+    const n = o(s);
+    if (n)
+      return n;
   }
   return a[0];
 }
-const Re = [0.5, 0.75, 1, 1.25, 1.5], oe = 1, le = 0.25, Q = 5, te = 0.1, q = 12, vt = 1, bt = 250, yt = [25, 50, 75], Lt = 300 * 1e3, wt = 10, kt = 0.03;
+const Se = [0.5, 0.75, 1, 1.25, 1.5], oe = 1, le = 0.25, Q = 5, te = 0.1, Y = 12, bt = 1, yt = 250, Lt = [25, 50, 75], wt = 300 * 1e3, kt = 10, xt = 0.03;
 function ne(e) {
   if (!Number.isFinite(e) || e < 0)
     return "0:00";
@@ -62,7 +63,7 @@ function se(e) {
   return `${e}x`;
 }
 function Et(e) {
-  return Re.includes(e);
+  return Se.includes(e);
 }
 const De = {
   x: 12,
@@ -72,7 +73,7 @@ const De = {
   fontWeight: 700,
   fontFamily: "inherit",
   letterSpacing: -0.4
-}, de = re(({ animate: e, ...t }, a) => /* @__PURE__ */ S(
+}, ue = re(({ animate: e, ...t }, a) => /* @__PURE__ */ R(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -98,10 +99,10 @@ const De = {
     ]
   }
 ));
-de.displayName = "AudioDescriptionLineIcon";
+ue.displayName = "AudioDescriptionLineIcon";
 const Te = re(({ animate: e, ...t }, a) => {
-  const n = `ad-mask-${pt().replace(/:/g, "")}`;
-  return /* @__PURE__ */ S(
+  const r = `ad-mask-${pt().replace(/:/g, "")}`;
+  return /* @__PURE__ */ R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -111,7 +112,7 @@ const Te = re(({ animate: e, ...t }, a) => {
       ...t,
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ S("mask", { id: n, maskUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ R("mask", { id: r, maskUnits: "userSpaceOnUse", children: [
           /* @__PURE__ */ c("rect", { x: 3, y: 6, width: 18, height: 12, rx: 3, fill: "white" }),
           /* @__PURE__ */ c("text", { ...De, fill: "black", children: "AD" })
         ] }),
@@ -124,7 +125,7 @@ const Te = re(({ animate: e, ...t }, a) => {
             height: 12,
             rx: 3,
             fill: "currentColor",
-            mask: `url(#${n})`
+            mask: `url(#${r})`
           }
         )
       ]
@@ -133,7 +134,7 @@ const Te = re(({ animate: e, ...t }, a) => {
 });
 Te.displayName = "AudioDescriptionFilledIcon";
 const fe = re(
-  ({ animate: e, ...t }, a) => /* @__PURE__ */ S(
+  ({ animate: e, ...t }, a) => /* @__PURE__ */ R(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -200,47 +201,47 @@ const Me = re(
   )
 );
 Me.displayName = "CaptionsFilledIcon";
-function xt({
+function Pt({
   value: e,
   onChange: t,
   containerRef: a
 }) {
-  const { t: n } = W(), [o, s] = E(!1), r = (d) => {
-    const u = Array.from(
-      d.currentTarget.querySelectorAll(
+  const { t: r } = W(), [o, s] = x(!1), n = (u) => {
+    const d = Array.from(
+      u.currentTarget.querySelectorAll(
         '[role="menuitemradio"]'
       )
     );
-    if (u.length === 0)
+    if (d.length === 0)
       return;
-    const m = u.indexOf(document.activeElement);
+    const m = d.indexOf(document.activeElement);
     let g;
-    switch (d.key) {
+    switch (u.key) {
       case "ArrowDown":
-        g = m < 0 ? 0 : (m + 1) % u.length;
+        g = m < 0 ? 0 : (m + 1) % d.length;
         break;
       case "ArrowUp":
-        g = m <= 0 ? u.length - 1 : m - 1;
+        g = m <= 0 ? d.length - 1 : m - 1;
         break;
       case "Home":
         g = 0;
         break;
       case "End":
-        g = u.length - 1;
+        g = d.length - 1;
         break;
       default:
         return;
     }
-    d.preventDefault(), u[g]?.focus();
+    u.preventDefault(), d[g]?.focus();
   };
-  return /* @__PURE__ */ S(je, { open: o, onOpenChange: s, children: [
+  return /* @__PURE__ */ R(je, { open: o, onOpenChange: s, children: [
     /* @__PURE__ */ c(Xe, { asChild: !0, children: /* @__PURE__ */ c(
       $,
       {
         variant: "ghost",
         size: "sm",
         label: se(e),
-        "aria-label": n("videoPlayer.playbackSpeed", {
+        "aria-label": r("videoPlayer.playbackSpeed", {
           rate: se(e)
         })
       }
@@ -257,16 +258,16 @@ function xt({
           "border-solid border-f1-border-secondary bg-f1-background p-1 shadow-md"
         ),
         role: "menu",
-        "aria-label": n("videoPlayer.playbackSpeedLabel"),
-        onKeyDown: r,
-        children: Re.map((d) => {
-          const u = d === e;
-          return /* @__PURE__ */ S(
+        "aria-label": r("videoPlayer.playbackSpeedLabel"),
+        onKeyDown: n,
+        children: Se.map((u) => {
+          const d = u === e;
+          return /* @__PURE__ */ R(
             "button",
             {
               type: "button",
               role: "menuitemradio",
-              "aria-checked": u,
+              "aria-checked": d,
               className: H(
                 "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",
@@ -275,14 +276,14 @@ function xt({
                 "[&_svg]:h-3.5 [&_svg]:w-3.5"
               ),
               onClick: () => {
-                t(d), s(!1);
+                t(u), s(!1);
               },
               children: [
-                u ? /* @__PURE__ */ c("span", { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ c(Ze, {}) }) : null,
-                se(d)
+                d ? /* @__PURE__ */ c("span", { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ c(Ze, {}) }) : null,
+                se(u)
               ]
             },
-            d
+            u
           );
         })
       }
@@ -293,53 +294,53 @@ function Ct({
   currentTime: e,
   duration: t,
   markerTime: a,
-  blockSeekPastMarker: n = !1,
+  blockSeekPastMarker: r = !1,
   onSeek: o
 }) {
-  const { t: s } = W(), r = F(null), [d, u] = E(!1), [m, g] = E(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 P = r.current;
-    if (!P)
+  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)
       return 0;
-    const A = P.getBoundingClientRect();
+    const A = C.getBoundingClientRect();
     return Math.max(0, Math.min(1, (v - A.left) / A.width));
   }, b = (v) => {
     t && o(h(v) * t);
-  }, x = (v) => {
-    t && (v.preventDefault(), v.currentTarget.setPointerCapture(v.pointerId), u(!0), b(v.clientX));
-  }, M = (v) => {
-    t && (g(h(v.clientX)), d && b(v.clientX));
+  }, E = (v) => {
+    t && (v.preventDefault(), v.currentTarget.setPointerCapture(v.pointerId), d(!0), b(v.clientX));
+  }, T = (v) => {
+    t && (g(h(v.clientX)), u && b(v.clientX));
   }, k = (v) => {
-    d && (u(!1), v.currentTarget.hasPointerCapture(v.pointerId) && v.currentTarget.releasePointerCapture(v.pointerId));
-  }, w = m !== null && n && a !== void 0 && m > l, O = (v) => {
+    u && (d(!1), v.currentTarget.hasPointerCapture(v.pointerId) && v.currentTarget.releasePointerCapture(v.pointerId));
+  }, w = m !== null && r && a !== void 0 && m > l, O = (v) => {
     if (!t)
       return;
-    let P = null;
+    let C = null;
     switch (v.key) {
       case "ArrowLeft":
-        P = Math.max(0, e - Q);
+        C = Math.max(0, e - Q);
         break;
       case "ArrowRight":
-        P = Math.min(t, e + Q);
+        C = Math.min(t, e + Q);
         break;
       case "Home":
-        P = 0;
+        C = 0;
         break;
       case "End":
-        P = t;
+        C = t;
         break;
       default:
         return;
     }
-    v.preventDefault(), v.stopPropagation(), o(P);
+    v.preventDefault(), v.stopPropagation(), o(C);
   };
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ R(
     "div",
     {
-      ref: r,
+      ref: n,
       className: H(
         "relative flex h-4 flex-1 items-center rounded-sm",
         "cursor-pointer touch-none",
-        ue()
+        de()
       ),
       role: "slider",
       tabIndex: 0,
@@ -351,11 +352,11 @@ function Ct({
         current: ne(e),
         total: ne(t)
       }),
-      onPointerDown: x,
-      onPointerMove: M,
+      onPointerDown: E,
+      onPointerMove: T,
       onPointerUp: k,
       onPointerCancel: k,
-      onLostPointerCapture: () => u(!1),
+      onLostPointerCapture: () => d(!1),
       onPointerLeave: () => g(null),
       onKeyDown: O,
       children: [
@@ -387,32 +388,32 @@ function Ct({
     }
   );
 }
-const ie = "off", we = "py-2 pr-4 text-base font-medium", Pt = "gap-2 py-2 pl-3 pr-2 text-base font-medium", Ae = "max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[13rem] overflow-y-auto p-1";
+const ie = "off", we = "py-2 pr-4 text-base font-medium", Rt = "gap-2 py-2 pl-3 pr-2 text-base font-medium", Ae = "max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[13rem] overflow-y-auto p-1";
 function ce({
   icon: e,
   label: t,
   container: a,
-  options: n,
+  options: r,
   value: o,
   onLanguageChange: s,
-  on: r,
-  onOff: d,
-  offLabel: u
+  on: n,
+  onOff: u,
+  offLabel: d
 }) {
-  const m = d !== void 0, g = n.find((l) => l.locale === o), y = m && !r ? u : g ? Le(g) : u;
-  return /* @__PURE__ */ S(tt, { children: [
-    /* @__PURE__ */ S(nt, { className: Pt, children: [
+  const m = u !== void 0, g = r.find((l) => l.locale === o), y = m && !n ? d : g ? Le(g) : d;
+  return /* @__PURE__ */ R(tt, { children: [
+    /* @__PURE__ */ R(nt, { className: Rt, children: [
       /* @__PURE__ */ c(rt, { icon: e }),
       /* @__PURE__ */ c("span", { className: "flex-1", children: t }),
       /* @__PURE__ */ c("span", { className: "text-f1-foreground-secondary", children: y })
     ] }),
-    /* @__PURE__ */ c(at, { container: a ?? void 0, children: /* @__PURE__ */ c(ot, { className: Ae, children: /* @__PURE__ */ S(
+    /* @__PURE__ */ c(at, { container: a ?? void 0, children: /* @__PURE__ */ c(ot, { className: Ae, children: /* @__PURE__ */ R(
       st,
       {
-        value: m ? r ? o : ie : o,
-        onValueChange: (l) => m && l === ie ? d() : s(l),
+        value: m ? n ? o : ie : o,
+        onValueChange: (l) => m && l === ie ? u() : s(l),
         children: [
-          n.map((l) => /* @__PURE__ */ c(
+          r.map((l) => /* @__PURE__ */ c(
             ye,
             {
               value: l.locale,
@@ -421,7 +422,7 @@ function ce({
             },
             l.locale
           )),
-          m ? /* @__PURE__ */ c(ye, { value: ie, className: we, children: u }) : null
+          m ? /* @__PURE__ */ c(ye, { value: ie, className: we, children: d }) : null
         ]
       }
     ) }) })
@@ -431,21 +432,21 @@ function St({
   containerRef: e,
   audioLanguages: t,
   audioLanguage: a,
-  onAudioLanguageChange: n,
+  onAudioLanguageChange: r,
   captionLanguages: o,
   captionLanguage: s,
-  captionsOn: r,
-  onCaptionLanguageChange: d,
-  onCaptionsOff: u,
+  captionsOn: n,
+  onCaptionLanguageChange: u,
+  onCaptionsOff: d,
   audioDescriptionLanguages: m,
   audioDescriptionLanguage: g,
   audioDescriptionOn: y,
   onAudioDescriptionLanguageChange: l,
   onAudioDescriptionOff: f
 }) {
-  const { t: h } = W(), b = e.current, x = h("videoPlayer.off");
-  return /* @__PURE__ */ S(qe, { children: [
-    /* @__PURE__ */ c(Ye, { asChild: !0, children: /* @__PURE__ */ c(
+  const { t: h } = W(), b = e.current, E = h("videoPlayer.off");
+  return /* @__PURE__ */ R(Ye, { children: [
+    /* @__PURE__ */ c(qe, { asChild: !0, children: /* @__PURE__ */ c(
       $,
       {
         variant: "ghost",
@@ -455,7 +456,7 @@ function St({
         label: h("videoPlayer.settings")
       }
     ) }),
-    /* @__PURE__ */ S(
+    /* @__PURE__ */ R(
       Qe,
       {
         container: b,
@@ -471,8 +472,8 @@ function St({
               container: b,
               options: t,
               value: a,
-              onLanguageChange: n,
-              offLabel: x
+              onLanguageChange: r,
+              offLabel: E
             }
           ) : null,
           o.length > 1 ? /* @__PURE__ */ c(
@@ -483,16 +484,16 @@ function St({
               container: b,
               options: o,
               value: s,
-              on: r,
-              onLanguageChange: d,
-              onOff: u,
-              offLabel: x
+              on: n,
+              onLanguageChange: u,
+              onOff: d,
+              offLabel: E
             }
           ) : null,
           m.length > 1 ? /* @__PURE__ */ c(
             ce,
             {
-              icon: de,
+              icon: ue,
               label: h("videoPlayer.audioDescription"),
               container: b,
               options: m,
@@ -500,7 +501,7 @@ function St({
               on: y,
               onLanguageChange: l,
               onOff: f,
-              offLabel: x
+              offLabel: E
             }
           ) : null
         ]
@@ -508,20 +509,20 @@ function St({
     )
   ] });
 }
-function Rt(e) {
+function Dt(e) {
   return e.audioLanguages > 1 || e.captionLanguages > 1 || e.audioDescriptionLanguages > 1;
 }
-function Dt(e, t) {
-  return t || e === 0 ? Pe : e <= 0.5 ? ht : gt;
+function Tt(e, t) {
+  return t || e === 0 ? Ce : e <= 0.5 ? ht : gt;
 }
-function Tt({
+function Mt({
   volume: e,
   isMuted: t,
   onToggleMute: a,
-  onVolumeChange: n,
+  onVolumeChange: r,
   silent: o = !1
 }) {
-  const { t: s } = W(), r = t || e === 0;
+  const { t: s } = W(), n = t || e === 0;
   return o ? /* @__PURE__ */ c(
     $,
     {
@@ -529,38 +530,38 @@ function Tt({
       size: "sm",
       hideLabel: !0,
       disabled: !0,
-      icon: Pe,
+      icon: Ce,
       label: s("videoPlayer.noAudio")
     }
-  ) : /* @__PURE__ */ S("div", { className: "flex items-center gap-1", children: [
+  ) : /* @__PURE__ */ R("div", { className: "flex items-center gap-1", children: [
     /* @__PURE__ */ c(
       $,
       {
         variant: "ghost",
         size: "sm",
         hideLabel: !0,
-        icon: Dt(e, r),
-        label: s(r ? "videoPlayer.unmute" : "videoPlayer.mute"),
+        icon: Tt(e, n),
+        label: s(n ? "videoPlayer.unmute" : "videoPlayer.mute"),
         onClick: a
       }
     ),
-    /* @__PURE__ */ c(Mt, { value: r ? 0 : e, onChange: n })
+    /* @__PURE__ */ c(At, { value: n ? 0 : e, onChange: r })
   ] });
 }
-function Mt({ value: e, onChange: t }) {
-  const { t: a } = W(), n = F(null), [o, s] = E(!1), r = Math.max(0, Math.min(1, e)), d = (l) => {
-    const f = n.current;
+function At({ value: e, onChange: t }) {
+  const { t: a } = W(), r = F(null), [o, s] = x(!1), n = Math.max(0, Math.min(1, e)), u = (l) => {
+    const f = r.current;
     if (!f)
       return 0;
-    const h = f.getBoundingClientRect(), b = h.width - q;
+    const h = f.getBoundingClientRect(), b = h.width - Y;
     return b <= 0 ? 0 : Math.max(
       0,
-      Math.min(1, (l - h.left - q / 2) / b)
+      Math.min(1, (l - h.left - Y / 2) / b)
     );
-  }, u = (l) => {
-    l.preventDefault(), l.currentTarget.setPointerCapture(l.pointerId), s(!0), t(d(l.clientX));
+  }, d = (l) => {
+    l.preventDefault(), l.currentTarget.setPointerCapture(l.pointerId), s(!0), t(u(l.clientX));
   }, m = (l) => {
-    o && t(d(l.clientX));
+    o && t(u(l.clientX));
   }, g = (l) => {
     o && (s(!1), l.currentTarget.hasPointerCapture(l.pointerId) && l.currentTarget.releasePointerCapture(l.pointerId));
   }, y = (l) => {
@@ -568,11 +569,11 @@ function Mt({ value: e, onChange: t }) {
     switch (l.key) {
       case "ArrowRight":
       case "ArrowUp":
-        f = Math.min(1, r + te);
+        f = Math.min(1, n + te);
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        f = Math.max(0, r - te);
+        f = Math.max(0, n - te);
         break;
       case "Home":
         f = 0;
@@ -585,23 +586,23 @@ function Mt({ value: e, onChange: t }) {
     }
     l.preventDefault(), l.stopPropagation(), t(f);
   };
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ R(
     "div",
     {
-      ref: n,
+      ref: r,
       className: H(
         "relative flex h-4 w-[60px] items-center rounded-sm",
         "cursor-pointer touch-none",
-        ue()
+        de()
       ),
       role: "slider",
       tabIndex: 0,
       "aria-label": a("videoPlayer.volume"),
       "aria-valuemin": 0,
       "aria-valuemax": 1,
-      "aria-valuenow": Number(r.toFixed(2)),
-      "aria-valuetext": `${Math.round(r * 100)}%`,
-      onPointerDown: u,
+      "aria-valuenow": Number(n.toFixed(2)),
+      "aria-valuetext": `${Math.round(n * 100)}%`,
+      onPointerDown: d,
       onPointerMove: m,
       onPointerUp: g,
       onPointerCancel: g,
@@ -614,7 +615,7 @@ function Mt({ value: e, onChange: t }) {
           {
             className: "pointer-events-none absolute left-0 h-1 rounded-sm bg-f1-foreground",
             style: {
-              width: `calc(${q}px + (100% - ${q}px) * ${r})`
+              width: `calc(${Y}px + (100% - ${Y}px) * ${n})`
             }
           }
         ),
@@ -623,7 +624,7 @@ function Mt({ value: e, onChange: t }) {
           {
             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(${q / 2}px + (100% - ${q}px) * ${r})`
+              left: `calc(${Y / 2}px + (100% - ${Y}px) * ${n})`
             }
           }
         )
@@ -631,16 +632,16 @@ function Mt({ value: e, onChange: t }) {
     }
   );
 }
-function At({
+function It({
   isPlaying: e,
   currentTime: t,
   duration: a,
-  volume: n,
+  volume: r,
   isMuted: o,
   playbackRate: s,
-  isFullscreen: r,
-  markerTime: d,
-  blockSeekPastMarker: u,
+  isFullscreen: n,
+  markerTime: u,
+  blockSeekPastMarker: d,
   containerRef: m,
   captionsAvailable: g,
   captionsOn: y,
@@ -648,33 +649,33 @@ function At({
   audioDescriptionOn: f,
   silent: h,
   persist: b,
-  audioLanguages: x,
-  audioLanguage: M,
+  audioLanguages: E,
+  audioLanguage: T,
   onAudioLanguageChange: k,
   captionLanguages: w,
   captionLanguage: O,
   onCaptionLanguageChange: v,
-  onCaptionsOff: P,
+  onCaptionsOff: C,
   audioDescriptionLanguages: A,
-  audioDescriptionLanguage: C,
+  audioDescriptionLanguage: P,
   onAudioDescriptionLanguageChange: i,
   onAudioDescriptionOff: D,
-  onTogglePlay: R,
+  onTogglePlay: S,
   onToggleMute: B,
   onVolumeChange: j,
   onPlaybackRateChange: K,
   onToggleFullscreen: X,
-  onToggleCaptions: _,
+  onToggleCaptions: N,
   onToggleAudioDescription: U,
-  onSeek: Y,
+  onSeek: q,
   download: G
 }) {
-  const { t: p } = W(), I = g && w.length <= 1, z = l && A.length <= 1, V = Rt({
-    audioLanguages: x.length,
+  const { t: p } = W(), I = g && w.length <= 1, z = l && A.length <= 1, V = Dt({
+    audioLanguages: E.length,
     captionLanguages: w.length,
     audioDescriptionLanguages: A.length
   });
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ R(
     "div",
     {
       className: H(
@@ -701,9 +702,9 @@ function At({
             variant: "ghost",
             size: "sm",
             hideLabel: !0,
-            icon: e ? it : Ce,
+            icon: e ? it : Pe,
             label: p(e ? "videoPlayer.pause" : "videoPlayer.play"),
-            onClick: R
+            onClick: S
           }
         ),
         /* @__PURE__ */ c(
@@ -711,20 +712,20 @@ function At({
           {
             currentTime: t,
             duration: a,
-            markerTime: d,
-            blockSeekPastMarker: u,
-            onSeek: Y
+            markerTime: u,
+            blockSeekPastMarker: d,
+            onSeek: q
           }
         ),
-        /* @__PURE__ */ S("span", { className: "min-w-[80px] whitespace-nowrap text-center text-base font-medium tabular-nums text-f1-foreground", children: [
+        /* @__PURE__ */ R("span", { className: "min-w-[80px] whitespace-nowrap text-center text-base font-medium tabular-nums text-f1-foreground", children: [
           ne(t),
           " / ",
           ne(a)
         ] }),
         /* @__PURE__ */ c(
-          Tt,
+          Mt,
           {
-            volume: n,
+            volume: r,
             isMuted: o,
             onToggleMute: B,
             onVolumeChange: j,
@@ -732,7 +733,7 @@ function At({
           }
         ),
         /* @__PURE__ */ c(
-          xt,
+          Pt,
           {
             value: s,
             onChange: K,
@@ -751,7 +752,7 @@ function At({
               icon: y ? Me : fe,
               label: p("videoPlayer.captions"),
               "aria-pressed": y,
-              onClick: _
+              onClick: N
             }
           )
         ) : null,
@@ -765,7 +766,7 @@ function At({
               variant: "ghost",
               size: "sm",
               hideLabel: !0,
-              icon: f ? Te : de,
+              icon: f ? Te : ue,
               label: p("videoPlayer.audioDescription"),
               "aria-pressed": f,
               onClick: U
@@ -776,16 +777,16 @@ function At({
           St,
           {
             containerRef: m,
-            audioLanguages: x,
-            audioLanguage: M,
+            audioLanguages: E,
+            audioLanguage: T,
             onAudioLanguageChange: k,
             captionLanguages: w,
             captionLanguage: O,
             captionsOn: y,
             onCaptionLanguageChange: v,
-            onCaptionsOff: P,
+            onCaptionsOff: C,
             audioDescriptionLanguages: A,
-            audioDescriptionLanguage: C,
+            audioDescriptionLanguage: P,
             audioDescriptionOn: f,
             onAudioDescriptionLanguageChange: i,
             onAudioDescriptionOff: D
@@ -808,8 +809,8 @@ function At({
             variant: "ghost",
             size: "sm",
             hideLabel: !0,
-            icon: r ? lt : ut,
-            label: p(r ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
+            icon: n ? lt : dt,
+            label: p(n ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
             onClick: X
           }
         )
@@ -819,127 +820,105 @@ function At({
 }
 const ke = (e) => e.trimStart().startsWith("WEBVTT");
 function Ie(e) {
-  const t = e !== void 0 && ke(e), [a, n] = E();
-  return N(() => {
+  const t = e !== void 0 && ke(e), [a, r] = x();
+  return _(() => {
     if (e === void 0 || !ke(e)) {
-      n(void 0);
+      r(void 0);
       return;
     }
     const o = URL.createObjectURL(new Blob([e], { type: "text/vtt" }));
-    return n(o), () => URL.revokeObjectURL(o);
+    return r(o), () => URL.revokeObjectURL(o);
   }, [e]), {
     trackSrc: e === void 0 ? void 0 : t ? a : e,
     needsCrossOrigin: e !== void 0 && !t
   };
 }
-const Ee = "descriptions";
-function It(e, { enabled: t, describedSrc: a, descriptions: n }) {
-  const o = a !== void 0, { trackSrc: s, needsCrossOrigin: r } = Ie(n), [d, u] = E(!1), m = o || n !== void 0 || d, [g, y] = E(), l = F(!1);
-  return N(() => {
+const xe = "descriptions";
+function Nt(e, { enabled: t, describedSrc: a, descriptions: r }) {
+  const o = a !== void 0, { trackSrc: s, needsCrossOrigin: n } = Ie(r), [u, d] = x(!1), m = o || r !== void 0 || u, [g, y] = x(), l = F(!1);
+  return _(() => {
     if (!e)
       return;
-    const f = e.textTracks, h = typeof window < "u" && "speechSynthesis" in window, b = t && !o && h, x = () => {
+    const f = e.textTracks, h = typeof window < "u" && "speechSynthesis" in window, b = t && !o && h, E = () => {
       l.current && (l.current = !1, e.play().catch(() => {
       }));
-    }, M = (C) => {
+    }, T = (P) => {
       window.speechSynthesis.cancel();
-      const i = new SpeechSynthesisUtterance(C);
-      i.onend = x, i.onerror = x, window.speechSynthesis.speak(i);
-    }, k = /* @__PURE__ */ new WeakSet(), w = [], O = (C) => {
-      if (C.kind !== Ee || (C.mode = "hidden", k.has(C)) || typeof C.addEventListener != "function")
+      const i = new SpeechSynthesisUtterance(P);
+      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")
         return;
-      k.add(C);
+      k.add(P);
       const i = () => {
-        const R = C.activeCues?.[0]?.text || void 0;
-        y(R), b && R && (e.paused || (e.pause(), l.current = !0), M(R));
+        const S = P.activeCues?.[0]?.text || void 0;
+        y(S), b && S && (e.paused || (e.pause(), l.current = !0), T(S));
       };
-      C.addEventListener("cuechange", i), w.push(() => C.removeEventListener("cuechange", i));
+      P.addEventListener("cuechange", i), w.push(() => P.removeEventListener("cuechange", i));
     }, v = () => {
-      let C = !1;
+      let P = !1;
       for (const i of Array.from(f))
-        i.kind === Ee && (n === void 0 && (C = !0), O(i));
-      u(C);
+        i.kind === xe && (r === void 0 && (P = !0), O(i));
+      d(P);
     };
     v();
-    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(), x();
+    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();
     };
-  }, [e, t, o, n, s]), J(
-    () => ({ trackSrc: s, needsCrossOrigin: r, available: m, activeCue: g }),
-    [s, r, m, g]
+  }, [e, t, o, r, s]), J(
+    () => ({ trackSrc: s, needsCrossOrigin: n, available: m, activeCue: g }),
+    [s, n, m, g]
   );
 }
-function Nt({
-  targetRef: e
-}) {
-  const [t, a] = E(!1);
-  N(() => {
-    const o = () => {
-      a(document.fullscreenElement === e.current);
-    };
-    return document.addEventListener("fullscreenchange", o), () => {
-      document.removeEventListener("fullscreenchange", o);
-    };
-  }, [e]);
-  const n = T(async () => {
-    const o = e.current;
-    if (o)
-      try {
-        document.fullscreenElement ? await document.exitFullscreen() : await o.requestFullscreen();
-      } catch {
-      }
-  }, [e]);
-  return { isFullscreen: t, toggleFullscreen: n };
-}
 function _t({
   videoRef: e,
   seek: t,
   togglePlay: a,
-  toggleMute: n,
+  toggleMute: r,
   toggleFullscreen: o,
   setVolume: s
 }) {
-  return T(
-    (r) => {
-      const d = r.target;
-      if (d instanceof HTMLElement && (d.closest(
+  return M(
+    (n) => {
+      const u = n.target;
+      if (u instanceof HTMLElement && (u.closest(
         'button, a, input, textarea, select, [role="button"], [contenteditable="true"]'
-      ) || d.closest('[role="menu"], [role^="menuitem"]') || d.getAttribute("role") === "slider"))
+      ) || u.closest('[role="menu"], [role^="menuitem"]') || u.getAttribute("role") === "slider"))
         return;
-      const u = e.current;
-      if (!u)
+      const d = e.current;
+      if (!d)
         return;
-      switch (r.key.length === 1 ? r.key.toLowerCase() : r.key) {
+      switch (n.key.length === 1 ? n.key.toLowerCase() : n.key) {
         case " ":
-          r.preventDefault(), a();
+          n.preventDefault(), a();
           return;
         case "ArrowLeft":
-          r.preventDefault(), t(Math.max(0, u.currentTime - Q));
+          n.preventDefault(), t(Math.max(0, d.currentTime - Q));
           return;
         case "ArrowRight": {
-          r.preventDefault();
-          const g = u.duration || u.currentTime + Q;
-          t(Math.min(g, u.currentTime + Q));
+          n.preventDefault();
+          const g = d.duration || d.currentTime + Q;
+          t(Math.min(g, d.currentTime + Q));
           return;
         }
         case "ArrowUp":
-          r.preventDefault(), s(Math.min(1, u.volume + te));
+          n.preventDefault(), s(Math.min(1, d.volume + te));
           return;
         case "ArrowDown":
-          r.preventDefault(), s(Math.max(0, u.volume - te));
+          n.preventDefault(), s(Math.max(0, d.volume - te));
           return;
         case "m":
-          r.preventDefault(), n();
+          n.preventDefault(), r();
           return;
         case "f":
-          r.preventDefault(), o();
+          n.preventDefault(), o();
           return;
         default:
           return;
       }
     },
-    [e, t, a, n, o, s]
+    [e, t, a, r, o, s]
   );
 }
 function Ft({
@@ -947,26 +926,26 @@ function Ft({
   enabled: t,
   resetKey: a
 }) {
-  const n = F(0), o = F(0), s = F(t);
+  const r = F(0), o = F(0), s = F(t);
   s.current = t;
-  const [r, d] = E(0);
-  N(() => {
-    n.current = 0, o.current = 0, d(0);
-  }, [a]), N(() => {
+  const [n, u] = x(0);
+  _(() => {
+    r.current = 0, o.current = 0, u(0);
+  }, [a]), _(() => {
     if (!e)
       return;
     const m = () => {
-      s.current && e.currentTime > n.current + le && (e.currentTime = n.current);
+      s.current && e.currentTime > r.current + le && (e.currentTime = r.current);
     }, g = () => {
-      d((h) => {
-        const b = n.current;
+      u((h) => {
+        const b = r.current;
         return b - h >= 1 ? b : h;
       });
     }, y = () => {
-      d((h) => Math.max(h, n.current));
+      u((h) => Math.max(h, r.current));
     }, l = () => {
       const h = e.currentTime - o.current;
-      h >= 0 && h < vt && e.currentTime > n.current && (n.current = e.currentTime, g()), m(), o.current = e.currentTime;
+      h >= 0 && h < bt && e.currentTime > r.current && (r.current = e.currentTime, g()), m(), o.current = e.currentTime;
     }, f = () => {
       m(), y();
     };
@@ -974,18 +953,18 @@ function Ft({
       e.removeEventListener("timeupdate", l), e.removeEventListener("seeking", f), e.removeEventListener("seeked", f), e.removeEventListener("pause", y), e.removeEventListener("ended", y);
     };
   }, [e]);
-  const u = T((m) => s.current ? Math.min(m, n.current) : m, []);
-  return { maxWatchedTime: r, clampSeek: u };
+  const d = M((m) => s.current ? Math.min(m, r.current) : m, []);
+  return { maxWatchedTime: n, clampSeek: d };
 }
-const xe = /* @__PURE__ */ new Set([
+const Ee = /* @__PURE__ */ new Set([
   "captions",
   "subtitles"
 ]), Ot = 2, Vt = 3;
 function Ut(e, t) {
-  const { trackSrc: a, needsCrossOrigin: n } = Ie(t), [o, s] = E(!1), [r, d] = E(!1), [u, m] = E(!1), y = r || t !== void 0 && !u;
-  return N(() => {
-    m(!1), d(!1);
-  }, [a]), N(() => {
+  const { trackSrc: a, needsCrossOrigin: r } = Ie(t), [o, s] = x(!1), [n, u] = x(!1), [d, m] = x(!1), y = n || t !== void 0 && !d;
+  return _(() => {
+    m(!1), u(!1);
+  }, [a]), _(() => {
     if (!e)
       return;
     const l = e.textTracks, f = e.querySelector(
@@ -993,8 +972,8 @@ function Ut(e, t) {
     ), h = () => {
       let k = !1;
       for (const w of Array.from(l))
-        xe.has(w.kind) && (w.mode = o ? "showing" : "hidden", w.cues && w.cues.length > 0 && (k = !0));
-      if (d(k), f) {
+        Ee.has(w.kind) && (w.mode = o ? "showing" : "hidden", w.cues && w.cues.length > 0 && (k = !0));
+      if (u(k), f) {
         if (f.readyState === Vt)
           m(!0);
         else if (f.readyState === Ot) {
@@ -1012,30 +991,30 @@ function Ut(e, t) {
       });
     }
     for (const k of Array.from(l)) {
-      if (!xe.has(k.kind) || typeof k.addEventListener != "function")
+      if (!Ee.has(k.kind) || typeof k.addEventListener != "function")
         continue;
       const w = () => h();
       k.addEventListener("cuechange", w), b.push(() => k.removeEventListener("cuechange", w));
     }
-    const x = typeof l.addEventListener == "function", M = () => h();
-    return x && (l.addEventListener("addtrack", M), l.addEventListener("removetrack", M)), e.addEventListener("loadedmetadata", h), () => {
-      b.forEach((k) => k()), x && (l.removeEventListener("addtrack", M), l.removeEventListener("removetrack", M)), e.removeEventListener("loadedmetadata", h);
+    const E = typeof l.addEventListener == "function", T = () => h();
+    return E && (l.addEventListener("addtrack", T), l.addEventListener("removetrack", T)), e.addEventListener("loadedmetadata", h), () => {
+      b.forEach((k) => k()), E && (l.removeEventListener("addtrack", T), l.removeEventListener("removetrack", T)), e.removeEventListener("loadedmetadata", h);
     };
   }, [e, t, o, a]), J(
     () => ({
       trackSrc: a,
-      needsCrossOrigin: n,
+      needsCrossOrigin: r,
       available: y,
       showing: o,
       toggle: () => s((l) => !l)
     }),
-    [a, n, y, o]
+    [a, r, y, o]
   );
 }
 function $t(e) {
   const t = Math.min(
-    wt,
-    e * kt
+    kt,
+    e * xt
   );
   return e - t;
 }
@@ -1044,19 +1023,19 @@ function Kt({
   onComplete: t,
   resetKey: a
 }) {
-  const n = F(t);
-  n.current = t;
+  const r = F(t);
+  r.current = t;
   const o = F(!1), s = !!t;
-  N(() => {
+  _(() => {
     o.current = !1;
-  }, [a]), N(() => {
+  }, [a]), _(() => {
     if (!e || !s)
       return;
-    const r = () => {
-      o.current || !e.duration || e.currentTime >= $t(e.duration) && (o.current = !0, n.current?.(e));
+    const n = () => {
+      o.current || !e.duration || e.currentTime >= $t(e.duration) && (o.current = !0, r.current?.(e));
     };
-    return e.addEventListener("timeupdate", r), e.addEventListener("ended", r), () => {
-      e.removeEventListener("timeupdate", r), e.removeEventListener("ended", r);
+    return e.addEventListener("timeupdate", n), e.addEventListener("ended", n), () => {
+      e.removeEventListener("timeupdate", n), e.removeEventListener("ended", n);
     };
   }, [e, s]);
 }
@@ -1065,92 +1044,92 @@ function zt({
   onMilestone: t,
   resetKey: a
 }) {
-  const n = F(t);
-  n.current = t;
+  const r = F(t);
+  r.current = t;
   const o = F(/* @__PURE__ */ new Set()), s = !!t;
-  N(() => {
+  _(() => {
     o.current.clear();
-  }, [a]), N(() => {
+  }, [a]), _(() => {
     if (!e || !s)
       return;
-    const r = () => {
+    const n = () => {
       if (!e.duration)
         return;
-      const d = Math.round(e.currentTime / e.duration * 100);
-      for (const u of yt)
-        o.current.has(u) || d >= u && (o.current.add(u), n.current?.(u, e));
+      const u = Math.round(e.currentTime / e.duration * 100);
+      for (const d of Lt)
+        o.current.has(d) || u >= d && (o.current.add(d), r.current?.(d, e));
     };
-    return e.addEventListener("timeupdate", r), () => {
-      e.removeEventListener("timeupdate", r);
+    return e.addEventListener("timeupdate", n), () => {
+      e.removeEventListener("timeupdate", n);
     };
   }, [e, s]);
 }
 function Bt(e) {
-  const t = F(null), [a, n] = E(
+  const t = F(null), [a, r] = x(
     null
-  ), o = F(0), s = T((i) => {
-    t.current = i, n(i);
-  }, []), [r, d] = E(!1), [u, m] = E(!1), [g, y] = E(0), [l, f] = E(0), [h, b] = E(1), [x, M] = E(!1), [k, w] = E(
+  ), o = F(0), s = M((i) => {
+    t.current = i, r(i);
+  }, []), [n, u] = x(!1), [d, m] = x(!1), [g, y] = x(0), [l, f] = x(0), [h, b] = x(1), [E, T] = x(!1), [k, w] = x(
     oe
   );
-  N(() => {
-    o.current = 0, t.current && (t.current.playbackRate = oe), d(!1), m(!1), y(0), f(0), w(oe);
-  }, [e]), N(() => {
+  _(() => {
+    o.current = 0, t.current && (t.current.playbackRate = oe), u(!1), m(!1), y(0), f(0), w(oe);
+  }, [e]), _(() => {
     const i = a;
     if (!i)
       return;
-    const D = () => m(!0), R = () => m(!1), B = () => m(!1), j = () => {
-      b(i.volume), M(i.muted);
+    const D = () => m(!0), S = () => m(!1), B = () => m(!1), j = () => {
+      b(i.volume), T(i.muted);
     }, K = () => f(i.duration || 0), X = () => {
       Et(i.playbackRate) && w(i.playbackRate);
-    }, _ = () => {
+    }, N = () => {
       const U = performance.now();
-      U - o.current >= bt && (o.current = U, y(i.currentTime));
+      U - o.current >= yt && (o.current = U, y(i.currentTime));
     };
-    return i.addEventListener("play", D), i.addEventListener("pause", R), i.addEventListener("ended", B), i.addEventListener("volumechange", j), i.addEventListener("loadedmetadata", K), i.addEventListener("ratechange", X), i.addEventListener("timeupdate", _), i.readyState >= 1 && i.duration && f(i.duration), () => {
-      i.removeEventListener("play", D), i.removeEventListener("pause", R), i.removeEventListener("ended", B), i.removeEventListener("volumechange", j), i.removeEventListener("loadedmetadata", K), i.removeEventListener("ratechange", X), i.removeEventListener("timeupdate", _);
+    return i.addEventListener("play", D), i.addEventListener("pause", S), i.addEventListener("ended", B), i.addEventListener("volumechange", j), i.addEventListener("loadedmetadata", K), i.addEventListener("ratechange", X), i.addEventListener("timeupdate", N), i.readyState >= 1 && i.duration && f(i.duration), () => {
+      i.removeEventListener("play", D), i.removeEventListener("pause", S), i.removeEventListener("ended", B), i.removeEventListener("volumechange", j), i.removeEventListener("loadedmetadata", K), i.removeEventListener("ratechange", X), i.removeEventListener("timeupdate", N);
     };
   }, [a]);
-  const O = T(() => {
+  const O = M(() => {
     const i = t.current;
     i && (i.paused || i.ended ? i.play().catch(() => {
     }) : i.pause());
-  }, []), v = T(() => {
+  }, []), v = M(() => {
     const i = t.current;
     i && (i.muted = !i.muted);
-  }, []), P = T((i) => {
+  }, []), C = M((i) => {
     const D = t.current;
     if (!D)
       return;
-    const R = Math.max(0, Math.min(1, i));
-    D.volume = R, D.muted = R === 0;
-  }, []), A = T((i) => {
+    const S = Math.max(0, Math.min(1, i));
+    D.volume = S, D.muted = S === 0;
+  }, []), A = M((i) => {
     const D = t.current;
     D && (D.playbackRate = i);
-  }, []), C = T((i) => {
+  }, []), P = M((i) => {
     const D = t.current;
     if (!D)
       return;
-    const R = Math.max(0, Math.min(i, D.duration || i));
-    D.currentTime = R, y(R);
+    const S = Math.max(0, Math.min(i, D.duration || i));
+    D.currentTime = S, y(S);
   }, []);
   return {
     videoRef: t,
     videoElement: a,
     setVideoNode: s,
-    videoLoaded: r,
-    isPlaying: u,
+    videoLoaded: n,
+    isPlaying: d,
     currentTime: g,
     duration: l,
     volume: h,
-    isMuted: x,
+    isMuted: E,
     playbackRate: k,
-    setVideoLoaded: d,
+    setVideoLoaded: u,
     togglePlay: O,
     toggleMute: v,
-    setVolume: P,
+    setVolume: C,
     setPlaybackRate: A,
-    seekTo: C
+    seekTo: P
   };
 }
 function Ht({
@@ -1159,35 +1138,35 @@ function Ht({
 }) {
   const a = F(t);
   a.current = t;
-  const n = !!t;
-  N(() => {
-    if (!e || !n)
+  const r = !!t;
+  _(() => {
+    if (!e || !r)
       return;
     let o = null;
     const s = () => {
       o && (clearInterval(o), o = null);
-    }, r = () => {
+    }, n = () => {
       a.current?.(), s(), o = setInterval(() => {
         a.current?.();
-      }, Lt);
-    }, d = () => {
+      }, wt);
+    }, u = () => {
       a.current?.(), s();
-    }, u = () => s();
-    return e.addEventListener("play", r), e.addEventListener("pause", d), e.addEventListener("ended", u), () => {
-      s(), e.removeEventListener("play", r), e.removeEventListener("pause", d), e.removeEventListener("ended", u);
+    }, d = () => s();
+    return e.addEventListener("play", n), e.addEventListener("pause", u), e.addEventListener("ended", d), () => {
+      s(), e.removeEventListener("play", n), e.removeEventListener("pause", u), e.removeEventListener("ended", d);
     };
-  }, [e, n]);
+  }, [e, r]);
 }
 function Wt({
   src: e,
   poster: t,
   ariaLabel: a,
-  silent: n = !1,
+  silent: r = !1,
   persistControls: o = !1,
   content: s,
-  defaultLanguage: r,
-  autoPlay: d = !1,
-  autoFocus: u = !1,
+  defaultLanguage: n,
+  autoPlay: u = !1,
+  autoFocus: d = !1,
   download: m,
   restrictForwardSeek: g = !1,
   onTrackAction: y,
@@ -1195,33 +1174,33 @@ function Wt({
   onComplete: f,
   ...h
 }) {
-  const { t: b } = W(), x = F(null), M = J(() => ae(e), [e]), [k, w] = E(
-    () => Z(M, r)
-  ), O = M.some((L) => L.locale === k) ? k : Z(M, r), v = ee(e, O) ?? "", P = J(
+  const { t: b } = W(), E = F(null), T = J(() => 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 = J(
     () => ae(s?.captions),
     [s?.captions]
-  ), [A, C] = E(
-    () => Z(P, r)
-  ), i = P.some(
+  ), [A, P] = x(
+    () => Z(C, n)
+  ), i = C.some(
     (L) => L.locale === A
-  ) ? A : Z(P, r), D = ee(s?.captions, i), R = J(
+  ) ? A : Z(C, n), D = ee(s?.captions, i), S = J(
     () => ae(s?.descriptions, s?.describedSrc),
     [s?.descriptions, s?.describedSrc]
-  ), [B, j] = E(
-    () => Z(R, r)
-  ), K = R.some(
+  ), [B, j] = x(
+    () => Z(S, n)
+  ), K = S.some(
     (L) => L.locale === B
-  ) ? B : Z(R, r), X = ee(
+  ) ? B : Z(S, n), X = ee(
     s?.descriptions,
     K
-  ), _ = ee(
+  ), N = ee(
     s?.describedSrc,
     K
-  ), [U, Y] = E(!1), G = U && _ ? _ : v, p = Bt(G), I = Ut(p.videoElement, D), z = It(p.videoElement, {
+  ), [U, q] = x(!1), G = U && N ? N : v, p = Bt(G), I = Ut(p.videoElement, D), z = Nt(p.videoElement, {
     enabled: U,
-    describedSrc: _,
+    describedSrc: N,
     descriptions: X
-  }), V = T(() => {
+  }), V = M(() => {
     const L = p.videoRef.current;
     if (!L)
       return;
@@ -1230,28 +1209,28 @@ function Wt({
       }), L.removeEventListener("loadedmetadata", be);
     };
     L.addEventListener("loadedmetadata", be);
-  }, [p.videoRef]), Ne = T(
+  }, [p.videoRef]), Ne = M(
     (L) => {
       V(), w(L);
     },
     [V]
-  ), _e = T(() => {
-    _ && V(), Y((L) => !L);
-  }, [_, V]), Fe = T(
+  ), _e = M(() => {
+    N && V(), q((L) => !L);
+  }, [N, V]), Fe = M(
     (L) => {
-      C(L), I.showing || I.toggle();
+      P(L), I.showing || I.toggle();
     },
     [I]
-  ), Oe = T(() => {
+  ), Oe = M(() => {
     I.showing && I.toggle();
-  }, [I]), Ve = T(
+  }, [I]), Ve = M(
     (L) => {
-      _ && V(), j(L), Y(!0);
+      N && V(), j(L), q(!0);
     },
-    [_, V]
-  ), Ue = T(() => {
-    _ && V(), Y(!1);
-  }, [_, V]);
+    [N, V]
+  ), Ue = M(() => {
+    N && V(), q(!1);
+  }, [N, V]);
   Ht({ video: p.videoElement, onTrackAction: y }), zt({
     video: p.videoElement,
     onMilestone: l,
@@ -1265,50 +1244,50 @@ function Wt({
     video: p.videoElement,
     enabled: g,
     resetKey: v
-  }), pe = T(
+  }), pe = M(
     (L) => p.seekTo(me(L)),
     [p, me]
-  ), { isFullscreen: Ke, toggleFullscreen: he } = Nt({
-    targetRef: x
-  }), ge = T(() => {
-  }, []), ve = !!(U && _);
-  N(() => {
+  ), { isFullscreen: Ke, toggleFullscreen: he } = vt({
+    targetRef: E
+  }), ge = M(() => {
+  }, []), ve = !!(U && N);
+  _(() => {
     const L = p.videoRef.current;
-    n && L && (L.muted = !ve);
-  }, [n, ve, p.videoElement, p.videoRef]);
+    r && L && (L.muted = !ve);
+  }, [r, ve, p.videoElement, p.videoRef]);
   const ze = _t({
     videoRef: p.videoRef,
     seek: pe,
     togglePlay: p.togglePlay,
-    toggleMute: n ? ge : p.toggleMute,
+    toggleMute: r ? ge : p.toggleMute,
     toggleFullscreen: he,
-    setVolume: n ? ge : p.setVolume
+    setVolume: r ? ge : p.setVolume
   });
-  N(() => {
-    u && x.current?.focus({ preventScroll: !0 });
-  }, [u]);
+  _(() => {
+    d && E.current?.focus({ preventScroll: !0 });
+  }, [d]);
   const Be = (L) => L.preventDefault();
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ R(
     "div",
     {
-      ref: x,
+      ref: E,
       className: H(
         "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",
-        ue()
+        de()
       ),
       role: "region",
       "aria-label": a ?? b("videoPlayer.regionLabel"),
       tabIndex: 0,
       onKeyDown: ze,
-      "data-video-captions": n ? "no-audio" : I.available ? "available" : "missing",
+      "data-video-captions": r ? "no-audio" : I.available ? "available" : "missing",
       ...h,
       children: [
-        /* @__PURE__ */ S(
+        /* @__PURE__ */ R(
           "video",
           {
             ref: p.setVideoNode,
-            autoPlay: d,
+            autoPlay: u,
             playsInline: !0,
             disablePictureInPicture: !0,
             disableRemotePlayback: !0,
@@ -1362,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(dt, { icon: Ce, size: "lg", color: "#fff" })
+                children: /* @__PURE__ */ c(ut, { icon: Pe, size: "lg", color: "#fff" })
               }
             )
           }
@@ -1372,8 +1351,8 @@ function Wt({
           {
             "aria-hidden": !0,
             className: "dark pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-center p-3",
-            children: /* @__PURE__ */ S("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__ */ S("span", { className: "pr-1 font-medium not-italic opacity-70", children: [
+            children: /* @__PURE__ */ R("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__ */ R("span", { className: "pr-1 font-medium not-italic opacity-70", children: [
                 "[",
                 b("videoPlayer.audioDescription"),
                 "]"
@@ -1384,7 +1363,7 @@ function Wt({
         ) : null,
         /* @__PURE__ */ c("span", { className: "sr-only", "aria-live": "polite", children: p.isPlaying ? b("videoPlayer.playing") : b("videoPlayer.paused") }),
         p.videoLoaded ? /* @__PURE__ */ c(
-          At,
+          It,
           {
             isPlaying: p.isPlaying,
             currentTime: p.currentTime,
@@ -1395,21 +1374,21 @@ function Wt({
             isFullscreen: Ke,
             markerTime: g ? $e : void 0,
             blockSeekPastMarker: g,
-            containerRef: x,
+            containerRef: E,
             captionsAvailable: I.available,
             captionsOn: I.showing,
             audioDescriptionAvailable: z.available,
             audioDescriptionOn: U,
-            silent: n,
+            silent: r,
             persist: o,
-            audioLanguages: M,
+            audioLanguages: T,
             audioLanguage: O,
             onAudioLanguageChange: Ne,
-            captionLanguages: P,
+            captionLanguages: C,
             captionLanguage: i,
             onCaptionLanguageChange: Fe,
             onCaptionsOff: Oe,
-            audioDescriptionLanguages: R,
+            audioDescriptionLanguages: S,
             audioDescriptionLanguage: K,
             onAudioDescriptionLanguageChange: Ve,
             onAudioDescriptionOff: Ue,
@@ -1430,11 +1409,11 @@ function Wt({
     }
   );
 }
-const Yt = ft(
+const Jt = ft(
   mt("F0VideoPlayer", Wt)
 );
 export {
-  Yt as F,
+  Jt as F,
   ae as c,
   Z as d,
   Le as l,