markdown-flow-ui 0.2.26-dev.6 → 0.2.26-dev.7

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

@@ -16,7 +16,7 @@ import so from "./useSlide.es.js";
 import co from "./useWakePlayerFromIframe.es.js";
 import { PlayerKeyboardShortcutContext as uo } from "./utils/playerKeyboardShortcutContext.es.js";
 import { activatePlayerKeyboardShortcutOwner as fo } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as gt, resolveMobileViewModeState as mo } from "./utils/mobileScreenMode.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as vt, resolveMobileViewModeState as mo } from "./utils/mobileScreenMode.es.js";
 import { shouldRenderInteractionOverlay as po, clampInteractionOverlayDragOffset as Vn, shouldPresentInteractionOverlay as yo } from "./utils/interactionPlayback.es.js";
 import { resolveMarkdownScalingMode as ho } from "./utils/markdownScaling.es.js";
 import { shouldWakePlayerControlsAfterNavigation as $t } from "./utils/playerNavigationContext.es.js";
@@ -35,7 +35,7 @@ import { getSlideLocaleTexts as ko, DEFAULT_SLIDE_BUFFERING_TEXTS as Lo } from "
 /* empty css             */
 import zt from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
 import Fo from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
+const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, St = {
   x: 0,
   y: 0
 }, Jt = 0.5, Ko = typeof window > "u" ? s : Wr, qo = [
@@ -65,15 +65,15 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
     defaultButtonText: Ce,
     defaultInputText: ce,
     defaultSelectedValues: $e,
-    confirmButtonText: St,
+    confirmButtonText: It,
     copyButtonText: W,
-    copiedButtonText: It,
+    copiedButtonText: bt,
     onSend: Te,
     onDragHandlePointerCancel: ze,
-    onDragHandlePointerDown: bt,
+    onDragHandlePointerDown: Xe,
     onDragHandlePointerMove: At,
-    onDragHandlePointerUp: Xe,
-    readonly: Je = !1
+    onDragHandlePointerUp: Je,
+    readonly: We = !1
   }) => /* @__PURE__ */ Ge("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ u(
       "button",
@@ -82,9 +82,9 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
         className: "slide-player__interaction-drag-handle",
         "aria-label": z,
         onPointerCancel: ze,
-        onPointerDown: bt,
+        onPointerDown: Xe,
         onPointerMove: At,
-        onPointerUp: Xe,
+        onPointerUp: Je,
         children: /* @__PURE__ */ Ge("span", { className: "slide-player__interaction-drag-handle-icon", children: [
           /* @__PURE__ */ u(zt, { "aria-hidden": "true" }),
           /* @__PURE__ */ u(zt, { "aria-hidden": "true" }),
@@ -103,11 +103,11 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
         defaultButtonText: Ce,
         defaultInputText: ce,
         defaultSelectedValues: $e,
-        confirmButtonText: St,
+        confirmButtonText: It,
         copyButtonText: W,
-        copiedButtonText: It,
+        copiedButtonText: bt,
         onSend: Te,
-        readonly: Je,
+        readonly: We,
         sandboxMode: "content"
       }
     ) })
@@ -127,15 +127,15 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   playerCustomActions: Ce,
   playerCustomActionPauseOnActive: ce = !0,
   bufferingText: $e,
-  interactionTitle: St,
+  interactionTitle: It,
   interactionTexts: W,
-  playerTexts: It,
+  playerTexts: bt,
   playerAutoHideDelay: Te = 3e3,
   markerAutoAdvanceDelay: ze = No,
-  showSlideProgress: bt = !1,
+  showSlideProgress: Xe = !1,
   isSlideProgressGenerating: At = !1,
-  onSlideProgressNavigate: Xe,
-  interactionDefaultValueOptions: Je,
+  onSlideProgressNavigate: Je,
+  interactionDefaultValueOptions: We,
   onSend: jt,
   onPlayerVisibilityChange: wt,
   onMobileViewModeChange: Qt,
@@ -165,7 +165,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   } = Oo({
     playerEnabled: z,
     playerControlsVisibility: Ee
-  }), We = Jr(), de = m(null), { resolvedDirection: er } = Qr(de, j), xt = m(null), je = m(null), nn = m(null), fe = m(null), Qe = m(!1), _e = m(null), Ze = m(null), Z = m(null), Oe = m(null), Me = m(null), me = m(null), ke = m(null), rn = m([]), pe = m(!1), H = m(null), Le = m(null), on = m(0), Pt = m(null), ln = m({
+  }), je = Jr(), de = m(null), { resolvedDirection: er } = Qr(de, j), xt = m(null), Qe = m(null), nn = m(null), fe = m(null), Ze = m(!1), _e = m(null), et = m(null), Z = m(null), Oe = m(null), Me = m(null), me = m(null), ke = m(null), rn = m([]), pe = m(!1), H = m(null), Le = m(null), on = m(0), Pt = m(null), ln = m({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
@@ -176,7 +176,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     currentIndex: a,
     audioList: y,
     audioSlideIndexes: ee,
-    currentAudioSequenceIndexes: et,
+    currentAudioSequenceIndexes: tt,
     currentStepHasSpeakableElement: w,
     currentInteractionElement: h,
     canGoPrev: tr,
@@ -195,23 +195,23 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   ), cn = S.length, nr = cn === 1, x = Zn && (S.length > 0 || y.length > 0 || !!h), rr = f(
     () => ({
       enabled: ue,
-      ownerId: We
+      ownerId: je
     }),
-    [ue, We]
+    [ue, je]
   ), Y = r(() => {
-    !ue || !x || fo(We);
-  }, [ue, We, x]), _ = f(
-    () => et.map((e) => y[e]?.audioKey).filter((e) => !!e),
-    [y, et]
-  ), [or, Ne] = p(!0), [tt, te] = p(!1), [Ct, Tt] = p(!0), [De, un] = p(!0), [P, B] = p(null), [nt, dn] = p(null), Be = m(
+    !ue || !x || fo(je);
+  }, [ue, je, x]), _ = f(
+    () => tt.map((e) => y[e]?.audioKey).filter((e) => !!e),
+    [y, tt]
+  ), [or, Ne] = p(!0), [nt, te] = p(!1), [Ct, Tt] = p(!0), [De, un] = p(!0), [P, B] = p(null), [rt, dn] = p(null), Be = m(
     null
-  ), fn = m(null), [ir, mn] = p(null), [lr, I] = p(!1), [ar, Rt] = p(Wt), [O, rt] = p(!1), ot = m(/* @__PURE__ */ new Set()), [sr, it] = p(!1), [pn, cr] = p(!0), [_t, Ot] = p(!1), [b, Mt] = p(), [ge, lt] = p(!1), [yn, at] = p(!1), [E, kt] = p(
-    vt
+  ), fn = m(null), [ir, mn] = p(null), [lr, I] = p(!1), [ar, Rt] = p(Wt), [O, ot] = p(!1), it = m(/* @__PURE__ */ new Set()), [sr, lt] = p(!1), [pn, cr] = p(!0), [_t, Ot] = p(!1), [b, Mt] = p(), [ge, at] = p(!1), [yn, st] = p(!1), [E, kt] = p(
+    St
   ), [Lt, Ft] = p(!1), [
     ur,
     ve
-  ] = p(0), [hn, dr] = p(!1), V = f(() => ro(), []), [st, Nt] = p(
-    gt
+  ] = p(0), [hn, dr] = p(!1), V = f(() => ro(), []), [ct, Nt] = p(
+    vt
   ), [gn, Dt] = p(!1), [fr, vn] = p(
     () => V ? Bn() : !1
   ), Se = f(() => Po(), []), {
@@ -223,46 +223,46 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     () => mo({
       hasManualMobileViewMode: gn,
       isMobileDevice: V,
-      mobileViewMode: st
+      mobileViewMode: ct
     }),
     [
       gn,
       V,
       fr,
-      st
+      ct
     ]
   ), In = m(ne), {
     controlsVisible: K,
-    layoutReserved: ct
+    layoutReserved: ut
   } = Mo({
     isAutoVisible: or,
     playerControlsVisibility: Q,
     shouldMountPlayer: x
-  }), pr = Ie && K, yr = Ie && ct, hr = Ie || Sn, bn = hn && !V, gr = r(
+  }), pr = Ie && K, yr = Ie && ut, hr = Ie || Sn, bn = hn && !V, gr = r(
     (e) => {
       Dt(!0), Nt(e);
     },
     []
   ), An = r(() => {
-    Dt(!1), Nt(gt);
+    Dt(!1), Nt(vt);
   }, []), vr = r(() => {
     An(), J?.onBack?.();
   }, [J, An]), M = r(() => {
     Z.current !== null && (window.clearTimeout(Z.current), Z.current = null);
   }, []), k = r(() => {
     Oe.current !== null && (window.clearTimeout(Oe.current), Oe.current = null);
-  }, []), ut = r(() => {
-    M(), k(), lt(!1), ve(0);
-  }, [M, k]), dt = r(
+  }, []), dt = r(() => {
+    M(), k(), at(!1), ve(0);
+  }, [M, k]), ft = r(
     (e) => {
-      e && ut(), Ot(e);
+      e && dt(), Ot(e);
     },
-    [ut]
+    [dt]
   ), wn = r(() => {
-    ut(), Ot((e) => !e);
-  }, [ut]), re = r(() => {
+    dt(), Ot((e) => !e);
+  }, [dt]), re = r(() => {
     kt(
-      (e) => e.x === vt.x && e.y === vt.y ? e : vt
+      (e) => e.x === St.x && e.y === St.y ? e : St
     ), Ft(!1), ke.current = null, me.current = null;
   }, []), { mountedStepStates: Sr, currentMountedStateIndex: Ir } = f(() => {
     const e = [], t = /* @__PURE__ */ new Map();
@@ -287,7 +287,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     };
   }, [a, an]), xn = f(() => String(a), [a]), C = f(() => P ? y.findIndex(
     (e) => (e.audioKey ?? "") === P
-  ) : -1, [y, P]), ft = f(
+  ) : -1, [y, P]), mt = f(
     () => C >= 0 ? y[C] : void 0,
     [y, C]
   );
@@ -308,14 +308,14 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     ye,
     U
   ]);
-  const br = ft?.element?.subtitle_cues ?? [], mt = f(
+  const br = mt?.element?.subtitle_cues ?? [], pt = f(
     () => _[0] ?? "none",
     [_]
   ), Bt = f(
     () => ({
       currentElement: wo({
         currentAudioIndex: C,
-        currentAudioSequenceIndexes: et,
+        currentAudioSequenceIndexes: tt,
         audioList: y,
         currentInteractionElement: b,
         currentStepElement: Fe
@@ -323,31 +323,31 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       currentIndex: a,
       currentStepElement: Fe,
       isActive: _t,
-      setActive: dt,
+      setActive: ft,
       toggleActive: wn
     }),
     [
       b,
       y,
       C,
-      et,
+      tt,
       a,
       Fe,
       _t,
-      dt,
+      ft,
       wn
     ]
-  ), pt = f(
+  ), yt = f(
     () => xo(
       Ce,
       Bt
     ),
     [Bt, Ce]
-  ), Vt = pt > 0, Kt = Vt && _t, Ar = f(
+  ), Vt = yt > 0, Kt = Vt && _t, Ar = f(
     () => ({
-      "--slide-player-custom-action-count": String(pt),
+      "--slide-player-custom-action-count": String(yt),
       "--slide-player-mobile-control-count": String(
-        pt + 4
+        yt + 4
       ),
       "--slide-interaction-drag-x": `${E.x}px`,
       "--slide-interaction-drag-y": `${E.y}px`
@@ -355,7 +355,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     [
       E.x,
       E.y,
-      pt
+      yt
     ]
   ), Pn = _.length > 0, En = f(() => h ? `${h.sequence_number ?? "none"}:${String(
     h.content ?? ""
@@ -365,13 +365,13 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   ), wr = f(
     () => [
       be,
-      ft?.audioKey ?? "none",
+      mt?.audioKey ?? "none",
       String(C)
     ].join("|"),
-    [C, ft?.audioKey, be]
-  ), Cn = !!f(() => !mt || mt === "none" ? "" : y.find(
-    (t) => t.audioKey === mt
-  )?.audioUrl?.trim() ?? "", [y, mt]), oe = ce && Kt, Ve = f(
+    [C, mt?.audioKey, be]
+  ), Cn = !!f(() => !pt || pt === "none" ? "" : y.find(
+    (t) => t.audioKey === pt
+  )?.audioUrl?.trim() ?? "", [y, pt]), oe = ce && Kt, Ve = f(
     () => Co({
       canGoNext: R,
       currentAudioIndex: C,
@@ -405,10 +405,10 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   }, []), Ae = r(() => {
     _e.current !== null && (window.clearTimeout(_e.current), _e.current = null);
   }, []), G = r(() => {
-    Ze.current !== null && (window.clearTimeout(Ze.current), Ze.current = null);
+    et.current !== null && (window.clearTimeout(et.current), et.current = null);
   }, []), L = r(
     (e = {}) => {
-      Ae(), M(), k(), G(), B(null), Se.reset(), I(!1), Rt(Wt), rt(!1), ot.current = /* @__PURE__ */ new Set(), it(!1), mn(null), e.preservePendingSubtitleJump || (Le.current = null), Mt(void 0), lt(!1), ve(0);
+      Ae(), M(), k(), G(), B(null), Se.reset(), I(!1), Rt(Wt), ot(!1), it.current = /* @__PURE__ */ new Set(), lt(!1), mn(null), e.preservePendingSubtitleJump || (Le.current = null), Mt(void 0), at(!1), ve(0);
     },
     [
       Ae,
@@ -417,7 +417,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       k,
       Se
     ]
-  ), yt = r(
+  ), ht = r(
     (e) => {
       on.current += 1, mn({
         ...e,
@@ -428,11 +428,11 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   ), we = r(() => {
     const e = vo(
       _,
-      ot.current
+      it.current
     );
     return e ? (B(e), !0) : !1;
   }, [_]), qe = r(() => {
-    M(), k(), lt(!1), ve(0), !we() && R && D();
+    M(), k(), at(!1), ve(0), !we() && R && D();
   }, [
     R,
     M,
@@ -446,7 +446,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       const t = () => {
         Oe.current = null, ve(
           Bo
-        ), lt(!0), H.current = null;
+        ), at(!0), H.current = null;
       };
       Oe.current = window.setTimeout(
         t,
@@ -455,10 +455,10 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     },
     [k]
   ), Ut = r(
-    () => Qe.current || !!de.current?.querySelector(".slide-player__controls:hover"),
+    () => Ze.current || !!de.current?.querySelector(".slide-player__controls:hover"),
     []
   ), g = r(
-    (e = tt) => {
+    (e = nt) => {
       !x || Q === "hidden" || (Ne(!0), q(), !(Q === "visible" || !e || Te <= 0 || Ut()) && (fe.current = window.setTimeout(() => {
         if (Ut()) {
           fe.current = null;
@@ -469,7 +469,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     },
     [
       q,
-      tt,
+      nt,
       Ut,
       Te,
       Q,
@@ -486,11 +486,11 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   s(() => {
     un(Ct);
   }, [a, Ct, ce]), s(() => {
-    ce && dt(!1);
+    ce && ft(!1);
   }, [
     a,
     ce,
-    dt
+    ft
   ]), s(() => {
     Vt || Ot(!1);
   }, [Vt]), s(() => () => {
@@ -515,7 +515,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       if (e)
         return;
       i();
-      const v = je.current?.querySelector(
+      const v = Qe.current?.querySelector(
         '[data-active-step="true"]'
       );
       if (!v)
@@ -551,7 +551,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     };
     return t = window.requestAnimationFrame(() => {
       t = null, o();
-    }), Ze.current = window.setTimeout(() => {
+    }), et.current = window.setTimeout(() => {
       l();
     }, To), () => {
       e = !0, i(), G(), t !== null && window.cancelAnimationFrame(t);
@@ -565,10 +565,10 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   ]), s(() => (wt?.(K), () => {
     wt?.(!1);
   }), [wt, K]), s(() => {
-    K || (Qe.current = !1);
+    K || (Ze.current = !1);
   }, [K]), s(() => {
-    V || st === gt || (Dt(!1), Nt(gt));
-  }, [V, st]), s(() => {
+    V || ct === vt || (Dt(!1), Nt(vt));
+  }, [V, ct]), s(() => {
     if (!V) {
       vn(!1);
       return;
@@ -640,10 +640,10 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       q(), Ne(!0);
       return;
     }
-    tt || g(!0);
+    nt || g(!0);
   }, [
     q,
-    tt,
+    nt,
     Q,
     x,
     g
@@ -698,7 +698,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
         slideElementList: S,
         targetSlideIndex: l.slideIndex
       })) {
-        Le.current = null, Et.current = !0, B(l.audioKey), yt({
+        Le.current = null, Et.current = !0, B(l.audioKey), ht({
           audioIndex: l.audioIndex,
           timeMs: l.timeMs
         });
@@ -747,7 +747,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     ie,
     k,
     L,
-    yt,
+    ht,
     On,
     x,
     S,
@@ -778,8 +778,8 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   ]), s(() => {
     O && So(
       _,
-      ot.current
-    ) && rt(!1);
+      it.current
+    ) && ot(!1);
   }, [_, O]), s(() => {
     if (Be.current)
       return;
@@ -806,7 +806,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   }, [C, P]), s(() => {
     C >= 0 || Se.reset();
   }, [C, Se]), s(() => {
-    it(!1);
+    lt(!1);
   }, [wr]);
   const {
     interactionDefaults: Mn,
@@ -816,9 +816,9 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     shouldAutoContinueInteraction: Ln
   } = f(
     () => Eo(b, {
-      interactionDefaultValueOptions: Je
+      interactionDefaultValueOptions: We
     }),
-    [b, Je]
+    [b, We]
   ), Rr = !!b?.readonly || Tr, He = po({
     hasActiveInteraction: !!b,
     isInteractionOverlayOpen: ge
@@ -844,7 +844,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), s(() => {
-    b && ge || at(!1);
+    b && ge || st(!1);
   }, [b, ge]), s(() => {
     re();
   }, [b, re]), s(() => {
@@ -969,7 +969,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       });
     }
   }, []), Fn = r(() => {
-    const e = je.current;
+    const e = Qe.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
@@ -990,7 +990,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
   ), Lr = r(
     (e, t) => {
       const i = y[e.audioIndex]?.audioKey, l = ee[e.audioIndex];
-      return !i || l == null || !Ht(e) ? !1 : ($(t), H.current = null, I(!1), rt(!1), it(!1), $t(t) && (te(!0), g(!0)), l === a ? (Le.current = null, L(), B(i), yt(e), !0) : (pe.current = !0, L(), Le.current = {
+      return !i || l == null || !Ht(e) ? !1 : ($(t), H.current = null, I(!1), ot(!1), lt(!1), $t(t) && (te(!0), g(!0)), l === a ? (Le.current = null, L(), B(i), ht(e), !0) : (pe.current = !0, L(), Le.current = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
@@ -1003,7 +1003,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       Ht,
       a,
       ye,
-      yt,
+      ht,
       L,
       g,
       $
@@ -1030,12 +1030,12 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     ]
   ), Dr = r(
     (e, t) => {
-      e < 0 || e >= S.length || e === a || ($(t), pe.current = !0, H.current = null, I(!1), te(!0), g(!0), L(), ye(e), Xe?.(S[e], e));
+      e < 0 || e >= S.length || e === a || ($(t), pe.current = !0, H.current = null, I(!1), te(!0), g(!0), L(), ye(e), Je?.(S[e], e));
     },
     [
       a,
       ye,
-      Xe,
+      Je,
       L,
       g,
       S,
@@ -1070,7 +1070,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       const t = y[e]?.audioKey;
       if (!t || !P || t !== P)
         return;
-      ot.current.add(t);
+      it.current.add(t);
       const n = _.findIndex(
         (o) => o === t
       );
@@ -1083,7 +1083,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
         B(l);
         return;
       }
-      if (B(null), rt(!0), I(!1), R) {
+      if (B(null), ot(!0), I(!1), R) {
         const o = a + 1, v = S[o];
         Cn && v?.type === "interaction" && (H.current = o), D();
         return;
@@ -1100,15 +1100,15 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       S
     ]
   ), Kr = r(() => {
-    Qe.current = !0, q(), x && Ne(!0);
+    Ze.current = !0, q(), x && Ne(!0);
   }, [q, x]), qr = r(() => {
-    Qe.current = !1, g(!0);
+    Ze.current = !1, g(!0);
   }, [g]), Yt = r(
     (e) => {
       e.stopPropagation(), K && g(!0);
     },
     [K, g]
-  ), ht = r(
+  ), gt = r(
     (e, t) => {
       const n = xt.current;
       if (!n)
@@ -1148,7 +1148,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     const o = {
       x: E.x + i,
       y: E.y + l
-    }, v = ht(
+    }, v = gt(
       e,
       E
     ), A = Uo(
@@ -1164,17 +1164,17 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       (le) => Hn(le, A) ? le : A
     );
   }, [
-    ht,
+    gt,
     E,
     Lt,
-    ct,
+    ut,
     He
   ]);
   const Ur = r(
     (e) => {
       if (Yt(e), e.button !== 0 || !e.currentTarget.isConnected || !Me.current)
         return;
-      const t = ht(
+      const t = gt(
         Me.current,
         E
       );
@@ -1187,7 +1187,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
       }, Ft(!0));
     },
     [
-      ht,
+      gt,
       E,
       Yt
     ]
@@ -1231,7 +1231,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
     if (rn.current = he, !i)
       return;
     const l = window.requestAnimationFrame(() => {
-      const o = je.current, v = nn.current;
+      const o = Qe.current, v = nn.current;
       if (!o || !v)
         return;
       const A = o.getBoundingClientRect(), le = v.getBoundingClientRect(), Ye = o.scrollTop + (le.top - A.top);
@@ -1315,7 +1315,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
                     yr && "slide__viewport-content--with-header",
                     nr ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: je, className: "slide-stage__layer w-full", children: Sr.map(
+                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: Qe, className: "slide-stage__layer w-full", children: Sr.map(
                     (e, t) => {
                       const n = t === Ir;
                       return /* @__PURE__ */ u(
@@ -1350,7 +1350,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
                 ao,
                 {
                   extraBottomOffset: ur,
-                  hasPlayerGap: ct,
+                  hasPlayerGap: ut,
                   isEnabled: pn && sr,
                   playbackTimeStore: Se,
                   subtitleCues: br
@@ -1363,18 +1363,18 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
                   "data-player-keyboard-shortcuts-ignore": "true",
                   className: Pe(
                     "slide-interaction-overlay",
-                    ct ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
+                    ut ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
                     Lt && "slide-interaction-overlay--dragging"
                   ),
                   onClick: Yt,
                   onPointerDownCapture: (e) => {
-                    Xt(e.target) && at(!0);
+                    Xt(e.target) && st(!0);
                   },
                   onFocusCapture: (e) => {
-                    Xt(e.target) && at(!0);
+                    Xt(e.target) && st(!0);
                   },
                   onInputCapture: (e) => {
-                    Xt(e.target) && at(!0);
+                    Xt(e.target) && st(!0);
                   },
                   style: Ar,
                   children: /* @__PURE__ */ u(
@@ -1397,7 +1397,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
                       onDragHandlePointerMove: Hr,
                       onDragHandlePointerUp: Nn,
                       readonly: Rr,
-                      title: W?.title ?? St ?? N.interactionTexts.title
+                      title: W?.title ?? It ?? N.interactionTexts.title
                     }
                   )
                 }
@@ -1414,7 +1414,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
                       audioList: y,
                       className: Pe(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        bn ? "bottom-3" : "-bottom-3",
+                        Xe ? "bottom-9" : bn ? "bottom-3" : "-bottom-3",
                         X,
                         !K && "pointer-events-none opacity-0"
                       ),
@@ -1429,7 +1429,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
                       onAutoAdvanceToggle: un,
                       onLoadingChange: Br,
                       onPlaybackStarted: () => {
-                        it(!0);
+                        lt(!0);
                       },
                       onPlaybackCheckpoint: ({ audioKey: e, isComplete: t, timeMs: n }) => {
                         const i = y.findIndex(
@@ -1463,7 +1463,7 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
                       canJumpToSubtitleTarget: Ht,
                       prevDisabled: !tr,
                       showControls: K,
-                      slideProgress: bt ? {
+                      slideProgress: Xe ? {
                         ariaLabel: N.slideProgressAriaLabel,
                         currentIndex: a,
                         generatingLabel: N.slideProgressGeneratingLabel,
@@ -1472,14 +1472,14 @@ const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
                         totalSteps: cn
                       } : null,
                       subtitleSeekRequest: ir,
-                      playbackRestoreRequest: nt && nt.audioKey === ft?.audioKey ? {
-                        id: nt.id,
-                        timeMs: nt.timeMs
+                      playbackRestoreRequest: rt && rt.audioKey === mt?.audioKey ? {
+                        id: rt.id,
+                        timeMs: rt.timeMs
                       } : null,
                       onPlaybackRestoreComplete: (e) => {
                         Be.current?.id === e && (Be.current = null, dn(null));
                       },
-                      texts: It,
+                      texts: bt,
                       customActionContext: Bt,
                       customActions: Ce,
                       useAutoAdvanceToggle: Ve