markdown-flow-ui 0.2.13 → 0.2.15

package/dist/components/Slide/Player.es.js

@@ -1,54 +1,57 @@
-import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import rr, { memo as nr, useId as ur, useContext as sr, useRef as o, useState as Fe, useMemo as te, useCallback as r, useEffect as S } from "react";
-import { cn as Lt } from "../../lib/utils.es.js";
-import lr from "./MobilePlayerSettingsSheet.es.js";
-import { getSlidePlayerTexts as ar } from "./slideI18n.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as cr } from "./utils/mobileScreenMode.es.js";
-import { hasReachedAudioEnd as ir } from "./utils/audioCompletion.es.js";
-import { PlayerKeyboardShortcutContext as or } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as fr, registerPlayerKeyboardShortcutOwner as dr, isActivePlayerKeyboardShortcutOwner as mr, getPlayerKeyboardShortcutAction as pr, shouldIgnorePlayerKeyboardShortcutEvent as hr } from "./utils/playerKeyboardShortcuts.es.js";
-import { resolveAudioPlaybackSourceType as yr } from "./utils/playbackSource.es.js";
-import { shouldKeepPlayingAfterNavigation as br } from "./utils/playbackPreference.es.js";
-import { toPlayerCustomActionList as Sr } from "./utils/playerCustomActions.es.js";
-import { suppressPlayerControlsWakeAfterNavigation as Pe } from "./utils/playerNavigationContext.es.js";
-import { isPlaybackTimeCoveredBySegments as vt, resolveSegmentSeekTarget as gr } from "./utils/segmentSeek.es.js";
-import { getSortedAudioSegments as At } from "./utils/audioSegments.es.js";
-import { getSubtitleCueJumpTarget as _r, shouldClearSubtitleCueJumpTarget as xr } from "./utils/subtitleCue.es.js";
+import { jsxs as X, jsx as a, Fragment as cr } from "react/jsx-runtime";
+import or, { memo as fr, useId as dr, useContext as mr, useRef as o, useState as He, useMemo as re, useCallback as r, useEffect as S } from "react";
+import { getMarkdownFlowDirection as pr, getMarkdownFlowLanguage as hr } from "../../lib/locale.es.js";
+import { useDetachedLanguage as yr } from "../../lib/useDetachedLanguage.es.js";
+import { useResolvedDirection as br } from "../../lib/useResolvedDirection.es.js";
+import { cn as Ft } from "../../lib/utils.es.js";
+import Sr from "./MobilePlayerSettingsSheet.es.js";
+import { getSlidePlayerTexts as gr } from "./slideI18n.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as _r } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as kr } from "./utils/audioCompletion.es.js";
+import { PlayerKeyboardShortcutContext as wr } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as Mr, registerPlayerKeyboardShortcutOwner as Cr, isActivePlayerKeyboardShortcutOwner as Lr, getPlayerKeyboardShortcutAction as vr, shouldIgnorePlayerKeyboardShortcutEvent as Tr } from "./utils/playerKeyboardShortcuts.es.js";
+import { resolveAudioPlaybackSourceType as xr } from "./utils/playbackSource.es.js";
+import { shouldKeepPlayingAfterNavigation as Ar } from "./utils/playbackPreference.es.js";
+import { toPlayerCustomActionList as Nr } from "./utils/playerCustomActions.es.js";
+import { suppressPlayerControlsWakeAfterNavigation as $e } from "./utils/playerNavigationContext.es.js";
+import { isPlaybackTimeCoveredBySegments as Ut, resolveSegmentSeekTarget as Rr } from "./utils/segmentSeek.es.js";
+import { getSortedAudioSegments as Pt } from "./utils/audioSegments.es.js";
+import { getSubtitleCueJumpTarget as Er, shouldClearSubtitleCueJumpTarget as Kr } from "./utils/subtitleCue.es.js";
 /* empty css              */
-import kr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import wr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import Mr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
-import Cr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
-import Tr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
-import Lr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
-import vr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import Ar from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import jr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import Nr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import Rr from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
-  if (typeof window > "u" || !f || jt.has(f))
+import Fr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import Ur from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import Pr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
+import Wr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
+import Br from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
+import Or from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
+import Vr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import Hr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import $r from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import Dr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import Jr from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
+  if (typeof window > "u" || !f || Wt.has(f))
     return;
   const d = window.document.createElement("audio");
-  d.preload = "auto", d.setAttribute("playsinline", "true"), d.src = f, d.load(), jt.set(f, d);
-}, Er = (f, d) => d !== null && d.audioList === f && d.subtitleCueLists.length === f.length && f.every((a, _) => {
-  const x = a.element?.subtitle_cues;
-  return d.subtitleCueLists[_] === x && d.subtitleCueLengths[_] === (x?.length ?? 0);
-}), Kr = (f) => {
+  d.preload = "auto", d.setAttribute("playsinline", "true"), d.src = f, d.load(), Wt.set(f, d);
+}, Zr = (f, d) => d !== null && d.audioList === f && d.subtitleCueLists.length === f.length && f.every((s, k) => {
+  const w = s.element?.subtitle_cues;
+  return d.subtitleCueLists[k] === w && d.subtitleCueLengths[k] === (w?.length ?? 0);
+}), jr = (f) => {
   const d = f.map(
-    (a) => a.element?.subtitle_cues
+    (s) => s.element?.subtitle_cues
   );
   return {
     audioList: f,
     subtitleCueLists: d,
     subtitleCueLengths: d.map(
-      (a) => a?.length ?? 0
+      (s) => s?.length ?? 0
     ),
-    tracks: d.map((a) => ({
-      subtitleCues: a ?? []
+    tracks: d.map((s) => ({
+      subtitleCues: s ?? []
     }))
   };
-}, Ur = () => /* @__PURE__ */ n.jsxs(
+}, zr = () => /* @__PURE__ */ X(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,17 +60,17 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ a(
         "path",
         {
           d: "M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",
           fill: "#0A0A0A"
         }
       ),
-      /* @__PURE__ */ n.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
+      /* @__PURE__ */ a("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), Fr = () => /* @__PURE__ */ n.jsxs(
+), Yr = () => /* @__PURE__ */ X(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -76,718 +79,721 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ a(
         "path",
         {
           d: "M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",
           fill: "#0A0A0A"
         }
       ),
-      /* @__PURE__ */ n.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
+      /* @__PURE__ */ a("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), J = {
+), V = {
   fullscreen: "F",
   next: "→",
   nextSubtitle: "Shift+→",
   notes: "N",
-  playback: "Space",
   previous: "←",
   previousSubtitle: "Shift+←",
   subtitle: "C"
-}, Pr = 250, Wr = (f, d) => f ? `${f} (${d})` : d, Br = ({
+}, Gr = 250, Qr = (f, d) => f ? `${f} (${d})` : d, Xr = ({
   audioList: f = [],
   className: d,
-  currentAudioIndex: a = -1,
-  defaultPlaying: _ = !0,
-  isPlaybackPaused: x = !1,
+  currentAudioIndex: s = -1,
+  defaultPlaying: k = !0,
+  isPlaybackPaused: w = !1,
   isAutoAdvanceEnabled: Z = !0,
-  useAutoAdvanceToggle: F = !1,
-  onLoadingChange: We,
-  onPlaybackPreferenceChange: Be,
-  onPlaybackStarted: Oe,
-  onPlaybackTimeChange: oe,
-  onSubtitleToggle: re,
-  onPrev: fe,
-  onNext: de,
-  onSubtitleJump: me,
-  canJumpToSubtitleTarget: Te,
-  onFullscreen: ne,
-  isFullscreen: Ve = !1,
-  mobileViewMode: Rt = cr,
-  settingsPortalContainer: Et,
-  onMobileViewModeChange: He,
-  onEnded: $e,
-  onAutoAdvanceToggle: Je,
-  onInteractionToggle: pe,
-  hasInteraction: Le = !1,
-  isInteractionOpen: ue = !1,
-  isSubtitleEnabled: ve = !0,
-  prevDisabled: Ae = !1,
-  nextDisabled: je = !1,
-  showControls: Ne = !0,
-  onControlsPointerEnter: Kt,
-  onControlsPointerLeave: Ut,
-  enableKeyboardShortcuts: Ft = !0,
-  subtitleSeekRequest: O = null,
-  customActions: Ze,
-  customActionContext: ze,
-  locale: Ye,
-  texts: De,
-  onFocusCapture: Ge,
-  onPointerDown: Qe,
-  ...Pt
+  useAutoAdvanceToggle: P = !1,
+  onLoadingChange: De,
+  onPlaybackPreferenceChange: Je,
+  onPlaybackStarted: Ze,
+  onPlaybackTimeChange: fe,
+  onSubtitleToggle: ne,
+  onPrev: de,
+  onNext: me,
+  onSubtitleJump: pe,
+  canJumpToSubtitleTarget: Ae,
+  onFullscreen: ue,
+  isFullscreen: je = !1,
+  mobileViewMode: Ot = _r,
+  settingsPortalContainer: Vt,
+  onMobileViewModeChange: ze,
+  onEnded: Ye,
+  onAutoAdvanceToggle: Ge,
+  onInteractionToggle: he,
+  hasInteraction: Ne = !1,
+  isInteractionOpen: le = !1,
+  isSubtitleEnabled: Re = !0,
+  prevDisabled: Ee = !1,
+  nextDisabled: Ke = !1,
+  showControls: Fe = !0,
+  onControlsPointerEnter: Ht,
+  onControlsPointerLeave: $t,
+  enableKeyboardShortcuts: Dt = !0,
+  subtitleSeekRequest: H = null,
+  customActions: Qe,
+  customActionContext: Xe,
+  locale: ye,
+  texts: qe,
+  onFocusCapture: Ie,
+  onPointerDown: et,
+  ...Ue
 }) => {
-  const Wt = ur(), Xe = sr(or), M = o(null), qe = o(ue), E = o(null), Ie = o(null), K = o(0), m = o(null), he = o(void 0), j = o([]), se = o(
-    F ? Z : _
-  ), le = o(!1), et = o(!1), k = o(!1), U = o(null), z = o(null), v = o(!1), c = o(!1), w = o(null), N = o(!1), Y = o(null), ye = o(0), tt = o(() => {
-  }), be = o(null), ae = o(null), rt = o(null), nt = o(null), P = o("unknown"), [Se, h] = Fe(_), [ut, X] = Fe(!1), [q, Bt] = Fe({
+  const Pe = Ue.dir ?? pr(ye), tt = Ue.lang ?? hr(ye), Jt = dr(), rt = mr(wr), g = o(null), { resolvedDirection: nt, readDirection: ut } = br(g, Pe), be = nt === "rtl", Zt = yr(g, tt), lt = o(le), K = o(null), at = o(null), F = o(0), m = o(null), Se = o(void 0), N = o([]), ae = o(
+    P ? Z : k
+  ), se = o(!1), st = o(!1), M = o(!1), U = o(null), j = o(null), x = o(!1), c = o(!1), C = o(null), R = o(!1), z = o(null), ge = o(0), it = o(() => {
+  }), _e = o(null), ie = o(null), ct = o(null), ot = o(null), W = o("unknown"), [ke, h] = He(k), [ft, q] = He(!1), [I, jt] = He({
     next: !1,
     previous: !1
-  }), D = Xe?.ownerId ?? Wt, W = Ft && (Xe?.enabled ?? !0), p = a >= 0 ? f[a] : void 0, T = p?.audioUrl, st = p?.audioSegments, Ot = st?.length ?? 0, R = te(
-    () => At(p),
-    [p, Ot, st]
+  }), Y = rt?.ownerId ?? Jt, B = Dt && (rt?.enabled ?? !0), p = s >= 0 ? f[s] : void 0, v = p?.audioUrl, dt = p?.audioSegments, zt = dt?.length ?? 0, E = re(
+    () => Pt(p),
+    [p, zt, dt]
   );
-  let ge = nt.current;
-  Er(f, ge) || (ge = Kr(f), nt.current = ge);
-  const lt = ge.tracks, at = te(
-    () => Sr(Ze, ze),
-    [ze, Ze]
-  ), ct = at.length + 7, Vt = te(
+  let we = ot.current;
+  Zr(f, we) || (we = jr(f), ot.current = we);
+  const mt = we.tracks, pt = re(
+    () => Nr(Qe, Xe),
+    [Xe, Qe]
+  ), ht = pt.length + 7, Yt = re(
     () => ({
-      "--slide-player-mobile-control-count": String(ct)
+      "--slide-player-mobile-control-count": String(ht)
     }),
-    [ct]
-  ), i = te(
+    [ht]
+  ), i = re(
     () => ({
-      ...ar(Ye),
-      ...De
+      ...gr(ye),
+      ...qe
     }),
-    [Ye, De]
-  ), Re = te(() => p ? p.audioKey ?? `${String(p.sequenceNumber ?? "none")}:${String(p.audioUrl ?? "")}` : "none", [p]), Ht = F ? Z : Se, it = F ? Z ? i.pauseAutoplayLabel : i.playAutoplayLabel : Se ? i.pauseLabel : i.playLabel, ot = Ve ? i.exitFullscreenLabel : i.enterFullscreenLabel, V = r(
-    (e, t, s) => ({
-      ariaKeyShortcuts: W ? s : void 0,
-      title: W ? Wr(e, t) : e
+    [ye, qe]
+  ), We = re(() => p ? p.audioKey ?? `${String(p.sequenceNumber ?? "none")}:${String(p.audioUrl ?? "")}` : "none", [p]), Gt = P ? Z : ke, yt = P ? Z ? i.pauseAutoplayLabel : i.playAutoplayLabel : ke ? i.pauseLabel : i.playLabel, bt = je ? i.exitFullscreenLabel : i.enterFullscreenLabel, $ = r(
+    (e, t, u) => ({
+      ariaKeyShortcuts: B ? u : void 0,
+      title: B ? Qr(e, t) : e
     }),
-    [W]
-  ), ft = V(
+    [B]
+  ), St = $(
     i.subtitleToggleAriaLabel,
-    J.subtitle,
+    V.subtitle,
     "c"
-  ), dt = V(
+  ), gt = $(
     i.previousLabel,
-    J.previous,
-    "ArrowLeft"
-  ), mt = V(
+    be ? V.next : V.previous,
+    be ? "ArrowRight" : "ArrowLeft"
+  ), _t = $(
     i.previousSubtitleLabel,
-    J.previousSubtitle,
+    V.previousSubtitle,
     "Shift+ArrowLeft"
-  ), pt = V(
-    it,
-    J.playback,
+  ), kt = $(
+    yt,
+    i.playbackShortcutLabel,
     "Space"
-  ), ht = V(
+  ), wt = $(
     i.nextLabel,
-    J.next,
-    "ArrowRight"
-  ), yt = V(
+    be ? V.previous : V.next,
+    be ? "ArrowLeft" : "ArrowRight"
+  ), Mt = $(
     i.nextSubtitleLabel,
-    J.nextSubtitle,
+    V.nextSubtitle,
     "Shift+ArrowRight"
-  ), bt = V(
-    ot,
-    J.fullscreen,
+  ), Ct = $(
+    bt,
+    V.fullscreen,
     "f"
-  ), St = V(
+  ), Lt = $(
     i.notesLabel,
-    J.notes,
+    V.notes,
     "n"
-  ), _e = r(() => {
-    W && fr(D);
-  }, [D, W]), $t = r(
+  ), Me = r(() => {
+    B && Mr(Y);
+  }, [Y, B]), Qt = r(
     (e) => {
-      _e(), Qe?.(e);
+      Me(), et?.(e);
     },
-    [_e, Qe]
-  ), Jt = r(
+    [Me, et]
+  ), Xt = r(
     (e) => {
-      _e(), Ge?.(e);
+      Me(), Ie?.(e);
     },
-    [_e, Ge]
+    [Me, Ie]
   );
   S(() => {
-    he.current = p;
+    Se.current = p;
   }, [p]), S(() => {
-    se.current = F ? Z : _;
-  }, [_, Z, F]), S(() => {
-    Ne || X(!1);
-  }, [Ne]), S(() => {
-    !qe.current && ue && X(!1), qe.current = ue;
-  }, [ue]), S(() => {
-    j.current = R;
-  }, [R]), S(() => {
-    const e = p?.audioUrl, t = a >= 0 ? f[a + 1]?.audioUrl : void 0;
-    Nt(e), Nt(t);
-  }, [f, p?.audioUrl, a]);
+    ae.current = P ? Z : k;
+  }, [k, Z, P]), S(() => {
+    Fe || q(!1);
+  }, [Fe]), S(() => {
+    !lt.current && le && q(!1), lt.current = le;
+  }, [le]), S(() => {
+    N.current = E;
+  }, [E]), S(() => {
+    const e = p?.audioUrl, t = s >= 0 ? f[s + 1]?.audioUrl : void 0;
+    Bt(e), Bt(t);
+  }, [f, p?.audioUrl, s]);
   const l = r(
     (e, t = null) => {
-      et.current === e && (!e || t === null) || (et.current = e, We?.({
+      st.current === e && (!e || t === null) || (st.current = e, De?.({
         loading: e,
         reason: e ? t : null
       }));
     },
-    [We]
-  ), B = r(
+    [De]
+  ), O = r(
     (e) => {
-      se.current = e, Be?.(e);
+      ae.current = e, Je?.(e);
     },
-    [Be]
-  ), G = r(() => F ? {
-    shouldContinuePlayback: se.current
+    [Je]
+  ), G = r(() => P ? {
+    shouldContinuePlayback: ae.current
   } : {
-    shouldContinuePlayback: br({
-      defaultPlaying: se.current,
-      isPausedByUser: k.current
+    shouldContinuePlayback: Ar({
+      defaultPlaying: ae.current,
+      isPausedByUser: M.current
     })
-  }, [F]), gt = r((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), H = r(() => _ && !x && !k.current && P.current !== "blocked", [_, x]), _t = r((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), xt = r(() => {
+  }, [P]), vt = r((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), D = r(() => k && !w && !M.current && W.current !== "blocked", [k, w]), Tt = r((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), xt = r(() => {
     const e = m.current;
-    return e == null || e <= 0 ? 0 : j.current.slice(0, e).reduce(
-      (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
+    return e == null || e <= 0 ? 0 : N.current.slice(0, e).reduce(
+      (t, u) => t + Math.max(Number(u.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), Q = r((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
-    (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
+  }, []), Q = r((e) => e <= 0 ? 0 : N.current.slice(0, e).reduce(
+    (t, u) => t + Math.max(Number(u.duration_ms ?? 0), 0),
     0
-  ), []), xe = r(
-    (e, t) => !e || x ? !1 : e.audioUrl ? !0 : vt(
-      At(e),
+  ), []), Ce = r(
+    (e, t) => !e || w ? !1 : e.audioUrl ? !0 : Ut(
+      Pt(e),
       t
     ),
-    [x]
+    [w]
   ), ce = r(
-    (e, t, s = {}) => {
-      const u = _r({
-        currentAudioIndex: a,
+    (e, t, u = {}) => {
+      const n = Er({
+        currentAudioIndex: s,
         currentTimeMs: t,
         direction: e,
-        excludeTarget: s.excludeTarget,
-        tracks: lt
+        excludeTarget: u.excludeTarget,
+        tracks: mt
       });
-      return !u || !xe(
-        f[u.audioIndex],
-        u.timeMs
-      ) || u.audioIndex !== a && (!me || Te && !Te(u)) ? null : u;
+      return !n || !Ce(
+        f[n.audioIndex],
+        n.timeMs
+      ) || n.audioIndex !== s && (!pe || Ae && !Ae(n)) ? null : n;
     },
     [
       f,
-      Te,
-      xe,
-      a,
-      me,
-      lt
+      Ae,
+      Ce,
+      s,
+      pe,
+      mt
     ]
-  ), Ee = r(
+  ), Be = r(
     (e, t = !1) => {
-      const s = Math.max(Number(e), 0);
-      if (!t && be.current !== null && Math.abs(
-        s - be.current
-      ) < Pr)
+      const u = Math.max(Number(e), 0);
+      if (!t && _e.current !== null && Math.abs(
+        u - _e.current
+      ) < Gr)
         return;
-      be.current = s;
-      const u = {
-        previous: ce("previous", s) !== null,
-        next: ce("next", s) !== null
+      _e.current = u;
+      const n = {
+        previous: ce("previous", u) !== null,
+        next: ce("next", u) !== null
       };
-      Bt((b) => b.previous === u.previous && b.next === u.next ? b : u);
+      jt((b) => b.previous === n.previous && b.next === n.next ? b : n);
     },
     [ce]
   );
   S(() => {
-    tt.current = Ee, Ee(ye.current, !0);
-  }, [Ee]);
-  const ke = r(() => {
-    const e = M.current;
-    return e ? U.current === "segment" ? Q(K.current) + Math.max(e.currentTime, 0) * 1e3 : w.current !== null && e.readyState === 0 ? w.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : m.current != null ? Q(m.current) : 0;
-  }, [Q]), C = r(
+    it.current = Be, Be(ge.current, !0);
+  }, [Be]);
+  const Le = r(() => {
+    const e = g.current;
+    return e ? U.current === "segment" ? Q(F.current) + Math.max(e.currentTime, 0) * 1e3 : C.current !== null && e.readyState === 0 ? C.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : m.current != null ? Q(m.current) : 0;
+  }, [Q]), L = r(
     (e) => {
       const t = Math.max(e, 0);
-      ye.current !== t && (ye.current = t, xr({
-        currentAudioIndex: a,
+      ge.current !== t && (ge.current = t, Kr({
+        currentAudioIndex: s,
         currentTimeMs: t,
-        target: ae.current
-      }) && (ae.current = null), oe?.(t), tt.current(t));
+        target: ie.current
+      }) && (ie.current = null), fe?.(t), it.current(t));
     },
-    [a, oe]
+    [s, fe]
   ), y = r(() => {
-    C(ke());
-  }, [ke, C]), g = r(() => {
-    typeof window > "u" || Y.current === null || (window.cancelAnimationFrame(Y.current), Y.current = null);
-  }, []), kt = r(() => {
-    if (typeof window > "u" || Y.current !== null)
+    L(Le());
+  }, [Le, L]), _ = r(() => {
+    typeof window > "u" || z.current === null || (window.cancelAnimationFrame(z.current), z.current = null);
+  }, []), At = r(() => {
+    if (typeof window > "u" || z.current !== null)
       return;
     const e = () => {
       y();
-      const t = M.current;
+      const t = g.current;
       if (!t || t.paused || t.ended) {
-        Y.current = null;
+        z.current = null;
         return;
       }
-      Y.current = window.requestAnimationFrame(e);
+      z.current = window.requestAnimationFrame(e);
     };
-    Y.current = window.requestAnimationFrame(e);
-  }, [y]), I = r(() => {
-    const e = M.current;
-    e && (g(), c.current = !1, k.current = !1, le.current = !1, U.current = null, w.current = null, v.current = !1, N.current = !1, z.current = null, e.pause(), e.removeAttribute("src"), e.load(), E.current = null, K.current = 0, m.current = null, C(0), h(!1), l(!1));
-  }, [C, g, l]), L = r(
+    z.current = window.requestAnimationFrame(e);
+  }, [y]), ee = r(() => {
+    const e = g.current;
+    e && (_(), c.current = !1, M.current = !1, se.current = !1, U.current = null, C.current = null, x.current = !1, R.current = !1, j.current = null, e.pause(), e.removeAttribute("src"), e.load(), K.current = null, F.current = 0, m.current = null, L(0), h(!1), l(!1));
+  }, [L, _, l]), T = r(
     (e) => {
-      const t = M.current;
+      const t = g.current;
       if (!t)
         return !1;
-      const s = t.play();
-      return s && typeof s.then == "function" && s.then(() => {
-        P.current === "unknown" && (P.current = "auto"), c.current = !1, N.current = !1;
-      }).catch((u) => {
-        P.current === "unknown" && gt(u) && (P.current = "blocked", c.current = !1, l(!1)), N.current = !1, h(!1);
+      const u = t.play();
+      return u && typeof u.then == "function" && u.then(() => {
+        W.current === "unknown" && (W.current = "auto"), c.current = !1, R.current = !1;
+      }).catch((n) => {
+        W.current === "unknown" && vt(n) && (W.current = "blocked", c.current = !1, l(!1)), R.current = !1, h(!1);
       }), !0;
     },
-    [gt, l]
+    [vt, l]
   ), A = r(
-    (e, t, s = {}) => {
-      const u = M.current, b = j.current[e];
-      if (!u || !b)
+    (e, t, u = {}) => {
+      const n = g.current, b = N.current[e];
+      if (!n || !b)
         return !1;
-      const $ = _t(b.audio_data), Ce = Math.max(
-        Number(s.seekTimeSeconds ?? 0),
+      const J = Tt(b.audio_data), xe = Math.max(
+        Number(u.seekTimeSeconds ?? 0),
         0
       );
-      K.current = e, m.current = null, v.current = !1, N.current = !0, z.current = "segment", C(
-        Q(e) + Ce * 1e3
+      F.current = e, m.current = null, x.current = !1, R.current = !0, j.current = "segment", L(
+        Q(e) + xe * 1e3
       );
-      const Tt = s.shouldResume ?? H();
-      c.current = Tt, l(!1);
-      const tr = E.current !== $;
-      return U.current = "segment", tr && (u.pause(), u.removeAttribute("src"), u.load(), E.current = $, u.src = $, u.load()), w.current = Ce, u.readyState > 0 && (u.currentTime = Ce, w.current = null), Tt ? L(`start-segment:${t}`) : (c.current = !1, N.current = !1, u.pause(), h(!1), !0);
+      const Kt = u.shouldResume ?? D();
+      c.current = Kt, l(!1);
+      const ir = K.current !== J;
+      return U.current = "segment", ir && (n.pause(), n.removeAttribute("src"), n.load(), K.current = J, n.src = J, n.load()), C.current = xe, n.readyState > 0 && (n.currentTime = xe, C.current = null), Kt ? T(`start-segment:${t}`) : (c.current = !1, R.current = !1, n.pause(), h(!1), !0);
     },
     [
-      H,
-      _t,
+      D,
+      Tt,
       Q,
-      C,
       L,
+      T,
       l
     ]
-  ), we = r(
+  ), ve = r(
     (e) => {
-      const t = M.current;
-      if (!t || !p || x)
+      const t = g.current;
+      if (!t || !p || w)
         return !1;
-      const s = Math.max(Number(e), 0), u = !t.paused && !t.ended || c.current || N.current || m.current !== null && se.current && !k.current, b = vt(
-        j.current,
-        s
-      ) ? gr(
-        j.current,
-        s
+      const u = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || R.current || m.current !== null && ae.current && !M.current, b = Ut(
+        N.current,
+        u
+      ) ? Rr(
+        N.current,
+        u
       ) : null;
-      if (be.current = null, g(), c.current = u, l(!1), u && (P.current = "manual", k.current = !1, B(!0)), b && (U.current === "segment" || !T))
+      if (_e.current = null, _(), c.current = n, l(!1), n && (W.current = "manual", M.current = !1, O(!0)), b && (U.current === "segment" || !v))
         return A(
           b.segmentIndex,
           "subtitle-seek-segment",
           {
             seekTimeSeconds: b.segmentTimeSeconds,
-            shouldResume: u
+            shouldResume: n
           }
         );
-      if (T) {
-        const $ = s / 1e3;
-        return E.current !== T && (t.pause(), t.removeAttribute("src"), t.load(), E.current = T, U.current = "url", z.current = "url", t.src = T, t.load()), w.current = $, C(s), t.readyState > 0 && (t.currentTime = $, w.current = null), u ? L("subtitle-seek-url") : (c.current = !1, t.pause(), h(!1), !0);
+      if (v) {
+        const J = u / 1e3;
+        return K.current !== v && (t.pause(), t.removeAttribute("src"), t.load(), K.current = v, U.current = "url", j.current = "url", t.src = v, t.load()), C.current = J, L(u), t.readyState > 0 && (t.currentTime = J, C.current = null), n ? T("subtitle-seek-url") : (c.current = !1, t.pause(), h(!1), !0);
       }
       return !1;
     },
     [
       p,
-      T,
-      x,
-      C,
-      A,
-      g,
+      v,
+      w,
       L,
+      A,
+      _,
+      T,
       l,
-      B
+      O
     ]
-  ), ie = r(
+  ), oe = r(
     (e) => {
       const t = ce(
         e,
-        ke(),
+        Le(),
         {
-          excludeTarget: e === "previous" ? ae.current : null
+          excludeTarget: e === "previous" ? ie.current : null
         }
       );
       if (t === null)
         return !1;
-      if (t.audioIndex === a) {
-        const u = we(t.timeMs);
-        return u && (ae.current = t), u;
+      if (t.audioIndex === s) {
+        const n = ve(t.timeMs);
+        return n && (ie.current = t), n;
       }
-      const s = !!me?.(
+      const u = !!pe?.(
         t,
-        Pe(G())
+        $e(G())
       );
-      return s && (ae.current = t), s;
+      return u && (ie.current = t), u;
     },
     [
-      a,
-      ke,
+      s,
+      Le,
       G,
       ce,
-      me,
-      we
+      pe,
+      ve
     ]
-  ), ee = r(
+  ), te = r(
     (e) => {
-      g(), c.current = !1, v.current = !1, N.current = !1, y(), h(!1), l(!1), a >= 0 && $e?.(a);
+      _(), c.current = !1, x.current = !1, R.current = !1, y(), h(!1), l(!1), s >= 0 && Ye?.(s);
     },
     [
-      a,
-      $e,
-      g,
+      s,
+      Ye,
+      _,
       y,
       l
     ]
-  ), Me = r(
+  ), Te = r(
     (e) => {
-      const t = M.current;
-      return !t || U.current !== "url" || !ir({
+      const t = g.current;
+      return !t || U.current !== "url" || !kr({
         currentTimeSeconds: Math.max(t.currentTime, 0),
         durationSeconds: t.duration
-      }) ? !1 : (c.current = !1, t.pause(), ee(e), !0);
+      }) ? !1 : (c.current = !1, t.pause(), te(e), !0);
     },
-    [ee]
-  ), wt = r(() => {
-    const e = K.current + 1, t = j.current, s = t[e], u = he.current, b = t.some(($) => $.is_final);
-    if (s) {
+    [te]
+  ), Nt = r(() => {
+    const e = F.current + 1, t = N.current, u = t[e], n = Se.current, b = t.some((J) => J.is_final);
+    if (u) {
       A(e, "ended");
       return;
     }
-    if (u?.isAudioStreaming || !b) {
-      K.current = e, m.current = e, v.current = !0, c.current = _, C(Q(e)), h(!1), l(!0, "waitingForMoreAudio");
+    if (n?.isAudioStreaming || !b) {
+      F.current = e, m.current = e, x.current = !0, c.current = k, L(Q(e)), h(!1), l(!0, "waitingForMoreAudio");
       return;
     }
-    ee("segments-completed");
+    te("segments-completed");
   }, [
-    _,
-    ee,
+    k,
+    te,
     Q,
-    C,
+    L,
     A,
     l
   ]);
   S(() => {
-    if (Ie.current === Re)
+    if (at.current === We)
       return;
-    Ie.current = Re, K.current = 0, m.current = null, v.current = !1, k.current = !1, le.current = !1, c.current = !1, N.current = !1, U.current = null, z.current = null, E.current = null, g(), C(0), l(!1);
-    const e = M.current;
+    at.current = We, F.current = 0, m.current = null, x.current = !1, M.current = !1, se.current = !1, c.current = !1, R.current = !1, U.current = null, j.current = null, K.current = null, _(), L(0), l(!1);
+    const e = g.current;
     e && (e.pause(), e.removeAttribute("src"), e.load(), h(!1));
   }, [
-    a,
-    Re,
-    R.length,
-    T,
-    C,
-    g,
+    s,
+    We,
+    E.length,
+    v,
+    L,
+    _,
     l
   ]), S(() => {
-    const e = M.current;
+    const e = g.current;
     if (e) {
-      if (x) {
-        le.current = !!(he.current && !k.current && (!e.paused || c.current || m.current !== null)), c.current = !1, l(!1), e.pause(), h(!1);
+      if (w) {
+        se.current = !!(Se.current && !M.current && (!e.paused || c.current || m.current !== null)), c.current = !1, l(!1), e.pause(), h(!1);
         return;
       }
-      if (!(!le.current || !he.current || k.current)) {
-        if (le.current = !1, m.current !== null) {
-          if (m.current < j.current.length) {
+      if (!(!se.current || !Se.current || M.current)) {
+        if (se.current = !1, m.current !== null) {
+          if (m.current < N.current.length) {
             A(m.current, "external-resume");
             return;
           }
           c.current = !0, l(!0, "waitingForMoreAudio");
           return;
         }
-        if (!E.current && j.current.length > 0) {
+        if (!K.current && N.current.length > 0) {
           A(
             Math.min(
-              K.current,
-              j.current.length - 1
+              F.current,
+              N.current.length - 1
             ),
             "external-resume-init"
           );
           return;
         }
-        e.paused && (c.current = !0, L("external-resume"));
+        e.paused && (c.current = !0, T("external-resume"));
       }
     }
   }, [
-    x,
+    w,
     A,
-    L,
+    T,
     l
   ]), S(() => {
-    const e = M.current;
+    const e = g.current;
     if (!e)
       return;
     if (!p) {
-      I();
+      ee();
       return;
     }
-    if (x) {
+    if (w) {
       c.current = !1, l(!1), e.pause(), h(!1);
       return;
     }
-    const t = yr({
+    const t = xr({
       activeSourceType: U.current,
-      hasAudioUrl: !!T,
-      segmentCount: R.length,
-      preferredSourceType: z.current,
+      hasAudioUrl: !!v,
+      segmentCount: E.length,
+      preferredSourceType: j.current,
       waitingSegmentIndex: m.current
     });
-    if (t && z.current !== t && (z.current = t), t === "url" && T) {
-      const s = E.current !== T, u = H();
-      if (s) {
+    if (t && j.current !== t && (j.current = t), t === "url" && v) {
+      const u = K.current !== v, n = D();
+      if (u) {
         const b = m.current !== null ? xt() : 0;
-        e.pause(), e.removeAttribute("src"), e.load(), E.current = T, U.current = "url", e.src = T, e.load(), w.current = b, C(b * 1e3), e.readyState > 0 && (e.currentTime = b, w.current = null);
+        e.pause(), e.removeAttribute("src"), e.load(), K.current = v, U.current = "url", e.src = v, e.load(), C.current = b, L(b * 1e3), e.readyState > 0 && (e.currentTime = b, C.current = null);
       }
-      if (c.current = u, v.current = !1, N.current = !1, l(!1), !u) {
+      if (c.current = n, x.current = !1, R.current = !1, l(!1), !n) {
         c.current = !1, e.pause(), h(!1);
         return;
       }
-      L(s ? "sync-url-init" : "sync-url");
+      T(u ? "sync-url-init" : "sync-url");
       return;
     }
     if (t === "segment" && m.current !== null) {
-      if (m.current < R.length) {
-        if (k.current) {
+      if (m.current < E.length) {
+        if (M.current) {
           h(!1), l(!1);
           return;
         }
         A(m.current, "wait-resume");
         return;
       }
-      v.current = !0, c.current = H(), h(!1), l(H());
+      x.current = !0, c.current = D(), h(!1), l(D());
       return;
     }
-    if (t === "segment" && !R.length) {
+    if (t === "segment" && !E.length) {
       if (p.isAudioStreaming) {
-        m.current = K.current, v.current = !0, c.current = H(), h(!1), l(H());
+        m.current = F.current, x.current = !0, c.current = D(), h(!1), l(D());
         return;
       }
-      I();
+      ee();
       return;
     }
-    if (t === "segment" && !E.current) {
+    if (t === "segment" && !K.current) {
       A(
         Math.min(
-          K.current,
-          R.length - 1
+          F.current,
+          E.length - 1
         ),
         "effect-init"
       );
       return;
     }
     if (t !== "segment") {
-      I();
+      ee();
       return;
     }
-    if (!_ || k.current) {
+    if (!k || M.current) {
       c.current = !1, e.pause(), h(!1);
       return;
     }
-    e.paused && (c.current = !0, L("sync-paused-retry"));
+    e.paused && (c.current = !0, T("sync-paused-retry"));
   }, [
     p,
-    a,
-    R,
-    T,
-    _,
-    x,
-    H,
-    C,
-    I,
-    A,
+    s,
+    E,
+    v,
+    k,
+    w,
+    D,
     L,
+    ee,
+    A,
+    T,
     xt,
     l
   ]), S(() => {
-    if (!O || O.id === rt.current || O.audioIndex !== a)
+    if (!H || H.id === ct.current || H.audioIndex !== s)
       return;
-    const e = f[O.audioIndex];
-    xe(e, O.timeMs) && (rt.current = O.id, we(O.timeMs));
+    const e = f[H.audioIndex];
+    Ce(e, H.timeMs) && (ct.current = H.id, ve(H.timeMs));
   }, [
     f,
-    xe,
-    a,
-    we,
-    O
-  ]), S(() => I, [I]), S(() => g, [g]);
-  const Zt = r(() => {
-    y(), kt(), h(!0), l(!1), Oe?.();
+    Ce,
+    s,
+    ve,
+    H
+  ]), S(() => ee, [ee]), S(() => _, [_]);
+  const qt = r(() => {
+    y(), At(), h(!0), l(!1), Ze?.();
   }, [
-    Oe,
-    kt,
+    Ze,
+    At,
     y,
     l
-  ]), zt = r(() => {
-    v.current || N.current || (g(), y(), h(!1));
-  }, [a, g, y]), Yt = r(() => {
-    const e = M.current;
-    e && w.current !== null && (e.currentTime = w.current, w.current = null), y(), !Me("canplay-seek-finished") && (!c.current || !_ || L("canplay"));
+  ]), It = r(() => {
+    x.current || R.current || (_(), y(), h(!1));
+  }, [s, _, y]), er = r(() => {
+    const e = g.current;
+    e && C.current !== null && (e.currentTime = C.current, C.current = null), y(), !Te("canplay-seek-finished") && (!c.current || !k || T("canplay"));
   }, [
-    a,
-    _,
-    Me,
+    s,
+    k,
+    Te,
     y,
-    L
-  ]), Dt = r(() => {
-    const e = M.current;
-    e && w.current !== null && (e.currentTime = w.current, w.current = null), y(), Me("metadata-seek-finished");
-  }, [a, Me, y]), Gt = r(() => {
+    T
+  ]), tr = r(() => {
+    const e = g.current;
+    e && C.current !== null && (e.currentTime = C.current, C.current = null), y(), Te("metadata-seek-finished");
+  }, [s, Te, y]), rr = r(() => {
     y();
-  }, [y]), Qt = r(() => {
-    v.current || l(!0, "loadingAudio");
-  }, [l]), Xt = r(() => {
-    if (v.current) {
+  }, [y]), nr = r(() => {
+    x.current || l(!0, "loadingAudio");
+  }, [l]), ur = r(() => {
+    if (x.current) {
       l(!0, "waitingForMoreAudio");
       return;
     }
     l(!0, "loadingAudio");
-  }, [l]), Mt = r(() => {
+  }, [l]), Rt = r(() => {
     y();
-  }, [y]), qt = r(() => {
-    const e = U.current === "url" || j.current.length === 0;
-    if (g(), N.current = !1, e) {
-      ee("url-ended");
+  }, [y]), lr = r(() => {
+    const e = U.current === "url" || N.current.length === 0;
+    if (_(), R.current = !1, e) {
+      te("url-ended");
       return;
     }
-    wt();
-  }, [ee, wt, g]), It = r(() => {
-    g(), y(), h(!1), l(!1);
-  }, [g, y, l]), er = r(
+    Nt();
+  }, [te, Nt, _]), ar = r(() => {
+    _(), y(), h(!1), l(!1);
+  }, [_, y, l]), sr = r(
     (e) => {
-      He?.(e), X(!1);
+      ze?.(e), q(!1);
     },
-    [He]
-  ), Ke = r(() => {
-    if (F) {
+    [ze]
+  ), Oe = r(() => {
+    if (P) {
       const t = !Z;
-      return B(t), Je?.(t), !0;
+      return O(t), Ge?.(t), !0;
     }
-    const e = M.current;
-    return x || !e || !p ? !1 : m.current !== null ? Se ? (B(!1), c.current = !1, k.current = !0, m.current = null, v.current = !1, h(!1), l(!1), e.pause(), !0) : (B(!0), P.current = "manual", k.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && R.length > 0 ? (B(!0), P.current = "manual", k.current = !1, A(
+    const e = g.current;
+    return w || !e || !p ? !1 : m.current !== null ? ke ? (O(!1), c.current = !1, M.current = !0, m.current = null, x.current = !1, h(!1), l(!1), e.pause(), !0) : (O(!0), W.current = "manual", M.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && E.length > 0 ? (O(!0), W.current = "manual", M.current = !1, A(
       Math.min(
-        K.current,
-        R.length - 1
+        F.current,
+        E.length - 1
       ),
       "toggle"
-    ), !0) : e.paused ? (B(!0), P.current = "manual", k.current = !1, c.current = !0, L("toggle-resume"), !0) : (B(!1), c.current = !1, k.current = !0, e.pause(), !0);
+    ), !0) : e.paused ? (O(!0), W.current = "manual", M.current = !1, c.current = !0, T("toggle-resume"), !0) : (O(!1), c.current = !1, M.current = !0, e.pause(), !0);
   }, [
     p,
-    R.length,
+    E.length,
     Z,
-    x,
-    Se,
-    Je,
+    w,
+    ke,
+    Ge,
     A,
-    L,
+    T,
     l,
-    B,
-    F
+    O,
+    P
   ]);
   S(() => {
-    if (W)
-      return dr(D);
-  }, [D, W]);
-  const Ue = te(
+    if (B)
+      return Cr(Y);
+  }, [Y, B]);
+  const Ve = re(
     () => ({
-      fullscreen: () => ne ? (ne(), !0) : !1,
-      interaction: () => pe ? (Le && pe(), !0) : !1,
-      next: () => de ? (je || de(
-        Pe(G())
+      fullscreen: () => ue ? (ue(), !0) : !1,
+      interaction: () => he ? (Ne && he(), !0) : !1,
+      next: () => me ? (Ke || me(
+        $e(G())
       ), !0) : !1,
-      nextSubtitle: () => q.next ? ie("next") : !0,
-      previous: () => fe ? (Ae || fe(
-        Pe(G())
+      nextSubtitle: () => I.next ? oe("next") : !0,
+      previous: () => de ? (Ee || de(
+        $e(G())
       ), !0) : !1,
-      previousSubtitle: () => q.previous ? ie("previous") : !0,
-      subtitle: () => re ? (re(), !0) : !1,
-      togglePlayback: () => (Ke(), !0)
+      previousSubtitle: () => I.previous ? oe("previous") : !0,
+      subtitle: () => ne ? (ne(), !0) : !1,
+      togglePlayback: () => (Oe(), !0)
     }),
     [
       G,
-      Le,
-      ie,
-      je,
-      ne,
-      pe,
+      Ne,
+      oe,
+      Ke,
+      ue,
+      he,
+      me,
       de,
-      fe,
-      re,
-      Ae,
-      q.next,
-      q.previous,
-      Ke
+      ne,
+      Ee,
+      I.next,
+      I.previous,
+      Oe
     ]
-  ), Ct = o(Ue);
+  ), Et = o(Ve);
   return S(() => {
-    Ct.current = Ue;
-  }, [Ue]), S(() => {
-    if (!W || typeof document > "u")
+    Et.current = Ve;
+  }, [Ve]), S(() => {
+    if (!B || typeof document > "u")
       return;
     const e = (t) => {
-      if (!mr(D))
+      if (!Lr(Y))
         return;
-      const s = pr(t);
-      if (!s || hr(t, s))
+      const u = vr(t, ut());
+      if (!u || Tr(t, u))
         return;
-      let u = !1;
-      const b = Ct.current[s];
-      u = b(), u && t.preventDefault();
+      let n = !1;
+      const b = Et.current[u];
+      n = b(), n && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
-  }, [D, W]), S(() => {
-    oe?.(ye.current);
-  }, [oe]), /* @__PURE__ */ n.jsxs(
+  }, [Y, ut, B]), S(() => {
+    fe?.(ge.current);
+  }, [fe]), /* @__PURE__ */ X(
     "div",
     {
-      ...Pt,
-      "data-slide-player-shortcut-owner": D,
-      className: Lt("slide-player", d),
-      onFocusCapture: Jt,
-      onPointerDown: $t,
+      ...Ue,
+      dir: Pe,
+      lang: tt,
+      "data-slide-player-shortcut-owner": Y,
+      className: Ft("slide-player", d),
+      onFocusCapture: Xt,
+      onPointerDown: Qt,
       children: [
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ a(
           "audio",
           {
-            ref: M,
+            ref: g,
             preload: "auto",
             playsInline: !0,
-            onLoadStart: Qt,
-            onLoadedMetadata: Dt,
-            onCanPlay: Yt,
-            onPlay: Zt,
-            onPause: zt,
-            onWaiting: Xt,
-            onSeeking: Mt,
-            onSeeked: Mt,
-            onTimeUpdate: Gt,
-            onEnded: qt,
-            onError: It
+            onLoadStart: nr,
+            onLoadedMetadata: tr,
+            onCanPlay: er,
+            onPlay: qt,
+            onPause: It,
+            onWaiting: ur,
+            onSeeking: Rt,
+            onSeeked: Rt,
+            onTimeUpdate: rr,
+            onEnded: lr,
+            onError: ar
           }
         ),
-        Ne ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-          /* @__PURE__ */ n.jsx(
-            lr,
+        Fe ? /* @__PURE__ */ X(cr, { children: [
+          /* @__PURE__ */ a(
+            Sr,
             {
-              container: Et,
+              container: Vt,
+              dir: Pe ?? nt,
+              lang: Zt,
               labels: {
                 closeSettings: i.closeSettingsLabel,
                 fullscreen: i.fullscreenLabel,
@@ -798,38 +804,38 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
                 subtitleToggle: i.subtitleToggleAriaLabel,
                 title: i.settingsTitle
               },
-              isSubtitleEnabled: ve,
-              onClose: () => X(!1),
-              onOpenChange: X,
-              onSubtitleToggle: re ?? (() => {
+              isSubtitleEnabled: Re,
+              onClose: () => q(!1),
+              onOpenChange: q,
+              onSubtitleToggle: ne ?? (() => {
               }),
-              onViewModeChange: er,
-              open: ut,
-              viewMode: Rt
+              onViewModeChange: sr,
+              open: ft,
+              viewMode: Ot
             }
           ),
-          /* @__PURE__ */ n.jsxs(
+          /* @__PURE__ */ X(
             "div",
             {
               className: "slide-player__controls",
-              onPointerEnter: Kt,
-              onPointerLeave: Ut,
-              style: Vt,
+              onPointerEnter: Ht,
+              onPointerLeave: $t,
+              style: Yt,
               children: [
-                /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
-                  /* @__PURE__ */ n.jsx(
+                /* @__PURE__ */ X("div", { className: "slide-player__group", children: [
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-expanded": ut,
+                      "aria-expanded": ft,
                       "aria-haspopup": "dialog",
                       "aria-label": i.moreOptionsAriaLabel,
                       className: "slide-player__action slide-player__action--mobile-more",
                       onClick: () => {
-                        X((e) => !e);
+                        q((e) => !e);
                       },
                       type: "button",
-                      children: /* @__PURE__ */ n.jsx(
-                        kr,
+                      children: /* @__PURE__ */ a(
+                        Fr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -837,58 +843,58 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ a(
                     "button",
                     {
                       "aria-label": i.volumeAriaLabel,
                       className: "hidden",
                       type: "button",
-                      children: /* @__PURE__ */ n.jsx(wr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ a(Ur, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-label": it,
-                      "aria-keyshortcuts": pt.ariaKeyShortcuts,
+                      "aria-label": yt,
+                      "aria-keyshortcuts": kt.ariaKeyShortcuts,
                       className: "slide-player__toggle slide-player__toggle--playback",
                       onClick: () => {
-                        Ke();
+                        Oe();
                       },
-                      title: pt.title,
+                      title: kt.title,
                       type: "button",
-                      children: Ht ? /* @__PURE__ */ n.jsx(Ur, {}) : /* @__PURE__ */ n.jsx(Fr, {})
+                      children: Gt ? /* @__PURE__ */ a(zr, {}) : /* @__PURE__ */ a(Yr, {})
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-keyshortcuts": dt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": gt.ariaKeyShortcuts,
                       "aria-label": i.previousLabel,
                       className: "slide-player__action slide-player__action--prev",
-                      disabled: Ae,
+                      disabled: Ee,
                       onClick: () => {
-                        fe?.(G());
+                        de?.(G());
                       },
-                      title: dt.title,
+                      title: gt.title,
                       type: "button",
-                      children: /* @__PURE__ */ n.jsx(Mr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ a(Pr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-keyshortcuts": ht.ariaKeyShortcuts,
+                      "aria-keyshortcuts": wt.ariaKeyShortcuts,
                       "aria-label": i.nextLabel,
                       className: "slide-player__action slide-player__action--next",
-                      disabled: je,
+                      disabled: Ke,
                       onClick: () => {
-                        de?.(G());
+                        me?.(G());
                       },
-                      title: ht.title,
+                      title: wt.title,
                       type: "button",
-                      children: /* @__PURE__ */ n.jsx(
-                        Cr,
+                      children: /* @__PURE__ */ a(
+                        Wr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -896,35 +902,35 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-keyshortcuts": mt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": _t.ariaKeyShortcuts,
                       "aria-label": i.previousSubtitleLabel,
                       className: "slide-player__action slide-player__action--prev-subtitle",
-                      disabled: !q.previous,
+                      disabled: !I.previous,
                       onClick: () => {
-                        ie("previous");
+                        oe("previous");
                       },
-                      title: mt.title,
+                      title: _t.title,
                       type: "button",
-                      children: /* @__PURE__ */ n.jsx(Tr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ a(Br, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-keyshortcuts": yt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": Mt.ariaKeyShortcuts,
                       "aria-label": i.nextSubtitleLabel,
                       className: "slide-player__action slide-player__action--next-subtitle",
-                      disabled: !q.next,
+                      disabled: !I.next,
                       onClick: () => {
-                        ie("next");
+                        oe("next");
                       },
-                      title: yt.title,
+                      title: Mt.title,
                       type: "button",
-                      children: /* @__PURE__ */ n.jsx(
-                        Lr,
+                      children: /* @__PURE__ */ a(
+                        Or,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -932,18 +938,18 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ a(
                     "button",
                     {
                       "aria-label": i.subtitleToggleAriaLabel,
-                      "aria-keyshortcuts": ft.ariaKeyShortcuts,
-                      "aria-pressed": ve,
+                      "aria-keyshortcuts": St.ariaKeyShortcuts,
+                      "aria-pressed": Re,
                       className: "slide-player__action slide-player__action--subtitle",
-                      onClick: re,
-                      title: ft.title,
+                      onClick: ne,
+                      title: St.title,
                       type: "button",
-                      children: ve ? /* @__PURE__ */ n.jsx(vr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
-                        Ar,
+                      children: Re ? /* @__PURE__ */ a(Vr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ a(
+                        Hr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -951,23 +957,23 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
                       )
                     }
                   ),
-                  ne ? /* @__PURE__ */ n.jsx(
+                  ue ? /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-label": ot,
-                      "aria-keyshortcuts": bt.ariaKeyShortcuts,
+                      "aria-label": bt,
+                      "aria-keyshortcuts": Ct.ariaKeyShortcuts,
                       className: "slide-player__action slide-player__action--fullscreen",
-                      onClick: ne,
-                      title: bt.title,
+                      onClick: ue,
+                      title: Ct.title,
                       type: "button",
-                      children: Ve ? /* @__PURE__ */ n.jsx(
-                        jr,
+                      children: je ? /* @__PURE__ */ a(
+                        $r,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
                         }
-                      ) : /* @__PURE__ */ n.jsx(
-                        Nr,
+                      ) : /* @__PURE__ */ a(
+                        Dr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -976,24 +982,24 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ n.jsx("div", { className: "slide-player__separator" }),
-                /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
-                  at.map((e, t) => /* @__PURE__ */ n.jsx(rr.Fragment, { children: e }, `custom-action-${t}`)),
-                  /* @__PURE__ */ n.jsx(
+                /* @__PURE__ */ a("div", { className: "slide-player__separator" }),
+                /* @__PURE__ */ X("div", { className: "slide-player__group", children: [
+                  pt.map((e, t) => /* @__PURE__ */ a(or.Fragment, { children: e }, `custom-action-${t}`)),
+                  /* @__PURE__ */ a(
                     "button",
                     {
                       "aria-label": i.notesLabel,
-                      "aria-keyshortcuts": St.ariaKeyShortcuts,
-                      className: Lt(
+                      "aria-keyshortcuts": Lt.ariaKeyShortcuts,
+                      className: Ft(
                         "slide-player__action slide-player__action--notes",
-                        ue && "slide-player__action--active"
+                        le && "slide-player__action--active"
                       ),
-                      disabled: !Le,
-                      onClick: pe,
-                      title: St.title,
+                      disabled: !Ne,
+                      onClick: he,
+                      title: Lt.title,
                       type: "button",
-                      children: /* @__PURE__ */ n.jsx(
-                        Rr,
+                      children: /* @__PURE__ */ a(
+                        Jr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -1009,9 +1015,9 @@ const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
       ]
     }
   );
-}, Or = nr(Br);
-Or.displayName = "Player";
+}, qr = fr(Xr);
+qr.displayName = "Player";
 export {
-  Or as default
+  qr as default
 };
 //# sourceMappingURL=Player.es.js.map