@instructure/studio-player 0.4.0 → 0.4.4

package/dist/studio-player.es.js

@@ -1,15 +1,15 @@
-import './index-Bny_phXm.css';var ot = Object.defineProperty;
-var it = (e, n, o) => n in e ? ot(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
-var H = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
-import { jsx as t, jsxs as l, Fragment as G } from "react/jsx-runtime";
-import { createContext as ce, useContext as re, useState as L, useCallback as C, useEffect as R, useMemo as T, useRef as ne } from "react";
-import { useMediaPlayer as O, Spinner as le, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as st, Track as at, Captions as lt, usePlaybackRateOptions as ct, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as He, Poster as dt, FullscreenButton as mt, Time as ke, TimeSlider as $, VolumeSlider as X, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as Ct } from "@vidstack/react";
-import { useMediaState as yi, useMediaStore as ki } from "@vidstack/react";
-import { initReactI18next as ft, useTranslation as b } from "react-i18next";
-import bt from "i18next";
-import gt from "i18next-resources-to-backend";
-import { useFloating as ue, autoUpdate as de, useDismiss as me, useInteractions as he, detectOverflow as vt, FloatingFocusManager as pe, shift as Se, offset as Ve, arrow as Te, useListNavigation as wt, FloatingArrow as Ee } from "@floating-ui/react";
-const yt = (e, n, o) => {
+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];
   return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -22,9 +22,9 @@ const yt = (e, n, o) => {
     );
   });
 };
-bt.use(ft).use(
-  gt(
-    (e) => yt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
+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)
   )
 ).init({
   fallbackLng: "en",
@@ -35,15 +35,15 @@ bt.use(ft).use(
     escapeValue: !1
   }
 });
-const Ae = ce(null);
-function kt({
+const Ee = ce(null);
+function xt({
   children: e,
   contextValue: n
 }) {
-  return /* @__PURE__ */ t(Ae.Provider, { value: n, children: e });
+  return /* @__PURE__ */ t(Ee.Provider, { value: n, children: e });
 }
 function w() {
-  const e = re(Ae);
+  const e = re(Ee);
   if (!e)
     throw new Error(
       "useStudioPlayerContext must be used within a StudioPlayerContextProvider"
@@ -51,7 +51,7 @@ function w() {
   return e;
 }
 const Be = ce(null);
-function Lt({
+function Mt({
   hideFullScreen: e,
   comments: n,
   captions: o,
@@ -60,20 +60,21 @@ function Lt({
   quizMarkers: a,
   interactive: c,
   onAnnotationClick: r,
-  onQuizMarkerClick: u,
+  onQuizMarkerClick: d,
   onInteractivePinClick: p,
-  interactiveMenuElements: g,
+  interactiveMenuElements: b,
   kebabMenuElements: v,
   darkMode: k,
   children: y,
-  forceComments: N,
+  forceComments: P,
   disableCaptionSettings: h,
-  disableStorage: _,
+  disableStorage: C,
   captionOffsetOverride: V,
-  disableInteractivePinRanges: F,
-  onQuizMarkerShow: Z
+  disableInteractivePinRanges: A,
+  onQuizMarkerShow: U,
+  onCaptionsDelete: S
 }) {
-  const S = {
+  const E = {
     hideFullScreen: e,
     comments: n,
     captions: o,
@@ -82,24 +83,25 @@ function Lt({
     quizMarkers: a,
     interactive: c,
     onAnnotationClick: r,
-    onQuizMarkerClick: u,
+    onQuizMarkerClick: d,
     onInteractivePinClick: p,
-    interactiveMenuElements: g,
+    interactiveMenuElements: b,
     kebabMenuElements: v,
     darkMode: k,
     hasComments: n.length > 0,
     hasAnnotations: s.length > 0,
     hasQuizmarkers: a.length > 0,
-    forceComments: N,
+    forceComments: P,
     disableCaptionSettings: h,
-    disableStorage: _,
+    disableStorage: C,
     captionOffsetOverride: V,
-    disableInteractivePinRanges: F,
-    onQuizMarkerShow: Z
+    disableInteractivePinRanges: A,
+    onQuizMarkerShow: U,
+    onCaptionsDelete: S
   };
-  return /* @__PURE__ */ t(Be.Provider, { value: S, children: y });
+  return /* @__PURE__ */ t(Be.Provider, { value: E, children: y });
 }
-function M() {
+function L() {
   const e = re(Be);
   if (!e)
     throw new Error(
@@ -107,58 +109,58 @@ function M() {
     );
   return e;
 }
-const xt = "_annotation-overlay_1kxzn_1", Mt = {
+const Nt = "_annotation-overlay_1kxzn_1", Pt = {
   "annotation-overlay": "_annotation-overlay_1kxzn_1",
-  annotationOverlay: xt
-}, Le = 0.25, Nt = (e, n) => {
+  annotationOverlay: Nt
+}, Le = 0.25, It = (e, n) => {
   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);
   };
 };
-function Pt({ annotations: e }) {
-  const n = O(), o = w(), i = M(), [s, a] = L(
+function Ht({ annotations: e }) {
+  const n = Z(), o = w(), i = L(), [s, a] = x(
     null
-  ), c = C(
-    (u) => {
-      n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
+  ), c = f(
+    (d) => {
+      n == null || n.pause(), i.interactive || o.disableInteractions(), a(d);
     },
     [n, o]
   ), r = () => {
     i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
   };
-  return R(() => {
+  return F(() => {
     if (!n)
       return;
-    const u = [];
+    const d = [];
     for (const p of e) {
-      const g = Nt(p, c);
-      n.addEventListener("time-update", g), u.push(g);
+      const b = It(p, c);
+      n.addEventListener("time-update", b), d.push(b);
     }
     if (s) {
       const p = e.find(
-        (g) => g.id === s.id
+        (b) => b.id === s.id
       );
       p ? a(p) : (a(null), o.enableInteractions());
     }
     return () => {
-      for (const p of u)
+      for (const p of d)
         n.removeEventListener("time-update", p);
     };
-  }, [n, e]), s ? /* @__PURE__ */ t("div", { className: Mt.annotationOverlay, children: s.render(r) }) : null;
+  }, [n, e]), s ? /* @__PURE__ */ t("div", { className: Pt.annotationOverlay, children: s.render(r) }) : null;
 }
-const It = "_media-buffering-indicator_1fwjr_1", Ht = "_media-buffering-spinner_1fwjr_17", St = "_media-buffering-spin_1fwjr_17", Vt = "_media-buffering-track_1fwjr_22", Tt = "_media-buffering-track-fill_1fwjr_27", J = {
+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 = {
   "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
-  mediaBufferingIndicator: It,
+  mediaBufferingIndicator: St,
   "media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
-  mediaBufferingSpinner: Ht,
+  mediaBufferingSpinner: Tt,
   "media-buffering-spin": "_media-buffering-spin_1fwjr_17",
-  mediaBufferingSpin: St,
+  mediaBufferingSpin: Vt,
   "media-buffering-track": "_media-buffering-track_1fwjr_22",
-  mediaBufferingTrack: Vt,
+  mediaBufferingTrack: At,
   "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
-  mediaBufferingTrackFill: Tt
+  mediaBufferingTrackFill: Et
 };
 function Re() {
   return /* @__PURE__ */ t("div", { className: J.mediaBufferingIndicator, children: /* @__PURE__ */ l(le.Root, { className: J.mediaBufferingSpinner, size: 96, children: [
@@ -179,8 +181,8 @@ const Oe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ t("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
 ] });
-function Et() {
-  const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && st(n), s = w(), a = C(
+function Bt() {
+  const e = oe(), n = g("textTrack"), o = g("hasCaptions"), i = n && lt(n), s = w(), a = f(
     (c) => {
       e.toggleCaptions(c.nativeEvent);
     },
@@ -199,17 +201,17 @@ function Et() {
     }
   ) : null;
 }
-const At = "_captions_1cu0g_1", Bt = {
-  captions: At
-}, Rt = (e, n) => e ? n.top : n.bottom;
+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 } = M(), s = o.state.captionPositionOnTop, a = Rt(
+  const n = e.length > 0, o = w(), { captionOffsetOverride: i } = L(), s = o.state.captionPositionOnTop, a = Ft(
     s,
     i ?? {}
   );
-  return /* @__PURE__ */ l(G, { children: [
+  return /* @__PURE__ */ l(Y, { children: [
     e.map((c) => /* @__PURE__ */ t(
-      at,
+      ct,
       {
         kind: "subtitles",
         type: c.type,
@@ -230,13 +232,13 @@ 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(lt, { className: Bt.captions })
+        children: /* @__PURE__ */ t(rt, { className: Ot.captions })
       }
     ) : null
   ] });
 }
-const D = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e) => {
-  const [, n] = L({});
+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(() => {
     let o = [];
     return {
@@ -254,20 +256,20 @@ const D = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e)
       }
     };
   }, []);
-}, Kt = (e, n, o) => {
+}, Dt = (e, n, 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);
   };
-}, Dt = (e, n = 5) => {
-  const o = O(), i = Zt(n);
-  return R(() => {
+}, Kt = (e, n = 5) => {
+  const o = Z(), i = jt(n);
+  return F(() => {
     if (!o)
       return;
     const s = [];
     for (const a of e) {
-      const c = Kt(a, Ft, i);
+      const c = Dt(a, zt, i);
       s.push(c), o.addEventListener("time-update", c);
     }
     return o.dispatchEvent(
@@ -280,96 +282,96 @@ const D = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e)
       i.clear();
     };
   }, [o, i, e]), i;
-}, zt = "_comments-overlay_1puzm_1", $t = "_comments-container_1puzm_10", Ut = "_comment_1puzm_1", qt = "_comment-text_1puzm_47", Gt = "_comment-author-avatar_1puzm_70", jt = "_comment-author-name_1puzm_89", B = {
+}, $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: zt,
+  commentsOverlay: $t,
   "comments-container": "_comments-container_1puzm_10",
-  commentsContainer: $t,
-  comment: Ut,
+  commentsContainer: Ut,
+  comment: qt,
   "comment-text": "_comment-text_1puzm_47",
-  commentText: qt,
+  commentText: Gt,
   "comment-author-avatar": "_comment-author-avatar_1puzm_70",
-  commentAuthorAvatar: Gt,
+  commentAuthorAvatar: Qt,
   "comment-author-name": "_comment-author-name_1puzm_89",
-  commentAuthorName: jt
+  commentAuthorName: Wt
 };
-function Qt({ comment: e }) {
-  return e.render ? e.render(e, B) : /* @__PURE__ */ l("div", { className: B.comment, onClick: () => {
+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);
   }, children: [
     /* @__PURE__ */ t(
       "img",
       {
-        className: B.commentAuthorAvatar,
+        className: O.commentAuthorAvatar,
         src: e.user.avatar,
         alt: e.user.name
       }
     ),
-    /* @__PURE__ */ t("span", { className: B.commentText, children: e.text }),
-    /* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
+    /* @__PURE__ */ t("span", { className: O.commentText, children: e.text }),
+    /* @__PURE__ */ t("span", { className: O.commentAuthorName, children: e.user.name })
   ] });
 }
-const Wt = 5;
-function Yt({ comments: e }) {
-  const n = w(), o = Dt(e, Wt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Qt, { comment: a }, a.id));
+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(
     "div",
     {
-      className: B.commentsOverlay,
+      className: O.commentsOverlay,
       style: {
         flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
       },
-      children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? s.slice(-4) : s })
+      children: /* @__PURE__ */ t("div", { className: O.commentsContainer, children: i ? s.slice(-4) : s })
     }
   ) : null;
 }
-const Xt = "_root_h0dso_1", Jt = "_left-controls_h0dso_28", en = "_right-controls_h0dso_34", tn = "_indicators_h0dso_40", nn = "_normal-timeline_h0dso_49", on = "_compact-timeline_h0dso_55", K = {
-  root: Xt,
+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,
   "left-controls": "_left-controls_h0dso_28",
-  leftControls: Jt,
+  leftControls: tn,
   "right-controls": "_right-controls_h0dso_34",
-  rightControls: en,
-  indicators: tn,
+  rightControls: nn,
+  indicators: on,
   "normal-timeline": "_normal-timeline_h0dso_49",
-  normalTimeline: nn,
+  normalTimeline: sn,
   "compact-timeline": "_compact-timeline_h0dso_55",
-  compactTimeline: on
+  compactTimeline: an
 };
-function sn({
+function ln({
   darkMode: e,
   playerRef: n,
   showCaptionsButton: o = !0
 }) {
-  const i = O();
-  return R(() => {
+  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: K.root, children: [
-    /* @__PURE__ */ t(Me, { className: K.normalTimeline }),
-    /* @__PURE__ */ l("div", { className: K.leftControls, children: [
-      /* @__PURE__ */ t(U1, {}),
-      /* @__PURE__ */ t(Yo, {})
+  }, [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, {})
     ] }),
-    /* @__PURE__ */ t("div", { className: K.indicators, children: /* @__PURE__ */ t(io, {}) }),
-    /* @__PURE__ */ t(Me, { className: K.compactTimeline }),
-    /* @__PURE__ */ l("div", { className: K.rightControls, children: [
-      o && /* @__PURE__ */ t(Et, {}),
-      /* @__PURE__ */ t(o1, {}),
-      /* @__PURE__ */ t(b1, {})
+    /* @__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, {})
     ] })
   ] });
 }
-const an = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), ln = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), cn = "_menu-hint_1wiu5_1", rn = "_menu-button_1wiu5_5", un = "_menu-label_1wiu5_37", dn = "_menu-icon_1wiu5_42", ee = {
+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 = {
   "menu-hint": "_menu-hint_1wiu5_1",
-  menuHint: cn,
+  menuHint: un,
   "menu-button": "_menu-button_1wiu5_5",
-  menuButton: rn,
+  menuButton: dn,
   "menu-label": "_menu-label_1wiu5_37",
-  menuLabel: un,
+  menuLabel: mn,
   "menu-icon": "_menu-icon_1wiu5_42",
-  menuIcon: dn
+  menuIcon: hn
 };
-function j({ label: e, hint: n, onClick: o, Icon: i }) {
+function K({ label: e, hint: n, onClick: o, Icon: i }) {
   return /* @__PURE__ */ l(
     "button",
     {
@@ -382,33 +384,33 @@ function j({ label: e, hint: n, onClick: o, Icon: i }) {
       children: [
         i && /* @__PURE__ */ t(i, { className: ee.menuIcon }),
         /* @__PURE__ */ t("span", { className: ee.menuLabel, children: e }),
-        /* @__PURE__ */ t("span", { className: ee.menuHint, children: n }),
-        /* @__PURE__ */ t(ln, {})
+        n && /* @__PURE__ */ t("span", { className: ee.menuHint, children: n }),
+        /* @__PURE__ */ t(rn, {})
       ]
     }
   );
 }
-const mn = (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 hn() {
-  const e = I(), n = f("playbackRate"), { t: o } = b(), i = C(() => {
+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(() => {
     e.setPage("speed");
   }, [e]);
   return /* @__PURE__ */ t(
-    j,
+    K,
     {
       label: o("PLAYBACK_SPEED"),
       hint: `${n}x`,
       onClick: i,
-      Icon: mn
+      Icon: pn
     }
   );
 }
-function pn() {
-  const e = I(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = b(), s = C(() => {
+function Cn() {
+  const e = N(), n = g("hasCaptions"), o = g("textTrack"), { t: i } = _(), s = f(() => {
     e.setPage("captions");
   }, [e]);
   return n ? /* @__PURE__ */ t(
-    j,
+    K,
     {
       label: i("CAPTIONS"),
       hint: (o == null ? void 0 : o.label) ?? i("OFF"),
@@ -417,7 +419,7 @@ function pn() {
     }
   ) : null;
 }
-const _n = (e) => /* @__PURE__ */ l("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+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" }) }) }),
   /* @__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" }),
@@ -425,33 +427,33 @@ const _n = (e) => /* @__PURE__ */ l("svg", { width: 18, height: 18, viewBox: "0
     /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.24999 17.6004C6.61818 17.6004 7.76119 16.6363 8.03673 15.3504H18V14.1504H8.03673C7.76119 12.8645 6.61818 11.9004 5.24999 11.9004C3.88181 11.9004 2.7388 12.8645 2.46326 14.1504H0V15.3504H2.46326C2.7388 16.6363 3.88181 17.6004 5.24999 17.6004ZM5.24999 13.1004C4.33872 13.1004 3.59999 13.8391 3.59999 14.7504C3.59999 15.6617 4.33872 16.4004 5.24999 16.4004C6.16126 16.4004 6.89999 15.6617 6.89999 14.7504C6.89999 13.8391 6.16126 13.1004 5.24999 13.1004Z", fill: "currentColor" })
   ] })
 ] });
-function Cn() {
-  const e = I(), n = f("autoQuality"), o = f("quality"), { t: i } = b(), s = C(() => {
+function gn() {
+  const e = N(), n = g("autoQuality"), o = g("quality"), { t: i } = _(), s = f(() => {
     e.setPage("quality");
   }, [e]);
   return o ? /* @__PURE__ */ t(
-    j,
+    K,
     {
       label: i("QUALITY"),
       hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
       onClick: s,
-      Icon: _n
+      Icon: fn
     }
   ) : null;
 }
-const fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), 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 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" }) }), gn = "_switch-track_7nhpo_1", vn = "_switch-thumb_7nhpo_17", wn = "_switch-icon_7nhpo_31", yn = "_switch-body_7nhpo_37", kn = "_switch-label_7nhpo_78", Ln = "_menu-icon_7nhpo_82", A = {
+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 = {
   "switch-track": "_switch-track_7nhpo_1",
-  switchTrack: gn,
+  switchTrack: wn,
   "switch-thumb": "_switch-thumb_7nhpo_17",
-  switchThumb: vn,
+  switchThumb: yn,
   "switch-icon": "_switch-icon_7nhpo_31",
-  switchIcon: wn,
+  switchIcon: kn,
   "switch-body": "_switch-body_7nhpo_37",
-  switchBody: yn,
+  switchBody: Ln,
   "switch-label": "_switch-label_7nhpo_78",
-  switchLabel: kn,
+  switchLabel: xn,
   "menu-icon": "_menu-icon_7nhpo_82",
-  menuIcon: Ln
+  menuIcon: Mn
 };
 function _e({
   label: e,
@@ -462,39 +464,39 @@ function _e({
   return /* @__PURE__ */ l(
     "button",
     {
-      className: A.switchBody,
+      className: R.switchBody,
       role: "checkbox",
       "aria-label": e,
       "aria-checked": n,
       onClick: o,
       tabIndex: -1,
       children: [
-        i && /* @__PURE__ */ t(i, { className: A.menuIcon }),
-        /* @__PURE__ */ t("span", { className: A.switchLabel, children: e }),
-        /* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(bn, { className: A.switchIcon }) }) })
+        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 }) }) })
       ]
     }
   );
 }
-const xn = (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 Mn() {
-  const { t: e } = b(), n = M(), o = w();
+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,
     {
-      Icon: xn,
+      Icon: Nn,
       label: e("COMMENTS"),
       onClick: o.toggleComments,
       checked: o.state.commentsEnabled
     }
   ) : null;
 }
-const Nn = "_main-menu_7h96l_1", Pn = {
+const In = "_main-menu_7h96l_1", Hn = {
   "main-menu": "_main-menu_7h96l_1",
-  mainMenu: Nn
+  mainMenu: In
 };
-function Ke(e) {
-  R(() => {
+function ze(e) {
+  F(() => {
     const n = (o) => {
       var i;
       (i = e[o.key]) == null || i.call(e, o);
@@ -504,11 +506,11 @@ function Ke(e) {
     };
   }, [e]);
 }
-function In(e) {
+function Sn(e) {
   const n = T(() => ({ Escape: e }), [e]);
-  return Ke(n);
+  return ze(n);
 }
-const I = () => {
+const N = () => {
   const e = re(De);
   if (!e)
     throw new Error(
@@ -516,48 +518,48 @@ const I = () => {
     );
   return e;
 };
-function Hn(e, n) {
+function Tn(e, n) {
   const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
   return o[i - 1] ?? null;
 }
-function Sn(e, n) {
+function Vn(e, n) {
   const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
   return o[i + 1] ?? null;
 }
-function Vn(e) {
+function An(e) {
   return e.querySelector("button");
 }
-function Tn(e) {
+function En(e) {
   const n = Array.from(e.querySelectorAll("button"));
   return n[n.length - 1] ?? null;
 }
 function z() {
-  const e = I(), n = ne(null), o = T(
+  const e = N(), n = ne(null), o = T(
     () => ({
       Escape: e.toggle,
       ArrowUp: () => {
         const i = document.activeElement;
         if (i && n.current && n.current.contains(i)) {
-          const s = Hn(
+          const s = Tn(
             n.current,
             i
           );
           s == null || s.focus();
         } else if (n.current) {
-          const s = Tn(n.current);
+          const s = En(n.current);
           s == null || s.focus();
         }
       },
       ArrowDown: () => {
         const i = document.activeElement;
         if (i && n.current && n.current.contains(i)) {
-          const s = Sn(
+          const s = Vn(
             n.current,
             i
           );
           s == null || s.focus();
         } else if (n.current) {
-          const s = Vn(n.current);
+          const s = An(n.current);
           s == null || s.focus();
         }
       },
@@ -569,10 +571,10 @@ function z() {
     }),
     [e]
   );
-  return Ke(o), n;
+  return ze(o), n;
 }
-function En() {
-  const e = z(), { t: n } = b();
+function Bn() {
+  const e = z(), { t: n } = _();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -580,37 +582,39 @@ function En() {
       id: "submenu",
       "aria-label": n("MAIN_MENU"),
       role: "menu",
-      className: Pn.mainMenu,
+      className: Hn.mainMenu,
       children: [
-        /* @__PURE__ */ t(hn, {}),
-        /* @__PURE__ */ t(pn, {}),
-        /* @__PURE__ */ t(Mn, {}),
-        /* @__PURE__ */ t(Cn, {})
+        /* @__PURE__ */ t(_n, {}),
+        /* @__PURE__ */ t(Cn, {}),
+        /* @__PURE__ */ t(Pn, {}),
+        /* @__PURE__ */ t(gn, {})
       ]
     }
   );
 }
-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" }) }), Q = (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" }) }), An = "_menu-container_11nab_1", Bn = "_scrollable-buttons_11nab_2", Rn = "_menu-heading_11nab_9", On = "_check-icon_11nab_20", Fn = "_menu-item-label_11nab_26", Zn = "_menu-item_11nab_26", Kn = "_menu-back-button_11nab_59", d = {
-  "menu-container": "_menu-container_11nab_1",
-  menuContainer: An,
-  "scrollable-buttons": "_scrollable-buttons_11nab_2",
-  scrollableButtons: Bn,
-  "menu-heading": "_menu-heading_11nab_9",
-  menuHeading: Rn,
-  "check-icon": "_check-icon_11nab_20",
-  checkIcon: On,
-  "menu-item-label": "_menu-item-label_11nab_26",
-  menuItemLabel: Fn,
-  "menu-item": "_menu-item_11nab_26",
-  menuItem: Zn,
-  "menu-back-button": "_menu-back-button_11nab_59",
+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 = {
+  "menu-container": "_menu-container_18cio_1",
+  menuContainer: Rn,
+  "scrollable-buttons": "_scrollable-buttons_18cio_2",
+  scrollableButtons: On,
+  "menu-heading": "_menu-heading_18cio_9",
+  menuHeading: Fn,
+  "check-icon": "_check-icon_18cio_20",
+  checkIcon: Zn,
+  "trash-icon": "_trash-icon_18cio_21",
+  trashIcon: zn,
+  "menu-item-label": "_menu-item-label_18cio_34",
+  menuItemLabel: jn,
+  "menu-item": "_menu-item_18cio_34",
+  menuItem: Dn,
+  "menu-back-button": "_menu-back-button_18cio_71",
   menuBackButton: Kn
 };
-function Dn() {
-  const e = I(), n = ct({
+function $n() {
+  const e = N(), n = ut({
     rates: D,
     normalLabel: "1x"
-  }), { t: o } = b(), i = z();
+  }), { t: o } = _(), i = z();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -618,7 +622,7 @@ function Dn() {
       id: "submenu",
       "aria-label": o("SPEED_MENU"),
       role: "menu",
-      className: d.menuContainer,
+      className: u.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -626,16 +630,16 @@ function Dn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: d.menuBackButton,
+            className: u.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t(Q, {}),
+              /* @__PURE__ */ t($, {}),
               /* @__PURE__ */ t("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("PLAYBACK_SPEED") }),
-        /* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: s, label: a, select: c, selected: r }) => /* @__PURE__ */ l(
+        /* @__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(
           "button",
           {
             type: "button",
@@ -644,10 +648,10 @@ function Dn() {
             "aria-checked": r,
             onClick: () => c(),
             tabIndex: -1,
-            className: d.menuItem,
+            className: u.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: d.checkIcon }),
-              /* @__PURE__ */ t("span", { className: d.menuItemLabel, children: a })
+              /* @__PURE__ */ t(ie, { className: u.checkIcon }),
+              /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: a })
             ]
           },
           s
@@ -656,12 +660,12 @@ function Dn() {
     }
   );
 }
-function zn() {
-  const e = I(), n = f("textTrack"), { t: o } = b(), { disableCaptionSettings: i } = w(), s = C(() => {
+function Un() {
+  const e = N(), n = g("textTrack"), { t: o } = _(), { disableCaptionSettings: i } = w(), s = f(() => {
     e.setPage("captionLanguage");
   }, [e]);
   return i ? null : /* @__PURE__ */ t(
-    j,
+    K,
     {
       label: o("LANGUAGE"),
       hint: (n == null ? void 0 : n.label) ?? o("OFF"),
@@ -669,12 +673,12 @@ function zn() {
     }
   );
 }
-function $n() {
-  const { t: e } = b(), n = w(), o = I(), i = C(() => {
+function qn() {
+  const { t: e } = _(), n = w(), o = N(), i = f(() => {
     o.setPage("captionFontSize");
   }, [o]);
   return /* @__PURE__ */ t(
-    j,
+    K,
     {
       label: e("CAPTION_FONT_SIZE"),
       hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
@@ -682,8 +686,8 @@ function $n() {
     }
   );
 }
-function Un() {
-  const { t: e } = b(), n = w();
+function Gn() {
+  const { t: e } = _(), n = w();
   return /* @__PURE__ */ t(
     _e,
     {
@@ -693,8 +697,8 @@ function Un() {
     }
   );
 }
-function qn() {
-  const { t: e } = b(), n = w();
+function Qn() {
+  const { t: e } = _(), n = w();
   return /* @__PURE__ */ t(
     _e,
     {
@@ -704,16 +708,22 @@ function qn() {
     }
   );
 }
-function Gn() {
-  const e = I(), { t: n } = b(), o = z();
+function Wn() {
+  const e = N(), { t: n } = _(), o = f(() => {
+    e.setPage("captionManage");
+  }, [e]);
+  return /* @__PURE__ */ t(K, { label: n("CAPTIONS_MANAGE"), onClick: o });
+}
+function Yn() {
+  const e = N(), n = L(), { t: o } = _(), i = z();
   return /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
+      ref: i,
       id: "submenu",
-      "aria-label": n("CAPTIONS_MENU"),
+      "aria-label": o("CAPTIONS_MENU"),
       role: "menu",
-      className: d.menuContainer,
+      className: u.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -721,27 +731,28 @@ function Gn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: d.menuBackButton,
+            className: u.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t(Q, {}),
-              /* @__PURE__ */ t("span", { children: n("BACK") })
+              /* @__PURE__ */ t($, {}),
+              /* @__PURE__ */ t("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: d.menuHeading, children: n("CAPTIONS") }),
-        /* @__PURE__ */ l("div", { className: d.scrollableButtons, children: [
-          /* @__PURE__ */ t(zn, {}),
-          /* @__PURE__ */ t($n, {}),
+        /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
+        /* @__PURE__ */ l("div", { className: u.scrollableButtons, children: [
           /* @__PURE__ */ t(Un, {}),
-          /* @__PURE__ */ t(qn, {})
+          /* @__PURE__ */ t(qn, {}),
+          /* @__PURE__ */ t(Gn, {}),
+          /* @__PURE__ */ t(Qn, {}),
+          n.onCaptionsDelete && /* @__PURE__ */ t(Wn, {})
         ] })
       ]
     }
   );
 }
-function jn() {
-  const e = I(), n = rt(), { t: o } = b(), i = z();
+function Xn() {
+  const e = N(), n = dt(), { t: o } = _(), i = z();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -749,7 +760,7 @@ function jn() {
       id: "submenu",
       "aria-label": o("CAPTIONS_LANGUAGE_MENU"),
       role: "menu",
-      className: d.menuContainer,
+      className: u.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -757,16 +768,16 @@ function jn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: d.menuBackButton,
+            className: u.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t(Q, {}),
+              /* @__PURE__ */ t($, {}),
               /* @__PURE__ */ t("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
-        /* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: s, label: a, select: c, selected: r }) => /* @__PURE__ */ l(
+        /* @__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(
           "button",
           {
             type: "button",
@@ -774,10 +785,10 @@ function jn() {
             "aria-checked": r,
             onClick: () => c(),
             tabIndex: -1,
-            className: d.menuItem,
+            className: u.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: d.checkIcon }),
-              /* @__PURE__ */ t("span", { className: d.menuItemLabel, children: a })
+              /* @__PURE__ */ t(ie, { className: u.checkIcon }),
+              /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: a })
             ]
           },
           s
@@ -786,8 +797,8 @@ function jn() {
     }
   );
 }
-function Qn() {
-  const e = w(), n = I(), { t: o } = b(), i = z();
+function Jn() {
+  const e = w(), n = N(), { t: o } = _(), i = z();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -795,7 +806,7 @@ function Qn() {
       id: "submenu",
       "aria-label": o("CAPTIONS_FONT_SIZE_MENU"),
       role: "menu",
-      className: d.menuContainer,
+      className: u.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -803,16 +814,16 @@ function Qn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: d.menuBackButton,
+            className: u.menuBackButton,
             onClick: n.back,
             children: [
-              /* @__PURE__ */ t(Q, {}),
+              /* @__PURE__ */ t($, {}),
               /* @__PURE__ */ t("span", { children: o("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
-        /* @__PURE__ */ t("div", { className: d.scrollableButtons, children: Ot.map((s) => /* @__PURE__ */ l(
+        /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
+        /* @__PURE__ */ t("div", { className: u.scrollableButtons, children: Zt.map((s) => /* @__PURE__ */ l(
           "button",
           {
             type: "button",
@@ -822,10 +833,10 @@ function Qn() {
               e.setCaptionsFontSizeMultiplier(s);
             },
             tabIndex: -1,
-            className: d.menuItem,
+            className: u.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: d.checkIcon }),
-              /* @__PURE__ */ l("span", { className: d.menuItemLabel, children: [
+              /* @__PURE__ */ t(ie, { className: u.checkIcon }),
+              /* @__PURE__ */ l("span", { className: u.menuItemLabel, children: [
                 s * 100,
                 "%"
               ] })
@@ -837,8 +848,57 @@ function Qn() {
     }
   );
 }
-function Wn() {
-  const e = I(), n = ut({ sort: "descending" }), o = f("autoQuality"), { t: i } = b(), s = z();
+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();
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ref: i,
+      id: "submenu",
+      "aria-label": o("CAPTIONS_MANAGE_MENU"),
+      role: "menu",
+      className: u.menuContainer,
+      children: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            tabIndex: -1,
+            className: u.menuBackButton,
+            onClick: e.back,
+            children: [
+              /* @__PURE__ */ t($, {}),
+              /* @__PURE__ */ t("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(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            onClick: () => {
+              var a;
+              (a = n.onCaptionsDelete) == null || a.call(n, s);
+            },
+            tabIndex: -1,
+            className: u.menuItem,
+            children: [
+              /* @__PURE__ */ t(je, { className: u.trashIcon }),
+              /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: o("CAPTION_DELETE", { language: s.label }) })
+            ]
+          },
+          s.language
+        )) })
+      ]
+    }
+  );
+}
+function to() {
+  const e = N(), n = mt({ sort: "descending" }), o = g("autoQuality"), { t: i } = _(), s = z();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -846,7 +906,7 @@ function Wn() {
       id: "submenu",
       "aria-label": i("QUALITY_MENU"),
       role: "menu",
-      className: d.menuContainer,
+      className: u.menuContainer,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -854,27 +914,27 @@ function Wn() {
             type: "button",
             role: "menuitem",
             tabIndex: -1,
-            className: d.menuBackButton,
+            className: u.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t(Q, {}),
+              /* @__PURE__ */ t($, {}),
               /* @__PURE__ */ t("span", { children: i("BACK") })
             ]
           }
         ),
-        /* @__PURE__ */ t("strong", { className: d.menuHeading, children: i("QUALITY") }),
-        /* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: a, label: c, select: r, selected: u }) => /* @__PURE__ */ l(
+        /* @__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(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-checked": a === "auto" && o || u && !o,
+            "aria-checked": a === "auto" && o || d && !o,
             onClick: () => r(),
             tabIndex: -1,
-            className: d.menuItem,
+            className: u.menuItem,
             children: [
-              /* @__PURE__ */ t(ie, { className: d.checkIcon }),
-              /* @__PURE__ */ t("span", { className: d.menuItemLabel, children: c })
+              /* @__PURE__ */ t(ie, { className: u.checkIcon }),
+              /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: c })
             ]
           },
           a
@@ -883,45 +943,46 @@ function Wn() {
     }
   );
 }
-const De = ce(null), Yn = {
-  main: En,
-  speed: Dn,
-  captions: Gn,
-  captionLanguage: jn,
-  captionFontSize: Qn,
-  quality: Wn
-}, Xn = {
+const De = ce(null), no = {
+  main: Bn,
+  speed: $n,
+  captions: Yn,
+  captionLanguage: Xn,
+  captionFontSize: Jn,
+  captionManage: eo,
+  quality: to
+}, oo = {
   name: "middleware",
   async fn(e) {
-    const n = await vt(e);
+    const n = await yt(e);
     return {
       x: e.x - n.right - 4,
       y: e.y - 4
     };
   }
 };
-function Jn() {
-  const e = w(), [n, o] = L(["main"]), [i, s] = L(!1), a = C(() => {
+function io() {
+  const e = w(), [n, o] = x(["main"]), [i, s] = x(!1), a = f(() => {
     s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
-  }, [i]), c = C((_) => {
-    o((V) => V.concat(_));
-  }, []), r = C(() => {
-    o((_) => _.length > 1 ? _.slice(0, -1) : _);
-  }, []), u = T(() => Yn[n[n.length - 1]], [n]), { refs: p, floatingStyles: g, context: v } = ue({
+  }, [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({
     open: i,
     onOpenChange: a,
     placement: "top-end",
     whileElementsMounted: de,
-    middleware: [Xn]
-  }), k = me(v, { escapeKey: !1 }), { getReferenceProps: y, getFloatingProps: N } = he([k]), h = T(
+    middleware: [oo]
+  }), k = me(v, { escapeKey: !1 }), { getReferenceProps: y, getFloatingProps: P } = he([k]), h = T(
     () => ({ setPage: c, back: r, toggle: a }),
     [r, c, a]
   );
   return {
-    Page: u,
+    Page: d,
     open: i,
     refs: p,
-    floatingStyles: g,
+    floatingStyles: b,
     context: v,
     getReferenceProps() {
       return {
@@ -929,16 +990,16 @@ function Jn() {
         tabIndex: e.state.interactionsDisabled ? -1 : 0
       };
     },
-    getFloatingProps: N,
+    getFloatingProps: P,
     contextValue: h
   };
 }
-const e1 = "_settings-menu_qaqbm_1", t1 = "_arrow_qaqbm_37", n1 = {
+const so = "_settings-menu_qaqbm_1", ao = "_arrow_qaqbm_37", lo = {
   "settings-menu": "_settings-menu_qaqbm_1",
-  settingsMenu: e1,
-  arrow: t1
+  settingsMenu: so,
+  arrow: ao
 };
-function o1() {
+function co() {
   const {
     Page: e,
     context: n,
@@ -948,26 +1009,26 @@ function o1() {
     open: a,
     refs: c,
     contextValue: r
-  } = Jn(), { t: u } = b();
-  return /* @__PURE__ */ l(G, { children: [
+  } = io(), { t: d } = _();
+  return /* @__PURE__ */ l(Y, { children: [
     /* @__PURE__ */ t(
       "button",
       {
         ref: c.setReference,
         type: "button",
         className: "controls-button",
-        "aria-label": u("SETTINGS"),
+        "aria-label": d("SETTINGS"),
         onClick: r.toggle,
         "aria-expanded": a,
         ...s(),
-        children: /* @__PURE__ */ t(an, { className: "controls-button-icon icon-rotate" })
+        children: /* @__PURE__ */ t(cn, { className: "controls-button-icon icon-rotate" })
       }
     ),
     a && /* @__PURE__ */ t(pe, { context: n, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ t(
       "div",
       {
         "aria-labelledby": "submenu",
-        className: n1.settingsMenu,
+        className: lo.settingsMenu,
         ref: c.setFloating,
         style: o,
         ...i(),
@@ -976,91 +1037,91 @@ function o1() {
     ) })
   ] });
 }
-function ze(e, n = 1e3) {
+function Ke(e, n = 1e3) {
   return function() {
-    const i = f("lastKeyboardAction"), [s, a] = L(!1), c = C(() => a(!1), []);
-    return R(() => {
+    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 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" }) }), i1 = (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" }) }), s1 = (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" }) }), a1 = "_feedback-overlay_v4lbu_1", l1 = "_feedback-message_v4lbu_14", c1 = "_feedback-icon_v4lbu_30", r1 = "_feedback-icon-animation_v4lbu_1", x = {
+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: a1,
+  feedbackOverlay: mo,
   "feedback-message": "_feedback-message_v4lbu_14",
-  feedbackMessage: l1,
+  feedbackMessage: ho,
   "feedback-icon": "_feedback-icon_v4lbu_30",
-  feedbackIcon: c1,
+  feedbackIcon: po,
   "feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
-  feedbackIconAnimation: r1
+  feedbackIconAnimation: _o
 };
-function u1() {
+function Co() {
   var o;
   const e = He();
   switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
     case "togglePaused":
-      return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(Ce, {}) : /* @__PURE__ */ t(fe, {}) });
+      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: x.feedbackIcon, children: /* @__PURE__ */ t(Fe, {}) }) : null;
+      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: x.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t($e, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(qe, {}) : /* @__PURE__ */ t(Ue, {}) });
+      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, {}) });
     case "seekForward":
     case "seekForward10":
-      return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(i1, { className: "right" }) });
+      return /* @__PURE__ */ t("i", { className: M.feedbackIcon, children: /* @__PURE__ */ t(ro, { className: "right" }) });
     case "seekBackward":
     case "seekBackward10":
-      return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(s1, { className: "left" }) });
+      return /* @__PURE__ */ t("i", { className: M.feedbackIcon, children: /* @__PURE__ */ t(uo, { className: "left" }) });
     default:
       return null;
   }
 }
-function d1() {
+function fo() {
   var i;
-  const { t: e } = b(), n = He();
+  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: x.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
+      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: x.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
+      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: x.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
+      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
     case "seekForward":
-      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
+      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
     case "seekForward10":
-      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
+      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
     case "seekBackward":
-      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
+      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
     case "seekBackward10":
-      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
+      return /* @__PURE__ */ t("div", { className: M.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
     default:
       return null;
   }
 }
-const m1 = ze(u1, 500), h1 = ze(d1, 1e3);
+const go = Ke(Co, 500), bo = Ke(fo, 1e3);
 function Ge() {
-  return /* @__PURE__ */ l("div", { className: x.feedbackOverlay, children: [
-    /* @__PURE__ */ t(m1, {}),
-    /* @__PURE__ */ t(h1, {})
+  return /* @__PURE__ */ l("div", { className: M.feedbackOverlay, children: [
+    /* @__PURE__ */ t(go, {}),
+    /* @__PURE__ */ t(bo, {})
   ] });
 }
-const p1 = (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" }) }), _1 = (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" }) }), C1 = "_full-screen-button_1xm32_2", f1 = {
+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 = {
   "full-screen-button": "_full-screen-button_1xm32_2",
-  fullScreenButton: C1
+  fullScreenButton: yo
 };
-function b1() {
-  const e = f("fullscreen"), n = O(), o = w(), i = M(), { t: s } = b();
+function Lo() {
+  const e = g("fullscreen"), n = Z(), o = w(), i = L(), { t: s } = _();
   return i.hideFullScreen ? null : /* @__PURE__ */ t(
     "button",
     {
@@ -1068,56 +1129,56 @@ function b1() {
       type: "button",
       "aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
       tabIndex: o.state.interactionsDisabled ? -1 : 0,
-      className: `controls-button ${f1.fullScreenButton}`,
+      className: `controls-button ${ko.fullScreenButton}`,
       onClick: () => {
         e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
       },
-      children: e ? /* @__PURE__ */ t(_1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(p1, { className: "controls-button-icon" })
+      children: e ? /* @__PURE__ */ t(wo, { className: "controls-button-icon" }) : /* @__PURE__ */ t(vo, { className: "controls-button-icon" })
     }
   );
 }
-const g1 = "_gestures-container_1fn3b_1", v1 = "_gesture_1fn3b_1", xe = {
+const xo = "_gestures-container_1fn3b_1", Mo = "_gesture_1fn3b_1", xe = {
   "gestures-container": "_gestures-container_1fn3b_1",
-  gesturesContainer: g1,
-  gesture: v1
+  gesturesContainer: xo,
+  gesture: Mo
 };
-function w1() {
+function No() {
   const e = oe(), n = () => {
     e.togglePaused();
   };
   return /* @__PURE__ */ t("div", { className: xe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: xe.gesture, onClick: n }) });
 }
-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: "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" }) }), y1 = "_controls-overlay_poi8b_1", k1 = "_keyboard-shortcuts-overlay_poi8b_11", L1 = "_screen-reader-content_poi8b_75", x1 = "_controls-button_poi8b_89", M1 = "_keyboard-shortcuts-button_poi8b_101", N1 = "_kebab-menu-button_poi8b_110", P1 = "_kebab-menu_poi8b_110", I1 = "_kebab-menu-item_poi8b_139", H1 = "_close-button_poi8b_178", S1 = "_arrow_poi8b_192", P = {
+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 = {
   "controls-overlay": "_controls-overlay_poi8b_1",
-  controlsOverlay: y1,
+  controlsOverlay: Po,
   "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
-  keyboardShortcutsOverlay: k1,
+  keyboardShortcutsOverlay: Io,
   "screen-reader-content": "_screen-reader-content_poi8b_75",
-  screenReaderContent: L1,
+  screenReaderContent: Ho,
   "controls-button": "_controls-button_poi8b_89",
-  controlsButton: x1,
+  controlsButton: So,
   "keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
-  keyboardShortcutsButton: M1,
+  keyboardShortcutsButton: To,
   "kebab-menu-button": "_kebab-menu-button_poi8b_110",
-  kebabMenuButton: N1,
+  kebabMenuButton: Vo,
   "kebab-menu": "_kebab-menu_poi8b_110",
-  kebabMenu: P1,
+  kebabMenu: Ao,
   "kebab-menu-item": "_kebab-menu-item_poi8b_139",
-  kebabMenuItem: I1,
+  kebabMenuItem: Eo,
   "close-button": "_close-button_poi8b_178",
-  closeButton: H1,
-  arrow: S1
+  closeButton: Bo,
+  arrow: Ro
 };
-function V1({ onClose: e }) {
-  const { t: n } = b();
-  In(e);
+function Oo({ onClose: e }) {
+  const { t: n } = _();
+  Sn(e);
   const o = (i) => {
     i && i.focus();
   };
   return /* @__PURE__ */ l(
     "div",
     {
-      className: P.keyboardShortcutsOverlay,
+      className: I.keyboardShortcutsOverlay,
       tabIndex: 0,
       ref: o,
       role: "dialog",
@@ -1129,15 +1190,15 @@ function V1({ onClose: e }) {
             "button",
             {
               type: "button",
-              className: P.closeButton,
+              className: I.closeButton,
               onClick: e,
               "aria-label": n("CLOSE"),
-              children: /* @__PURE__ */ t(je, {})
+              children: /* @__PURE__ */ t(Qe, {})
             }
           )
         ] }),
         /* @__PURE__ */ l("table", { children: [
-          /* @__PURE__ */ t("caption", { className: P.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
+          /* @__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") })
@@ -1224,86 +1285,86 @@ function V1({ onClose: e }) {
     }
   );
 }
-const T1 = (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" }) }), E1 = (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" }) }), A1 = (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" }) }), B1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), R1 = (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" }) }), O1 = {
-  share: /* @__PURE__ */ t(E1, {}),
-  transcript: /* @__PURE__ */ t(A1, {}),
-  media: /* @__PURE__ */ t(B1, {}),
-  delete: /* @__PURE__ */ t(R1, {})
-}, F1 = (e) => typeof e != "string";
-function Z1() {
-  const [e, n] = L(!1), [o, i] = L(null), s = w(), a = M(), c = () => {
+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), u = ne([]), { refs: p, floatingStyles: g, context: v } = ue({
+  }, r = ne(null), d = ne([]), { refs: p, floatingStyles: b, context: v } = ue({
     open: e,
     onOpenChange: c,
     whileElementsMounted: de,
     placement: "bottom-end",
     middleware: [
       Se(),
-      Ve(10),
-      Te({
+      Te(10),
+      Ve({
         element: r
       })
     ]
-  }), k = wt(v, {
-    listRef: u,
+  }), k = kt(v, {
+    listRef: d,
     activeIndex: o,
     onNavigate: i
-  }), y = me(v), { getReferenceProps: N, getFloatingProps: h, getItemProps: _ } = he(
+  }), y = me(v), { getReferenceProps: P, getFloatingProps: h, getItemProps: C } = he(
     [y, k]
-  ), { t: V } = b();
-  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ l(G, { children: [
+  ), { t: V } = _();
+  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ l(Y, { children: [
     /* @__PURE__ */ t(
       "button",
       {
         "aria-label": V("KEBAB_MENU"),
         type: "button",
-        className: `${P.controlsButton} ${P.kebabMenuButton}`,
+        className: `${I.controlsButton} ${I.kebabMenuButton}`,
         tabIndex: s.state.interactionsDisabled ? -1 : 0,
         ref: p.setReference,
-        ...N({
+        ...P({
           onClick: () => c()
         }),
-        children: /* @__PURE__ */ t(T1, {})
+        children: /* @__PURE__ */ t(Fo, {})
       }
     ),
     e && /* @__PURE__ */ t(pe, { context: v, modal: !1, children: /* @__PURE__ */ l(
       "div",
       {
         ref: p.setFloating,
-        style: g,
-        className: P.kebabMenu,
+        style: b,
+        className: I.kebabMenu,
         ...h(),
         children: [
           a.kebabMenuElements.map(
-            ({ id: F, text: Z, icon: S, onClick: W }, Y) => /* @__PURE__ */ l(
+            ({ id: A, text: U, icon: S, onClick: E }, q) => /* @__PURE__ */ l(
               "button",
               {
-                tabIndex: o === Y ? 0 : -1,
+                tabIndex: o === q ? 0 : -1,
                 type: "button",
-                className: P.kebabMenuItem,
+                className: I.kebabMenuItem,
                 ref: (se) => {
-                  u.current[Y] = se;
+                  d.current[q] = se;
                 },
-                ..._({
+                ...C({
                   onClick: () => {
-                    W(F), n(!1);
+                    E(A), n(!1);
                   }
                 }),
                 children: [
-                  F1(S) ? S : O1[S],
-                  Z
+                  Ko(S) ? S : Do[S],
+                  U
                 ]
               },
-              F
+              A
             )
           ),
           /* @__PURE__ */ t(
-            Ee,
+            Ae,
             {
               ref: r,
               context: v,
-              className: P.arrow
+              className: I.arrow
             }
           )
         ]
@@ -1311,44 +1372,44 @@ function Z1() {
     ) })
   ] }) : null;
 }
-const K1 = (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 D1() {
-  const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), c = w(), r = f("playing"), u = oe(), { t: p } = b(), g = C(() => {
-    n(!0), c.disableInteractions(), r && (a(!0), u.pause());
-  }, [r, u, c]), v = C(() => {
-    n(!1), i(!0), c.enableInteractions(), s && (a(!1), u.play());
-  }, [s, u, c]), k = C(
+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()),
     [o]
   );
-  return e ? /* @__PURE__ */ t(V1, { onClose: v }) : /* @__PURE__ */ l("div", { className: P.controlsOverlay, children: [
+  return e ? /* @__PURE__ */ t(Oo, { onClose: v }) : /* @__PURE__ */ l("div", { className: I.controlsOverlay, children: [
     /* @__PURE__ */ t(
       "button",
       {
         ref: k,
         "aria-label": p("KEYBOARD_SHORTCUTS"),
         type: "button",
-        className: `${P.controlsButton} ${P.keyboardShortcutsButton}`,
-        onClick: g,
+        className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
+        onClick: b,
         tabIndex: c.state.interactionsDisabled ? -1 : 0,
-        children: /* @__PURE__ */ t(K1, {})
+        children: /* @__PURE__ */ t(Uo, {})
       }
     ),
-    /* @__PURE__ */ t(Z1, {})
+    /* @__PURE__ */ t($o, {})
   ] });
 }
-const z1 = "_play-pause-button_1834v_1", $1 = {
+const Go = "_play-pause-button_1834v_1", Qo = {
   "play-pause-button": "_play-pause-button_1834v_1",
-  playPauseButton: z1
+  playPauseButton: Go
 };
-function U1() {
-  const e = O(), n = w(), o = f("paused"), { t: i } = b();
+function Wo() {
+  const e = Z(), n = w(), o = g("paused"), { t: i } = _();
   return e ? /* @__PURE__ */ t(
     "button",
     {
       role: "button",
       type: "button",
-      className: `controls-button ${$1.playPauseButton}`,
+      className: `controls-button ${Qo.playPauseButton}`,
       "aria-label": i(o ? "PLAY" : "PAUSE"),
       tabIndex: n.state.interactionsDisabled ? -1 : 0,
       onClick: () => {
@@ -1358,108 +1419,108 @@ function U1() {
     }
   ) : null;
 }
-const q1 = "_poster_195hi_1", G1 = {
-  poster: q1
+const Yo = "_poster_195hi_1", Xo = {
+  poster: Yo
 };
-function j1({ src: e }) {
-  const n = f("source");
-  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(dt, { src: e, className: G1.poster });
+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 });
 }
-const Q1 = "_small-layout-overlay_80lyi_1", W1 = "_small-layout-button_80lyi_14", Y1 = "_small-layout-icon-play_80lyi_24", X1 = "_small-layout-icon-pause_80lyi_30", J1 = "_full-screen-close-icon_80lyi_36", eo = "_fade-out_80lyi_1", U = {
+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 = {
   "small-layout-overlay": "_small-layout-overlay_80lyi_1",
-  smallLayoutOverlay: Q1,
+  smallLayoutOverlay: e1,
   "small-layout-button": "_small-layout-button_80lyi_14",
-  smallLayoutButton: W1,
+  smallLayoutButton: t1,
   "small-layout-icon-play": "_small-layout-icon-play_80lyi_24",
-  smallLayoutIconPlay: Y1,
+  smallLayoutIconPlay: n1,
   "small-layout-icon-pause": "_small-layout-icon-pause_80lyi_30",
-  smallLayoutIconPause: X1,
+  smallLayoutIconPause: o1,
   "full-screen-close-icon": "_full-screen-close-icon_80lyi_36",
-  fullScreenCloseIcon: J1,
+  fullScreenCloseIcon: i1,
   "fade-out": "_fade-out_80lyi_1",
-  fadeOut: eo
+  fadeOut: s1
 };
-function to() {
-  const e = f("paused");
-  return /* @__PURE__ */ l("div", { className: U.smallLayoutOverlay, children: [
-    /* @__PURE__ */ t(mt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(je, {}) }),
-    /* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(fe, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(Ce, { className: U.smallLayoutIconPause }) })
+function a1() {
+  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 }) })
   ] });
 }
-const no = "_time-indicator_1rlpb_1", oo = {
-  "time-indicator": "_time-indicator_1rlpb_1",
-  timeIndicator: no
+const l1 = "_time-indicator_1uygf_1", c1 = {
+  "time-indicator": "_time-indicator_1uygf_1",
+  timeIndicator: l1
 };
-function io() {
-  return /* @__PURE__ */ l("div", { className: oo.timeIndicator, children: [
+function r1() {
+  return /* @__PURE__ */ l("div", { className: c1.timeIndicator, children: [
     /* @__PURE__ */ t(ke, { type: "current" }),
     "/",
     /* @__PURE__ */ t(ke, { type: "duration" })
   ] });
 }
-function Qe(e) {
+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 = Qe(e[n])) && (i && (i += " "), i += o);
+    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 so() {
-  for (var e, n, o = 0, i = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (n = Qe(e)) && (i && (i += " "), i += n);
+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 ao = "_comment-markers_1ldxg_1", lo = "_comment-marker_1ldxg_1", co = "_timeline-wrapper_1ldxg_27", ro = "_track_1ldxg_41", uo = "_thumb_1ldxg_52", mo = "_root_1ldxg_66", ho = "_track-inner_1ldxg_96", po = "_progress_1ldxg_102", _o = "_track-fill_1ldxg_108", Co = "_pins_1ldxg_125", fo = "_pin-button_1ldxg_138", bo = "_annotation-pin_1ldxg_158", go = "_quiz-pin_1ldxg_163", vo = "_pin-completed_1ldxg_168", wo = "_annotation-pin-child_1ldxg_173", yo = "_quiz-pin-child_1ldxg_177", ko = "_interactive-pin-container_1ldxg_182", Lo = "_interactive-pin-wrapper_1ldxg_192", xo = "_interactive-pin-icon_1ldxg_198", Mo = "_interactive-pin_1ldxg_182", No = "_bg_1ldxg_212", Po = "_symbol_1ldxg_216", Io = "_interactive-pin-button_1ldxg_221", Ho = "_interactive-pin-menu_1ldxg_241", So = "_interactive-pin-menu-item_1ldxg_255", Vo = "_arrow_1ldxg_276", m = {
+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: ao,
+  commentMarkers: d1,
   "comment-marker": "_comment-marker_1ldxg_1",
-  commentMarker: lo,
+  commentMarker: m1,
   "timeline-wrapper": "_timeline-wrapper_1ldxg_27",
-  timelineWrapper: co,
-  track: ro,
-  thumb: uo,
-  root: mo,
+  timelineWrapper: h1,
+  track: p1,
+  thumb: _1,
+  root: C1,
   "track-inner": "_track-inner_1ldxg_96",
-  trackInner: ho,
-  progress: po,
+  trackInner: f1,
+  progress: g1,
   "track-fill": "_track-fill_1ldxg_108",
-  trackFill: _o,
-  pins: Co,
+  trackFill: b1,
+  pins: v1,
   "pin-button": "_pin-button_1ldxg_138",
-  pinButton: fo,
+  pinButton: w1,
   "annotation-pin": "_annotation-pin_1ldxg_158",
-  annotationPin: bo,
+  annotationPin: y1,
   "quiz-pin": "_quiz-pin_1ldxg_163",
-  quizPin: go,
+  quizPin: k1,
   "pin-completed": "_pin-completed_1ldxg_168",
-  pinCompleted: vo,
+  pinCompleted: L1,
   "annotation-pin-child": "_annotation-pin-child_1ldxg_173",
-  annotationPinChild: wo,
+  annotationPinChild: x1,
   "quiz-pin-child": "_quiz-pin-child_1ldxg_177",
-  quizPinChild: yo,
+  quizPinChild: M1,
   "interactive-pin-container": "_interactive-pin-container_1ldxg_182",
-  interactivePinContainer: ko,
+  interactivePinContainer: N1,
   "interactive-pin-wrapper": "_interactive-pin-wrapper_1ldxg_192",
-  interactivePinWrapper: Lo,
+  interactivePinWrapper: P1,
   "interactive-pin-icon": "_interactive-pin-icon_1ldxg_198",
-  interactivePinIcon: xo,
+  interactivePinIcon: I1,
   "interactive-pin": "_interactive-pin_1ldxg_182",
-  interactivePin: Mo,
-  bg: No,
-  symbol: Po,
+  interactivePin: H1,
+  bg: S1,
+  symbol: T1,
   "interactive-pin-button": "_interactive-pin-button_1ldxg_221",
-  interactivePinButton: Io,
+  interactivePinButton: V1,
   "interactive-pin-menu": "_interactive-pin-menu_1ldxg_241",
-  interactivePinMenu: Ho,
+  interactivePinMenu: A1,
   "interactive-pin-menu-item": "_interactive-pin-menu-item_1ldxg_255",
-  interactivePinMenuItem: So,
-  arrow: Vo
-}, To = {
+  interactivePinMenuItem: E1,
+  arrow: B1
+}, R1 = {
   annotation: m.annotationPin,
   quiz: m.quizPin
 };
-function We({
+function Ye({
   type: e,
   position: n,
   children: o,
@@ -1480,7 +1541,7 @@ function We({
       children: /* @__PURE__ */ l(
         "svg",
         {
-          className: so(To[e], [a && m.pinCompleted]),
+          className: u1(R1[e], [a && m.pinCompleted]),
           width: "26",
           height: "32",
           viewBox: "0 0 26 32",
@@ -1494,8 +1555,8 @@ function We({
     }
   );
 }
-function Eo(e) {
-  return /* @__PURE__ */ t(We, { type: "annotation", ...e, children: /* @__PURE__ */ t(
+function O1(e) {
+  return /* @__PURE__ */ t(Ye, { type: "annotation", ...e, children: /* @__PURE__ */ t(
     "path",
     {
       className: m.annotationPinChild,
@@ -1507,8 +1568,18 @@ function Eo(e) {
     }
   ) });
 }
-function Ao(e) {
-  return /* @__PURE__ */ t(We, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
+function F1(e) {
+  const n = e.completed ? /* @__PURE__ */ t(
+    "path",
+    {
+      className: m.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(
     "text",
     {
       className: m.quizPinChild,
@@ -1519,9 +1590,10 @@ function Ao(e) {
       stroke: "none",
       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 });
 }
-function Bo(e, n) {
+function Z1(e, n) {
   return e.map((o, i) => ({
     id: o.id,
     time: o.time,
@@ -1530,7 +1602,7 @@ function Bo(e, n) {
     onClick: () => n(o)
   }));
 }
-function Ro(e, n) {
+function z1(e, n) {
   const o = /* @__PURE__ */ new Map();
   e.forEach((a) => {
     var r;
@@ -1551,12 +1623,12 @@ function Ro(e, n) {
     }), s++;
   }), i;
 }
-function Oo(e, n, o, i) {
+function j1(e, n, o, i) {
   switch (e.type) {
     case "annotation": {
       const s = () => i ? e.onClick() : o.seek(e.time);
       return /* @__PURE__ */ t(
-        Eo,
+        O1,
         {
           id: e.id,
           position: e.time / n * 100,
@@ -1567,7 +1639,7 @@ function Oo(e, n, o, i) {
     }
     case "quiz":
       return /* @__PURE__ */ t(
-        Ao,
+        F1,
         {
           id: e.id,
           position: e.time / n * 100,
@@ -1582,18 +1654,18 @@ function Oo(e, n, o, i) {
       return null;
   }
 }
-function Fo() {
-  const e = oe(), n = f("duration"), o = M(), i = T(() => [
-    ...Bo(
+function D1() {
+  const e = oe(), n = g("duration"), o = L(), i = T(() => [
+    ...Z1(
       o.annotations,
       o.onAnnotationClick
     ),
-    ...Ro(o.quizMarkers, o.onQuizMarkerClick)
-  ].sort((a, c) => a.time - c.time).map((a) => Oo(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
+    ...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 });
 }
-function Zo() {
-  const e = f("duration"), n = M(), o = w();
+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(
     "span",
     {
@@ -1605,25 +1677,25 @@ function Zo() {
     i.id
   )) }) : null;
 }
-function Ko({ currentTime: e, position: n }) {
-  const [o, i] = L(!1), s = M(), a = C(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
+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: u, context: p } = ue({
+  ]), c = ne(null), { refs: r, floatingStyles: d, context: p } = ue({
     open: o,
     onOpenChange: i,
     whileElementsMounted: de,
     placement: "top",
     middleware: [
       Se(),
-      Ve(6),
-      Te({
+      Te(6),
+      Ve({
         element: c
       })
     ]
-  }), g = me(p), { getReferenceProps: v, getFloatingProps: k } = he([g]);
-  return /* @__PURE__ */ l(G, { children: [
+  }), b = me(p), { getReferenceProps: v, getFloatingProps: k } = he([b]);
+  return /* @__PURE__ */ l(Y, { children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -1683,12 +1755,12 @@ function Ko({ currentTime: e, position: n }) {
           "div",
           {
             ref: r.setFloating,
-            style: u,
+            style: d,
             className: m.interactivePinMenu,
             ...k(),
             children: [
               s.interactiveMenuElements.map(
-                ({ id: y, text: N, onClick: h }) => /* @__PURE__ */ l(
+                ({ id: y, text: P, onClick: h }) => /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
@@ -1716,14 +1788,14 @@ function Ko({ currentTime: e, position: n }) {
                           )
                         }
                       ),
-                      N
+                      P
                     ]
                   },
                   y
                 )
               ),
               /* @__PURE__ */ t(
-                Ee,
+                Ae,
                 {
                   ref: c,
                   context: p,
@@ -1737,50 +1809,50 @@ function Ko({ currentTime: e, position: n }) {
     )
   ] });
 }
-function Do() {
-  const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
+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(Ko, { currentTime: n, position: o }) }) });
+  ) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t($1, { currentTime: n, position: o }) }) });
 }
-function zo() {
-  const e = f("paused"), n = w();
-  return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Do, {}) : null;
+function q1() {
+  const e = g("paused"), n = w();
+  return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(U1, {}) : null;
 }
-const $o = `${m.progress} ${m.trackInner}`, Uo = `${m.trackFill} ${m.trackInner}`;
+const G1 = `${m.progress} ${m.trackInner}`, Q1 = `${m.trackFill} ${m.trackInner}`;
 function Me({ className: e }) {
-  const n = w(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
+  const n = w(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = L(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
   return /* @__PURE__ */ l("div", { className: a, children: [
-    s ? /* @__PURE__ */ t(zo, {}) : null,
-    s || o || i ? /* @__PURE__ */ t(Fo, {}) : null,
-    /* @__PURE__ */ t(Zo, {}),
+    s ? /* @__PURE__ */ t(q1, {}) : null,
+    s || o || i ? /* @__PURE__ */ t(D1, {}) : null,
+    /* @__PURE__ */ t(K1, {}),
     /* @__PURE__ */ l(
-      $.Root,
+      G.Root,
       {
         className: m.root,
         tabIndex: n.state.interactionsDisabled ? -1 : 0,
         children: [
-          /* @__PURE__ */ l($.Track, { className: m.track, children: [
-            /* @__PURE__ */ t($.Progress, { className: $o }),
-            /* @__PURE__ */ t($.TrackFill, { className: Uo })
+          /* @__PURE__ */ l(G.Track, { className: m.track, children: [
+            /* @__PURE__ */ t(G.Progress, { className: G1 }),
+            /* @__PURE__ */ t(G.TrackFill, { className: Q1 })
           ] }),
-          /* @__PURE__ */ t($.Thumb, { className: m.thumb })
+          /* @__PURE__ */ t(G.Thumb, { className: m.thumb })
         ]
       }
     )
   ] });
 }
-const qo = "_wrapper_12cb0_1", Go = "_track_12cb0_6", jo = "_thumb_12cb0_18", Qo = "_track-fill_12cb0_32", Wo = "_root_12cb0_51", q = {
-  wrapper: qo,
-  track: Go,
-  thumb: jo,
+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,
   "track-fill": "_track-fill_12cb0_32",
-  trackFill: Qo,
-  root: Wo
+  trackFill: J1,
+  root: ei
 };
-function Yo() {
-  const e = O(), n = f("volume"), o = f("muted"), i = w(), s = o || n === 0, { t: a } = b();
-  return /* @__PURE__ */ l("div", { className: q.wrapper, children: [
+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(
       "button",
       {
@@ -1798,11 +1870,11 @@ function Yo() {
     /* @__PURE__ */ l(
       X.Root,
       {
-        className: q.root,
+        className: W.root,
         tabIndex: i.state.interactionsDisabled ? -1 : 0,
         children: [
-          /* @__PURE__ */ t(X.Track, { className: q.track, children: /* @__PURE__ */ t(X.TrackFill, { className: q.trackFill }) }),
-          /* @__PURE__ */ t(X.Thumb, { className: q.thumb })
+          /* @__PURE__ */ t(X.Track, { className: W.track, children: /* @__PURE__ */ t(X.TrackFill, { className: W.trackFill }) }),
+          /* @__PURE__ */ t(X.Thumb, { className: W.thumb })
         ]
       }
     )
@@ -1903,7 +1975,7 @@ const Ne = {
 function Pe(e) {
   return typeof e == "number" && !isNaN(e);
 }
-function Xo(e, n = 1e3) {
+function ni(e, n = 1e3) {
   let o = !1;
   return () => {
     o || (e(), o = !0, setTimeout(() => {
@@ -1922,7 +1994,7 @@ const Ie = {
   invert: !1,
   comments: !1
 };
-class Jo {
+class oi {
   constructor() {
     H(this, "playerId", "studio-player");
     H(this, "mediaId", null);
@@ -1934,7 +2006,7 @@ class Jo {
       const n = (this.time ?? 0).toString();
       localStorage.setItem(this.mediaId, n);
     });
-    H(this, "saveTimeThrottled", Xo(this.saveTime, 1e3));
+    H(this, "saveTimeThrottled", ni(this.saveTime, 1e3));
     // only used for useStudioPlayer hook's state initialization
     H(this, "initializeState", (n) => {
       const o = localStorage.getItem(this.playerId);
@@ -2023,57 +2095,57 @@ class Jo {
     localStorage.setItem(this.playerId, n);
   }
 }
-function ei(e, n, o, i) {
-  const s = T(() => new Jo(), []), [a, c] = L(
+function ii(e, n, o, i) {
+  const s = T(() => new oi(), []), [a, c] = x(
     s.initializeState(i)
-  ), r = C(
+  ), r = f(
     (h) => {
-      c((_) => (s.saveData("multiplier", h), {
-        ..._,
+      c((C) => (s.saveData("multiplier", h), {
+        ...C,
         captionsFontSizeMultiplier: h
       }));
     },
     [s]
-  ), u = C(() => {
+  ), d = f(() => {
     c((h) => {
-      const _ = !h.captionPositionOnTop;
-      return s.saveData("ontop", _), {
+      const C = !h.captionPositionOnTop;
+      return s.saveData("ontop", C), {
         ...h,
-        captionPositionOnTop: _
+        captionPositionOnTop: C
       };
     });
-  }, [s]), p = C(() => {
+  }, [s]), p = f(() => {
     c((h) => {
-      const _ = !h.captionsInvertColors;
-      return s.saveData("invert", _), {
+      const C = !h.captionsInvertColors;
+      return s.saveData("invert", C), {
         ...h,
-        captionsInvertColors: _
+        captionsInvertColors: C
       };
     });
-  }, [s]), g = C(() => {
+  }, [s]), b = f(() => {
     c((h) => {
-      const _ = !h.commentsEnabled;
-      return s.saveData("comments", _), {
+      const C = !h.commentsEnabled;
+      return s.saveData("comments", C), {
         ...h,
-        commentsEnabled: _
+        commentsEnabled: C
       };
     });
-  }, [s]), v = C(() => {
+  }, [s]), v = f(() => {
     c((h) => ({
       ...h,
       interactionsDisabled: !1
     }));
-  }, []), k = C(() => {
+  }, []), k = f(() => {
     c((h) => ({
       ...h,
       interactionsDisabled: !0
     }));
-  }, []), y = C((h) => {
-    c((_) => ({
-      ..._,
+  }, []), y = f((h) => {
+    c((C) => ({
+      ...C,
       globalKeysDisabled: h
     }));
-  }, []), N = T(() => e ? {
+  }, []), P = T(() => e ? {
     ...Ne,
     toggleFullscreen: []
   } : Ne, [e]);
@@ -2084,32 +2156,32 @@ function ei(e, n, o, i) {
         commentsEnabled: n || a.commentsEnabled
       },
       setCaptionsFontSizeMultiplier: r,
-      toggleCaptionPositionOnTop: u,
+      toggleCaptionPositionOnTop: d,
       toggleCaptionsInvertColors: p,
       enableInteractions: v,
       disableInteractions: k,
       setGlobalKeysDisabled: y,
-      toggleComments: g,
+      toggleComments: b,
       disableCaptionSettings: o
     },
-    shortcuts: N,
+    shortcuts: P,
     storage: s
   };
 }
-const ti = {};
-function ni() {
-  const e = M();
-  return /* @__PURE__ */ l(G, { children: [
-    /* @__PURE__ */ t(j1, { src: e.thumbnail }),
+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(to, {}),
-    /* @__PURE__ */ t(w1, {}),
-    /* @__PURE__ */ t(Yt, { comments: e.comments })
+    /* @__PURE__ */ t(a1, {}),
+    /* @__PURE__ */ t(No, {}),
+    /* @__PURE__ */ t(Jt, { comments: e.comments })
   ] });
 }
-const oi = (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 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: [
   /* @__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" }),
@@ -2117,47 +2189,47 @@ const oi = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0
   ] }),
   /* @__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" })
 ] }) }) });
-function ii() {
-  const e = M();
+function ci() {
+  const e = L();
   return /* @__PURE__ */ l("div", { className: "audio-layout-wrapper", children: [
-    /* @__PURE__ */ t(oi, {}),
+    /* @__PURE__ */ t(li, {}),
     /* @__PURE__ */ t(Ge, {}),
     /* @__PURE__ */ t(Re, {}),
     /* @__PURE__ */ t(Ze, { captions: e.captions })
   ] });
 }
-function si(e, n) {
+function ri(e, n) {
   return e.reduce((o, i) => (Object.keys(n).includes(i.id) || (o[i.id] = !0), o), n);
 }
-function ai(e, n, o, i, s) {
+function ui(e, n, o, i, s) {
   return (a) => {
-    const c = a.detail.currentTime, r = !o.paused, u = Math.min(o.duration * 0.05, 2);
-    c >= e.time && c < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, r));
+    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));
   };
 }
-function li() {
-  const e = O(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] = L(
+function di() {
+  const e = Z(), { quizMarkers: n, onQuizMarkerShow: o } = L(), [i, s] = x(
     n.reduce((a, c) => (a[c.id] = !1, a), {})
   );
-  R(() => {
+  F(() => {
     if (!e)
       return;
-    n.length > Object.keys(i).length && s(si(n, i));
+    n.length > Object.keys(i).length && s(ri(n, i));
     const a = [], c = (r) => {
-      var g;
-      const u = (g = r == null ? void 0 : r.request) == null ? void 0 : g.detail, p = n.reduce((v, k) => (v[k.id] = k.time <= u, v), {});
+      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 });
     };
     e.addEventListener("seeked", c);
     for (const r of n) {
-      const u = ai(
+      const d = ui(
         r,
         o,
         e,
         i,
         s
       );
-      e.addEventListener("time-update", u), a.push(u);
+      e.addEventListener("time-update", d), a.push(d);
     }
     return () => {
       for (const r of a)
@@ -2166,18 +2238,18 @@ function li() {
     };
   }, [n, e, i]);
 }
-function ci() {
-  return li(), null;
+function mi() {
+  return di(), null;
 }
-function ri(e) {
+function hi(e) {
   return Array.isArray(e) && typeof e[0] == "object";
 }
-function ui(e) {
-  return ri(e) && e.length === 1 ? e[0].src : e;
+function pi(e) {
+  return hi(e) && e.length === 1 ? e[0].src : e;
 }
 const te = () => {
 };
-function gi({
+function ki({
   title: e,
   playerRef: n,
   src: o,
@@ -2186,95 +2258,97 @@ function gi({
   hideFullScreen: a = !1,
   comments: c = [],
   locale: r = "en",
-  annotations: u = [],
+  annotations: d = [],
   quizMarkers: p = [],
-  interactive: g = !1,
+  interactive: b = !1,
   onAnnotationClick: v = te,
   onQuizMarkerClick: k = te,
   onQuizMarkerShow: y = te,
-  onInteractivePinClick: N = te,
-  interactiveMenuElements: h = [],
-  kebabMenuElements: _ = [],
-  darkMode: V = !1,
-  autoLoadCaptionSrc: F = "",
-  forceComments: Z = !1,
-  disableCaptionSettings: S = !1,
-  disableStorage: W = !1,
-  startAt: Y,
-  crossOrigin: se,
-  captionOffsetOverride: Ye,
-  disableInteractivePinRanges: Xe = [],
-  customOverlay: be
+  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,
+  crossOrigin: Xe,
+  captionOffsetOverride: Je,
+  disableInteractivePinRanges: et = [],
+  customOverlay: ge
 }) {
-  const { contextValue: ae, shortcuts: Je, storage: et } = ei(
+  const { contextValue: ae, shortcuts: tt, storage: nt } = ii(
     a,
-    Z,
     S,
-    Y
-  ), { i18n: ge } = b();
-  R(() => {
-    ge.changeLanguage(r);
-  }, [ge, r]);
-  const [ve, we] = L("none"), tt = C((E) => {
-    ht(E) ? we("audio") : pt(E) && we("video");
+    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");
   }, []);
   return /* @__PURE__ */ t(
-    Lt,
+    Mt,
     {
       hideFullScreen: a,
       comments: c,
       captions: i,
       thumbnail: s,
-      annotations: u,
+      annotations: d,
       quizMarkers: p,
-      interactive: g,
+      interactive: b,
       onAnnotationClick: v,
       onQuizMarkerClick: k,
-      onInteractivePinClick: N,
-      interactiveMenuElements: h,
-      kebabMenuElements: _,
-      darkMode: V,
-      forceComments: Z,
-      disableCaptionSettings: S,
-      disableStorage: W,
-      captionOffsetOverride: Ye,
-      disableInteractivePinRanges: Xe,
+      onInteractivePinClick: P,
+      interactiveMenuElements: C,
+      kebabMenuElements: V,
+      darkMode: A,
+      forceComments: S,
+      disableCaptionSettings: E,
+      disableStorage: q,
+      captionOffsetOverride: Je,
+      disableInteractivePinRanges: et,
       onQuizMarkerShow: y,
-      children: /* @__PURE__ */ t(kt, { contextValue: ae, children: /* @__PURE__ */ l(
-        _t,
+      onCaptionsDelete: h,
+      children: /* @__PURE__ */ t(xt, { contextValue: ae, children: /* @__PURE__ */ l(
+        ft,
         {
-          "data-version": "0.4.0",
-          crossOrigin: se,
-          storage: W ? null : et,
+          "data-version": "0.4.3",
+          crossOrigin: Xe,
+          storage: q ? null : nt,
           title: e,
-          src: ui(o),
-          keyShortcuts: Je,
+          src: pi(o),
+          keyShortcuts: tt,
           playsInline: !0,
           keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
-          onTextTracksChange: (E) => {
-            const ye = E == null ? void 0 : E.findIndex(
-              (nt) => nt.src === F
+          onTextTracksChange: (B) => {
+            const ye = B == null ? void 0 : B.findIndex(
+              (it) => it.src === U
             );
-            ye > -1 && (E[ye].mode = "showing");
+            ye > -1 && (B[ye].mode = "showing");
           },
-          onProviderSetup: tt,
+          onProviderSetup: ot,
           children: [
-            /* @__PURE__ */ l(Ct, { className: ti.mediaProvider, children: [
-              ve === "audio" && /* @__PURE__ */ t(ii, {}),
-              ve === "video" && /* @__PURE__ */ t(ni, {})
+            /* @__PURE__ */ l(gt, { className: si.mediaProvider, children: [
+              ve === "audio" && /* @__PURE__ */ t(ci, {}),
+              ve === "video" && /* @__PURE__ */ t(ai, {})
             ] }),
-            /* @__PURE__ */ t(D1, {}),
-            be && be(),
+            /* @__PURE__ */ t(qo, {}),
+            ge && ge(),
             /* @__PURE__ */ t(
-              sn,
+              ln,
               {
-                darkMode: V,
+                darkMode: A,
                 playerRef: n,
-                showCaptionsButton: !S
+                showCaptionsButton: !E
               }
             ),
-            /* @__PURE__ */ t(Pt, { annotations: u }),
-            !!p.length && /* @__PURE__ */ t(ci, {})
+            /* @__PURE__ */ t(Ht, { annotations: d }),
+            !!p.length && /* @__PURE__ */ t(mi, {})
           ]
         }
       ) })
@@ -2282,10 +2356,10 @@ function gi({
   );
 }
 export {
-  Ot as CAPTION_FONT_SIZE_MULTIPLIERS,
-  Ft as COMMENT_DURATION,
+  Zt as CAPTION_FONT_SIZE_MULTIPLIERS,
+  zt as COMMENT_DURATION,
   D as PLAYBACK_RATES,
-  gi as StudioPlayer,
-  yi as useMediaState,
-  ki as useMediaStore
+  ki as StudioPlayer,
+  Mi as useMediaState,
+  Ni as useMediaStore
 };