@instructure/studio-player 0.4.4 → 0.4.6

package/dist/studio-player.es.js

@@ -1,30 +1,30 @@
-import './index-C75Fenqh.css';var st = Object.defineProperty;
-var at = (e, n, o) => n in e ? st(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
-var H = (e, n, o) => at(e, typeof n != "symbol" ? n + "" : n, o);
-import { jsx as t, jsxs as l, Fragment as Y } from "react/jsx-runtime";
-import { createContext as ce, useContext as re, useState as x, useCallback as f, useEffect as F, useMemo as T, useRef as ne } from "react";
-import { useMediaPlayer as Z, Spinner as le, useMediaRemote as oe, useMediaState as g, isTrackCaptionKind as lt, Track as ct, Captions as rt, usePlaybackRateOptions as ut, useCaptionOptions as dt, useVideoQualityOptions as mt, useMediaStore as He, Poster as ht, FullscreenButton as pt, Time as ke, TimeSlider as G, VolumeSlider as X, isAudioProvider as _t, isVideoProvider as Ct, MediaPlayer as ft, MediaProvider as gt } from "@vidstack/react";
-import { useMediaState as Mi, useMediaStore as Ni } from "@vidstack/react";
-import { initReactI18next as bt, useTranslation as _ } from "react-i18next";
-import vt from "i18next";
-import wt from "i18next-resources-to-backend";
-import { useFloating as ue, autoUpdate as de, useDismiss as me, useInteractions as he, detectOverflow as yt, FloatingFocusManager as pe, shift as Se, offset as Te, arrow as Ve, useListNavigation as kt, FloatingArrow as Ae } from "@floating-ui/react";
-const Lt = (e, n, o) => {
-  const i = e[n];
+import './index-B7B435UF.css';var st = Object.defineProperty;
+var at = (e, t, o) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var T = (e, t, o) => at(e, typeof t != "symbol" ? t + "" : t, o);
+import { jsx as n, jsxs as l, Fragment as J } from "react/jsx-runtime";
+import { createContext as ce, useContext as ue, useState as M, useCallback as f, useEffect as j, useMemo as O, useRef as U, forwardRef as lt } from "react";
+import { useMediaPlayer as E, Spinner as re, useMediaRemote as ie, useMediaState as g, isTrackCaptionKind as rt, Track as ct, Captions as ut, usePlaybackRateOptions as dt, useCaptionOptions as mt, useVideoQualityOptions as ht, Poster as pt, FullscreenButton as _t, Time as xe, TimeSlider as W, VolumeSlider as ee, isAudioProvider as ft, isVideoProvider as Ct, isYouTubeProvider as bt, isVimeoProvider as gt, MediaPlayer as vt, MediaProvider as wt } from "@vidstack/react";
+import { useMediaState as Hi, useMediaStore as Ti } from "@vidstack/react";
+import { initReactI18next as yt, useTranslation as C } from "react-i18next";
+import kt from "i18next";
+import Lt from "i18next-resources-to-backend";
+import { useFloating as de, autoUpdate as me, useDismiss as he, useInteractions as pe, detectOverflow as xt, FloatingFocusManager as _e, shift as Te, offset as Ee, arrow as Ve, useListNavigation as Mt, FloatingArrow as Ae, useMergeRefs as Nt } from "@floating-ui/react";
+const Pt = (e, t, o) => {
+  const i = e[t];
   return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
       a.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + n + (n.split("/").length !== o ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + t + (t.split("/").length !== o ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
   });
 };
-vt.use(bt).use(
-  wt(
-    (e) => Lt(/* @__PURE__ */ Object.assign({ "./locales/ar.json": () => import("./ar-B8l4Fn4I.js"), "./locales/ca.json": () => import("./ca-D-9XXbq2.js"), "./locales/cy.json": () => import("./cy-7BijMmgd.js"), "./locales/da-x-k12.json": () => import("./da-x-k12-CJ2niKwf.js"), "./locales/da.json": () => import("./da-DAY_l_21.js"), "./locales/de.json": () => import("./de-ya8bO5Ja.js"), "./locales/en-AU-x-unimelb.json": () => import("./en-AU-x-unimelb-irzsO2mb.js"), "./locales/en-GB-x-ukhe.json": () => import("./en-GB-x-ukhe-G4m87b7j.js"), "./locales/en.json": () => import("./en-D6AICPim.js"), "./locales/en_AU.json": () => import("./en_AU-DB3OHfTc.js"), "./locales/en_CY.json": () => import("./en_CY-DhDZF-tZ.js"), "./locales/en_GB.json": () => import("./en_GB-BK_q7w5s.js"), "./locales/es.json": () => import("./es-DZ5Y82Uj.js"), "./locales/es_ES.json": () => import("./es_ES-CQMBItY2.js"), "./locales/fi.json": () => import("./fi-B4Pz1t-t.js"), "./locales/fr.json": () => import("./fr-BteehQcx.js"), "./locales/fr_CA.json": () => import("./fr_CA-BHaXh8MX.js"), "./locales/ga.json": () => import("./ga-Bx3a9UKG.js"), "./locales/hi.json": () => import("./hi-DHG0_yeQ.js"), "./locales/ht.json": () => import("./ht-C2IdMP2u.js"), "./locales/id.json": () => import("./id-uk30JX2p.js"), "./locales/is.json": () => import("./is-yOmqk5qU.js"), "./locales/it.json": () => import("./it-BM3Um8gU.js"), "./locales/ja.json": () => import("./ja-BdL71P8g.js"), "./locales/kl.json": () => import("./kl-BeSfwm2D.js"), "./locales/mi.json": () => import("./mi-D2uHHivq.js"), "./locales/ms.json": () => import("./ms--AuIVHSL.js"), "./locales/nb-x-k12.json": () => import("./nb-x-k12-CxOnhM4J.js"), "./locales/nb.json": () => import("./nb-CXLIMCwW.js"), "./locales/nl.json": () => import("./nl-CsVJ-oQV.js"), "./locales/pl.json": () => import("./pl-BT0sRFhU.js"), "./locales/pt.json": () => import("./pt-Anx8EAjZ.js"), "./locales/pt_BR.json": () => import("./pt_BR-Be3UULFe.js"), "./locales/ru.json": () => import("./ru-DPUYT2zh.js"), "./locales/sl.json": () => import("./sl-QnHcT_i1.js"), "./locales/sv-x-k12.json": () => import("./sv-x-k12-DLoiJ1OB.js"), "./locales/sv.json": () => import("./sv-D_WuG6Ug.js"), "./locales/th.json": () => import("./th-CcE5hCow.js"), "./locales/vi.json": () => import("./vi-De-Nfy-i.js"), "./locales/zh-Hans.json": () => import("./zh-Hans-CU7SSIXE.js"), "./locales/zh-Hant.json": () => import("./zh-Hant-BMd136-f.js"), "./locales/zh.json": () => import("./zh-ClimEyGq.js"), "./locales/zh_HK.json": () => import("./zh_HK-Culy5KI5.js") }), `./locales/${e}.json`, 3)
+kt.use(yt).use(
+  Lt(
+    (e) => Pt(/* @__PURE__ */ Object.assign({ "./locales/ar.json": () => import("./ar-B8l4Fn4I.js"), "./locales/ca.json": () => import("./ca-D-9XXbq2.js"), "./locales/cy.json": () => import("./cy-7BijMmgd.js"), "./locales/da-x-k12.json": () => import("./da-x-k12-CJ2niKwf.js"), "./locales/da.json": () => import("./da-DAY_l_21.js"), "./locales/de.json": () => import("./de-ya8bO5Ja.js"), "./locales/en-AU-x-unimelb.json": () => import("./en-AU-x-unimelb-irzsO2mb.js"), "./locales/en-GB-x-ukhe.json": () => import("./en-GB-x-ukhe-G4m87b7j.js"), "./locales/en.json": () => import("./en-D6AICPim.js"), "./locales/en_AU.json": () => import("./en_AU-DB3OHfTc.js"), "./locales/en_CY.json": () => import("./en_CY-DhDZF-tZ.js"), "./locales/en_GB.json": () => import("./en_GB-BK_q7w5s.js"), "./locales/es.json": () => import("./es-DZ5Y82Uj.js"), "./locales/es_ES.json": () => import("./es_ES-CQMBItY2.js"), "./locales/fi.json": () => import("./fi-B4Pz1t-t.js"), "./locales/fr.json": () => import("./fr-BteehQcx.js"), "./locales/fr_CA.json": () => import("./fr_CA-BHaXh8MX.js"), "./locales/ga.json": () => import("./ga-Bx3a9UKG.js"), "./locales/hi.json": () => import("./hi-DHG0_yeQ.js"), "./locales/ht.json": () => import("./ht-C2IdMP2u.js"), "./locales/id.json": () => import("./id-uk30JX2p.js"), "./locales/is.json": () => import("./is-yOmqk5qU.js"), "./locales/it.json": () => import("./it-BM3Um8gU.js"), "./locales/ja.json": () => import("./ja-BdL71P8g.js"), "./locales/kl.json": () => import("./kl-BeSfwm2D.js"), "./locales/mi.json": () => import("./mi-D2uHHivq.js"), "./locales/ms.json": () => import("./ms--AuIVHSL.js"), "./locales/nb-x-k12.json": () => import("./nb-x-k12-CxOnhM4J.js"), "./locales/nb.json": () => import("./nb-CXLIMCwW.js"), "./locales/nl.json": () => import("./nl-CsVJ-oQV.js"), "./locales/pl.json": () => import("./pl-BT0sRFhU.js"), "./locales/pt.json": () => import("./pt-Anx8EAjZ.js"), "./locales/pt_BR.json": () => import("./pt_BR-Be3UULFe.js"), "./locales/ru.json": () => import("./ru-DPUYT2zh.js"), "./locales/sl.json": () => import("./sl-QnHcT_i1.js"), "./locales/sv-x-k12.json": () => import("./sv-x-k12-DLoiJ1OB.js"), "./locales/sv.json": () => import("./sv-D_WuG6Ug.js"), "./locales/th.json": () => import("./th-CcE5hCow.js"), "./locales/vi.json": () => import("./vi-De-Nfy-i.js"), "./locales/zh-Hans.json": () => import("./zh-Hans-CU7SSIXE.js"), "./locales/zh-Hant.json": () => import("./zh-Hant-BMd136-f.js"), "./locales/zh.json": () => import("./zh-ClimEyGq.js"), "./locales/zh_HK.json": () => import("./zh_HK-Culy5KI5.js") }), `./locales/${e}.json`, 3)
   )
 ).init({
   fallbackLng: "en",
@@ -35,160 +35,160 @@ vt.use(bt).use(
     escapeValue: !1
   }
 });
-const Ee = ce(null);
-function xt({
+const Be = ce(null);
+function It({
   children: e,
-  contextValue: n
+  contextValue: t
 }) {
-  return /* @__PURE__ */ t(Ee.Provider, { value: n, children: e });
+  return /* @__PURE__ */ n(Be.Provider, { value: t, children: e });
 }
-function w() {
-  const e = re(Ee);
+function v() {
+  const e = ue(Be);
   if (!e)
     throw new Error(
       "useStudioPlayerContext must be used within a StudioPlayerContextProvider"
     );
   return e;
 }
-const Be = ce(null);
-function Mt({
+const Re = ce(null);
+function St({
   hideFullScreen: e,
-  comments: n,
+  comments: t,
   captions: o,
   thumbnail: i,
   annotations: s,
   quizMarkers: a,
-  interactive: c,
-  onAnnotationClick: r,
-  onQuizMarkerClick: d,
-  onInteractivePinClick: p,
+  interactive: r,
+  onAnnotationClick: c,
+  onQuizMarkerClick: u,
+  onInteractivePinClick: m,
   interactiveMenuElements: b,
-  kebabMenuElements: v,
-  darkMode: k,
-  children: y,
-  forceComments: P,
-  disableCaptionSettings: h,
-  disableStorage: C,
-  captionOffsetOverride: V,
-  disableInteractivePinRanges: A,
-  onQuizMarkerShow: U,
-  onCaptionsDelete: S
+  kebabMenuElements: w,
+  darkMode: y,
+  children: k,
+  forceComments: S,
+  disableCaptionSettings: p,
+  disableStorage: _,
+  captionOffsetOverride: I,
+  disableInteractivePinRanges: V,
+  onQuizMarkerShow: F,
+  onCaptionsDelete: B
 }) {
-  const E = {
+  const Z = {
     hideFullScreen: e,
-    comments: n,
+    comments: t,
     captions: o,
     thumbnail: i,
     annotations: s,
     quizMarkers: a,
-    interactive: c,
-    onAnnotationClick: r,
-    onQuizMarkerClick: d,
-    onInteractivePinClick: p,
+    interactive: r,
+    onAnnotationClick: c,
+    onQuizMarkerClick: u,
+    onInteractivePinClick: m,
     interactiveMenuElements: b,
-    kebabMenuElements: v,
-    darkMode: k,
-    hasComments: n.length > 0,
+    kebabMenuElements: w,
+    darkMode: y,
+    hasComments: t.length > 0,
     hasAnnotations: s.length > 0,
     hasQuizmarkers: a.length > 0,
-    forceComments: P,
-    disableCaptionSettings: h,
-    disableStorage: C,
-    captionOffsetOverride: V,
-    disableInteractivePinRanges: A,
-    onQuizMarkerShow: U,
-    onCaptionsDelete: S
+    forceComments: S,
+    disableCaptionSettings: p,
+    disableStorage: _,
+    captionOffsetOverride: I,
+    disableInteractivePinRanges: V,
+    onQuizMarkerShow: F,
+    onCaptionsDelete: B
   };
-  return /* @__PURE__ */ t(Be.Provider, { value: E, children: y });
+  return /* @__PURE__ */ n(Re.Provider, { value: Z, children: k });
 }
 function L() {
-  const e = re(Be);
+  const e = ue(Re);
   if (!e)
     throw new Error(
       "useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
     );
   return e;
 }
-const Nt = "_annotation-overlay_1kxzn_1", Pt = {
+const Ht = "_annotation-overlay_1kxzn_1", Tt = {
   "annotation-overlay": "_annotation-overlay_1kxzn_1",
-  annotationOverlay: Nt
-}, Le = 0.25, It = (e, n) => {
+  annotationOverlay: Ht
+}, Me = 0.25, Et = (e, t) => {
   let o = !1;
   return (i) => {
     const s = i.detail.currentTime;
-    s >= e.time && s < e.time + Le && !o && (o = !0, n(e)), (s < e.time || s >= e.time + Le) && o && (o = !1);
+    s >= e.time && s < e.time + Me && !o && (o = !0, t(e)), (s < e.time || s >= e.time + Me) && o && (o = !1);
   };
 };
-function Ht({ annotations: e }) {
-  const n = Z(), o = w(), i = L(), [s, a] = x(
+function Vt({ annotations: e }) {
+  const t = E(), o = v(), i = L(), [s, a] = M(
     null
-  ), c = f(
-    (d) => {
-      n == null || n.pause(), i.interactive || o.disableInteractions(), a(d);
+  ), r = f(
+    (u) => {
+      t == null || t.pause(), i.interactive || o.disableInteractions(), a(u);
     },
-    [n, o]
-  ), r = () => {
-    i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
+    [t, o]
+  ), c = () => {
+    i.interactive || (t == null || t.play(), o.enableInteractions()), a(null);
   };
-  return F(() => {
-    if (!n)
+  return j(() => {
+    if (!t)
       return;
-    const d = [];
-    for (const p of e) {
-      const b = It(p, c);
-      n.addEventListener("time-update", b), d.push(b);
+    const u = [];
+    for (const m of e) {
+      const b = Et(m, r);
+      t.addEventListener("time-update", b), u.push(b);
     }
     if (s) {
-      const p = e.find(
+      const m = e.find(
         (b) => b.id === s.id
       );
-      p ? a(p) : (a(null), o.enableInteractions());
+      m ? a(m) : (a(null), o.enableInteractions());
     }
     return () => {
-      for (const p of d)
-        n.removeEventListener("time-update", p);
+      for (const m of u)
+        t.removeEventListener("time-update", m);
     };
-  }, [n, e]), s ? /* @__PURE__ */ t("div", { className: Pt.annotationOverlay, children: s.render(r) }) : null;
+  }, [t, e]), s ? /* @__PURE__ */ n("div", { className: Tt.annotationOverlay, children: s.render(c) }) : null;
 }
-const St = "_media-buffering-indicator_1fwjr_1", Tt = "_media-buffering-spinner_1fwjr_17", Vt = "_media-buffering-spin_1fwjr_17", At = "_media-buffering-track_1fwjr_22", Et = "_media-buffering-track-fill_1fwjr_27", J = {
+const At = "_media-buffering-indicator_1fwjr_1", Bt = "_media-buffering-spinner_1fwjr_17", Rt = "_media-buffering-spin_1fwjr_17", Ot = "_media-buffering-track_1fwjr_22", Ft = "_media-buffering-track-fill_1fwjr_27", te = {
   "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
-  mediaBufferingIndicator: St,
+  mediaBufferingIndicator: At,
   "media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
-  mediaBufferingSpinner: Tt,
+  mediaBufferingSpinner: Bt,
   "media-buffering-spin": "_media-buffering-spin_1fwjr_17",
-  mediaBufferingSpin: Vt,
+  mediaBufferingSpin: Rt,
   "media-buffering-track": "_media-buffering-track_1fwjr_22",
-  mediaBufferingTrack: At,
+  mediaBufferingTrack: Ot,
   "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
-  mediaBufferingTrackFill: Et
+  mediaBufferingTrackFill: Ft
 };
-function Re() {
-  return /* @__PURE__ */ t("div", { className: J.mediaBufferingIndicator, children: /* @__PURE__ */ l(le.Root, { className: J.mediaBufferingSpinner, size: 96, children: [
-    /* @__PURE__ */ t(le.Track, { className: J.mediaBufferingTrack, width: 8 }),
-    /* @__PURE__ */ t(
-      le.TrackFill,
+function Oe() {
+  return /* @__PURE__ */ n("div", { className: te.mediaBufferingIndicator, children: /* @__PURE__ */ l(re.Root, { className: te.mediaBufferingSpinner, size: 96, children: [
+    /* @__PURE__ */ n(re.Track, { className: te.mediaBufferingTrack, width: 8 }),
+    /* @__PURE__ */ n(
+      re.TrackFill,
       {
-        className: J.mediaBufferingTrackFill,
+        className: te.mediaBufferingTrackFill,
         width: 8
       }
     )
   ] }) });
 }
-const Oe = (e) => /* @__PURE__ */ l("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" }) })
-] }), Fe = (e) => /* @__PURE__ */ l("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" }) })
+const Fe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+  /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ n("rect", { width: 24, height: 24, fill: "white" }) }) }),
+  /* @__PURE__ */ n("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ n("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" }) })
+] }), Ze = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+  /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ n("rect", { width: 24, height: 24, fill: "white" }) }) }),
+  /* @__PURE__ */ n("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ n("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 Bt() {
-  const e = oe(), n = g("textTrack"), o = g("hasCaptions"), i = n && lt(n), s = w(), a = f(
-    (c) => {
-      e.toggleCaptions(c.nativeEvent);
+function Zt() {
+  const e = ie(), t = g("textTrack"), o = g("hasCaptions"), i = t && rt(t), s = v(), a = f(
+    (r) => {
+      e.toggleCaptions(r.nativeEvent);
     },
     [e]
   );
-  return o ? /* @__PURE__ */ t(
+  return o ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -197,31 +197,31 @@ function Bt() {
       "aria-label": "Captions",
       "aria-pressed": i ? "true" : "false",
       tabIndex: s.state.interactionsDisabled ? -1 : 0,
-      children: i ? /* @__PURE__ */ t(Fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Oe, { className: "controls-button-icon" })
+      children: i ? /* @__PURE__ */ n(Ze, { className: "controls-button-icon" }) : /* @__PURE__ */ n(Fe, { className: "controls-button-icon" })
     }
   ) : null;
 }
-const Rt = "_captions_1cu0g_1", Ot = {
-  captions: Rt
-}, Ft = (e, n) => e ? n.top : n.bottom;
-function Ze({ captions: e }) {
-  const n = e.length > 0, o = w(), { captionOffsetOverride: i } = L(), s = o.state.captionPositionOnTop, a = Ft(
+const Dt = "_captions_1cu0g_1", jt = {
+  captions: Dt
+}, Kt = (e, t) => e ? t.top : t.bottom;
+function De({ captions: e }) {
+  const t = e.length > 0, o = v(), { captionOffsetOverride: i } = L(), s = o.state.captionPositionOnTop, a = Kt(
     s,
     i ?? {}
   );
-  return /* @__PURE__ */ l(Y, { children: [
-    e.map((c) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ l(J, { children: [
+    e.map((r) => /* @__PURE__ */ n(
       ct,
       {
         kind: "subtitles",
-        type: c.type,
-        language: c.language,
-        label: c.label,
-        src: c.src
+        type: r.type,
+        language: r.language,
+        label: r.label,
+        src: r.src
       },
-      c.label
+      r.label
     )),
-    n ? /* @__PURE__ */ t(
+    t ? /* @__PURE__ */ n(
       "div",
       {
         style: {
@@ -232,45 +232,58 @@ function Ze({ 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(rt, { className: Ot.captions })
+        children: /* @__PURE__ */ n(ut, { className: jt.captions })
       }
     ) : null
   ] });
 }
-const D = [0.5, 0.75, 1, 1.25, 1.5, 2], Zt = [0.5, 1, 2, 3, 4], zt = 5, jt = (e) => {
-  const [, n] = x({});
-  return T(() => {
+function je(e) {
+  var t, o, i = "";
+  if (typeof e == "string" || typeof e == "number") i += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (o = je(e[t])) && (i && (i += " "), i += o);
+  } else for (o in e) e[o] && (i && (i += " "), i += o);
+  return i;
+}
+function zt() {
+  for (var e, t, o = 0, i = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = je(e)) && (i && (i += " "), i += t);
+  return i;
+}
+const $ = [0.5, 0.75, 1, 1.25, 1.5, 2], $t = [0.5, 1, 2, 3, 4], Ut = 5, qt = (e) => {
+  const [, t] = M({});
+  return O(() => {
     let o = [];
     return {
       add(i) {
-        o.length >= e && o.shift(), o.push(i), n({});
+        o.length >= e && o.shift(), o.push(i), t({});
       },
       remove(i) {
-        o = o.filter((s) => s !== i), n({});
+        o = o.filter((s) => s !== i), t({});
       },
       clear() {
-        o = [], n({});
+        o = [], t({});
       },
       map(i) {
         return o.map(i);
       }
     };
   }, []);
-}, Dt = (e, n, o) => {
+}, Gt = (e, t, o) => {
   let 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);
+    a >= e.timestamp && a < e.timestamp + t && !i && (o.add(e), i = !0), (a < e.timestamp || a >= e.timestamp + t) && i && (o.remove(e), i = !1);
   };
-}, Kt = (e, n = 5) => {
-  const o = Z(), i = jt(n);
-  return F(() => {
+}, Qt = (e, t = 5) => {
+  const o = E(), i = qt(t);
+  return j(() => {
     if (!o)
       return;
     const s = [];
     for (const a of e) {
-      const c = Dt(a, zt, i);
-      s.push(c), o.addEventListener("time-update", c);
+      const r = Gt(a, Ut, i);
+      s.push(r), o.addEventListener("time-update", r);
     }
     return o.dispatchEvent(
       new CustomEvent("time-update", {
@@ -282,96 +295,108 @@ const D = [0.5, 0.75, 1, 1.25, 1.5, 2], Zt = [0.5, 1, 2, 3, 4], zt = 5, jt = (e)
       i.clear();
     };
   }, [o, i, e]), i;
-}, $t = "_comments-overlay_1puzm_1", Ut = "_comments-container_1puzm_10", qt = "_comment_1puzm_1", Gt = "_comment-text_1puzm_47", Qt = "_comment-author-avatar_1puzm_70", Wt = "_comment-author-name_1puzm_89", O = {
-  "comments-overlay": "_comments-overlay_1puzm_1",
-  commentsOverlay: $t,
-  "comments-container": "_comments-container_1puzm_10",
-  commentsContainer: Ut,
-  comment: qt,
-  "comment-text": "_comment-text_1puzm_47",
-  commentText: Gt,
-  "comment-author-avatar": "_comment-author-avatar_1puzm_70",
-  commentAuthorAvatar: Qt,
-  "comment-author-name": "_comment-author-name_1puzm_89",
-  commentAuthorName: Wt
+}, Wt = "_comments-overlay_bymws_1", Yt = "_comments-container_bymws_10", Xt = "_kebab_bymws_20", Jt = "_comment_bymws_1", en = "_comment-text_bymws_51", tn = "_comment-author-avatar_bymws_71", nn = "_comment-author-name_bymws_95", R = {
+  "comments-overlay": "_comments-overlay_bymws_1",
+  commentsOverlay: Wt,
+  "comments-container": "_comments-container_bymws_10",
+  commentsContainer: Yt,
+  kebab: Xt,
+  comment: Jt,
+  "comment-text": "_comment-text_bymws_51",
+  commentText: en,
+  "comment-author-avatar": "_comment-author-avatar_bymws_71",
+  commentAuthorAvatar: tn,
+  "comment-author-name": "_comment-author-name_bymws_95",
+  commentAuthorName: nn
 };
-function Yt({ comment: e }) {
-  return e.render ? e.render(e, O) : /* @__PURE__ */ l("div", { className: O.comment, onClick: () => {
-    var n;
-    return (n = e.onClick) == null ? void 0 : n.call(e, e);
+function on({ comment: e }) {
+  return e.render ? e.render(e, R) : /* @__PURE__ */ l("div", { className: R.comment, onClick: () => {
+    var t;
+    return (t = e.onClick) == null ? void 0 : t.call(e, e);
   }, children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ n(
       "img",
       {
-        className: O.commentAuthorAvatar,
+        className: R.commentAuthorAvatar,
         src: e.user.avatar,
         alt: e.user.name
       }
     ),
-    /* @__PURE__ */ t("span", { className: O.commentText, children: e.text }),
-    /* @__PURE__ */ t("span", { className: O.commentAuthorName, children: e.user.name })
+    /* @__PURE__ */ n("span", { className: R.commentText, children: e.text }),
+    /* @__PURE__ */ n("span", { className: R.commentAuthorName, children: e.user.name })
   ] });
 }
-const Xt = 5;
-function Jt({ comments: e }) {
-  const n = w(), o = Kt(e, Xt), i = !!g("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Yt, { comment: a }, a.id));
-  return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
+const sn = 4;
+function an({
+  comments: e,
+  isKebabMenuVisible: t
+}) {
+  const o = v(), i = Qt(e, sn), s = !!g("textTrack"), a = i.map((r) => /* @__PURE__ */ n(on, { comment: r }, r.id));
+  return e.length > 0 && o.state.commentsEnabled ? /* @__PURE__ */ n(
     "div",
     {
-      className: O.commentsOverlay,
+      className: R.commentsOverlay,
       style: {
-        flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
+        flexDirection: o.state.captionPositionOnTop && s ? "column-reverse" : "column"
       },
-      children: /* @__PURE__ */ t("div", { className: O.commentsContainer, children: i ? s.slice(-4) : s })
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: zt(R.commentsContainer, {
+            [R.kebab]: t
+          }),
+          children: s ? a.slice(-3) : a
+        }
+      )
     }
   ) : null;
 }
-const en = "_root_h0dso_1", tn = "_left-controls_h0dso_28", nn = "_right-controls_h0dso_34", on = "_indicators_h0dso_40", sn = "_normal-timeline_h0dso_49", an = "_compact-timeline_h0dso_55", j = {
-  root: en,
+const ln = "_root_h0dso_1", rn = "_left-controls_h0dso_28", cn = "_right-controls_h0dso_34", un = "_indicators_h0dso_40", dn = "_normal-timeline_h0dso_49", mn = "_compact-timeline_h0dso_55", z = {
+  root: ln,
   "left-controls": "_left-controls_h0dso_28",
-  leftControls: tn,
+  leftControls: rn,
   "right-controls": "_right-controls_h0dso_34",
-  rightControls: nn,
-  indicators: on,
+  rightControls: cn,
+  indicators: un,
   "normal-timeline": "_normal-timeline_h0dso_49",
-  normalTimeline: sn,
+  normalTimeline: dn,
   "compact-timeline": "_compact-timeline_h0dso_55",
-  compactTimeline: an
+  compactTimeline: mn
 };
-function ln({
+function hn({
   darkMode: e,
-  playerRef: n,
+  playerRef: t,
   showCaptionsButton: o = !0
 }) {
-  const i = Z();
-  return F(() => {
-    i && (i.remoteControl.pauseControls(), n && (typeof n == "function" ? n(i) : n.current = i));
-  }, [i, n]), /* @__PURE__ */ l("div", { "data-darkmode": e, className: j.root, children: [
-    /* @__PURE__ */ t(Me, { className: j.normalTimeline }),
-    /* @__PURE__ */ l("div", { className: j.leftControls, children: [
-      /* @__PURE__ */ t(Wo, {}),
-      /* @__PURE__ */ t(ti, {})
+  const i = E();
+  return j(() => {
+    i && (i.remoteControl.pauseControls(), t && (typeof t == "function" ? t(i) : t.current = i));
+  }, [i, t]), /* @__PURE__ */ l("div", { "data-darkmode": e, className: z.root, children: [
+    /* @__PURE__ */ n(Pe, { className: z.normalTimeline }),
+    /* @__PURE__ */ l("div", { className: z.leftControls, children: [
+      /* @__PURE__ */ n(n1, {}),
+      /* @__PURE__ */ n(ai, {})
     ] }),
-    /* @__PURE__ */ t("div", { className: j.indicators, children: /* @__PURE__ */ t(r1, {}) }),
-    /* @__PURE__ */ t(Me, { className: j.compactTimeline }),
-    /* @__PURE__ */ l("div", { className: j.rightControls, children: [
-      o && /* @__PURE__ */ t(Bt, {}),
-      /* @__PURE__ */ t(co, {}),
-      /* @__PURE__ */ t(Lo, {})
+    /* @__PURE__ */ n("div", { className: z.indicators, children: /* @__PURE__ */ n(_1, {}) }),
+    /* @__PURE__ */ n(Pe, { className: z.compactTimeline }),
+    /* @__PURE__ */ l("div", { className: z.rightControls, children: [
+      o && /* @__PURE__ */ n(Zt, {}),
+      /* @__PURE__ */ n(_o, {}),
+      /* @__PURE__ */ n(So, {})
     ] })
   ] });
 }
-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", { 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" }) }), rn = (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" }) }), un = "_menu-hint_1wiu5_1", dn = "_menu-button_1wiu5_5", mn = "_menu-label_1wiu5_37", hn = "_menu-icon_1wiu5_42", ee = {
+const pn = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), _n = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), fn = "_menu-hint_1wiu5_1", Cn = "_menu-button_1wiu5_5", bn = "_menu-label_1wiu5_37", gn = "_menu-icon_1wiu5_42", ne = {
   "menu-hint": "_menu-hint_1wiu5_1",
-  menuHint: un,
+  menuHint: fn,
   "menu-button": "_menu-button_1wiu5_5",
-  menuButton: dn,
+  menuButton: Cn,
   "menu-label": "_menu-label_1wiu5_37",
-  menuLabel: mn,
+  menuLabel: bn,
   "menu-icon": "_menu-icon_1wiu5_42",
-  menuIcon: hn
+  menuIcon: gn
 };
-function K({ label: e, hint: n, onClick: o, Icon: i }) {
+function q({ label: e, hint: t, onClick: o, Icon: i }) {
   return /* @__PURE__ */ l(
     "button",
     {
@@ -380,241 +405,241 @@ function K({ label: e, hint: n, onClick: o, Icon: i }) {
       "aria-label": e,
       tabIndex: -1,
       onClick: o,
-      className: ee.menuButton,
+      className: ne.menuButton,
       children: [
-        i && /* @__PURE__ */ t(i, { className: ee.menuIcon }),
-        /* @__PURE__ */ t("span", { className: ee.menuLabel, children: e }),
-        n && /* @__PURE__ */ t("span", { className: ee.menuHint, children: n }),
-        /* @__PURE__ */ t(rn, {})
+        i && /* @__PURE__ */ n(i, { className: ne.menuIcon }),
+        /* @__PURE__ */ n("span", { className: ne.menuLabel, children: e }),
+        t && /* @__PURE__ */ n("span", { className: ne.menuHint, children: t }),
+        /* @__PURE__ */ n(_n, {})
       ]
     }
   );
 }
-const pn = (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 _n() {
-  const e = N(), n = g("playbackRate"), { t: o } = _(), i = f(() => {
+const vn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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 wn() {
+  const e = P(), t = g("playbackRate"), { t: o } = C(), i = f(() => {
     e.setPage("speed");
   }, [e]);
-  return /* @__PURE__ */ t(
-    K,
+  return /* @__PURE__ */ n(
+    q,
     {
       label: o("PLAYBACK_SPEED"),
-      hint: `${n}x`,
+      hint: `${t}x`,
       onClick: i,
-      Icon: pn
+      Icon: vn
     }
   );
 }
-function Cn() {
-  const e = N(), n = g("hasCaptions"), o = g("textTrack"), { t: i } = _(), s = f(() => {
+function yn() {
+  const e = P(), t = g("hasCaptions"), o = g("textTrack"), { t: i } = C(), s = f(() => {
     e.setPage("captions");
   }, [e]);
-  return n ? /* @__PURE__ */ t(
-    K,
+  return t ? /* @__PURE__ */ n(
+    q,
     {
       label: i("CAPTIONS"),
       hint: (o == null ? void 0 : o.label) ?? i("OFF"),
       onClick: s,
-      Icon: Oe
+      Icon: Fe
     }
   ) : null;
 }
-const fn = (e) => /* @__PURE__ */ l("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" }) }) }),
+const kn = (e) => /* @__PURE__ */ l("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+  /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ n("rect", { width: 18, height: 18, fill: "white" }) }) }),
   /* @__PURE__ */ l("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" }),
-    /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
-    /* @__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" })
+    /* @__PURE__ */ n("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" }),
+    /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
+    /* @__PURE__ */ n("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 gn() {
-  const e = N(), n = g("autoQuality"), o = g("quality"), { t: i } = _(), s = f(() => {
+function Ln() {
+  const e = P(), t = g("autoQuality"), o = g("quality"), { t: i } = C(), s = f(() => {
     e.setPage("quality");
   }, [e]);
-  return o ? /* @__PURE__ */ t(
-    K,
+  return o ? /* @__PURE__ */ n(
+    q,
     {
       label: i("QUALITY"),
-      hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
+      hint: t ? i("AUTO", { quality: o.height }) : `${o.height}p`,
       onClick: s,
-      Icon: fn
+      Icon: kn
     }
   ) : null;
 }
-const bn = (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" }) }), 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", { 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" }) }), wn = "_switch-track_7nhpo_1", yn = "_switch-thumb_7nhpo_17", kn = "_switch-icon_7nhpo_31", Ln = "_switch-body_7nhpo_37", xn = "_switch-label_7nhpo_78", Mn = "_menu-icon_7nhpo_82", R = {
+const xn = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Mn = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Nn = "_switch-track_7nhpo_1", Pn = "_switch-thumb_7nhpo_17", In = "_switch-icon_7nhpo_31", Sn = "_switch-body_7nhpo_37", Hn = "_switch-label_7nhpo_78", Tn = "_menu-icon_7nhpo_82", D = {
   "switch-track": "_switch-track_7nhpo_1",
-  switchTrack: wn,
+  switchTrack: Nn,
   "switch-thumb": "_switch-thumb_7nhpo_17",
-  switchThumb: yn,
+  switchThumb: Pn,
   "switch-icon": "_switch-icon_7nhpo_31",
-  switchIcon: kn,
+  switchIcon: In,
   "switch-body": "_switch-body_7nhpo_37",
-  switchBody: Ln,
+  switchBody: Sn,
   "switch-label": "_switch-label_7nhpo_78",
-  switchLabel: xn,
+  switchLabel: Hn,
   "menu-icon": "_menu-icon_7nhpo_82",
-  menuIcon: Mn
+  menuIcon: Tn
 };
-function _e({
+function fe({
   label: e,
-  checked: n = !1,
+  checked: t = !1,
   onClick: o,
   Icon: i
 }) {
   return /* @__PURE__ */ l(
     "button",
     {
-      className: R.switchBody,
+      className: D.switchBody,
       role: "checkbox",
       "aria-label": e,
-      "aria-checked": n,
+      "aria-checked": t,
       onClick: o,
       tabIndex: -1,
       children: [
-        i && /* @__PURE__ */ t(i, { className: R.menuIcon }),
-        /* @__PURE__ */ t("span", { className: R.switchLabel, children: e }),
-        /* @__PURE__ */ t("div", { className: R.switchTrack, children: /* @__PURE__ */ t("div", { className: R.switchThumb, children: n ? /* @__PURE__ */ t(bn, { className: R.switchIcon }) : /* @__PURE__ */ t(vn, { className: R.switchIcon }) }) })
+        i && /* @__PURE__ */ n(i, { className: D.menuIcon }),
+        /* @__PURE__ */ n("span", { className: D.switchLabel, children: e }),
+        /* @__PURE__ */ n("div", { className: D.switchTrack, children: /* @__PURE__ */ n("div", { className: D.switchThumb, children: t ? /* @__PURE__ */ n(xn, { className: D.switchIcon }) : /* @__PURE__ */ n(Mn, { className: D.switchIcon }) }) })
       ]
     }
   );
 }
-const Nn = (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 Pn() {
-  const { t: e } = _(), n = L(), o = w();
-  return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
-    _e,
+const En = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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 Vn() {
+  const { t: e } = C(), t = L(), o = v();
+  return !t.forceComments && t.hasComments ? /* @__PURE__ */ n(
+    fe,
     {
-      Icon: Nn,
+      Icon: En,
       label: e("COMMENTS"),
       onClick: o.toggleComments,
       checked: o.state.commentsEnabled
     }
   ) : null;
 }
-const In = "_main-menu_7h96l_1", Hn = {
+const An = "_main-menu_7h96l_1", Bn = {
   "main-menu": "_main-menu_7h96l_1",
-  mainMenu: In
+  mainMenu: An
 };
-function ze(e) {
-  F(() => {
-    const n = (o) => {
+function Ce(e) {
+  j(() => {
+    const t = (o) => {
       var i;
       (i = e[o.key]) == null || i.call(e, o);
     };
-    return document.addEventListener("keydown", n, { passive: !0 }), () => {
-      document.removeEventListener("keydown", n);
+    return document.addEventListener("keydown", t, { passive: !0 }), () => {
+      document.removeEventListener("keydown", t);
     };
   }, [e]);
 }
-function Sn(e) {
-  const n = T(() => ({ Escape: e }), [e]);
-  return ze(n);
+function Rn(e) {
+  const t = O(() => ({ Escape: e }), [e]);
+  return Ce(t);
 }
-const N = () => {
-  const e = re(De);
+const P = () => {
+  const e = ue(ze);
   if (!e)
     throw new Error(
       "useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
     );
   return e;
 };
-function Tn(e, n) {
-  const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
+function On(e, t) {
+  const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(t);
   return o[i - 1] ?? null;
 }
-function Vn(e, n) {
-  const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
+function Fn(e, t) {
+  const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(t);
   return o[i + 1] ?? null;
 }
-function An(e) {
+function Zn(e) {
   return e.querySelector("button");
 }
-function En(e) {
-  const n = Array.from(e.querySelectorAll("button"));
-  return n[n.length - 1] ?? null;
+function Dn(e) {
+  const t = Array.from(e.querySelectorAll("button"));
+  return t[t.length - 1] ?? null;
 }
-function z() {
-  const e = N(), n = ne(null), o = T(
+function K() {
+  const e = P(), t = U(null), o = O(
     () => ({
       Escape: e.toggle,
       ArrowUp: () => {
         const i = document.activeElement;
-        if (i && n.current && n.current.contains(i)) {
-          const s = Tn(
-            n.current,
+        if (i && t.current && t.current.contains(i)) {
+          const s = On(
+            t.current,
             i
           );
           s == null || s.focus();
-        } else if (n.current) {
-          const s = En(n.current);
+        } else if (t.current) {
+          const s = Dn(t.current);
           s == null || s.focus();
         }
       },
       ArrowDown: () => {
         const i = document.activeElement;
-        if (i && n.current && n.current.contains(i)) {
-          const s = Vn(
-            n.current,
+        if (i && t.current && t.current.contains(i)) {
+          const s = Fn(
+            t.current,
             i
           );
           s == null || s.focus();
-        } else if (n.current) {
-          const s = An(n.current);
+        } else if (t.current) {
+          const s = Zn(t.current);
           s == null || s.focus();
         }
       },
       ArrowRight: () => {
         const i = document.activeElement;
-        i && n.current && n.current.contains(i) && i.click();
+        i && t.current && t.current.contains(i) && i.click();
       },
       ArrowLeft: e.back
     }),
     [e]
   );
-  return ze(o), n;
+  return Ce(o), t;
 }
-function Bn() {
-  const e = z(), { t: n } = _();
+function jn() {
+  const e = K(), { t } = C();
   return /* @__PURE__ */ l(
     "div",
     {
       ref: e,
       id: "submenu",
-      "aria-label": n("MAIN_MENU"),
+      "aria-label": t("MAIN_MENU"),
       role: "menu",
-      className: Hn.mainMenu,
+      className: Bn.mainMenu,
       children: [
-        /* @__PURE__ */ t(_n, {}),
-        /* @__PURE__ */ t(Cn, {}),
-        /* @__PURE__ */ t(Pn, {}),
-        /* @__PURE__ */ t(gn, {})
+        /* @__PURE__ */ n(wn, {}),
+        /* @__PURE__ */ n(yn, {}),
+        /* @__PURE__ */ n(Vn, {}),
+        /* @__PURE__ */ n(Ln, {})
       ]
     }
   );
 }
-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" }) }), $ = (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" }) }), Rn = "_menu-container_18cio_1", On = "_scrollable-buttons_18cio_2", Fn = "_menu-heading_18cio_9", Zn = "_check-icon_18cio_20", zn = "_trash-icon_18cio_21", jn = "_menu-item-label_18cio_34", Dn = "_menu-item_18cio_34", Kn = "_menu-back-button_18cio_71", u = {
+const se = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), G = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), Kn = "_menu-container_18cio_1", zn = "_scrollable-buttons_18cio_2", $n = "_menu-heading_18cio_9", Un = "_check-icon_18cio_20", qn = "_trash-icon_18cio_21", Gn = "_menu-item-label_18cio_34", Qn = "_menu-item_18cio_34", Wn = "_menu-back-button_18cio_71", d = {
   "menu-container": "_menu-container_18cio_1",
-  menuContainer: Rn,
+  menuContainer: Kn,
   "scrollable-buttons": "_scrollable-buttons_18cio_2",
-  scrollableButtons: On,
+  scrollableButtons: zn,
   "menu-heading": "_menu-heading_18cio_9",
-  menuHeading: Fn,
+  menuHeading: $n,
   "check-icon": "_check-icon_18cio_20",
-  checkIcon: Zn,
+  checkIcon: Un,
   "trash-icon": "_trash-icon_18cio_21",
-  trashIcon: zn,
+  trashIcon: qn,
   "menu-item-label": "_menu-item-label_18cio_34",
-  menuItemLabel: jn,
+  menuItemLabel: Gn,
   "menu-item": "_menu-item_18cio_34",
-  menuItem: Dn,
+  menuItem: Qn,
   "menu-back-button": "_menu-back-button_18cio_71",
-  menuBackButton: Kn
+  menuBackButton: Wn
 };
-function $n() {
-  const e = N(), n = ut({
-    rates: D,
+function Yn() {
+  const e = P(), t = dt({
+    rates: $,
     normalLabel: "1x"
-  }), { t: o } = _(), i = z();
+  }), { t: o } = C(), i = K();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -622,7 +647,7 @@ function $n() {
       id: "submenu",
       "aria-label": o("SPEED_MENU"),
       role: "menu",
-      className: u.menuContainer,
+      className: d.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -630,28 +655,28 @@ function $n() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: u.menuBackButton,
+            className: d.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t($, {}),
-              /* @__PURE__ */ t("span", { children: o("BACK") })
+              /* @__PURE__ */ n(G, {}),
+              /* @__PURE__ */ n("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("PLAYBACK_SPEED") }),
-        /* @__PURE__ */ t("div", { className: u.scrollableButtons, children: n.map(({ value: s, label: a, select: c, selected: r }) => /* @__PURE__ */ l(
+        /* @__PURE__ */ n("strong", { className: d.menuHeading, children: o("PLAYBACK_SPEED") }),
+        /* @__PURE__ */ n("div", { className: d.scrollableButtons, children: t.map(({ value: s, label: a, select: r, selected: c }) => /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             role: "menuitemradio",
             "aria-label": a,
-            "aria-checked": r,
-            onClick: () => c(),
+            "aria-checked": c,
+            onClick: () => r(),
             tabIndex: -1,
-            className: u.menuItem,
+            className: d.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: u.checkIcon }),
-              /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: a })
+              /* @__PURE__ */ n(se, { className: d.checkIcon }),
+              /* @__PURE__ */ n("span", { className: d.menuItemLabel, children: a })
             ]
           },
           s
@@ -660,62 +685,62 @@ function $n() {
     }
   );
 }
-function Un() {
-  const e = N(), n = g("textTrack"), { t: o } = _(), { disableCaptionSettings: i } = w(), s = f(() => {
+function Xn() {
+  const e = P(), t = g("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = v(), s = f(() => {
     e.setPage("captionLanguage");
   }, [e]);
-  return i ? null : /* @__PURE__ */ t(
-    K,
+  return i ? null : /* @__PURE__ */ n(
+    q,
     {
       label: o("LANGUAGE"),
-      hint: (n == null ? void 0 : n.label) ?? o("OFF"),
+      hint: (t == null ? void 0 : t.label) ?? o("OFF"),
       onClick: s
     }
   );
 }
-function qn() {
-  const { t: e } = _(), n = w(), o = N(), i = f(() => {
+function Jn() {
+  const { t: e } = C(), t = v(), o = P(), i = f(() => {
     o.setPage("captionFontSize");
   }, [o]);
-  return /* @__PURE__ */ t(
-    K,
+  return /* @__PURE__ */ n(
+    q,
     {
       label: e("CAPTION_FONT_SIZE"),
-      hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
+      hint: `${t.state.captionsFontSizeMultiplier * 100}%`,
       onClick: i
     }
   );
 }
-function Gn() {
-  const { t: e } = _(), n = w();
-  return /* @__PURE__ */ t(
-    _e,
+function eo() {
+  const { t: e } = C(), t = v();
+  return /* @__PURE__ */ n(
+    fe,
     {
       label: e("ON_TOP"),
-      onClick: n.toggleCaptionPositionOnTop,
-      checked: n.state.captionPositionOnTop
+      onClick: t.toggleCaptionPositionOnTop,
+      checked: t.state.captionPositionOnTop
     }
   );
 }
-function Qn() {
-  const { t: e } = _(), n = w();
-  return /* @__PURE__ */ t(
-    _e,
+function to() {
+  const { t: e } = C(), t = v();
+  return /* @__PURE__ */ n(
+    fe,
     {
       label: e("INVERT_COLORS"),
-      onClick: n.toggleCaptionsInvertColors,
-      checked: n.state.captionsInvertColors
+      onClick: t.toggleCaptionsInvertColors,
+      checked: t.state.captionsInvertColors
     }
   );
 }
-function Wn() {
-  const e = N(), { t: n } = _(), o = f(() => {
+function no() {
+  const e = P(), { t } = C(), o = f(() => {
     e.setPage("captionManage");
   }, [e]);
-  return /* @__PURE__ */ t(K, { label: n("CAPTIONS_MANAGE"), onClick: o });
+  return /* @__PURE__ */ n(q, { label: t("CAPTIONS_MANAGE"), onClick: o });
 }
-function Yn() {
-  const e = N(), n = L(), { t: o } = _(), i = z();
+function oo() {
+  const e = P(), t = L(), { t: o } = C(), i = K();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -723,7 +748,7 @@ function Yn() {
       id: "submenu",
       "aria-label": o("CAPTIONS_MENU"),
       role: "menu",
-      className: u.menuContainer,
+      className: d.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -731,28 +756,28 @@ function Yn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: u.menuBackButton,
+            className: d.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t($, {}),
-              /* @__PURE__ */ t("span", { children: o("BACK") })
+              /* @__PURE__ */ n(G, {}),
+              /* @__PURE__ */ n("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
-        /* @__PURE__ */ l("div", { className: u.scrollableButtons, children: [
-          /* @__PURE__ */ t(Un, {}),
-          /* @__PURE__ */ t(qn, {}),
-          /* @__PURE__ */ t(Gn, {}),
-          /* @__PURE__ */ t(Qn, {}),
-          n.onCaptionsDelete && /* @__PURE__ */ t(Wn, {})
+        /* @__PURE__ */ n("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
+        /* @__PURE__ */ l("div", { className: d.scrollableButtons, children: [
+          /* @__PURE__ */ n(Xn, {}),
+          /* @__PURE__ */ n(Jn, {}),
+          /* @__PURE__ */ n(eo, {}),
+          /* @__PURE__ */ n(to, {}),
+          t.onCaptionsDelete && /* @__PURE__ */ n(no, {})
         ] })
       ]
     }
   );
 }
-function Xn() {
-  const e = N(), n = dt(), { t: o } = _(), i = z();
+function io() {
+  const e = P(), t = mt(), { t: o } = C(), i = K();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -760,7 +785,7 @@ function Xn() {
       id: "submenu",
       "aria-label": o("CAPTIONS_LANGUAGE_MENU"),
       role: "menu",
-      className: u.menuContainer,
+      className: d.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -768,27 +793,27 @@ function Xn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: u.menuBackButton,
+            className: d.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t($, {}),
-              /* @__PURE__ */ t("span", { children: o("BACK") })
+              /* @__PURE__ */ n(G, {}),
+              /* @__PURE__ */ n("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
-        /* @__PURE__ */ t("div", { className: u.scrollableButtons, children: n.map(({ value: s, label: a, select: c, selected: r }) => /* @__PURE__ */ l(
+        /* @__PURE__ */ n("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
+        /* @__PURE__ */ n("div", { className: d.scrollableButtons, children: t.map(({ value: s, label: a, select: r, selected: c }) => /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-checked": r,
-            onClick: () => c(),
+            "aria-checked": c,
+            onClick: () => r(),
             tabIndex: -1,
-            className: u.menuItem,
+            className: d.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: u.checkIcon }),
-              /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: a })
+              /* @__PURE__ */ n(se, { className: d.checkIcon }),
+              /* @__PURE__ */ n("span", { className: d.menuItemLabel, children: a })
             ]
           },
           s
@@ -797,8 +822,8 @@ function Xn() {
     }
   );
 }
-function Jn() {
-  const e = w(), n = N(), { t: o } = _(), i = z();
+function so() {
+  const e = v(), t = P(), { t: o } = C(), i = K();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -806,7 +831,7 @@ function Jn() {
       id: "submenu",
       "aria-label": o("CAPTIONS_FONT_SIZE_MENU"),
       role: "menu",
-      className: u.menuContainer,
+      className: d.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -814,16 +839,16 @@ function Jn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: u.menuBackButton,
-            onClick: n.back,
+            className: d.menuBackButton,
+            onClick: t.back,
             children: [
-              /* @__PURE__ */ t($, {}),
-              /* @__PURE__ */ t("span", { children: o("BACK") })
+              /* @__PURE__ */ n(G, {}),
+              /* @__PURE__ */ n("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
-        /* @__PURE__ */ t("div", { className: u.scrollableButtons, children: Zt.map((s) => /* @__PURE__ */ l(
+        /* @__PURE__ */ n("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
+        /* @__PURE__ */ n("div", { className: d.scrollableButtons, children: $t.map((s) => /* @__PURE__ */ l(
           "button",
           {
             type: "button",
@@ -833,10 +858,10 @@ function Jn() {
               e.setCaptionsFontSizeMultiplier(s);
             },
             tabIndex: -1,
-            className: u.menuItem,
+            className: d.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: u.checkIcon }),
-              /* @__PURE__ */ l("span", { className: u.menuItemLabel, children: [
+              /* @__PURE__ */ n(se, { className: d.checkIcon }),
+              /* @__PURE__ */ l("span", { className: d.menuItemLabel, children: [
                 s * 100,
                 "%"
               ] })
@@ -848,9 +873,9 @@ function Jn() {
     }
   );
 }
-const je = (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: "M14.8234 16.4118C14.8234 16.7029 14.5852 16.9412 14.294 16.9412H3.70577C3.41459 16.9412 3.17636 16.7029 3.17636 16.4118V5.29412H2.11753V16.4118C2.11753 17.2874 2.83012 18 3.70577 18H14.294C15.1697 18 15.8822 17.2874 15.8822 16.4118V5.29412H14.8234V16.4118ZM6.35284 14.8235H7.41166V6.35294H6.35284V14.8235ZM10.5881 14.8235H11.6469V6.35294H10.5881V14.8235ZM12.5682 3.17647L11.4099 0H6.51176L5.35553 3.17647H0V4.23529H18V3.17647H12.5682ZM6.48105 3.17647L7.25293 1.05882H10.6698L11.4416 3.17647H6.48105Z", fill: "currentColor" }) });
-function eo() {
-  const e = N(), n = L(), { t: o } = _(), i = z();
+const Ke = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.8234 16.4118C14.8234 16.7029 14.5852 16.9412 14.294 16.9412H3.70577C3.41459 16.9412 3.17636 16.7029 3.17636 16.4118V5.29412H2.11753V16.4118C2.11753 17.2874 2.83012 18 3.70577 18H14.294C15.1697 18 15.8822 17.2874 15.8822 16.4118V5.29412H14.8234V16.4118ZM6.35284 14.8235H7.41166V6.35294H6.35284V14.8235ZM10.5881 14.8235H11.6469V6.35294H10.5881V14.8235ZM12.5682 3.17647L11.4099 0H6.51176L5.35553 3.17647H0V4.23529H18V3.17647H12.5682ZM6.48105 3.17647L7.25293 1.05882H10.6698L11.4416 3.17647H6.48105Z", fill: "currentColor" }) });
+function ao() {
+  const e = P(), t = L(), { t: o } = C(), i = K();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -858,7 +883,7 @@ function eo() {
       id: "submenu",
       "aria-label": o("CAPTIONS_MANAGE_MENU"),
       role: "menu",
-      className: u.menuContainer,
+      className: d.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -866,29 +891,29 @@ function eo() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: u.menuBackButton,
+            className: d.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t($, {}),
-              /* @__PURE__ */ t("span", { children: o("BACK") })
+              /* @__PURE__ */ n(G, {}),
+              /* @__PURE__ */ n("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS_MANAGE") }),
-        /* @__PURE__ */ t("div", { className: u.scrollableButtons, children: n.captions.map((s) => /* @__PURE__ */ l(
+        /* @__PURE__ */ n("strong", { className: d.menuHeading, children: o("CAPTIONS_MANAGE") }),
+        /* @__PURE__ */ n("div", { className: d.scrollableButtons, children: t.captions.map((s) => /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             role: "menuitem",
             onClick: () => {
               var a;
-              (a = n.onCaptionsDelete) == null || a.call(n, s);
+              (a = t.onCaptionsDelete) == null || a.call(t, s);
             },
             tabIndex: -1,
-            className: u.menuItem,
+            className: d.menuItem,
             children: [
-              /* @__PURE__ */ t(je, { className: u.trashIcon }),
-              /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: o("CAPTION_DELETE", { language: s.label }) })
+              /* @__PURE__ */ n(Ke, { className: d.trashIcon }),
+              /* @__PURE__ */ n("span", { className: d.menuItemLabel, children: o("CAPTION_DELETE", { language: s.label }) })
             ]
           },
           s.language
@@ -897,8 +922,8 @@ function eo() {
     }
   );
 }
-function to() {
-  const e = N(), n = mt({ sort: "descending" }), o = g("autoQuality"), { t: i } = _(), s = z();
+function lo() {
+  const e = P(), t = ht({ sort: "descending" }), o = g("autoQuality"), { t: i } = C(), s = K();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -906,7 +931,7 @@ function to() {
       id: "submenu",
       "aria-label": i("QUALITY_MENU"),
       role: "menu",
-      className: u.menuContainer,
+      className: d.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -914,27 +939,27 @@ function to() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: u.menuBackButton,
+            className: d.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t($, {}),
-              /* @__PURE__ */ t("span", { children: i("BACK") })
+              /* @__PURE__ */ n(G, {}),
+              /* @__PURE__ */ n("span", { children: i("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: u.menuHeading, children: i("QUALITY") }),
-        /* @__PURE__ */ t("div", { className: u.scrollableButtons, children: n.map(({ value: a, label: c, select: r, selected: d }) => /* @__PURE__ */ l(
+        /* @__PURE__ */ n("strong", { className: d.menuHeading, children: i("QUALITY") }),
+        /* @__PURE__ */ n("div", { className: d.scrollableButtons, children: t.map(({ value: a, label: r, select: c, selected: u }) => /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-checked": a === "auto" && o || d && !o,
-            onClick: () => r(),
+            "aria-checked": a === "auto" && o || u && !o,
+            onClick: () => c(),
             tabIndex: -1,
-            className: u.menuItem,
+            className: d.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: u.checkIcon }),
-              /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: c })
+              /* @__PURE__ */ n(se, { className: d.checkIcon }),
+              /* @__PURE__ */ n("span", { className: d.menuItemLabel, children: r })
             ]
           },
           a
@@ -943,341 +968,348 @@ function to() {
     }
   );
 }
-const De = ce(null), no = {
-  main: Bn,
-  speed: $n,
-  captions: Yn,
-  captionLanguage: Xn,
-  captionFontSize: Jn,
-  captionManage: eo,
-  quality: to
-}, oo = {
+const ze = ce(null), ro = {
+  main: jn,
+  speed: Yn,
+  captions: oo,
+  captionLanguage: io,
+  captionFontSize: so,
+  captionManage: ao,
+  quality: lo
+}, co = {
   name: "middleware",
   async fn(e) {
-    const n = await yt(e);
+    const t = await xt(e);
     return {
-      x: e.x - n.right - 4,
+      x: e.x - t.right - 4,
       y: e.y - 4
     };
   }
 };
-function io() {
-  const e = w(), [n, o] = x(["main"]), [i, s] = x(!1), a = f(() => {
+function uo() {
+  const e = v(), [t, o] = M(["main"]), [i, s] = M(!1), a = f(() => {
     s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
-  }, [i]), c = f((C) => {
-    o((V) => V.concat(C));
-  }, []), r = f(() => {
-    o((C) => C.length > 1 ? C.slice(0, -1) : C);
-  }, []), d = T(() => no[n[n.length - 1]], [n]), { refs: p, floatingStyles: b, context: v } = ue({
+  }, [i]), r = f((_) => {
+    o((I) => I.concat(_));
+  }, []), c = f(() => {
+    o((_) => _.length > 1 ? _.slice(0, -1) : _);
+  }, []), u = O(() => ro[t[t.length - 1]], [t]), { refs: m, floatingStyles: b, context: w } = de({
     open: i,
     onOpenChange: a,
     placement: "top-end",
-    whileElementsMounted: de,
-    middleware: [oo]
-  }), k = me(v, { escapeKey: !1 }), { getReferenceProps: y, getFloatingProps: P } = he([k]), h = T(
-    () => ({ setPage: c, back: r, toggle: a }),
-    [r, c, a]
+    whileElementsMounted: me,
+    middleware: [co]
+  }), y = he(w, { escapeKey: !1 }), { getReferenceProps: k, getFloatingProps: S } = pe([y]), p = O(
+    () => ({ setPage: r, back: c, toggle: a }),
+    [c, r, a]
   );
   return {
-    Page: d,
+    Page: u,
     open: i,
-    refs: p,
+    refs: m,
     floatingStyles: b,
-    context: v,
+    context: w,
     getReferenceProps() {
       return {
-        ...y(),
+        ...k(),
         tabIndex: e.state.interactionsDisabled ? -1 : 0
       };
     },
-    getFloatingProps: P,
-    contextValue: h
+    getFloatingProps: S,
+    contextValue: p
   };
 }
-const so = "_settings-menu_qaqbm_1", ao = "_arrow_qaqbm_37", lo = {
+const mo = "_settings-menu_qaqbm_1", ho = "_arrow_qaqbm_37", po = {
   "settings-menu": "_settings-menu_qaqbm_1",
-  settingsMenu: so,
-  arrow: ao
+  settingsMenu: mo,
+  arrow: ho
 };
-function co() {
+function _o() {
   const {
     Page: e,
-    context: n,
+    context: t,
     floatingStyles: o,
     getFloatingProps: i,
     getReferenceProps: s,
     open: a,
-    refs: c,
-    contextValue: r
-  } = io(), { t: d } = _();
-  return /* @__PURE__ */ l(Y, { children: [
-    /* @__PURE__ */ t(
+    refs: r,
+    contextValue: c
+  } = uo(), { t: u } = C();
+  return /* @__PURE__ */ l(J, { children: [
+    /* @__PURE__ */ n(
       "button",
       {
-        ref: c.setReference,
+        ref: r.setReference,
         type: "button",
         className: "controls-button",
-        "aria-label": d("SETTINGS"),
-        onClick: r.toggle,
+        "aria-label": u("SETTINGS"),
+        onClick: c.toggle,
         "aria-expanded": a,
         ...s(),
-        children: /* @__PURE__ */ t(cn, { className: "controls-button-icon icon-rotate" })
+        children: /* @__PURE__ */ n(pn, { className: "controls-button-icon icon-rotate" })
       }
     ),
-    a && /* @__PURE__ */ t(pe, { context: n, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ t(
+    a && /* @__PURE__ */ n(_e, { context: t, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ n(
       "div",
       {
         "aria-labelledby": "submenu",
-        className: lo.settingsMenu,
-        ref: c.setFloating,
+        className: po.settingsMenu,
+        ref: r.setFloating,
         style: o,
         ...i(),
-        children: /* @__PURE__ */ t(De.Provider, { value: r, children: /* @__PURE__ */ t(e, {}) })
+        children: /* @__PURE__ */ n(ze.Provider, { value: c, children: /* @__PURE__ */ n(e, {}) })
       }
     ) })
   ] });
 }
-function Ke(e, n = 1e3) {
+function $e(e, t = 1e3) {
   return function() {
-    const i = g("lastKeyboardAction"), [s, a] = x(!1), c = f(() => a(!1), []);
-    return F(() => {
-      a(!!i);
-      const r = setTimeout(c, n);
-      return () => clearTimeout(r);
-    }, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
+    const i = E(), [s, a] = M(null), r = f(() => a(null), []);
+    return j(() => {
+      if (!i)
+        return () => {
+        };
+      const c = new AbortController();
+      let u;
+      return i.addEventListener(
+        "keyboardAction",
+        (m) => {
+          clearTimeout(u);
+          const b = m.detail;
+          a(/* @__PURE__ */ n(e, { action: b })), u = setTimeout(r, t);
+        },
+        { signal: c.signal }
+      ), () => {
+        clearTimeout(u), c.abort();
+      };
+    }, [t]), s;
   };
 }
-const Ce = (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" }) }), fe = (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" }) }), $e = (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" }) }), 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: "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" }) }), 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 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" }) }), ro = (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" }) }), uo = (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" }) }), mo = "_feedback-overlay_v4lbu_1", ho = "_feedback-message_v4lbu_14", po = "_feedback-icon_v4lbu_30", _o = "_feedback-icon-animation_v4lbu_1", M = {
-  "feedback-overlay": "_feedback-overlay_v4lbu_1",
-  feedbackOverlay: mo,
-  "feedback-message": "_feedback-message_v4lbu_14",
-  feedbackMessage: ho,
-  "feedback-icon": "_feedback-icon_v4lbu_30",
-  feedbackIcon: po,
-  "feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
-  feedbackIconAnimation: _o
+const be = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), fo = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Co = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Ue = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), bo = "_feedback-overlay_3kkqe_1", go = "_feedback-message_3kkqe_14", vo = "_feedback-icon_3kkqe_30", wo = "_feedback-icon-animation_3kkqe_1", N = {
+  "feedback-overlay": "_feedback-overlay_3kkqe_1",
+  feedbackOverlay: bo,
+  "feedback-message": "_feedback-message_3kkqe_14",
+  feedbackMessage: go,
+  "feedback-icon": "_feedback-icon_3kkqe_30",
+  feedbackIcon: vo,
+  "feedback-icon-animation": "_feedback-icon-animation_3kkqe_1",
+  feedbackIconAnimation: wo
 };
-function Co() {
-  var o;
-  const e = He();
-  switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
+function yo({ action: e }) {
+  const t = E();
+  if (!t)
+    return null;
+  switch (e) {
     case "togglePaused":
-      return /* @__PURE__ */ t("i", { className: M.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(Ce, {}) : /* @__PURE__ */ t(fe, {}) });
-    case "toggleCaptions":
-    case "nextCaptionLanguage":
-    case "previousCaptionLanguage":
-      return e.hasCaptions ? /* @__PURE__ */ t("i", { className: M.feedbackIcon, children: /* @__PURE__ */ t(Fe, {}) }) : null;
-    case "volumeUp":
-    case "volumeDown":
-    case "toggleMuted":
-      return /* @__PURE__ */ t("i", { className: M.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t($e, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(qe, {}) : /* @__PURE__ */ t(Ue, {}) });
+      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: t.paused ? /* @__PURE__ */ n(be, {}) : /* @__PURE__ */ n(ge, {}) });
     case "seekForward":
     case "seekForward10":
-      return /* @__PURE__ */ t("i", { className: M.feedbackIcon, children: /* @__PURE__ */ t(ro, { className: "right" }) });
+      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: /* @__PURE__ */ n(fo, { className: "right" }) });
     case "seekBackward":
     case "seekBackward10":
-      return /* @__PURE__ */ t("i", { className: M.feedbackIcon, children: /* @__PURE__ */ t(uo, { className: "left" }) });
+      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: /* @__PURE__ */ n(Co, { className: "left" }) });
+    case "captionsChange":
+      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: /* @__PURE__ */ n(Ze, {}) });
+    case "volumeChange":
+      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: t.muted || t.volume === 0 ? /* @__PURE__ */ n(Ue, {}) : t.volume >= 0.5 ? /* @__PURE__ */ n(Ge, {}) : /* @__PURE__ */ n(qe, {}) });
     default:
       return null;
   }
 }
-function fo() {
-  var i;
-  const { t: e } = _(), n = He();
-  switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
-    case "toggleCaptions":
-    case "nextCaptionLanguage":
-    case "previousCaptionLanguage":
-      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
-    case "volumeUp":
-    case "volumeDown":
-    case "toggleMuted":
-      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
-    case "increasePlaybackRate":
-    case "decreasePlaybackRate":
-    case "resetPlaybackRate":
-      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
+function ko({ action: e }) {
+  const { t } = C(), o = E();
+  if (!o)
+    return null;
+  switch (e) {
+    case "captionsChange":
+      return /* @__PURE__ */ n("div", { className: N.feedbackMessage, children: o.textTracks.selected ? t("CAPTION_LANGUAGE", {
+        language: o.textTracks.selected.label
+      }) : `${t("CAPTIONS")}: ${t("OFF")}` });
+    case "volumeChange":
+      return /* @__PURE__ */ n("div", { className: N.feedbackMessage, children: o.muted || o.volume === 0 ? t("MUTED") : t("VOLUME_VALUE", { volume: (o.volume * 100).toFixed(0) }) });
+    case "playbackRateChange":
+      return /* @__PURE__ */ n("div", { className: N.feedbackMessage, children: t("PLAYBACK_SPEED_MESSAGE", { speed: o.playbackRate }) });
     case "seekForward":
-      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
+      return /* @__PURE__ */ n("div", { className: N.feedbackMessage, children: t("SEEK_FORWARD", { seconds: 5 }) });
     case "seekForward10":
-      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
+      return /* @__PURE__ */ n("div", { className: N.feedbackMessage, children: t("SEEK_FORWARD", { seconds: 10 }) });
     case "seekBackward":
-      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
+      return /* @__PURE__ */ n("div", { className: N.feedbackMessage, children: t("SEEK_BACKWARD", { seconds: 5 }) });
     case "seekBackward10":
-      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
+      return /* @__PURE__ */ n("div", { className: N.feedbackMessage, children: t("SEEK_BACKWARD", { seconds: 10 }) });
     default:
       return null;
   }
 }
-const go = Ke(Co, 500), bo = Ke(fo, 1e3);
-function Ge() {
-  return /* @__PURE__ */ l("div", { className: M.feedbackOverlay, children: [
-    /* @__PURE__ */ t(go, {}),
-    /* @__PURE__ */ t(bo, {})
+const Lo = $e(yo, 300), xo = $e(ko, 1e3);
+function Qe() {
+  return /* @__PURE__ */ l("div", { className: N.feedbackOverlay, children: [
+    /* @__PURE__ */ n(Lo, {}),
+    /* @__PURE__ */ n(xo, {})
   ] });
 }
-const vo = (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" }) }), wo = (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" }) }), yo = "_full-screen-button_1xm32_2", ko = {
+const Mo = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), No = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Po = "_full-screen-button_1xm32_2", Io = {
   "full-screen-button": "_full-screen-button_1xm32_2",
-  fullScreenButton: yo
+  fullScreenButton: Po
 };
-function Lo() {
-  const e = g("fullscreen"), n = Z(), o = w(), i = L(), { t: s } = _();
-  return i.hideFullScreen ? null : /* @__PURE__ */ t(
+function So() {
+  const e = g("fullscreen"), t = E(), o = v(), i = L(), { t: s } = C();
+  return i.hideFullScreen ? null : /* @__PURE__ */ n(
     "button",
     {
       role: "button",
       type: "button",
       "aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
       tabIndex: o.state.interactionsDisabled ? -1 : 0,
-      className: `controls-button ${ko.fullScreenButton}`,
+      className: `controls-button ${Io.fullScreenButton}`,
       onClick: () => {
-        e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
+        e ? t == null || t.exitFullscreen() : t == null || t.enterFullscreen();
       },
-      children: e ? /* @__PURE__ */ t(wo, { className: "controls-button-icon" }) : /* @__PURE__ */ t(vo, { className: "controls-button-icon" })
+      children: e ? /* @__PURE__ */ n(No, { className: "controls-button-icon" }) : /* @__PURE__ */ n(Mo, { className: "controls-button-icon" })
     }
   );
 }
-const xo = "_gestures-container_1fn3b_1", Mo = "_gesture_1fn3b_1", xe = {
+const Ho = "_gestures-container_1fn3b_1", To = "_gesture_1fn3b_1", Ne = {
   "gestures-container": "_gestures-container_1fn3b_1",
-  gesturesContainer: xo,
-  gesture: Mo
+  gesturesContainer: Ho,
+  gesture: To
 };
-function No() {
-  const e = oe(), n = () => {
+function Eo() {
+  const e = ie(), t = () => {
     e.togglePaused();
   };
-  return /* @__PURE__ */ t("div", { className: xe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: xe.gesture, onClick: n }) });
+  return /* @__PURE__ */ n("div", { className: Ne.gesturesContainer, children: /* @__PURE__ */ n("div", { "aria-hidden": !0, className: Ne.gesture, onClick: t }) });
 }
-const Qe = (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" }) }), Po = "_controls-overlay_poi8b_1", Io = "_keyboard-shortcuts-overlay_poi8b_11", Ho = "_screen-reader-content_poi8b_75", So = "_controls-button_poi8b_89", To = "_keyboard-shortcuts-button_poi8b_101", Vo = "_kebab-menu-button_poi8b_110", Ao = "_kebab-menu_poi8b_110", Eo = "_kebab-menu-item_poi8b_139", Bo = "_close-button_poi8b_178", Ro = "_arrow_poi8b_192", I = {
+const We = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), Vo = "_controls-overlay_poi8b_1", Ao = "_keyboard-shortcuts-overlay_poi8b_11", Bo = "_screen-reader-content_poi8b_75", Ro = "_controls-button_poi8b_89", Oo = "_keyboard-shortcuts-button_poi8b_101", Fo = "_kebab-menu-button_poi8b_110", Zo = "_kebab-menu_poi8b_110", Do = "_kebab-menu-item_poi8b_139", jo = "_close-button_poi8b_178", Ko = "_arrow_poi8b_192", H = {
   "controls-overlay": "_controls-overlay_poi8b_1",
-  controlsOverlay: Po,
+  controlsOverlay: Vo,
   "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
-  keyboardShortcutsOverlay: Io,
+  keyboardShortcutsOverlay: Ao,
   "screen-reader-content": "_screen-reader-content_poi8b_75",
-  screenReaderContent: Ho,
+  screenReaderContent: Bo,
   "controls-button": "_controls-button_poi8b_89",
-  controlsButton: So,
+  controlsButton: Ro,
   "keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
-  keyboardShortcutsButton: To,
+  keyboardShortcutsButton: Oo,
   "kebab-menu-button": "_kebab-menu-button_poi8b_110",
-  kebabMenuButton: Vo,
+  kebabMenuButton: Fo,
   "kebab-menu": "_kebab-menu_poi8b_110",
-  kebabMenu: Ao,
+  kebabMenu: Zo,
   "kebab-menu-item": "_kebab-menu-item_poi8b_139",
-  kebabMenuItem: Eo,
+  kebabMenuItem: Do,
   "close-button": "_close-button_poi8b_178",
-  closeButton: Bo,
-  arrow: Ro
+  closeButton: jo,
+  arrow: Ko
 };
-function Oo({ onClose: e }) {
-  const { t: n } = _();
-  Sn(e);
+function zo({ onClose: e }) {
+  const { t } = C();
+  Rn(e);
   const o = (i) => {
     i && i.focus();
   };
   return /* @__PURE__ */ l(
     "div",
     {
-      className: I.keyboardShortcutsOverlay,
+      className: H.keyboardShortcutsOverlay,
       tabIndex: 0,
       ref: o,
       role: "dialog",
-      "aria-label": n("KEYBOARD_SHORTCUTS"),
+      "aria-label": t("KEYBOARD_SHORTCUTS"),
       children: [
         /* @__PURE__ */ l("header", { children: [
-          /* @__PURE__ */ t("h2", { children: n("KEYBOARD_SHORTCUTS") }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ n("h2", { children: t("KEYBOARD_SHORTCUTS") }),
+          /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              className: I.closeButton,
+              className: H.closeButton,
               onClick: e,
-              "aria-label": n("CLOSE"),
-              children: /* @__PURE__ */ t(Qe, {})
+              "aria-label": t("CLOSE"),
+              children: /* @__PURE__ */ n(We, {})
             }
           )
         ] }),
         /* @__PURE__ */ l("table", { children: [
-          /* @__PURE__ */ t("caption", { className: I.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
-          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ l("tr", { children: [
-            /* @__PURE__ */ t("th", { children: n("ACTION") }),
-            /* @__PURE__ */ t("th", { children: n("SHORTCUT") })
+          /* @__PURE__ */ n("caption", { className: H.screenReaderContent, children: t("KEYBOARD_SHORTCUTS") }),
+          /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ l("tr", { children: [
+            /* @__PURE__ */ n("th", { children: t("ACTION") }),
+            /* @__PURE__ */ n("th", { children: t("SHORTCUT") })
           ] }) }),
           /* @__PURE__ */ l("tbody", { children: [
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 5 }) }),
-              /* @__PURE__ */ t("td", { children: n("LEFT_ARROW") })
+              /* @__PURE__ */ n("td", { children: t("SEEK_BACKWARD", { seconds: 5 }) }),
+              /* @__PURE__ */ n("td", { children: t("LEFT_ARROW") })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 5 }) }),
-              /* @__PURE__ */ t("td", { children: n("RIGHT_ARROW") })
+              /* @__PURE__ */ n("td", { children: t("SEEK_FORWARD", { seconds: 5 }) }),
+              /* @__PURE__ */ n("td", { children: t("RIGHT_ARROW") })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 10 }) }),
-              /* @__PURE__ */ t("td", { children: "J" })
+              /* @__PURE__ */ n("td", { children: t("SEEK_BACKWARD", { seconds: 10 }) }),
+              /* @__PURE__ */ n("td", { children: "J" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 10 }) }),
-              /* @__PURE__ */ t("td", { children: "L" })
+              /* @__PURE__ */ n("td", { children: t("SEEK_FORWARD", { seconds: 10 }) }),
+              /* @__PURE__ */ n("td", { children: "L" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("INCREASE_VOLUME", { percent: 5 }) }),
-              /* @__PURE__ */ t("td", { children: n("UP_ARROW") })
+              /* @__PURE__ */ n("td", { children: t("INCREASE_VOLUME", { percent: 5 }) }),
+              /* @__PURE__ */ n("td", { children: t("UP_ARROW") })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("DECREASE_VOLUME", { percent: 5 }) }),
-              /* @__PURE__ */ t("td", { children: n("DOWN_ARROW") })
+              /* @__PURE__ */ n("td", { children: t("DECREASE_VOLUME", { percent: 5 }) }),
+              /* @__PURE__ */ n("td", { children: t("DOWN_ARROW") })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("TOGGLE_MUTED") }),
-              /* @__PURE__ */ t("td", { children: "M" })
+              /* @__PURE__ */ n("td", { children: t("TOGGLE_MUTED") }),
+              /* @__PURE__ */ n("td", { children: "M" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("TOGGLE_PLAY_PAUSE") }),
+              /* @__PURE__ */ n("td", { children: t("TOGGLE_PLAY_PAUSE") }),
               /* @__PURE__ */ l("td", { children: [
-                n("SPACE"),
+                t("SPACE"),
                 ", K"
               ] })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("ENTER_FULLSCREEN") }),
-              /* @__PURE__ */ t("td", { children: "F" })
+              /* @__PURE__ */ n("td", { children: t("ENTER_FULLSCREEN") }),
+              /* @__PURE__ */ n("td", { children: "F" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("EXIT_FULLSCREEN") }),
-              /* @__PURE__ */ t("td", { children: "Esc, F" })
+              /* @__PURE__ */ n("td", { children: t("EXIT_FULLSCREEN") }),
+              /* @__PURE__ */ n("td", { children: "Esc, F" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("TOGGLE_CAPTIONS") }),
-              /* @__PURE__ */ t("td", { children: "C" })
+              /* @__PURE__ */ n("td", { children: t("TOGGLE_CAPTIONS") }),
+              /* @__PURE__ */ n("td", { children: "C" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("NEXT_CAPTION_LANGUAGE") }),
-              /* @__PURE__ */ t("td", { children: "V" })
+              /* @__PURE__ */ n("td", { children: t("NEXT_CAPTION_LANGUAGE") }),
+              /* @__PURE__ */ n("td", { children: "V" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("PREVIOUS_CAPTION_LANGUAGE") }),
-              /* @__PURE__ */ t("td", { children: "X" })
+              /* @__PURE__ */ n("td", { children: t("PREVIOUS_CAPTION_LANGUAGE") }),
+              /* @__PURE__ */ n("td", { children: "X" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("DECREASE_PLAYBACK_SPEED") }),
-              /* @__PURE__ */ t("td", { children: "A" })
+              /* @__PURE__ */ n("td", { children: t("DECREASE_PLAYBACK_SPEED") }),
+              /* @__PURE__ */ n("td", { children: "A" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("RESET_PLAYBACK_SPEED") }),
-              /* @__PURE__ */ t("td", { children: "S" })
+              /* @__PURE__ */ n("td", { children: t("RESET_PLAYBACK_SPEED") }),
+              /* @__PURE__ */ n("td", { children: "S" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("INCREASE_PLAYBACK_SPEED") }),
-              /* @__PURE__ */ t("td", { children: "D" })
+              /* @__PURE__ */ n("td", { children: t("INCREASE_PLAYBACK_SPEED") }),
+              /* @__PURE__ */ n("td", { children: "D" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("JUMP_TO_START") }),
-              /* @__PURE__ */ t("td", { children: "0" })
+              /* @__PURE__ */ n("td", { children: t("JUMP_TO_START") }),
+              /* @__PURE__ */ n("td", { children: "0" })
             ] }),
             /* @__PURE__ */ l("tr", { children: [
-              /* @__PURE__ */ t("td", { children: n("JUMP_TO_PERCENTAGE") }),
-              /* @__PURE__ */ t("td", { children: "1-9" })
+              /* @__PURE__ */ n("td", { children: t("JUMP_TO_PERCENTAGE") }),
+              /* @__PURE__ */ n("td", { children: "1-9" })
             ] })
           ] })
         ] })
@@ -1285,86 +1317,86 @@ function Oo({ onClose: e }) {
     }
   );
 }
-const Fo = (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.8 3.6C9.79288 3.6 10.6 2.79288 10.6 1.8C10.6 0.80712 9.79288 0 8.8 0C7.80712 0 7 0.80712 7 1.8C7 2.79288 7.80712 3.6 8.8 3.6ZM10.6 8.99999C10.6 9.99287 9.79288 10.8 8.8 10.8C7.80712 10.8 7 9.99287 7 8.99999C7 8.00711 7.80712 7.19999 8.8 7.19999C9.79288 7.19999 10.6 8.00711 10.6 8.99999ZM10.6 16.2C10.6 17.1929 9.79288 18 8.8 18C7.80712 18 7 17.1929 7 16.2C7 15.2071 7.80712 14.4 8.8 14.4C9.79288 14.4 10.6 15.2071 10.6 16.2Z", fill: "currentColor" }) }), Zo = (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: "M14.1074 16.8677C12.8638 16.8677 11.8524 15.8563 11.8524 14.6127C11.8524 14.4154 11.8862 14.2271 11.9336 14.0444C12.0317 13.6701 12.22 13.3318 12.4804 13.059C12.8908 12.6294 13.467 12.3576 14.1074 12.3576C15.3511 12.3576 16.3625 13.369 16.3625 14.6127C16.3625 15.8563 15.3511 16.8677 14.1074 16.8677ZM4.38257 11.2301C3.13891 11.2301 2.12752 10.2187 2.12752 8.97507C2.12752 7.73141 3.13891 6.72002 4.38257 6.72002C5.01623 6.72002 5.58676 6.98386 5.99718 7.40556C6.25989 7.67616 6.44819 8.01329 6.54966 8.38763C6.60153 8.57592 6.63761 8.76986 6.63761 8.97507C6.63761 9.2017 6.59364 9.41818 6.53049 9.62452C6.41887 9.99435 6.22155 10.327 5.94982 10.5908C5.54391 10.9843 4.99256 11.2301 4.38257 11.2301ZM11.8524 3.38257C11.8524 2.13891 12.8638 1.12753 14.1074 1.12753C15.3511 1.12753 16.3625 2.13891 16.3625 3.38257C16.3625 4.62622 15.3511 5.63761 14.1074 5.63761C13.4749 5.63761 12.9055 5.3749 12.4962 4.95546C12.2324 4.68485 12.0429 4.34773 11.9415 3.97339C11.8896 3.78397 11.8524 3.5889 11.8524 3.38257ZM14.1074 11.2301C13.0498 11.2301 12.1151 11.7273 11.495 12.4907L7.52722 10.1996C7.67605 9.81846 7.76513 9.40804 7.76513 8.97507C7.76513 8.56465 7.68056 8.17678 7.54639 7.8126L11.5108 5.5226C12.132 6.27466 13.0588 6.76513 14.1074 6.76513C15.9724 6.76513 17.49 5.24748 17.49 3.38256C17.49 1.51764 15.9724 0 14.1074 0C12.2425 0 10.7249 1.51764 10.7249 3.38256C10.7249 3.79411 10.8094 4.18423 10.9447 4.54842L6.9815 6.83729C6.36136 6.08411 5.43341 5.59251 4.38256 5.59251C2.51764 5.59251 1 7.11015 1 8.97507C1 10.84 2.51764 12.3576 4.38256 12.3576C5.40974 12.3576 6.32077 11.8875 6.94091 11.1625L10.9368 13.4694C10.8072 13.829 10.7249 14.2102 10.7249 14.6127C10.7249 16.4776 12.2425 17.9952 14.1074 17.9952C15.9724 17.9952 17.49 16.4776 17.49 14.6127C17.49 12.7478 15.9724 11.2301 14.1074 11.2301Z", fill: "currentColor" }) }), zo = (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: "M14.7647 16.9412H2.05882V1.05883H10.5294V5.29412H14.7647V16.9412ZM11.5882 1.278L14.5455 4.2353H11.5882V1.278ZM15.3587 3.55129L12.2722 0.464824C11.9715 0.165176 11.5724 0 11.1488 0H1V18H15.8235V4.67471C15.8235 4.25118 15.6584 3.852 15.3587 3.55129ZM1 0H15.8235V18H1V0ZM1 18H15.8235V0H1V18ZM4.17649 5.29412H8.41178V4.23529H4.17649V5.29412ZM4.17649 9.52941H10.5294V8.47059H4.17649V9.52941ZM4.17649 13.7647H8.41178V12.7059H4.17649V13.7647ZM4.17649 7.41177H12.6471V6.35294H4.17649V7.41177ZM4.17649 11.6471H11.5883V10.5882H4.17649V11.6471Z", fill: "currentColor" }) }), jo = (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.30365 10.9535V0H9.3637V10.9535L12.6986 7.61855L13.4491 8.368L8.83261 12.9824L4.21823 8.368L4.96875 7.61855L8.30365 10.9535ZM3.77376 16.94H13.9354L16.9607 13.9146L17.7091 14.6651L14.3742 18H3.3349L0 14.6651L0.749452 13.9146L3.77376 16.94Z", fill: "currentColor" }) }), Do = {
-  share: /* @__PURE__ */ t(Zo, {}),
-  transcript: /* @__PURE__ */ t(zo, {}),
-  media: /* @__PURE__ */ t(jo, {}),
-  delete: /* @__PURE__ */ t(je, {})
-}, Ko = (e) => typeof e != "string";
-function $o() {
-  const [e, n] = x(!1), [o, i] = x(null), s = w(), a = L(), c = () => {
-    n(!e), s.setGlobalKeysDisabled(!e);
-  }, r = ne(null), d = ne([]), { refs: p, floatingStyles: b, context: v } = ue({
+const $o = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.8 3.6C9.79288 3.6 10.6 2.79288 10.6 1.8C10.6 0.80712 9.79288 0 8.8 0C7.80712 0 7 0.80712 7 1.8C7 2.79288 7.80712 3.6 8.8 3.6ZM10.6 8.99999C10.6 9.99287 9.79288 10.8 8.8 10.8C7.80712 10.8 7 9.99287 7 8.99999C7 8.00711 7.80712 7.19999 8.8 7.19999C9.79288 7.19999 10.6 8.00711 10.6 8.99999ZM10.6 16.2C10.6 17.1929 9.79288 18 8.8 18C7.80712 18 7 17.1929 7 16.2C7 15.2071 7.80712 14.4 8.8 14.4C9.79288 14.4 10.6 15.2071 10.6 16.2Z", fill: "currentColor" }) }), Uo = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1074 16.8677C12.8638 16.8677 11.8524 15.8563 11.8524 14.6127C11.8524 14.4154 11.8862 14.2271 11.9336 14.0444C12.0317 13.6701 12.22 13.3318 12.4804 13.059C12.8908 12.6294 13.467 12.3576 14.1074 12.3576C15.3511 12.3576 16.3625 13.369 16.3625 14.6127C16.3625 15.8563 15.3511 16.8677 14.1074 16.8677ZM4.38257 11.2301C3.13891 11.2301 2.12752 10.2187 2.12752 8.97507C2.12752 7.73141 3.13891 6.72002 4.38257 6.72002C5.01623 6.72002 5.58676 6.98386 5.99718 7.40556C6.25989 7.67616 6.44819 8.01329 6.54966 8.38763C6.60153 8.57592 6.63761 8.76986 6.63761 8.97507C6.63761 9.2017 6.59364 9.41818 6.53049 9.62452C6.41887 9.99435 6.22155 10.327 5.94982 10.5908C5.54391 10.9843 4.99256 11.2301 4.38257 11.2301ZM11.8524 3.38257C11.8524 2.13891 12.8638 1.12753 14.1074 1.12753C15.3511 1.12753 16.3625 2.13891 16.3625 3.38257C16.3625 4.62622 15.3511 5.63761 14.1074 5.63761C13.4749 5.63761 12.9055 5.3749 12.4962 4.95546C12.2324 4.68485 12.0429 4.34773 11.9415 3.97339C11.8896 3.78397 11.8524 3.5889 11.8524 3.38257ZM14.1074 11.2301C13.0498 11.2301 12.1151 11.7273 11.495 12.4907L7.52722 10.1996C7.67605 9.81846 7.76513 9.40804 7.76513 8.97507C7.76513 8.56465 7.68056 8.17678 7.54639 7.8126L11.5108 5.5226C12.132 6.27466 13.0588 6.76513 14.1074 6.76513C15.9724 6.76513 17.49 5.24748 17.49 3.38256C17.49 1.51764 15.9724 0 14.1074 0C12.2425 0 10.7249 1.51764 10.7249 3.38256C10.7249 3.79411 10.8094 4.18423 10.9447 4.54842L6.9815 6.83729C6.36136 6.08411 5.43341 5.59251 4.38256 5.59251C2.51764 5.59251 1 7.11015 1 8.97507C1 10.84 2.51764 12.3576 4.38256 12.3576C5.40974 12.3576 6.32077 11.8875 6.94091 11.1625L10.9368 13.4694C10.8072 13.829 10.7249 14.2102 10.7249 14.6127C10.7249 16.4776 12.2425 17.9952 14.1074 17.9952C15.9724 17.9952 17.49 16.4776 17.49 14.6127C17.49 12.7478 15.9724 11.2301 14.1074 11.2301Z", fill: "currentColor" }) }), qo = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7647 16.9412H2.05882V1.05883H10.5294V5.29412H14.7647V16.9412ZM11.5882 1.278L14.5455 4.2353H11.5882V1.278ZM15.3587 3.55129L12.2722 0.464824C11.9715 0.165176 11.5724 0 11.1488 0H1V18H15.8235V4.67471C15.8235 4.25118 15.6584 3.852 15.3587 3.55129ZM1 0H15.8235V18H1V0ZM1 18H15.8235V0H1V18ZM4.17649 5.29412H8.41178V4.23529H4.17649V5.29412ZM4.17649 9.52941H10.5294V8.47059H4.17649V9.52941ZM4.17649 13.7647H8.41178V12.7059H4.17649V13.7647ZM4.17649 7.41177H12.6471V6.35294H4.17649V7.41177ZM4.17649 11.6471H11.5883V10.5882H4.17649V11.6471Z", fill: "currentColor" }) }), Go = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.30365 10.9535V0H9.3637V10.9535L12.6986 7.61855L13.4491 8.368L8.83261 12.9824L4.21823 8.368L4.96875 7.61855L8.30365 10.9535ZM3.77376 16.94H13.9354L16.9607 13.9146L17.7091 14.6651L14.3742 18H3.3349L0 14.6651L0.749452 13.9146L3.77376 16.94Z", fill: "currentColor" }) }), Qo = {
+  share: /* @__PURE__ */ n(Uo, {}),
+  transcript: /* @__PURE__ */ n(qo, {}),
+  media: /* @__PURE__ */ n(Go, {}),
+  delete: /* @__PURE__ */ n(Ke, {})
+}, Wo = (e) => typeof e != "string";
+function Yo() {
+  const [e, t] = M(!1), [o, i] = M(null), s = v(), a = L(), r = () => {
+    t(!e), s.setGlobalKeysDisabled(!e);
+  }, c = U(null), u = U([]), { refs: m, floatingStyles: b, context: w } = de({
     open: e,
-    onOpenChange: c,
-    whileElementsMounted: de,
+    onOpenChange: r,
+    whileElementsMounted: me,
     placement: "bottom-end",
     middleware: [
-      Se(),
-      Te(10),
+      Te(),
+      Ee(10),
       Ve({
-        element: r
+        element: c
       })
     ]
-  }), k = kt(v, {
-    listRef: d,
+  }), y = Mt(w, {
+    listRef: u,
     activeIndex: o,
     onNavigate: i
-  }), y = me(v), { getReferenceProps: P, getFloatingProps: h, getItemProps: C } = he(
-    [y, k]
-  ), { t: V } = _();
-  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ l(Y, { children: [
-    /* @__PURE__ */ t(
+  }), k = he(w), { getReferenceProps: S, getFloatingProps: p, getItemProps: _ } = pe(
+    [k, y]
+  ), { t: I } = C();
+  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ l(J, { children: [
+    /* @__PURE__ */ n(
       "button",
       {
-        "aria-label": V("KEBAB_MENU"),
+        "aria-label": I("KEBAB_MENU"),
         type: "button",
-        className: `${I.controlsButton} ${I.kebabMenuButton}`,
+        className: `${H.controlsButton} ${H.kebabMenuButton}`,
         tabIndex: s.state.interactionsDisabled ? -1 : 0,
-        ref: p.setReference,
-        ...P({
-          onClick: () => c()
+        ref: m.setReference,
+        ...S({
+          onClick: () => r()
         }),
-        children: /* @__PURE__ */ t(Fo, {})
+        children: /* @__PURE__ */ n($o, {})
       }
     ),
-    e && /* @__PURE__ */ t(pe, { context: v, modal: !1, children: /* @__PURE__ */ l(
+    e && /* @__PURE__ */ n(_e, { context: w, modal: !1, children: /* @__PURE__ */ l(
       "div",
       {
-        ref: p.setFloating,
+        ref: m.setFloating,
         style: b,
-        className: I.kebabMenu,
-        ...h(),
+        className: H.kebabMenu,
+        ...p(),
         children: [
           a.kebabMenuElements.map(
-            ({ id: A, text: U, icon: S, onClick: E }, q) => /* @__PURE__ */ l(
+            ({ id: V, text: F, icon: B, onClick: Z }, Q) => /* @__PURE__ */ l(
               "button",
               {
-                tabIndex: o === q ? 0 : -1,
+                tabIndex: o === Q ? 0 : -1,
                 type: "button",
-                className: I.kebabMenuItem,
-                ref: (se) => {
-                  d.current[q] = se;
+                className: H.kebabMenuItem,
+                ref: (ae) => {
+                  u.current[Q] = ae;
                 },
-                ...C({
+                ..._({
                   onClick: () => {
-                    E(A), n(!1);
+                    Z(V), t(!1);
                   }
                 }),
                 children: [
-                  Ko(S) ? S : Do[S],
-                  U
+                  Wo(B) ? B : Qo[B],
+                  F
                 ]
               },
-              A
+              V
             )
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ n(
             Ae,
             {
-              ref: r,
-              context: v,
-              className: I.arrow
+              ref: c,
+              context: w,
+              className: H.arrow
             }
           )
         ]
@@ -1372,182 +1404,166 @@ function $o() {
     ) })
   ] }) : null;
 }
-const Uo = (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 qo() {
-  const [e, n] = x(!1), [o, i] = x(!1), [s, a] = x(!1), c = w(), r = g("playing"), d = oe(), { t: p } = _(), b = f(() => {
-    n(!0), c.disableInteractions(), r && (a(!0), d.pause());
-  }, [r, d, c]), v = f(() => {
-    n(!1), i(!0), c.enableInteractions(), s && (a(!1), d.play());
-  }, [s, d, c]), k = f(
-    (y) => o && (y == null ? void 0 : y.focus()),
+const Xo = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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 Jo() {
+  const [e, t] = M(!1), [o, i] = M(!1), [s, a] = M(!1), r = v(), c = g("playing"), u = ie(), { t: m } = C(), b = f(() => {
+    t(!0), r.disableInteractions(), c && (a(!0), u.pause());
+  }, [c, u, r]), w = f(() => {
+    t(!1), i(!0), r.enableInteractions(), s && (a(!1), u.play());
+  }, [s, u, r]), y = f(
+    (k) => o && (k == null ? void 0 : k.focus()),
     [o]
   );
-  return e ? /* @__PURE__ */ t(Oo, { onClose: v }) : /* @__PURE__ */ l("div", { className: I.controlsOverlay, children: [
-    /* @__PURE__ */ t(
+  return e ? /* @__PURE__ */ n(zo, { onClose: w }) : /* @__PURE__ */ l("div", { className: H.controlsOverlay, children: [
+    /* @__PURE__ */ n(
       "button",
       {
-        ref: k,
-        "aria-label": p("KEYBOARD_SHORTCUTS"),
+        ref: y,
+        "aria-label": m("KEYBOARD_SHORTCUTS"),
         type: "button",
-        className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
+        className: `${H.controlsButton} ${H.keyboardShortcutsButton}`,
         onClick: b,
-        tabIndex: c.state.interactionsDisabled ? -1 : 0,
-        children: /* @__PURE__ */ t(Uo, {})
+        tabIndex: r.state.interactionsDisabled ? -1 : 0,
+        children: /* @__PURE__ */ n(Xo, {})
       }
     ),
-    /* @__PURE__ */ t($o, {})
+    /* @__PURE__ */ n(Yo, {})
   ] });
 }
-const Go = "_play-pause-button_1834v_1", Qo = {
+const e1 = "_play-pause-button_1834v_1", t1 = {
   "play-pause-button": "_play-pause-button_1834v_1",
-  playPauseButton: Go
+  playPauseButton: e1
 };
-function Wo() {
-  const e = Z(), n = w(), o = g("paused"), { t: i } = _();
-  return e ? /* @__PURE__ */ t(
+function n1() {
+  const e = E(), t = v(), o = g("paused"), { t: i } = C();
+  return e ? /* @__PURE__ */ n(
     "button",
     {
       role: "button",
       type: "button",
-      className: `controls-button ${Qo.playPauseButton}`,
+      className: `controls-button ${t1.playPauseButton}`,
       "aria-label": i(o ? "PLAY" : "PAUSE"),
-      tabIndex: n.state.interactionsDisabled ? -1 : 0,
+      tabIndex: t.state.interactionsDisabled ? -1 : 0,
       onClick: () => {
         e.paused ? e.remoteControl.play() : e.remoteControl.pause();
       },
-      children: o ? /* @__PURE__ */ t(fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ce, { className: "controls-button-icon" })
+      children: o ? /* @__PURE__ */ n(ge, { className: "controls-button-icon" }) : /* @__PURE__ */ n(be, { className: "controls-button-icon" })
     }
   ) : null;
 }
-const Yo = "_poster_195hi_1", Xo = {
-  poster: Yo
+const o1 = "_poster_195hi_1", i1 = {
+  poster: o1
 };
-function Jo({ src: e }) {
-  const n = g("source");
-  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(ht, { src: e, className: Xo.poster });
+function s1({ src: e }) {
+  const t = g("source");
+  return t.type === "video/youtube" || t.type === "video/vimeo" ? null : /* @__PURE__ */ n(pt, { src: e, className: i1.poster });
 }
-const e1 = "_small-layout-overlay_80lyi_1", t1 = "_small-layout-button_80lyi_14", n1 = "_small-layout-icon-play_80lyi_24", o1 = "_small-layout-icon-pause_80lyi_30", i1 = "_full-screen-close-icon_80lyi_36", s1 = "_fade-out_80lyi_1", Q = {
+const a1 = "_small-layout-overlay_80lyi_1", l1 = "_small-layout-button_80lyi_14", r1 = "_small-layout-icon-play_80lyi_24", c1 = "_small-layout-icon-pause_80lyi_30", u1 = "_full-screen-close-icon_80lyi_36", d1 = "_fade-out_80lyi_1", Y = {
   "small-layout-overlay": "_small-layout-overlay_80lyi_1",
-  smallLayoutOverlay: e1,
+  smallLayoutOverlay: a1,
   "small-layout-button": "_small-layout-button_80lyi_14",
-  smallLayoutButton: t1,
+  smallLayoutButton: l1,
   "small-layout-icon-play": "_small-layout-icon-play_80lyi_24",
-  smallLayoutIconPlay: n1,
+  smallLayoutIconPlay: r1,
   "small-layout-icon-pause": "_small-layout-icon-pause_80lyi_30",
-  smallLayoutIconPause: o1,
+  smallLayoutIconPause: c1,
   "full-screen-close-icon": "_full-screen-close-icon_80lyi_36",
-  fullScreenCloseIcon: i1,
+  fullScreenCloseIcon: u1,
   "fade-out": "_fade-out_80lyi_1",
-  fadeOut: s1
+  fadeOut: d1
 };
-function a1() {
+function m1() {
   const e = g("paused");
-  return /* @__PURE__ */ l("div", { className: Q.smallLayoutOverlay, children: [
-    /* @__PURE__ */ t(pt, { className: Q.fullScreenCloseIcon, children: /* @__PURE__ */ t(Qe, {}) }),
-    /* @__PURE__ */ t("i", { className: Q.smallLayoutButton, children: e ? /* @__PURE__ */ t(fe, { className: Q.smallLayoutIconPlay }) : /* @__PURE__ */ t(Ce, { className: Q.smallLayoutIconPause }) })
+  return /* @__PURE__ */ l("div", { className: Y.smallLayoutOverlay, children: [
+    /* @__PURE__ */ n(_t, { className: Y.fullScreenCloseIcon, children: /* @__PURE__ */ n(We, {}) }),
+    /* @__PURE__ */ n("i", { className: Y.smallLayoutButton, children: e ? /* @__PURE__ */ n(ge, { className: Y.smallLayoutIconPlay }) : /* @__PURE__ */ n(be, { className: Y.smallLayoutIconPause }) })
   ] });
 }
-const l1 = "_time-indicator_1uygf_1", c1 = {
+const h1 = "_time-indicator_1uygf_1", p1 = {
   "time-indicator": "_time-indicator_1uygf_1",
-  timeIndicator: l1
+  timeIndicator: h1
 };
-function r1() {
-  return /* @__PURE__ */ l("div", { className: c1.timeIndicator, children: [
-    /* @__PURE__ */ t(ke, { type: "current" }),
+function _1() {
+  return /* @__PURE__ */ l("div", { className: p1.timeIndicator, children: [
+    /* @__PURE__ */ n(xe, { type: "current" }),
     "/",
-    /* @__PURE__ */ t(ke, { type: "duration" })
+    /* @__PURE__ */ n(xe, { type: "duration" })
   ] });
 }
-function We(e) {
-  var n, o, i = "";
-  if (typeof e == "string" || typeof e == "number") i += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (n = 0; n < s; n++) e[n] && (o = We(e[n])) && (i && (i += " "), i += o);
-  } else for (o in e) e[o] && (i && (i += " "), i += o);
-  return i;
-}
-function u1() {
-  for (var e, n, o = 0, i = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (n = We(e)) && (i && (i += " "), i += n);
-  return i;
-}
-const d1 = "_comment-markers_1ldxg_1", m1 = "_comment-marker_1ldxg_1", h1 = "_timeline-wrapper_1ldxg_27", p1 = "_track_1ldxg_41", _1 = "_thumb_1ldxg_52", C1 = "_root_1ldxg_66", f1 = "_track-inner_1ldxg_96", g1 = "_progress_1ldxg_102", b1 = "_track-fill_1ldxg_108", v1 = "_pins_1ldxg_125", w1 = "_pin-button_1ldxg_138", y1 = "_annotation-pin_1ldxg_158", k1 = "_quiz-pin_1ldxg_163", L1 = "_pin-completed_1ldxg_168", x1 = "_annotation-pin-child_1ldxg_173", M1 = "_quiz-pin-child_1ldxg_177", N1 = "_interactive-pin-container_1ldxg_182", P1 = "_interactive-pin-wrapper_1ldxg_192", I1 = "_interactive-pin-icon_1ldxg_198", H1 = "_interactive-pin_1ldxg_182", S1 = "_bg_1ldxg_212", T1 = "_symbol_1ldxg_216", V1 = "_interactive-pin-button_1ldxg_221", A1 = "_interactive-pin-menu_1ldxg_241", E1 = "_interactive-pin-menu-item_1ldxg_255", B1 = "_arrow_1ldxg_276", m = {
-  "comment-markers": "_comment-markers_1ldxg_1",
-  commentMarkers: d1,
-  "comment-marker": "_comment-marker_1ldxg_1",
-  commentMarker: m1,
-  "timeline-wrapper": "_timeline-wrapper_1ldxg_27",
-  timelineWrapper: h1,
-  track: p1,
-  thumb: _1,
-  root: C1,
-  "track-inner": "_track-inner_1ldxg_96",
-  trackInner: f1,
-  progress: g1,
-  "track-fill": "_track-fill_1ldxg_108",
-  trackFill: b1,
-  pins: v1,
-  "pin-button": "_pin-button_1ldxg_138",
-  pinButton: w1,
-  "annotation-pin": "_annotation-pin_1ldxg_158",
-  annotationPin: y1,
-  "quiz-pin": "_quiz-pin_1ldxg_163",
-  quizPin: k1,
-  "pin-completed": "_pin-completed_1ldxg_168",
-  pinCompleted: L1,
-  "annotation-pin-child": "_annotation-pin-child_1ldxg_173",
-  annotationPinChild: x1,
-  "quiz-pin-child": "_quiz-pin-child_1ldxg_177",
-  quizPinChild: M1,
-  "interactive-pin-container": "_interactive-pin-container_1ldxg_182",
-  interactivePinContainer: N1,
-  "interactive-pin-wrapper": "_interactive-pin-wrapper_1ldxg_192",
-  interactivePinWrapper: P1,
-  "interactive-pin-icon": "_interactive-pin-icon_1ldxg_198",
-  interactivePinIcon: I1,
-  "interactive-pin": "_interactive-pin_1ldxg_182",
-  interactivePin: H1,
-  bg: S1,
-  symbol: T1,
-  "interactive-pin-button": "_interactive-pin-button_1ldxg_221",
-  interactivePinButton: V1,
-  "interactive-pin-menu": "_interactive-pin-menu_1ldxg_241",
-  interactivePinMenu: A1,
-  "interactive-pin-menu-item": "_interactive-pin-menu-item_1ldxg_255",
-  interactivePinMenuItem: E1,
-  arrow: B1
-}, R1 = {
-  annotation: m.annotationPin,
-  quiz: m.quizPin
+const f1 = "_comment-markers_1rxwh_1", C1 = "_comment-marker_1rxwh_1", b1 = "_timeline-wrapper_1rxwh_27", g1 = "_track_1rxwh_41", v1 = "_thumb_1rxwh_52", w1 = "_root_1rxwh_66", y1 = "_track-inner_1rxwh_96", k1 = "_progress_1rxwh_102", L1 = "_track-fill_1rxwh_108", x1 = "_pins_1rxwh_125", M1 = "_pin-button_1rxwh_138", N1 = "_annotation-pin_1rxwh_158", P1 = "_quiz-pin_1rxwh_163", I1 = "_annotation-pin-child_1rxwh_168", S1 = "_quiz-pin-child_1rxwh_172", H1 = "_interactive-pin-container_1rxwh_177", T1 = "_interactive-pin-wrapper_1rxwh_187", E1 = "_interactive-pin-icon_1rxwh_193", V1 = "_interactive-pin_1rxwh_177", A1 = "_bg_1rxwh_207", B1 = "_symbol_1rxwh_211", R1 = "_interactive-pin-button_1rxwh_216", O1 = "_interactive-pin-menu_1rxwh_236", F1 = "_interactive-pin-menu-item_1rxwh_250", Z1 = "_arrow_1rxwh_271", h = {
+  "comment-markers": "_comment-markers_1rxwh_1",
+  commentMarkers: f1,
+  "comment-marker": "_comment-marker_1rxwh_1",
+  commentMarker: C1,
+  "timeline-wrapper": "_timeline-wrapper_1rxwh_27",
+  timelineWrapper: b1,
+  track: g1,
+  thumb: v1,
+  root: w1,
+  "track-inner": "_track-inner_1rxwh_96",
+  trackInner: y1,
+  progress: k1,
+  "track-fill": "_track-fill_1rxwh_108",
+  trackFill: L1,
+  pins: x1,
+  "pin-button": "_pin-button_1rxwh_138",
+  pinButton: M1,
+  "annotation-pin": "_annotation-pin_1rxwh_158",
+  annotationPin: N1,
+  "quiz-pin": "_quiz-pin_1rxwh_163",
+  quizPin: P1,
+  "annotation-pin-child": "_annotation-pin-child_1rxwh_168",
+  annotationPinChild: I1,
+  "quiz-pin-child": "_quiz-pin-child_1rxwh_172",
+  quizPinChild: S1,
+  "interactive-pin-container": "_interactive-pin-container_1rxwh_177",
+  interactivePinContainer: H1,
+  "interactive-pin-wrapper": "_interactive-pin-wrapper_1rxwh_187",
+  interactivePinWrapper: T1,
+  "interactive-pin-icon": "_interactive-pin-icon_1rxwh_193",
+  interactivePinIcon: E1,
+  "interactive-pin": "_interactive-pin_1rxwh_177",
+  interactivePin: V1,
+  bg: A1,
+  symbol: B1,
+  "interactive-pin-button": "_interactive-pin-button_1rxwh_216",
+  interactivePinButton: R1,
+  "interactive-pin-menu": "_interactive-pin-menu_1rxwh_236",
+  interactivePinMenu: O1,
+  "interactive-pin-menu-item": "_interactive-pin-menu-item_1rxwh_250",
+  interactivePinMenuItem: F1,
+  arrow: Z1
+}, D1 = {
+  annotation: h.annotationPin,
+  quiz: h.quizPin
 };
 function Ye({
   type: e,
-  position: n,
+  position: t,
   children: o,
   onClick: i,
-  id: s,
-  completed: a
+  id: s
 }) {
-  const c = w();
-  return /* @__PURE__ */ t(
+  const a = v();
+  return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      tabIndex: c.state.interactionsDisabled ? -1 : 0,
-      className: m.pinButton,
-      style: { left: `${n}%` },
+      tabIndex: a.state.interactionsDisabled ? -1 : 0,
+      className: h.pinButton,
+      style: { left: `${t}%` },
       onClick: i,
       "data-marker-id": s,
       children: /* @__PURE__ */ l(
         "svg",
         {
-          className: u1(R1[e], [a && m.pinCompleted]),
+          className: D1[e],
           width: "26",
           height: "32",
           viewBox: "0 0 26 32",
           xmlns: "http://www.w3.org/2000/svg",
           children: [
-            /* @__PURE__ */ t("path", { d: "M25.5 13C25.5 15.4774 24.7798 17.785 23.5376 19.7268C21.932 22.1411 20.1501 23.9459 18.2945 25.7433C18.0942 25.9373 17.8929 26.1314 17.6908 26.3262C16.157 27.8047 14.5793 29.3256 13.0545 31.2007C11.5227 29.3377 9.93394 27.8282 8.39067 26.362C8.17552 26.1576 7.96126 25.954 7.74816 25.7505C5.87029 23.9566 4.07076 22.1526 2.46259 19.7271C1.22024 17.7852 0.5 15.4775 0.5 13C0.5 6.09644 6.09644 0.5 13 0.5C19.9036 0.5 25.5 6.09644 25.5 13Z" }),
+            /* @__PURE__ */ n("path", { d: "M25.5 13C25.5 15.4774 24.7798 17.785 23.5376 19.7268C21.932 22.1411 20.1501 23.9459 18.2945 25.7433C18.0942 25.9373 17.8929 26.1314 17.6908 26.3262C16.157 27.8047 14.5793 29.3256 13.0545 31.2007C11.5227 29.3377 9.93394 27.8282 8.39067 26.362C8.17552 26.1576 7.96126 25.954 7.74816 25.7505C5.87029 23.9566 4.07076 22.1526 2.46259 19.7271C1.22024 17.7852 0.5 15.4775 0.5 13C0.5 6.09644 6.09644 0.5 13 0.5C19.9036 0.5 25.5 6.09644 25.5 13Z" }),
             o
           ]
         }
@@ -1555,11 +1571,11 @@ function Ye({
     }
   );
 }
-function O1(e) {
-  return /* @__PURE__ */ t(Ye, { type: "annotation", ...e, children: /* @__PURE__ */ t(
+function j1(e) {
+  return /* @__PURE__ */ n(Ye, { type: "annotation", ...e, children: /* @__PURE__ */ n(
     "path",
     {
-      className: m.annotationPinChild,
+      className: h.annotationPinChild,
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M7 8V19.25H8.875V18.875C8.875 17.8415 9.7165 17 10.75 17H19V8H7ZM10 11.75H16V11H10V11.75ZM14.5 14H10V13.25H14.5V14Z",
@@ -1568,21 +1584,21 @@ function O1(e) {
     }
   ) });
 }
-function F1(e) {
-  const n = e.completed ? /* @__PURE__ */ t(
+function K1(e) {
+  const t = e.completed ? /* @__PURE__ */ n(
     "path",
     {
-      className: m.quizPinChild,
+      className: h.quizPinChild,
       transform: "translate(6, 6)",
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M12.7156 2.33212L5.18253 9.86522L1.28337 5.96607L0 7.24944L5.18253 12.4329L13.9999 3.6164L12.7156 2.33212Z",
       fill: "currentColor"
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ n(
     "text",
     {
-      className: m.quizPinChild,
+      className: h.quizPinChild,
       x: "50%",
       y: "56%",
       textAnchor: "middle",
@@ -1591,58 +1607,58 @@ function F1(e) {
       children: e.ordinal
     }
   );
-  return /* @__PURE__ */ t(Ye, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : n });
+  return /* @__PURE__ */ n(Ye, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ n("circle", { className: h.quizPinChild, cx: "13", cy: "13", r: "6" }) : t });
 }
-function Z1(e, n) {
+function z1(e, t) {
   return e.map((o, i) => ({
     id: o.id,
     time: o.time,
     type: "annotation",
     ordinal: i + 1,
-    onClick: () => n(o)
+    onClick: () => t(o)
   }));
 }
-function z1(e, n) {
+function $1(e, t) {
   const o = /* @__PURE__ */ new Map();
   e.forEach((a) => {
-    var r;
-    const c = a.time;
-    o.has(c) || o.set(c, []), (r = o.get(c)) == null || r.push(a);
+    var c;
+    const r = a.time;
+    o.has(r) || o.set(r, []), (c = o.get(r)) == null || c.push(a);
   });
   const i = [];
   let s = 0;
-  return o.forEach((a, c) => {
+  return o.forEach((a, r) => {
     i.push({
-      id: a.map((r) => r.id).join("-"),
-      time: c,
+      id: a.map((c) => c.id).join("-"),
+      time: r,
       type: "quiz",
       ordinal: s + 1,
-      onClick: () => n(a),
+      onClick: () => t(a),
       multiple: a.length > 1,
-      completed: a.every((r) => r.completed)
+      completed: a.every((c) => c.completed)
     }), s++;
   }), i;
 }
-function j1(e, n, o, i) {
+function U1(e, t, o, i) {
   switch (e.type) {
     case "annotation": {
       const s = () => i ? e.onClick() : o.seek(e.time);
-      return /* @__PURE__ */ t(
-        O1,
+      return /* @__PURE__ */ n(
+        j1,
         {
           id: e.id,
-          position: e.time / n * 100,
+          position: e.time / t * 100,
           onClick: s
         },
         e.id
       );
     }
     case "quiz":
-      return /* @__PURE__ */ t(
-        F1,
+      return /* @__PURE__ */ n(
+        K1,
         {
           id: e.id,
-          position: e.time / n * 100,
+          position: e.time / t * 100,
           ordinal: e.ordinal,
           multiple: e.multiple,
           onClick: e.onClick,
@@ -1654,22 +1670,22 @@ function j1(e, n, o, i) {
       return null;
   }
 }
-function D1() {
-  const e = oe(), n = g("duration"), o = L(), i = T(() => [
-    ...Z1(
+function q1() {
+  const e = ie(), t = g("duration"), o = L(), i = O(() => [
+    ...z1(
       o.annotations,
       o.onAnnotationClick
     ),
-    ...z1(o.quizMarkers, o.onQuizMarkerClick)
-  ].sort((a, c) => a.time - c.time).map((a) => j1(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
-  return /* @__PURE__ */ t("div", { className: m.pins, children: i });
+    ...$1(o.quizMarkers, o.onQuizMarkerClick)
+  ].sort((a, r) => a.time - r.time).map((a) => U1(a, t, e, o.interactive)), [o.annotations, o.quizMarkers, t, e]);
+  return /* @__PURE__ */ n("div", { className: h.pins, children: i });
 }
-function K1() {
-  const e = g("duration"), n = L(), o = w();
-  return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
+function G1() {
+  const e = g("duration"), t = L(), o = v();
+  return e > 0 && t.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ n("div", { className: h.commentMarkers, children: t.comments.map((i) => /* @__PURE__ */ n(
     "span",
     {
-      className: m.commentMarker,
+      className: h.commentMarker,
       style: {
         left: `${i.timestamp / e * 100}%`
       }
@@ -1677,63 +1693,65 @@ function K1() {
     i.id
   )) }) : null;
 }
-function $1({ currentTime: e, position: n }) {
-  const [o, i] = x(!1), s = L(), a = f(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
-    s.interactiveMenuElements,
-    s.onInteractivePinClick,
-    e
-  ]), c = ne(null), { refs: r, floatingStyles: d, context: p } = ue({
-    open: o,
-    onOpenChange: i,
-    whileElementsMounted: de,
+const Q1 = lt(function({ currentTime: t, position: o }, i) {
+  const [s, a] = M(!1), r = L(), c = v(), u = f(() => {
+    r.interactiveMenuElements.length > 0 ? (a((I) => !I), c.setGlobalKeysDisabled(!0)) : r.onInteractivePinClick(t);
+  }, [
+    r.interactiveMenuElements,
+    r.onInteractivePinClick,
+    t
+  ]), m = U(null), { refs: b, floatingStyles: w, context: y } = de({
+    open: s,
+    onOpenChange: a,
+    whileElementsMounted: me,
     placement: "top",
     middleware: [
-      Se(),
-      Te(6),
+      Te(),
+      Ee(6),
       Ve({
-        element: c
+        element: m
       })
     ]
-  }), b = me(p), { getReferenceProps: v, getFloatingProps: k } = he([b]);
-  return /* @__PURE__ */ l(Y, { children: [
-    /* @__PURE__ */ t(
+  }), k = he(y), { getReferenceProps: S, getFloatingProps: p } = pe([k]), _ = Nt([b.setReference, i]);
+  return /* @__PURE__ */ l(J, { children: [
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: a,
-        className: m.interactivePinButton,
-        ref: r.setReference,
-        style: { left: `${n}%` },
-        ...v(),
+        onClick: u,
+        className: h.interactivePinButton,
+        ref: _,
+        style: { left: `${o}%` },
+        ...S(),
         children: /* @__PURE__ */ l(
           "svg",
           {
-            className: m.interactivePin,
+            className: h.interactivePin,
             width: "36",
             height: "44",
             fill: "none",
             viewBox: "0 0 36 44",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ n(
                 "path",
                 {
-                  className: m.bg,
+                  className: h.bg,
                   d: "M 33.1703,27.499961 C 34.9615,24.721661 36,21.418761 36,17.874961 36,8.0028612 27.9411,-3.8819277e-5 18,-3.8819277e-5 8.0588999,-3.8819277e-5 -1.5e-7,8.0028612 -1.5e-7,17.874961 c 0,3.5438 1.03844995,6.8467 2.82964995,9.625 4.5447501,6.8094 10.1600502,10.1014 15.2487502,16.5 5.0364,-6.3985 10.5573,-9.7259 15.0919,-16.5 z"
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ n(
                 "path",
                 {
-                  className: m.symbol,
+                  className: h.symbol,
                   d: "m 35.499961,17.877772 c 0,3.443549 -1.008198,6.652061 -2.747494,9.351891 -2.235095,3.338633 -4.71529,5.832631 -7.286584,8.306425 -0.277599,0.267143 -0.556499,0.534085 -0.836198,0.801928 -2.174595,2.082232 -4.40389,4.216673 -6.553385,6.870196 -2.158995,-2.636621 -4.40379,-4.754859 -6.591985,-6.819788 -0.2979,-0.281145 -0.594699,-0.561289 -0.890198,-0.841534 C 7.9918219,33.077896 5.4869279,30.584698 3.2477829,27.230063 1.5082968,24.530133 0.50003905,21.321521 0.50003905,17.877772 0.50003905,8.2835422 8.3317219,0.50000048 18,0.50000048 c 9.668278,0 17.499961,7.78354172 17.499961,17.37777152 z"
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ n(
                 "path",
                 {
-                  className: m.interactivePinIcon,
-                  "data-open": o,
+                  className: h.interactivePinIcon,
+                  "data-open": s,
                   fillRule: "evenodd",
                   clipRule: "evenodd",
                   d: "m 18.75,17.388467 v -6.25 h -1.5 v 6.25 H 11 v 1.5 h 6.25 v 6.25 h 1.5 v -6.25 H 25 v -1.5 z",
@@ -1745,31 +1763,31 @@ function $1({ currentTime: e, position: n }) {
         )
       }
     ),
-    o && /* @__PURE__ */ t(
-      pe,
+    s && /* @__PURE__ */ n(
+      _e,
       {
         order: ["floating", "content"],
-        context: p,
+        context: y,
         modal: !0,
         children: /* @__PURE__ */ l(
           "div",
           {
-            ref: r.setFloating,
-            style: d,
-            className: m.interactivePinMenu,
-            ...k(),
+            ref: b.setFloating,
+            style: w,
+            className: h.interactivePinMenu,
+            ...p(),
             children: [
-              s.interactiveMenuElements.map(
-                ({ id: y, text: P, onClick: h }) => /* @__PURE__ */ l(
+              r.interactiveMenuElements.map(
+                ({ id: I, text: V, onClick: F }) => /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    className: m.interactivePinMenuItem,
+                    className: h.interactivePinMenuItem,
                     onClick: () => {
-                      h(y, e), i(!1);
+                      F(I, t), a(!1), c.setGlobalKeysDisabled(!1);
                     },
                     children: [
-                      /* @__PURE__ */ t(
+                      /* @__PURE__ */ n(
                         "svg",
                         {
                           width: "16",
@@ -1777,7 +1795,7 @@ function $1({ currentTime: e, position: n }) {
                           viewBox: "0 0 16 16",
                           fill: "none",
                           xmlns: "http://www.w3.org/2000/svg",
-                          children: /* @__PURE__ */ t(
+                          children: /* @__PURE__ */ n(
                             "path",
                             {
                               fillRule: "evenodd",
@@ -1788,18 +1806,18 @@ function $1({ currentTime: e, position: n }) {
                           )
                         }
                       ),
-                      P
+                      V
                     ]
                   },
-                  y
+                  I
                 )
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ n(
                 Ae,
                 {
-                  ref: c,
-                  context: p,
-                  className: m.arrow
+                  ref: m,
+                  context: y,
+                  className: h.arrow
                 }
               )
             ]
@@ -1808,52 +1826,79 @@ function $1({ currentTime: e, position: n }) {
       }
     )
   ] });
+}), W1 = () => {
+  const e = U(!1), t = U(!1);
+  return Ce({
+    ArrowLeft: () => {
+      t.current = !0;
+    },
+    ArrowRight: () => {
+      t.current = !0;
+    },
+    Tab: () => {
+      t.current = !1;
+    }
+  }), { focusCallback: f((i) => {
+    i && (i.addEventListener("focus", () => {
+      e.current = !0;
+    }), i.addEventListener("blur", () => {
+      t.current || (e.current = !1);
+    }), e.current && i.focus());
+  }, []), wasPinFocused: e.current };
+};
+function Y1() {
+  var c;
+  const e = g("duration"), t = g("currentTime"), o = t / e * 100, { disableInteractivePinRanges: i } = L(), s = !i.some(
+    ([u, m]) => t >= u && t <= m
+  ), { wasPinFocused: a, focusCallback: r } = W1();
+  return s ? /* @__PURE__ */ n("div", { className: h.interactivePinContainer, children: /* @__PURE__ */ n("div", { className: h.interactivePinWrapper, children: /* @__PURE__ */ n(
+    Q1,
+    {
+      ref: r,
+      currentTime: t,
+      position: o
+    }
+  ) }) }) : (a && ((c = document.querySelector("[data-media-time-slider]")) == null || c.focus()), null);
 }
-function U1() {
-  const e = g("duration"), n = g("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = L();
-  return i.some(
-    ([a, c]) => n >= a && n <= c
-  ) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t($1, { currentTime: n, position: o }) }) });
-}
-function q1() {
-  const e = g("paused"), n = w();
-  return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(U1, {}) : null;
+function X1() {
+  const e = g("paused"), t = v();
+  return e && !t.state.interactionsDisabled ? /* @__PURE__ */ n(Y1, {}) : null;
 }
-const G1 = `${m.progress} ${m.trackInner}`, Q1 = `${m.trackFill} ${m.trackInner}`;
-function Me({ className: e }) {
-  const n = w(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = L(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
+const J1 = `${h.progress} ${h.trackInner}`, ei = `${h.trackFill} ${h.trackInner}`;
+function Pe({ className: e }) {
+  const t = v(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = L(), a = e ? `${h.timelineWrapper} ${e}` : h.timelineWrapper;
   return /* @__PURE__ */ l("div", { className: a, children: [
-    s ? /* @__PURE__ */ t(q1, {}) : null,
-    s || o || i ? /* @__PURE__ */ t(D1, {}) : null,
-    /* @__PURE__ */ t(K1, {}),
+    s ? /* @__PURE__ */ n(X1, {}) : null,
+    s || o || i ? /* @__PURE__ */ n(q1, {}) : null,
+    /* @__PURE__ */ n(G1, {}),
     /* @__PURE__ */ l(
-      G.Root,
+      W.Root,
       {
-        className: m.root,
-        tabIndex: n.state.interactionsDisabled ? -1 : 0,
+        className: h.root,
+        tabIndex: t.state.interactionsDisabled ? -1 : 0,
         children: [
-          /* @__PURE__ */ l(G.Track, { className: m.track, children: [
-            /* @__PURE__ */ t(G.Progress, { className: G1 }),
-            /* @__PURE__ */ t(G.TrackFill, { className: Q1 })
+          /* @__PURE__ */ l(W.Track, { className: h.track, children: [
+            /* @__PURE__ */ n(W.Progress, { className: J1 }),
+            /* @__PURE__ */ n(W.TrackFill, { className: ei })
           ] }),
-          /* @__PURE__ */ t(G.Thumb, { className: m.thumb })
+          /* @__PURE__ */ n(W.Thumb, { className: h.thumb })
         ]
       }
     )
   ] });
 }
-const W1 = "_wrapper_12cb0_1", Y1 = "_track_12cb0_6", X1 = "_thumb_12cb0_18", J1 = "_track-fill_12cb0_32", ei = "_root_12cb0_51", W = {
-  wrapper: W1,
-  track: Y1,
-  thumb: X1,
+const ti = "_wrapper_12cb0_1", ni = "_track_12cb0_6", oi = "_thumb_12cb0_18", ii = "_track-fill_12cb0_32", si = "_root_12cb0_51", X = {
+  wrapper: ti,
+  track: ni,
+  thumb: oi,
   "track-fill": "_track-fill_12cb0_32",
-  trackFill: J1,
-  root: ei
+  trackFill: ii,
+  root: si
 };
-function ti() {
-  const e = Z(), n = g("volume"), o = g("muted"), i = w(), s = o || n === 0, { t: a } = _();
-  return /* @__PURE__ */ l("div", { className: W.wrapper, children: [
-    /* @__PURE__ */ t(
+function ai() {
+  const e = E(), t = g("volume"), o = g("muted"), i = v(), s = o || t === 0, { t: a } = C();
+  return /* @__PURE__ */ l("div", { className: X.wrapper, children: [
+    /* @__PURE__ */ n(
       "button",
       {
         role: "button",
@@ -1864,126 +1909,141 @@ function ti() {
         onClick: () => {
           s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
         },
-        children: s ? /* @__PURE__ */ t($e, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : /* @__PURE__ */ t(qe, { className: "controls-button-icon" })
+        children: s ? /* @__PURE__ */ n(Ue, { className: "controls-button-icon" }) : t < 0.5 ? /* @__PURE__ */ n(qe, { className: "controls-button-icon" }) : /* @__PURE__ */ n(Ge, { className: "controls-button-icon" })
       }
     ),
     /* @__PURE__ */ l(
-      X.Root,
+      ee.Root,
       {
-        className: W.root,
+        className: X.root,
         tabIndex: i.state.interactionsDisabled ? -1 : 0,
         children: [
-          /* @__PURE__ */ t(X.Track, { className: W.track, children: /* @__PURE__ */ t(X.TrackFill, { className: W.trackFill }) }),
-          /* @__PURE__ */ t(X.Thumb, { className: W.thumb })
+          /* @__PURE__ */ n(ee.Track, { className: X.track, children: /* @__PURE__ */ n(ee.TrackFill, { className: X.trackFill }) }),
+          /* @__PURE__ */ n(ee.Thumb, { className: X.thumb })
         ]
       }
     )
   ] });
 }
-const Ne = {
+function x(e, t) {
+  e.dispatchEvent(
+    new CustomEvent("keyboardAction", {
+      detail: t
+    })
+  );
+}
+const Ie = {
   togglePaused: {
     keys: ["Space", "Enter", "k"],
-    onKeyUp({ event: e, player: n, remote: o }) {
+    onKeyDown({ player: e, remote: t, event: o }) {
       var i;
-      (i = document.activeElement) != null && i.hasAttribute("data-media-player") && (o.togglePaused(), n.$state.lastKeyboardAction.set({
-        action: "togglePaused",
-        event: e
-      }));
+      (i = document.activeElement) != null && i.hasAttribute("data-media-player") && (t.togglePaused(o), x(e, "togglePaused"));
+    }
+  },
+  seekForward: {
+    keys: ["ArrowRight"],
+    onKeyDown({ player: e, remote: t, event: o }) {
+      t.seek(e.currentTime + 5, o), x(e, "seekForward");
+    }
+  },
+  seekBackward: {
+    keys: ["ArrowLeft"],
+    onKeyDown({ player: e, remote: t, event: o }) {
+      t.seek(e.currentTime - 5, o), x(e, "seekBackward");
+    }
+  },
+  volumeUp: {
+    keys: ["ArrowUp"],
+    onKeyDown({ player: e, remote: t, event: o }) {
+      t.changeVolume(e.volume + 0.05, o), x(e, "volumeChange");
+    }
+  },
+  volumeDown: {
+    keys: ["ArrowDown"],
+    onKeyDown({ player: e, remote: t, event: o }) {
+      t.changeVolume(e.volume - 0.05, o), x(e, "volumeChange");
     }
   },
-  seekForward: ["ArrowRight"],
-  seekBackward: ["ArrowLeft"],
-  volumeUp: ["ArrowUp"],
-  volumeDown: ["ArrowDown"],
   toggleFullscreen: ["f"],
-  toggleMuted: ["m"],
-  toggleCaptions: ["c"],
+  toggleMuted: {
+    keys: ["m"],
+    onKeyDown({ player: e, remote: t, event: o }) {
+      t.toggleMuted(o), x(e, "volumeChange");
+    }
+  },
+  toggleCaptions: {
+    keys: ["c"],
+    onKeyDown({ player: e, remote: t, event: o }) {
+      t.toggleCaptions(o), x(e, "captionsChange");
+    }
+  },
   nextCaptionLanguage: {
     keys: ["v"],
-    onKeyUp({ event: e, player: n, remote: o }) {
-      const i = n.textTracks.selectedIndex, s = i + 1;
-      o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
-        s >= n.textTracks.length ? 0 : s,
-        "showing"
-      ), n.$state.lastKeyboardAction.set({
-        action: "nextCaptionLanguage",
-        event: e
-      });
+    onKeyDown({ event: e, player: t, remote: o }) {
+      const i = t.textTracks.selectedIndex, s = i + 1;
+      o.changeTextTrackMode(i, "hidden", e), o.changeTextTrackMode(
+        s >= t.textTracks.length ? 0 : s,
+        "showing",
+        e
+      ), x(t, "captionsChange");
     }
   },
   previousCaptionLanguage: {
     keys: ["x"],
-    onKeyUp({ event: e, player: n, remote: o }) {
-      const i = n.textTracks.selectedIndex, s = i - 1;
-      o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
-        s < 0 ? n.textTracks.length - 1 : s,
-        "showing"
-      ), n.$state.lastKeyboardAction.set({
-        action: "previousCaptionLanguage",
-        event: e
-      });
+    onKeyDown({ event: e, player: t, remote: o }) {
+      const i = t.textTracks.selectedIndex, s = i - 1;
+      o.changeTextTrackMode(i, "hidden", e), o.changeTextTrackMode(
+        s < 0 ? t.textTracks.length - 1 : s,
+        "showing",
+        e
+      ), x(t, "captionsChange");
     }
   },
   decreasePlaybackRate: {
     keys: ["a"],
-    onKeyUp({ event: e, player: n, remote: o }) {
-      const s = D.indexOf(n.playbackRate) - 1;
-      s >= 0 && (o.changePlaybackRate(D[s]), n.$state.lastKeyboardAction.set({
-        action: "decreasePlaybackRate",
-        event: e
-      }));
+    onKeyDown({ event: e, player: t, remote: o }) {
+      const s = $.indexOf(t.playbackRate) - 1;
+      s >= 0 && (o.changePlaybackRate($[s], e), x(t, "playbackRateChange"));
     }
   },
   increasePlaybackRate: {
     keys: ["d"],
-    onKeyUp({ event: e, player: n, remote: o }) {
-      const s = D.indexOf(n.playbackRate) + 1;
-      s < D.length && (o.changePlaybackRate(D[s]), n.$state.lastKeyboardAction.set({
-        action: "increasePlaybackRate",
-        event: e
-      }));
+    onKeyDown({ event: e, player: t, remote: o }) {
+      const s = $.indexOf(t.playbackRate) + 1;
+      s < $.length && (o.changePlaybackRate($[s], e), x(t, "playbackRateChange"));
     }
   },
   resetPlaybackRate: {
     keys: ["s"],
-    onKeyUp({ event: e, player: n, remote: o }) {
-      o.changePlaybackRate(1), n.$state.lastKeyboardAction.set({
-        action: "resetPlaybackRate",
-        event: e
-      });
+    onKeyDown({ event: e, player: t, remote: o }) {
+      o.changePlaybackRate(1, e), x(t, "playbackRateChange");
     }
   },
   seekForward10Seconds: {
     keys: ["l"],
-    onKeyUp({ event: e, player: n, remote: o }) {
-      o.seek(n.currentTime + 10), n.$state.lastKeyboardAction.set({
-        action: "seekForward10",
-        event: e
-      });
+    onKeyDown({ event: e, player: t, remote: o }) {
+      o.seek(t.currentTime + 10, e), x(t, "seekForward10");
     }
   },
   seekBackward10Seconds: {
     keys: ["j"],
-    onKeyUp({ event: e, player: n, remote: o }) {
-      o.seek(n.currentTime - 10), n.$state.lastKeyboardAction.set({
-        action: "seekBackward10",
-        event: e
-      });
+    onKeyDown({ event: e, player: t, remote: o }) {
+      o.seek(t.currentTime - 10, e), x(t, "seekBackward10");
     }
   }
 };
-function Pe(e) {
+function Se(e) {
   return typeof e == "number" && !isNaN(e);
 }
-function ni(e, n = 1e3) {
+function li(e, t = 1e3) {
   let o = !1;
   return () => {
     o || (e(), o = !0, setTimeout(() => {
       o = !1;
-    }, n));
+    }, t));
   };
 }
-const Ie = {
+const He = {
   volume: 1,
   muted: !1,
   lang: null,
@@ -1994,23 +2054,23 @@ const Ie = {
   invert: !1,
   comments: !1
 };
-class oi {
+class ri {
   constructor() {
-    H(this, "playerId", "studio-player");
-    H(this, "mediaId", null);
-    H(this, "data", Ie);
-    H(this, "time", null);
-    H(this, "overrideTime", null);
-    H(this, "saveTime", () => {
+    T(this, "playerId", "studio-player");
+    T(this, "mediaId", null);
+    T(this, "data", He);
+    T(this, "time", null);
+    T(this, "overrideTime", null);
+    T(this, "saveTime", () => {
       if (!this.mediaId) return;
-      const n = (this.time ?? 0).toString();
-      localStorage.setItem(this.mediaId, n);
+      const t = (this.time ?? 0).toString();
+      localStorage.setItem(this.mediaId, t);
     });
-    H(this, "saveTimeThrottled", ni(this.saveTime, 1e3));
+    T(this, "saveTimeThrottled", li(this.saveTime, 1e3));
     // only used for useStudioPlayer hook's state initialization
-    H(this, "initializeState", (n) => {
+    T(this, "initializeState", (t) => {
       const o = localStorage.getItem(this.playerId);
-      if (Pe(n) && n >= 0 && (this.overrideTime = n), o)
+      if (Se(t) && t >= 0 && (this.overrideTime = t), o)
         try {
           this.data = JSON.parse(o);
         } catch {
@@ -2025,10 +2085,10 @@ class oi {
         disableCaptionSettings: !1
       };
     });
-    H(this, "saveData", (n, o) => {
+    T(this, "saveData", (t, o) => {
       this.data = {
         ...this.data,
-        [n]: o
+        [t]: o
       }, this.save();
     });
   }
@@ -2041,314 +2101,314 @@ class oi {
   async getLang() {
     return this.data.lang;
   }
-  async setLang(n) {
-    this.data.lang = n, this.save();
+  async setLang(t) {
+    this.data.lang = t, this.save();
   }
   async getVolume() {
     return this.data.volume;
   }
-  async setVolume(n) {
-    this.data.volume = n, this.save();
+  async setVolume(t) {
+    this.data.volume = t, this.save();
   }
   async getMuted() {
     return this.data.muted;
   }
-  async setMuted(n) {
-    this.data.muted = n, this.save();
+  async setMuted(t) {
+    this.data.muted = t, this.save();
   }
   async getTime() {
     return this.time;
   }
-  async setTime(n, o) {
-    const i = n < 0;
-    this.time = i ? null : n, i || o ? this.saveTime() : this.saveTimeThrottled();
+  async setTime(t, o) {
+    const i = t < 0;
+    this.time = i ? null : t, i || o ? this.saveTime() : this.saveTimeThrottled();
   }
   async getCaptions() {
     return this.data.captions;
   }
-  async setCaptions(n) {
-    this.data.captions = n, this.save();
+  async setCaptions(t) {
+    this.data.captions = t, this.save();
   }
   async getPlaybackRate() {
     return this.data.rate;
   }
-  async setPlaybackRate(n) {
-    this.data.rate = n, this.save();
+  async setPlaybackRate(t) {
+    this.data.rate = t, this.save();
   }
-  onChange(n, o, i = "studio-player") {
+  onChange(t, o, i = "studio-player") {
     const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
     this.playerId = i, this.mediaId = o;
-    let c = {};
+    let r = {};
     if (s)
       try {
-        c = JSON.parse(s);
+        r = JSON.parse(s);
       } catch {
       }
     this.data = {
-      ...Ie,
-      ...c
-    }, Pe(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
+      ...He,
+      ...r
+    }, Se(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
   }
   save() {
     if (!this.playerId) return;
-    const n = JSON.stringify(this.data);
-    localStorage.setItem(this.playerId, n);
+    const t = JSON.stringify(this.data);
+    localStorage.setItem(this.playerId, t);
   }
 }
-function ii(e, n, o, i) {
-  const s = T(() => new oi(), []), [a, c] = x(
+function ci(e, t, o, i) {
+  const s = O(() => new ri(), []), [a, r] = M(
     s.initializeState(i)
-  ), r = f(
-    (h) => {
-      c((C) => (s.saveData("multiplier", h), {
-        ...C,
-        captionsFontSizeMultiplier: h
+  ), c = f(
+    (p) => {
+      r((_) => (s.saveData("multiplier", p), {
+        ..._,
+        captionsFontSizeMultiplier: p
       }));
     },
     [s]
-  ), d = f(() => {
-    c((h) => {
-      const C = !h.captionPositionOnTop;
-      return s.saveData("ontop", C), {
-        ...h,
-        captionPositionOnTop: C
+  ), u = f(() => {
+    r((p) => {
+      const _ = !p.captionPositionOnTop;
+      return s.saveData("ontop", _), {
+        ...p,
+        captionPositionOnTop: _
       };
     });
-  }, [s]), p = f(() => {
-    c((h) => {
-      const C = !h.captionsInvertColors;
-      return s.saveData("invert", C), {
-        ...h,
-        captionsInvertColors: C
+  }, [s]), m = f(() => {
+    r((p) => {
+      const _ = !p.captionsInvertColors;
+      return s.saveData("invert", _), {
+        ...p,
+        captionsInvertColors: _
       };
     });
   }, [s]), b = f(() => {
-    c((h) => {
-      const C = !h.commentsEnabled;
-      return s.saveData("comments", C), {
-        ...h,
-        commentsEnabled: C
+    r((p) => {
+      const _ = !p.commentsEnabled;
+      return s.saveData("comments", _), {
+        ...p,
+        commentsEnabled: _
       };
     });
-  }, [s]), v = f(() => {
-    c((h) => ({
-      ...h,
+  }, [s]), w = f(() => {
+    r((p) => ({
+      ...p,
       interactionsDisabled: !1
     }));
-  }, []), k = f(() => {
-    c((h) => ({
-      ...h,
+  }, []), y = f(() => {
+    r((p) => ({
+      ...p,
       interactionsDisabled: !0
     }));
-  }, []), y = f((h) => {
-    c((C) => ({
-      ...C,
-      globalKeysDisabled: h
+  }, []), k = f((p) => {
+    r((_) => ({
+      ..._,
+      globalKeysDisabled: p
     }));
-  }, []), P = T(() => e ? {
-    ...Ne,
+  }, []), S = O(() => e ? {
+    ...Ie,
     toggleFullscreen: []
-  } : Ne, [e]);
+  } : Ie, [e]);
   return {
     contextValue: {
       state: {
         ...a,
-        commentsEnabled: n || a.commentsEnabled
+        commentsEnabled: t || a.commentsEnabled
       },
-      setCaptionsFontSizeMultiplier: r,
-      toggleCaptionPositionOnTop: d,
-      toggleCaptionsInvertColors: p,
-      enableInteractions: v,
-      disableInteractions: k,
-      setGlobalKeysDisabled: y,
+      setCaptionsFontSizeMultiplier: c,
+      toggleCaptionPositionOnTop: u,
+      toggleCaptionsInvertColors: m,
+      enableInteractions: w,
+      disableInteractions: y,
+      setGlobalKeysDisabled: k,
       toggleComments: b,
       disableCaptionSettings: o
     },
-    shortcuts: P,
+    shortcuts: S,
     storage: s
   };
 }
-const si = {};
-function ai() {
-  const e = L();
-  return /* @__PURE__ */ l(Y, { children: [
-    /* @__PURE__ */ t(Jo, { src: e.thumbnail }),
-    /* @__PURE__ */ t(Ge, {}),
-    /* @__PURE__ */ t(Re, {}),
-    /* @__PURE__ */ t(Ze, { captions: e.captions }),
-    /* @__PURE__ */ t(a1, {}),
-    /* @__PURE__ */ t(No, {}),
-    /* @__PURE__ */ t(Jt, { comments: e.comments })
+const ui = {};
+function di() {
+  const e = L(), t = e.kebabMenuElements.length > 0;
+  return /* @__PURE__ */ l(J, { children: [
+    /* @__PURE__ */ n(s1, { src: e.thumbnail }),
+    /* @__PURE__ */ n(Qe, {}),
+    /* @__PURE__ */ n(Oe, {}),
+    /* @__PURE__ */ n(De, { captions: e.captions }),
+    /* @__PURE__ */ n(m1, {}),
+    /* @__PURE__ */ n(Eo, {}),
+    /* @__PURE__ */ n(an, { comments: e.comments, isKebabMenuVisible: t })
   ] });
 }
-const li = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ l("g", { id: "audio", children: [
+const mi = (e) => /* @__PURE__ */ n("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ l("g", { id: "audio", children: [
   /* @__PURE__ */ l("g", { id: "icon-file-base-2", children: [
-    /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z", fill: "#FFFFFF" }),
-    /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", id: "icon-file-base", fill: "#FFFFFF" }),
-    /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", fill: "#384A58" })
+    /* @__PURE__ */ n("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z", fill: "#FFFFFF" }),
+    /* @__PURE__ */ n("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", id: "icon-file-base", fill: "#FFFFFF" }),
+    /* @__PURE__ */ n("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", fill: "#384A58" })
   ] }),
-  /* @__PURE__ */ t("path", { d: "M14.7142857,14.2824 L14.7142857,13 L13.2857143,13.2548 L13.2857143,23.0912 C12.8642857,22.9106 12.3785714,22.8 11.8571429,22.8 C10.2771429,22.8 9,23.7408 9,24.9 C9,26.0592 10.2771429,27 11.8571429,27 C12.3785714,27 12.8642857,26.8894 13.2857143,26.7088 C14.1371429,26.3448 14.7142857,25.6756 14.7142857,24.9 L14.7142857,17.0824 C17.5714286,17.0824 19,20 19,21.4 C19,15.8 16.1428571,14.2824 14.7142857,14.2824", id: "Fill-776", fill: "#384A58" })
+  /* @__PURE__ */ n("path", { d: "M14.7142857,14.2824 L14.7142857,13 L13.2857143,13.2548 L13.2857143,23.0912 C12.8642857,22.9106 12.3785714,22.8 11.8571429,22.8 C10.2771429,22.8 9,23.7408 9,24.9 C9,26.0592 10.2771429,27 11.8571429,27 C12.3785714,27 12.8642857,26.8894 13.2857143,26.7088 C14.1371429,26.3448 14.7142857,25.6756 14.7142857,24.9 L14.7142857,17.0824 C17.5714286,17.0824 19,20 19,21.4 C19,15.8 16.1428571,14.2824 14.7142857,14.2824", id: "Fill-776", fill: "#384A58" })
 ] }) }) });
-function ci() {
+function hi() {
   const e = L();
   return /* @__PURE__ */ l("div", { className: "audio-layout-wrapper", children: [
-    /* @__PURE__ */ t(li, {}),
-    /* @__PURE__ */ t(Ge, {}),
-    /* @__PURE__ */ t(Re, {}),
-    /* @__PURE__ */ t(Ze, { captions: e.captions })
+    /* @__PURE__ */ n(mi, {}),
+    /* @__PURE__ */ n(Qe, {}),
+    /* @__PURE__ */ n(Oe, {}),
+    /* @__PURE__ */ n(De, { captions: e.captions })
   ] });
 }
-function ri(e, n) {
-  return e.reduce((o, i) => (Object.keys(n).includes(i.id) || (o[i.id] = !0), o), n);
+function pi(e, t) {
+  return e.reduce((o, i) => (Object.keys(t).includes(i.id) || (o[i.id] = !0), o), t);
 }
-function ui(e, n, o, i, s) {
+function _i(e, t, o, i, s) {
   return (a) => {
-    const c = a.detail.currentTime, r = !o.paused, d = Math.min(o.duration * 0.05, 2);
-    c >= e.time && c < e.time + d && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, r));
+    const r = a.detail.currentTime, c = !o.paused, u = Math.min(o.duration * 0.05, 2);
+    r >= e.time && r < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), t(e, c));
   };
 }
-function di() {
-  const e = Z(), { quizMarkers: n, onQuizMarkerShow: o } = L(), [i, s] = x(
-    n.reduce((a, c) => (a[c.id] = !1, a), {})
+function fi() {
+  const e = E(), { quizMarkers: t, onQuizMarkerShow: o } = L(), [i, s] = M(
+    t.reduce((a, r) => (a[r.id] = !1, a), {})
   );
-  F(() => {
+  j(() => {
     if (!e)
       return;
-    n.length > Object.keys(i).length && s(ri(n, i));
-    const a = [], c = (r) => {
+    t.length > Object.keys(i).length && s(pi(t, i));
+    const a = [], r = (c) => {
       var b;
-      const d = (b = r == null ? void 0 : r.request) == null ? void 0 : b.detail, p = n.reduce((v, k) => (v[k.id] = k.time <= d, v), {});
-      s({ ...i, ...p });
+      const u = (b = c == null ? void 0 : c.request) == null ? void 0 : b.detail, m = t.reduce((w, y) => (w[y.id] = y.time <= u, w), {});
+      s({ ...i, ...m });
     };
-    e.addEventListener("seeked", c);
-    for (const r of n) {
-      const d = ui(
-        r,
+    e.addEventListener("seeked", r);
+    for (const c of t) {
+      const u = _i(
+        c,
         o,
         e,
         i,
         s
       );
-      e.addEventListener("time-update", d), a.push(d);
+      e.addEventListener("time-update", u), a.push(u);
     }
     return () => {
-      for (const r of a)
-        e.removeEventListener("time-update", r);
-      e.removeEventListener("seeked", c);
+      for (const c of a)
+        e.removeEventListener("time-update", c);
+      e.removeEventListener("seeked", r);
     };
-  }, [n, e, i]);
+  }, [t, e, i]);
 }
-function mi() {
-  return di(), null;
+function Ci() {
+  return fi(), null;
 }
-function hi(e) {
+function bi(e) {
   return Array.isArray(e) && typeof e[0] == "object";
 }
-function pi(e) {
-  return hi(e) && e.length === 1 ? e[0].src : e;
+function gi(e) {
+  return bi(e) && e.length === 1 ? e[0].src : e;
 }
-const te = () => {
+const oe = () => {
 };
-function ki({
+function Pi({
   title: e,
-  playerRef: n,
+  playerRef: t,
   src: o,
   captions: i = [],
   thumbnail: s,
   hideFullScreen: a = !1,
-  comments: c = [],
-  locale: r = "en",
-  annotations: d = [],
-  quizMarkers: p = [],
+  comments: r = [],
+  locale: c = "en",
+  annotations: u = [],
+  quizMarkers: m = [],
   interactive: b = !1,
-  onAnnotationClick: v = te,
-  onQuizMarkerClick: k = te,
-  onQuizMarkerShow: y = te,
-  onInteractivePinClick: P = te,
-  onCaptionsDelete: h,
-  interactiveMenuElements: C = [],
-  kebabMenuElements: V = [],
-  darkMode: A = !1,
-  autoLoadCaptionSrc: U = "",
-  forceComments: S = !1,
-  disableCaptionSettings: E = !1,
-  disableStorage: q = !1,
-  startAt: se,
+  onAnnotationClick: w = oe,
+  onQuizMarkerClick: y = oe,
+  onQuizMarkerShow: k = oe,
+  onInteractivePinClick: S = oe,
+  onCaptionsDelete: p,
+  interactiveMenuElements: _ = [],
+  kebabMenuElements: I = [],
+  darkMode: V = !1,
+  autoLoadCaptionSrc: F = "",
+  forceComments: B = !1,
+  disableCaptionSettings: Z = !1,
+  disableStorage: Q = !1,
+  startAt: ae,
   crossOrigin: Xe,
   captionOffsetOverride: Je,
   disableInteractivePinRanges: et = [],
-  customOverlay: ge
+  customOverlay: ve
 }) {
-  const { contextValue: ae, shortcuts: tt, storage: nt } = ii(
+  const { contextValue: le, shortcuts: tt, storage: nt } = ci(
     a,
-    S,
-    E,
-    se
-  ), { i18n: be } = _();
-  F(() => {
-    be.changeLanguage(r);
-  }, [be, r]);
-  const [ve, we] = x("none"), ot = f((B) => {
-    _t(B) ? we("audio") : Ct(B) && we("video");
+    B,
+    Z,
+    ae
+  ), { i18n: we } = C();
+  j(() => {
+    we.changeLanguage(c);
+  }, [we, c]);
+  const [ye, ke] = M("none"), ot = f((A) => {
+    ft(A) ? ke("audio") : (Ct(A) || bt(A) || gt(A)) && ke("video");
   }, []);
-  return /* @__PURE__ */ t(
-    Mt,
+  return /* @__PURE__ */ n(
+    St,
     {
       hideFullScreen: a,
-      comments: c,
+      comments: r,
       captions: i,
       thumbnail: s,
-      annotations: d,
-      quizMarkers: p,
+      annotations: u,
+      quizMarkers: m,
       interactive: b,
-      onAnnotationClick: v,
-      onQuizMarkerClick: k,
-      onInteractivePinClick: P,
-      interactiveMenuElements: C,
-      kebabMenuElements: V,
-      darkMode: A,
-      forceComments: S,
-      disableCaptionSettings: E,
-      disableStorage: q,
+      onAnnotationClick: w,
+      onQuizMarkerClick: y,
+      onInteractivePinClick: S,
+      interactiveMenuElements: _,
+      kebabMenuElements: I,
+      darkMode: V,
+      forceComments: B,
+      disableCaptionSettings: Z,
+      disableStorage: Q,
       captionOffsetOverride: Je,
       disableInteractivePinRanges: et,
-      onQuizMarkerShow: y,
-      onCaptionsDelete: h,
-      children: /* @__PURE__ */ t(xt, { contextValue: ae, children: /* @__PURE__ */ l(
-        ft,
+      onQuizMarkerShow: k,
+      onCaptionsDelete: p,
+      children: /* @__PURE__ */ n(It, { contextValue: le, children: /* @__PURE__ */ l(
+        vt,
         {
-          "data-version": "0.4.3",
+          "data-version": "0.4.6",
           crossOrigin: Xe,
-          storage: q ? null : nt,
+          storage: Q ? null : nt,
           title: e,
-          src: pi(o),
+          src: gi(o),
           keyShortcuts: tt,
           playsInline: !0,
-          keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
-          onTextTracksChange: (B) => {
-            const ye = B == null ? void 0 : B.findIndex(
-              (it) => it.src === U
+          keyDisabled: le.state.interactionsDisabled || le.state.globalKeysDisabled,
+          onTextTracksChange: (A) => {
+            const Le = A == null ? void 0 : A.findIndex(
+              (it) => it.src === F
             );
-            ye > -1 && (B[ye].mode = "showing");
+            Le > -1 && (A[Le].mode = "showing");
           },
           onProviderSetup: ot,
           children: [
-            /* @__PURE__ */ l(gt, { className: si.mediaProvider, children: [
-              ve === "audio" && /* @__PURE__ */ t(ci, {}),
-              ve === "video" && /* @__PURE__ */ t(ai, {})
+            /* @__PURE__ */ l(wt, { className: ui.mediaProvider, children: [
+              ye === "audio" && /* @__PURE__ */ n(hi, {}),
+              ye === "video" && /* @__PURE__ */ n(di, {})
             ] }),
-            /* @__PURE__ */ t(qo, {}),
-            ge && ge(),
-            /* @__PURE__ */ t(
-              ln,
+            /* @__PURE__ */ n(Jo, {}),
+            ve && ve(),
+            /* @__PURE__ */ n(
+              hn,
               {
-                darkMode: A,
-                playerRef: n,
-                showCaptionsButton: !E
+                darkMode: V,
+                playerRef: t,
+                showCaptionsButton: !Z
               }
             ),
-            /* @__PURE__ */ t(Ht, { annotations: d }),
-            !!p.length && /* @__PURE__ */ t(mi, {})
+            /* @__PURE__ */ n(Vt, { annotations: u }),
+            !!m.length && /* @__PURE__ */ n(Ci, {})
           ]
         }
       ) })
@@ -2356,10 +2416,10 @@ function ki({
   );
 }
 export {
-  Zt as CAPTION_FONT_SIZE_MULTIPLIERS,
-  zt as COMMENT_DURATION,
-  D as PLAYBACK_RATES,
-  ki as StudioPlayer,
-  Mi as useMediaState,
-  Ni as useMediaStore
+  $t as CAPTION_FONT_SIZE_MULTIPLIERS,
+  Ut as COMMENT_DURATION,
+  $ as PLAYBACK_RATES,
+  Pi as StudioPlayer,
+  Hi as useMediaState,
+  Ti as useMediaStore
 };