markdown-flow-ui 0.1.108-beta.2 → 0.1.108-beta.3

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

@@ -1,24 +1,24 @@
 import { j as r } from "../../_virtual/jsx-runtime.es.js";
-import Ye, { memo as Ge, useRef as a, useState as we, useMemo as H, useEffect as b, useCallback as l } from "react";
-import { cn as Me } from "../../lib/utils.es.js";
-import Je from "./MobilePlayerSettingsSheet.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as Qe } from "./constants.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Ie } from "./utils/mobileScreenMode.es.js";
-import { toPlayerCustomActionList as er } from "./utils/playerCustomActions.es.js";
+import Ge, { memo as Je, useRef as a, useState as Me, useMemo as H, useEffect as b, useCallback as s } from "react";
+import { cn as je } from "../../lib/utils.es.js";
+import Qe from "./MobilePlayerSettingsSheet.es.js";
+import { DEFAULT_SLIDE_PLAYER_TEXTS as Ie } from "./constants.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as er } from "./utils/mobileScreenMode.es.js";
+import { toPlayerCustomActionList as rr } from "./utils/playerCustomActions.es.js";
 /* empty css              */
-import rr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import tr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import nr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
-import ur from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
+import tr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import nr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import ur from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
+import sr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
 import lr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import sr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import cr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const je = /* @__PURE__ */ new Map(), Ee = (N) => {
-  if (typeof window > "u" || !N || je.has(N))
+import cr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import ar from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const Ee = /* @__PURE__ */ new Map(), Ae = (N) => {
+  if (typeof window > "u" || !N || Ee.has(N))
     return;
   const C = window.document.createElement("audio");
-  C.preload = "auto", C.setAttribute("playsinline", "true"), C.src = N, C.load(), je.set(N, C);
-}, ar = () => /* @__PURE__ */ r.jsxs(
+  C.preload = "auto", C.setAttribute("playsinline", "true"), C.src = N, C.load(), Ee.set(N, C);
+}, or = () => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -37,7 +37,7 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
       /* @__PURE__ */ r.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), or = () => /* @__PURE__ */ r.jsxs(
+), ir = () => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -56,7 +56,7 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
       /* @__PURE__ */ r.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), ir = ({
+), fr = ({
   audioList: N = [],
   className: C,
   currentAudioIndex: m = -1,
@@ -65,87 +65,88 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
   isAutoAdvanceEnabled: Y = !0,
   useAutoAdvanceToggle: G = !1,
   onLoadingChange: re,
+  onPlaybackStarted: te,
   onPlaybackTimeChange: O,
   onPrev: ke,
-  onNext: Ae,
-  onFullscreen: te,
-  isFullscreen: ne = !1,
-  mobileViewMode: Re = Ie,
-  settingsPortalContainer: Ne,
-  onMobileViewModeChange: ue,
+  onNext: Re,
+  onFullscreen: ne,
+  isFullscreen: ue = !1,
+  mobileViewMode: Ne = er,
+  settingsPortalContainer: ve,
+  onMobileViewModeChange: se,
   onEnded: le,
-  onAutoAdvanceToggle: ve,
-  onInteractionToggle: Te,
-  hasInteraction: Ce = !1,
+  onAutoAdvanceToggle: Te,
+  onInteractionToggle: Ce,
+  hasInteraction: Le = !1,
   isInteractionOpen: K = !1,
-  prevDisabled: Le = !1,
-  nextDisabled: Ue = !1,
+  prevDisabled: Ue = !1,
+  nextDisabled: Fe = !1,
   showControls: J = !0,
-  customActions: se,
-  customActionContext: ce,
-  texts: ae,
-  ...Fe
+  customActions: ce,
+  customActionContext: ae,
+  texts: oe,
+  ...Pe
 }) => {
-  const h = a(null), oe = a(K), j = a(null), ie = a(null), S = a(0), c = a(null), q = a(void 0), E = a([]), Z = a(!1), fe = a(!1), y = a(!1), U = a(null), x = a(!1), u = a(!1), p = a(null), w = a(!1), F = a(null), Q = a(0), v = a("unknown"), [I, o] = we(M), [de, W] = we(!1), f = m >= 0 ? N[m] : void 0, B = f?.audioUrl, Pe = f?.element?.subtitle_cues ?? [], k = H(
+  const h = a(null), ie = a(K), j = a(null), fe = a(null), S = a(0), c = a(null), q = a(void 0), E = a([]), Z = a(!1), de = a(!1), y = a(!1), U = a(null), x = a(!1), u = a(!1), p = a(null), w = a(!1), F = a(null), Q = a(0), v = a("unknown"), [I, o] = Me(M), [me, W] = Me(!1), f = m >= 0 ? N[m] : void 0, B = f?.audioUrl, Ve = f?.element?.subtitle_cues ?? [], A = H(
     () => [...f?.audioSegments ?? []].sort(
       (e, t) => e.segment_index - t.segment_index
     ),
     [f?.audioSegments]
-  ), me = H(
-    () => er(se, ce),
-    [ce, se]
-  ), pe = me.length + 5, Ve = H(
+  ), pe = H(
+    () => rr(ce, ae),
+    [ae, ce]
+  ), he = pe.length + 5, We = H(
     () => ({
-      "--slide-player-mobile-control-count": String(pe)
+      "--slide-player-mobile-control-count": String(he)
     }),
-    [pe]
+    [he]
   ), z = H(
     () => ({
-      ...Qe,
-      ...ae
+      ...Ie,
+      ...oe
     }),
-    [ae]
-  ), ee = H(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), We = G ? Y : I, Be = G ? Y ? "Pause autoplay" : "Play autoplay" : I ? "Pause" : "Play";
+    [oe]
+  ), ee = H(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), Be = G ? Y : I, Ke = G ? Y ? "Pause autoplay" : "Play autoplay" : I ? "Pause" : "Play";
   b(() => {
     q.current = f;
   }, [f]), b(() => {
     J || W(!1);
   }, [J]), b(() => {
-    !oe.current && K && W(!1), oe.current = K;
+    !ie.current && K && W(!1), ie.current = K;
   }, [K]), b(() => {
-    E.current = k;
-  }, [k]), b(() => {
+    E.current = A;
+  }, [A]), b(() => {
     const e = f?.audioUrl, t = m >= 0 ? N[m + 1]?.audioUrl : void 0;
-    Ee(e), Ee(t);
+    Ae(e), Ae(t);
   }, [N, f?.audioUrl, m]);
-  const n = l(
+  const n = s(
     (e) => {
-      fe.current !== e && (fe.current = e, re?.(e));
+      de.current !== e && (de.current = e, re?.(e));
     },
     [re]
-  ), he = l((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), T = l(() => M && !L && !y.current && v.current !== "blocked", [M, L]), ye = l((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), ge = l(() => {
+  ), ye = s((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), T = s(() => M && !L && !y.current && v.current !== "blocked", [M, L]), ge = s((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), _e = s(() => {
     const e = c.current;
     return e == null || e <= 0 ? 0 : E.current.slice(0, e).reduce(
-      (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
+      (t, l) => t + Math.max(Number(l.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), P = l((e) => e <= 0 ? 0 : E.current.slice(0, e).reduce(
-    (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
+  }, []), P = s((e) => e <= 0 ? 0 : E.current.slice(0, e).reduce(
+    (t, l) => t + Math.max(Number(l.duration_ms ?? 0), 0),
     0
-  ), []), _e = l(() => {
+  ), []), be = s(() => {
     const e = h.current;
     return e ? U.current === "segment" ? P(S.current) + Math.max(e.currentTime, 0) * 1e3 : p.current !== null && e.readyState === 0 ? p.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : c.current != null ? P(c.current) : 0;
-  }, [P]), g = l(
+  }, [P]), g = s(
     (e) => {
       const t = Math.max(e, 0);
       Q.current !== t && (Q.current = t, O?.(t));
     },
     [O]
-  ), i = l(() => {
-    g(_e());
-  }, [_e, g]), d = l(() => {
+  ), i = s(() => {
+    g(be());
+  }, [be, g]), d = s(() => {
     typeof window > "u" || F.current === null || (window.cancelAnimationFrame(F.current), F.current = null);
-  }, []), be = l(() => {
+  }, []), Se = s(() => {
     if (typeof window > "u" || F.current !== null)
       return;
     const e = () => {
@@ -158,43 +159,43 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
       F.current = window.requestAnimationFrame(e);
     };
     F.current = window.requestAnimationFrame(e);
-  }, [i]), $ = l(() => {
+  }, [i]), $ = s(() => {
     const e = h.current;
     e && (d(), u.current = !1, y.current = !1, Z.current = !1, U.current = null, p.current = null, x.current = !1, w.current = !1, e.pause(), e.removeAttribute("src"), e.load(), j.current = null, S.current = 0, c.current = null, g(0), o(!1), n(!1));
-  }, [g, d, n]), _ = l(
+  }, [g, d, n]), _ = s(
     (e) => {
       const t = h.current;
       if (!t)
         return !1;
-      const s = t.play();
-      return s && typeof s.then == "function" && s.then(() => {
+      const l = t.play();
+      return l && typeof l.then == "function" && l.then(() => {
         v.current === "unknown" && (v.current = "auto"), u.current = !1, w.current = !1;
       }).catch((V) => {
-        v.current === "unknown" && he(V) && (v.current = "blocked", u.current = !1, n(!1)), w.current = !1, o(!1);
+        v.current === "unknown" && ye(V) && (v.current = "blocked", u.current = !1, n(!1)), w.current = !1, o(!1);
       }), !0;
     },
-    [he, n]
-  ), A = l(
+    [ye, n]
+  ), k = s(
     (e, t) => {
-      const s = h.current, V = E.current[e];
-      if (!s || !V)
+      const l = h.current, V = E.current[e];
+      if (!l || !V)
         return !1;
-      const R = ye(V.audio_data);
+      const R = ge(V.audio_data);
       S.current = e, c.current = null, x.current = !1, w.current = !0, g(P(e));
       const X = T();
       u.current = X, n(!1);
-      const Xe = j.current !== R;
-      return U.current = "segment", Xe && (s.pause(), s.removeAttribute("src"), s.load(), j.current = R, s.src = R, s.load()), p.current = 0, s.readyState > 0 && (s.currentTime = 0, p.current = null), X ? _(`start-segment:${t}`) : (u.current = !1, w.current = !1, s.pause(), o(!1), !0);
+      const Ye = j.current !== R;
+      return U.current = "segment", Ye && (l.pause(), l.removeAttribute("src"), l.load(), j.current = R, l.src = R, l.load()), p.current = 0, l.readyState > 0 && (l.currentTime = 0, p.current = null), X ? _(`start-segment:${t}`) : (u.current = !1, w.current = !1, l.pause(), o(!1), !0);
     },
     [
       T,
-      ye,
+      ge,
       P,
       g,
       _,
       n
     ]
-  ), D = l(
+  ), D = s(
     (e) => {
       d(), u.current = !1, x.current = !1, w.current = !1, i(), o(!1), n(!1), m >= 0 && le?.(m);
     },
@@ -205,10 +206,10 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
       i,
       n
     ]
-  ), Se = l(() => {
-    const e = S.current + 1, t = E.current, s = t[e], V = q.current, R = t.some((X) => X.is_final);
-    if (s) {
-      A(e, "ended");
+  ), xe = s(() => {
+    const e = S.current + 1, t = E.current, l = t[e], V = q.current, R = t.some((X) => X.is_final);
+    if (l) {
+      k(e, "ended");
       return;
     }
     if (V?.isAudioStreaming || !R) {
@@ -221,19 +222,19 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
     D,
     P,
     g,
-    A,
+    k,
     n
   ]);
   b(() => {
-    if (ie.current === ee)
+    if (fe.current === ee)
       return;
-    ie.current = ee, S.current = 0, c.current = null, x.current = !1, y.current = !1, Z.current = !1, u.current = !1, w.current = !1, U.current = null, j.current = null, d(), g(0), n(!1);
+    fe.current = ee, S.current = 0, c.current = null, x.current = !1, y.current = !1, Z.current = !1, u.current = !1, w.current = !1, U.current = null, j.current = null, d(), g(0), n(!1);
     const e = h.current;
     e && (e.pause(), e.removeAttribute("src"), e.load(), o(!1));
   }, [
     m,
     ee,
-    k.length,
+    A.length,
     B,
     g,
     d,
@@ -248,14 +249,14 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
       if (!(!Z.current || !q.current || y.current)) {
         if (Z.current = !1, c.current !== null) {
           if (c.current < E.current.length) {
-            A(c.current, "external-resume");
+            k(c.current, "external-resume");
             return;
           }
           u.current = !0, n(!0);
           return;
         }
         if (!j.current && E.current.length > 0) {
-          A(
+          k(
             Math.min(
               S.current,
               E.current.length - 1
@@ -269,7 +270,7 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
     }
   }, [
     L,
-    A,
+    k,
     _,
     n
   ]), b(() => {
@@ -284,9 +285,9 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
         return;
       }
       if (B) {
-        const t = j.current !== B, s = T();
+        const t = j.current !== B, l = T();
         if (U.current === "segment" && !!j.current && c.current === null) {
-          if (!s) {
+          if (!l) {
             u.current = !1, e.pause(), o(!1);
             return;
           }
@@ -294,10 +295,10 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
           return;
         }
         if (t) {
-          const R = c.current !== null ? ge() : 0;
+          const R = c.current !== null ? _e() : 0;
           e.pause(), e.removeAttribute("src"), e.load(), j.current = B, U.current = "url", e.src = B, e.load(), p.current = R, g(R * 1e3), e.readyState > 0 && (e.currentTime = R, p.current = null);
         }
-        if (u.current = s, x.current = !1, w.current = !1, n(!1), !s) {
+        if (u.current = l, x.current = !1, w.current = !1, n(!1), !l) {
           u.current = !1, e.pause(), o(!1);
           return;
         }
@@ -305,18 +306,18 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
         return;
       }
       if (c.current !== null) {
-        if (c.current < k.length) {
+        if (c.current < A.length) {
           if (y.current) {
             o(!1), n(!1);
             return;
           }
-          A(c.current, "wait-resume");
+          k(c.current, "wait-resume");
           return;
         }
         x.current = !0, u.current = T(), o(!1), n(T());
         return;
       }
-      if (!k.length) {
+      if (!A.length) {
         if (f.isAudioStreaming) {
           c.current = S.current, x.current = !0, u.current = T(), o(!1), n(T());
           return;
@@ -325,10 +326,10 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
         return;
       }
       if (!j.current) {
-        A(
+        k(
           Math.min(
             S.current,
-            k.length - 1
+            A.length - 1
           ),
           "effect-init"
         );
@@ -343,23 +344,28 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
   }, [
     f,
     m,
-    k,
+    A,
     B,
     M,
     L,
     T,
     g,
     $,
-    A,
+    k,
     _,
-    ge,
+    _e,
     n
   ]), b(() => $, [$]), b(() => d, [d]);
-  const Ke = l(() => {
-    i(), be(), o(!0), n(!1);
-  }, [be, i, n]), Ze = l(() => {
+  const Ze = s(() => {
+    i(), Se(), o(!0), n(!1), te?.();
+  }, [
+    te,
+    Se,
+    i,
+    n
+  ]), $e = s(() => {
     x.current || w.current || (d(), i(), o(!1));
-  }, [m, d, i]), $e = l(() => {
+  }, [m, d, i]), He = s(() => {
     const e = h.current;
     e && p.current !== null && (e.currentTime = p.current, p.current = null), i(), !(!u.current || !M) && _("canplay");
   }, [
@@ -367,53 +373,53 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
     M,
     i,
     _
-  ]), He = l(() => {
+  ]), Oe = s(() => {
     const e = h.current;
     e && p.current !== null && (e.currentTime = p.current, p.current = null), i();
-  }, [m, i]), Oe = l(() => {
+  }, [m, i]), qe = s(() => {
     i();
-  }, [i]), xe = l(() => {
+  }, [i]), we = s(() => {
     i();
-  }, [i]), qe = l(() => {
+  }, [i]), ze = s(() => {
     const e = U.current === "url" || E.current.length === 0;
     if (d(), w.current = !1, e) {
       D("url-ended");
       return;
     }
-    Se();
-  }, [D, Se, d]), ze = l(() => {
+    xe();
+  }, [D, xe, d]), De = s(() => {
     d(), i(), o(!1), n(!1);
-  }, [d, i, n]), De = l(
+  }, [d, i, n]), Xe = s(
     (e) => {
-      ue?.(e), W(!1);
+      se?.(e), W(!1);
     },
-    [ue]
+    [se]
   );
-  return console.log("SubtitleOverlay", Pe), b(() => {
+  return console.log("SubtitleOverlay", Ve), b(() => {
     O?.(Q.current);
-  }, [O]), /* @__PURE__ */ r.jsxs("div", { className: Me("slide-player", C), ...Fe, children: [
+  }, [O]), /* @__PURE__ */ r.jsxs("div", { className: je("slide-player", C), ...Pe, children: [
     /* @__PURE__ */ r.jsx(
       "audio",
       {
         ref: h,
         preload: "auto",
         playsInline: !0,
-        onLoadedMetadata: He,
-        onCanPlay: $e,
-        onPlay: Ke,
-        onPause: Ze,
-        onSeeking: xe,
-        onSeeked: xe,
-        onTimeUpdate: Oe,
-        onEnded: qe,
-        onError: ze
+        onLoadedMetadata: Oe,
+        onCanPlay: He,
+        onPlay: Ze,
+        onPause: $e,
+        onSeeking: we,
+        onSeeked: we,
+        onTimeUpdate: qe,
+        onEnded: ze,
+        onError: De
       }
     ),
     J ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx(
-        Je,
+        Qe,
         {
-          container: Ne,
+          container: ve,
           labels: {
             fullscreen: z.fullscreenLabel,
             nonFullscreen: z.nonFullscreenLabel,
@@ -422,17 +428,17 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
           },
           onClose: () => W(!1),
           onOpenChange: W,
-          onViewModeChange: De,
-          open: de,
-          viewMode: Re
+          onViewModeChange: Xe,
+          open: me,
+          viewMode: Ne
         }
       ),
-      /* @__PURE__ */ r.jsxs("div", { className: "slide-player__controls", style: Ve, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "slide-player__controls", style: We, children: [
         /* @__PURE__ */ r.jsxs("div", { className: "slide-player__group", children: [
           /* @__PURE__ */ r.jsx(
             "button",
             {
-              "aria-expanded": de,
+              "aria-expanded": me,
               "aria-haspopup": "dialog",
               "aria-label": "More options",
               className: "slide-player__action slide-player__action--mobile-more",
@@ -441,7 +447,7 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
               },
               type: "button",
               children: /* @__PURE__ */ r.jsx(
-                rr,
+                tr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -449,26 +455,26 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
               )
             }
           ),
-          /* @__PURE__ */ r.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ r.jsx(tr, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
+          /* @__PURE__ */ r.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ r.jsx(nr, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
           /* @__PURE__ */ r.jsx(
             "button",
             {
               "aria-label": "Rewind",
               className: "slide-player__action slide-player__action--prev",
-              disabled: Le,
+              disabled: Ue,
               onClick: ke,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(nr, { className: "slide-player__icon", strokeWidth: 2.25 })
+              children: /* @__PURE__ */ r.jsx(ur, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
           /* @__PURE__ */ r.jsx(
             "button",
             {
-              "aria-label": Be,
+              "aria-label": Ke,
               className: "slide-player__toggle slide-player__toggle--playback",
               onClick: () => {
                 if (G) {
-                  ve?.(!Y);
+                  Te?.(!Y);
                   return;
                 }
                 const e = h.current;
@@ -481,11 +487,11 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
                     v.current = "manual", y.current = !1, u.current = !0, n(!0);
                     return;
                   }
-                  if (!e.src && k.length > 0) {
-                    v.current = "manual", y.current = !1, A(
+                  if (!e.src && A.length > 0) {
+                    v.current = "manual", y.current = !1, k(
                       Math.min(
                         S.current,
-                        k.length - 1
+                        A.length - 1
                       ),
                       "toggle"
                     );
@@ -499,7 +505,7 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
                 }
               },
               type: "button",
-              children: We ? /* @__PURE__ */ r.jsx(ar, {}) : /* @__PURE__ */ r.jsx(or, {})
+              children: Be ? /* @__PURE__ */ r.jsx(or, {}) : /* @__PURE__ */ r.jsx(ir, {})
             }
           ),
           /* @__PURE__ */ r.jsx(
@@ -507,27 +513,27 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
             {
               "aria-label": "Forward",
               className: "slide-player__action slide-player__action--next",
-              disabled: Ue,
-              onClick: Ae,
+              disabled: Fe,
+              onClick: Re,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(ur, { className: "slide-player__icon", strokeWidth: 2.25 })
+              children: /* @__PURE__ */ r.jsx(sr, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
-          te ? /* @__PURE__ */ r.jsx(
+          ne ? /* @__PURE__ */ r.jsx(
             "button",
             {
-              "aria-label": ne ? "Exit fullscreen" : "Enter fullscreen",
+              "aria-label": ue ? "Exit fullscreen" : "Enter fullscreen",
               className: "slide-player__action slide-player__action--fullscreen",
-              onClick: te,
+              onClick: ne,
               type: "button",
-              children: ne ? /* @__PURE__ */ r.jsx(
+              children: ue ? /* @__PURE__ */ r.jsx(
                 lr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
                 }
               ) : /* @__PURE__ */ r.jsx(
-                sr,
+                cr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -538,20 +544,20 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
         ] }),
         /* @__PURE__ */ r.jsx("div", { className: "slide-player__separator" }),
         /* @__PURE__ */ r.jsxs("div", { className: "slide-player__group", children: [
-          me.map((e, t) => /* @__PURE__ */ r.jsx(Ye.Fragment, { children: e }, `custom-action-${t}`)),
+          pe.map((e, t) => /* @__PURE__ */ r.jsx(Ge.Fragment, { children: e }, `custom-action-${t}`)),
           /* @__PURE__ */ r.jsx(
             "button",
             {
               "aria-label": "Notes",
-              className: Me(
+              className: je(
                 "slide-player__action slide-player__action--notes",
                 K && "slide-player__action--active"
               ),
-              disabled: !Ce,
-              onClick: Te,
+              disabled: !Le,
+              onClick: Ce,
               type: "button",
               children: /* @__PURE__ */ r.jsx(
-                cr,
+                ar,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -563,9 +569,9 @@ const je = /* @__PURE__ */ new Map(), Ee = (N) => {
       ] })
     ] }) : null
   ] });
-}, fr = Ge(ir);
-fr.displayName = "Player";
+}, dr = Je(fr);
+dr.displayName = "Player";
 export {
-  fr as default
+  dr as default
 };
 //# sourceMappingURL=Player.es.js.map