markdown-flow-ui 0.1.125 → 0.1.126

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

@@ -1,31 +1,32 @@
 import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import jr, { memo as Rr, useId as Er, useContext as Cr, useRef as c, useState as nr, useMemo as G, useCallback as t, useEffect as m } from "react";
+import Rr, { memo as Er, useId as Cr, useContext as Nr, useRef as c, useState as nr, useMemo as G, useCallback as t, useEffect as m } from "react";
 import { cn as ur } from "../../lib/utils.es.js";
-import Nr from "./MobilePlayerSettingsSheet.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as vr } from "./constants.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Tr } from "./utils/mobileScreenMode.es.js";
-import { hasReachedAudioEnd as Kr } from "./utils/audioCompletion.es.js";
+import vr from "./MobilePlayerSettingsSheet.es.js";
+import { DEFAULT_SLIDE_PLAYER_TEXTS as Tr } from "./constants.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as Kr } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as Pr } from "./utils/audioCompletion.es.js";
 import { PlayerKeyboardShortcutContext as Ur } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as Fr, registerPlayerKeyboardShortcutOwner as Pr, isActivePlayerKeyboardShortcutOwner as Wr, getPlayerKeyboardShortcutAction as Or, shouldIgnorePlayerKeyboardShortcutEvent as Br } from "./utils/playerKeyboardShortcuts.es.js";
-import { resolveAudioPlaybackSourceType as Vr } from "./utils/playbackSource.es.js";
-import { shouldKeepPlayingAfterNavigation as Hr } from "./utils/playbackPreference.es.js";
-import { toPlayerCustomActionList as $r } from "./utils/playerCustomActions.es.js";
+import { activatePlayerKeyboardShortcutOwner as Fr, registerPlayerKeyboardShortcutOwner as Wr, isActivePlayerKeyboardShortcutOwner as Or, getPlayerKeyboardShortcutAction as Br, shouldIgnorePlayerKeyboardShortcutEvent as Vr } from "./utils/playerKeyboardShortcuts.es.js";
+import { resolveAudioPlaybackSourceType as Hr } from "./utils/playbackSource.es.js";
+import { shouldKeepPlayingAfterNavigation as $r } from "./utils/playbackPreference.es.js";
+import { toPlayerCustomActionList as Zr } from "./utils/playerCustomActions.es.js";
+import { suppressPlayerControlsWakeAfterNavigation as ar } from "./utils/playerNavigationContext.es.js";
 /* empty css              */
-import Zr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import qr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import zr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import Yr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import Dr from "../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
-import Xr from "../../node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
-import Gr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import Jr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import Qr from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const ar = /* @__PURE__ */ new Map(), sr = (k) => {
-  if (typeof window > "u" || !k || ar.has(k))
+import qr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import zr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import Yr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import Dr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import Xr from "../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
+import Gr from "../../node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
+import Jr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import Qr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import Ir from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const sr = /* @__PURE__ */ new Map(), lr = (k) => {
+  if (typeof window > "u" || !k || sr.has(k))
     return;
   const j = window.document.createElement("audio");
-  j.preload = "auto", j.setAttribute("playsinline", "true"), j.src = k, j.load(), ar.set(k, j);
-}, Ir = () => /* @__PURE__ */ n.jsxs(
+  j.preload = "auto", j.setAttribute("playsinline", "true"), j.src = k, j.load(), sr.set(k, j);
+}, et = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -44,7 +45,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
       /* @__PURE__ */ n.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), et = () => /* @__PURE__ */ n.jsxs(
+), rt = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -70,7 +71,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
   playback: "Space",
   previous: "←",
   subtitle: "C"
-}, rt = (k, j) => k ? `${k} (${j})` : j, tt = ({
+}, tt = (k, j) => k ? `${k} (${j})` : j, nt = ({
   audioList: k = [],
   className: j,
   currentAudioIndex: h = -1,
@@ -87,8 +88,8 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
   onNext: ae,
   onFullscreen: I,
   isFullscreen: Le = !1,
-  mobileViewMode: lr = Tr,
-  settingsPortalContainer: cr,
+  mobileViewMode: cr = Kr,
+  settingsPortalContainer: or,
   onMobileViewModeChange: Ae,
   onEnded: je,
   onAutoAdvanceToggle: Re,
@@ -99,39 +100,39 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
   prevDisabled: he = !1,
   nextDisabled: ye = !1,
   showControls: be = !0,
-  enableKeyboardShortcuts: or = !0,
+  enableKeyboardShortcuts: ir = !0,
   customActions: Ee,
   customActionContext: Ce,
   texts: Ne,
   onFocusCapture: ve,
   onPointerDown: Te,
-  ...ir
+  ...fr
 }) => {
-  const fr = Er(), Ke = Cr(Ur), y = c(null), Ue = c(ee), U = c(null), Fe = c(null), R = c(0), o = c(null), le = c(void 0), v = c([]), ce = c(
+  const dr = Cr(), Ke = Nr(Ur), y = c(null), Pe = c(ee), P = c(null), Ue = c(null), R = c(0), o = c(null), le = c(void 0), v = c([]), ce = c(
     N ? O : g
-  ), re = c(!1), Pe = c(!1), b = c(!1), F = c(null), q = c(null), _ = c(!1), s = c(!1), S = c(null), E = c(!1), B = c(null), Se = c(0), P = c("unknown"), [oe, f] = nr(g), [We, z] = nr(!1), V = Ke?.ownerId ?? fr, T = or && (Ke?.enabled ?? !0), d = h >= 0 ? k[h] : void 0, H = d?.audioUrl, M = G(
+  ), re = c(!1), Fe = c(!1), b = c(!1), U = c(null), q = c(null), _ = c(!1), s = c(!1), S = c(null), E = c(!1), B = c(null), Se = c(0), F = c("unknown"), [oe, f] = nr(g), [We, z] = nr(!1), V = Ke?.ownerId ?? dr, T = ir && (Ke?.enabled ?? !0), d = h >= 0 ? k[h] : void 0, H = d?.audioUrl, M = G(
     () => [...d?.audioSegments ?? []].sort(
       (e, r) => e.segment_index - r.segment_index
     ),
     [d?.audioSegments]
   ), Oe = G(
-    () => $r(Ee, Ce),
+    () => Zr(Ee, Ce),
     [Ce, Ee]
-  ), Be = Oe.length + 5, dr = G(
+  ), Be = Oe.length + 5, mr = G(
     () => ({
       "--slide-player-mobile-control-count": String(Be)
     }),
     [Be]
   ), l = G(
     () => ({
-      ...vr,
+      ...Tr,
       ...Ne
     }),
     [Ne]
-  ), ge = G(() => d ? d.audioKey ?? `${String(d.sequenceNumber ?? "none")}:${String(d.audioUrl ?? "")}` : "none", [d]), mr = N ? O : oe, Ve = N ? O ? l.pauseAutoplayLabel : l.playAutoplayLabel : oe ? l.pauseLabel : l.playLabel, He = Le ? l.exitFullscreenLabel : l.enterFullscreenLabel, Y = t(
+  ), ge = G(() => d ? d.audioKey ?? `${String(d.sequenceNumber ?? "none")}:${String(d.audioUrl ?? "")}` : "none", [d]), pr = N ? O : oe, Ve = N ? O ? l.pauseAutoplayLabel : l.playAutoplayLabel : oe ? l.pauseLabel : l.playLabel, He = Le ? l.exitFullscreenLabel : l.enterFullscreenLabel, Y = t(
     (e, r, a) => ({
       ariaKeyShortcuts: T ? a : void 0,
-      title: T ? rt(e, r) : e
+      title: T ? tt(e, r) : e
     }),
     [T]
   ), $e = Y(
@@ -160,12 +161,12 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
     "n"
   ), ie = t(() => {
     T && Fr(V);
-  }, [V, T]), pr = t(
+  }, [V, T]), hr = t(
     (e) => {
       ie(), Te?.(e);
     },
     [ie, Te]
-  ), hr = t(
+  ), yr = t(
     (e) => {
       ie(), ve?.(e);
     },
@@ -178,16 +179,16 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
   }, [g, O, N]), m(() => {
     be || z(!1);
   }, [be]), m(() => {
-    !Ue.current && ee && z(!1), Ue.current = ee;
+    !Pe.current && ee && z(!1), Pe.current = ee;
   }, [ee]), m(() => {
     v.current = M;
   }, [M]), m(() => {
     const e = d?.audioUrl, r = h >= 0 ? k[h + 1]?.audioUrl : void 0;
-    sr(e), sr(r);
+    lr(e), lr(r);
   }, [k, d?.audioUrl, h]);
   const u = t(
     (e, r = null) => {
-      Pe.current === e && (!e || r === null) || (Pe.current = e, xe?.({
+      Fe.current === e && (!e || r === null) || (Fe.current = e, xe?.({
         loading: e,
         reason: e ? r : null
       }));
@@ -201,11 +202,11 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
   ), te = t(() => N ? {
     shouldContinuePlayback: ce.current
   } : {
-    shouldContinuePlayback: Hr({
+    shouldContinuePlayback: $r({
       defaultPlaying: ce.current,
       isPausedByUser: b.current
     })
-  }, [N]), Xe = t((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), W = t(() => g && !K && !b.current && P.current !== "blocked", [g, K]), Ge = t((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Je = t(() => {
+  }, [N]), Xe = t((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), W = t(() => g && !K && !b.current && F.current !== "blocked", [g, K]), Ge = t((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Je = t(() => {
     const e = o.current;
     return e == null || e <= 0 ? 0 : v.current.slice(0, e).reduce(
       (r, a) => r + Math.max(Number(a.duration_ms ?? 0), 0),
@@ -216,7 +217,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
     0
   ), []), Qe = t(() => {
     const e = y.current;
-    return e ? F.current === "segment" ? Z(R.current) + Math.max(e.currentTime, 0) * 1e3 : S.current !== null && e.readyState === 0 ? S.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : o.current != null ? Z(o.current) : 0;
+    return e ? U.current === "segment" ? Z(R.current) + Math.max(e.currentTime, 0) * 1e3 : S.current !== null && e.readyState === 0 ? S.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : o.current != null ? Z(o.current) : 0;
   }, [Z]), w = t(
     (e) => {
       const r = Math.max(e, 0);
@@ -242,7 +243,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
     B.current = window.requestAnimationFrame(e);
   }, [i]), D = t(() => {
     const e = y.current;
-    e && (p(), s.current = !1, b.current = !1, re.current = !1, F.current = null, S.current = null, _.current = !1, E.current = !1, q.current = null, e.pause(), e.removeAttribute("src"), e.load(), U.current = null, R.current = 0, o.current = null, w(0), f(!1), u(!1));
+    e && (p(), s.current = !1, b.current = !1, re.current = !1, U.current = null, S.current = null, _.current = !1, E.current = !1, q.current = null, e.pause(), e.removeAttribute("src"), e.load(), P.current = null, R.current = 0, o.current = null, w(0), f(!1), u(!1));
   }, [w, p, u]), L = t(
     (e) => {
       const r = y.current;
@@ -250,9 +251,9 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
         return !1;
       const a = r.play();
       return a && typeof a.then == "function" && a.then(() => {
-        P.current === "unknown" && (P.current = "auto"), s.current = !1, E.current = !1;
+        F.current === "unknown" && (F.current = "auto"), s.current = !1, E.current = !1;
       }).catch((x) => {
-        P.current === "unknown" && Xe(x) && (P.current = "blocked", s.current = !1, u(!1)), E.current = !1, f(!1);
+        F.current === "unknown" && Xe(x) && (F.current = "blocked", s.current = !1, u(!1)), E.current = !1, f(!1);
       }), !0;
     },
     [Xe, u]
@@ -265,8 +266,8 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
       R.current = e, o.current = null, _.current = !1, E.current = !0, q.current = "segment", w(Z(e));
       const de = W();
       s.current = de, u(!1);
-      const Ar = U.current !== A;
-      return F.current = "segment", Ar && (a.pause(), a.removeAttribute("src"), a.load(), U.current = A, a.src = A, a.load()), S.current = 0, a.readyState > 0 && (a.currentTime = 0, S.current = null), de ? L(`start-segment:${r}`) : (s.current = !1, E.current = !1, a.pause(), f(!1), !0);
+      const jr = P.current !== A;
+      return U.current = "segment", jr && (a.pause(), a.removeAttribute("src"), a.load(), P.current = A, a.src = A, a.load()), S.current = 0, a.readyState > 0 && (a.currentTime = 0, S.current = null), de ? L(`start-segment:${r}`) : (s.current = !1, E.current = !1, a.pause(), f(!1), !0);
     },
     [
       W,
@@ -290,7 +291,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
   ), fe = t(
     (e) => {
       const r = y.current;
-      return !r || F.current !== "url" || !Kr({
+      return !r || U.current !== "url" || !Pr({
         currentTimeSeconds: Math.max(r.currentTime, 0),
         durationSeconds: r.duration
       }) ? !1 : (s.current = !1, r.pause(), X(e), !0);
@@ -316,9 +317,9 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
     u
   ]);
   m(() => {
-    if (Fe.current === ge)
+    if (Ue.current === ge)
       return;
-    Fe.current = ge, R.current = 0, o.current = null, _.current = !1, b.current = !1, re.current = !1, s.current = !1, E.current = !1, F.current = null, q.current = null, U.current = null, p(), w(0), u(!1);
+    Ue.current = ge, R.current = 0, o.current = null, _.current = !1, b.current = !1, re.current = !1, s.current = !1, E.current = !1, U.current = null, q.current = null, P.current = null, p(), w(0), u(!1);
     const e = y.current;
     e && (e.pause(), e.removeAttribute("src"), e.load(), f(!1));
   }, [
@@ -345,7 +346,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
           s.current = !0, u(!0, "waitingForMoreAudio");
           return;
         }
-        if (!U.current && v.current.length > 0) {
+        if (!P.current && v.current.length > 0) {
           C(
             Math.min(
               R.current,
@@ -375,18 +376,18 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
       s.current = !1, u(!1), e.pause(), f(!1);
       return;
     }
-    const r = Vr({
-      activeSourceType: F.current,
+    const r = Hr({
+      activeSourceType: U.current,
       hasAudioUrl: !!H,
       segmentCount: M.length,
       preferredSourceType: q.current,
       waitingSegmentIndex: o.current
     });
     if (r && q.current !== r && (q.current = r), r === "url" && H) {
-      const a = U.current !== H, x = W();
+      const a = P.current !== H, x = W();
       if (a) {
         const A = o.current !== null ? Je() : 0;
-        e.pause(), e.removeAttribute("src"), e.load(), U.current = H, F.current = "url", e.src = H, e.load(), S.current = A, w(A * 1e3), e.readyState > 0 && (e.currentTime = A, S.current = null);
+        e.pause(), e.removeAttribute("src"), e.load(), P.current = H, U.current = "url", e.src = H, e.load(), S.current = A, w(A * 1e3), e.readyState > 0 && (e.currentTime = A, S.current = null);
       }
       if (s.current = x, _.current = !1, E.current = !1, u(!1), !x) {
         s.current = !1, e.pause(), f(!1);
@@ -415,7 +416,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
       D();
       return;
     }
-    if (r === "segment" && !U.current) {
+    if (r === "segment" && !P.current) {
       C(
         Math.min(
           R.current,
@@ -449,16 +450,16 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
     Je,
     u
   ]), m(() => D, [D]), m(() => p, [p]);
-  const yr = t(() => {
+  const br = t(() => {
     i(), Ie(), f(!0), u(!1), Me?.();
   }, [
     Me,
     Ie,
     i,
     u
-  ]), br = t(() => {
+  ]), Sr = t(() => {
     _.current || E.current || (p(), i(), f(!1));
-  }, [h, p, i]), Sr = t(() => {
+  }, [h, p, i]), gr = t(() => {
     const e = y.current;
     e && S.current !== null && (e.currentTime = S.current, S.current = null), i(), !fe("canplay-seek-finished") && (!s.current || !g || L("canplay"));
   }, [
@@ -467,14 +468,14 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
     fe,
     i,
     L
-  ]), gr = t(() => {
+  ]), _r = t(() => {
     const e = y.current;
     e && S.current !== null && (e.currentTime = S.current, S.current = null), i(), fe("metadata-seek-finished");
-  }, [h, fe, i]), _r = t(() => {
+  }, [h, fe, i]), wr = t(() => {
     i();
-  }, [i]), wr = t(() => {
+  }, [i]), xr = t(() => {
     _.current || u(!0, "loadingAudio");
-  }, [u]), xr = t(() => {
+  }, [u]), kr = t(() => {
     if (_.current) {
       u(!0, "waitingForMoreAudio");
       return;
@@ -482,16 +483,16 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
     u(!0, "loadingAudio");
   }, [u]), rr = t(() => {
     i();
-  }, [i]), kr = t(() => {
-    const e = F.current === "url" || v.current.length === 0;
+  }, [i]), Mr = t(() => {
+    const e = U.current === "url" || v.current.length === 0;
     if (p(), E.current = !1, e) {
       X("url-ended");
       return;
     }
     er();
-  }, [X, er, p]), Mr = t(() => {
+  }, [X, er, p]), Lr = t(() => {
     p(), i(), f(!1), u(!1);
-  }, [p, i, u]), Lr = t(
+  }, [p, i, u]), Ar = t(
     (e) => {
       Ae?.(e), z(!1);
     },
@@ -502,13 +503,13 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
       return $(r), Re?.(r), !0;
     }
     const e = y.current;
-    return K || !e || !d ? !1 : o.current !== null ? oe ? ($(!1), s.current = !1, b.current = !0, o.current = null, _.current = !1, f(!1), u(!1), e.pause(), !0) : ($(!0), P.current = "manual", b.current = !1, s.current = !0, u(!0, "waitingForMoreAudio"), !0) : !e.src && M.length > 0 ? ($(!0), P.current = "manual", b.current = !1, C(
+    return K || !e || !d ? !1 : o.current !== null ? oe ? ($(!1), s.current = !1, b.current = !0, o.current = null, _.current = !1, f(!1), u(!1), e.pause(), !0) : ($(!0), F.current = "manual", b.current = !1, s.current = !0, u(!0, "waitingForMoreAudio"), !0) : !e.src && M.length > 0 ? ($(!0), F.current = "manual", b.current = !1, C(
       Math.min(
         R.current,
         M.length - 1
       ),
       "toggle"
-    ), !0) : e.paused ? ($(!0), P.current = "manual", b.current = !1, s.current = !0, L("toggle-resume"), !0) : ($(!1), s.current = !1, b.current = !0, e.pause(), !0);
+    ), !0) : e.paused ? ($(!0), F.current = "manual", b.current = !1, s.current = !0, L("toggle-resume"), !0) : ($(!1), s.current = !1, b.current = !0, e.pause(), !0);
   }, [
     d,
     M.length,
@@ -524,14 +525,18 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
   ]);
   m(() => {
     if (T)
-      return Pr(V);
+      return Wr(V);
   }, [V, T]);
   const we = G(
     () => ({
       fullscreen: () => I ? (I(), !0) : !1,
       interaction: () => se ? (me && se(), !0) : !1,
-      next: () => ae ? (ye || ae(te()), !0) : !1,
-      previous: () => ue ? (he || ue(te()), !0) : !1,
+      next: () => ae ? (ye || ae(
+        ar(te())
+      ), !0) : !1,
+      previous: () => ue ? (he || ue(
+        ar(te())
+      ), !0) : !1,
       subtitle: () => Q ? (Q(), !0) : !1,
       togglePlayback: () => (_e(), !0)
     }),
@@ -554,10 +559,10 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
     if (!T || typeof document > "u")
       return;
     const e = (r) => {
-      if (!Wr(V))
+      if (!Or(V))
         return;
-      const a = Or(r);
-      if (!a || Br(r, a))
+      const a = Br(r);
+      if (!a || Vr(r, a))
         return;
       let x = !1;
       const A = tr.current[a];
@@ -571,11 +576,11 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
   }, [ne]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      ...ir,
+      ...fr,
       "data-slide-player-shortcut-owner": V,
       className: ur("slide-player", j),
-      onFocusCapture: hr,
-      onPointerDown: pr,
+      onFocusCapture: yr,
+      onPointerDown: hr,
       children: [
         /* @__PURE__ */ n.jsx(
           "audio",
@@ -583,24 +588,24 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
             ref: y,
             preload: "auto",
             playsInline: !0,
-            onLoadStart: wr,
-            onLoadedMetadata: gr,
-            onCanPlay: Sr,
-            onPlay: yr,
-            onPause: br,
-            onWaiting: xr,
+            onLoadStart: xr,
+            onLoadedMetadata: _r,
+            onCanPlay: gr,
+            onPlay: br,
+            onPause: Sr,
+            onWaiting: kr,
             onSeeking: rr,
             onSeeked: rr,
-            onTimeUpdate: _r,
-            onEnded: kr,
-            onError: Mr
+            onTimeUpdate: wr,
+            onEnded: Mr,
+            onError: Lr
           }
         ),
         be ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           /* @__PURE__ */ n.jsx(
-            Nr,
+            vr,
             {
-              container: cr,
+              container: or,
               labels: {
                 closeSettings: l.closeSettingsLabel,
                 fullscreen: l.fullscreenLabel,
@@ -616,12 +621,12 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
               onOpenChange: z,
               onSubtitleToggle: Q ?? (() => {
               }),
-              onViewModeChange: Lr,
+              onViewModeChange: Ar,
               open: We,
-              viewMode: lr
+              viewMode: cr
             }
           ),
-          /* @__PURE__ */ n.jsxs("div", { className: "slide-player__controls", style: dr, children: [
+          /* @__PURE__ */ n.jsxs("div", { className: "slide-player__controls", style: mr, children: [
             /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
               /* @__PURE__ */ n.jsx(
                 "button",
@@ -635,7 +640,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
                   },
                   type: "button",
                   children: /* @__PURE__ */ n.jsx(
-                    Zr,
+                    qr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -649,7 +654,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
                   "aria-label": l.volumeAriaLabel,
                   className: "hidden",
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(qr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: /* @__PURE__ */ n.jsx(zr, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
               ),
               /* @__PURE__ */ n.jsx(
@@ -662,8 +667,8 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
                   onClick: Q,
                   title: $e.title,
                   type: "button",
-                  children: pe ? /* @__PURE__ */ n.jsx(zr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
-                    Yr,
+                  children: pe ? /* @__PURE__ */ n.jsx(Yr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
+                    Dr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -683,7 +688,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
                   },
                   title: Ze.title,
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(Dr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: /* @__PURE__ */ n.jsx(Xr, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
               ),
               /* @__PURE__ */ n.jsx(
@@ -697,7 +702,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
                   },
                   title: qe.title,
                   type: "button",
-                  children: mr ? /* @__PURE__ */ n.jsx(Ir, {}) : /* @__PURE__ */ n.jsx(et, {})
+                  children: pr ? /* @__PURE__ */ n.jsx(et, {}) : /* @__PURE__ */ n.jsx(rt, {})
                 }
               ),
               /* @__PURE__ */ n.jsx(
@@ -712,7 +717,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
                   },
                   title: ze.title,
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(Xr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: /* @__PURE__ */ n.jsx(Gr, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
               ),
               I ? /* @__PURE__ */ n.jsx(
@@ -725,13 +730,13 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
                   title: Ye.title,
                   type: "button",
                   children: Le ? /* @__PURE__ */ n.jsx(
-                    Gr,
+                    Jr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
                     }
                   ) : /* @__PURE__ */ n.jsx(
-                    Jr,
+                    Qr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -742,7 +747,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
             ] }),
             /* @__PURE__ */ n.jsx("div", { className: "slide-player__separator" }),
             /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
-              Oe.map((e, r) => /* @__PURE__ */ n.jsx(jr.Fragment, { children: e }, `custom-action-${r}`)),
+              Oe.map((e, r) => /* @__PURE__ */ n.jsx(Rr.Fragment, { children: e }, `custom-action-${r}`)),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
@@ -757,7 +762,7 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
                   title: De.title,
                   type: "button",
                   children: /* @__PURE__ */ n.jsx(
-                    Qr,
+                    Ir,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -771,9 +776,9 @@ const ar = /* @__PURE__ */ new Map(), sr = (k) => {
       ]
     }
   );
-}, nt = Rr(tt);
-nt.displayName = "Player";
+}, ut = Er(nt);
+ut.displayName = "Player";
 export {
-  nt as default
+  ut as default
 };
 //# sourceMappingURL=Player.es.js.map