@instructure/studio-player 0.3.6 → 0.3.7

package/dist/studio-player.es.js

@@ -1,19 +1,19 @@
-import './index-BqrDl0Uo.css';var ot = Object.defineProperty;
+import './index-B3keTGCo.css';var ot = Object.defineProperty;
 var it = (e, n, o) => n in e ? ot(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
 var V = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
 import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
 import { createContext as le, useContext as re, useState as x, useCallback as _, useEffect as O, useMemo as E, useRef as G } from "react";
-import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as C, isTrackCaptionKind as at, Track as st, Captions as ct, usePlaybackRateOptions as lt, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as Se, Poster as dt, FullscreenButton as mt, Time as Le, TimeSlider as $, VolumeSlider as J, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as Ct } from "@vidstack/react";
+import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as st, Track as at, Captions as ct, usePlaybackRateOptions as lt, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as Te, Poster as dt, FullscreenButton as mt, Time as xe, TimeSlider as $, VolumeSlider as J, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as ft } from "@vidstack/react";
 import { useMediaState as hi, useMediaStore as pi } from "@vidstack/react";
-import { initReactI18next as ft, useTranslation as f } from "react-i18next";
+import { initReactI18next as Ct, useTranslation as C } from "react-i18next";
 import bt from "i18next";
 import gt from "i18next-resources-to-backend";
-import { useFloating as ue, autoUpdate as de, flip as me, arrow as he, useDismiss as pe, useInteractions as _e, FloatingFocusManager as Te, FloatingArrow as Ce, shift as Ee, offset as Re, useListNavigation as vt } from "@floating-ui/react";
+import { useFloating as ue, autoUpdate as de, flip as me, arrow as he, useDismiss as pe, useInteractions as _e, FloatingFocusManager as fe, FloatingArrow as Ce, shift as Ee, offset as Re, useListNavigation as vt } from "@floating-ui/react";
 const wt = (e, n, o) => {
   const i = e[n];
-  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, s) => {
+  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      s.bind(
+      a.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + n + (n.split("/").length !== o ? ". Note that variables only represent file names one level deep." : "")
@@ -22,7 +22,7 @@ const wt = (e, n, o) => {
     );
   });
 };
-bt.use(ft).use(
+bt.use(Ct).use(
   gt(
     (e) => wt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
   )
@@ -56,18 +56,18 @@ function kt({
   comments: n,
   captions: o,
   thumbnail: i,
-  annotations: a,
-  quizMarkers: s,
+  annotations: s,
+  quizMarkers: a,
   interactive: l,
   onAnnotationClick: r,
   onQuizMarkerClick: u,
-  onInteractivePinClick: p,
+  onInteractivePinClick: m,
   interactiveMenuElements: v,
   kebabMenuElements: y,
   darkMode: k,
   children: w,
   forceComments: N,
-  disableCaptionSettings: m,
+  disableCaptionSettings: h,
   disableStorage: b,
   captionOffsetOverride: P,
   disableInteractivePinRanges: T,
@@ -78,20 +78,20 @@ function kt({
     comments: n,
     captions: o,
     thumbnail: i,
-    annotations: a,
-    quizMarkers: s,
+    annotations: s,
+    quizMarkers: a,
     interactive: l,
     onAnnotationClick: r,
     onQuizMarkerClick: u,
-    onInteractivePinClick: p,
+    onInteractivePinClick: m,
     interactiveMenuElements: v,
     kebabMenuElements: y,
     darkMode: k,
     hasComments: n.length > 0,
-    hasAnnotations: a.length > 0,
-    hasQuizmarkers: s.length > 0,
+    hasAnnotations: s.length > 0,
+    hasQuizmarkers: a.length > 0,
     forceComments: N,
-    disableCaptionSettings: m,
+    disableCaptionSettings: h,
     disableStorage: b,
     captionOffsetOverride: P,
     disableInteractivePinRanges: T,
@@ -110,43 +110,43 @@ function M() {
 const Lt = "_annotation-overlay_1kxzn_1", xt = {
   "annotation-overlay": "_annotation-overlay_1kxzn_1",
   annotationOverlay: Lt
-}, xe = 0.25, Mt = (e, n) => {
+}, Me = 0.25, Mt = (e, n) => {
   let o = !1;
   return (i) => {
-    const a = i.detail.currentTime;
-    a >= e.time && a < e.time + xe && !o && (o = !0, n(e)), (a < e.time || a >= e.time + xe) && o && (o = !1);
+    const s = i.detail.currentTime;
+    s >= e.time && s < e.time + Me && !o && (o = !0, n(e)), (s < e.time || s >= e.time + Me) && o && (o = !1);
   };
 };
 function Pt({ annotations: e }) {
-  const n = F(), o = g(), i = M(), [a, s] = x(
+  const n = F(), o = g(), i = M(), [s, a] = x(
     null
   ), l = _(
     (u) => {
-      n == null || n.pause(), i.interactive || o.disableInteractions(), s(u);
+      n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
     },
     [n, o]
   ), r = () => {
-    i.interactive || (n == null || n.play(), o.enableInteractions()), s(null);
+    i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
   };
   return O(() => {
     if (!n)
       return;
     const u = [];
-    for (const p of e) {
-      const v = Mt(p, l);
+    for (const m of e) {
+      const v = Mt(m, l);
       n.addEventListener("time-update", v), u.push(v);
     }
-    if (a) {
-      const p = e.find(
-        (v) => v.id === a.id
+    if (s) {
+      const m = e.find(
+        (v) => v.id === s.id
       );
-      p ? s(p) : (s(null), o.enableInteractions());
+      m ? a(m) : (a(null), o.enableInteractions());
     }
     return () => {
-      for (const p of u)
-        n.removeEventListener("time-update", p);
+      for (const m of u)
+        n.removeEventListener("time-update", m);
     };
-  }, [n, e]), a ? /* @__PURE__ */ t("div", { className: xt.annotationOverlay, children: a.render(r) }) : null;
+  }, [n, e]), s ? /* @__PURE__ */ t("div", { className: xt.annotationOverlay, children: s.render(r) }) : null;
 }
 const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_1fwjr_17", Ht = "_media-buffering-spin_1fwjr_17", Vt = "_media-buffering-track_1fwjr_22", St = "_media-buffering-track-fill_1fwjr_27", ee = {
   "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
@@ -180,7 +180,7 @@ const Fe = (e) => /* @__PURE__ */ c("svg", { width: 24, height: 24, viewBox: "0
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ t("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
 ] });
 function Tt() {
-  const e = oe(), n = C("textTrack"), o = C("hasCaptions"), i = n && at(n), a = g(), s = _(
+  const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && st(n), s = g(), a = _(
     (l) => {
       e.toggleCaptions(l.nativeEvent);
     },
@@ -191,10 +191,10 @@ function Tt() {
     {
       type: "button",
       className: "controls-button",
-      onClick: s,
+      onClick: a,
       "aria-label": "Captions",
       "aria-pressed": i ? "true" : "false",
-      tabIndex: a.state.interactionsDisabled ? -1 : 0,
+      tabIndex: s.state.interactionsDisabled ? -1 : 0,
       children: i ? /* @__PURE__ */ t(Ze, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Fe, { className: "controls-button-icon" })
     }
   ) : null;
@@ -203,13 +203,13 @@ const Et = "_captions_1cu0g_1", Rt = {
   captions: Et
 }, At = (e, n) => e ? n.top : n.bottom;
 function ze({ captions: e }) {
-  const n = e.length > 0, o = g(), { captionOffsetOverride: i } = M(), a = o.state.captionPositionOnTop, s = At(
-    a,
+  const n = e.length > 0, o = g(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = At(
+    s,
     i ?? {}
   );
   return /* @__PURE__ */ c(Q, { children: [
     e.map((l) => /* @__PURE__ */ t(
-      st,
+      at,
       {
         kind: "subtitles",
         type: l.type,
@@ -224,7 +224,7 @@ function ze({ captions: e }) {
       {
         style: {
           display: "contents",
-          ...s ? { "--caption-offset": s } : {},
+          ...a ? { "--caption-offset": a } : {},
           "--captions-font-size-multiplier": o.state.captionsFontSizeMultiplier ?? 1,
           "--captions-flex-direction": o.state.captionPositionOnTop ? "column" : "column-reverse",
           "--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
@@ -244,7 +244,7 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e)
         o.length >= e && o.shift(), o.push(i), n({});
       },
       remove(i) {
-        o = o.filter((a) => a !== i), n({});
+        o = o.filter((s) => s !== i), n({});
       },
       clear() {
         o = [], n({});
@@ -256,27 +256,27 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e)
   }, []);
 }, Zt = (e, n, o) => {
   let i = !1;
-  return (a) => {
-    const s = a.detail.currentTime;
-    s >= e.timestamp && s < e.timestamp + n && !i && (o.add(e), i = !0), (s < e.timestamp || s >= e.timestamp + n) && i && (o.remove(e), i = !1);
+  return (s) => {
+    const a = s.detail.currentTime;
+    a >= e.timestamp && a < e.timestamp + n && !i && (o.add(e), i = !0), (a < e.timestamp || a >= e.timestamp + n) && i && (o.remove(e), i = !1);
   };
 }, zt = (e, n = 5) => {
   const o = F(), i = Ft(n);
   return O(() => {
     if (!o)
       return;
-    const a = [];
-    for (const s of e) {
-      const l = Zt(s, Ot, i);
-      a.push(l), o.addEventListener("time-update", l);
+    const s = [];
+    for (const a of e) {
+      const l = Zt(a, Ot, i);
+      s.push(l), o.addEventListener("time-update", l);
     }
     return o.dispatchEvent(
       new CustomEvent("time-update", {
         detail: { currentTime: o.currentTime }
       })
     ), () => {
-      for (const s of a)
-        o.removeEventListener("time-update", s);
+      for (const a of s)
+        o.removeEventListener("time-update", a);
       i.clear();
     };
   }, [o, i, e]), i;
@@ -312,7 +312,7 @@ function Qt({ comment: e }) {
 }
 const Wt = 5;
 function jt({ comments: e }) {
-  const n = g(), o = zt(e, Wt), i = !!C("textTrack"), a = o.map((s) => /* @__PURE__ */ t(Qt, { comment: s }, s.id));
+  const n = g(), o = zt(e, Wt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Qt, { comment: a }, a.id));
   return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
     "div",
     {
@@ -320,7 +320,7 @@ function jt({ comments: e }) {
       style: {
         flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
       },
-      children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? a.slice(-4) : a })
+      children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? s.slice(-4) : s })
     }
   ) : null;
 }
@@ -345,13 +345,13 @@ function on({
   return O(() => {
     i && (i.remoteControl.pauseControls(), n && (n.current = i));
   }, [i, n]), /* @__PURE__ */ c("div", { "data-darkmode": e, className: z.root, children: [
-    /* @__PURE__ */ t(Ne, { className: z.normalTimeline }),
+    /* @__PURE__ */ t(Ie, { className: z.normalTimeline }),
     /* @__PURE__ */ c("div", { className: z.leftControls, children: [
       /* @__PURE__ */ t(z1, {}),
       /* @__PURE__ */ t(Uo, {})
     ] }),
     /* @__PURE__ */ t("div", { className: z.indicators, children: /* @__PURE__ */ t(eo, {}) }),
-    /* @__PURE__ */ t(Ne, { className: z.compactTimeline }),
+    /* @__PURE__ */ t(Ie, { className: z.compactTimeline }),
     /* @__PURE__ */ c("div", { className: z.rightControls, children: [
       o && /* @__PURE__ */ t(Tt, {}),
       /* @__PURE__ */ t(Jn, {}),
@@ -359,7 +359,7 @@ function on({
     ] })
   ] });
 }
-const an = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), sn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), cn = "_menu-hint_k49ve_1", ln = "_menu-button_k49ve_5", rn = "_menu-label_k49ve_37", un = "_menu-icon_k49ve_42", te = {
+const sn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), an = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), cn = "_menu-hint_k49ve_1", ln = "_menu-button_k49ve_5", rn = "_menu-label_k49ve_37", un = "_menu-icon_k49ve_42", te = {
   "menu-hint": "_menu-hint_k49ve_1",
   menuHint: cn,
   "menu-button": "_menu-button_k49ve_5",
@@ -383,14 +383,14 @@ function W({ label: e, hint: n, onClick: o, Icon: i }) {
         i && /* @__PURE__ */ t(i, { className: te.menuIcon }),
         /* @__PURE__ */ t("span", { className: te.menuLabel, children: e }),
         /* @__PURE__ */ t("span", { className: te.menuHint, children: n }),
-        /* @__PURE__ */ t(sn, {})
+        /* @__PURE__ */ t(an, {})
       ]
     }
   );
 }
 const dn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.42229 2.82911C4.71149 1.83006 6.23876 1.19768 7.8383 1L7.96797 2.05432C6.55867 2.22862 5.21101 2.7866 4.07273 3.66874L3.42229 2.82911ZM5.44493 6.71393L9.49745 10.7665L17.0924 3.1705L17.8438 3.92297L9.49745 12.2693L4.69352 7.46534L5.44493 6.71393ZM17.932 8.83829C17.8618 8.27074 17.7364 7.70745 17.5589 7.16222L16.5482 7.49276C16.7055 7.97209 16.816 8.46843 16.8766 8.96689C16.917 9.29742 16.9372 9.6269 16.9372 9.96594C16.9372 10.305 16.917 10.6344 16.8777 10.9639C16.7033 12.3732 16.1454 13.7209 15.2632 14.8592L16.1029 15.5096C17.1019 14.2204 17.7343 12.6931 17.932 11.0925C17.9766 10.7205 18 10.3486 18 9.96594C18 9.58332 17.9766 9.21134 17.932 8.83829ZM1.05432 8.96795L0 8.83829C0.197684 7.23874 0.830061 5.71147 1.82911 4.42228L2.66874 5.07272C1.7866 6.211 1.22862 7.55865 1.05432 8.96795ZM0 11.0936C0.197684 12.6931 0.830061 14.2204 1.82911 15.5096L2.66874 14.8591C1.7866 13.7209 1.22862 12.3732 1.05432 10.9639L0 11.0936ZM10.0939 1.00011C11.6935 1.19673 13.2207 1.83017 14.5099 2.82922L13.8595 3.66884C12.7202 2.7867 11.3736 2.22872 9.96426 2.05442L10.0939 1.00011Z", fill: "currentColor" }) });
 function mn() {
-  const e = H(), n = C("playbackRate"), { t: o } = f(), i = _(() => {
+  const e = H(), n = f("playbackRate"), { t: o } = C(), i = _(() => {
     e.setPage("speed");
   }, [e]);
   return /* @__PURE__ */ t(
@@ -404,7 +404,7 @@ function mn() {
   );
 }
 function hn() {
-  const e = H(), n = C("hasCaptions"), o = C("textTrack"), { t: i } = f(), a = _(() => {
+  const e = H(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = C(), s = _(() => {
     e.setPage("captions");
   }, [e]);
   return n ? /* @__PURE__ */ t(
@@ -412,7 +412,7 @@ function hn() {
     {
       label: i("CAPTIONS"),
       hint: (o == null ? void 0 : o.label) ?? i("OFF"),
-      onClick: a,
+      onClick: s,
       Icon: Fe
     }
   ) : null;
@@ -426,7 +426,7 @@ const pn = (e) => /* @__PURE__ */ c("svg", { width: 18, height: 18, viewBox: "0
   ] })
 ] });
 function _n() {
-  const e = H(), n = C("autoQuality"), o = C("quality"), { t: i } = f(), a = _(() => {
+  const e = H(), n = f("autoQuality"), o = f("quality"), { t: i } = C(), s = _(() => {
     e.setPage("quality");
   }, [e]);
   return o ? /* @__PURE__ */ t(
@@ -434,12 +434,12 @@ function _n() {
     {
       label: i("QUALITY"),
       hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
-      onClick: a,
+      onClick: s,
       Icon: pn
     }
   ) : null;
 }
-const Cn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 9.64706,12 4,17.64706 6.35293,20 12,14.35293 17.64706,20 20,17.64706 14.35293,12 20,6.35293 17.64706,4 12,9.64706 6.35293,4 4,6.35293 Z", fill: "currentColor" }) }), bn = "_switch-track_1d65g_1", gn = "_switch-thumb_1d65g_12", vn = "_switch-icon_1d65g_26", wn = "_switch-body_1d65g_32", yn = "_switch-label_1d65g_73", kn = "_menu-icon_1d65g_77", A = {
+const fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), Cn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 9.64706,12 4,17.64706 6.35293,20 12,14.35293 17.64706,20 20,17.64706 14.35293,12 20,6.35293 17.64706,4 12,9.64706 6.35293,4 4,6.35293 Z", fill: "currentColor" }) }), bn = "_switch-track_1d65g_1", gn = "_switch-thumb_1d65g_12", vn = "_switch-icon_1d65g_26", wn = "_switch-body_1d65g_32", yn = "_switch-label_1d65g_73", kn = "_menu-icon_1d65g_77", A = {
   "switch-track": "_switch-track_1d65g_1",
   switchTrack: bn,
   "switch-thumb": "_switch-thumb_1d65g_12",
@@ -453,7 +453,7 @@ const Cn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
   "menu-icon": "_menu-icon_1d65g_77",
   menuIcon: kn
 };
-function fe({
+function be({
   label: e,
   checked: n = !1,
   onClick: o,
@@ -471,16 +471,16 @@ function fe({
       children: [
         i && /* @__PURE__ */ t(i, { className: A.menuIcon }),
         /* @__PURE__ */ t("span", { className: A.switchLabel, children: e }),
-        /* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(Cn, { className: A.switchIcon }) : /* @__PURE__ */ t(fn, { className: A.switchIcon }) }) })
+        /* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(Cn, { className: A.switchIcon }) }) })
       ]
     }
   );
 }
 const Ln = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0V12.7489H5.44V18L10.5007 12.7489H16.582V0H1ZM2 1H15.58V11.7339H9.98655L6.52667 15.25V11.7339H2V1ZM5.24963 5.35011H12.3323V4.24835H5.24963V5.35011ZM5.24963 8.18462H9.50067V7.08285H5.24963V8.18462Z", fill: "currentColor" }) });
 function xn() {
-  const { t: e } = f(), n = M(), o = g();
+  const { t: e } = C(), n = M(), o = g();
   return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
-    fe,
+    be,
     {
       Icon: Ln,
       label: e("COMMENTS"),
@@ -538,27 +538,27 @@ function D() {
       ArrowUp: () => {
         const i = document.activeElement;
         if (i && n.current && n.current.contains(i)) {
-          const a = In(
+          const s = In(
             n.current,
             i
           );
-          a == null || a.focus();
+          s == null || s.focus();
         } else if (n.current) {
-          const a = Sn(n.current);
-          a == null || a.focus();
+          const s = Sn(n.current);
+          s == null || s.focus();
         }
       },
       ArrowDown: () => {
         const i = document.activeElement;
         if (i && n.current && n.current.contains(i)) {
-          const a = Hn(
+          const s = Hn(
             n.current,
             i
           );
-          a == null || a.focus();
+          s == null || s.focus();
         } else if (n.current) {
-          const a = Vn(n.current);
-          a == null || a.focus();
+          const s = Vn(n.current);
+          s == null || s.focus();
         }
       },
       ArrowRight: () => {
@@ -572,7 +572,7 @@ function D() {
   return Ke(o), n;
 }
 function Tn() {
-  const e = D(), { t: n } = f();
+  const e = D(), { t: n } = C();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -590,7 +590,7 @@ function Tn() {
     }
   );
 }
-const ie = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), j = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), En = "_menu-container_1lrzf_1", Rn = "_menu-heading_1lrzf_6", An = "_check-icon_1lrzf_22", Bn = "_menu-item-label_1lrzf_28", On = "_menu-item_1lrzf_28", Fn = "_menu-back-button_1lrzf_61", h = {
+const ie = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), j = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), En = "_menu-container_1lrzf_1", Rn = "_menu-heading_1lrzf_6", An = "_check-icon_1lrzf_22", Bn = "_menu-item-label_1lrzf_28", On = "_menu-item_1lrzf_28", Fn = "_menu-back-button_1lrzf_61", p = {
   "menu-container": "_menu-container_1lrzf_1",
   menuContainer: En,
   "menu-heading": "_menu-heading_1lrzf_6",
@@ -608,7 +608,7 @@ function Zn() {
   const e = H(), n = lt({
     rates: K,
     normalLabel: "1x"
-  }), { t: o } = f(), i = D();
+  }), { t: o } = C(), i = D();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -616,7 +616,7 @@ function Zn() {
       id: "submenu",
       "aria-label": o("SPEED_MENU"),
       role: "menu",
-      className: h.menuContainer,
+      className: p.menuContainer,
       children: [
         /* @__PURE__ */ c(
           "button",
@@ -624,7 +624,7 @@ function Zn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: h.menuBackButton,
+            className: p.menuBackButton,
             onClick: e.back,
             children: [
               /* @__PURE__ */ t(j, {}),
@@ -632,30 +632,30 @@ function Zn() {
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("PLAYBACK_SPEED") }),
-        n.map(({ value: a, label: s, select: l, selected: r }) => /* @__PURE__ */ c(
+        /* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("PLAYBACK_SPEED") }),
+        n.map(({ value: s, label: a, select: l, selected: r }) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-label": s,
+            "aria-label": a,
             "aria-checked": r,
             onClick: () => l(),
             tabIndex: -1,
-            className: h.menuItem,
+            className: p.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: h.checkIcon }),
-              /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: s })
+              /* @__PURE__ */ t(ie, { className: p.checkIcon }),
+              /* @__PURE__ */ t("span", { className: p.menuItemLabel, children: a })
             ]
           },
-          a
+          s
         ))
       ]
     }
   );
 }
 function zn() {
-  const e = H(), n = C("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = g(), a = _(() => {
+  const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = g(), s = _(() => {
     e.setPage("captionLanguage");
   }, [e]);
   return i ? null : /* @__PURE__ */ t(
@@ -663,12 +663,12 @@ function zn() {
     {
       label: o("LANGUAGE"),
       hint: (n == null ? void 0 : n.label) ?? o("OFF"),
-      onClick: a
+      onClick: s
     }
   );
 }
 function Kn() {
-  const { t: e } = f(), n = g(), o = H(), i = _(() => {
+  const { t: e } = C(), n = g(), o = H(), i = _(() => {
     o.setPage("captionFontSize");
   }, [o]);
   return /* @__PURE__ */ t(
@@ -681,9 +681,9 @@ function Kn() {
   );
 }
 function Dn() {
-  const { t: e } = f(), n = g();
+  const { t: e } = C(), n = g();
   return /* @__PURE__ */ t(
-    fe,
+    be,
     {
       label: e("ON_TOP"),
       onClick: n.toggleCaptionPositionOnTop,
@@ -692,9 +692,9 @@ function Dn() {
   );
 }
 function $n() {
-  const { t: e } = f(), n = g();
+  const { t: e } = C(), n = g();
   return /* @__PURE__ */ t(
-    fe,
+    be,
     {
       label: e("INVERT_COLORS"),
       onClick: n.toggleCaptionsInvertColors,
@@ -703,7 +703,7 @@ function $n() {
   );
 }
 function Un() {
-  const e = H(), { t: n } = f(), o = D();
+  const e = H(), { t: n } = C(), o = D();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -711,7 +711,7 @@ function Un() {
       id: "submenu",
       "aria-label": n("CAPTIONS_MENU"),
       role: "menu",
-      className: h.menuContainer,
+      className: p.menuContainer,
       children: [
         /* @__PURE__ */ c(
           "button",
@@ -719,7 +719,7 @@ function Un() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: h.menuBackButton,
+            className: p.menuBackButton,
             onClick: e.back,
             children: [
               /* @__PURE__ */ t(j, {}),
@@ -727,7 +727,7 @@ function Un() {
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: h.menuHeading, children: n("CAPTIONS") }),
+        /* @__PURE__ */ t("strong", { className: p.menuHeading, children: n("CAPTIONS") }),
         /* @__PURE__ */ t(zn, {}),
         /* @__PURE__ */ t(Kn, {}),
         /* @__PURE__ */ t(Dn, {}),
@@ -737,7 +737,7 @@ function Un() {
   );
 }
 function qn() {
-  const e = H(), n = rt(), { t: o } = f(), i = D();
+  const e = H(), n = rt(), { t: o } = C(), i = D();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -745,7 +745,7 @@ function qn() {
       id: "submenu",
       "aria-label": o("CAPTIONS_LANGUAGE_MENU"),
       role: "menu",
-      className: h.menuContainer,
+      className: p.menuContainer,
       children: [
         /* @__PURE__ */ c(
           "button",
@@ -753,7 +753,7 @@ function qn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: h.menuBackButton,
+            className: p.menuBackButton,
             onClick: e.back,
             children: [
               /* @__PURE__ */ t(j, {}),
@@ -761,8 +761,8 @@ function qn() {
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
-        n.map(({ value: a, label: s, select: l, selected: r }) => /* @__PURE__ */ c(
+        /* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
+        n.map(({ value: s, label: a, select: l, selected: r }) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
@@ -770,20 +770,20 @@ function qn() {
             "aria-checked": r,
             onClick: () => l(),
             tabIndex: -1,
-            className: h.menuItem,
+            className: p.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: h.checkIcon }),
-              /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: s })
+              /* @__PURE__ */ t(ie, { className: p.checkIcon }),
+              /* @__PURE__ */ t("span", { className: p.menuItemLabel, children: a })
             ]
           },
-          a
+          s
         ))
       ]
     }
   );
 }
 function Gn() {
-  const e = g(), n = H(), { t: o } = f(), i = D();
+  const e = g(), n = H(), { t: o } = C(), i = D();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -791,7 +791,7 @@ function Gn() {
       id: "submenu",
       "aria-label": o("CAPTIONS_FONT_SIZE_MENU"),
       role: "menu",
-      className: h.menuContainer,
+      className: p.menuContainer,
       children: [
         /* @__PURE__ */ c(
           "button",
@@ -799,7 +799,7 @@ function Gn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: h.menuBackButton,
+            className: p.menuBackButton,
             onClick: n.back,
             children: [
               /* @__PURE__ */ t(j, {}),
@@ -807,42 +807,42 @@ function Gn() {
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
-        Bt.map((a) => /* @__PURE__ */ c(
+        /* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
+        Bt.map((s) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-checked": a === e.state.captionsFontSizeMultiplier,
+            "aria-checked": s === e.state.captionsFontSizeMultiplier,
             onClick: () => {
-              e.setCaptionsFontSizeMultiplier(a);
+              e.setCaptionsFontSizeMultiplier(s);
             },
             tabIndex: -1,
-            className: h.menuItem,
+            className: p.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: h.checkIcon }),
-              /* @__PURE__ */ c("span", { className: h.menuItemLabel, children: [
-                a * 100,
+              /* @__PURE__ */ t(ie, { className: p.checkIcon }),
+              /* @__PURE__ */ c("span", { className: p.menuItemLabel, children: [
+                s * 100,
                 "%"
               ] })
             ]
           },
-          a
+          s
         ))
       ]
     }
   );
 }
 function Qn() {
-  const e = H(), n = ut({ sort: "descending" }), o = C("autoQuality"), { t: i } = f(), a = D();
+  const e = H(), n = ut({ sort: "descending" }), o = f("autoQuality"), { t: i } = C(), s = D();
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: a,
+      ref: s,
       id: "submenu",
       "aria-label": i("QUALITY_MENU"),
       role: "menu",
-      className: h.menuContainer,
+      className: p.menuContainer,
       children: [
         /* @__PURE__ */ c(
           "button",
@@ -850,7 +850,7 @@ function Qn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: h.menuBackButton,
+            className: p.menuBackButton,
             onClick: e.back,
             children: [
               /* @__PURE__ */ t(j, {}),
@@ -858,22 +858,22 @@ function Qn() {
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: h.menuHeading, children: i("QUALITY") }),
-        n.map(({ value: s, label: l, select: r, selected: u }) => /* @__PURE__ */ c(
+        /* @__PURE__ */ t("strong", { className: p.menuHeading, children: i("QUALITY") }),
+        n.map(({ value: a, label: l, select: r, selected: u }) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-checked": s === "auto" && o || u && !o,
+            "aria-checked": a === "auto" && o || u && !o,
             onClick: () => r(),
             tabIndex: -1,
-            className: h.menuItem,
+            className: p.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: h.checkIcon }),
-              /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: l })
+              /* @__PURE__ */ t(ie, { className: p.checkIcon }),
+              /* @__PURE__ */ t("span", { className: p.menuItemLabel, children: l })
             ]
           },
-          s
+          a
         ))
       ]
     }
@@ -888,31 +888,31 @@ const De = le(null), Wn = {
   quality: Qn
 };
 function jn() {
-  const e = g(), [n, o] = x(["main"]), [i, a] = x(!1), s = _(() => {
-    a(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
+  const e = g(), [n, o] = x(["main"]), [i, s] = x(!1), a = _(() => {
+    s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
   }, [i]), l = _((P) => {
     o((T) => T.concat(P));
   }, []), r = _(() => {
     o((P) => P.length > 1 ? P.slice(0, -1) : P);
-  }, []), u = E(() => Wn[n[n.length - 1]], [n]), p = G(null), { refs: v, floatingStyles: y, context: k } = ue({
+  }, []), u = E(() => Wn[n[n.length - 1]], [n]), m = G(null), { refs: v, floatingStyles: y, context: k } = ue({
     open: i,
-    onOpenChange: s,
+    onOpenChange: a,
     placement: "top-end",
     whileElementsMounted: de,
     middleware: [
       me(),
       he({
-        element: p
+        element: m
       })
     ]
-  }), w = pe(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: m } = _e([w]), b = E(
-    () => ({ setPage: l, back: r, toggle: s }),
-    [r, l, s]
+  }), w = pe(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = _e([w]), b = E(
+    () => ({ setPage: l, back: r, toggle: a }),
+    [r, l, a]
   );
   return {
     Page: u,
     open: i,
-    arrowRef: p,
+    arrowRef: m,
     refs: v,
     floatingStyles: y,
     context: k,
@@ -922,11 +922,11 @@ function jn() {
         tabIndex: e.state.interactionsDisabled ? -1 : 0
       };
     },
-    getFloatingProps: m,
+    getFloatingProps: h,
     contextValue: b
   };
 }
-const Yn = "_settings-menu_7d0td_1", Xn = "_arrow_7d0td_19", Me = {
+const Yn = "_settings-menu_7d0td_1", Xn = "_arrow_7d0td_19", Pe = {
   "settings-menu": "_settings-menu_7d0td_1",
   settingsMenu: Yn,
   arrow: Xn
@@ -937,12 +937,12 @@ function Jn() {
     arrowRef: n,
     context: o,
     floatingStyles: i,
-    getFloatingProps: a,
-    getReferenceProps: s,
+    getFloatingProps: s,
+    getReferenceProps: a,
     open: l,
     refs: r,
     contextValue: u
-  } = jn(), { t: p } = f();
+  } = jn(), { t: m } = C();
   return /* @__PURE__ */ c(Q, { children: [
     /* @__PURE__ */ t(
       "button",
@@ -950,21 +950,21 @@ function Jn() {
         ref: r.setReference,
         type: "button",
         className: "controls-button",
-        "aria-label": p("SETTINGS"),
+        "aria-label": m("SETTINGS"),
         onClick: u.toggle,
         "aria-expanded": l,
-        ...s(),
-        children: /* @__PURE__ */ t(an, { className: "controls-button-icon icon-rotate" })
+        ...a(),
+        children: /* @__PURE__ */ t(sn, { className: "controls-button-icon icon-rotate" })
       }
     ),
-    l && /* @__PURE__ */ t(Te, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
+    l && /* @__PURE__ */ t(fe, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
       "div",
       {
         "aria-labelledby": "submenu",
-        className: Me.settingsMenu,
+        className: Pe.settingsMenu,
         ref: r.setFloating,
         style: i,
-        ...a(),
+        ...s(),
         children: [
           /* @__PURE__ */ t(De.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
           /* @__PURE__ */ t(
@@ -972,7 +972,7 @@ function Jn() {
             {
               ref: n,
               context: o,
-              className: Me.arrow
+              className: Pe.arrow
             }
           )
         ]
@@ -982,15 +982,15 @@ function Jn() {
 }
 function $e(e, n = 1e3) {
   return function() {
-    const i = C("lastKeyboardAction"), [a, s] = x(!1), l = _(() => s(!1), []);
+    const i = f("lastKeyboardAction"), [s, a] = x(!1), l = _(() => a(!1), []);
     return O(() => {
-      s(!!i);
+      a(!!i);
       const r = setTimeout(l, n);
       return () => clearTimeout(r);
-    }, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
+    }, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
   };
 }
-const be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), e1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), t1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), n1 = "_feedback-overlay_v4lbu_1", o1 = "_feedback-message_v4lbu_14", i1 = "_feedback-icon_v4lbu_30", a1 = "_feedback-icon-animation_v4lbu_1", L = {
+const ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), e1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), t1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), n1 = "_feedback-overlay_v4lbu_1", o1 = "_feedback-message_v4lbu_14", i1 = "_feedback-icon_v4lbu_30", s1 = "_feedback-icon-animation_v4lbu_1", L = {
   "feedback-overlay": "_feedback-overlay_v4lbu_1",
   feedbackOverlay: n1,
   "feedback-message": "_feedback-message_v4lbu_14",
@@ -998,14 +998,14 @@ const be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
   "feedback-icon": "_feedback-icon_v4lbu_30",
   feedbackIcon: i1,
   "feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
-  feedbackIconAnimation: a1
+  feedbackIconAnimation: s1
 };
-function s1() {
+function a1() {
   var o;
-  const e = Se();
+  const e = Te();
   switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
     case "togglePaused":
-      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(be, {}) : /* @__PURE__ */ t(ge, {}) });
+      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(ve, {}) });
     case "toggleCaptions":
     case "nextCaptionLanguage":
     case "previousCaptionLanguage":
@@ -1026,7 +1026,7 @@ function s1() {
 }
 function c1() {
   var i;
-  const { t: e } = f(), n = Se();
+  const { t: e } = C(), n = Te();
   switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
     case "toggleCaptions":
     case "nextCaptionLanguage":
@@ -1052,7 +1052,7 @@ function c1() {
       return null;
   }
 }
-const l1 = $e(s1, 500), r1 = $e(c1, 1e3);
+const l1 = $e(a1, 500), r1 = $e(c1, 1e3);
 function Qe() {
   return /* @__PURE__ */ c("div", { className: L.feedbackOverlay, children: [
     /* @__PURE__ */ t(l1, {}),
@@ -1064,13 +1064,13 @@ const u1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
   fullScreenButton: m1
 };
 function p1() {
-  const e = C("fullscreen"), n = F(), o = g(), i = M(), { t: a } = f();
+  const e = f("fullscreen"), n = F(), o = g(), i = M(), { t: s } = C();
   return i.hideFullScreen ? null : /* @__PURE__ */ t(
     "button",
     {
       role: "button",
       type: "button",
-      "aria-label": a(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
+      "aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
       tabIndex: o.state.interactionsDisabled ? -1 : 0,
       className: `controls-button ${h1.fullScreenButton}`,
       onClick: () => {
@@ -1080,16 +1080,16 @@ function p1() {
     }
   );
 }
-const _1 = "_gestures-container_1fn3b_1", C1 = "_gesture_1fn3b_1", Pe = {
+const _1 = "_gestures-container_1fn3b_1", f1 = "_gesture_1fn3b_1", Ne = {
   "gestures-container": "_gestures-container_1fn3b_1",
   gesturesContainer: _1,
-  gesture: C1
+  gesture: f1
 };
-function f1() {
+function C1() {
   const e = oe(), n = () => {
     e.togglePaused();
   };
-  return /* @__PURE__ */ t("div", { className: Pe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Pe.gesture, onClick: n }) });
+  return /* @__PURE__ */ t("div", { className: Ne.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Ne.gesture, onClick: n }) });
 }
 const We = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), b1 = "_controls-overlay_poi8b_1", g1 = "_keyboard-shortcuts-overlay_poi8b_11", v1 = "_screen-reader-content_poi8b_75", w1 = "_controls-button_poi8b_89", y1 = "_keyboard-shortcuts-button_poi8b_101", k1 = "_kebab-menu-button_poi8b_110", L1 = "_kebab-menu_poi8b_110", x1 = "_kebab-menu-item_poi8b_139", M1 = "_close-button_poi8b_178", P1 = "_arrow_poi8b_192", I = {
   "controls-overlay": "_controls-overlay_poi8b_1",
@@ -1113,7 +1113,7 @@ const We = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0
   arrow: P1
 };
 function N1({ onClose: e }) {
-  const { t: n } = f();
+  const { t: n } = C();
   Nn(e);
   const o = (i) => {
     i && i.focus();
@@ -1235,9 +1235,9 @@ const I1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0
   delete: /* @__PURE__ */ t(T1, {})
 }, R1 = (e) => typeof e != "string";
 function A1() {
-  const [e, n] = x(!1), [o, i] = x(null), a = g(), s = M(), l = () => {
-    n(!e), a.setGlobalKeysDisabled(!e);
-  }, r = G(null), u = G([]), { refs: p, floatingStyles: v, context: y } = ue({
+  const [e, n] = x(!1), [o, i] = x(null), s = g(), a = M(), l = () => {
+    n(!e), s.setGlobalKeysDisabled(!e);
+  }, r = G(null), u = G([]), { refs: m, floatingStyles: v, context: y } = ue({
     open: e,
     onOpenChange: l,
     whileElementsMounted: de,
@@ -1254,41 +1254,41 @@ function A1() {
     listRef: u,
     activeIndex: o,
     onNavigate: i
-  }), w = pe(y), { getReferenceProps: N, getFloatingProps: m, getItemProps: b } = _e(
+  }), w = pe(y), { getReferenceProps: N, getFloatingProps: h, getItemProps: b } = _e(
     [w, k]
-  ), { t: P } = f();
-  return s.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(Q, { children: [
+  ), { t: P } = C();
+  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(Q, { children: [
     /* @__PURE__ */ t(
       "button",
       {
         "aria-label": P("KEBAB_MENU"),
         type: "button",
         className: `${I.controlsButton} ${I.kebabMenuButton}`,
-        tabIndex: a.state.interactionsDisabled ? -1 : 0,
-        ref: p.setReference,
+        tabIndex: s.state.interactionsDisabled ? -1 : 0,
+        ref: m.setReference,
         ...N({
           onClick: () => l()
         }),
         children: /* @__PURE__ */ t(I1, {})
       }
     ),
-    e && /* @__PURE__ */ t(Te, { context: y, modal: !1, children: /* @__PURE__ */ c(
+    e && /* @__PURE__ */ t(fe, { context: y, modal: !1, children: /* @__PURE__ */ c(
       "div",
       {
-        ref: p.setFloating,
+        ref: m.setFloating,
         style: v,
         className: I.kebabMenu,
-        ...m(),
+        ...h(),
         children: [
-          s.kebabMenuElements.map(
+          a.kebabMenuElements.map(
             ({ id: T, text: Z, icon: S, onClick: Y }, X) => /* @__PURE__ */ c(
               "button",
               {
                 tabIndex: o === X ? 0 : -1,
                 type: "button",
                 className: I.kebabMenuItem,
-                ref: (ae) => {
-                  u.current[X] = ae;
+                ref: (se) => {
+                  u.current[X] = se;
                 },
                 ...b({
                   onClick: () => {
@@ -1318,11 +1318,11 @@ function A1() {
 }
 const B1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) });
 function O1() {
-  const [e, n] = x(!1), [o, i] = x(!1), [a, s] = x(!1), l = g(), r = C("playing"), u = oe(), { t: p } = f(), v = _(() => {
-    n(!0), l.disableInteractions(), r && (s(!0), u.pause());
+  const [e, n] = x(!1), [o, i] = x(!1), [s, a] = x(!1), l = g(), r = f("playing"), u = oe(), { t: m } = C(), v = _(() => {
+    n(!0), l.disableInteractions(), r && (a(!0), u.pause());
   }, [r, u, l]), y = _(() => {
-    n(!1), i(!0), l.enableInteractions(), a && (s(!1), u.play());
-  }, [a, u, l]), k = _(
+    n(!1), i(!0), l.enableInteractions(), s && (a(!1), u.play());
+  }, [s, u, l]), k = _(
     (w) => o && (w == null ? void 0 : w.focus()),
     [o]
   );
@@ -1331,7 +1331,7 @@ function O1() {
       "button",
       {
         ref: k,
-        "aria-label": p("KEYBOARD_SHORTCUTS"),
+        "aria-label": m("KEYBOARD_SHORTCUTS"),
         type: "button",
         className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
         onClick: v,
@@ -1347,7 +1347,7 @@ const F1 = "_play-pause-button_1834v_1", Z1 = {
   playPauseButton: F1
 };
 function z1() {
-  const e = F(), n = g(), o = C("paused"), { t: i } = f();
+  const e = F(), n = g(), o = f("paused"), { t: i } = C();
   return e ? /* @__PURE__ */ t(
     "button",
     {
@@ -1359,7 +1359,7 @@ function z1() {
       onClick: () => {
         e.paused ? e.remoteControl.play() : e.remoteControl.pause();
       },
-      children: o ? /* @__PURE__ */ t(ge, { className: "controls-button-icon" }) : /* @__PURE__ */ t(be, { className: "controls-button-icon" })
+      children: o ? /* @__PURE__ */ t(ve, { className: "controls-button-icon" }) : /* @__PURE__ */ t(ge, { className: "controls-button-icon" })
     }
   ) : null;
 }
@@ -1367,7 +1367,7 @@ const K1 = "_poster_195hi_1", D1 = {
   poster: K1
 };
 function $1({ src: e }) {
-  const n = C("source");
+  const n = f("source");
   return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(dt, { src: e, className: D1.poster });
 }
 const U1 = "_small-layout-overlay_1pd49_1", q1 = "_small-layout-button_1pd49_14", G1 = "_small-layout-icon-play_1pd49_24", Q1 = "_small-layout-icon-pause_1pd49_30", W1 = "_full-screen-close-icon_1pd49_36", j1 = "_fade-out_1pd49_1", U = {
@@ -1385,10 +1385,10 @@ const U1 = "_small-layout-overlay_1pd49_1", q1 = "_small-layout-button_1pd49_14"
   fadeOut: j1
 };
 function Y1() {
-  const e = C("paused");
+  const e = f("paused");
   return /* @__PURE__ */ c("div", { className: U.smallLayoutOverlay, children: [
     /* @__PURE__ */ t(mt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(We, {}) }),
-    /* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(ge, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(be, { className: U.smallLayoutIconPause }) })
+    /* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(ve, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(ge, { className: U.smallLayoutIconPause }) })
   ] });
 }
 const X1 = "_time-indicator_1rlpb_1", J1 = {
@@ -1397,52 +1397,52 @@ const X1 = "_time-indicator_1rlpb_1", J1 = {
 };
 function eo() {
   return /* @__PURE__ */ c("div", { className: J1.timeIndicator, children: [
-    /* @__PURE__ */ t(Le, { type: "current" }),
+    /* @__PURE__ */ t(xe, { type: "current" }),
     "/",
-    /* @__PURE__ */ t(Le, { type: "duration" })
+    /* @__PURE__ */ t(xe, { type: "duration" })
   ] });
 }
-const to = "_comment-markers_1pad4_1", no = "_comment-marker_1pad4_1", oo = "_timeline-wrapper_1pad4_27", io = "_track_1pad4_41", ao = "_thumb_1pad4_54", so = "_root_1pad4_68", co = "_track-inner_1pad4_98", lo = "_progress_1pad4_104", ro = "_track-fill_1pad4_110", uo = "_pins_1pad4_127", mo = "_pin-button_1pad4_140", ho = "_annotation-pin_1pad4_160", po = "_quiz-pin_1pad4_165", _o = "_annotation-pin-child_1pad4_170", Co = "_quiz-pin-child_1pad4_174", fo = "_interactive-pin-container_1pad4_179", bo = "_interactive-pin-wrapper_1pad4_189", go = "_interactive-pin-icon_1pad4_195", vo = "_interactive-pin_1pad4_179", wo = "_bg_1pad4_209", yo = "_symbol_1pad4_213", ko = "_interactive-pin-button_1pad4_218", Lo = "_interactive-pin-menu_1pad4_238", xo = "_interactive-pin-menu-item_1pad4_252", Mo = "_arrow_1pad4_273", d = {
-  "comment-markers": "_comment-markers_1pad4_1",
+const to = "_comment-markers_fno42_1", no = "_comment-marker_fno42_1", oo = "_timeline-wrapper_fno42_27", io = "_track_fno42_41", so = "_thumb_fno42_52", ao = "_root_fno42_66", co = "_track-inner_fno42_96", lo = "_progress_fno42_102", ro = "_track-fill_fno42_108", uo = "_pins_fno42_125", mo = "_pin-button_fno42_138", ho = "_annotation-pin_fno42_158", po = "_quiz-pin_fno42_163", _o = "_annotation-pin-child_fno42_168", fo = "_quiz-pin-child_fno42_172", Co = "_interactive-pin-container_fno42_177", bo = "_interactive-pin-wrapper_fno42_187", go = "_interactive-pin-icon_fno42_193", vo = "_interactive-pin_fno42_177", wo = "_bg_fno42_207", yo = "_symbol_fno42_211", ko = "_interactive-pin-button_fno42_216", Lo = "_interactive-pin-menu_fno42_236", xo = "_interactive-pin-menu-item_fno42_250", Mo = "_arrow_fno42_271", d = {
+  "comment-markers": "_comment-markers_fno42_1",
   commentMarkers: to,
-  "comment-marker": "_comment-marker_1pad4_1",
+  "comment-marker": "_comment-marker_fno42_1",
   commentMarker: no,
-  "timeline-wrapper": "_timeline-wrapper_1pad4_27",
+  "timeline-wrapper": "_timeline-wrapper_fno42_27",
   timelineWrapper: oo,
   track: io,
-  thumb: ao,
-  root: so,
-  "track-inner": "_track-inner_1pad4_98",
+  thumb: so,
+  root: ao,
+  "track-inner": "_track-inner_fno42_96",
   trackInner: co,
   progress: lo,
-  "track-fill": "_track-fill_1pad4_110",
+  "track-fill": "_track-fill_fno42_108",
   trackFill: ro,
   pins: uo,
-  "pin-button": "_pin-button_1pad4_140",
+  "pin-button": "_pin-button_fno42_138",
   pinButton: mo,
-  "annotation-pin": "_annotation-pin_1pad4_160",
+  "annotation-pin": "_annotation-pin_fno42_158",
   annotationPin: ho,
-  "quiz-pin": "_quiz-pin_1pad4_165",
+  "quiz-pin": "_quiz-pin_fno42_163",
   quizPin: po,
-  "annotation-pin-child": "_annotation-pin-child_1pad4_170",
+  "annotation-pin-child": "_annotation-pin-child_fno42_168",
   annotationPinChild: _o,
-  "quiz-pin-child": "_quiz-pin-child_1pad4_174",
-  quizPinChild: Co,
-  "interactive-pin-container": "_interactive-pin-container_1pad4_179",
-  interactivePinContainer: fo,
-  "interactive-pin-wrapper": "_interactive-pin-wrapper_1pad4_189",
+  "quiz-pin-child": "_quiz-pin-child_fno42_172",
+  quizPinChild: fo,
+  "interactive-pin-container": "_interactive-pin-container_fno42_177",
+  interactivePinContainer: Co,
+  "interactive-pin-wrapper": "_interactive-pin-wrapper_fno42_187",
   interactivePinWrapper: bo,
-  "interactive-pin-icon": "_interactive-pin-icon_1pad4_195",
+  "interactive-pin-icon": "_interactive-pin-icon_fno42_193",
   interactivePinIcon: go,
-  "interactive-pin": "_interactive-pin_1pad4_179",
+  "interactive-pin": "_interactive-pin_fno42_177",
   interactivePin: vo,
   bg: wo,
   symbol: yo,
-  "interactive-pin-button": "_interactive-pin-button_1pad4_218",
+  "interactive-pin-button": "_interactive-pin-button_fno42_216",
   interactivePinButton: ko,
-  "interactive-pin-menu": "_interactive-pin-menu_1pad4_238",
+  "interactive-pin-menu": "_interactive-pin-menu_fno42_236",
   interactivePinMenu: Lo,
-  "interactive-pin-menu-item": "_interactive-pin-menu-item_1pad4_252",
+  "interactive-pin-menu-item": "_interactive-pin-menu-item_fno42_250",
   interactivePinMenuItem: xo,
   arrow: Mo
 }, Po = {
@@ -1455,12 +1455,12 @@ function je({
   children: o,
   onClick: i
 }) {
-  const a = g();
+  const s = g();
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      tabIndex: a.state.interactionsDisabled ? -1 : 0,
+      tabIndex: s.state.interactionsDisabled ? -1 : 0,
       className: d.pinButton,
       style: { left: `${n}%` },
       onClick: i,
@@ -1519,33 +1519,33 @@ function Ho(e, n) {
 }
 function Vo(e, n) {
   const o = /* @__PURE__ */ new Map();
-  e.forEach((s) => {
+  e.forEach((a) => {
     var r;
-    const l = s.time;
-    o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(s);
+    const l = a.time;
+    o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(a);
   });
   const i = [];
-  let a = 0;
-  return o.forEach((s, l) => {
+  let s = 0;
+  return o.forEach((a, l) => {
     i.push({
-      id: s.map((r) => r.id).join("-"),
+      id: a.map((r) => r.id).join("-"),
       time: l,
       type: "quiz",
-      ordinal: a + 1,
-      onClick: () => n(s),
-      multiple: s.length > 1
-    }), a++;
+      ordinal: s + 1,
+      onClick: () => n(a),
+      multiple: a.length > 1
+    }), s++;
   }), i;
 }
 function So(e, n, o, i) {
   switch (e.type) {
     case "annotation": {
-      const a = () => i ? e.onClick() : o.seek(e.time);
+      const s = () => i ? e.onClick() : o.seek(e.time);
       return /* @__PURE__ */ t(
         No,
         {
           position: e.time / n * 100,
-          onClick: a
+          onClick: s
         },
         e.id
       );
@@ -1566,17 +1566,17 @@ function So(e, n, o, i) {
   }
 }
 function To() {
-  const e = oe(), n = C("duration"), o = M(), i = E(() => [
+  const e = oe(), n = f("duration"), o = M(), i = E(() => [
     ...Ho(
       o.annotations,
       o.onAnnotationClick
     ),
     ...Vo(o.quizMarkers, o.onQuizMarkerClick)
-  ].sort((s, l) => s.time - l.time).map((s) => So(s, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
+  ].sort((a, l) => a.time - l.time).map((a) => So(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
   return /* @__PURE__ */ t("div", { className: d.pins, children: i });
 }
 function Eo() {
-  const e = C("duration"), n = M(), o = g();
+  const e = f("duration"), n = M(), o = g();
   return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
     "span",
     {
@@ -1589,11 +1589,11 @@ function Eo() {
   )) }) : null;
 }
 function Ro({ currentTime: e, position: n }) {
-  const [o, i] = x(!1), a = M(), s = _(() => a.interactiveMenuElements.length > 0 ? i((w) => !w) : a.onInteractivePinClick(e), [
-    a.interactiveMenuElements,
-    a.onInteractivePinClick,
+  const [o, i] = x(!1), s = M(), a = _(() => s.interactiveMenuElements.length > 0 ? i((w) => !w) : s.onInteractivePinClick(e), [
+    s.interactiveMenuElements,
+    s.onInteractivePinClick,
     e
-  ]), l = G(null), { refs: r, floatingStyles: u, context: p } = ue({
+  ]), l = G(null), { refs: r, floatingStyles: u, context: m } = ue({
     open: o,
     onOpenChange: i,
     whileElementsMounted: de,
@@ -1606,13 +1606,13 @@ function Ro({ currentTime: e, position: n }) {
         element: l
       })
     ]
-  }), v = pe(p), { getReferenceProps: y, getFloatingProps: k } = _e([v]);
+  }), v = pe(m), { getReferenceProps: y, getFloatingProps: k } = _e([v]);
   return /* @__PURE__ */ c(Q, { children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        onClick: s,
+        onClick: a,
         className: d.interactivePinButton,
         ref: r.setReference,
         style: { left: `${n}%` },
@@ -1657,76 +1657,86 @@ function Ro({ currentTime: e, position: n }) {
         )
       }
     ),
-    o && /* @__PURE__ */ c(
-      "div",
+    o && /* @__PURE__ */ t(
+      fe,
       {
-        ref: r.setFloating,
-        style: u,
-        className: d.interactivePinMenu,
-        ...k(),
-        children: [
-          a.interactiveMenuElements.map(({ id: w, text: N, onClick: m }) => /* @__PURE__ */ c(
-            "button",
-            {
-              type: "button",
-              className: d.interactivePinMenuItem,
-              onClick: () => {
-                m(w, e), i(!1);
-              },
-              children: [
-                /* @__PURE__ */ t(
-                  "svg",
+        order: ["floating", "content"],
+        context: m,
+        modal: !0,
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            ref: r.setFloating,
+            style: u,
+            className: d.interactivePinMenu,
+            ...k(),
+            children: [
+              s.interactiveMenuElements.map(
+                ({ id: w, text: N, onClick: h }) => /* @__PURE__ */ c(
+                  "button",
                   {
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /* @__PURE__ */ t(
-                      "path",
-                      {
-                        fillRule: "evenodd",
-                        clipRule: "evenodd",
-                        d: "M7.33339 7.33339H1.77783V8.66672H7.33339V14.2223H8.66672V8.66672H14.2223V7.33339H8.66672V1.77783H7.33339V7.33339Z",
-                        fill: "#273540"
-                      }
-                    )
-                  }
-                ),
-                N
-              ]
-            },
-            w
-          )),
-          /* @__PURE__ */ t(
-            Ce,
-            {
-              ref: l,
-              context: p,
-              className: d.arrow
-            }
-          )
-        ]
+                    type: "button",
+                    className: d.interactivePinMenuItem,
+                    onClick: () => {
+                      h(w, e), i(!1);
+                    },
+                    children: [
+                      /* @__PURE__ */ t(
+                        "svg",
+                        {
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 16 16",
+                          fill: "none",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          children: /* @__PURE__ */ t(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              clipRule: "evenodd",
+                              d: "M7.33339 7.33339H1.77783V8.66672H7.33339V14.2223H8.66672V8.66672H14.2223V7.33339H8.66672V1.77783H7.33339V7.33339Z",
+                              fill: "#273540"
+                            }
+                          )
+                        }
+                      ),
+                      N
+                    ]
+                  },
+                  w
+                )
+              ),
+              /* @__PURE__ */ t(
+                Ce,
+                {
+                  ref: l,
+                  context: m,
+                  className: d.arrow
+                }
+              )
+            ]
+          }
+        )
       }
     )
   ] });
 }
 function Ao() {
-  const e = C("duration"), n = C("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
+  const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
   return i.some(
-    ([s, l]) => n >= s && n <= l
+    ([a, l]) => n >= a && n <= l
   ) ? null : /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(Ro, { currentTime: n, position: o }) }) });
 }
 function Bo() {
-  const e = C("paused"), n = g();
+  const e = f("paused"), n = g();
   return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ao, {}) : null;
 }
 const Oo = `${d.progress} ${d.trackInner}`, Fo = `${d.trackFill} ${d.trackInner}`;
-function Ne({ className: e }) {
-  const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = M(), s = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
-  return /* @__PURE__ */ c("div", { className: s, children: [
-    a ? /* @__PURE__ */ t(Bo, {}) : null,
-    a || o || i ? /* @__PURE__ */ t(To, {}) : null,
+function Ie({ className: e }) {
+  const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
+  return /* @__PURE__ */ c("div", { className: a, children: [
+    s ? /* @__PURE__ */ t(Bo, {}) : null,
+    s || o || i ? /* @__PURE__ */ t(To, {}) : null,
     /* @__PURE__ */ t(Eo, {}),
     /* @__PURE__ */ c(
       $.Root,
@@ -1753,7 +1763,7 @@ const Zo = "_wrapper_12cb0_1", zo = "_track_12cb0_6", Ko = "_thumb_12cb0_18", Do
   root: $o
 };
 function Uo() {
-  const e = F(), n = C("volume"), o = C("muted"), i = g(), a = o || n === 0, { t: s } = f();
+  const e = F(), n = f("volume"), o = f("muted"), i = g(), s = o || n === 0, { t: a } = C();
   return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
     /* @__PURE__ */ t(
       "button",
@@ -1762,11 +1772,11 @@ function Uo() {
         type: "button",
         tabIndex: i.state.interactionsDisabled ? -1 : 0,
         className: "controls-button",
-        "aria-label": s(a ? "VOLUME" : "MUTE"),
+        "aria-label": a(s ? "VOLUME" : "MUTE"),
         onClick: () => {
-          a ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
+          s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
         },
-        children: a ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(qe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ge, { className: "controls-button-icon" })
+        children: s ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(qe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ge, { className: "controls-button-icon" })
       }
     ),
     /* @__PURE__ */ c(
@@ -1782,7 +1792,7 @@ function Uo() {
     )
   ] });
 }
-const Ie = {
+const He = {
   togglePaused: {
     keys: ["Space", "Enter", "k"],
     onKeyUp({ event: e, player: n, remote: o }) {
@@ -1803,9 +1813,9 @@ const Ie = {
   nextCaptionLanguage: {
     keys: ["v"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const i = n.textTracks.selectedIndex, a = i + 1;
+      const i = n.textTracks.selectedIndex, s = i + 1;
       o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
-        a >= n.textTracks.length ? 0 : a,
+        s >= n.textTracks.length ? 0 : s,
         "showing"
       ), n.$state.lastKeyboardAction.set({
         action: "nextCaptionLanguage",
@@ -1816,9 +1826,9 @@ const Ie = {
   previousCaptionLanguage: {
     keys: ["x"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const i = n.textTracks.selectedIndex, a = i - 1;
+      const i = n.textTracks.selectedIndex, s = i - 1;
       o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
-        a < 0 ? n.textTracks.length - 1 : a,
+        s < 0 ? n.textTracks.length - 1 : s,
         "showing"
       ), n.$state.lastKeyboardAction.set({
         action: "previousCaptionLanguage",
@@ -1829,8 +1839,8 @@ const Ie = {
   decreasePlaybackRate: {
     keys: ["a"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const a = K.indexOf(n.playbackRate) - 1;
-      a >= 0 && (o.changePlaybackRate(K[a]), n.$state.lastKeyboardAction.set({
+      const s = K.indexOf(n.playbackRate) - 1;
+      s >= 0 && (o.changePlaybackRate(K[s]), n.$state.lastKeyboardAction.set({
         action: "decreasePlaybackRate",
         event: e
       }));
@@ -1839,8 +1849,8 @@ const Ie = {
   increasePlaybackRate: {
     keys: ["d"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const a = K.indexOf(n.playbackRate) + 1;
-      a < K.length && (o.changePlaybackRate(K[a]), n.$state.lastKeyboardAction.set({
+      const s = K.indexOf(n.playbackRate) + 1;
+      s < K.length && (o.changePlaybackRate(K[s]), n.$state.lastKeyboardAction.set({
         action: "increasePlaybackRate",
         event: e
       }));
@@ -1874,7 +1884,7 @@ const Ie = {
     }
   }
 };
-function He(e) {
+function Ve(e) {
   return typeof e == "number" && !isNaN(e);
 }
 function qo(e, n = 1e3) {
@@ -1885,7 +1895,7 @@ function qo(e, n = 1e3) {
     }, n));
   };
 }
-const Ve = {
+const Se = {
   volume: 1,
   muted: !1,
   lang: null,
@@ -1900,7 +1910,7 @@ class Go {
   constructor() {
     V(this, "playerId", "studio-player");
     V(this, "mediaId", null);
-    V(this, "data", Ve);
+    V(this, "data", Se);
     V(this, "time", null);
     V(this, "overrideTime", null);
     V(this, "saveTime", () => {
@@ -1912,7 +1922,7 @@ class Go {
     // only used for useStudioPlayer hook's state initialization
     V(this, "initializeState", (n) => {
       const o = localStorage.getItem(this.playerId);
-      if (He(n) && n >= 0 && (this.overrideTime = n), o)
+      if (Ve(n) && n >= 0 && (this.overrideTime = n), o)
         try {
           this.data = JSON.parse(o);
         } catch {
@@ -1978,18 +1988,18 @@ class Go {
     this.data.rate = n, this.save();
   }
   onChange(n, o, i = "studio-player") {
-    const a = i ? localStorage.getItem(i) : null, s = o ? localStorage.getItem(o) : null;
+    const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
     this.playerId = i, this.mediaId = o;
     let l = {};
-    if (a)
+    if (s)
       try {
-        l = JSON.parse(a);
+        l = JSON.parse(s);
       } catch {
       }
     this.data = {
-      ...Ve,
+      ...Se,
       ...l
-    }, He(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = s ? +s : null;
+    }, Ve(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
   }
   save() {
     if (!this.playerId) return;
@@ -1998,68 +2008,68 @@ class Go {
   }
 }
 function Qo(e, n, o, i) {
-  const a = E(() => new Go(), []), [s, l] = x(
-    a.initializeState(i)
+  const s = E(() => new Go(), []), [a, l] = x(
+    s.initializeState(i)
   ), r = _(
-    (m) => {
-      l((b) => (a.saveData("multiplier", m), {
+    (h) => {
+      l((b) => (s.saveData("multiplier", h), {
         ...b,
-        captionsFontSizeMultiplier: m
+        captionsFontSizeMultiplier: h
       }));
     },
-    [a]
+    [s]
   ), u = _(() => {
-    l((m) => {
-      const b = !m.captionPositionOnTop;
-      return a.saveData("ontop", b), {
-        ...m,
+    l((h) => {
+      const b = !h.captionPositionOnTop;
+      return s.saveData("ontop", b), {
+        ...h,
         captionPositionOnTop: b
       };
     });
-  }, [a]), p = _(() => {
-    l((m) => {
-      const b = !m.captionsInvertColors;
-      return a.saveData("invert", b), {
-        ...m,
+  }, [s]), m = _(() => {
+    l((h) => {
+      const b = !h.captionsInvertColors;
+      return s.saveData("invert", b), {
+        ...h,
         captionsInvertColors: b
       };
     });
-  }, [a]), v = _(() => {
-    l((m) => {
-      const b = !m.commentsEnabled;
-      return a.saveData("comments", b), {
-        ...m,
+  }, [s]), v = _(() => {
+    l((h) => {
+      const b = !h.commentsEnabled;
+      return s.saveData("comments", b), {
+        ...h,
         commentsEnabled: b
       };
     });
-  }, [a]), y = _(() => {
-    l((m) => ({
-      ...m,
+  }, [s]), y = _(() => {
+    l((h) => ({
+      ...h,
       interactionsDisabled: !1
     }));
   }, []), k = _(() => {
-    l((m) => ({
-      ...m,
+    l((h) => ({
+      ...h,
       interactionsDisabled: !0
     }));
-  }, []), w = _((m) => {
+  }, []), w = _((h) => {
     l((b) => ({
       ...b,
-      globalKeysDisabled: m
+      globalKeysDisabled: h
     }));
   }, []), N = E(() => e ? {
-    ...Ie,
+    ...He,
     toggleFullscreen: []
-  } : Ie, [e]);
+  } : He, [e]);
   return {
     contextValue: {
       state: {
-        ...s,
-        commentsEnabled: n || s.commentsEnabled
+        ...a,
+        commentsEnabled: n || a.commentsEnabled
       },
       setCaptionsFontSizeMultiplier: r,
       toggleCaptionPositionOnTop: u,
-      toggleCaptionsInvertColors: p,
+      toggleCaptionsInvertColors: m,
       enableInteractions: y,
       disableInteractions: k,
       setGlobalKeysDisabled: w,
@@ -2067,7 +2077,7 @@ function Qo(e, n, o, i) {
       disableCaptionSettings: o
     },
     shortcuts: N,
-    storage: a
+    storage: s
   };
 }
 const Wo = {};
@@ -2079,7 +2089,7 @@ function jo() {
     /* @__PURE__ */ t(Oe, {}),
     /* @__PURE__ */ t(ze, { captions: e.captions }),
     /* @__PURE__ */ t(Y1, {}),
-    /* @__PURE__ */ t(f1, {}),
+    /* @__PURE__ */ t(C1, {}),
     /* @__PURE__ */ t(jt, { comments: e.comments })
   ] });
 }
@@ -2100,11 +2110,11 @@ function Xo() {
     /* @__PURE__ */ t(ze, { captions: e.captions })
   ] });
 }
-function Jo(e, n, o, i = 0.25) {
-  let a = !1;
+function Jo(e, n, o) {
+  let i = !1;
   return (s) => {
-    const l = s.detail.currentTime, r = !o.paused;
-    l >= e.time && l < e.time + i && !a && (a = !0, n(e, r)), (l < e.time || l >= e.time + i) && a && (a = !1);
+    const a = s.detail.currentTime, l = !o.paused;
+    a >= e.time && !i && (i = !0, n(e, l)), a < e.time && i && (i = !1);
   };
 }
 function ei() {
@@ -2113,13 +2123,13 @@ function ei() {
     if (!e)
       return;
     const i = [];
-    for (const a of n) {
-      const s = Jo(a, o, e);
-      e.addEventListener("time-update", s), i.push(s);
+    for (const s of n) {
+      const a = Jo(s, o, e);
+      e.addEventListener("time-update", a), i.push(a);
     }
     return () => {
-      for (const a of i)
-        e.removeEventListener("time-update", a);
+      for (const s of i)
+        e.removeEventListener("time-update", s);
     };
   }, [n, e]);
 }
@@ -2133,18 +2143,18 @@ function ui({
   playerRef: n,
   src: o,
   captions: i = [],
-  thumbnail: a,
-  hideFullScreen: s = !1,
+  thumbnail: s,
+  hideFullScreen: a = !1,
   comments: l = [],
   locale: r = "en",
   annotations: u = [],
-  quizMarkers: p = [],
+  quizMarkers: m = [],
   interactive: v = !1,
   onAnnotationClick: y = ne,
   onQuizMarkerClick: k = ne,
   onQuizMarkerShow: w = ne,
   onInteractivePinClick: N = ne,
-  interactiveMenuElements: m = [],
+  interactiveMenuElements: h = [],
   kebabMenuElements: b = [],
   darkMode: P = !1,
   autoLoadCaptionSrc: T = "",
@@ -2152,36 +2162,36 @@ function ui({
   disableCaptionSettings: S = !1,
   disableStorage: Y = !1,
   startAt: X,
-  crossOrigin: ae,
+  crossOrigin: se,
   captionOffsetOverride: Ye,
   disableInteractivePinRanges: Xe = []
 }) {
-  const { contextValue: se, shortcuts: Je, storage: et } = Qo(
-    s,
+  const { contextValue: ae, shortcuts: Je, storage: et } = Qo(
+    a,
     Z,
     S,
     X
-  ), { i18n: ve } = f();
+  ), { i18n: we } = C();
   O(() => {
-    ve.changeLanguage(r);
-  }, [ve, r]);
-  const [we, ye] = x("none"), tt = _((R) => {
-    ht(R) ? ye("audio") : pt(R) && ye("video");
+    we.changeLanguage(r);
+  }, [we, r]);
+  const [ye, ke] = x("none"), tt = _((R) => {
+    ht(R) ? ke("audio") : pt(R) && ke("video");
   }, []);
   return /* @__PURE__ */ t(
     kt,
     {
-      hideFullScreen: s,
+      hideFullScreen: a,
       comments: l,
       captions: i,
-      thumbnail: a,
+      thumbnail: s,
       annotations: u,
-      quizMarkers: p,
+      quizMarkers: m,
       interactive: v,
       onAnnotationClick: y,
       onQuizMarkerClick: k,
       onInteractivePinClick: N,
-      interactiveMenuElements: m,
+      interactiveMenuElements: h,
       kebabMenuElements: b,
       darkMode: P,
       forceComments: Z,
@@ -2190,27 +2200,27 @@ function ui({
       captionOffsetOverride: Ye,
       disableInteractivePinRanges: Xe,
       onQuizMarkerShow: w,
-      children: /* @__PURE__ */ t(yt, { contextValue: se, children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ t(yt, { contextValue: ae, children: /* @__PURE__ */ c(
         _t,
         {
-          crossOrigin: ae,
+          crossOrigin: se,
           storage: Y ? null : et,
           title: e,
           src: o,
           keyShortcuts: Je,
           playsInline: !0,
-          keyDisabled: se.state.interactionsDisabled || se.state.globalKeysDisabled,
+          keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
           onTextTracksChange: (R) => {
-            const ke = R == null ? void 0 : R.findIndex(
+            const Le = R == null ? void 0 : R.findIndex(
               (nt) => nt.src === T
             );
-            ke > -1 && (R[ke].mode = "showing");
+            Le > -1 && (R[Le].mode = "showing");
           },
           onProviderSetup: tt,
           children: [
-            /* @__PURE__ */ c(Ct, { className: Wo.mediaProvider, children: [
-              we === "audio" && /* @__PURE__ */ t(Xo, {}),
-              we === "video" && /* @__PURE__ */ t(jo, {})
+            /* @__PURE__ */ c(ft, { className: Wo.mediaProvider, children: [
+              ye === "audio" && /* @__PURE__ */ t(Xo, {}),
+              ye === "video" && /* @__PURE__ */ t(jo, {})
             ] }),
             /* @__PURE__ */ t(O1, {}),
             /* @__PURE__ */ t(
@@ -2222,7 +2232,7 @@ function ui({
               }
             ),
             /* @__PURE__ */ t(Pt, { annotations: u }),
-            !!p.length && /* @__PURE__ */ t(ti, {})
+            !!m.length && /* @__PURE__ */ t(ti, {})
           ]
         }
       ) })