@instructure/studio-player 0.5.6 → 0.5.7

package/dist/studio-player.es.js

@@ -1,14 +1,14 @@
 import './index-Bp7bsIbA.css';var ht = Object.defineProperty;
 var pt = (e, t, o) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var R = (e, t, o) => pt(e, typeof t != "symbol" ? t + "" : t, o);
+var H = (e, t, o) => pt(e, typeof t != "symbol" ? t + "" : t, o);
 import { jsx as n, jsxs as r, Fragment as X } from "react/jsx-runtime";
-import { createContext as we, useContext as ye, useState as k, useCallback as f, useEffect as Z, useMemo as D, useRef as z, forwardRef as ft } from "react";
-import { u as S, s as ge, a as g, b as de, i as _t, T as Ct, C as gt, c as bt, d as vt, e as wt, P as yt, F as kt, f as ce, g as be, t as G, v as se, h as Lt, j as xt, k as Mt, l as Pt, M as Nt, m as It } from "./vidstack-CRo1u9eU.js";
+import { createContext as we, useContext as ye, useState as k, useCallback as p, useEffect as Z, useMemo as D, useRef as z, forwardRef as ft } from "react";
+import { u as V, s as ge, a as b, b as de, i as _t, T as Ct, C as gt, c as bt, d as vt, e as wt, P as yt, F as kt, f as ce, g as be, t as G, v as se, h as Lt, j as xt, k as Mt, l as Pt, M as Nt, m as It } from "./vidstack-CRo1u9eU.js";
 import { n as Zi } from "./vidstack-CRo1u9eU.js";
-import { initReactI18next as Et, useTranslation as h } from "react-i18next";
-import Tt from "i18next";
-import At from "i18next-resources-to-backend";
-import { useFloating as me, autoUpdate as he, shift as ke, offset as Le, arrow as xe, useListNavigation as ze, useDismiss as Me, useInteractions as Pe, FloatingFocusManager as Ne, FloatingArrow as Ie, useMergeRefs as $e, detectOverflow as St } from "@floating-ui/react";
+import { initReactI18next as St, useTranslation as f } from "react-i18next";
+import Et from "i18next";
+import Tt from "i18next-resources-to-backend";
+import { useFloating as me, autoUpdate as he, shift as ke, offset as Le, arrow as xe, useListNavigation as ze, useDismiss as Me, useInteractions as Pe, FloatingFocusManager as Ne, FloatingArrow as Ie, useMergeRefs as $e, detectOverflow as At } from "@floating-ui/react";
 const Vt = (e, t, o) => {
   const i = e[t];
   return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
@@ -22,8 +22,8 @@ const Vt = (e, t, o) => {
     );
   });
 };
-Tt.use(Et).use(
-  At(
+Et.use(St).use(
+  Tt(
     (e) => Vt(/* @__PURE__ */ Object.assign({ "./locales/ar.json": () => import("./ar-VCVxJm7K.js"), "./locales/ca.json": () => import("./ca-BEBt24QP.js"), "./locales/cy.json": () => import("./cy-YaAJqNQl.js"), "./locales/da-x-k12.json": () => import("./da-x-k12-lQy2NFaK.js"), "./locales/da.json": () => import("./da-BZWhI2Xn.js"), "./locales/de.json": () => import("./de-BUvRwMD6.js"), "./locales/en-AU-x-unimelb.json": () => import("./en-AU-x-unimelb-CMl3c1a0.js"), "./locales/en-GB-x-ukhe.json": () => import("./en-GB-x-ukhe-oT9RNDTK.js"), "./locales/en.json": () => import("./en-DwAikWk3.js"), "./locales/en_AU.json": () => import("./en_AU-CvZ7peTk.js"), "./locales/en_CY.json": () => import("./en_CY-BG8Pm72U.js"), "./locales/en_GB.json": () => import("./en_GB-CA_2B3N6.js"), "./locales/es.json": () => import("./es-CsXsddFr.js"), "./locales/es_ES.json": () => import("./es_ES-D71hU2MM.js"), "./locales/fi.json": () => import("./fi-D2HqteTW.js"), "./locales/fr.json": () => import("./fr-BAEJ5gcO.js"), "./locales/fr_CA.json": () => import("./fr_CA-BKv7vpJe.js"), "./locales/ga.json": () => import("./ga-COMvYqPH.js"), "./locales/hi.json": () => import("./hi-BejTYLRj.js"), "./locales/ht.json": () => import("./ht-BeM6QStZ.js"), "./locales/id.json": () => import("./id-NJzBnSib.js"), "./locales/is.json": () => import("./is-Cv47H4ey.js"), "./locales/it.json": () => import("./it-B6LzBKYz.js"), "./locales/ja.json": () => import("./ja-BV_3G5Hd.js"), "./locales/kl.json": () => import("./kl-CBFEKDWH.js"), "./locales/mi.json": () => import("./mi-BRHT5aP1.js"), "./locales/ms.json": () => import("./ms-D7bYcHUm.js"), "./locales/nb-x-k12.json": () => import("./nb-x-k12-8GMfCmMo.js"), "./locales/nb.json": () => import("./nb-DyTI7Ts1.js"), "./locales/nl.json": () => import("./nl-DBSxFMy9.js"), "./locales/pl.json": () => import("./pl-DUdYRh1Y.js"), "./locales/pt.json": () => import("./pt-DkTHNOHF.js"), "./locales/pt_BR.json": () => import("./pt_BR-DZZGbQIg.js"), "./locales/ru.json": () => import("./ru-Bxl9NL5w.js"), "./locales/sl.json": () => import("./sl-D2hOGCNb.js"), "./locales/sv-x-k12.json": () => import("./sv-x-k12-B7c2_4ik.js"), "./locales/sv.json": () => import("./sv-Bic7JSI_.js"), "./locales/th.json": () => import("./th-hFDNyurj.js"), "./locales/vi.json": () => import("./vi-Dz6NuOdc.js"), "./locales/zh-Hans.json": () => import("./zh-Hans-DKg6WKbe.js"), "./locales/zh-Hant.json": () => import("./zh-Hant-ZHDw_Y-L.js"), "./locales/zh.json": () => import("./zh-C7jcyKYp.js"), "./locales/zh_HK.json": () => import("./zh_HK-C2PlZhAG.js") }), `./locales/${e}.json`, 3)
   )
 ).init({
@@ -63,19 +63,19 @@ function Ht({
   onAnnotationClick: u,
   onQuizMarkerClick: d,
   onInteractivePinClick: _,
-  interactiveMenuElements: b,
+  interactiveMenuElements: C,
   kebabMenuElements: w,
-  darkMode: y,
-  children: x,
-  forceComments: p,
-  disableCaptionSettings: C,
-  disableStorage: H,
+  darkMode: M,
+  children: L,
+  forceComments: I,
+  disableCaptionSettings: h,
+  disableStorage: g,
   captionOffsetOverride: E,
   disableInteractivePinRanges: P,
-  onQuizMarkerShow: I,
-  onCaptionsDelete: B,
-  controlsLayout: V,
-  startAt: O
+  onQuizMarkerShow: S,
+  onCaptionsDelete: O,
+  controlsLayout: R,
+  startAt: B
 }) {
   const j = {
     title: e,
@@ -89,25 +89,25 @@ function Ht({
     onAnnotationClick: u,
     onQuizMarkerClick: d,
     onInteractivePinClick: _,
-    interactiveMenuElements: b,
+    interactiveMenuElements: C,
     kebabMenuElements: w,
-    darkMode: y,
+    darkMode: M,
     hasComments: o.length > 0,
     hasAnnotations: a.length > 0,
     hasQuizmarkers: l.length > 0,
-    forceComments: p,
-    disableCaptionSettings: C,
-    disableStorage: H,
+    forceComments: I,
+    disableCaptionSettings: h,
+    disableStorage: g,
     captionOffsetOverride: E,
     disableInteractivePinRanges: P,
-    onQuizMarkerShow: I,
-    onCaptionsDelete: B,
-    controlsLayout: V,
-    startAt: O
+    onQuizMarkerShow: S,
+    onCaptionsDelete: O,
+    controlsLayout: R,
+    startAt: B
   };
-  return /* @__PURE__ */ n(qe.Provider, { value: j, children: x });
+  return /* @__PURE__ */ n(qe.Provider, { value: j, children: L });
 }
-function L() {
+function y() {
   const e = ye(qe);
   if (!e)
     throw new Error(
@@ -115,9 +115,9 @@ function L() {
     );
   return e;
 }
-const Bt = "_annotation-overlay_1kxzn_1", Ot = {
+const Ot = "_annotation-overlay_1kxzn_1", Bt = {
   "annotation-overlay": "_annotation-overlay_1kxzn_1",
-  annotationOverlay: Bt
+  annotationOverlay: Ot
 }, He = 0.25, Ft = (e, t) => {
   let o = !1;
   return (i) => {
@@ -126,9 +126,9 @@ const Bt = "_annotation-overlay_1kxzn_1", Ot = {
   };
 };
 function Dt({ annotations: e }) {
-  const t = S(), o = v(), i = L(), [s, a] = k(
+  const t = V(), o = v(), i = y(), [s, a] = k(
     null
-  ), l = f(
+  ), l = p(
     (u) => {
       t == null || t.pause(), i.interactive || o.disableInteractions(), a(u);
     },
@@ -154,7 +154,7 @@ function Dt({ annotations: e }) {
       for (const d of u)
         t.removeEventListener("time-update", d);
     };
-  }, [t, e]), s ? /* @__PURE__ */ n("div", { className: Ot.annotationOverlay, children: s.render(c) }) : null;
+  }, [t, e]), s ? /* @__PURE__ */ n("div", { className: Bt.annotationOverlay, children: s.render(c) }) : null;
 }
 const Zt = "_media-buffering-indicator_1fwjr_1", jt = "_media-buffering-spinner_1fwjr_17", Kt = "_media-buffering-spin_1fwjr_17", zt = "_media-buffering-track_1fwjr_22", $t = "_media-buffering-track-fill_1fwjr_27", ae = {
   "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
@@ -187,7 +187,7 @@ const Ut = [
   "ArrowRight",
   "Escape"
 ];
-function Ee(e, t = !1) {
+function Se(e, t = !1) {
   Z(() => {
     const o = new AbortController();
     return document.addEventListener(
@@ -213,7 +213,7 @@ function Ee(e, t = !1) {
 }
 function qt(e) {
   const t = D(() => ({ Escape: e }), [e]);
-  return Ee(t);
+  return Se(t);
 }
 const Qe = (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" }) }), Gt = "_controls-overlay_151j5_1", Qt = "_keyboard-shortcuts-overlay_151j5_11", Wt = "_screen-reader-content_151j5_76", Yt = "_controls-button_151j5_90", Xt = "_keyboard-shortcuts-button_151j5_106", Jt = "_kebab-menu-button_151j5_116", en = "_kebab-menu_151j5_116", tn = "_kebab-menu-item_151j5_145", nn = "_close-button_151j5_184", on = "_arrow_151j5_198", A = {
   "controls-overlay": "_controls-overlay_151j5_1",
@@ -237,7 +237,7 @@ const Qe = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0
   arrow: on
 };
 function sn({ onClose: e }) {
-  const { t } = h();
+  const { t } = f();
   qt(e);
   const o = (i) => {
     i && i.focus();
@@ -359,9 +359,9 @@ const an = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0
   delete: /* @__PURE__ */ n(We, {})
 }, dn = (e) => typeof e != "string";
 function mn() {
-  const [e, t] = k(!1), [o, i] = k(null), s = v(), a = L(), l = () => {
+  const [e, t] = k(!1), [o, i] = k(null), s = v(), a = y(), l = () => {
     t(!e), s.setGlobalKeysDisabled(!e);
-  }, c = z(null), u = z([]), { refs: d, floatingStyles: _, context: b } = me({
+  }, c = z(null), u = z([]), { refs: d, floatingStyles: _, context: C } = me({
     open: e,
     onOpenChange: l,
     whileElementsMounted: he,
@@ -373,33 +373,33 @@ function mn() {
         element: c
       })
     ]
-  }), w = ze(b, {
+  }), w = ze(C, {
     listRef: u,
     activeIndex: o,
     onNavigate: i,
     loop: !0
-  }), y = Me(b), { getReferenceProps: x, getFloatingProps: p, getItemProps: C } = Pe(
-    [y, w]
-  ), { t: H } = h();
+  }), M = Me(C), { getReferenceProps: L, getFloatingProps: I, getItemProps: h } = Pe(
+    [M, w]
+  ), { t: g } = f();
   return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ r(X, { children: [
     /* @__PURE__ */ n(
       "button",
       {
         id: "kebab-menu-button",
         type: "button",
-        "aria-label": H("KEBAB_MENU", { title: a.title }),
+        "aria-label": g("KEBAB_MENU", { title: a.title }),
         "aria-haspopup": "true",
         "aria-expanded": e,
         className: `${A.controlsButton} ${A.kebabMenuButton}`,
         tabIndex: s.state.interactionsDisabled || e ? -1 : 0,
         ref: d.setReference,
-        ...x({
+        ...L({
           onClick: () => l()
         }),
         children: /* @__PURE__ */ n(an, {})
       }
     ),
-    e && /* @__PURE__ */ n(Ne, { context: b, guards: !1, children: /* @__PURE__ */ r(
+    e && /* @__PURE__ */ n(Ne, { context: C, guards: !1, children: /* @__PURE__ */ r(
       "div",
       {
         id: "kebab-menu",
@@ -408,26 +408,26 @@ function mn() {
         className: A.kebabMenu,
         role: "menu",
         "aria-labelledby": "kebab-menu-button",
-        ...p(),
+        ...I(),
         children: [
           a.kebabMenuElements.map(
-            ({ id: E, text: P, icon: I, onClick: B }, V) => /* @__PURE__ */ r(
+            ({ id: E, text: P, icon: S, onClick: O }, R) => /* @__PURE__ */ r(
               "button",
               {
-                tabIndex: o === V ? 0 : -1,
+                tabIndex: o === R ? 0 : -1,
                 type: "button",
                 role: "menuitem",
                 className: A.kebabMenuItem,
-                ref: (O) => {
-                  u.current[V] = O;
+                ref: (B) => {
+                  u.current[R] = B;
                 },
-                ...C({
+                ...h({
                   onClick: () => {
-                    B(E), t(!1);
+                    O(E), t(!1);
                   }
                 }),
                 children: [
-                  dn(I) ? I : un[I],
+                  dn(S) ? S : un[S],
                   P
                 ]
               },
@@ -438,7 +438,7 @@ function mn() {
             Ie,
             {
               ref: c,
-              context: b,
+              context: C,
               className: A.arrow
             }
           )
@@ -449,24 +449,24 @@ function mn() {
 }
 const hn = (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 pn() {
-  const [e, t] = k(!1), [o, i] = k(!1), [s, a] = k(!1), l = v(), c = g("playing"), u = de(), { t: d } = h(), _ = f(() => {
-    t(!0), l.disableInteractions(), c && (a(!0), u.pause());
-  }, [c, u, l]), b = f(() => {
-    t(!1), i(!0), l.enableInteractions(), s && (a(!1), u.play());
-  }, [s, u, l]), w = f(
-    (y) => o && (y == null ? void 0 : y.focus()),
-    [o]
+  const [e, t] = k(!1), [o, i] = k(!1), s = v(), a = b("playing"), l = de(), { t: c } = f(), u = p(() => {
+    s.setKeyboardShortcutsOpen(!0), s.disableInteractions(), a && (i(!0), l.pause());
+  }, [a, l, s]), d = p(() => {
+    s.setKeyboardShortcutsOpen(!1), t(!0), s.enableInteractions(), o && (i(!1), l.play());
+  }, [o, l, s]), _ = p(
+    (C) => e && (C == null ? void 0 : C.focus()),
+    [e]
   );
-  return e ? /* @__PURE__ */ n(sn, { onClose: b }) : /* @__PURE__ */ r("div", { className: A.controlsOverlay, children: [
+  return s.state.isKeyboardShortcutsOpen ? /* @__PURE__ */ n(sn, { onClose: d }) : /* @__PURE__ */ r("div", { className: A.controlsOverlay, children: [
     /* @__PURE__ */ n(
       "button",
       {
-        ref: w,
-        "aria-label": d("KEYBOARD_SHORTCUTS"),
+        ref: _,
+        "aria-label": c("KEYBOARD_SHORTCUTS"),
         type: "button",
         className: `${A.controlsButton} ${A.keyboardShortcutsButton}`,
-        onClick: _,
-        tabIndex: l.state.interactionsDisabled ? -1 : 0,
+        onClick: u,
+        tabIndex: s.state.interactionsDisabled ? -1 : 0,
         children: /* @__PURE__ */ n(hn, {})
       }
     ),
@@ -481,7 +481,7 @@ const Ye = (e) => /* @__PURE__ */ r("svg", { width: 24, height: 24, viewBox: "0
   /* @__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 fn() {
-  const e = de(), t = g("textTrack"), o = g("hasCaptions"), i = t && _t(t), s = v(), { t: a } = h(), l = f(
+  const e = de(), t = b("textTrack"), o = b("hasCaptions"), i = t && _t(t), s = v(), { t: a } = f(), l = p(
     (c) => {
       e.toggleCaptions(c.nativeEvent);
     },
@@ -504,7 +504,7 @@ const _n = "_captions_1cu0g_1", Cn = {
   captions: _n
 }, gn = (e, t) => e ? t.top : t.bottom;
 function Je({ captions: e }) {
-  const t = e.length > 0, o = v(), { captionOffsetOverride: i } = L(), s = o.state.captionPositionOnTop, a = gn(
+  const t = e.length > 0, o = v(), { captionOffsetOverride: i } = y(), s = o.state.captionPositionOnTop, a = gn(
     s,
     i ?? {}
   );
@@ -575,7 +575,7 @@ const Y = [0.5, 0.75, 1, 1.25, 1.5, 2], bn = [0.5, 1, 2, 3, 4], vn = 5, wn = (e)
     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);
   };
 }, kn = (e, t = 5) => {
-  const o = S(), i = wn(t);
+  const o = V(), i = wn(t);
   return Z(() => {
     if (!o)
       return;
@@ -594,7 +594,7 @@ const Y = [0.5, 0.75, 1, 1.25, 1.5, 2], bn = [0.5, 1, 2, 3, 4], vn = 5, wn = (e)
       i.clear();
     };
   }, [o, i, e]), i;
-}, Ln = "_comments-overlay_bymws_1", xn = "_comments-container_bymws_10", Mn = "_kebab_bymws_20", Pn = "_comment_bymws_1", Nn = "_comment-text_bymws_51", In = "_comment-author-avatar_bymws_71", En = "_comment-author-name_bymws_95", K = {
+}, Ln = "_comments-overlay_bymws_1", xn = "_comments-container_bymws_10", Mn = "_kebab_bymws_20", Pn = "_comment_bymws_1", Nn = "_comment-text_bymws_51", In = "_comment-author-avatar_bymws_71", Sn = "_comment-author-name_bymws_95", K = {
   "comments-overlay": "_comments-overlay_bymws_1",
   commentsOverlay: Ln,
   "comments-container": "_comments-container_bymws_10",
@@ -606,9 +606,9 @@ const Y = [0.5, 0.75, 1, 1.25, 1.5, 2], bn = [0.5, 1, 2, 3, 4], vn = 5, wn = (e)
   "comment-author-avatar": "_comment-author-avatar_bymws_71",
   commentAuthorAvatar: In,
   "comment-author-name": "_comment-author-name_bymws_95",
-  commentAuthorName: En
+  commentAuthorName: Sn
 };
-function Tn({ comment: e }) {
+function En({ comment: e }) {
   return e.render ? e.render(e, K) : /* @__PURE__ */ r("div", { className: K.comment, onClick: () => {
     var t;
     return (t = e.onClick) == null ? void 0 : t.call(e, e);
@@ -625,12 +625,12 @@ function Tn({ comment: e }) {
     /* @__PURE__ */ n("span", { className: K.commentAuthorName, children: e.user.name })
   ] });
 }
-const An = 4;
-function Sn({
+const Tn = 4;
+function An({
   comments: e,
   isKebabMenuVisible: t
 }) {
-  const o = v(), i = kn(e, An), s = !!g("textTrack"), a = i.map((l) => /* @__PURE__ */ n(Tn, { comment: l }, l.id));
+  const o = v(), i = kn(e, Tn), s = !!b("textTrack"), a = i.map((l) => /* @__PURE__ */ n(En, { comment: l }, l.id));
   return e.length > 0 && o.state.commentsEnabled ? /* @__PURE__ */ n(
     "div",
     {
@@ -654,11 +654,11 @@ function Vn({ renderOverlay: e }) {
   const t = v();
   return e(t);
 }
-const Rn = (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" }) }), Hn = (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" }) }), Bn = "_settings-menu_1gbpr_1", On = "_menu-heading_1gbpr_37", Fn = "_check-icon_1gbpr_48", Dn = "_trash-icon_1gbpr_49", Zn = "_menu-item-label_1gbpr_62", jn = "_menu-item_1gbpr_62", Kn = "_menu-back-button_1gbpr_99", zn = "_arrow_1gbpr_125", F = {
+const Rn = (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" }) }), Hn = (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" }) }), On = "_settings-menu_1gbpr_1", Bn = "_menu-heading_1gbpr_37", Fn = "_check-icon_1gbpr_48", Dn = "_trash-icon_1gbpr_49", Zn = "_menu-item-label_1gbpr_62", jn = "_menu-item_1gbpr_62", Kn = "_menu-back-button_1gbpr_99", zn = "_arrow_1gbpr_125", F = {
   "settings-menu": "_settings-menu_1gbpr_1",
-  settingsMenu: Bn,
+  settingsMenu: On,
   "menu-heading": "_menu-heading_1gbpr_37",
-  menuHeading: On,
+  menuHeading: Bn,
   "check-icon": "_check-icon_1gbpr_48",
   checkIcon: Fn,
   "trash-icon": "_trash-icon_1gbpr_49",
@@ -676,7 +676,7 @@ function q({
   heading: t,
   children: o
 }) {
-  const i = $(), { t: s } = h();
+  const i = $(), { t: s } = f();
   return /* @__PURE__ */ r(X, { children: [
     !e && /* @__PURE__ */ r(
       "button",
@@ -735,7 +735,7 @@ function J({ label: e, hint: t, onClick: o, Icon: i }) {
 }
 const Wn = (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 Yn() {
-  const e = $(), t = g("playbackRate"), { t: o } = h(), i = f(() => {
+  const e = $(), t = b("playbackRate"), { t: o } = f(), i = p(() => {
     e.setPage("speed");
   }, [e]);
   return /* @__PURE__ */ n(
@@ -764,7 +764,7 @@ function tt(e) {
   return s >= 1400 || a >= 2500 ? "1440p" : s >= 1e3 || a >= 1800 ? "1080p" : s >= 700 || a >= 1200 ? "720p" : s >= 460 || a >= 800 ? "480p" : s >= 300 || a >= 540 ? "360p" : s >= 200 || a >= 360 ? "240p" : "144p";
 }
 function Jn() {
-  const e = $(), t = g("autoQuality"), o = g("quality"), { t: i } = h(), s = f(() => {
+  const e = $(), t = b("autoQuality"), o = b("quality"), { t: i } = f(), s = p(() => {
     e.setPage("quality");
   }, [e]);
   if (!o)
@@ -781,7 +781,7 @@ function Jn() {
   );
 }
 function eo() {
-  const e = $(), t = g("hasCaptions"), o = g("textTrack"), { t: i } = h(), s = f(() => {
+  const e = $(), t = b("hasCaptions"), o = b("textTrack"), { t: i } = f(), s = p(() => {
     e.setPage("captions");
   }, [e]);
   return t ? /* @__PURE__ */ n(
@@ -808,7 +808,7 @@ const to = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0
   "menu-icon": "_menu-icon_7nhpo_82",
   menuIcon: ro
 };
-function Te({
+function Ee({
   label: e,
   checked: t = !1,
   onClick: o,
@@ -833,9 +833,9 @@ function Te({
 }
 const co = (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 uo() {
-  const { t: e } = h(), t = L(), o = v();
+  const { t: e } = f(), t = y(), o = v();
   return !t.forceComments && t.hasComments ? /* @__PURE__ */ n(
-    Te,
+    Ee,
     {
       Icon: co,
       label: e("COMMENTS"),
@@ -874,7 +874,7 @@ function po() {
   const e = bt({
     rates: Y,
     normalLabel: "1x"
-  }), { t } = h();
+  }), { t } = f();
   return /* @__PURE__ */ n(q, { heading: t("PLAYBACK_SPEED"), children: e.map(({ value: o, label: i, select: s, selected: a }) => /* @__PURE__ */ n(
     pe,
     {
@@ -886,13 +886,13 @@ function po() {
   )) });
 }
 function fo() {
-  const e = $(), { t } = h(), o = f(() => {
+  const e = $(), { t } = f(), o = p(() => {
     e.setPage("captionManage");
   }, [e]);
   return /* @__PURE__ */ n(J, { label: t("CAPTIONS_MANAGE"), onClick: o });
 }
 function _o() {
-  const { t: e } = h(), t = v(), o = $(), i = f(() => {
+  const { t: e } = f(), t = v(), o = $(), i = p(() => {
     o.setPage("captionFontSize");
   }, [o]);
   return /* @__PURE__ */ n(
@@ -905,7 +905,7 @@ function _o() {
   );
 }
 function Co() {
-  const e = $(), t = g("textTrack"), { t: o } = h(), { disableCaptionSettings: i } = v(), s = f(() => {
+  const e = $(), t = b("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = v(), s = p(() => {
     e.setPage("captionLanguage");
   }, [e]);
   return i ? null : /* @__PURE__ */ n(
@@ -918,9 +918,9 @@ function Co() {
   );
 }
 function go() {
-  const { t: e } = h(), t = v();
+  const { t: e } = f(), t = v();
   return /* @__PURE__ */ n(
-    Te,
+    Ee,
     {
       label: e("ON_TOP"),
       onClick: t.toggleCaptionPositionOnTop,
@@ -929,9 +929,9 @@ function go() {
   );
 }
 function bo() {
-  const { t: e } = h(), t = v();
+  const { t: e } = f(), t = v();
   return /* @__PURE__ */ n(
-    Te,
+    Ee,
     {
       label: e("INVERT_COLORS"),
       onClick: t.toggleCaptionsInvertColors,
@@ -940,7 +940,7 @@ function bo() {
   );
 }
 function vo() {
-  const e = L(), { t } = h();
+  const e = y(), { t } = f();
   return /* @__PURE__ */ r(q, { heading: t("CAPTIONS"), children: [
     /* @__PURE__ */ n(Co, {}),
     /* @__PURE__ */ n(_o, {}),
@@ -950,7 +950,7 @@ function vo() {
   ] });
 }
 function wo() {
-  const e = vt(), { t } = h();
+  const e = vt(), { t } = f();
   return /* @__PURE__ */ n(q, { heading: t("CAPTIONS_LANGUAGE"), children: e.map(({ value: o, label: i, select: s, selected: a }) => /* @__PURE__ */ n(
     pe,
     {
@@ -962,7 +962,7 @@ function wo() {
   )) });
 }
 function yo() {
-  const e = v(), { t } = h();
+  const e = v(), { t } = f();
   return /* @__PURE__ */ n(q, { heading: t("CAPTION_FONT_SIZE"), children: bn.map((o) => /* @__PURE__ */ n(
     pe,
     {
@@ -984,7 +984,7 @@ const $ = () => {
   return e;
 };
 function ko() {
-  const e = $(), t = L(), { t: o } = h();
+  const e = $(), t = y(), { t: o } = f();
   return Z(() => {
     t.captions.length === 0 && e.backToMain();
   }, [t.captions]), /* @__PURE__ */ n(q, { heading: o("CAPTIONS_MANAGE"), children: t.captions.map((i) => /* @__PURE__ */ r(
@@ -1007,7 +1007,7 @@ function ko() {
   )) });
 }
 function Lo() {
-  const e = g("autoQuality"), t = wt({ sort: "descending" }), { t: o } = h();
+  const e = b("autoQuality"), t = wt({ sort: "descending" }), { t: o } = f();
   return /* @__PURE__ */ n(q, { heading: o("QUALITY"), children: t.map(({ value: i, select: s, selected: a, label: l, quality: c }) => /* @__PURE__ */ n(
     pe,
     {
@@ -1026,10 +1026,10 @@ function Mo(e, t) {
   const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(t);
   return o[i + 1] ?? null;
 }
-function Be(e) {
+function Oe(e) {
   return e.querySelector("button");
 }
-function Oe(e) {
+function Be(e) {
   const t = Array.from(e.querySelectorAll("button"));
   return t[t.length - 1] ?? null;
 }
@@ -1047,11 +1047,11 @@ function Po(e) {
           if (s)
             s.focus();
           else {
-            const a = Oe(t.current);
+            const a = Be(t.current);
             a == null || a.focus();
           }
         } else if (t.current) {
-          const s = Oe(t.current);
+          const s = Be(t.current);
           s == null || s.focus();
         }
       },
@@ -1065,11 +1065,11 @@ function Po(e) {
           if (s)
             s.focus();
           else {
-            const a = Be(t.current);
+            const a = Oe(t.current);
             a == null || a.focus();
           }
         } else if (t.current) {
-          const s = Be(t.current);
+          const s = Oe(t.current);
           s == null || s.focus();
         }
       },
@@ -1081,7 +1081,7 @@ function Po(e) {
     }),
     [e]
   );
-  return Ee(o, !0), t;
+  return Se(o, !0), t;
 }
 const nt = we(null), No = {
   main: mo,
@@ -1094,50 +1094,50 @@ const nt = we(null), No = {
 }, Io = {
   name: "middleware",
   async fn(e) {
-    const t = await St(e);
+    const t = await At(e);
     return {
       x: e.x - t.right - 4,
       y: e.y - 4
     };
   }
 };
-function Eo() {
-  const e = v(), [t, o] = k(["main"]), [i, s] = k(!1), a = f(() => {
+function So() {
+  const e = v(), [t, o] = k(["main"]), [i, s] = k(!1), a = p(() => {
     s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
-  }, [i]), l = f((P) => {
-    o((I) => I.concat(P));
-  }, []), c = f(() => {
+  }, [i]), l = p((P) => {
+    o((S) => S.concat(P));
+  }, []), c = p(() => {
     o((P) => P.length > 1 ? P.slice(0, -1) : P);
-  }, []), u = f(() => {
+  }, []), u = p(() => {
     o(["main"]);
-  }, []), d = D(() => No[t[t.length - 1]], [t]), { refs: _, floatingStyles: b, context: w } = me({
+  }, []), d = D(() => No[t[t.length - 1]], [t]), { refs: _, floatingStyles: C, context: w } = me({
     open: i,
     onOpenChange: a,
     placement: "top-end",
     whileElementsMounted: he,
     middleware: [Io]
-  }), y = Me(w, { escapeKey: !1 }), { getReferenceProps: x, getFloatingProps: p } = Pe([y]), C = D(
+  }), M = Me(w, { escapeKey: !1 }), { getReferenceProps: L, getFloatingProps: I } = Pe([M]), h = D(
     () => ({ setPage: l, back: c, backToMain: u, toggle: a }),
     [l, c, u, a]
-  ), H = Po(C), E = $e([_.setFloating, H]);
+  ), g = Po(h), E = $e([_.setFloating, g]);
   return {
     Page: d,
     open: i,
     floatingRef: E,
     referenceRef: _.setReference,
-    floatingStyles: b,
+    floatingStyles: C,
     context: w,
     getReferenceProps() {
       return {
-        ...x(),
+        ...L(),
         tabIndex: e.state.interactionsDisabled ? -1 : 0
       };
     },
-    getFloatingProps: p,
-    contextValue: C
+    getFloatingProps: I,
+    contextValue: h
   };
 }
-function To() {
+function Eo() {
   const {
     Page: e,
     context: t,
@@ -1148,7 +1148,7 @@ function To() {
     floatingRef: l,
     referenceRef: c,
     contextValue: u
-  } = Eo(), { t: d } = h();
+  } = So(), { t: d } = f();
   return /* @__PURE__ */ r(X, { children: [
     /* @__PURE__ */ n(
       "button",
@@ -1190,7 +1190,7 @@ function To() {
 }
 function ot(e, t = 1e3) {
   return function() {
-    const i = S(), [s, a] = k(null), l = f(() => a(null), []);
+    const i = V(), [s, a] = k(null), l = p(() => a(null), []);
     return Z(() => {
       if (!i)
         return () => {
@@ -1211,7 +1211,7 @@ function ot(e, t = 1e3) {
     }, [t]), s;
   };
 }
-const Ae = (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" }) }), Se = (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" }) }), Ao = (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" }) }), So = (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" }) }), it = (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" }) }), st = (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" }) }), at = (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" }) }), Vo = "_feedback-overlay_3kkqe_1", Ro = "_feedback-message_3kkqe_14", Ho = "_feedback-icon_3kkqe_30", Bo = "_feedback-icon-animation_3kkqe_1", N = {
+const Te = (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" }) }), Ae = (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" }) }), To = (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" }) }), Ao = (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" }) }), it = (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" }) }), st = (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" }) }), at = (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" }) }), Vo = "_feedback-overlay_3kkqe_1", Ro = "_feedback-message_3kkqe_14", Ho = "_feedback-icon_3kkqe_30", Oo = "_feedback-icon-animation_3kkqe_1", N = {
   "feedback-overlay": "_feedback-overlay_3kkqe_1",
   feedbackOverlay: Vo,
   "feedback-message": "_feedback-message_3kkqe_14",
@@ -1219,21 +1219,21 @@ const Ae = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0
   "feedback-icon": "_feedback-icon_3kkqe_30",
   feedbackIcon: Ho,
   "feedback-icon-animation": "_feedback-icon-animation_3kkqe_1",
-  feedbackIconAnimation: Bo
+  feedbackIconAnimation: Oo
 };
-function Oo({ action: e }) {
-  const t = S();
+function Bo({ action: e }) {
+  const t = V();
   if (!t)
     return null;
   switch (e) {
     case "togglePaused":
-      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: t.paused ? /* @__PURE__ */ n(Ae, {}) : /* @__PURE__ */ n(Se, {}) });
+      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: t.paused ? /* @__PURE__ */ n(Te, {}) : /* @__PURE__ */ n(Ae, {}) });
     case "seekForward":
     case "seekForward10":
-      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: /* @__PURE__ */ n(Ao, { className: "right" }) });
+      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: /* @__PURE__ */ n(To, { className: "right" }) });
     case "seekBackward":
     case "seekBackward10":
-      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: /* @__PURE__ */ n(So, { className: "left" }) });
+      return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: /* @__PURE__ */ n(Ao, { className: "left" }) });
     case "captionsChange":
       return /* @__PURE__ */ n("i", { className: N.feedbackIcon, children: /* @__PURE__ */ n(Xe, {}) });
     case "volumeChange":
@@ -1243,7 +1243,7 @@ function Oo({ action: e }) {
   }
 }
 function Fo({ action: e }) {
-  const { t } = h(), o = S();
+  const { t } = f(), o = V();
   if (!o)
     return null;
   switch (e) {
@@ -1267,7 +1267,7 @@ function Fo({ action: e }) {
       return null;
   }
 }
-const Do = ot(Oo, 300), Zo = ot(Fo, 1e3);
+const Do = ot(Bo, 300), Zo = ot(Fo, 1e3);
 function lt() {
   return /* @__PURE__ */ r("div", { className: N.feedbackOverlay, children: [
     /* @__PURE__ */ n(Do, {}),
@@ -1279,7 +1279,7 @@ const jo = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0
   fullScreenButton: zo
 };
 function Uo() {
-  const e = g("fullscreen"), t = S(), o = v(), i = L(), { t: s } = h();
+  const e = b("fullscreen"), t = V(), o = v(), i = y(), { t: s } = f();
   return i.hideFullScreen ? null : /* @__PURE__ */ n(
     "button",
     {
@@ -1311,13 +1311,13 @@ const Wo = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0
   playPauseButton: Yo
 };
 function Jo(e, t) {
-  return t ? Wo : e ? Se : Ae;
+  return t ? Wo : e ? Ae : Te;
 }
 function e1(e, t) {
   return t ? "REPLAY" : e ? "PLAY" : "PAUSE";
 }
 function t1() {
-  const e = S(), t = v(), o = g("paused"), i = g("ended"), { t: s } = h(), a = Jo(o, i);
+  const e = V(), t = v(), o = b("paused"), i = b("ended"), { t: s } = f(), a = Jo(o, i);
   return e ? /* @__PURE__ */ n(
     "button",
     {
@@ -1337,7 +1337,7 @@ const n1 = "_poster_195hi_1", o1 = {
   poster: n1
 };
 function i1({ src: e, title: t }) {
-  const o = g("source"), { t: i } = h();
+  const o = b("source"), { t: i } = f();
   return o.type === "video/youtube" || o.type === "video/vimeo" ? null : /* @__PURE__ */ n(
     yt,
     {
@@ -1364,10 +1364,10 @@ const s1 = "_small-layout-overlay_4hkng_1", a1 = "_small-layout-button_4hkng_14"
   fadeOut: d1
 };
 function m1() {
-  const e = g("paused");
+  const e = b("paused");
   return /* @__PURE__ */ r("div", { className: Q.smallLayoutOverlay, children: [
     /* @__PURE__ */ n(kt, { className: Q.fullScreenCloseIcon, children: /* @__PURE__ */ n(Qe, {}) }),
-    /* @__PURE__ */ n("i", { className: Q.smallLayoutButton, children: e ? /* @__PURE__ */ n(Se, { className: Q.smallLayoutIconPlay }) : /* @__PURE__ */ n(Ae, { className: Q.smallLayoutIconPause }) }),
+    /* @__PURE__ */ n("i", { className: Q.smallLayoutButton, children: e ? /* @__PURE__ */ n(Ae, { className: Q.smallLayoutIconPlay }) : /* @__PURE__ */ n(Te, { className: Q.smallLayoutIconPause }) }),
     /* @__PURE__ */ r("div", { className: Q.smallLayoutTimestamp, children: [
       /* @__PURE__ */ n(ce, { type: "current" }),
       "/",
@@ -1386,7 +1386,7 @@ function f1() {
     /* @__PURE__ */ n(ce, { type: "duration" })
   ] });
 }
-const _1 = "_comment-markers_u7l2l_1", C1 = "_comment-marker_u7l2l_1", g1 = "_timeline-wrapper_u7l2l_23", b1 = "_timeline-wrapper-compact_u7l2l_24", v1 = "_track_u7l2l_33", w1 = "_thumb_u7l2l_44", y1 = "_root_u7l2l_58", k1 = "_track-inner_u7l2l_88", L1 = "_progress_u7l2l_94", x1 = "_track-fill_u7l2l_100", M1 = "_pins_u7l2l_117", P1 = "_pin-button_u7l2l_126", N1 = "_annotation-pin_u7l2l_146", I1 = "_quiz-pin_u7l2l_155", E1 = "_annotation-pin-child_u7l2l_164", T1 = "_quiz-pin-child_u7l2l_168", A1 = "_interactive-pin-container_u7l2l_173", S1 = "_interactive-pin-wrapper_u7l2l_180", V1 = "_interactive-pin-icon_u7l2l_186", R1 = "_interactive-pin_u7l2l_173", H1 = "_bg_u7l2l_200", B1 = "_symbol_u7l2l_204", O1 = "_interactive-pin-button_u7l2l_209", F1 = "_interactive-pin-menu_u7l2l_230", D1 = "_interactive-pin-menu-item_u7l2l_248", Z1 = "_arrow_u7l2l_269", j1 = "_tooltip_u7l2l_273", K1 = "_tooltip-arrow_u7l2l_282", m = {
+const _1 = "_comment-markers_u7l2l_1", C1 = "_comment-marker_u7l2l_1", g1 = "_timeline-wrapper_u7l2l_23", b1 = "_timeline-wrapper-compact_u7l2l_24", v1 = "_track_u7l2l_33", w1 = "_thumb_u7l2l_44", y1 = "_root_u7l2l_58", k1 = "_track-inner_u7l2l_88", L1 = "_progress_u7l2l_94", x1 = "_track-fill_u7l2l_100", M1 = "_pins_u7l2l_117", P1 = "_pin-button_u7l2l_126", N1 = "_annotation-pin_u7l2l_146", I1 = "_quiz-pin_u7l2l_155", S1 = "_annotation-pin-child_u7l2l_164", E1 = "_quiz-pin-child_u7l2l_168", T1 = "_interactive-pin-container_u7l2l_173", A1 = "_interactive-pin-wrapper_u7l2l_180", V1 = "_interactive-pin-icon_u7l2l_186", R1 = "_interactive-pin_u7l2l_173", H1 = "_bg_u7l2l_200", O1 = "_symbol_u7l2l_204", B1 = "_interactive-pin-button_u7l2l_209", F1 = "_interactive-pin-menu_u7l2l_230", D1 = "_interactive-pin-menu-item_u7l2l_248", Z1 = "_arrow_u7l2l_269", j1 = "_tooltip_u7l2l_273", K1 = "_tooltip-arrow_u7l2l_282", m = {
   "comment-markers": "_comment-markers_u7l2l_1",
   commentMarkers: _1,
   "comment-marker": "_comment-marker_u7l2l_1",
@@ -1411,21 +1411,21 @@ const _1 = "_comment-markers_u7l2l_1", C1 = "_comment-marker_u7l2l_1", g1 = "_ti
   "quiz-pin": "_quiz-pin_u7l2l_155",
   quizPin: I1,
   "annotation-pin-child": "_annotation-pin-child_u7l2l_164",
-  annotationPinChild: E1,
+  annotationPinChild: S1,
   "quiz-pin-child": "_quiz-pin-child_u7l2l_168",
-  quizPinChild: T1,
+  quizPinChild: E1,
   "interactive-pin-container": "_interactive-pin-container_u7l2l_173",
-  interactivePinContainer: A1,
+  interactivePinContainer: T1,
   "interactive-pin-wrapper": "_interactive-pin-wrapper_u7l2l_180",
-  interactivePinWrapper: S1,
+  interactivePinWrapper: A1,
   "interactive-pin-icon": "_interactive-pin-icon_u7l2l_186",
   interactivePinIcon: V1,
   "interactive-pin": "_interactive-pin_u7l2l_173",
   interactivePin: R1,
   bg: H1,
-  symbol: B1,
+  symbol: O1,
   "interactive-pin-button": "_interactive-pin-button_u7l2l_209",
-  interactivePinButton: O1,
+  interactivePinButton: B1,
   "interactive-pin-menu": "_interactive-pin-menu_u7l2l_230",
   interactivePinMenu: F1,
   "interactive-pin-menu-item": "_interactive-pin-menu-item_u7l2l_248",
@@ -1436,7 +1436,7 @@ const _1 = "_comment-markers_u7l2l_1", C1 = "_comment-marker_u7l2l_1", g1 = "_ti
   tooltipArrow: K1
 };
 function De() {
-  const e = g("duration"), t = L(), o = v();
+  const e = b("duration"), t = y(), o = v();
   return e > 0 && t.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ n("div", { className: m.commentMarkers, children: t.comments.map((i) => /* @__PURE__ */ n(
     "span",
     {
@@ -1449,13 +1449,13 @@ function De() {
   )) }) : null;
 }
 const z1 = ft(function({ currentTime: t, position: o }, i) {
-  const [s, a] = k(!1), [l, c] = k(null), u = L(), d = v(), _ = f(() => {
+  const [s, a] = k(!1), [l, c] = k(null), u = y(), d = v(), _ = p(() => {
     u.interactiveMenuElements.length > 0 ? (a((j) => !j), d.setGlobalKeysDisabled(!0)) : u.onInteractivePinClick(t);
   }, [
     u.interactiveMenuElements,
     u.onInteractivePinClick,
     t
-  ]), b = z(null), { refs: w, floatingStyles: y, context: x } = me({
+  ]), C = z(null), { refs: w, floatingStyles: M, context: L } = me({
     open: s,
     onOpenChange: _,
     whileElementsMounted: he,
@@ -1464,28 +1464,28 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
       ke(),
       Le(6),
       xe({
-        element: b
+        element: C
       })
     ]
-  }), p = z([]), C = Me(x), H = ze(x, {
-    listRef: p,
+  }), I = z([]), h = Me(L), g = ze(L, {
+    listRef: I,
     activeIndex: l,
     onNavigate: c,
     loop: !0,
     openOnArrowKeyDown: !1
-  }), { getReferenceProps: E, getFloatingProps: P, getItemProps: I } = Pe(
-    [C, H]
-  ), B = $e([w.setReference, i]), { t: V } = h(), O = be(t);
+  }), { getReferenceProps: E, getFloatingProps: P, getItemProps: S } = Pe(
+    [h, g]
+  ), O = $e([w.setReference, i]), { t: R } = f(), B = be(t);
   return /* @__PURE__ */ r(X, { children: [
     /* @__PURE__ */ n(
       "button",
       {
         id: "interactive-pin",
         type: "button",
-        "aria-label": u.interactiveMenuElements.length > 0 ? V("ADD_QUIZ_AT", { time: O }) : V("ADD_ANNOTATION_AT", { time: O }),
+        "aria-label": u.interactiveMenuElements.length > 0 ? R("ADD_QUIZ_AT", { time: B }) : R("ADD_ANNOTATION_AT", { time: B }),
         "aria-haspopup": u.interactiveMenuElements.length > 0 ? "true" : void 0,
         className: m.interactivePinButton,
-        ref: B,
+        ref: O,
         style: { left: `${o}%` },
         ...E({
           onClick: _
@@ -1530,11 +1530,11 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
         )
       }
     ),
-    s && /* @__PURE__ */ n(Ne, { context: x, initialFocus: -1, modal: !0, children: /* @__PURE__ */ r(
+    s && /* @__PURE__ */ n(Ne, { context: L, initialFocus: -1, modal: !0, children: /* @__PURE__ */ r(
       "div",
       {
         ref: w.setFloating,
-        style: y,
+        style: M,
         className: m.interactivePinMenu,
         "aria-labelledby": "interactive-pin",
         ...P(),
@@ -1546,10 +1546,10 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
                 type: "button",
                 className: m.interactivePinMenuItem,
                 ref: (ne) => {
-                  p.current[ee] = ne;
+                  I.current[ee] = ne;
                 },
                 tabIndex: l === ee ? 0 : -1,
-                ...I({
+                ...S({
                   onClick: () => {
                     _e(j, t), a(!1), d.setGlobalKeysDisabled(!1);
                   }
@@ -1583,8 +1583,8 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
           /* @__PURE__ */ n(
             Ie,
             {
-              ref: b,
-              context: x,
+              ref: C,
+              context: L,
               className: m.arrow
             }
           )
@@ -1604,7 +1604,7 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
       t.current = !1;
     }
   }), []);
-  return Ee(o), { focusCallback: f((s) => {
+  return Se(o), { focusCallback: p((s) => {
     s && (s.addEventListener("focus", () => {
       e.current = !0;
     }), s.addEventListener("blur", () => {
@@ -1614,7 +1614,7 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
 };
 function U1() {
   var c;
-  const e = g("duration"), t = g("currentTime"), o = t / e * 100, { disableInteractivePinRanges: i } = L(), s = !i.some(
+  const e = b("duration"), t = b("currentTime"), o = t / e * 100, { disableInteractivePinRanges: i } = y(), s = !i.some(
     ([u, d]) => t >= u && t <= d
   ), { wasPinFocused: a, focusCallback: l } = $1();
   return s ? /* @__PURE__ */ n("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ n("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ n(
@@ -1627,7 +1627,7 @@ function U1() {
   ) }) }) : (a && ((c = document.querySelector("[data-media-time-slider]")) == null || c.focus()), null);
 }
 function q1() {
-  const e = g("paused"), t = v();
+  const e = b("paused"), t = v();
   return e && !t.state.interactionsDisabled ? /* @__PURE__ */ n(U1, {}) : null;
 }
 const G1 = {
@@ -1645,7 +1645,7 @@ function rt({
   time: a,
   completed: l
 }) {
-  const c = v(), { t: u } = h();
+  const c = v(), { t: u } = f();
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1776,7 +1776,7 @@ function ei(e, t, o, i) {
   }
 }
 function ti() {
-  const e = de(), t = g("duration"), o = L(), i = D(() => [
+  const e = de(), t = b("duration"), o = y(), i = D(() => [
     ...X1(
       o.annotations,
       o.onAnnotationClick
@@ -1794,10 +1794,10 @@ function Ze({
   interactionsDisabled: t,
   children: o
 }) {
-  const [i, s] = k(!1), a = f(() => s(!0), []), l = f(() => s(!1), []), c = z(null), { refs: u, floatingStyles: d, context: _ } = me({
+  const [i, s] = k(!1), a = p(() => s(!0), []), l = p(() => s(!1), []), c = z(null), { refs: u, floatingStyles: d, context: _ } = me({
     open: i,
     onOpenChange: s,
-    whileElementsMounted: (b, w, y) => he(b, w, y, {
+    whileElementsMounted: (C, w, M) => he(C, w, M, {
       animationFrame: !0
     }),
     placement: "top",
@@ -1870,7 +1870,7 @@ const oi = "_wrapper_1ijfr_1", ii = "_track_1ijfr_6", si = "_thumb_1ijfr_16", ai
   root: li
 };
 function ri() {
-  const e = S(), t = g("volume"), o = g("muted"), i = v(), s = o || t === 0, { t: a } = h();
+  const e = V(), t = b("volume"), o = b("muted"), i = v(), s = o || t === 0, { t: a } = f();
   return /* @__PURE__ */ r("div", { className: te.wrapper, children: [
     /* @__PURE__ */ n(
       "button",
@@ -1899,7 +1899,7 @@ function ri() {
     )
   ] });
 }
-function M(e, t) {
+function x(e, t) {
   e.dispatchEvent(
     new CustomEvent("keyboardAction", {
       detail: t
@@ -1911,44 +1911,44 @@ const je = {
     keys: ["Space", "Enter", "k"],
     onKeyDown({ player: e, remote: t, event: o }) {
       var i;
-      (i = document.activeElement) != null && i.hasAttribute("data-media-player") && (t.togglePaused(o), M(e, "togglePaused"));
+      (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), M(e, "seekForward");
+      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), M(e, "seekBackward");
+      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), M(e, "volumeChange");
+      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), M(e, "volumeChange");
+      t.changeVolume(e.volume - 0.05, o), x(e, "volumeChange");
     }
   },
   toggleFullscreen: ["f"],
   toggleMuted: {
     keys: ["m"],
     onKeyDown({ player: e, remote: t, event: o }) {
-      t.toggleMuted(o), M(e, "volumeChange");
+      t.toggleMuted(o), x(e, "volumeChange");
     }
   },
   toggleCaptions: {
     keys: ["c"],
     onKeyDown({ player: e, remote: t, event: o }) {
-      t.toggleCaptions(o), M(e, "captionsChange");
+      t.toggleCaptions(o), x(e, "captionsChange");
     }
   },
   nextCaptionLanguage: {
@@ -1959,7 +1959,7 @@ const je = {
         s >= t.textTracks.length ? 0 : s,
         "showing",
         e
-      ), M(t, "captionsChange");
+      ), x(t, "captionsChange");
     }
   },
   previousCaptionLanguage: {
@@ -1970,39 +1970,39 @@ const je = {
         s < 0 ? t.textTracks.length - 1 : s,
         "showing",
         e
-      ), M(t, "captionsChange");
+      ), x(t, "captionsChange");
     }
   },
   decreasePlaybackRate: {
     keys: ["a"],
     onKeyDown({ event: e, player: t, remote: o }) {
       const s = Y.indexOf(t.playbackRate) - 1;
-      s >= 0 && (o.changePlaybackRate(Y[s], e), M(t, "playbackRateChange"));
+      s >= 0 && (o.changePlaybackRate(Y[s], e), x(t, "playbackRateChange"));
     }
   },
   increasePlaybackRate: {
     keys: ["d"],
     onKeyDown({ event: e, player: t, remote: o }) {
       const s = Y.indexOf(t.playbackRate) + 1;
-      s < Y.length && (o.changePlaybackRate(Y[s], e), M(t, "playbackRateChange"));
+      s < Y.length && (o.changePlaybackRate(Y[s], e), x(t, "playbackRateChange"));
     }
   },
   resetPlaybackRate: {
     keys: ["s"],
     onKeyDown({ event: e, player: t, remote: o }) {
-      o.changePlaybackRate(1, e), M(t, "playbackRateChange");
+      o.changePlaybackRate(1, e), x(t, "playbackRateChange");
     }
   },
   seekForward10Seconds: {
     keys: ["l"],
     onKeyDown({ event: e, player: t, remote: o }) {
-      o.seek(t.currentTime + 10, e), M(t, "seekForward10");
+      o.seek(t.currentTime + 10, e), x(t, "seekForward10");
     }
   },
   seekBackward10Seconds: {
     keys: ["j"],
     onKeyDown({ event: e, player: t, remote: o }) {
-      o.seek(t.currentTime - 10, e), M(t, "seekBackward10");
+      o.seek(t.currentTime - 10, e), x(t, "seekBackward10");
     }
   }
 };
@@ -2036,19 +2036,19 @@ const Ke = {
 };
 class mi {
   constructor() {
-    R(this, "playerId", "studio-player");
-    R(this, "mediaId", null);
-    R(this, "data", Ke);
-    R(this, "time", null);
-    R(this, "overrideTime", null);
-    R(this, "saveTime", () => {
+    H(this, "playerId", "studio-player");
+    H(this, "mediaId", null);
+    H(this, "data", Ke);
+    H(this, "time", null);
+    H(this, "overrideTime", null);
+    H(this, "saveTime", () => {
       if (!this.mediaId) return;
       const t = (this.time ?? 0).toString();
       localStorage.setItem(this.mediaId, t);
     });
-    R(this, "saveTimeThrottled", di(this.saveTime, 1e3));
+    H(this, "saveTimeThrottled", di(this.saveTime, 1e3));
     // only used for useStudioPlayer hook's state initialization
-    R(this, "initializeState", (t) => {
+    H(this, "initializeState", (t) => {
       const o = localStorage.getItem(this.playerId);
       if (ve(t) && t >= 0 && (this.overrideTime = t), o)
         try {
@@ -2062,10 +2062,11 @@ class mi {
         commentsEnabled: this.data.comments,
         interactionsDisabled: !1,
         globalKeysDisabled: !1,
-        disableCaptionSettings: !1
+        disableCaptionSettings: !1,
+        isKeyboardShortcutsOpen: !1
       };
     });
-    R(this, "saveData", (t, o) => {
+    H(this, "saveData", (t, o) => {
       this.data = {
         ...this.data,
         [t]: o
@@ -2138,54 +2139,59 @@ class mi {
 function hi(e, t, o, i) {
   const s = D(() => new mi(), []), [a, l] = k(
     s.initializeState(i)
-  ), c = f(
-    (p) => {
-      l((C) => (s.saveData("multiplier", p), {
-        ...C,
-        captionsFontSizeMultiplier: p
+  ), c = p(
+    (h) => {
+      l((g) => (s.saveData("multiplier", h), {
+        ...g,
+        captionsFontSizeMultiplier: h
       }));
     },
     [s]
-  ), u = f(() => {
-    l((p) => {
-      const C = !p.captionPositionOnTop;
-      return s.saveData("ontop", C), {
-        ...p,
-        captionPositionOnTop: C
+  ), u = p(() => {
+    l((h) => {
+      const g = !h.captionPositionOnTop;
+      return s.saveData("ontop", g), {
+        ...h,
+        captionPositionOnTop: g
       };
     });
-  }, [s]), d = f(() => {
-    l((p) => {
-      const C = !p.captionsInvertColors;
-      return s.saveData("invert", C), {
-        ...p,
-        captionsInvertColors: C
+  }, [s]), d = p(() => {
+    l((h) => {
+      const g = !h.captionsInvertColors;
+      return s.saveData("invert", g), {
+        ...h,
+        captionsInvertColors: g
       };
     });
-  }, [s]), _ = f(() => {
-    l((p) => {
-      const C = !p.commentsEnabled;
-      return s.saveData("comments", C), {
-        ...p,
-        commentsEnabled: C
+  }, [s]), _ = p(() => {
+    l((h) => {
+      const g = !h.commentsEnabled;
+      return s.saveData("comments", g), {
+        ...h,
+        commentsEnabled: g
       };
     });
-  }, [s]), b = f(() => {
-    l((p) => ({
-      ...p,
+  }, [s]), C = p(() => {
+    l((h) => ({
+      ...h,
       interactionsDisabled: !1
     }));
-  }, []), w = f(() => {
-    l((p) => ({
-      ...p,
+  }, []), w = p(() => {
+    l((h) => ({
+      ...h,
       interactionsDisabled: !0
     }));
-  }, []), y = f((p) => {
-    l((C) => ({
-      ...C,
-      globalKeysDisabled: p
+  }, []), M = p((h) => {
+    l((g) => ({
+      ...g,
+      globalKeysDisabled: h
+    }));
+  }, []), L = p((h) => {
+    l((g) => ({
+      ...g,
+      isKeyboardShortcutsOpen: h
     }));
-  }, []), x = D(() => e ? {
+  }, []), I = D(() => e ? {
     ...je,
     toggleFullscreen: []
   } : je, [e]);
@@ -2198,13 +2204,14 @@ function hi(e, t, o, i) {
       setCaptionsFontSizeMultiplier: c,
       toggleCaptionPositionOnTop: u,
       toggleCaptionsInvertColors: d,
-      enableInteractions: b,
+      enableInteractions: C,
       disableInteractions: w,
-      setGlobalKeysDisabled: y,
+      setGlobalKeysDisabled: M,
       toggleComments: _,
-      disableCaptionSettings: o
+      disableCaptionSettings: o,
+      setKeyboardShortcutsOpen: L
     },
-    shortcuts: x,
+    shortcuts: I,
     storage: s
   };
 }
@@ -2217,7 +2224,7 @@ const pi = (e) => /* @__PURE__ */ n("svg", { width: 56, height: 72, viewBox: "0
   /* @__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 fi() {
-  const e = L();
+  const e = y();
   return /* @__PURE__ */ r("div", { className: "audio-layout-wrapper", children: [
     /* @__PURE__ */ n(pi, {}),
     /* @__PURE__ */ n(lt, {}),
@@ -2226,7 +2233,7 @@ function fi() {
   ] });
 }
 function _i() {
-  const e = L(), t = e.kebabMenuElements.length > 0;
+  const e = y(), t = e.kebabMenuElements.length > 0;
   return /* @__PURE__ */ r(X, { children: [
     /* @__PURE__ */ n(
       i1,
@@ -2241,7 +2248,7 @@ function _i() {
     /* @__PURE__ */ n(m1, {}),
     /* @__PURE__ */ n(Qo, {}),
     /* @__PURE__ */ n(
-      Sn,
+      An,
       {
         comments: e.comments,
         isKebabMenuVisible: t
@@ -2260,7 +2267,7 @@ const Ci = "_root_5cfhx_1", gi = "_normal_5cfhx_14", bi = "_compact_5cfhx_21", v
   indicators: yi
 };
 function ki() {
-  const e = S(), t = L();
+  const e = V(), t = y();
   Z(() => {
     const o = () => {
       const i = t.startAt;
@@ -2277,7 +2284,7 @@ function Li({
   controlsLayout: o,
   showCaptionsButton: i
 }) {
-  const s = S(), a = v(), { hasAnnotations: l, hasQuizmarkers: c, interactive: u } = L();
+  const s = V(), a = v(), { hasAnnotations: l, hasQuizmarkers: c, interactive: u } = y();
   return ki(), Z(() => {
     s && (s.remoteControl.pauseControls(), t && (typeof t == "function" ? t(s) : t.current = s));
   }, [s, t]), /* @__PURE__ */ r(
@@ -2316,7 +2323,7 @@ function Li({
         ) : null,
         /* @__PURE__ */ r("div", { className: W.rightControls, children: [
           i && /* @__PURE__ */ n(fn, {}),
-          /* @__PURE__ */ n(To, {}),
+          /* @__PURE__ */ n(Eo, {}),
           /* @__PURE__ */ n(Uo, {})
         ] })
       ]
@@ -2333,7 +2340,7 @@ function Mi(e, t, o, i, s) {
   };
 }
 function Pi() {
-  const e = S(), { quizMarkers: t, onQuizMarkerShow: o } = L(), [i, s] = k(
+  const e = V(), { quizMarkers: t, onQuizMarkerShow: o } = y(), [i, s] = k(
     t.reduce((a, l) => (a[l.id] = !1, a), {})
   );
   Z(() => {
@@ -2342,7 +2349,7 @@ function Pi() {
     t.length > Object.keys(i).length && s(xi(t, i));
     const a = [], l = (c) => {
       var _;
-      const u = (_ = c == null ? void 0 : c.request) == null ? void 0 : _.detail, d = t.reduce((b, w) => (b[w.id] = w.time <= u, b), {});
+      const u = (_ = c == null ? void 0 : c.request) == null ? void 0 : _.detail, d = t.reduce((C, w) => (C[w.id] = w.time <= u, C), {});
       s({ ...i, ...d });
     };
     e.addEventListener("seeked", l);
@@ -2368,7 +2375,7 @@ function Ni() {
 }
 const Ii = {}, re = () => {
 };
-function Oi({
+function Bi({
   title: e,
   playerRef: t,
   src: o,
@@ -2380,19 +2387,19 @@ function Oi({
   annotations: u = [],
   quizMarkers: d = [],
   interactive: _ = !1,
-  onAnnotationClick: b = re,
+  onAnnotationClick: C = re,
   onQuizMarkerClick: w = re,
-  onQuizMarkerShow: y = re,
-  onInteractivePinClick: x = re,
-  onCaptionsDelete: p,
-  interactiveMenuElements: C = [],
-  kebabMenuElements: H = [],
+  onQuizMarkerShow: M = re,
+  onInteractivePinClick: L = re,
+  onCaptionsDelete: I,
+  interactiveMenuElements: h = [],
+  kebabMenuElements: g = [],
   darkMode: E = !1,
   autoLoadCaptionSrc: P = "",
-  forceComments: I = !1,
-  disableCaptionSettings: B = !1,
-  disableStorage: V = !1,
-  startAt: O,
+  forceComments: S = !1,
+  disableCaptionSettings: O = !1,
+  disableStorage: R = !1,
+  startAt: B,
   crossOrigin: j,
   captionOffsetOverride: fe,
   disableInteractivePinRanges: _e = [],
@@ -2401,14 +2408,14 @@ function Oi({
 }) {
   const { contextValue: Ce, shortcuts: ct, storage: ut } = hi(
     a,
-    I,
-    B,
-    O
-  ), { i18n: Ve } = h();
+    S,
+    O,
+    B
+  ), { i18n: Ve } = f();
   Z(() => {
     Ve.changeLanguage(c);
   }, [Ve, c]);
-  const [oe, ie] = k("none"), dt = f((T) => {
+  const [oe, ie] = k("none"), dt = p((T) => {
     Lt(T) ? ie("audio") : (xt(T) || Mt(T) || Pt(T)) && ie("video");
   }, []);
   return /* @__PURE__ */ n(
@@ -2422,27 +2429,27 @@ function Oi({
       annotations: u,
       quizMarkers: d,
       interactive: _,
-      onAnnotationClick: b,
+      onAnnotationClick: C,
       onQuizMarkerClick: w,
-      onInteractivePinClick: x,
-      interactiveMenuElements: C,
-      kebabMenuElements: H,
+      onInteractivePinClick: L,
+      interactiveMenuElements: h,
+      kebabMenuElements: g,
       darkMode: E,
-      forceComments: I,
-      disableCaptionSettings: B,
-      disableStorage: V,
+      forceComments: S,
+      disableCaptionSettings: O,
+      disableStorage: R,
       captionOffsetOverride: fe,
       disableInteractivePinRanges: _e,
-      onQuizMarkerShow: y,
-      onCaptionsDelete: p,
+      onQuizMarkerShow: M,
+      onCaptionsDelete: I,
       controlsLayout: ne,
-      startAt: O,
+      startAt: B,
       children: /* @__PURE__ */ n(Rt, { contextValue: Ce, children: /* @__PURE__ */ r(
         Nt,
         {
-          "data-version": "0.5.6",
+          "data-version": "0.5.7",
           crossOrigin: j,
-          storage: V ? null : ut,
+          storage: R ? null : ut,
           title: e,
           src: ui(o),
           keyShortcuts: ct,
@@ -2473,7 +2480,7 @@ function Oi({
               {
                 darkMode: E,
                 playerRef: t,
-                showCaptionsButton: !B,
+                showCaptionsButton: !O,
                 controlsLayout: ne
               }
             ),
@@ -2489,7 +2496,7 @@ export {
   bn as CAPTION_FONT_SIZE_MULTIPLIERS,
   vn as COMMENT_DURATION,
   Y as PLAYBACK_RATES,
-  Oi as StudioPlayer,
-  g as useMediaState,
+  Bi as StudioPlayer,
+  b as useMediaState,
   Zi as useMediaStore
 };