@instructure/studio-player 0.2.4 → 0.2.5

package/dist/studio-player.es.js

@@ -1,14 +1,14 @@
-import './index-aLp7_0kW.css';var Be = Object.defineProperty;
-var Re = (e, n, o) => n in e ? Be(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
-var N = (e, n, o) => Re(e, typeof n != "symbol" ? n + "" : n, o);
-import { jsx as t, jsxs as s, Fragment as J } from "react/jsx-runtime";
-import { createContext as X, useContext as w, useState as P, useCallback as f, useEffect as R, useMemo as Z, useRef as de } from "react";
-import { useMediaPlayer as U, Spinner as G, useMediaRemote as q, useMediaState as v, isTrackCaptionKind as Ae, Track as Ee, Captions as Oe, usePlaybackRateOptions as Fe, useCaptionOptions as Ze, useVideoQualityOptions as $e, useMediaStore as me, FullscreenButton as he, PlayButton as ze, Poster as Ke, Time as ie, TimeSlider as E, MuteButton as De, VolumeSlider as K, MediaPlayer as je, MediaProvider as Ue } from "@vidstack/react";
-import { initReactI18next as qe, useTranslation as C } from "react-i18next";
-import We from "i18next";
-import Ge from "i18next-resources-to-backend";
-import { useFloating as pe, autoUpdate as _e, flip as fe, arrow as ve, useDismiss as be, useInteractions as Ce, FloatingFocusManager as Qe, FloatingArrow as ge, shift as Ye, offset as Je } from "@floating-ui/react";
-const Xe = (e, n, o) => {
+import './index-aLp7_0kW.css';var Oe = Object.defineProperty;
+var Fe = (e, n, o) => n in e ? Oe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
+var N = (e, n, o) => Fe(e, typeof n != "symbol" ? n + "" : n, o);
+import { jsx as t, jsxs as s, Fragment as X } from "react/jsx-runtime";
+import { createContext as ee, useContext as w, useState as P, useCallback as f, useEffect as R, useMemo as Z, useRef as pe } from "react";
+import { useMediaPlayer as q, Spinner as Q, useMediaRemote as W, useMediaState as v, isTrackCaptionKind as Ze, Track as $e, Captions as ze, usePlaybackRateOptions as Ke, useCaptionOptions as De, useVideoQualityOptions as je, useMediaStore as _e, FullscreenButton as fe, PlayButton as Ue, Poster as qe, Time as ce, TimeSlider as E, MuteButton as We, VolumeSlider as D, MediaPlayer as Ge, MediaProvider as Qe } from "@vidstack/react";
+import { initReactI18next as Ye, useTranslation as C } from "react-i18next";
+import Je from "i18next";
+import Xe from "i18next-resources-to-backend";
+import { useFloating as ve, autoUpdate as be, flip as Ce, arrow as ge, useDismiss as ke, useInteractions as ye, FloatingFocusManager as et, FloatingArrow as we, shift as tt, offset as nt } from "@floating-ui/react";
+const ot = (e, n, o) => {
   const i = e[n];
   return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -21,9 +21,9 @@ const Xe = (e, n, o) => {
     );
   });
 };
-We.use(qe).use(
-  Ge(
-    (e) => Xe(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-DRnzP2ly.js"), "./locales/kl.json": () => import("./kl-DAr1HilW.js") }), `./locales/${e}.json`, 3)
+Je.use(Ye).use(
+  Xe(
+    (e) => ot(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-DRnzP2ly.js"), "./locales/kl.json": () => import("./kl-DAr1HilW.js") }), `./locales/${e}.json`, 3)
   )
 ).init({
   fallbackLng: "en",
@@ -34,23 +34,23 @@ We.use(qe).use(
     escapeValue: !1
   }
 });
-const ke = X(null);
-function et({
+const Le = ee(null);
+function it({
   children: e,
   contextValue: n
 }) {
-  return /* @__PURE__ */ t(ke.Provider, { value: n, children: e });
+  return /* @__PURE__ */ t(Le.Provider, { value: n, children: e });
 }
 function g() {
-  const e = w(ke);
+  const e = w(Le);
   if (!e)
     throw new Error(
       "useStudioPlayerContext must be used within a StudioPlayerContextProvider"
     );
   return e;
 }
-const ye = X(null);
-function tt({
+const Pe = ee(null);
+function at({
   hideFullScreen: e,
   comments: n,
   annotations: o,
@@ -78,28 +78,28 @@ function tt({
     hasAnnotations: o.length > 0,
     hasQuizmarkers: i.length > 0
   };
-  return /* @__PURE__ */ t(ye.Provider, { value: d, children: b });
+  return /* @__PURE__ */ t(Pe.Provider, { value: d, children: b });
 }
 function I() {
-  const e = w(ye);
+  const e = w(Pe);
   if (!e)
     throw new Error(
       "useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
     );
   return e;
 }
-const nt = "_annotation-overlay_1kxzn_1", ot = {
+const st = "_annotation-overlay_1kxzn_1", ct = {
   "annotation-overlay": "_annotation-overlay_1kxzn_1",
-  annotationOverlay: nt
-}, ae = 0.25, it = (e, n) => {
+  annotationOverlay: st
+}, le = 0.25, lt = (e, n) => {
   let o = !1;
   return (i) => {
     const a = i.detail.currentTime;
-    a >= e.time && a < e.time + ae && !o && (o = !0, n(e)), (a < e.time || a >= e.time + ae) && o && (o = !1);
+    a >= e.time && a < e.time + le && !o && (o = !0, n(e)), (a < e.time || a >= e.time + le) && o && (o = !1);
   };
 };
-function at({ annotations: e }) {
-  const n = U(), o = g(), i = I(), [a, c] = P(
+function rt({ annotations: e }) {
+  const n = q(), o = g(), i = I(), [a, c] = P(
     null
   ), l = f(
     (h) => {
@@ -114,7 +114,7 @@ function at({ annotations: e }) {
       return;
     const h = [];
     for (const p of e) {
-      const b = it(p, l);
+      const b = lt(p, l);
       n.addEventListener("time-update", b), h.push(b);
     }
     if (a) {
@@ -127,41 +127,41 @@ function at({ annotations: e }) {
       for (const p of h)
         n.removeEventListener("time-update", p);
     };
-  }, [n, e]), a ? /* @__PURE__ */ t("div", { className: ot.annotationOverlay, children: a.render(u) }) : null;
+  }, [n, e]), a ? /* @__PURE__ */ t("div", { className: ct.annotationOverlay, children: a.render(u) }) : null;
 }
-const st = "_media-buffering-indicator_1fwjr_1", ct = "_media-buffering-spinner_1fwjr_17", lt = "_media-buffering-spin_1fwjr_17", rt = "_media-buffering-track_1fwjr_22", ut = "_media-buffering-track-fill_1fwjr_27", D = {
+const ut = "_media-buffering-indicator_1fwjr_1", dt = "_media-buffering-spinner_1fwjr_17", mt = "_media-buffering-spin_1fwjr_17", ht = "_media-buffering-track_1fwjr_22", pt = "_media-buffering-track-fill_1fwjr_27", j = {
   "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
-  mediaBufferingIndicator: st,
+  mediaBufferingIndicator: ut,
   "media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
-  mediaBufferingSpinner: ct,
+  mediaBufferingSpinner: dt,
   "media-buffering-spin": "_media-buffering-spin_1fwjr_17",
-  mediaBufferingSpin: lt,
+  mediaBufferingSpin: mt,
   "media-buffering-track": "_media-buffering-track_1fwjr_22",
-  mediaBufferingTrack: rt,
+  mediaBufferingTrack: ht,
   "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
-  mediaBufferingTrackFill: ut
+  mediaBufferingTrackFill: pt
 };
-function dt() {
-  return /* @__PURE__ */ t("div", { className: D.mediaBufferingIndicator, children: /* @__PURE__ */ s(G.Root, { className: D.mediaBufferingSpinner, size: 96, children: [
-    /* @__PURE__ */ t(G.Track, { className: D.mediaBufferingTrack, width: 8 }),
+function _t() {
+  return /* @__PURE__ */ t("div", { className: j.mediaBufferingIndicator, children: /* @__PURE__ */ s(Q.Root, { className: j.mediaBufferingSpinner, size: 96, children: [
+    /* @__PURE__ */ t(Q.Track, { className: j.mediaBufferingTrack, width: 8 }),
     /* @__PURE__ */ t(
-      G.TrackFill,
+      Q.TrackFill,
       {
-        className: D.mediaBufferingTrackFill,
+        className: j.mediaBufferingTrackFill,
         width: 8
       }
     )
   ] }) });
 }
-const we = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+const Ne = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 21.8125V2.3125C22.5 1.9 22.1625 1.5625 21.75 1.5625H2.25C1.8375 1.5625 1.5 1.9 1.5 2.3125V21.8125C1.5 22.225 1.8375 22.5625 2.25 22.5625H21.75C22.1625 22.5625 22.5 22.225 22.5 21.8125ZM21.75 0.0625C22.9905 0.0625 24 1.072 24 2.3125V21.8125C24 23.053 22.9905 24.0625 21.75 24.0625H2.25C1.0095 24.0625 0 23.053 0 21.8125V2.3125C0 1.072 1.0095 0.0625 2.25 0.0625H21.75ZM10.744 10.6709H8.74403V10.0042H6.07736V14.0042H8.74403V13.3375H10.744V14.6709C10.744 15.4042 10.144 16.0042 9.41069 16.0042H5.41069C4.67736 16.0042 4.07736 15.4042 4.07736 14.6709V9.33753C4.07736 8.6042 4.67736 8.0042 5.41069 8.0042H9.41069C10.144 8.0042 10.744 8.6042 10.744 9.33753V10.6709ZM19.8065 10.6709H17.8065V10.0042H15.1399V14.0042H17.8065V13.3375H19.8065V14.6709C19.8065 15.4042 19.2065 16.0042 18.4732 16.0042H14.4732C13.7399 16.0042 13.1399 15.4042 13.1399 14.6709V9.33753C13.1399 8.6042 13.7399 8.0042 14.4732 8.0042H18.4732C19.2065 8.0042 19.8065 8.6042 19.8065 9.33753V10.6709Z", fill: "currentColor" }) })
-] }), Le = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+] }), xe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__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 mt() {
-  const e = q(), n = v("textTrack"), o = v("hasCaptions"), i = n && Ae(n), a = g(), c = f(
+function ft() {
+  const e = W(), n = v("textTrack"), o = v("hasCaptions"), i = n && Ze(n), a = g(), c = f(
     (l) => {
       e.toggleCaptions(l.nativeEvent);
     },
@@ -175,18 +175,18 @@ function mt() {
       onClick: c,
       "aria-label": "Captions",
       tabIndex: a.state.interactionsDisabled ? -1 : 0,
-      children: i ? /* @__PURE__ */ t(Le, { className: "controls-button-icon" }) : /* @__PURE__ */ t(we, { className: "controls-button-icon" })
+      children: i ? /* @__PURE__ */ t(xe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ne, { className: "controls-button-icon" })
     }
   ) : null;
 }
-const ht = "_captions_13epz_1", pt = {
-  captions: ht
+const vt = "_captions_13epz_1", bt = {
+  captions: vt
 };
-function _t({ captions: e }) {
+function Ct({ captions: e }) {
   const n = v("hasCaptions"), o = g();
-  return /* @__PURE__ */ s(J, { children: [
+  return /* @__PURE__ */ s(X, { children: [
     e.map((i) => /* @__PURE__ */ t(
-      Ee,
+      $e,
       {
         kind: "subtitles",
         type: i.type,
@@ -206,12 +206,12 @@ function _t({ captions: e }) {
           "--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
           "--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
         },
-        children: /* @__PURE__ */ t(Oe, { className: pt.captions })
+        children: /* @__PURE__ */ t(ze, { className: bt.captions })
       }
     ) : null
   ] });
 }
-const V = [0.5, 0.75, 1, 1.25, 1.5, 2], ft = [0.5, 1, 2, 3, 4], Pe = 5, vt = (e) => {
+const V = [0.5, 0.75, 1, 1.25, 1.5, 2], gt = [0.5, 1, 2, 3, 4], Me = 5, kt = (e) => {
   const [, n] = P({});
   return Z(() => {
     let o = [];
@@ -227,20 +227,20 @@ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], ft = [0.5, 1, 2, 3, 4], Pe = 5, vt = (e)
       }
     };
   }, []);
-}, bt = (e, n, o) => {
+}, yt = (e, n, o) => {
   let i = !1;
   return (a) => {
     const c = a.detail.currentTime;
     c >= e.timestamp && c < e.timestamp + n && !i && (o.add(e), i = !0), (c < e.timestamp || c >= e.timestamp + n) && i && (o.remove(e), i = !1);
   };
-}, Ct = (e, n = 5) => {
-  const o = U(), i = vt(n);
+}, wt = (e, n = 5) => {
+  const o = q(), i = kt(n);
   return R(() => {
     if (!o)
       return;
     const a = [];
     for (const c of e) {
-      const l = bt(c, Pe, i);
+      const l = yt(c, Me, i);
       a.push(l), o.addEventListener("time-update", l);
     }
     return () => {
@@ -248,20 +248,20 @@ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], ft = [0.5, 1, 2, 3, 4], Pe = 5, vt = (e)
         o.removeEventListener("time-update", c);
     };
   }, [o, i, e]), i;
-}, gt = "_comments-overlay_agbjl_1", kt = "_comments-container_agbjl_9", yt = "_comment_agbjl_1", wt = "_comment-text_agbjl_44", Lt = "_comment-author-avatar_agbjl_67", Pt = "_comment-author-name_agbjl_86", B = {
+}, Lt = "_comments-overlay_agbjl_1", Pt = "_comments-container_agbjl_9", Nt = "_comment_agbjl_1", xt = "_comment-text_agbjl_44", Mt = "_comment-author-avatar_agbjl_67", It = "_comment-author-name_agbjl_86", B = {
   "comments-overlay": "_comments-overlay_agbjl_1",
-  commentsOverlay: gt,
+  commentsOverlay: Lt,
   "comments-container": "_comments-container_agbjl_9",
-  commentsContainer: kt,
-  comment: yt,
+  commentsContainer: Pt,
+  comment: Nt,
   "comment-text": "_comment-text_agbjl_44",
-  commentText: wt,
+  commentText: xt,
   "comment-author-avatar": "_comment-author-avatar_agbjl_67",
-  commentAuthorAvatar: Lt,
+  commentAuthorAvatar: Mt,
   "comment-author-name": "_comment-author-name_agbjl_86",
-  commentAuthorName: Pt
+  commentAuthorName: It
 };
-function Nt({ comment: e }) {
+function Tt({ comment: e }) {
   return /* @__PURE__ */ s("div", { className: B.comment, onClick: e.onClick, children: [
     /* @__PURE__ */ t(
       "img",
@@ -275,9 +275,9 @@ function Nt({ comment: e }) {
     /* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
   ] });
 }
-const xt = 5;
-function Mt({ comments: e }) {
-  const n = g(), o = Ct(e, xt), i = !!v("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Nt, { comment: c }, c.id));
+const St = 5;
+function Ht({ comments: e }) {
+  const n = g(), o = wt(e, St), i = !!v("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Tt, { comment: c }, c.id));
   return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
     "div",
     {
@@ -289,57 +289,57 @@ function Mt({ comments: e }) {
     }
   ) : null;
 }
-const It = "_root_fph0z_1", Tt = "_left-controls_fph0z_28", St = "_right-controls_fph0z_34", Ht = "_indicators_fph0z_40", Vt = "_normal-timeline_fph0z_49", Bt = "_compact-timeline_fph0z_55", H = {
-  root: It,
+const Vt = "_root_fph0z_1", Bt = "_left-controls_fph0z_28", Rt = "_right-controls_fph0z_34", At = "_indicators_fph0z_40", Et = "_normal-timeline_fph0z_49", Ot = "_compact-timeline_fph0z_55", H = {
+  root: Vt,
   "left-controls": "_left-controls_fph0z_28",
-  leftControls: Tt,
+  leftControls: Bt,
   "right-controls": "_right-controls_fph0z_34",
-  rightControls: St,
-  indicators: Ht,
+  rightControls: Rt,
+  indicators: At,
   "normal-timeline": "_normal-timeline_fph0z_49",
-  normalTimeline: Vt,
+  normalTimeline: Et,
   "compact-timeline": "_compact-timeline_fph0z_55",
-  compactTimeline: Bt
+  compactTimeline: Ot
 };
-function Rt({ darkMode: e, playerRef: n }) {
-  const o = U();
+function Ft({ darkMode: e, playerRef: n }) {
+  const o = q();
   return R(() => {
     o && (o.remoteControl.pauseControls(), n && (n.current = o));
   }, [o, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: H.root, children: [
-    /* @__PURE__ */ t(le, { className: H.normalTimeline }),
+    /* @__PURE__ */ t(de, { className: H.normalTimeline }),
     /* @__PURE__ */ s("div", { className: H.leftControls, children: [
-      /* @__PURE__ */ t(to, {}),
-      /* @__PURE__ */ t(ai, {})
+      /* @__PURE__ */ t(ao, {}),
+      /* @__PURE__ */ t(ri, {})
     ] }),
-    /* @__PURE__ */ t("div", { className: H.indicators, children: /* @__PURE__ */ t(_o, {}) }),
-    /* @__PURE__ */ t(le, { className: H.compactTimeline }),
+    /* @__PURE__ */ t("div", { className: H.indicators, children: /* @__PURE__ */ t(Co, {}) }),
+    /* @__PURE__ */ t(de, { className: H.compactTimeline }),
     /* @__PURE__ */ s("div", { className: H.rightControls, children: [
-      /* @__PURE__ */ t(mt, {}),
-      /* @__PURE__ */ t(xn, {}),
-      /* @__PURE__ */ t(Kn, {})
+      /* @__PURE__ */ t(ft, {}),
+      /* @__PURE__ */ t(Sn, {}),
+      /* @__PURE__ */ t(qn, {})
     ] })
   ] });
 }
-const L = X(null), At = (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" }) }), Et = "_menu-hint_k49ve_1", Ot = "_menu-button_k49ve_5", Ft = "_menu-label_k49ve_37", Zt = "_menu-icon_k49ve_42", j = {
+const L = ee(null), Zt = (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" }) }), $t = "_menu-hint_k49ve_1", zt = "_menu-button_k49ve_5", Kt = "_menu-label_k49ve_37", Dt = "_menu-icon_k49ve_42", U = {
   "menu-hint": "_menu-hint_k49ve_1",
-  menuHint: Et,
+  menuHint: $t,
   "menu-button": "_menu-button_k49ve_5",
-  menuButton: Ot,
+  menuButton: zt,
   "menu-label": "_menu-label_k49ve_37",
-  menuLabel: Ft,
+  menuLabel: Kt,
   "menu-icon": "_menu-icon_k49ve_42",
-  menuIcon: Zt
+  menuIcon: Dt
 };
 function $({ label: e, hint: n, onClick: o, Icon: i }) {
-  return /* @__PURE__ */ s("button", { type: "button", className: j.menuButton, onClick: o, children: [
-    i && /* @__PURE__ */ t(i, { className: j.menuIcon }),
-    /* @__PURE__ */ t("span", { className: j.menuLabel, children: e }),
-    /* @__PURE__ */ t("span", { className: j.menuHint, children: n }),
-    /* @__PURE__ */ t(At, {})
+  return /* @__PURE__ */ s("button", { type: "button", className: U.menuButton, onClick: o, children: [
+    i && /* @__PURE__ */ t(i, { className: U.menuIcon }),
+    /* @__PURE__ */ t("span", { className: U.menuLabel, children: e }),
+    /* @__PURE__ */ t("span", { className: U.menuHint, children: n }),
+    /* @__PURE__ */ t(Zt, {})
   ] });
 }
-const $t = (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 zt() {
+const jt = (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 Ut() {
   const e = w(L), n = v("playbackRate"), { t: o } = C(), i = f(() => {
     e && e.setPage("speed");
   }, [e]);
@@ -349,11 +349,11 @@ function zt() {
       label: o("PLAYBACK_SPEED"),
       hint: `${n}x`,
       onClick: i,
-      Icon: $t
+      Icon: jt
     }
   ) : null;
 }
-function Kt() {
+function qt() {
   const e = w(L), n = v("hasCaptions"), o = v("textTrack"), { t: i } = C(), a = f(() => {
     e && e.setPage("captions");
   }, [e]);
@@ -363,11 +363,11 @@ function Kt() {
       label: i("CAPTIONS"),
       hint: (o == null ? void 0 : o.label) ?? i("OFF"),
       onClick: a,
-      Icon: we
+      Icon: Ne
     }
   ) : null;
 }
-const Dt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+const Wt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
   /* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
     /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.46326 3.85039H0V2.65039H2.46326C2.7388 1.36449 3.88181 0.400391 5.24999 0.400391C6.61818 0.400391 7.76119 1.36449 8.03673 2.65039H18V3.85039H8.03673C7.76119 5.13629 6.61818 6.10039 5.24999 6.10039C3.88181 6.10039 2.7388 5.13629 2.46326 3.85039ZM3.59999 3.25039C3.59999 2.33912 4.33872 1.60039 5.24999 1.60039C6.16126 1.60039 6.89999 2.33912 6.89999 3.25039C6.89999 4.16166 6.16126 4.90039 5.24999 4.90039C4.33872 4.90039 3.59999 4.16166 3.59999 3.25039Z", fill: "currentColor" }),
@@ -375,7 +375,7 @@ const Dt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0
     /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.24999 17.6004C6.61818 17.6004 7.76119 16.6363 8.03673 15.3504H18V14.1504H8.03673C7.76119 12.8645 6.61818 11.9004 5.24999 11.9004C3.88181 11.9004 2.7388 12.8645 2.46326 14.1504H0V15.3504H2.46326C2.7388 16.6363 3.88181 17.6004 5.24999 17.6004ZM5.24999 13.1004C4.33872 13.1004 3.59999 13.8391 3.59999 14.7504C3.59999 15.6617 4.33872 16.4004 5.24999 16.4004C6.16126 16.4004 6.89999 15.6617 6.89999 14.7504C6.89999 13.8391 6.16126 13.1004 5.24999 13.1004Z", fill: "currentColor" })
   ] })
 ] });
-function jt() {
+function Gt() {
   const e = w(L), n = v("autoQuality"), o = v("quality"), { t: i } = C(), a = f(() => {
     e && e.setPage("quality");
   }, [e]);
@@ -385,25 +385,25 @@ function jt() {
       label: i("QUALITY"),
       hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
       onClick: a,
-      Icon: Dt
+      Icon: Wt
     }
   ) : null;
 }
-const Ut = (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" }) }), qt = (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" }) }), Wt = "_switch-track_vptv3_1", Gt = "_switch-thumb_vptv3_11", Qt = "_switch-icon_vptv3_25", Yt = "_switch-body_vptv3_31", Jt = "_switch-label_vptv3_68", Xt = "_menu-icon_vptv3_72", M = {
+const Qt = (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" }) }), Yt = (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" }) }), Jt = "_switch-track_vptv3_1", Xt = "_switch-thumb_vptv3_11", en = "_switch-icon_vptv3_25", tn = "_switch-body_vptv3_31", nn = "_switch-label_vptv3_68", on = "_menu-icon_vptv3_72", M = {
   "switch-track": "_switch-track_vptv3_1",
-  switchTrack: Wt,
+  switchTrack: Jt,
   "switch-thumb": "_switch-thumb_vptv3_11",
-  switchThumb: Gt,
+  switchThumb: Xt,
   "switch-icon": "_switch-icon_vptv3_25",
-  switchIcon: Qt,
+  switchIcon: en,
   "switch-body": "_switch-body_vptv3_31",
-  switchBody: Yt,
+  switchBody: tn,
   "switch-label": "_switch-label_vptv3_68",
-  switchLabel: Jt,
+  switchLabel: nn,
   "menu-icon": "_menu-icon_vptv3_72",
-  menuIcon: Xt
+  menuIcon: on
 };
-function ee({
+function te({
   label: e,
   checked: n = !1,
   onClick: o,
@@ -427,18 +427,18 @@ function ee({
       children: [
         i && /* @__PURE__ */ t(i, { className: M.menuIcon }),
         /* @__PURE__ */ t("span", { className: M.switchLabel, children: e }),
-        /* @__PURE__ */ t("div", { className: M.switchTrack, children: /* @__PURE__ */ t("div", { className: M.switchThumb, children: n ? /* @__PURE__ */ t(Ut, { className: M.switchIcon }) : /* @__PURE__ */ t(qt, { className: M.switchIcon }) }) })
+        /* @__PURE__ */ t("div", { className: M.switchTrack, children: /* @__PURE__ */ t("div", { className: M.switchThumb, children: n ? /* @__PURE__ */ t(Qt, { className: M.switchIcon }) : /* @__PURE__ */ t(Yt, { className: M.switchIcon }) }) })
       ]
     }
   );
 }
-const en = (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 tn() {
+const 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: "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 sn() {
   const { t: e } = C(), n = I(), o = g();
   return n.hasComments ? /* @__PURE__ */ t(
-    ee,
+    te,
     {
-      Icon: en,
+      Icon: an,
       label: e("COMMENTS"),
       onClick: o.toggleComments,
       checked: o.state.commentsEnabled
@@ -455,37 +455,37 @@ function T(e) {
     };
   }, []);
 }
-const nn = "_main-menu_7h96l_1", on = {
+const cn = "_main-menu_7h96l_1", ln = {
   "main-menu": "_main-menu_7h96l_1",
-  mainMenu: nn
+  mainMenu: cn
 };
-function an() {
+function rn() {
   const e = w(L);
-  return T(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className: on.mainMenu, children: [
-    /* @__PURE__ */ t(zt, {}),
-    /* @__PURE__ */ t(Kt, {}),
-    /* @__PURE__ */ t(tn, {}),
-    /* @__PURE__ */ t(jt, {})
+  return T(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className: ln.mainMenu, children: [
+    /* @__PURE__ */ t(Ut, {}),
+    /* @__PURE__ */ t(qt, {}),
+    /* @__PURE__ */ t(sn, {}),
+    /* @__PURE__ */ t(Gt, {})
   ] });
 }
-const W = (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" }) }), z = (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" }) }), sn = "_menu-container_1bjr3_1", cn = "_menu-options_1bjr3_6", ln = "_menu-heading_1bjr3_11", rn = "_check-icon_1bjr3_27", un = "_menu-item-label_1bjr3_33", dn = "_menu-item_1bjr3_33", mn = "_menu-back-button_1bjr3_66", r = {
+const G = (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" }) }), z = (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" }) }), un = "_menu-container_1bjr3_1", dn = "_menu-options_1bjr3_6", mn = "_menu-heading_1bjr3_11", hn = "_check-icon_1bjr3_27", pn = "_menu-item-label_1bjr3_33", _n = "_menu-item_1bjr3_33", fn = "_menu-back-button_1bjr3_66", r = {
   "menu-container": "_menu-container_1bjr3_1",
-  menuContainer: sn,
+  menuContainer: un,
   "menu-options": "_menu-options_1bjr3_6",
-  menuOptions: cn,
+  menuOptions: dn,
   "menu-heading": "_menu-heading_1bjr3_11",
-  menuHeading: ln,
+  menuHeading: mn,
   "check-icon": "_check-icon_1bjr3_27",
-  checkIcon: rn,
+  checkIcon: hn,
   "menu-item-label": "_menu-item-label_1bjr3_33",
-  menuItemLabel: un,
+  menuItemLabel: pn,
   "menu-item": "_menu-item_1bjr3_33",
-  menuItem: dn,
+  menuItem: _n,
   "menu-back-button": "_menu-back-button_1bjr3_66",
-  menuBackButton: mn
+  menuBackButton: fn
 };
-function hn() {
-  const e = w(L), n = Fe({
+function vn() {
+  const e = w(L), n = Ke({
     rates: V,
     normalLabel: "1x"
   }), { t: o } = C();
@@ -514,7 +514,7 @@ function hn() {
         },
         className: r.menuItem,
         children: [
-          /* @__PURE__ */ t(W, { className: r.checkIcon }),
+          /* @__PURE__ */ t(G, { className: r.checkIcon }),
           /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: a })
         ]
       },
@@ -522,7 +522,7 @@ function hn() {
     )) })
   ] }) : null;
 }
-function pn() {
+function bn() {
   const e = w(L), n = v("textTrack"), { t: o } = C(), i = f(() => {
     e && e.setPage("captionLanguage");
   }, [e]);
@@ -535,7 +535,7 @@ function pn() {
     }
   ) : null;
 }
-function _n() {
+function Cn() {
   const { t: e } = C(), n = g(), o = w(L), i = f(() => {
     o && o.setPage("captionFontSize");
   }, [o]);
@@ -548,10 +548,10 @@ function _n() {
     }
   ) : null;
 }
-function fn() {
+function gn() {
   const { t: e } = C(), n = g();
   return /* @__PURE__ */ t(
-    ee,
+    te,
     {
       label: e("ON_TOP"),
       onClick: n.toggleCaptionPositionOnTop,
@@ -559,10 +559,10 @@ function fn() {
     }
   );
 }
-function vn() {
+function kn() {
   const { t: e } = C(), n = g();
   return /* @__PURE__ */ t(
-    ee,
+    te,
     {
       label: e("INVERT_COLORS"),
       onClick: n.toggleCaptionsInvertColors,
@@ -570,7 +570,7 @@ function vn() {
     }
   );
 }
-function bn() {
+function yn() {
   const e = w(L), { t: n } = C();
   return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
     /* @__PURE__ */ s(
@@ -586,14 +586,14 @@ function bn() {
       }
     ),
     /* @__PURE__ */ t("strong", { className: r.menuHeading, children: n("CAPTIONS") }),
-    /* @__PURE__ */ t(pn, {}),
-    /* @__PURE__ */ t(_n, {}),
-    /* @__PURE__ */ t(fn, {}),
-    /* @__PURE__ */ t(vn, {})
+    /* @__PURE__ */ t(bn, {}),
+    /* @__PURE__ */ t(Cn, {}),
+    /* @__PURE__ */ t(gn, {}),
+    /* @__PURE__ */ t(kn, {})
   ] }) : null;
 }
-function Cn() {
-  const e = w(L), n = Ze(), { t: o } = C();
+function wn() {
+  const e = w(L), n = De(), { t: o } = C();
   return T(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
     /* @__PURE__ */ s(
       "button",
@@ -619,7 +619,7 @@ function Cn() {
         },
         className: r.menuItem,
         children: [
-          /* @__PURE__ */ t(W, { className: r.checkIcon }),
+          /* @__PURE__ */ t(G, { className: r.checkIcon }),
           /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: a })
         ]
       },
@@ -627,7 +627,7 @@ function Cn() {
     )) })
   ] }) : null;
 }
-function gn() {
+function Ln() {
   const e = g(), n = w(L), { t: o } = C();
   return T(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
     /* @__PURE__ */ s(
@@ -643,7 +643,7 @@ function gn() {
       }
     ),
     /* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
-    /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: ft.map((i) => /* @__PURE__ */ s(
+    /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: gt.map((i) => /* @__PURE__ */ s(
       "button",
       {
         type: "button",
@@ -654,7 +654,7 @@ function gn() {
         },
         className: r.menuItem,
         children: [
-          /* @__PURE__ */ t(W, { className: r.checkIcon }),
+          /* @__PURE__ */ t(G, { className: r.checkIcon }),
           /* @__PURE__ */ s("span", { className: r.menuItemLabel, children: [
             i * 100,
             "%"
@@ -665,8 +665,8 @@ function gn() {
     )) })
   ] }) : null;
 }
-function kn() {
-  const e = w(L), n = $e({ sort: "descending" }), o = v("autoQuality"), { t: i } = C();
+function Pn() {
+  const e = w(L), n = je({ sort: "descending" }), o = v("autoQuality"), { t: i } = C();
   return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
     /* @__PURE__ */ s(
       "button",
@@ -692,7 +692,7 @@ function kn() {
         },
         className: r.menuItem,
         children: [
-          /* @__PURE__ */ t(W, { className: r.checkIcon }),
+          /* @__PURE__ */ t(G, { className: r.checkIcon }),
           /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: c })
         ]
       },
@@ -700,15 +700,15 @@ function kn() {
     )) })
   ] }) : null;
 }
-const yn = {
-  main: an,
-  speed: hn,
-  captions: bn,
-  captionLanguage: Cn,
-  captionFontSize: gn,
-  quality: kn
+const Nn = {
+  main: rn,
+  speed: vn,
+  captions: yn,
+  captionLanguage: wn,
+  captionFontSize: Ln,
+  quality: Pn
 };
-function wn() {
+function xn() {
   const [e, n] = P("main"), [o, i] = P(!1), a = f(() => {
     i((x) => !x);
   }, []), c = f((x) => {
@@ -717,20 +717,20 @@ function wn() {
     n("captions");
   }, []), u = f(() => {
     n("main");
-  }, []), h = Z(() => yn[e], [e]), p = de(null), { refs: b, floatingStyles: d, context: _ } = pe({
+  }, []), h = Z(() => Nn[e], [e]), p = pe(null), { refs: b, floatingStyles: d, context: _ } = ve({
     open: o,
     onOpenChange: (x) => {
       i(x), u();
     },
     placement: "top-end",
-    whileElementsMounted: _e,
+    whileElementsMounted: be,
     middleware: [
-      fe(),
-      ve({
+      Ce(),
+      ge({
         element: p
       })
     ]
-  }), k = be(_, { escapeKey: !1 }), { getReferenceProps: A, getFloatingProps: S } = Ce([k]);
+  }), k = ke(_, { escapeKey: !1 }), { getReferenceProps: A, getFloatingProps: S } = ye([k]);
   return {
     Page: h,
     open: o,
@@ -746,12 +746,12 @@ function wn() {
     getFloatingProps: S
   };
 }
-const Ln = (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" }) }), Pn = "_settings-menu_hxlsv_1", Nn = "_arrow_hxlsv_15", se = {
+const Mn = (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" }) }), In = "_settings-menu_hxlsv_1", Tn = "_arrow_hxlsv_15", re = {
   "settings-menu": "_settings-menu_hxlsv_1",
-  settingsMenu: Pn,
-  arrow: Nn
+  settingsMenu: In,
+  arrow: Tn
 };
-function xn() {
+function Sn() {
   const {
     Page: e,
     arrowRef: n,
@@ -765,8 +765,8 @@ function xn() {
     refs: p,
     setPage: b,
     toggle: d
-  } = wn(), _ = g(), { t: k } = C();
-  return /* @__PURE__ */ s(J, { children: [
+  } = xn(), _ = g(), { t: k } = C();
+  return /* @__PURE__ */ s(X, { children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -778,13 +778,13 @@ function xn() {
         "aria-expanded": h,
         tabIndex: _ != null && _.state.interactionsDisabled ? -1 : 0,
         ...u(),
-        children: /* @__PURE__ */ t(Ln, { className: "controls-button-icon icon-rotate" })
+        children: /* @__PURE__ */ t(Mn, { className: "controls-button-icon icon-rotate" })
       }
     ),
-    h && /* @__PURE__ */ t(Qe, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
+    h && /* @__PURE__ */ t(et, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
       "div",
       {
-        className: se.settingsMenu,
+        className: re.settingsMenu,
         ref: p.setFloating,
         style: c,
         ...l(),
@@ -797,11 +797,11 @@ function xn() {
             }
           ),
           /* @__PURE__ */ t(
-            ge,
+            we,
             {
               ref: n,
               context: a,
-              className: se.arrow
+              className: re.arrow
             }
           )
         ]
@@ -809,7 +809,7 @@ function xn() {
     ) })
   ] });
 }
-function Ne(e, n = 1e3) {
+function Ie(e, n = 1e3) {
   return function() {
     const i = v("lastKeyboardAction"), [a, c] = P(!1), l = f(() => c(!1), []);
     return R(() => {
@@ -819,43 +819,43 @@ function Ne(e, n = 1e3) {
     }, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
   };
 }
-const te = (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" }) }), ne = (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" }) }), xe = (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" }) }), Me = (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" }) }), Ie = (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" }) }), Mn = (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" }) }), In = (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" }) }), Tn = "_feedback-overlay_v4lbu_1", Sn = "_feedback-message_v4lbu_14", Hn = "_feedback-icon_v4lbu_30", Vn = "_feedback-icon-animation_v4lbu_1", y = {
+const ne = (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" }) }), oe = (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" }) }), Te = (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" }) }), Se = (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" }) }), He = (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" }) }), Hn = (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" }) }), Vn = (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" }) }), Bn = "_feedback-overlay_v4lbu_1", Rn = "_feedback-message_v4lbu_14", An = "_feedback-icon_v4lbu_30", En = "_feedback-icon-animation_v4lbu_1", y = {
   "feedback-overlay": "_feedback-overlay_v4lbu_1",
-  feedbackOverlay: Tn,
+  feedbackOverlay: Bn,
   "feedback-message": "_feedback-message_v4lbu_14",
-  feedbackMessage: Sn,
+  feedbackMessage: Rn,
   "feedback-icon": "_feedback-icon_v4lbu_30",
-  feedbackIcon: Hn,
+  feedbackIcon: An,
   "feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
-  feedbackIconAnimation: Vn
+  feedbackIconAnimation: En
 };
-function Bn() {
+function On() {
   var o;
-  const e = me();
+  const e = _e();
   switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
     case "togglePaused":
-      return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(te, {}) : /* @__PURE__ */ t(ne, {}) });
+      return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ne, {}) : /* @__PURE__ */ t(oe, {}) });
     case "toggleCaptions":
     case "nextCaptionLanguage":
     case "previousCaptionLanguage":
-      return e.hasCaptions ? /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Le, {}) }) : null;
+      return e.hasCaptions ? /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(xe, {}) }) : null;
     case "volumeUp":
     case "volumeDown":
     case "toggleMuted":
-      return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(xe, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ie, {}) : /* @__PURE__ */ t(Me, {}) });
+      return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Te, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(He, {}) : /* @__PURE__ */ t(Se, {}) });
     case "seekForward":
     case "seekForward10":
-      return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Mn, { className: "right" }) });
+      return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Hn, { className: "right" }) });
     case "seekBackward":
     case "seekBackward10":
-      return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(In, { className: "left" }) });
+      return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Vn, { className: "left" }) });
     default:
       return null;
   }
 }
-function Rn() {
+function Fn() {
   var i;
-  const { t: e } = C(), n = me();
+  const { t: e } = C(), n = _e();
   switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
     case "toggleCaptions":
     case "nextCaptionLanguage":
@@ -881,48 +881,48 @@ function Rn() {
       return null;
   }
 }
-const An = Ne(Bn, 500), En = Ne(Rn, 1e3);
-function On() {
+const Zn = Ie(On, 500), $n = Ie(Fn, 1e3);
+function zn() {
   return /* @__PURE__ */ s("div", { className: y.feedbackOverlay, children: [
-    /* @__PURE__ */ t(An, {}),
-    /* @__PURE__ */ t(En, {})
+    /* @__PURE__ */ t(Zn, {}),
+    /* @__PURE__ */ t($n, {})
   ] });
 }
-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", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), Zn = (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: "M15.562 6.58944L22.1514 0L24.0005 1.84907L17.4111 8.43851H21.6506V11.0552H12.9453V2.34861H15.562V6.58944ZM2.34861 15.5615V12.9461H11.0539V21.6501H8.43982V17.4106L1.84907 24L0 22.1509L6.59075 15.5615H2.34861Z", fill: "currentColor" }) }), $n = "_full-screen-button_1xm32_2", zn = {
+const Kn = (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.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), Dn = (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: "M15.562 6.58944L22.1514 0L24.0005 1.84907L17.4111 8.43851H21.6506V11.0552H12.9453V2.34861H15.562V6.58944ZM2.34861 15.5615V12.9461H11.0539V21.6501H8.43982V17.4106L1.84907 24L0 22.1509L6.59075 15.5615H2.34861Z", fill: "currentColor" }) }), jn = "_full-screen-button_1xm32_2", Un = {
   "full-screen-button": "_full-screen-button_1xm32_2",
-  fullScreenButton: $n
+  fullScreenButton: jn
 };
-function Kn() {
+function qn() {
   const e = v("fullscreen"), n = g();
   return I().hideFullScreen ? null : /* @__PURE__ */ t(
-    he,
+    fe,
     {
       tabIndex: n.state.interactionsDisabled ? -1 : 0,
-      className: `controls-button ${zn.fullScreenButton}`,
-      children: e ? /* @__PURE__ */ t(Zn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Fn, { className: "controls-button-icon" })
+      className: `controls-button ${Un.fullScreenButton}`,
+      children: e ? /* @__PURE__ */ t(Dn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Kn, { className: "controls-button-icon" })
     }
   );
 }
-const Dn = "_gestures-container_1fn3b_1", jn = "_gesture_1fn3b_1", ce = {
+const Wn = "_gestures-container_1fn3b_1", Gn = "_gesture_1fn3b_1", ue = {
   "gestures-container": "_gestures-container_1fn3b_1",
-  gesturesContainer: Dn,
-  gesture: jn
+  gesturesContainer: Wn,
+  gesture: Gn
 };
-function Un() {
-  const e = q(), n = () => {
+function Qn() {
+  const e = W(), n = () => {
     e.togglePaused();
   };
-  return /* @__PURE__ */ t("div", { className: ce.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: ce.gesture, onClick: n }) });
+  return /* @__PURE__ */ t("div", { className: ue.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: ue.gesture, onClick: n }) });
 }
-const qn = (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" }) }), Te = (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" }) }), Wn = "_keyboard-shortcuts-overlay_y5kv6_1", Gn = "_keyboard-shortcuts-button_y5kv6_67", Qn = "_close-button_y5kv6_93", Y = {
+const Yn = (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" }) }), Ve = (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" }) }), Jn = "_keyboard-shortcuts-overlay_y5kv6_1", Xn = "_keyboard-shortcuts-button_y5kv6_67", eo = "_close-button_y5kv6_93", J = {
   "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_y5kv6_1",
-  keyboardShortcutsOverlay: Wn,
+  keyboardShortcutsOverlay: Jn,
   "keyboard-shortcuts-button": "_keyboard-shortcuts-button_y5kv6_67",
-  keyboardShortcutsButton: Gn,
+  keyboardShortcutsButton: Xn,
   "close-button": "_close-button_y5kv6_93",
-  closeButton: Qn
+  closeButton: eo
 };
-function Yn({ onClose: e }) {
+function to({ onClose: e }) {
   const { t: n } = C();
   T(e);
   const o = (i) => {
@@ -931,7 +931,7 @@ function Yn({ onClose: e }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: Y.keyboardShortcutsOverlay,
+      className: J.keyboardShortcutsOverlay,
       tabIndex: 0,
       ref: o,
       children: [
@@ -941,10 +941,10 @@ function Yn({ onClose: e }) {
             "button",
             {
               type: "button",
-              className: Y.closeButton,
+              className: J.closeButton,
               onClick: e,
               "aria-label": n("CLOSE"),
-              children: /* @__PURE__ */ t(Te, {})
+              children: /* @__PURE__ */ t(Ve, {})
             }
           )
         ] }),
@@ -1035,8 +1035,8 @@ function Yn({ onClose: e }) {
     }
   );
 }
-function Jn() {
-  const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l = g(), u = v("playing"), h = q(), { t: p } = C(), b = f(() => {
+function no() {
+  const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l = g(), u = v("playing"), h = W(), { t: p } = C(), b = f(() => {
     n(!0), l.disableInteractions(), u && (c(!0), h.pause());
   }, [u, h, l]), d = f(() => {
     n(!1), i(!0), l.enableInteractions(), a && (c(!1), h.play());
@@ -1044,129 +1044,129 @@ function Jn() {
     (k) => o && (k == null ? void 0 : k.focus()),
     [o]
   );
-  return e ? /* @__PURE__ */ t(Yn, { onClose: d }) : /* @__PURE__ */ t(
+  return e ? /* @__PURE__ */ t(to, { onClose: d }) : /* @__PURE__ */ t(
     "button",
     {
       ref: _,
       "aria-label": p("KEYBOARD_SHORTCUTS"),
       type: "button",
-      className: Y.keyboardShortcutsButton,
+      className: J.keyboardShortcutsButton,
       onClick: b,
       tabIndex: l.state.interactionsDisabled ? -1 : 0,
-      children: /* @__PURE__ */ t(qn, {})
+      children: /* @__PURE__ */ t(Yn, {})
     }
   );
 }
-const Xn = "_play-pause-button_kyuc5_1", eo = {
+const oo = "_play-pause-button_kyuc5_1", io = {
   "play-pause-button": "_play-pause-button_kyuc5_1",
-  playPauseButton: Xn
+  playPauseButton: oo
 };
-function to() {
-  const e = U(), n = g(), o = v("paused");
+function ao() {
+  const e = q(), n = g(), o = v("paused");
   return e ? /* @__PURE__ */ t(
-    ze,
+    Ue,
     {
       tabIndex: n.state.interactionsDisabled ? -1 : 0,
-      className: `${eo.playPauseButton} controls-button`,
+      className: `${io.playPauseButton} controls-button`,
       onKeyDown: (i) => {
         i.key === " " && (e == null || e.$state.lastKeyboardAction.set({
           action: "togglePaused",
           event: i.nativeEvent
         }));
       },
-      children: o ? /* @__PURE__ */ t(ne, { className: "controls-button-icon" }) : /* @__PURE__ */ t(te, { className: "controls-button-icon" })
+      children: o ? /* @__PURE__ */ t(oe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(ne, { className: "controls-button-icon" })
     }
   ) : null;
 }
-const no = "_poster_195hi_1", oo = {
-  poster: no
+const so = "_poster_195hi_1", co = {
+  poster: so
 };
-function io({ src: e }) {
+function lo({ src: e }) {
   const n = v("source");
-  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Ke, { src: e, className: oo.poster });
+  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(qe, { src: e, className: co.poster });
 }
-const ao = "_small-layout-overlay_1vli4_1", so = "_small-layout-button_1vli4_14", co = "_small-layout-icon-play_1vli4_24", lo = "_small-layout-icon-pause_1vli4_30", ro = "_full-screen-close-icon_1vli4_36", uo = "_fade-out_1vli4_1", O = {
+const ro = "_small-layout-overlay_1vli4_1", uo = "_small-layout-button_1vli4_14", mo = "_small-layout-icon-play_1vli4_24", ho = "_small-layout-icon-pause_1vli4_30", po = "_full-screen-close-icon_1vli4_36", _o = "_fade-out_1vli4_1", O = {
   "small-layout-overlay": "_small-layout-overlay_1vli4_1",
-  smallLayoutOverlay: ao,
+  smallLayoutOverlay: ro,
   "small-layout-button": "_small-layout-button_1vli4_14",
-  smallLayoutButton: so,
+  smallLayoutButton: uo,
   "small-layout-icon-play": "_small-layout-icon-play_1vli4_24",
-  smallLayoutIconPlay: co,
+  smallLayoutIconPlay: mo,
   "small-layout-icon-pause": "_small-layout-icon-pause_1vli4_30",
-  smallLayoutIconPause: lo,
+  smallLayoutIconPause: ho,
   "full-screen-close-icon": "_full-screen-close-icon_1vli4_36",
-  fullScreenCloseIcon: ro,
+  fullScreenCloseIcon: po,
   "fade-out": "_fade-out_1vli4_1",
-  fadeOut: uo
+  fadeOut: _o
 };
-function mo() {
+function fo() {
   return /* @__PURE__ */ s("div", { className: O.smallLayoutOverlay, children: [
-    /* @__PURE__ */ t(he, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Te, {}) }),
+    /* @__PURE__ */ t(fe, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Ve, {}) }),
     /* @__PURE__ */ s("i", { className: O.smallLayoutButton, children: [
-      /* @__PURE__ */ t(ne, { className: O.smallLayoutIconPlay }),
-      /* @__PURE__ */ t(te, { className: O.smallLayoutIconPause })
+      /* @__PURE__ */ t(oe, { className: O.smallLayoutIconPlay }),
+      /* @__PURE__ */ t(ne, { className: O.smallLayoutIconPause })
     ] })
   ] });
 }
-const ho = "_time-indicator_1rlpb_1", po = {
+const vo = "_time-indicator_1rlpb_1", bo = {
   "time-indicator": "_time-indicator_1rlpb_1",
-  timeIndicator: ho
+  timeIndicator: vo
 };
-function _o() {
-  return /* @__PURE__ */ s("div", { className: po.timeIndicator, children: [
-    /* @__PURE__ */ t(ie, { type: "current" }),
+function Co() {
+  return /* @__PURE__ */ s("div", { className: bo.timeIndicator, children: [
+    /* @__PURE__ */ t(ce, { type: "current" }),
     "/",
-    /* @__PURE__ */ t(ie, { type: "duration" })
+    /* @__PURE__ */ t(ce, { type: "duration" })
   ] });
 }
-const fo = "_comment-markers_19b45_1", vo = "_comment-marker_19b45_1", bo = "_timeline-wrapper_19b45_21", Co = "_track_19b45_35", go = "_thumb_19b45_48", ko = "_root_19b45_62", yo = "_track-inner_19b45_92", wo = "_progress_19b45_98", Lo = "_track-fill_19b45_104", Po = "_pins_19b45_121", No = "_pin-button_19b45_134", xo = "_annotation-pin_19b45_154", Mo = "_quiz-pin_19b45_159", Io = "_annotation-pin-child_19b45_164", To = "_quiz-pin-child_19b45_168", So = "_interactive-pin-container_19b45_173", Ho = "_interactive-pin-wrapper_19b45_183", Vo = "_interactive-pin-icon_19b45_189", Bo = "_interactive-pin_19b45_173", Ro = "_bg_19b45_203", Ao = "_symbol_19b45_207", Eo = "_interactive-pin-button_19b45_212", Oo = "_interactive-pin-menu_19b45_232", Fo = "_interactive-pin-menu-item_19b45_246", Zo = "_arrow_19b45_267", m = {
+const go = "_comment-markers_19b45_1", ko = "_comment-marker_19b45_1", yo = "_timeline-wrapper_19b45_21", wo = "_track_19b45_35", Lo = "_thumb_19b45_48", Po = "_root_19b45_62", No = "_track-inner_19b45_92", xo = "_progress_19b45_98", Mo = "_track-fill_19b45_104", Io = "_pins_19b45_121", To = "_pin-button_19b45_134", So = "_annotation-pin_19b45_154", Ho = "_quiz-pin_19b45_159", Vo = "_annotation-pin-child_19b45_164", Bo = "_quiz-pin-child_19b45_168", Ro = "_interactive-pin-container_19b45_173", Ao = "_interactive-pin-wrapper_19b45_183", Eo = "_interactive-pin-icon_19b45_189", Oo = "_interactive-pin_19b45_173", Fo = "_bg_19b45_203", Zo = "_symbol_19b45_207", $o = "_interactive-pin-button_19b45_212", zo = "_interactive-pin-menu_19b45_232", Ko = "_interactive-pin-menu-item_19b45_246", Do = "_arrow_19b45_267", m = {
   "comment-markers": "_comment-markers_19b45_1",
-  commentMarkers: fo,
+  commentMarkers: go,
   "comment-marker": "_comment-marker_19b45_1",
-  commentMarker: vo,
+  commentMarker: ko,
   "timeline-wrapper": "_timeline-wrapper_19b45_21",
-  timelineWrapper: bo,
-  track: Co,
-  thumb: go,
-  root: ko,
+  timelineWrapper: yo,
+  track: wo,
+  thumb: Lo,
+  root: Po,
   "track-inner": "_track-inner_19b45_92",
-  trackInner: yo,
-  progress: wo,
+  trackInner: No,
+  progress: xo,
   "track-fill": "_track-fill_19b45_104",
-  trackFill: Lo,
-  pins: Po,
+  trackFill: Mo,
+  pins: Io,
   "pin-button": "_pin-button_19b45_134",
-  pinButton: No,
+  pinButton: To,
   "annotation-pin": "_annotation-pin_19b45_154",
-  annotationPin: xo,
+  annotationPin: So,
   "quiz-pin": "_quiz-pin_19b45_159",
-  quizPin: Mo,
+  quizPin: Ho,
   "annotation-pin-child": "_annotation-pin-child_19b45_164",
-  annotationPinChild: Io,
+  annotationPinChild: Vo,
   "quiz-pin-child": "_quiz-pin-child_19b45_168",
-  quizPinChild: To,
+  quizPinChild: Bo,
   "interactive-pin-container": "_interactive-pin-container_19b45_173",
-  interactivePinContainer: So,
+  interactivePinContainer: Ro,
   "interactive-pin-wrapper": "_interactive-pin-wrapper_19b45_183",
-  interactivePinWrapper: Ho,
+  interactivePinWrapper: Ao,
   "interactive-pin-icon": "_interactive-pin-icon_19b45_189",
-  interactivePinIcon: Vo,
+  interactivePinIcon: Eo,
   "interactive-pin": "_interactive-pin_19b45_173",
-  interactivePin: Bo,
-  bg: Ro,
-  symbol: Ao,
+  interactivePin: Oo,
+  bg: Fo,
+  symbol: Zo,
   "interactive-pin-button": "_interactive-pin-button_19b45_212",
-  interactivePinButton: Eo,
+  interactivePinButton: $o,
   "interactive-pin-menu": "_interactive-pin-menu_19b45_232",
-  interactivePinMenu: Oo,
+  interactivePinMenu: zo,
   "interactive-pin-menu-item": "_interactive-pin-menu-item_19b45_246",
-  interactivePinMenuItem: Fo,
-  arrow: Zo
-}, $o = {
+  interactivePinMenuItem: Ko,
+  arrow: Do
+}, jo = {
   annotation: m.annotationPin,
   quiz: m.quizPin
 };
-function Se({
+function Be({
   type: e,
   position: n,
   children: o,
@@ -1184,7 +1184,7 @@ function Se({
       children: /* @__PURE__ */ s(
         "svg",
         {
-          className: $o[e],
+          className: jo[e],
           width: "26",
           height: "32",
           viewBox: "0 0 26 32",
@@ -1198,8 +1198,8 @@ function Se({
     }
   );
 }
-function zo(e) {
-  return /* @__PURE__ */ t(Se, { type: "annotation", ...e, children: /* @__PURE__ */ t(
+function Uo(e) {
+  return /* @__PURE__ */ t(Be, { type: "annotation", ...e, children: /* @__PURE__ */ t(
     "path",
     {
       className: m.annotationPinChild,
@@ -1211,8 +1211,8 @@ function zo(e) {
     }
   ) });
 }
-function Ko(e) {
-  return /* @__PURE__ */ t(Se, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
+function qo(e) {
+  return /* @__PURE__ */ t(Be, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
     "text",
     {
       className: m.quizPinChild,
@@ -1225,7 +1225,7 @@ function Ko(e) {
     }
   ) });
 }
-function Do(e, n) {
+function Wo(e, n) {
   return e.map((o, i) => ({
     id: o.id,
     time: o.time,
@@ -1234,7 +1234,7 @@ function Do(e, n) {
     onClick: () => n(o)
   }));
 }
-function jo(e, n) {
+function Go(e, n) {
   const o = /* @__PURE__ */ new Map();
   e.forEach((c) => {
     var u;
@@ -1254,12 +1254,12 @@ function jo(e, n) {
     }), a++;
   }), i;
 }
-function Uo(e, n, o, i) {
+function Qo(e, n, o, i) {
   switch (e.type) {
     case "annotation": {
       const a = () => i ? e.onClick() : o.seek(e.time);
       return /* @__PURE__ */ t(
-        zo,
+        Uo,
         {
           position: e.time / n * 100,
           onClick: a
@@ -1269,7 +1269,7 @@ function Uo(e, n, o, i) {
     }
     case "quiz":
       return /* @__PURE__ */ t(
-        Ko,
+        qo,
         {
           position: e.time / n * 100,
           ordinal: e.ordinal,
@@ -1282,17 +1282,17 @@ function Uo(e, n, o, i) {
       return null;
   }
 }
-function qo() {
-  const e = q(), n = v("duration"), o = I(), i = Z(() => [
-    ...Do(
+function Yo() {
+  const e = W(), n = v("duration"), o = I(), i = Z(() => [
+    ...Wo(
       o.annotations,
       o.onAnnotationClick
     ),
-    ...jo(o.quizMarkers, o.onQuizMarkerClick)
-  ].sort((c, l) => c.time - l.time).map((c) => Uo(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
+    ...Go(o.quizMarkers, o.onQuizMarkerClick)
+  ].sort((c, l) => c.time - l.time).map((c) => Qo(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
   return /* @__PURE__ */ t("div", { className: m.pins, children: i });
 }
-function Wo() {
+function Jo() {
   const e = v("duration"), n = I(), o = g();
   return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
     "span",
@@ -1300,32 +1300,32 @@ function Wo() {
       className: m.commentMarker,
       style: {
         left: `${i.timestamp / e * 100}%`,
-        width: `${Pe / e * 100}%`
+        width: `${Me / e * 100}%`
       }
     },
     i.id
   )) }) : null;
 }
-function Go({ currentTime: e, position: n }) {
+function Xo({ currentTime: e, position: n }) {
   const [o, i] = P(!1), a = I(), c = f(() => a.interactiveMenuElements.length > 0 ? i((k) => !k) : a.onInteractivePinClick(e), [
     a.interactiveMenuElements,
     a.onInteractivePinClick,
     e
-  ]), l = de(null), { refs: u, floatingStyles: h, context: p } = pe({
+  ]), l = pe(null), { refs: u, floatingStyles: h, context: p } = ve({
     open: o,
     onOpenChange: i,
-    whileElementsMounted: _e,
+    whileElementsMounted: be,
     placement: "top",
     middleware: [
-      Ye(),
-      Je(6),
-      fe(),
-      ve({
+      tt(),
+      nt(6),
+      Ce(),
+      ge({
         element: l
       })
     ]
-  }), b = be(p), { getReferenceProps: d, getFloatingProps: _ } = Ce([b]);
-  return /* @__PURE__ */ s(J, { children: [
+  }), b = ke(p), { getReferenceProps: d, getFloatingProps: _ } = ye([b]);
+  return /* @__PURE__ */ s(X, { children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -1417,7 +1417,7 @@ function Go({ currentTime: e, position: n }) {
             k
           )),
           /* @__PURE__ */ t(
-            ge,
+            we,
             {
               ref: l,
               context: p,
@@ -1429,20 +1429,20 @@ function Go({ currentTime: e, position: n }) {
     )
   ] });
 }
-function Qo() {
+function ei() {
   const e = v("duration"), n = v("currentTime"), o = n / e * 100;
-  return /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Go, { currentTime: n, position: o }) }) });
+  return /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Xo, { currentTime: n, position: o }) }) });
 }
-function Yo() {
+function ti() {
   const e = v("paused"), n = g();
-  return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Qo, {}) : null;
+  return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(ei, {}) : null;
 }
-const Jo = `${m.progress} ${m.trackInner}`, Xo = `${m.trackFill} ${m.trackInner}`;
-function le({ className: e }) {
+const ni = `${m.progress} ${m.trackInner}`, oi = `${m.trackFill} ${m.trackInner}`;
+function de({ className: e }) {
   const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = I(), c = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
   return /* @__PURE__ */ s("div", { className: c, children: [
-    a ? /* @__PURE__ */ t(Yo, {}) : null,
-    a || o || i ? /* @__PURE__ */ t(qo, {}) : null,
+    a ? /* @__PURE__ */ t(ti, {}) : null,
+    a || o || i ? /* @__PURE__ */ t(Yo, {}) : null,
     /* @__PURE__ */ s(
       E.Root,
       {
@@ -1450,49 +1450,49 @@ function le({ className: e }) {
         tabIndex: n.state.interactionsDisabled ? -1 : 0,
         children: [
           /* @__PURE__ */ s(E.Track, { className: m.track, children: [
-            /* @__PURE__ */ t(E.Progress, { className: Jo }),
-            /* @__PURE__ */ t(E.TrackFill, { className: Xo })
+            /* @__PURE__ */ t(E.Progress, { className: ni }),
+            /* @__PURE__ */ t(E.TrackFill, { className: oi })
           ] }),
           /* @__PURE__ */ t(E.Thumb, { className: m.thumb })
         ]
       }
     ),
-    /* @__PURE__ */ t(Wo, {})
+    /* @__PURE__ */ t(Jo, {})
   ] });
 }
-const ei = "_wrapper_12cb0_1", ti = "_track_12cb0_6", ni = "_thumb_12cb0_18", oi = "_track-fill_12cb0_32", ii = "_root_12cb0_51", F = {
-  wrapper: ei,
-  track: ti,
-  thumb: ni,
+const ii = "_wrapper_12cb0_1", ai = "_track_12cb0_6", si = "_thumb_12cb0_18", ci = "_track-fill_12cb0_32", li = "_root_12cb0_51", F = {
+  wrapper: ii,
+  track: ai,
+  thumb: si,
   "track-fill": "_track-fill_12cb0_32",
-  trackFill: oi,
-  root: ii
+  trackFill: ci,
+  root: li
 };
-function ai() {
+function ri() {
   const e = v("volume"), n = v("muted"), o = g();
   return /* @__PURE__ */ s("div", { className: F.wrapper, children: [
     /* @__PURE__ */ t(
-      De,
+      We,
       {
         tabIndex: o.state.interactionsDisabled ? -1 : 0,
         className: "controls-button",
-        children: n || e == 0 ? /* @__PURE__ */ t(xe, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Me, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ie, { className: "controls-button-icon" })
+        children: n || e == 0 ? /* @__PURE__ */ t(Te, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Se, { className: "controls-button-icon" }) : /* @__PURE__ */ t(He, { className: "controls-button-icon" })
       }
     ),
     /* @__PURE__ */ s(
-      K.Root,
+      D.Root,
       {
         className: F.root,
         tabIndex: o.state.interactionsDisabled ? -1 : 0,
         children: [
-          /* @__PURE__ */ t(K.Track, { className: F.track, children: /* @__PURE__ */ t(K.TrackFill, { className: F.trackFill }) }),
-          /* @__PURE__ */ t(K.Thumb, { className: F.thumb })
+          /* @__PURE__ */ t(D.Track, { className: F.track, children: /* @__PURE__ */ t(D.TrackFill, { className: F.trackFill }) }),
+          /* @__PURE__ */ t(D.Thumb, { className: F.thumb })
         ]
       }
     )
   ] });
 }
-const re = {
+const me = {
   togglePaused: ["Space", "Enter", "k"],
   seekForward: ["ArrowRight"],
   seekBackward: ["ArrowLeft"],
@@ -1575,7 +1575,7 @@ const re = {
     }
   }
 };
-function si(e, n = 1e3) {
+function ui(e, n = 1e3) {
   let o = !1;
   return () => {
     o || (e(), o = !0, setTimeout(() => {
@@ -1583,7 +1583,7 @@ function si(e, n = 1e3) {
     }, n));
   };
 }
-const ue = {
+const he = {
   volume: 1,
   muted: !1,
   lang: null,
@@ -1594,18 +1594,18 @@ const ue = {
   invert: !1,
   comments: !1
 };
-class ci {
+class di {
   constructor() {
     N(this, "playerId", "studio-player");
     N(this, "mediaId", null);
-    N(this, "data", ue);
+    N(this, "data", he);
     N(this, "time", null);
     N(this, "saveTime", () => {
       if (!this.mediaId) return;
       const n = (this.time ?? 0).toString();
       localStorage.setItem(this.mediaId, n);
     });
-    N(this, "saveTimeThrottled", si(this.saveTime, 1e3));
+    N(this, "saveTimeThrottled", ui(this.saveTime, 1e3));
     // only used for useStudioPlayer hook's state initialization
     N(this, "initializeState", () => {
       const n = localStorage.getItem(this.playerId);
@@ -1682,7 +1682,7 @@ class ci {
       } catch {
       }
     this.data = {
-      ...ue,
+      ...he,
       ...l
     }, this.time = c ? +c : null;
   }
@@ -1692,8 +1692,8 @@ class ci {
     localStorage.setItem(this.playerId, n);
   }
 }
-function li(e) {
-  const n = Z(() => new ci(), []), [o, i] = P(
+function mi(e) {
+  const n = Z(() => new di(), []), [o, i] = P(
     n.initializeState
   ), a = f(
     (d) => {
@@ -1738,9 +1738,9 @@ function li(e) {
       interactionsDisabled: !0
     }));
   }, []), b = Z(() => e ? {
-    ...re,
+    ...me,
     toggleFullscreen: []
-  } : re, [e]);
+  } : me, [e]);
   return {
     contextValue: {
       state: o,
@@ -1755,9 +1755,9 @@ function li(e) {
     storage: n
   };
 }
-const ri = {}, Q = () => {
+const hi = {}, Y = () => {
 };
-function bi({
+function yi({
   title: e,
   playerRef: n,
   src: o,
@@ -1769,17 +1769,18 @@ function bi({
   annotations: h = [],
   quizMarkers: p = [],
   interactive: b = !1,
-  onAnnotationClick: d = Q,
-  onQuizMarkerClick: _ = Q,
-  onInteractivePinClick: k = Q,
+  onAnnotationClick: d = Y,
+  onQuizMarkerClick: _ = Y,
+  onInteractivePinClick: k = Y,
   interactiveMenuElements: A = [],
-  darkMode: S = !1
+  darkMode: S = !1,
+  autoLoadCaptionSrc: x = ""
 }) {
-  const { contextValue: x, shortcuts: He, storage: Ve } = li(c), { i18n: oe } = C();
+  const { contextValue: ie, shortcuts: Re, storage: Ae } = mi(c), { i18n: ae } = C();
   return R(() => {
-    oe.changeLanguage(u);
-  }, [oe, u]), /* @__PURE__ */ t(
-    tt,
+    ae.changeLanguage(u);
+  }, [ae, u]), /* @__PURE__ */ t(
+    at,
     {
       hideFullScreen: c,
       comments: l,
@@ -1791,28 +1792,34 @@ function bi({
       onInteractivePinClick: k,
       interactiveMenuElements: A,
       darkMode: S,
-      children: /* @__PURE__ */ t(et, { contextValue: x, children: /* @__PURE__ */ s(
-        je,
+      children: /* @__PURE__ */ t(it, { contextValue: ie, children: /* @__PURE__ */ s(
+        Ge,
         {
-          storage: Ve,
+          storage: Ae,
           title: e,
           src: o,
-          keyShortcuts: He,
+          keyShortcuts: Re,
           playsInline: !0,
-          keyDisabled: x.state.interactionsDisabled,
+          keyDisabled: ie.state.interactionsDisabled,
+          onTextTracksChange: (K) => {
+            const se = K == null ? void 0 : K.findIndex(
+              (Ee) => Ee.src === x
+            );
+            se > -1 && (K[se].mode = "showing");
+          },
           children: [
-            /* @__PURE__ */ t(Jn, {}),
-            /* @__PURE__ */ s(Ue, { className: ri.mediaProvider, children: [
-              /* @__PURE__ */ t(io, { src: a }),
-              /* @__PURE__ */ t(On, {}),
-              /* @__PURE__ */ t(dt, {}),
-              /* @__PURE__ */ t(_t, { captions: i }),
-              /* @__PURE__ */ t(Mt, { comments: l }),
-              /* @__PURE__ */ t(mo, {}),
-              /* @__PURE__ */ t(Un, {})
+            /* @__PURE__ */ t(no, {}),
+            /* @__PURE__ */ s(Qe, { className: hi.mediaProvider, children: [
+              /* @__PURE__ */ t(lo, { src: a }),
+              /* @__PURE__ */ t(zn, {}),
+              /* @__PURE__ */ t(_t, {}),
+              /* @__PURE__ */ t(Ct, { captions: i }),
+              /* @__PURE__ */ t(Ht, { comments: l }),
+              /* @__PURE__ */ t(fo, {}),
+              /* @__PURE__ */ t(Qn, {})
             ] }),
-            /* @__PURE__ */ t(Rt, { darkMode: S, playerRef: n }),
-            /* @__PURE__ */ t(at, { annotations: h })
+            /* @__PURE__ */ t(Ft, { darkMode: S, playerRef: n }),
+            /* @__PURE__ */ t(rt, { annotations: h })
           ]
         }
       ) })
@@ -1820,8 +1827,8 @@ function bi({
   );
 }
 export {
-  ft as CAPTION_FONT_SIZE_MULTIPLIERS,
-  Pe as COMMENT_DURATION,
+  gt as CAPTION_FONT_SIZE_MULTIPLIERS,
+  Me as COMMENT_DURATION,
   V as PLAYBACK_RATES,
-  bi as StudioPlayer
+  yi as StudioPlayer
 };