npm - @instructure/studio-player - Versions diffs - 0.3.4 → 0.3.5 - Mend

@instructure/studio-player 0.3.4 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/{index-lpAko5-j.css → index-DTXwbjqh.css} +1 -1
package/dist/studio-player.es.js +288 -295
package/package.json +1 -1

package/dist/studio-player.es.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import './index-lpAko5-j.css';var tt = Object.defineProperty;
-var nt = (e, n, o) => n in e ? tt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
-var H = (e, n, o) => nt(e, typeof n != "symbol" ? n + "" : n, o);
-import { jsx as t, jsxs as a, Fragment as j } from "react/jsx-runtime";
+import './index-DTXwbjqh.css';var et = Object.defineProperty;
+var tt = (e, n, o) => n in e ? et(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
+var H = (e, n, o) => tt(e, typeof n != "symbol" ? n + "" : n, o);
+import { jsx as t, jsxs as s, Fragment as j } from "react/jsx-runtime";
 import { createContext as ce, useContext as le, useState as x, useCallback as _, useEffect as Z, useMemo as S, useRef as W } from "react";
-import { useMediaPlayer as z, Spinner as se, useMediaRemote as ne, useMediaState as C, isTrackCaptionKind as ot, Track as it, Captions as st, usePlaybackRateOptions as at, useCaptionOptions as ct, useVideoQualityOptions as lt, useMediaStore as Ve, Poster as rt, FullscreenButton as ut, Time as ke, TimeSlider as U, VolumeSlider as J, isAudioProvider as dt, isVideoProvider as mt, MediaPlayer as ht, MediaProvider as pt } from "@vidstack/react";
-import { useMediaState as ai, useMediaStore as ci } from "@vidstack/react";
-import { initReactI18next as _t, useTranslation as f } from "react-i18next";
-import Ct from "i18next";
-import ft from "i18next-resources-to-backend";
-import { useFloating as re, autoUpdate as ue, flip as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as Se, FloatingArrow as _e, shift as Te, offset as Ee, useListNavigation as bt } from "@floating-ui/react";
-const gt = (e, n, o) => {
+import { useMediaPlayer as z, Spinner as ae, useMediaRemote as ne, useMediaState as C, isTrackCaptionKind as nt, Track as ot, Captions as it, usePlaybackRateOptions as at, useCaptionOptions as st, useVideoQualityOptions as ct, useMediaStore as Ve, Poster as lt, FullscreenButton as rt, Time as ke, TimeSlider as U, VolumeSlider as J, isAudioProvider as ut, isVideoProvider as dt, MediaPlayer as mt, MediaProvider as ht } from "@vidstack/react";
+import { useMediaState as si, useMediaStore as ci } from "@vidstack/react";
+import { initReactI18next as pt, useTranslation as f } from "react-i18next";
+import _t from "i18next";
+import Ct from "i18next-resources-to-backend";
+import { useFloating as re, autoUpdate as ue, flip as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as Se, FloatingArrow as _e, shift as Te, offset as Ee, useListNavigation as ft } from "@floating-ui/react";
+const bt = (e, n, o) => {
   const i = e[n];
-  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, c) => {
+  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
       c.bind(
         null,
@@ -22,9 +22,9 @@ const gt = (e, n, o) => {
     );
   });
 };
-Ct.use(_t).use(
-  ft(
-    (e) => gt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
+_t.use(pt).use(
+  Ct(
+    (e) => bt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
   )
 ).init({
   fallbackLng: "en",
@@ -36,7 +36,7 @@ Ct.use(_t).use(
   }
 });
 const Re = ce(null);
-function vt({
+function gt({
   children: e,
   contextValue: n
 }) {
@@ -51,12 +51,12 @@ function g() {
   return e;
 }
 const Ae = ce(null);
-function wt({
+function vt({
   hideFullScreen: e,
   comments: n,
   captions: o,
   thumbnail: i,
-  annotations: s,
+  annotations: a,
   quizMarkers: c,
   interactive: l,
   onAnnotationClick: r,
@@ -75,7 +75,7 @@ function wt({
     comments: n,
     captions: o,
     thumbnail: i,
-    annotations: s,
+    annotations: a,
     quizMarkers: c,
     interactive: l,
     onAnnotationClick: r,
@@ -85,7 +85,7 @@ function wt({
     kebabMenuElements: y,
     darkMode: k,
     hasComments: n.length > 0,
-    hasAnnotations: s.length > 0,
+    hasAnnotations: a.length > 0,
     hasQuizmarkers: c.length > 0,
     forceComments: M,
     disableCaptionSettings: m,
@@ -101,18 +101,18 @@ function V() {
     );
   return e;
 }
-const yt = "_annotation-overlay_1kxzn_1", kt = {
+const wt = "_annotation-overlay_1kxzn_1", yt = {
   "annotation-overlay": "_annotation-overlay_1kxzn_1",
-  annotationOverlay: yt
-}, Le = 0.25, Lt = (e, n) => {
+  annotationOverlay: wt
+}, Le = 0.25, kt = (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);
+    const a = i.detail.currentTime;
+    a >= e.time && a < e.time + Le && !o && (o = !0, n(e)), (a < e.time || a >= e.time + Le) && o && (o = !1);
   };
 };
-function xt({ annotations: e }) {
-  const n = z(), o = g(), i = V(), [s, c] = x(
+function Lt({ annotations: e }) {
+  const n = z(), o = g(), i = V(), [a, c] = x(
     null
   ), l = _(
     (u) => {
@@ -127,12 +127,12 @@ function xt({ annotations: e }) {
       return;
     const u = [];
     for (const p of e) {
-      const v = Lt(p, l);
+      const v = kt(p, l);
       n.addEventListener("time-update", v), u.push(v);
     }
-    if (s) {
+    if (a) {
       const p = e.find(
-        (v) => v.id === s.id
+        (v) => v.id === a.id
       );
       p ? c(p) : (c(null), o.enableInteractions());
     }
@@ -140,25 +140,25 @@ function xt({ annotations: e }) {
       for (const p of u)
         n.removeEventListener("time-update", p);
     };
-  }, [n, e]), s ? /* @__PURE__ */ t("div", { className: kt.annotationOverlay, children: s.render(r) }) : null;
+  }, [n, e]), a ? /* @__PURE__ */ t("div", { className: yt.annotationOverlay, children: a.render(r) }) : null;
 }
-const Mt = "_media-buffering-indicator_1fwjr_1", Nt = "_media-buffering-spinner_1fwjr_17", Pt = "_media-buffering-spin_1fwjr_17", It = "_media-buffering-track_1fwjr_22", Ht = "_media-buffering-track-fill_1fwjr_27", ee = {
+const xt = "_media-buffering-indicator_1fwjr_1", Mt = "_media-buffering-spinner_1fwjr_17", Nt = "_media-buffering-spin_1fwjr_17", Pt = "_media-buffering-track_1fwjr_22", It = "_media-buffering-track-fill_1fwjr_27", ee = {
   "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
-  mediaBufferingIndicator: Mt,
+  mediaBufferingIndicator: xt,
   "media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
-  mediaBufferingSpinner: Nt,
+  mediaBufferingSpinner: Mt,
   "media-buffering-spin": "_media-buffering-spin_1fwjr_17",
-  mediaBufferingSpin: Pt,
+  mediaBufferingSpin: Nt,
   "media-buffering-track": "_media-buffering-track_1fwjr_22",
-  mediaBufferingTrack: It,
+  mediaBufferingTrack: Pt,
   "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
-  mediaBufferingTrackFill: Ht
+  mediaBufferingTrackFill: It
 };
 function Be() {
-  return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ a(se.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
-    /* @__PURE__ */ t(se.Track, { className: ee.mediaBufferingTrack, width: 8 }),
+  return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ s(ae.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
+    /* @__PURE__ */ t(ae.Track, { className: ee.mediaBufferingTrack, width: 8 }),
     /* @__PURE__ */ t(
-      se.TrackFill,
+      ae.TrackFill,
       {
         className: ee.mediaBufferingTrackFill,
         width: 8
@@ -166,15 +166,15 @@ function Be() {
     )
   ] }) });
 }
-const Oe = (e) => /* @__PURE__ */ a("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+const Oe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 21.8125V2.3125C22.5 1.9 22.1625 1.5625 21.75 1.5625H2.25C1.8375 1.5625 1.5 1.9 1.5 2.3125V21.8125C1.5 22.225 1.8375 22.5625 2.25 22.5625H21.75C22.1625 22.5625 22.5 22.225 22.5 21.8125ZM21.75 0.0625C22.9905 0.0625 24 1.072 24 2.3125V21.8125C24 23.053 22.9905 24.0625 21.75 24.0625H2.25C1.0095 24.0625 0 23.053 0 21.8125V2.3125C0 1.072 1.0095 0.0625 2.25 0.0625H21.75ZM10.744 10.6709H8.74403V10.0042H6.07736V14.0042H8.74403V13.3375H10.744V14.6709C10.744 15.4042 10.144 16.0042 9.41069 16.0042H5.41069C4.67736 16.0042 4.07736 15.4042 4.07736 14.6709V9.33753C4.07736 8.6042 4.67736 8.0042 5.41069 8.0042H9.41069C10.144 8.0042 10.744 8.6042 10.744 9.33753V10.6709ZM19.8065 10.6709H17.8065V10.0042H15.1399V14.0042H17.8065V13.3375H19.8065V14.6709C19.8065 15.4042 19.2065 16.0042 18.4732 16.0042H14.4732C13.7399 16.0042 13.1399 15.4042 13.1399 14.6709V9.33753C13.1399 8.6042 13.7399 8.0042 14.4732 8.0042H18.4732C19.2065 8.0042 19.8065 8.6042 19.8065 9.33753V10.6709Z", fill: "currentColor" }) })
-] }), Fe = (e) => /* @__PURE__ */ a("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+] }), Fe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ t("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
 ] });
-function Vt() {
-  const e = ne(), n = C("textTrack"), o = C("hasCaptions"), i = n && ot(n), s = g(), c = _(
+function Ht() {
+  const e = ne(), n = C("textTrack"), o = C("hasCaptions"), i = n && nt(n), a = g(), c = _(
     (l) => {
       e.toggleCaptions(l.nativeEvent);
     },
@@ -188,19 +188,19 @@ function Vt() {
       onClick: c,
       "aria-label": "Captions",
       "aria-pressed": i ? "true" : "false",
-      tabIndex: s.state.interactionsDisabled ? -1 : 0,
+      tabIndex: a.state.interactionsDisabled ? -1 : 0,
       children: i ? /* @__PURE__ */ t(Fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Oe, { className: "controls-button-icon" })
     }
   ) : null;
 }
-const St = "_captions_1s87p_1", Tt = {
-  captions: St
+const Vt = "_captions_1s87p_1", St = {
+  captions: Vt
 };
 function Ze({ captions: e }) {
   const n = e.length > 0, o = g();
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ s(j, { children: [
     e.map((i) => /* @__PURE__ */ t(
-      it,
+      ot,
       {
         kind: "subtitles",
         type: i.type,
@@ -220,12 +220,12 @@ 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(st, { className: Tt.captions })
+        children: /* @__PURE__ */ t(it, { className: St.captions })
       }
     ) : null
   ] });
 }
-const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Et = [0.5, 1, 2, 3, 4], ze = 5, Rt = (e) => {
+const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], Et = 5, Rt = (e) => {
   const [, n] = x({});
   return S(() => {
     let o = [];
@@ -234,7 +234,7 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Et = [0.5, 1, 2, 3, 4], ze = 5, Rt = (e)
         o.length >= e && o.shift(), o.push(i), n({});
       },
       remove(i) {
-        o = o.filter((s) => s !== i), n({});
+        o = o.filter((a) => a !== i), n({});
       },
       clear() {
         o = [], n({});
@@ -246,8 +246,8 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Et = [0.5, 1, 2, 3, 4], ze = 5, Rt = (e)
   }, []);
 }, At = (e, n, o) => {
   let i = !1;
-  return (s) => {
-    const c = s.detail.currentTime;
+  return (a) => {
+    const c = a.detail.currentTime;
     c >= e.timestamp && c < e.timestamp + n && !i && (o.add(e), i = !0), (c < e.timestamp || c >= e.timestamp + n) && i && (o.remove(e), i = !1);
   };
 }, Bt = (e, n = 5) => {
@@ -255,17 +255,17 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Et = [0.5, 1, 2, 3, 4], ze = 5, Rt = (e)
   return Z(() => {
     if (!o)
       return;
-    const s = [];
+    const a = [];
     for (const c of e) {
-      const l = At(c, ze, i);
-      s.push(l), o.addEventListener("time-update", l);
+      const l = At(c, Et, i);
+      a.push(l), o.addEventListener("time-update", l);
     }
     return o.dispatchEvent(
       new CustomEvent("time-update", {
         detail: { currentTime: o.currentTime }
       })
     ), () => {
-      for (const c of s)
+      for (const c of a)
         o.removeEventListener("time-update", c);
       i.clear();
     };
@@ -284,7 +284,7 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Et = [0.5, 1, 2, 3, 4], ze = 5, Rt = (e)
   commentAuthorName: Dt
 };
 function $t({ comment: e }) {
-  return e.render ? e.render(e, A) : /* @__PURE__ */ a("div", { className: A.comment, onClick: () => {
+  return e.render ? e.render(e, A) : /* @__PURE__ */ s("div", { className: A.comment, onClick: () => {
     var n;
     return (n = e.onClick) == null ? void 0 : n.call(e, e);
   }, children: [
@@ -302,7 +302,7 @@ function $t({ comment: e }) {
 }
 const Ut = 5;
 function qt({ comments: e }) {
-  const n = g(), o = Bt(e, Ut), i = !!C("textTrack"), s = o.map((c) => /* @__PURE__ */ t($t, { comment: c }, c.id));
+  const n = g(), o = Bt(e, Ut), i = !!C("textTrack"), a = o.map((c) => /* @__PURE__ */ t($t, { comment: c }, c.id));
   return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
     "div",
     {
@@ -310,7 +310,7 @@ function qt({ comments: e }) {
       style: {
         flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
       },
-      children: /* @__PURE__ */ t("div", { className: A.commentsContainer, children: i ? s.slice(-4) : s })
+      children: /* @__PURE__ */ t("div", { className: A.commentsContainer, children: i ? a.slice(-4) : a })
     }
   ) : null;
 }
@@ -334,33 +334,33 @@ function Jt({
   const i = z();
   return Z(() => {
     i && (i.remoteControl.pauseControls(), n && (n.current = i));
-  }, [i, n]), /* @__PURE__ */ a("div", { "data-darkmode": e, className: O.root, children: [
+  }, [i, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: O.root, children: [
     /* @__PURE__ */ t(Ne, { className: O.normalTimeline }),
-    /* @__PURE__ */ a("div", { className: O.leftControls, children: [
+    /* @__PURE__ */ s("div", { className: O.leftControls, children: [
       /* @__PURE__ */ t(B1, {}),
       /* @__PURE__ */ t(zo, {})
     ] }),
     /* @__PURE__ */ t("div", { className: O.indicators, children: /* @__PURE__ */ t(Q1, {}) }),
     /* @__PURE__ */ t(Ne, { className: O.compactTimeline }),
-    /* @__PURE__ */ a("div", { className: O.rightControls, children: [
-      o && /* @__PURE__ */ t(Vt, {}),
+    /* @__PURE__ */ s("div", { className: O.rightControls, children: [
+      o && /* @__PURE__ */ t(Ht, {}),
       /* @__PURE__ */ t(jn, {}),
       /* @__PURE__ */ t(u1, {})
     ] })
   ] });
 }
-const en = (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" }) }), tn = (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" }) }), nn = "_menu-hint_k49ve_1", on = "_menu-button_k49ve_5", sn = "_menu-label_k49ve_37", an = "_menu-icon_k49ve_42", te = {
+const en = (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" }) }), tn = (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" }) }), nn = "_menu-hint_k49ve_1", on = "_menu-button_k49ve_5", an = "_menu-label_k49ve_37", sn = "_menu-icon_k49ve_42", te = {
   "menu-hint": "_menu-hint_k49ve_1",
   menuHint: nn,
   "menu-button": "_menu-button_k49ve_5",
   menuButton: on,
   "menu-label": "_menu-label_k49ve_37",
-  menuLabel: sn,
+  menuLabel: an,
   "menu-icon": "_menu-icon_k49ve_42",
-  menuIcon: an
+  menuIcon: sn
 };
 function Q({ label: e, hint: n, onClick: o, Icon: i }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -394,7 +394,7 @@ function ln() {
   );
 }
 function rn() {
-  const e = I(), n = C("hasCaptions"), o = C("textTrack"), { t: i } = f(), s = _(() => {
+  const e = I(), n = C("hasCaptions"), o = C("textTrack"), { t: i } = f(), a = _(() => {
     e.setPage("captions");
   }, [e]);
   return n ? /* @__PURE__ */ t(
@@ -402,21 +402,21 @@ function rn() {
     {
       label: i("CAPTIONS"),
       hint: (o == null ? void 0 : o.label) ?? i("OFF"),
-      onClick: s,
+      onClick: a,
       Icon: Oe
     }
   ) : null;
 }
-const un = (e) => /* @__PURE__ */ a("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+const un = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
-  /* @__PURE__ */ a("g", { clipPath: "url(#clip0_412_23039)", children: [
+  /* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
     /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.46326 3.85039H0V2.65039H2.46326C2.7388 1.36449 3.88181 0.400391 5.24999 0.400391C6.61818 0.400391 7.76119 1.36449 8.03673 2.65039H18V3.85039H8.03673C7.76119 5.13629 6.61818 6.10039 5.24999 6.10039C3.88181 6.10039 2.7388 5.13629 2.46326 3.85039ZM3.59999 3.25039C3.59999 2.33912 4.33872 1.60039 5.24999 1.60039C6.16126 1.60039 6.89999 2.33912 6.89999 3.25039C6.89999 4.16166 6.16126 4.90039 5.24999 4.90039C4.33872 4.90039 3.59999 4.16166 3.59999 3.25039Z", fill: "currentColor" }),
     /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
     /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.24999 17.6004C6.61818 17.6004 7.76119 16.6363 8.03673 15.3504H18V14.1504H8.03673C7.76119 12.8645 6.61818 11.9004 5.24999 11.9004C3.88181 11.9004 2.7388 12.8645 2.46326 14.1504H0V15.3504H2.46326C2.7388 16.6363 3.88181 17.6004 5.24999 17.6004ZM5.24999 13.1004C4.33872 13.1004 3.59999 13.8391 3.59999 14.7504C3.59999 15.6617 4.33872 16.4004 5.24999 16.4004C6.16126 16.4004 6.89999 15.6617 6.89999 14.7504C6.89999 13.8391 6.16126 13.1004 5.24999 13.1004Z", fill: "currentColor" })
   ] })
 ] });
 function dn() {
-  const e = I(), n = C("autoQuality"), o = C("quality"), { t: i } = f(), s = _(() => {
+  const e = I(), n = C("autoQuality"), o = C("quality"), { t: i } = f(), a = _(() => {
     e.setPage("quality");
   }, [e]);
   return o ? /* @__PURE__ */ t(
@@ -424,7 +424,7 @@ function dn() {
     {
       label: i("QUALITY"),
       hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
-      onClick: s,
+      onClick: a,
       Icon: un
     }
   ) : null;
@@ -449,7 +449,7 @@ function Ce({
   onClick: o,
   Icon: i
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "button",
     {
       className: R.switchBody,
@@ -483,7 +483,7 @@ const yn = "_main-menu_7h96l_1", kn = {
   "main-menu": "_main-menu_7h96l_1",
   mainMenu: yn
 };
-function Ke(e) {
+function ze(e) {
   Z(() => {
     const n = (o) => {
       var i;
@@ -496,10 +496,10 @@ function Ke(e) {
 }
 function Ln(e) {
   const n = S(() => ({ Escape: e }), [e]);
-  return Ke(n);
+  return ze(n);
 }
 const I = () => {
-  const e = le(De);
+  const e = le(Ke);
   if (!e)
     throw new Error(
       "useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
@@ -528,27 +528,27 @@ function K() {
       ArrowUp: () => {
         const i = document.activeElement;
         if (i && n.current && n.current.contains(i)) {
-          const s = xn(
+          const a = xn(
             n.current,
             i
           );
-          s == null || s.focus();
+          a == null || a.focus();
         } else if (n.current) {
-          const s = Pn(n.current);
-          s == null || s.focus();
+          const a = Pn(n.current);
+          a == null || a.focus();
         }
       },
       ArrowDown: () => {
         const i = document.activeElement;
         if (i && n.current && n.current.contains(i)) {
-          const s = Mn(
+          const a = Mn(
             n.current,
             i
           );
-          s == null || s.focus();
+          a == null || a.focus();
         } else if (n.current) {
-          const s = Nn(n.current);
-          s == null || s.focus();
+          const a = Nn(n.current);
+          a == null || a.focus();
         }
       },
       ArrowRight: () => {
@@ -559,11 +559,11 @@ function K() {
     }),
     [e]
   );
-  return Ke(o), n;
+  return ze(o), n;
 }
 function In() {
   const e = K(), { t: n } = f();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: e,
@@ -599,7 +599,7 @@ function An() {
     rates: F,
     normalLabel: "1x"
   }), { t: o } = f(), i = K();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: i,
@@ -608,7 +608,7 @@ function An() {
       role: "menu",
       className: h.menuContainer,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -623,7 +623,7 @@ function An() {
           }
         ),
         /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("PLAYBACK_SPEED") }),
-        n.map(({ value: s, label: c, select: l, selected: r }) => /* @__PURE__ */ a(
+        n.map(({ value: a, label: c, select: l, selected: r }) => /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -638,14 +638,14 @@ function An() {
               /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: c })
             ]
           },
-          s
+          a
         ))
       ]
     }
   );
 }
 function Bn() {
-  const e = I(), n = C("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = g(), s = _(() => {
+  const e = I(), n = C("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = g(), a = _(() => {
     e.setPage("captionLanguage");
   }, [e]);
   return i ? null : /* @__PURE__ */ t(
@@ -653,7 +653,7 @@ function Bn() {
     {
       label: o("LANGUAGE"),
       hint: (n == null ? void 0 : n.label) ?? o("OFF"),
-      onClick: s
+      onClick: a
     }
   );
 }
@@ -694,7 +694,7 @@ function Zn() {
 }
 function zn() {
   const e = I(), { t: n } = f(), o = K();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: o,
@@ -703,7 +703,7 @@ function zn() {
       role: "menu",
       className: h.menuContainer,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -727,8 +727,8 @@ function zn() {
   );
 }
 function Kn() {
-  const e = I(), n = ct(), { t: o } = f(), i = K();
-  return /* @__PURE__ */ a(
+  const e = I(), n = st(), { t: o } = f(), i = K();
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: i,
@@ -737,7 +737,7 @@ function Kn() {
       role: "menu",
       className: h.menuContainer,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -752,7 +752,7 @@ function Kn() {
           }
         ),
         /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
-        n.map(({ value: s, label: c, select: l, selected: r }) => /* @__PURE__ */ a(
+        n.map(({ value: a, label: c, select: l, selected: r }) => /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -766,7 +766,7 @@ function Kn() {
               /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: c })
             ]
           },
-          s
+          a
         ))
       ]
     }
@@ -774,7 +774,7 @@ function Kn() {
 }
 function Dn() {
   const e = g(), n = I(), { t: o } = f(), i = K();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: i,
@@ -783,7 +783,7 @@ function Dn() {
       role: "menu",
       className: h.menuContainer,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -798,43 +798,43 @@ function Dn() {
           }
         ),
         /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
-        Et.map((s) => /* @__PURE__ */ a(
+        Tt.map((a) => /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-checked": s === e.state.captionsFontSizeMultiplier,
+            "aria-checked": a === e.state.captionsFontSizeMultiplier,
             onClick: () => {
-              e.setCaptionsFontSizeMultiplier(s);
+              e.setCaptionsFontSizeMultiplier(a);
             },
             tabIndex: -1,
             className: h.menuItem,
             children: [
               /* @__PURE__ */ t(oe, { className: h.checkIcon }),
-              /* @__PURE__ */ a("span", { className: h.menuItemLabel, children: [
-                s * 100,
+              /* @__PURE__ */ s("span", { className: h.menuItemLabel, children: [
+                a * 100,
                 "%"
               ] })
             ]
           },
-          s
+          a
         ))
       ]
     }
   );
 }
 function $n() {
-  const e = I(), n = lt({ sort: "descending" }), o = C("autoQuality"), { t: i } = f(), s = K();
-  return /* @__PURE__ */ a(
+  const e = I(), n = ct({ sort: "descending" }), o = C("autoQuality"), { t: i } = f(), a = K();
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: s,
+      ref: a,
       id: "submenu",
       "aria-label": i("QUALITY_MENU"),
       role: "menu",
       className: h.menuContainer,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -849,7 +849,7 @@ function $n() {
           }
         ),
         /* @__PURE__ */ t("strong", { className: h.menuHeading, children: i("QUALITY") }),
-        n.map(({ value: c, label: l, select: r, selected: u }) => /* @__PURE__ */ a(
+        n.map(({ value: c, label: l, select: r, selected: u }) => /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -869,7 +869,7 @@ function $n() {
     }
   );
 }
-const De = ce(null), Un = {
+const Ke = ce(null), Un = {
   main: In,
   speed: An,
   captions: zn,
@@ -878,8 +878,8 @@ const De = ce(null), Un = {
   quality: $n
 };
 function qn() {
-  const e = g(), [n, o] = x(["main"]), [i, s] = x(!1), c = _(() => {
-    s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
+  const e = g(), [n, o] = x(["main"]), [i, a] = x(!1), c = _(() => {
+    a(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
   }, [i]), l = _((N) => {
     o((T) => T.concat(N));
   }, []), r = _(() => {
@@ -927,13 +927,13 @@ function jn() {
     arrowRef: n,
     context: o,
     floatingStyles: i,
-    getFloatingProps: s,
+    getFloatingProps: a,
     getReferenceProps: c,
     open: l,
     refs: r,
     contextValue: u
   } = qn(), { t: p } = f();
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ s(j, { children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -947,16 +947,16 @@ function jn() {
         children: /* @__PURE__ */ t(en, { className: "controls-button-icon icon-rotate" })
       }
     ),
-    l && /* @__PURE__ */ t(Se, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ a(
+    l && /* @__PURE__ */ t(Se, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ s(
       "div",
       {
         "aria-labelledby": "submenu",
         className: xe.settingsMenu,
         ref: r.setFloating,
         style: i,
-        ...s(),
+        ...a(),
         children: [
-          /* @__PURE__ */ t(De.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
+          /* @__PURE__ */ t(Ke.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
           /* @__PURE__ */ t(
             _e,
             {
@@ -970,17 +970,17 @@ function jn() {
     ) })
   ] });
 }
-function $e(e, n = 1e3) {
+function De(e, n = 1e3) {
   return function() {
-    const i = C("lastKeyboardAction"), [s, c] = x(!1), l = _(() => c(!1), []);
+    const i = C("lastKeyboardAction"), [a, c] = x(!1), l = _(() => c(!1), []);
     return Z(() => {
       c(!!i);
       const r = setTimeout(l, n);
       return () => clearTimeout(r);
-    }, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
+    }, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
   };
 }
-const 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 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), Qn = (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" }) }), Yn = (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" }) }), Xn = "_feedback-overlay_v4lbu_1", Jn = "_feedback-message_v4lbu_14", e1 = "_feedback-icon_v4lbu_30", t1 = "_feedback-icon-animation_v4lbu_1", L = {
+const 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 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 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" }) }), Qn = (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" }) }), Yn = (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" }) }), Xn = "_feedback-overlay_v4lbu_1", Jn = "_feedback-message_v4lbu_14", e1 = "_feedback-icon_v4lbu_30", t1 = "_feedback-icon-animation_v4lbu_1", L = {
   "feedback-overlay": "_feedback-overlay_v4lbu_1",
   feedbackOverlay: Xn,
   "feedback-message": "_feedback-message_v4lbu_14",
@@ -1003,7 +1003,7 @@ function n1() {
     case "volumeUp":
     case "volumeDown":
     case "toggleMuted":
-      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ue, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ge, {}) : /* @__PURE__ */ t(qe, {}) });
+      return /* @__PURE__ */ t("i", { className: L.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: L.feedbackIcon, children: /* @__PURE__ */ t(Qn, { className: "right" }) });
@@ -1042,31 +1042,31 @@ function o1() {
       return null;
   }
 }
-const i1 = $e(n1, 500), s1 = $e(o1, 1e3);
-function We() {
-  return /* @__PURE__ */ a("div", { className: L.feedbackOverlay, children: [
+const i1 = De(n1, 500), a1 = De(o1, 1e3);
+function Ge() {
+  return /* @__PURE__ */ s("div", { className: L.feedbackOverlay, children: [
     /* @__PURE__ */ t(i1, {}),
-    /* @__PURE__ */ t(s1, {})
+    /* @__PURE__ */ t(a1, {})
   ] });
 }
-const a1 = (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" }) }), c1 = (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" }) }), l1 = "_full-screen-button_1xm32_2", r1 = {
+const 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: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), c1 = (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" }) }), l1 = "_full-screen-button_1xm32_2", r1 = {
   "full-screen-button": "_full-screen-button_1xm32_2",
   fullScreenButton: l1
 };
 function u1() {
-  const e = C("fullscreen"), n = z(), o = g(), i = V(), { t: s } = f();
+  const e = C("fullscreen"), n = z(), o = g(), i = V(), { t: a } = f();
   return i.hideFullScreen ? null : /* @__PURE__ */ t(
     "button",
     {
       role: "button",
       type: "button",
-      "aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
+      "aria-label": a(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
       tabIndex: o.state.interactionsDisabled ? -1 : 0,
       className: `controls-button ${r1.fullScreenButton}`,
       onClick: () => {
         e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
       },
-      children: e ? /* @__PURE__ */ t(c1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(a1, { className: "controls-button-icon" })
+      children: e ? /* @__PURE__ */ t(c1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(s1, { className: "controls-button-icon" })
     }
   );
 }
@@ -1081,7 +1081,7 @@ function h1() {
   };
   return /* @__PURE__ */ t("div", { className: Me.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Me.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" }) }), p1 = "_controls-overlay_poi8b_1", _1 = "_keyboard-shortcuts-overlay_poi8b_11", C1 = "_screen-reader-content_poi8b_75", f1 = "_controls-button_poi8b_89", b1 = "_keyboard-shortcuts-button_poi8b_101", g1 = "_kebab-menu-button_poi8b_110", v1 = "_kebab-menu_poi8b_110", w1 = "_kebab-menu-item_poi8b_139", y1 = "_close-button_poi8b_178", k1 = "_arrow_poi8b_192", P = {
+const We = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), p1 = "_controls-overlay_poi8b_1", _1 = "_keyboard-shortcuts-overlay_poi8b_11", C1 = "_screen-reader-content_poi8b_75", f1 = "_controls-button_poi8b_89", b1 = "_keyboard-shortcuts-button_poi8b_101", g1 = "_kebab-menu-button_poi8b_110", v1 = "_kebab-menu_poi8b_110", w1 = "_kebab-menu-item_poi8b_139", y1 = "_close-button_poi8b_178", k1 = "_arrow_poi8b_192", P = {
   "controls-overlay": "_controls-overlay_poi8b_1",
   controlsOverlay: p1,
   "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
@@ -1108,7 +1108,7 @@ function L1({ onClose: e }) {
   const o = (i) => {
     i && i.focus();
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
       className: P.keyboardShortcutsOverlay,
@@ -1117,7 +1117,7 @@ function L1({ onClose: e }) {
       role: "dialog",
       "aria-label": n("KEYBOARD_SHORTCUTS"),
       children: [
-        /* @__PURE__ */ a("header", { children: [
+        /* @__PURE__ */ s("header", { children: [
           /* @__PURE__ */ t("h2", { children: n("KEYBOARD_SHORTCUTS") }),
           /* @__PURE__ */ t(
             "button",
@@ -1126,89 +1126,89 @@ function L1({ onClose: e }) {
               className: P.closeButton,
               onClick: e,
               "aria-label": n("CLOSE"),
-              children: /* @__PURE__ */ t(je, {})
+              children: /* @__PURE__ */ t(We, {})
             }
           )
         ] }),
-        /* @__PURE__ */ a("table", { children: [
+        /* @__PURE__ */ s("table", { children: [
           /* @__PURE__ */ t("caption", { className: P.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
-          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ a("tr", { children: [
+          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
             /* @__PURE__ */ t("th", { children: n("ACTION") }),
             /* @__PURE__ */ t("th", { children: n("SHORTCUT") })
           ] }) }),
-          /* @__PURE__ */ a("tbody", { children: [
-            /* @__PURE__ */ a("tr", { children: [
+          /* @__PURE__ */ s("tbody", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 5 }) }),
               /* @__PURE__ */ t("td", { children: n("LEFT_ARROW") })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 5 }) }),
               /* @__PURE__ */ t("td", { children: n("RIGHT_ARROW") })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 10 }) }),
               /* @__PURE__ */ t("td", { children: "J" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 10 }) }),
               /* @__PURE__ */ t("td", { children: "L" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("INCREASE_VOLUME", { percent: 5 }) }),
               /* @__PURE__ */ t("td", { children: n("UP_ARROW") })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("DECREASE_VOLUME", { percent: 5 }) }),
               /* @__PURE__ */ t("td", { children: n("DOWN_ARROW") })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("TOGGLE_MUTED") }),
               /* @__PURE__ */ t("td", { children: "M" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("TOGGLE_PLAY_PAUSE") }),
-              /* @__PURE__ */ a("td", { children: [
+              /* @__PURE__ */ s("td", { children: [
                 n("SPACE"),
                 ", K"
               ] })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("ENTER_FULLSCREEN") }),
               /* @__PURE__ */ t("td", { children: "F" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("EXIT_FULLSCREEN") }),
               /* @__PURE__ */ t("td", { children: "Esc, F" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("TOGGLE_CAPTIONS") }),
               /* @__PURE__ */ t("td", { children: "C" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("NEXT_CAPTION_LANGUAGE") }),
               /* @__PURE__ */ t("td", { children: "V" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("PREVIOUS_CAPTION_LANGUAGE") }),
               /* @__PURE__ */ t("td", { children: "X" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("DECREASE_PLAYBACK_SPEED") }),
               /* @__PURE__ */ t("td", { children: "A" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("RESET_PLAYBACK_SPEED") }),
               /* @__PURE__ */ t("td", { children: "S" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("INCREASE_PLAYBACK_SPEED") }),
               /* @__PURE__ */ t("td", { children: "D" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("JUMP_TO_START") }),
               /* @__PURE__ */ t("td", { children: "0" })
             ] }),
-            /* @__PURE__ */ a("tr", { children: [
+            /* @__PURE__ */ s("tr", { children: [
               /* @__PURE__ */ t("td", { children: n("JUMP_TO_PERCENTAGE") }),
               /* @__PURE__ */ t("td", { children: "1-9" })
             ] })
@@ -1225,8 +1225,8 @@ const x1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0
   delete: /* @__PURE__ */ t(I1, {})
 }, V1 = (e) => typeof e != "string";
 function S1() {
-  const [e, n] = x(!1), [o, i] = x(null), s = g(), c = V(), l = () => {
-    n(!e), s.setGlobalKeysDisabled(!e);
+  const [e, n] = x(!1), [o, i] = x(null), a = g(), c = V(), l = () => {
+    n(!e), a.setGlobalKeysDisabled(!e);
   }, r = W(null), u = W([]), { refs: p, floatingStyles: v, context: y } = re({
     open: e,
     onOpenChange: l,
@@ -1240,21 +1240,21 @@ function S1() {
         element: r
       })
     ]
-  }), k = bt(y, {
+  }), k = ft(y, {
     listRef: u,
     activeIndex: o,
     onNavigate: i
   }), w = he(y), { getReferenceProps: M, getFloatingProps: m, getItemProps: b } = pe(
     [w, k]
   ), { t: N } = f();
-  return c.kebabMenuElements.length > 0 ? /* @__PURE__ */ a(j, { children: [
+  return c.kebabMenuElements.length > 0 ? /* @__PURE__ */ s(j, { children: [
     /* @__PURE__ */ t(
       "button",
       {
         "aria-label": N("KEBAB_MENU"),
         type: "button",
         className: `${P.controlsButton} ${P.kebabMenuButton}`,
-        tabIndex: s.state.interactionsDisabled ? -1 : 0,
+        tabIndex: a.state.interactionsDisabled ? -1 : 0,
         ref: p.setReference,
         ...M({
           onClick: () => l()
@@ -1262,7 +1262,7 @@ function S1() {
         children: /* @__PURE__ */ t(x1, {})
       }
     ),
-    e && /* @__PURE__ */ t(Se, { context: y, modal: !1, children: /* @__PURE__ */ a(
+    e && /* @__PURE__ */ t(Se, { context: y, modal: !1, children: /* @__PURE__ */ s(
       "div",
       {
         ref: p.setFloating,
@@ -1271,7 +1271,7 @@ function S1() {
         ...m(),
         children: [
           c.kebabMenuElements.map(
-            ({ id: T, text: D, icon: B, onClick: ie }, X) => /* @__PURE__ */ a(
+            ({ id: T, text: D, icon: B, onClick: ie }, X) => /* @__PURE__ */ s(
               "button",
               {
                 tabIndex: o === X ? 0 : -1,
@@ -1308,15 +1308,15 @@ function S1() {
 }
 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: "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 E1() {
-  const [e, n] = x(!1), [o, i] = x(!1), [s, c] = x(!1), l = g(), r = C("playing"), u = ne(), { t: p } = f(), v = _(() => {
+  const [e, n] = x(!1), [o, i] = x(!1), [a, c] = x(!1), l = g(), r = C("playing"), u = ne(), { t: p } = f(), v = _(() => {
     n(!0), l.disableInteractions(), r && (c(!0), u.pause());
   }, [r, u, l]), y = _(() => {
-    n(!1), i(!0), l.enableInteractions(), s && (c(!1), u.play());
-  }, [s, u, l]), k = _(
+    n(!1), i(!0), l.enableInteractions(), a && (c(!1), u.play());
+  }, [a, u, l]), k = _(
     (w) => o && (w == null ? void 0 : w.focus()),
     [o]
   );
-  return e ? /* @__PURE__ */ t(L1, { onClose: y }) : /* @__PURE__ */ a("div", { className: P.controlsOverlay, children: [
+  return e ? /* @__PURE__ */ t(L1, { onClose: y }) : /* @__PURE__ */ s("div", { className: P.controlsOverlay, children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -1358,7 +1358,7 @@ const O1 = "_poster_195hi_1", F1 = {
 };
 function Z1({ src: e }) {
   const n = C("source");
-  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(rt, { src: e, className: F1.poster });
+  return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(lt, { src: e, className: F1.poster });
 }
 const z1 = "_small-layout-overlay_1pd49_1", K1 = "_small-layout-button_1pd49_14", D1 = "_small-layout-icon-play_1pd49_24", $1 = "_small-layout-icon-pause_1pd49_30", U1 = "_full-screen-close-icon_1pd49_36", q1 = "_fade-out_1pd49_1", q = {
   "small-layout-overlay": "_small-layout-overlay_1pd49_1",
@@ -1376,8 +1376,8 @@ const z1 = "_small-layout-overlay_1pd49_1", K1 = "_small-layout-button_1pd49_14"
 };
 function G1() {
   const e = C("paused");
-  return /* @__PURE__ */ a("div", { className: q.smallLayoutOverlay, children: [
-    /* @__PURE__ */ t(ut, { className: q.fullScreenCloseIcon, children: /* @__PURE__ */ t(je, {}) }),
+  return /* @__PURE__ */ s("div", { className: q.smallLayoutOverlay, children: [
+    /* @__PURE__ */ t(rt, { className: q.fullScreenCloseIcon, children: /* @__PURE__ */ t(We, {}) }),
     /* @__PURE__ */ t("i", { className: q.smallLayoutButton, children: e ? /* @__PURE__ */ t(be, { className: q.smallLayoutIconPlay }) : /* @__PURE__ */ t(fe, { className: q.smallLayoutIconPause }) })
   ] });
 }
@@ -1386,75 +1386,75 @@ const W1 = "_time-indicator_1rlpb_1", j1 = {
   timeIndicator: W1
 };
 function Q1() {
-  return /* @__PURE__ */ a("div", { className: j1.timeIndicator, children: [
+  return /* @__PURE__ */ s("div", { className: j1.timeIndicator, children: [
     /* @__PURE__ */ t(ke, { type: "current" }),
     "/",
     /* @__PURE__ */ t(ke, { type: "duration" })
   ] });
 }
-const Y1 = "_comment-markers_49pse_1", X1 = "_comment-marker_49pse_1", J1 = "_timeline-wrapper_49pse_21", eo = "_track_49pse_35", to = "_thumb_49pse_48", no = "_root_49pse_62", oo = "_track-inner_49pse_92", io = "_progress_49pse_98", so = "_track-fill_49pse_104", ao = "_pins_49pse_121", co = "_pin-button_49pse_134", lo = "_annotation-pin_49pse_154", ro = "_quiz-pin_49pse_159", uo = "_annotation-pin-child_49pse_164", mo = "_quiz-pin-child_49pse_168", ho = "_interactive-pin-container_49pse_173", po = "_interactive-pin-wrapper_49pse_183", _o = "_interactive-pin-icon_49pse_189", Co = "_interactive-pin_49pse_173", fo = "_bg_49pse_203", bo = "_symbol_49pse_207", go = "_interactive-pin-button_49pse_212", vo = "_interactive-pin-menu_49pse_232", wo = "_interactive-pin-menu-item_49pse_246", yo = "_arrow_49pse_267", d = {
-  "comment-markers": "_comment-markers_49pse_1",
+const Y1 = "_comment-markers_1pad4_1", X1 = "_comment-marker_1pad4_1", J1 = "_timeline-wrapper_1pad4_27", eo = "_track_1pad4_41", to = "_thumb_1pad4_54", no = "_root_1pad4_68", oo = "_track-inner_1pad4_98", io = "_progress_1pad4_104", ao = "_track-fill_1pad4_110", so = "_pins_1pad4_127", co = "_pin-button_1pad4_140", lo = "_annotation-pin_1pad4_160", ro = "_quiz-pin_1pad4_165", uo = "_annotation-pin-child_1pad4_170", mo = "_quiz-pin-child_1pad4_174", ho = "_interactive-pin-container_1pad4_179", po = "_interactive-pin-wrapper_1pad4_189", _o = "_interactive-pin-icon_1pad4_195", Co = "_interactive-pin_1pad4_179", fo = "_bg_1pad4_209", bo = "_symbol_1pad4_213", go = "_interactive-pin-button_1pad4_218", vo = "_interactive-pin-menu_1pad4_238", wo = "_interactive-pin-menu-item_1pad4_252", yo = "_arrow_1pad4_273", d = {
+  "comment-markers": "_comment-markers_1pad4_1",
   commentMarkers: Y1,
-  "comment-marker": "_comment-marker_49pse_1",
+  "comment-marker": "_comment-marker_1pad4_1",
   commentMarker: X1,
-  "timeline-wrapper": "_timeline-wrapper_49pse_21",
+  "timeline-wrapper": "_timeline-wrapper_1pad4_27",
   timelineWrapper: J1,
   track: eo,
   thumb: to,
   root: no,
-  "track-inner": "_track-inner_49pse_92",
+  "track-inner": "_track-inner_1pad4_98",
   trackInner: oo,
   progress: io,
-  "track-fill": "_track-fill_49pse_104",
-  trackFill: so,
-  pins: ao,
-  "pin-button": "_pin-button_49pse_134",
+  "track-fill": "_track-fill_1pad4_110",
+  trackFill: ao,
+  pins: so,
+  "pin-button": "_pin-button_1pad4_140",
   pinButton: co,
-  "annotation-pin": "_annotation-pin_49pse_154",
+  "annotation-pin": "_annotation-pin_1pad4_160",
   annotationPin: lo,
-  "quiz-pin": "_quiz-pin_49pse_159",
+  "quiz-pin": "_quiz-pin_1pad4_165",
   quizPin: ro,
-  "annotation-pin-child": "_annotation-pin-child_49pse_164",
+  "annotation-pin-child": "_annotation-pin-child_1pad4_170",
   annotationPinChild: uo,
-  "quiz-pin-child": "_quiz-pin-child_49pse_168",
+  "quiz-pin-child": "_quiz-pin-child_1pad4_174",
   quizPinChild: mo,
-  "interactive-pin-container": "_interactive-pin-container_49pse_173",
+  "interactive-pin-container": "_interactive-pin-container_1pad4_179",
   interactivePinContainer: ho,
-  "interactive-pin-wrapper": "_interactive-pin-wrapper_49pse_183",
+  "interactive-pin-wrapper": "_interactive-pin-wrapper_1pad4_189",
   interactivePinWrapper: po,
-  "interactive-pin-icon": "_interactive-pin-icon_49pse_189",
+  "interactive-pin-icon": "_interactive-pin-icon_1pad4_195",
   interactivePinIcon: _o,
-  "interactive-pin": "_interactive-pin_49pse_173",
+  "interactive-pin": "_interactive-pin_1pad4_179",
   interactivePin: Co,
   bg: fo,
   symbol: bo,
-  "interactive-pin-button": "_interactive-pin-button_49pse_212",
+  "interactive-pin-button": "_interactive-pin-button_1pad4_218",
   interactivePinButton: go,
-  "interactive-pin-menu": "_interactive-pin-menu_49pse_232",
+  "interactive-pin-menu": "_interactive-pin-menu_1pad4_238",
   interactivePinMenu: vo,
-  "interactive-pin-menu-item": "_interactive-pin-menu-item_49pse_246",
+  "interactive-pin-menu-item": "_interactive-pin-menu-item_1pad4_252",
   interactivePinMenuItem: wo,
   arrow: yo
 }, ko = {
   annotation: d.annotationPin,
   quiz: d.quizPin
 };
-function Qe({
+function je({
   type: e,
   position: n,
   children: o,
   onClick: i
 }) {
-  const s = g();
+  const a = g();
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      tabIndex: s.state.interactionsDisabled ? -1 : 0,
+      tabIndex: a.state.interactionsDisabled ? -1 : 0,
       className: d.pinButton,
       style: { left: `${n}%` },
       onClick: i,
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ s(
         "svg",
         {
           className: ko[e],
@@ -1472,7 +1472,7 @@ function Qe({
   );
 }
 function Lo(e) {
-  return /* @__PURE__ */ t(Qe, { type: "annotation", ...e, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(je, { type: "annotation", ...e, children: /* @__PURE__ */ t(
     "path",
     {
       className: d.annotationPinChild,
@@ -1485,7 +1485,7 @@ function Lo(e) {
   ) });
 }
 function xo(e) {
-  return /* @__PURE__ */ t(Qe, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(je, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
     "text",
     {
       className: d.quizPinChild,
@@ -1515,27 +1515,27 @@ function No(e, n) {
     o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(c);
   });
   const i = [];
-  let s = 1;
+  let a = 1;
   return o.forEach((c, l) => {
     i.push({
       id: c.map((r) => r.id).join("-"),
       time: l,
       type: "quiz",
-      ordinal: s + 1,
+      ordinal: a + 1,
       onClick: () => n(c),
       multiple: c.length > 1
-    }), s++;
+    }), a++;
   }), i;
 }
 function Po(e, n, o, i) {
   switch (e.type) {
     case "annotation": {
-      const s = () => i ? e.onClick() : o.seek(e.time);
+      const a = () => i ? e.onClick() : o.seek(e.time);
       return /* @__PURE__ */ t(
         Lo,
         {
           position: e.time / n * 100,
-          onClick: s
+          onClick: a
         },
         e.id
       );
@@ -1567,28 +1567,21 @@ function Io() {
 }
 function Ho() {
   const e = C("duration"), n = V(), o = g();
-  return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => {
-    const s = Math.min(
-      Math.abs(e - i.timestamp),
-      ze
-    );
-    return /* @__PURE__ */ t(
-      "span",
-      {
-        className: d.commentMarker,
-        style: {
-          left: `${i.timestamp / e * 100}%`,
-          width: `${s / e * 100}%`
-        }
-      },
-      i.id
-    );
-  }) }) : null;
+  return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
+    "span",
+    {
+      className: d.commentMarker,
+      style: {
+        left: `${i.timestamp / e * 100}%`
+      }
+    },
+    i.id
+  )) }) : null;
 }
 function Vo({ currentTime: e, position: n }) {
-  const [o, i] = x(!1), s = V(), c = _(() => s.interactiveMenuElements.length > 0 ? i((w) => !w) : s.onInteractivePinClick(e), [
-    s.interactiveMenuElements,
-    s.onInteractivePinClick,
+  const [o, i] = x(!1), a = V(), c = _(() => a.interactiveMenuElements.length > 0 ? i((w) => !w) : a.onInteractivePinClick(e), [
+    a.interactiveMenuElements,
+    a.onInteractivePinClick,
     e
   ]), l = W(null), { refs: r, floatingStyles: u, context: p } = re({
     open: o,
@@ -1604,7 +1597,7 @@ function Vo({ currentTime: e, position: n }) {
       })
     ]
   }), v = he(p), { getReferenceProps: y, getFloatingProps: k } = pe([v]);
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ s(j, { children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -1614,7 +1607,7 @@ function Vo({ currentTime: e, position: n }) {
         ref: r.setReference,
         style: { left: `${n}%` },
         ...y(),
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ s(
           "svg",
           {
             className: d.interactivePin,
@@ -1654,7 +1647,7 @@ function Vo({ currentTime: e, position: n }) {
         )
       }
     ),
-    o && /* @__PURE__ */ a(
+    o && /* @__PURE__ */ s(
       "div",
       {
         ref: r.setFloating,
@@ -1662,7 +1655,7 @@ function Vo({ currentTime: e, position: n }) {
         className: d.interactivePinMenu,
         ...k(),
         children: [
-          s.interactiveMenuElements.map(({ id: w, text: M, onClick: m }) => /* @__PURE__ */ a(
+          a.interactiveMenuElements.map(({ id: w, text: M, onClick: m }) => /* @__PURE__ */ s(
             "button",
             {
               type: "button",
@@ -1718,25 +1711,25 @@ function To() {
 }
 const Eo = `${d.progress} ${d.trackInner}`, Ro = `${d.trackFill} ${d.trackInner}`;
 function Ne({ className: e }) {
-  const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = V(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
-  return /* @__PURE__ */ a("div", { className: c, children: [
-    s ? /* @__PURE__ */ t(To, {}) : null,
-    s || o || i ? /* @__PURE__ */ t(Io, {}) : null,
-    /* @__PURE__ */ a(
+  const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = V(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
+  return /* @__PURE__ */ s("div", { className: c, children: [
+    a ? /* @__PURE__ */ t(To, {}) : null,
+    a || o || i ? /* @__PURE__ */ t(Io, {}) : null,
+    /* @__PURE__ */ t(Ho, {}),
+    /* @__PURE__ */ s(
       U.Root,
       {
         className: d.root,
         tabIndex: n.state.interactionsDisabled ? -1 : 0,
         children: [
-          /* @__PURE__ */ a(U.Track, { className: d.track, children: [
+          /* @__PURE__ */ s(U.Track, { className: d.track, children: [
             /* @__PURE__ */ t(U.Progress, { className: Eo }),
             /* @__PURE__ */ t(U.TrackFill, { className: Ro })
           ] }),
           /* @__PURE__ */ t(U.Thumb, { className: d.thumb })
         ]
       }
-    ),
-    /* @__PURE__ */ t(Ho, {})
+    )
   ] });
 }
 const Ao = "_wrapper_12cb0_1", Bo = "_track_12cb0_6", Oo = "_thumb_12cb0_18", Fo = "_track-fill_12cb0_32", Zo = "_root_12cb0_51", G = {
@@ -1748,8 +1741,8 @@ const Ao = "_wrapper_12cb0_1", Bo = "_track_12cb0_6", Oo = "_thumb_12cb0_18", Fo
   root: Zo
 };
 function zo() {
-  const e = z(), n = C("volume"), o = C("muted"), i = g(), s = o || n === 0, { t: c } = f();
-  return /* @__PURE__ */ a("div", { className: G.wrapper, children: [
+  const e = z(), n = C("volume"), o = C("muted"), i = g(), a = o || n === 0, { t: c } = f();
+  return /* @__PURE__ */ s("div", { className: G.wrapper, children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -1757,14 +1750,14 @@ function zo() {
         type: "button",
         tabIndex: i.state.interactionsDisabled ? -1 : 0,
         className: "controls-button",
-        "aria-label": c(s ? "VOLUME" : "MUTE"),
+        "aria-label": c(a ? "VOLUME" : "MUTE"),
         onClick: () => {
-          s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
+          a ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
         },
-        children: s ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(qe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ge, { className: "controls-button-icon" })
+        children: a ? /* @__PURE__ */ t($e, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : /* @__PURE__ */ t(qe, { className: "controls-button-icon" })
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ s(
       J.Root,
       {
         className: G.root,
@@ -1798,9 +1791,9 @@ const Pe = {
   nextCaptionLanguage: {
     keys: ["v"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const i = n.textTracks.selectedIndex, s = i + 1;
+      const i = n.textTracks.selectedIndex, a = i + 1;
       o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
-        s >= n.textTracks.length ? 0 : s,
+        a >= n.textTracks.length ? 0 : a,
         "showing"
       ), n.$state.lastKeyboardAction.set({
         action: "nextCaptionLanguage",
@@ -1811,9 +1804,9 @@ const Pe = {
   previousCaptionLanguage: {
     keys: ["x"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const i = n.textTracks.selectedIndex, s = i - 1;
+      const i = n.textTracks.selectedIndex, a = i - 1;
       o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
-        s < 0 ? n.textTracks.length - 1 : s,
+        a < 0 ? n.textTracks.length - 1 : a,
         "showing"
       ), n.$state.lastKeyboardAction.set({
         action: "previousCaptionLanguage",
@@ -1824,8 +1817,8 @@ const Pe = {
   decreasePlaybackRate: {
     keys: ["a"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const s = F.indexOf(n.playbackRate) - 1;
-      s >= 0 && (o.changePlaybackRate(F[s]), n.$state.lastKeyboardAction.set({
+      const a = F.indexOf(n.playbackRate) - 1;
+      a >= 0 && (o.changePlaybackRate(F[a]), n.$state.lastKeyboardAction.set({
         action: "decreasePlaybackRate",
         event: e
       }));
@@ -1834,8 +1827,8 @@ const Pe = {
   increasePlaybackRate: {
     keys: ["d"],
     onKeyUp({ event: e, player: n, remote: o }) {
-      const s = F.indexOf(n.playbackRate) + 1;
-      s < F.length && (o.changePlaybackRate(F[s]), n.$state.lastKeyboardAction.set({
+      const a = F.indexOf(n.playbackRate) + 1;
+      a < F.length && (o.changePlaybackRate(F[a]), n.$state.lastKeyboardAction.set({
         action: "increasePlaybackRate",
         event: e
       }));
@@ -1973,12 +1966,12 @@ class Do {
     this.data.rate = n, this.save();
   }
   onChange(n, o, i = "studio-player") {
-    const s = i ? localStorage.getItem(i) : null, c = o ? localStorage.getItem(o) : null;
+    const a = i ? localStorage.getItem(i) : null, c = o ? localStorage.getItem(o) : null;
     this.playerId = i, this.mediaId = o;
     let l = {};
-    if (s)
+    if (a)
       try {
-        l = JSON.parse(s);
+        l = JSON.parse(a);
       } catch {
       }
     this.data = {
@@ -1993,41 +1986,41 @@ class Do {
   }
 }
 function $o(e, n, o, i) {
-  const s = S(() => new Do(), []), [c, l] = x(
-    s.initializeState(i)
+  const a = S(() => new Do(), []), [c, l] = x(
+    a.initializeState(i)
   ), r = _(
     (m) => {
-      l((b) => (s.saveData("multiplier", m), {
+      l((b) => (a.saveData("multiplier", m), {
         ...b,
         captionsFontSizeMultiplier: m
       }));
     },
-    [s]
+    [a]
   ), u = _(() => {
     l((m) => {
       const b = !m.captionPositionOnTop;
-      return s.saveData("ontop", b), {
+      return a.saveData("ontop", b), {
         ...m,
         captionPositionOnTop: b
       };
     });
-  }, [s]), p = _(() => {
+  }, [a]), p = _(() => {
     l((m) => {
       const b = !m.captionsInvertColors;
-      return s.saveData("invert", b), {
+      return a.saveData("invert", b), {
         ...m,
         captionsInvertColors: b
       };
     });
-  }, [s]), v = _(() => {
+  }, [a]), v = _(() => {
     l((m) => {
       const b = !m.commentsEnabled;
-      return s.saveData("comments", b), {
+      return a.saveData("comments", b), {
         ...m,
         commentsEnabled: b
       };
     });
-  }, [s]), y = _(() => {
+  }, [a]), y = _(() => {
     l((m) => ({
       ...m,
       interactionsDisabled: !1
@@ -2062,15 +2055,15 @@ function $o(e, n, o, i) {
       disableCaptionSettings: o
     },
     shortcuts: M,
-    storage: s
+    storage: a
   };
 }
 const Uo = {};
 function qo() {
   const e = V();
-  return /* @__PURE__ */ a(j, { children: [
+  return /* @__PURE__ */ s(j, { children: [
     /* @__PURE__ */ t(Z1, { src: e.thumbnail }),
-    /* @__PURE__ */ t(We, {}),
+    /* @__PURE__ */ t(Ge, {}),
     /* @__PURE__ */ t(Be, {}),
     /* @__PURE__ */ t(Ze, { captions: e.captions }),
     /* @__PURE__ */ t(G1, {}),
@@ -2078,8 +2071,8 @@ function qo() {
     /* @__PURE__ */ t(qt, { comments: e.comments })
   ] });
 }
-const Go = (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__ */ a("g", { id: "audio", children: [
-  /* @__PURE__ */ a("g", { id: "icon-file-base-2", children: [
+const Go = (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__ */ s("g", { id: "audio", children: [
+  /* @__PURE__ */ s("g", { id: "icon-file-base-2", children: [
     /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z", fill: "#FFFFFF" }),
     /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", id: "icon-file-base", fill: "#FFFFFF" }),
     /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", fill: "#384A58" })
@@ -2088,30 +2081,30 @@ const Go = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0
 ] }) }) });
 function Wo() {
   const e = V();
-  return /* @__PURE__ */ a("div", { className: "audio-layout-wrapper", children: [
+  return /* @__PURE__ */ s("div", { className: "audio-layout-wrapper", children: [
     /* @__PURE__ */ t(Go, {}),
-    /* @__PURE__ */ t(We, {}),
+    /* @__PURE__ */ t(Ge, {}),
     /* @__PURE__ */ t(Be, {}),
     /* @__PURE__ */ t(Ze, { captions: e.captions })
   ] });
 }
-const ae = () => {
+const se = () => {
 };
 function oi({
   title: e,
   playerRef: n,
   src: o,
   captions: i = [],
-  thumbnail: s,
+  thumbnail: a,
   hideFullScreen: c = !1,
   comments: l = [],
   locale: r = "en",
   annotations: u = [],
   quizMarkers: p = [],
   interactive: v = !1,
-  onAnnotationClick: y = ae,
-  onQuizMarkerClick: k = ae,
-  onInteractivePinClick: w = ae,
+  onAnnotationClick: y = se,
+  onQuizMarkerClick: k = se,
+  onInteractivePinClick: w = se,
   interactiveMenuElements: M = [],
   kebabMenuElements: m = [],
   darkMode: b = !1,
@@ -2122,7 +2115,7 @@ function oi({
   startAt: ie,
   crossOrigin: X
 }) {
-  const { contextValue: $, shortcuts: Ye, storage: Xe } = $o(
+  const { contextValue: $, shortcuts: Qe, storage: Ye } = $o(
     c,
     T,
     D,
@@ -2131,16 +2124,16 @@ function oi({
   Z(() => {
     ge.changeLanguage(r);
   }, [ge, r]);
-  const [ve, we] = x("none"), Je = _((E) => {
-    dt(E) ? we("audio") : mt(E) && we("video");
+  const [ve, we] = x("none"), Xe = _((E) => {
+    ut(E) ? we("audio") : dt(E) && we("video");
   }, []);
   return /* @__PURE__ */ t(
-    wt,
+    vt,
     {
       hideFullScreen: c,
       comments: l,
       captions: i,
-      thumbnail: s,
+      thumbnail: a,
       annotations: u,
       quizMarkers: p,
       interactive: v,
@@ -2153,25 +2146,25 @@ function oi({
       forceComments: T,
       disableCaptionSettings: D,
       disableStorage: B,
-      children: /* @__PURE__ */ t(vt, { contextValue: $, children: /* @__PURE__ */ a(
-        ht,
+      children: /* @__PURE__ */ t(gt, { contextValue: $, children: /* @__PURE__ */ s(
+        mt,
         {
           crossOrigin: X,
-          storage: B ? null : Xe,
+          storage: B ? null : Ye,
           title: e,
           src: o,
-          keyShortcuts: Ye,
+          keyShortcuts: Qe,
           playsInline: !0,
           keyDisabled: $.state.interactionsDisabled || $.state.globalKeysDisabled,
           onTextTracksChange: (E) => {
             const ye = E == null ? void 0 : E.findIndex(
-              (et) => et.src === N
+              (Je) => Je.src === N
             );
             ye > -1 && (E[ye].mode = "showing");
           },
-          onProviderSetup: Je,
+          onProviderSetup: Xe,
           children: [
-            /* @__PURE__ */ a(pt, { className: Uo.mediaProvider, children: [
+            /* @__PURE__ */ s(ht, { className: Uo.mediaProvider, children: [
               ve === "audio" && /* @__PURE__ */ t(Wo, {}),
               ve === "video" && /* @__PURE__ */ t(qo, {})
             ] }),
@@ -2184,7 +2177,7 @@ function oi({
                 showCaptionsButton: !D
               }
             ),
-            /* @__PURE__ */ t(xt, { annotations: u })
+            /* @__PURE__ */ t(Lt, { annotations: u })
           ]
         }
       ) })
@@ -2192,10 +2185,10 @@ function oi({
   );
 }
 export {
-  Et as CAPTION_FONT_SIZE_MULTIPLIERS,
-  ze as COMMENT_DURATION,
+  Tt as CAPTION_FONT_SIZE_MULTIPLIERS,
+  Et as COMMENT_DURATION,
   F as PLAYBACK_RATES,
   oi as StudioPlayer,
-  ai as useMediaState,
+  si as useMediaState,
   ci as useMediaStore
 };