markdown-flow-ui 0.2.25-dev.4 → 0.2.26-dev.1

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

@@ -1,60 +1,60 @@
-import { jsxs as Ge, jsx as u, Fragment as Ur } from "react/jsx-runtime";
-import { memo as Hr, useMemo as f, useId as Yr, useRef as m, useCallback as r, useState as p, useEffect as s, useLayoutEffect as Gr } from "react";
-import { isSandboxInteractionMessage as $r } from "../../lib/sandboxInteraction.es.js";
+import { jsxs as Ge, jsx as u, Fragment as Gr } from "react/jsx-runtime";
+import { memo as $r, useMemo as f, useId as zr, useRef as m, useCallback as r, useState as p, useEffect as s, useLayoutEffect as Xr } from "react";
+import { isSandboxInteractionMessage as Jr } from "../../lib/sandboxInteraction.es.js";
 import { cn as we } from "../../lib/utils.es.js";
-import { useResolvedDirection as zr } from "../../lib/useResolvedDirection.es.js";
-import { getMarkdownFlowDirection as Xr, getMarkdownFlowLanguage as Jr } from "../../lib/locale.es.js";
-import Wr from "../ui/loading-overlay-card.es.js";
-import jr from "../ContentRender/ContentRender.es.js";
-import kn from "../ContentRender/IframeSandbox.es.js";
+import { useResolvedDirection as Wr } from "../../lib/useResolvedDirection.es.js";
+import { getMarkdownFlowDirection as jr, getMarkdownFlowLanguage as Qr } from "../../lib/locale.es.js";
+import Zr from "../ui/loading-overlay-card.es.js";
+import eo from "../ContentRender/ContentRender.es.js";
+import Ln from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { isMobileDevice as Qr, isLandscapeViewport as Fn, subscribeMobileDeviceChange as Zr } from "../../lib/mobileDevice.es.js";
-import eo from "./Player.es.js";
-import to from "./MarkdownSlideScaling.es.js";
-import no from "./SubtitleOverlay.es.js";
-import ro from "./useSlide.es.js";
-import oo from "./useWakePlayerFromIframe.es.js";
-import { PlayerKeyboardShortcutContext as io } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as lo } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as St, resolveMobileViewModeState as ao } from "./utils/mobileScreenMode.es.js";
-import { shouldRenderInteractionOverlay as so, clampInteractionOverlayDragOffset as Ln, shouldPresentInteractionOverlay as co } from "./utils/interactionPlayback.es.js";
-import { resolveMarkdownScalingMode as uo } from "./utils/markdownScaling.es.js";
+import { isMobileDevice as to, isLandscapeViewport as Dn, subscribeMobileDeviceChange as no } from "../../lib/mobileDevice.es.js";
+import ro from "./Player.es.js";
+import oo from "./MarkdownSlideScaling.es.js";
+import io from "./SubtitleOverlay.es.js";
+import lo from "./useSlide.es.js";
+import ao from "./useWakePlayerFromIframe.es.js";
+import { PlayerKeyboardShortcutContext as so } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as co } from "./utils/playerKeyboardShortcuts.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as vt, resolveMobileViewModeState as uo } from "./utils/mobileScreenMode.es.js";
+import { shouldRenderInteractionOverlay as fo, clampInteractionOverlayDragOffset as Nn, shouldPresentInteractionOverlay as mo } from "./utils/interactionPlayback.es.js";
+import { resolveMarkdownScalingMode as po } from "./utils/markdownScaling.es.js";
 import { shouldWakePlayerControlsAfterNavigation as Gt } from "./utils/playerNavigationContext.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as fo } from "./utils/appendedMarkerAdvance.es.js";
-import { resolvePendingStepAudioKey as mo, hasUnplayedStepAudio as po } from "./utils/stepAudioProgress.es.js";
-import { getPlaybackSequenceTransition as yo, shouldStartDefaultAudioSequence as ho } from "./utils/playbackSequence.es.js";
-import { hasResolvedInteractionElement as go, canReachSubtitleJumpTarget as Dn } from "./utils/subtitleJumpNavigation.es.js";
-import { resolvePlayerCustomActionElement as vo, getPlayerCustomActionCount as So } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as Io } from "./utils/playbackTimeStore.es.js";
-import { resolveSlideInteractionState as bo } from "./utils/interactionResolution.es.js";
-import { shouldUseAutoAdvanceToggle as Ao } from "./utils/playerToggleMode.es.js";
-import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as wo, areImageOnlyStepIframeVisualsReady as xo } from "./utils/imageOnlyStepVisualReady.es.js";
-import { resolveSilentStepAutoAdvanceBehavior as Po } from "./utils/silentStepAutoAdvance.es.js";
-import { resolveSlidePlayerVisibility as Co, resolveSlidePlayerLayoutState as Eo } from "./utils/playerVisibility.es.js";
-import { getSlideLocaleTexts as To, DEFAULT_SLIDE_BUFFERING_TEXTS as Ro } from "./slideI18n.es.js";
+import { shouldAutoAdvanceIntoAppendedMarker as yo } from "./utils/appendedMarkerAdvance.es.js";
+import { resolvePendingStepAudioKey as ho, hasUnplayedStepAudio as go } from "./utils/stepAudioProgress.es.js";
+import { getPlaybackSequenceTransition as vo, shouldStartDefaultAudioSequence as So } from "./utils/playbackSequence.es.js";
+import { hasResolvedInteractionElement as Io, canReachSubtitleJumpTarget as Bn } from "./utils/subtitleJumpNavigation.es.js";
+import { resolvePlayerCustomActionElement as bo, getPlayerCustomActionCount as Ao } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as wo } from "./utils/playbackTimeStore.es.js";
+import { resolveSlideInteractionState as xo } from "./utils/interactionResolution.es.js";
+import { shouldUseAutoAdvanceToggle as Po } from "./utils/playerToggleMode.es.js";
+import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as Eo, areImageOnlyStepIframeVisualsReady as Co } from "./utils/imageOnlyStepVisualReady.es.js";
+import { resolveSilentStepAutoAdvanceBehavior as To } from "./utils/silentStepAutoAdvance.es.js";
+import { resolveSlidePlayerVisibility as Ro, resolveSlidePlayerLayoutState as _o } from "./utils/playerVisibility.es.js";
+import { getSlideLocaleTexts as Oo, DEFAULT_SLIDE_BUFFERING_TEXTS as Mo } from "./slideI18n.es.js";
 /* empty css             */
 import $t from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
-import _o from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const Oo = 2e3, Mo = 300, ko = 160, Fo = 16, Nn = 3e3, It = {
+import ko from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const Fo = 2e3, Lo = 300, Do = 160, No = 16, Vn = 3e3, St = {
   x: 0,
   y: 0
-}, Xt = 0.5, Lo = typeof window > "u" ? s : Gr, Do = [
+}, Xt = 0.5, Bo = typeof window > "u" ? s : Xr, Vo = [
   "button",
   "input",
   "textarea",
   '[contenteditable=""]',
   '[contenteditable="true"]',
   '[contenteditable="plaintext-only"]'
-].join(", "), Jt = "waitingForAudio", No = ({
+].join(", "), Jt = "waitingForAudio", Ko = ({
   x: c,
   y: d
 }) => ({
   x: Number(c.toFixed(2)),
   y: Number(d.toFixed(2))
-}), Bn = (c) => Math.abs(c) >= Xt, Vn = (c, d) => Math.abs(c.x - d.x) < Xt && Math.abs(c.y - d.y) < Xt, Bo = (c, d) => typeof c == "string" ? c : c[d] ?? c[Jt] ?? Ro[d], Vo = (c, d) => typeof c == "string" ? c : {
+}), Kn = (c) => Math.abs(c) >= Xt, qn = (c, d) => Math.abs(c.x - d.x) < Xt && Math.abs(c.y - d.y) < Xt, qo = (c, d) => typeof c == "string" ? c : c[d] ?? c[Jt] ?? Mo[d], Uo = (c, d) => typeof c == "string" ? c : {
   ...d,
   ...c
-}, Ko = (c, d) => d ? c !== "loadingAudio" : !1, Kn = Hr(
+}, Ho = (c, d) => d ? c !== "loadingAudio" : !1, Un = $r(
   ({
     content: c,
     title: d,
@@ -65,15 +65,15 @@ const Oo = 2e3, Mo = 300, ko = 160, Fo = 16, Nn = 3e3, It = {
     defaultButtonText: Pe,
     defaultInputText: ae,
     defaultSelectedValues: $e,
-    confirmButtonText: bt,
+    confirmButtonText: It,
     copyButtonText: X,
-    copiedButtonText: At,
-    onSend: Ce,
+    copiedButtonText: bt,
+    onSend: Ee,
     onDragHandlePointerCancel: ze,
-    onDragHandlePointerDown: Xe,
-    onDragHandlePointerMove: Je,
-    onDragHandlePointerUp: Ee,
-    readonly: We = !1
+    onDragHandlePointerDown: At,
+    onDragHandlePointerMove: Xe,
+    onDragHandlePointerUp: Je,
+    readonly: Ce = !1
   }) => /* @__PURE__ */ Ge("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ u(
       "button",
@@ -82,9 +82,9 @@ const Oo = 2e3, Mo = 300, ko = 160, Fo = 16, Nn = 3e3, It = {
         className: "slide-player__interaction-drag-handle",
         "aria-label": G,
         onPointerCancel: ze,
-        onPointerDown: Xe,
-        onPointerMove: Je,
-        onPointerUp: Ee,
+        onPointerDown: At,
+        onPointerMove: Xe,
+        onPointerUp: Je,
         children: /* @__PURE__ */ Ge("span", { className: "slide-player__interaction-drag-handle-icon", children: [
           /* @__PURE__ */ u($t, { "aria-hidden": "true" }),
           /* @__PURE__ */ u($t, { "aria-hidden": "true" }),
@@ -94,7 +94,7 @@ const Oo = 2e3, Mo = 300, ko = 160, Fo = 16, Nn = 3e3, It = {
     ),
     /* @__PURE__ */ u("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ u("p", { className: "slide-player__interaction-title", children: d }) }),
     /* @__PURE__ */ u("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ u(
-      jr,
+      eo,
       {
         content: c,
         locale: xe,
@@ -103,21 +103,21 @@ const Oo = 2e3, Mo = 300, ko = 160, Fo = 16, Nn = 3e3, It = {
         defaultButtonText: Pe,
         defaultInputText: ae,
         defaultSelectedValues: $e,
-        confirmButtonText: bt,
+        confirmButtonText: It,
         copyButtonText: X,
-        copiedButtonText: At,
-        onSend: Ce,
-        readonly: We,
+        copiedButtonText: bt,
+        onSend: Ee,
+        readonly: Ce,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-Kn.displayName = "InteractionOverlayCard";
-const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
+Un.displayName = "InteractionOverlayCard";
+const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   const $ = d[xe];
   return G.sequence_number === $?.sequence_number && G.type === $?.type && G.content === $?.content;
-}), zt = (c) => c instanceof HTMLElement && !!c.closest(Do), Ei = ({
+}), zt = (c) => c instanceof HTMLElement && !!c.closest(Vo), Ri = ({
   elementList: c = [],
   locale: d,
   playerEnabled: G,
@@ -127,147 +127,151 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
   playerCustomActions: Pe,
   playerCustomActionPauseOnActive: ae = !0,
   bufferingText: $e,
-  interactionTitle: bt,
+  interactionTitle: It,
   interactionTexts: X,
-  playerTexts: At,
-  playerAutoHideDelay: Ce = 3e3,
-  markerAutoAdvanceDelay: ze = Oo,
+  playerTexts: bt,
+  playerAutoHideDelay: Ee = 3e3,
+  markerAutoAdvanceDelay: ze = Fo,
+  showSlideProgress: At = !1,
   interactionDefaultValueOptions: Xe,
   onSend: Je,
-  onPlayerVisibilityChange: Ee,
-  onMobileViewModeChange: We,
-  onStepChange: Wt,
-  onPlaybackCheckpoint: qn,
-  playbackRestoreRequest: q = null,
+  onPlayerVisibilityChange: Ce,
+  onMobileViewModeChange: Wt,
+  onStepChange: jt,
+  onPlaybackCheckpoint: Hn,
+  playbackRestoreRequest: U = null,
   enableKeyboardShortcuts: se = !0,
-  enableIframeScaling: Un = !0,
-  enableMarkdownScaling: Hn = !0,
+  enableIframeScaling: Yn = !0,
+  enableMarkdownScaling: Gn = !0,
   disableLoadingOverlay: F = !1,
-  className: Yn,
-  dir: Gn,
-  lang: $n,
-  onPointerDown: jt,
-  onFocusCapture: Qt,
-  ...zn
+  className: $n,
+  dir: zn,
+  lang: Xn,
+  onPointerDown: Qt,
+  onFocusCapture: Zt,
+  ...Jn
 }) => {
-  const J = Gn ?? Xr(d), Te = $n ?? Jr(d), U = f(() => To(d), [d]), Xn = f(
-    () => Vo(
+  const J = zn ?? jr(d), Te = Xn ?? Qr(d), N = f(() => Oo(d), [d]), Wn = f(
+    () => Uo(
       $e,
-      U.bufferingText
+      N.bufferingText
     ),
-    [$e, U.bufferingText]
+    [$e, N.bufferingText]
   ), {
-    playerEnabled: Jn,
+    playerEnabled: jn,
     playerControlsVisibility: W
-  } = Co({
+  } = Ro({
     playerEnabled: G,
     playerControlsVisibility: xe
-  }), je = Yr(), ce = m(null), { resolvedDirection: Wn } = zr(ce, J), wt = m(null), Qe = m(null), Zt = m(null), ue = m(null), Ze = m(!1), Re = m(null), et = m(null), j = m(null), _e = m(null), Oe = m(null), de = m(null), Me = m(null), en = m([]), ke = m(!1), Q = m(null), Fe = m(null), tn = m(0), xt = m(null), nn = m({
+  }), We = zr(), ce = m(null), { resolvedDirection: Qn } = Wr(ce, J), wt = m(null), je = m(null), en = m(null), ue = m(null), Qe = m(!1), Re = m(null), Ze = m(null), j = m(null), _e = m(null), Oe = m(null), de = m(null), Me = m(null), tn = m([]), ke = m(!1), Q = m(null), Fe = m(null), nn = m(0), xt = m(null), rn = m({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
   }), Pt = m(!1), {
     currentElementList: T,
-    stepElementLists: rn,
-    slideElementList: E,
+    stepElementLists: on,
+    slideElementList: x,
     currentIndex: a,
     audioList: y,
     audioSlideIndexes: Z,
-    currentAudioSequenceIndexes: tt,
+    currentAudioSequenceIndexes: et,
     currentStepHasSpeakableElement: b,
     currentInteractionElement: h,
-    canGoPrev: jn,
+    canGoPrev: Zn,
     canGoNext: R,
-    handlePrev: on,
+    handlePrev: ln,
     handleNext: L,
-    handleGoTo: nt
-  } = ro(c), Le = f(() => {
+    handleGoTo: tt
+  } = lo(c), Le = f(() => {
     if (!(a < 0))
-      return E[a];
-  }, [a, E]), fe = f(
+      return x[a];
+  }, [a, x]), fe = f(
     () => T.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [T]
-  ), Qn = E.filter(
+  ), an = x.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, A = Jn && (E.length > 0 || y.length > 0 || !!h), Zn = f(
+  ).length, er = Math.max(
+    x.slice(0, a + 1).filter((e) => e.is_renderable !== !1).length - 1,
+    0
+  ), tr = an === 1, A = jn && (x.length > 0 || y.length > 0 || !!h), nr = f(
     () => ({
       enabled: se,
-      ownerId: je
+      ownerId: We
     }),
-    [se, je]
+    [se, We]
   ), H = r(() => {
-    !se || !A || lo(je);
-  }, [se, je, A]), _ = f(
-    () => tt.map((e) => y[e]?.audioKey).filter((e) => !!e),
-    [y, tt]
-  ), [er, De] = p(!0), [rt, me] = p(!1), [Ct, Et] = p(!0), [Ne, ln] = p(!0), [x, N] = p(null), [ot, an] = p(null), Be = m(
+    !se || !A || co(We);
+  }, [se, We, A]), _ = f(
+    () => et.map((e) => y[e]?.audioKey).filter((e) => !!e),
+    [y, et]
+  ), [rr, De] = p(!0), [nt, me] = p(!1), [Et, Ct] = p(!0), [Ne, sn] = p(!0), [P, B] = p(null), [rt, cn] = p(null), Be = m(
     null
-  ), sn = m(null), [tr, cn] = p(null), [nr, w] = p(!1), [rr, Tt] = p(Jt), [O, it] = p(!1), lt = m(/* @__PURE__ */ new Set()), [or, at] = p(!1), [un, ir] = p(!0), [Rt, _t] = p(!1), [S, Ot] = p(), [pe, st] = p(!1), [dn, ct] = p(!1), [P, Mt] = p(
-    It
+  ), un = m(null), [or, dn] = p(null), [ir, w] = p(!1), [lr, Tt] = p(Jt), [O, ot] = p(!1), it = m(/* @__PURE__ */ new Set()), [ar, lt] = p(!1), [fn, sr] = p(!0), [Rt, _t] = p(!1), [S, Ot] = p(), [pe, at] = p(!1), [mn, st] = p(!1), [E, Mt] = p(
+    St
   ), [kt, Ft] = p(!1), [
-    lr,
+    cr,
     ye
-  ] = p(0), [fn, ar] = p(!1), B = f(() => Qr(), []), [ut, Lt] = p(
-    St
-  ), [mn, Dt] = p(!1), [sr, pn] = p(
-    () => B ? Fn() : !1
-  ), he = f(() => Io(), []), {
+  ] = p(0), [pn, ur] = p(!1), V = f(() => to(), []), [ct, Lt] = p(
+    vt
+  ), [yn, Dt] = p(!1), [dr, hn] = p(
+    () => V ? Dn() : !1
+  ), he = f(() => wo(), []), {
     effectiveMobileViewMode: ee,
     isImmersiveMobileFullscreen: ge,
-    isNativeMobileFullscreen: yn,
-    shouldRotateFullscreenViewport: cr
+    isNativeMobileFullscreen: gn,
+    shouldRotateFullscreenViewport: fr
   } = f(
-    () => ao({
-      hasManualMobileViewMode: mn,
-      isMobileDevice: B,
-      mobileViewMode: ut
+    () => uo({
+      hasManualMobileViewMode: yn,
+      isMobileDevice: V,
+      mobileViewMode: ct
     }),
     [
-      mn,
-      B,
-      sr,
-      ut
+      yn,
+      V,
+      dr,
+      ct
     ]
-  ), hn = m(ee), {
-    controlsVisible: V,
-    layoutReserved: dt
-  } = Eo({
-    isAutoVisible: er,
+  ), vn = m(ee), {
+    controlsVisible: K,
+    layoutReserved: ut
+  } = _o({
+    isAutoVisible: rr,
     playerControlsVisibility: W,
     shouldMountPlayer: A
-  }), ur = ge && V, dr = ge && dt, fr = ge || yn, gn = fn && !B, mr = r(
+  }), mr = ge && K, pr = ge && ut, yr = ge || gn, Sn = pn && !V, hr = r(
     (e) => {
       Dt(!0), Lt(e);
     },
     []
-  ), vn = r(() => {
-    Dt(!1), Lt(St);
-  }, []), pr = r(() => {
-    vn(), z?.onBack?.();
-  }, [z, vn]), M = r(() => {
+  ), In = r(() => {
+    Dt(!1), Lt(vt);
+  }, []), gr = r(() => {
+    In(), z?.onBack?.();
+  }, [z, In]), M = r(() => {
     j.current !== null && (window.clearTimeout(j.current), j.current = null);
   }, []), k = r(() => {
     _e.current !== null && (window.clearTimeout(_e.current), _e.current = null);
-  }, []), ft = r(() => {
-    M(), k(), st(!1), ye(0);
-  }, [M, k]), mt = r(
+  }, []), dt = r(() => {
+    M(), k(), at(!1), ye(0);
+  }, [M, k]), ft = r(
     (e) => {
-      e && ft(), _t(e);
+      e && dt(), _t(e);
     },
-    [ft]
-  ), Sn = r(() => {
-    ft(), _t((e) => !e);
-  }, [ft]), te = r(() => {
+    [dt]
+  ), bn = r(() => {
+    dt(), _t((e) => !e);
+  }, [dt]), te = r(() => {
     Mt(
-      (e) => e.x === It.x && e.y === It.y ? e : It
+      (e) => e.x === St.x && e.y === St.y ? e : St
     ), Ft(!1), Me.current = null, de.current = null;
-  }, []), { mountedStepStates: yr, currentMountedStateIndex: hr } = f(() => {
+  }, []), { mountedStepStates: vr, currentMountedStateIndex: Sr } = f(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return rn.forEach((n, i) => {
+    return on.forEach((n, i) => {
       const l = e.findIndex(
-        (o) => qo(
+        (o) => Yo(
           o.elementList,
           n
         )
@@ -284,37 +288,37 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       mountedStepStates: e,
       currentMountedStateIndex: a >= 0 ? t.get(a) ?? -1 : -1
     };
-  }, [a, rn]), In = f(() => String(a), [a]), C = f(() => x ? y.findIndex(
-    (e) => (e.audioKey ?? "") === x
-  ) : -1, [y, x]), pt = f(
+  }, [a, on]), An = f(() => String(a), [a]), C = f(() => P ? y.findIndex(
+    (e) => (e.audioKey ?? "") === P
+  ) : -1, [y, P]), mt = f(
     () => C >= 0 ? y[C] : void 0,
     [y, C]
   );
   s(() => {
-    if (!q || q.id === sn.current)
+    if (!U || U.id === un.current)
       return;
     const e = y.findIndex(
-      (n) => n.audioKey === q.audioKey
+      (n) => n.audioKey === U.audioKey
     );
     if (e < 0)
       return;
     const t = Z[e];
-    t != null && (sn.current = q.id, Et(!0), N(q.audioKey), Be.current = q, an(q), a !== t && nt(t));
+    t != null && (un.current = U.id, Ct(!0), B(U.audioKey), Be.current = U, cn(U), a !== t && tt(t));
   }, [
     y,
     Z,
     a,
-    nt,
-    q
+    tt,
+    U
   ]);
-  const gr = pt?.element?.subtitle_cues ?? [], yt = f(
+  const Ir = mt?.element?.subtitle_cues ?? [], pt = f(
     () => _[0] ?? "none",
     [_]
   ), Nt = f(
     () => ({
-      currentElement: vo({
+      currentElement: bo({
         currentAudioIndex: C,
-        currentAudioSequenceIndexes: tt,
+        currentAudioSequenceIndexes: et,
         audioList: y,
         currentInteractionElement: S,
         currentStepElement: Le
@@ -322,56 +326,56 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       currentIndex: a,
       currentStepElement: Le,
       isActive: Rt,
-      setActive: mt,
-      toggleActive: Sn
+      setActive: ft,
+      toggleActive: bn
     }),
     [
       S,
       y,
       C,
-      tt,
+      et,
       a,
       Le,
       Rt,
-      mt,
-      Sn
+      ft,
+      bn
     ]
-  ), ht = f(
-    () => So(
+  ), yt = f(
+    () => Ao(
       Pe,
       Nt
     ),
     [Nt, Pe]
-  ), Bt = ht > 0, Vt = Bt && Rt, vr = f(
+  ), Bt = yt > 0, Vt = Bt && Rt, br = f(
     () => ({
-      "--slide-player-custom-action-count": String(ht),
+      "--slide-player-custom-action-count": String(yt),
       "--slide-player-mobile-control-count": String(
-        ht + 4
+        yt + 4
       ),
-      "--slide-interaction-drag-x": `${P.x}px`,
-      "--slide-interaction-drag-y": `${P.y}px`
+      "--slide-interaction-drag-x": `${E.x}px`,
+      "--slide-interaction-drag-y": `${E.y}px`
     }),
     [
-      P.x,
-      P.y,
-      ht
+      E.x,
+      E.y,
+      yt
     ]
-  ), bn = _.length > 0, An = f(() => h ? `${h.sequence_number ?? "none"}:${String(
+  ), wn = _.length > 0, xn = f(() => h ? `${h.sequence_number ?? "none"}:${String(
     h.content ?? ""
   )}` : "none", [h]), ve = f(
-    () => [In, An].join("|"),
-    [An, In]
-  ), Sr = f(
+    () => [An, xn].join("|"),
+    [xn, An]
+  ), Ar = f(
     () => [
       ve,
-      pt?.audioKey ?? "none",
+      mt?.audioKey ?? "none",
       String(C)
     ].join("|"),
-    [C, pt?.audioKey, ve]
-  ), wn = !!f(() => !yt || yt === "none" ? "" : y.find(
-    (t) => t.audioKey === yt
-  )?.audioUrl?.trim() ?? "", [y, yt]), ne = ae && Vt, Ve = f(
-    () => Ao({
+    [C, mt?.audioKey, ve]
+  ), Pn = !!f(() => !pt || pt === "none" ? "" : y.find(
+    (t) => t.audioKey === pt
+  )?.audioUrl?.trim() ?? "", [y, pt]), ne = ae && Vt, Ve = f(
+    () => Po({
       canGoNext: R,
       currentAudioIndex: C,
       currentStepHasSpeakableElement: b,
@@ -383,8 +387,8 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       h,
       b
     ]
-  ), xn = f(
-    () => Po({
+  ), En = f(
+    () => To({
       currentElementList: T,
       currentStepHasSpeakableElement: b,
       currentInteractionElement: h,
@@ -396,18 +400,18 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       b,
       ze
     ]
-  ), Pn = xn.delayMs, Ke = xn.usesImageOnlyDelay, Kt = f(
+  ), Cn = En.delayMs, Ke = En.usesImageOnlyDelay, Kt = f(
     () => `${a}:${fe.join("|")}`,
     [a, fe]
-  ), [Ir, br] = p(null), Cn = !Ke || Ir === Kt, K = r(() => {
+  ), [wr, xr] = p(null), Tn = !Ke || wr === Kt, q = r(() => {
     ue.current !== null && (window.clearTimeout(ue.current), ue.current = null);
   }, []), Se = r(() => {
     Re.current !== null && (window.clearTimeout(Re.current), Re.current = null);
   }, []), Y = r(() => {
-    et.current !== null && (window.clearTimeout(et.current), et.current = null);
+    Ze.current !== null && (window.clearTimeout(Ze.current), Ze.current = null);
   }, []), D = r(
     (e = {}) => {
-      Se(), M(), k(), Y(), N(null), he.reset(), w(!1), Tt(Jt), it(!1), lt.current = /* @__PURE__ */ new Set(), at(!1), cn(null), e.preservePendingSubtitleJump || (Fe.current = null), Ot(void 0), st(!1), ye(0);
+      Se(), M(), k(), Y(), B(null), he.reset(), w(!1), Tt(Jt), ot(!1), it.current = /* @__PURE__ */ new Set(), lt(!1), dn(null), e.preservePendingSubtitleJump || (Fe.current = null), Ot(void 0), at(!1), ye(0);
     },
     [
       Se,
@@ -416,90 +420,90 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       k,
       he
     ]
-  ), gt = r(
+  ), ht = r(
     (e) => {
-      tn.current += 1, cn({
+      nn.current += 1, dn({
         ...e,
-        id: tn.current
+        id: nn.current
       });
     },
     []
   ), Ie = r(() => {
-    const e = mo(
+    const e = ho(
       _,
-      lt.current
+      it.current
     );
-    return e ? (N(e), !0) : !1;
+    return e ? (B(e), !0) : !1;
   }, [_]), qe = r(() => {
-    M(), k(), st(!1), ye(0), !Ie() && R && L();
+    M(), k(), at(!1), ye(0), !Ie() && R && L();
   }, [
     R,
     M,
     k,
     L,
     Ie
-  ]), En = r(
+  ]), Rn = r(
     (e) => {
       if (k(), !e)
         return;
       const t = () => {
         _e.current = null, ye(
-          ko
-        ), st(!0), Q.current = null;
+          Do
+        ), at(!0), Q.current = null;
       };
       _e.current = window.setTimeout(
         t,
-        Mo
+        Lo
       );
     },
     [k]
   ), qt = r(
-    () => Ze.current || !!ce.current?.querySelector(".slide-player__controls:hover"),
+    () => Qe.current || !!ce.current?.querySelector(".slide-player__controls:hover"),
     []
   ), g = r(
-    (e = rt) => {
-      !A || W === "hidden" || (De(!0), K(), !(W === "visible" || !e || Ce <= 0 || qt()) && (ue.current = window.setTimeout(() => {
+    (e = nt) => {
+      !A || W === "hidden" || (De(!0), q(), !(W === "visible" || !e || Ee <= 0 || qt()) && (ue.current = window.setTimeout(() => {
         if (qt()) {
           ue.current = null;
           return;
         }
         De(!1), ue.current = null;
-      }, Ce)));
+      }, Ee)));
     },
     [
-      K,
-      rt,
+      q,
+      nt,
       qt,
-      Ce,
+      Ee,
       W,
       A
     ]
-  ), Ue = !!go(h), re = !!h && !Ue, Ar = r((e) => {
-    Et(e);
+  ), Ue = !!Io(h), re = !!h && !Ue, Pr = r((e) => {
+    Ct(e);
   }, []), be = r(
     (e) => {
-      e && Et(e.shouldContinuePlayback);
+      e && Ct(e.shouldContinuePlayback);
     },
     []
   );
   s(() => {
-    ln(Ct);
-  }, [a, Ct, ae]), s(() => {
-    ae && mt(!1);
+    sn(Et);
+  }, [a, Et, ae]), s(() => {
+    ae && ft(!1);
   }, [
     a,
     ae,
-    mt
+    ft
   ]), s(() => {
     Bt || _t(!1);
   }, [Bt]), s(() => () => {
-    Se(), Y(), K(), M(), k();
+    Se(), Y(), q(), M(), k();
   }, [
     Se,
     Y,
     M,
     k,
-    K
+    q
   ]), s(() => {
     if (!Ke) {
       Y();
@@ -509,12 +513,12 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     const i = () => {
       n?.(), n = null;
     }, l = () => {
-      e || (i(), Y(), br(Kt));
+      e || (i(), Y(), xr(Kt));
     }, o = () => {
       if (e)
         return;
       i();
-      const v = Qe.current?.querySelector(
+      const v = je.current?.querySelector(
         '[data-active-step="true"]'
       );
       if (!v)
@@ -522,7 +526,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       const I = Array.from(
         v.querySelectorAll("iframe")
       );
-      if (I.length === 0 || xo(I)) {
+      if (I.length === 0 || Co(I)) {
         l();
         return;
       }
@@ -550,9 +554,9 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     };
     return t = window.requestAnimationFrame(() => {
       t = null, o();
-    }), et.current = window.setTimeout(() => {
+    }), Ze.current = window.setTimeout(() => {
       l();
-    }, wo), () => {
+    }, Eo), () => {
       e = !0, i(), Y(), t !== null && window.cancelAnimationFrame(t);
     };
   }, [
@@ -561,19 +565,19 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     a,
     Kt,
     Ke
-  ]), s(() => (Ee?.(V), () => {
-    Ee?.(!1);
-  }), [Ee, V]), s(() => {
-    V || (Ze.current = !1);
-  }, [V]), s(() => {
-    B || ut === St || (Dt(!1), Lt(St));
-  }, [B, ut]), s(() => {
-    if (!B) {
-      pn(!1);
+  ]), s(() => (Ce?.(K), () => {
+    Ce?.(!1);
+  }), [Ce, K]), s(() => {
+    K || (Qe.current = !1);
+  }, [K]), s(() => {
+    V || ct === vt || (Dt(!1), Lt(vt));
+  }, [V, ct]), s(() => {
+    if (!V) {
+      hn(!1);
       return;
     }
     const e = () => {
-      pn(Fn()), te();
+      hn(Dn()), te();
     }, t = () => {
       te();
     };
@@ -581,7 +585,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       "change",
       t
     );
-    const n = Zr(
+    const n = no(
       e
     );
     return () => {
@@ -590,21 +594,21 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
         t
       );
     };
-  }, [B, te]), s(() => {
-    We?.(ee);
-  }, [ee, We]), s(() => {
-    hn.current !== ee && te(), hn.current = ee;
+  }, [V, te]), s(() => {
+    Wt?.(ee);
+  }, [ee, Wt]), s(() => {
+    vn.current !== ee && te(), vn.current = ee;
   }, [ee, te]), s(() => {
-    Wt?.(Le, a);
-  }, [a, Le, Wt]), s(() => {
-    const e = nn.current, t = fo(
+    jt?.(Le, a);
+  }, [a, Le, jt]), s(() => {
+    const e = rn.current, t = yo(
       {
         previousMarkerCount: e.markerCount,
-        nextMarkerCount: E.length,
+        nextMarkerCount: x.length,
         previousIndex: e.currentIndex,
         previousCanGoNext: e.canGoNext,
         nextCanGoNext: R,
-        currentAudioKey: x,
+        currentAudioKey: P,
         hasCompletedCurrentStepAudio: O,
         hasResolvedCurrentInteraction: Ue,
         currentStepHasSpeakableElement: b,
@@ -613,14 +617,14 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
         shouldUseSilentStepAutoAdvanceToggle: Ve
       }
     );
-    nn.current = {
-      markerCount: E.length,
+    rn.current = {
+      markerCount: x.length,
       currentIndex: a,
       canGoNext: R
     }, t && L();
   }, [
     R,
-    x,
+    P,
     a,
     h,
     b,
@@ -629,20 +633,20 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     Ue,
     Ne,
     Ve,
-    E.length
+    x.length
   ]), s(() => {
     if (!A || W === "hidden") {
-      K(), De(!1);
+      q(), De(!1);
       return;
     }
     if (W === "visible") {
-      K(), De(!0);
+      q(), De(!0);
       return;
     }
-    rt || g(!0);
+    nt || g(!0);
   }, [
-    K,
-    rt,
+    q,
+    nt,
     W,
     A,
     g
@@ -650,12 +654,12 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && $r(t.data) && t.data.eventType === "click" && A && (H(), me(!0), g(!0));
+      t.origin === window.location.origin && Jr(t.data) && t.data.eventType === "click" && A && (H(), me(!0), g(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [H, A, g]), oo({
+  }, [H, A, g]), ao({
     sectionRef: ce,
     enabled: A,
     keyboardShortcutsEnabled: se,
@@ -672,14 +676,14 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       xt.current = ve;
       return;
     }
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = yo({
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = vo({
       previousResetKey: xt.current,
       nextResetKey: ve,
-      currentAudioKey: x,
+      currentAudioKey: P,
       hasCompletedCurrentStepAudio: O
     });
     xt.current = ve;
-    const n = Q.current === a && !!h, i = co({
+    const n = Q.current === a && !!h, i = mo({
       hasInteraction: !!h,
       shouldBlockPlaybackForInteraction: re,
       shouldOpenInteractionOverlayAfterAudio: n,
@@ -691,20 +695,20 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     if (e && D({
       preservePendingSubtitleJump: o
     }), !(T.length === 0 && !h) && !ne) {
-      if (l?.slideIndex === a && Dn({
+      if (l?.slideIndex === a && Bn({
         currentIndex: a,
         resolvedCurrentInteractionElement: S,
-        slideElementList: E,
+        slideElementList: x,
         targetSlideIndex: l.slideIndex
       })) {
-        Fe.current = null, Pt.current = !0, N(l.audioKey), gt({
+        Fe.current = null, Pt.current = !0, B(l.audioKey), ht({
           audioIndex: l.audioIndex,
           timeMs: l.timeMs
         });
         return;
       }
       if (h && Ot(h), i) {
-        En(h);
+        Rn(h);
         return;
       }
       if (k(), Q.current = null, !re && t && !Ie()) {
@@ -716,10 +720,10 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
           w(!0);
           return;
         }
-        if (R && !(Ve && !Ne) && !(Ke && !Cn))
+        if (R && !(Ve && !Ne) && !(Ke && !Tn))
           return Re.current = window.setTimeout(() => {
             Re.current = null, L();
-          }, Pn), () => {
+          }, Cn), () => {
             Se();
           };
       }
@@ -731,12 +735,12 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     T.length,
     a,
     h,
-    x,
+    P,
     ve,
     b,
     Ke,
+    Tn,
     Cn,
-    Pn,
     L,
     O,
     F,
@@ -746,10 +750,10 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     re,
     k,
     D,
-    gt,
-    En,
+    ht,
+    Rn,
     A,
-    E,
+    x,
     Ie,
     ne,
     Ve
@@ -762,29 +766,29 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       w(!1);
       return;
     }
-    if (bn) {
+    if (wn) {
       w(!1);
       return;
     }
     Tt("waitingForAudio"), w(!0);
   }, [
-    bn,
+    wn,
     b,
     O,
     F,
     ne,
     re
   ]), s(() => {
-    O && po(
+    O && go(
       _,
-      lt.current
-    ) && it(!1);
+      it.current
+    ) && ot(!1);
   }, [_, O]), s(() => {
     if (Be.current)
       return;
     const e = Pt.current;
-    Pt.current = !1, ho({
-      currentAudioKey: x,
+    Pt.current = !1, So({
+      currentAudioKey: P,
       currentAudioSequenceLength: _.length,
       currentStepHasSpeakableElement: b,
       hasCompletedCurrentStepAudio: O,
@@ -793,7 +797,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       shouldSkipDefaultAudioStart: e
     }) && Ie();
   }, [
-    x,
+    P,
     _,
     b,
     O,
@@ -801,27 +805,27 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     re,
     Ie
   ]), s(() => {
-    !x || C >= 0 || N(null);
-  }, [C, x]), s(() => {
+    !P || C >= 0 || B(null);
+  }, [C, P]), s(() => {
     C >= 0 || he.reset();
   }, [C, he]), s(() => {
-    at(!1);
-  }, [Sr]);
+    lt(!1);
+  }, [Ar]);
   const {
-    interactionDefaults: Tn,
-    interactionDefaultSelectedValues: wr,
-    hasResolvedInteractionInput: Rn,
-    isInteractionReadonly: xr,
-    shouldAutoContinueInteraction: _n
+    interactionDefaults: _n,
+    interactionDefaultSelectedValues: Er,
+    hasResolvedInteractionInput: On,
+    isInteractionReadonly: Cr,
+    shouldAutoContinueInteraction: Mn
   } = f(
-    () => bo(S, {
+    () => xo(S, {
       interactionDefaultValueOptions: Xe
     }),
     [S, Xe]
-  ), Pr = !!S?.readonly || xr, He = so({
+  ), Tr = !!S?.readonly || Cr, He = fo({
     hasActiveInteraction: !!S,
     isInteractionOverlayOpen: pe
-  }), Cr = r(
+  }), Rr = r(
     (e) => {
       const n = [
         ...e.selectedValues ?? [],
@@ -837,13 +841,13 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
   );
   s(() => {
     const e = () => {
-      ar(document.fullscreenElement === ce.current);
+      ur(document.fullscreenElement === ce.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), s(() => {
-    S && pe || ct(!1);
+    S && pe || st(!1);
   }, [S, pe]), s(() => {
     te();
   }, [S, te]), s(() => {
@@ -859,7 +863,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
         e.getBoundingClientRect().height
       );
       ye(
-        i + Fo
+        i + No
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -872,29 +876,29 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     };
   }, [He]), s(() => {
     if (M(), !!pe) {
-      if (_n)
+      if (Mn)
         return j.current = window.setTimeout(() => {
           j.current = null, qe();
-        }, Nn), () => {
+        }, Vn), () => {
           M();
         };
-      if (!(dn || !Rn))
+      if (!(mn || !On))
         return j.current = window.setTimeout(() => {
           j.current = null, qe();
-        }, Nn), () => {
+        }, Vn), () => {
           M();
         };
     }
   }, [
     M,
     qe,
-    dn,
-    Rn,
+    mn,
+    On,
     pe,
-    _n
+    Mn
   ]);
-  const Er = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Ur, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
-    kn,
+  const _r = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Gr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
+    Ln,
     {
       className: "content-render-iframe",
       disableLoadingOverlay: F,
@@ -906,10 +910,10 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: Un
+      enableScaling: Yn
     }
   ) : /* @__PURE__ */ u(
-    kn,
+    Ln,
     {
       className: "content-render-iframe",
       disableLoadingOverlay: F,
@@ -921,17 +925,17 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       type: "markdown",
       content: e.content
     }
-  ) : null, Tr = (e = [], t = !1) => {
+  ) : null, Or = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
     const n = e.filter(
       (o) => o.is_renderable !== !1
-    ).length, i = t && Hn ? uo(e) : "disabled", l = e.reduce(
+    ).length, i = t && Gn ? po(e) : "disabled", l = e.reduce(
       (o, v, I) => v.is_renderable !== !1 ? I : o,
       -1
     );
     return /* @__PURE__ */ u(
-      to,
+      oo,
       {
         className: "slide-stage__content flex w-full flex-col gap-4",
         mode: i,
@@ -940,14 +944,14 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
           return /* @__PURE__ */ u(
             "div",
             {
-              ref: t && v === l ? Zt : null,
+              ref: t && v === l ? en : null,
               "aria-hidden": I || void 0,
               className: we(
                 "w-full shrink-0",
                 n === 1 && o.is_renderable !== !1 && "slide-element--single",
                 I ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : o.is_renderable === !1 && "hidden"
               ),
-              children: Er(o, {
+              children: _r(o, {
                 replaceRootScreenHeightWithFull: n === 1 && o.type === "html" && o.is_renderable !== !1
               })
             },
@@ -956,7 +960,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
         })
       }
     );
-  }, Rr = r(() => {
+  }, Mr = r(() => {
     const e = ce.current;
     if (e) {
       if (document.fullscreenElement === e) {
@@ -967,57 +971,57 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), On = r(() => {
-    const e = Qe.current;
+  }, []), kn = r(() => {
+    const e = je.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
   }, []), Ut = r(
-    (e) => Dn({
+    (e) => Bn({
       currentIndex: a,
       resolvedCurrentInteractionElement: S,
-      slideElementList: E,
+      slideElementList: x,
       targetSlideIndex: Z[e.audioIndex]
     }),
     [
       S,
       Z,
       a,
-      E
+      x
     ]
-  ), _r = r(
+  ), kr = r(
     (e, t) => {
       const i = y[e.audioIndex]?.audioKey, l = Z[e.audioIndex];
-      return !i || l == null || !Ut(e) ? !1 : (be(t), Q.current = null, w(!1), it(!1), at(!1), Gt(t) && (me(!0), g(!0)), l === a ? (Fe.current = null, D(), N(i), gt(e), !0) : (ke.current = !0, D(), Fe.current = {
+      return !i || l == null || !Ut(e) ? !1 : (be(t), Q.current = null, w(!1), ot(!1), lt(!1), Gt(t) && (me(!0), g(!0)), l === a ? (Fe.current = null, D(), B(i), ht(e), !0) : (ke.current = !0, D(), Fe.current = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
         timeMs: e.timeMs
-      }, nt(l), !0));
+      }, tt(l), !0));
     },
     [
       y,
       Z,
       Ut,
       a,
-      nt,
-      gt,
+      tt,
+      ht,
       D,
       g,
       be
     ]
-  ), Or = r(
+  ), Fr = r(
     (e) => {
-      be(e), ke.current = !0, Q.current = null, w(!1), Gt(e) && (me(!0), g(!0)), D(), on();
+      be(e), ke.current = !0, Q.current = null, w(!1), Gt(e) && (me(!0), g(!0)), D(), ln();
     },
     [
-      on,
+      ln,
       D,
       g,
       be
     ]
-  ), Mr = r(
+  ), Lr = r(
     (e) => {
       be(e), ke.current = !0, Q.current = null, w(!1), Gt(e) && (me(!0), g(!0)), D(), L();
     },
@@ -1027,7 +1031,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       g,
       be
     ]
-  ), kr = r(
+  ), Dr = r(
     ({
       loading: e,
       reason: t
@@ -1040,7 +1044,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
         w(!1);
         return;
       }
-      e && t && Tt(t), w(Ko(t, e));
+      e && t && Tt(t), w(Ho(t, e));
     },
     [
       b,
@@ -1051,27 +1055,27 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
   s(() => {
     F && w(!1);
   }, [F]);
-  const Fr = r(
+  const Nr = r(
     (e) => {
       const t = y[e]?.audioKey;
-      if (!t || !x || t !== x)
+      if (!t || !P || t !== P)
         return;
-      lt.current.add(t);
+      it.current.add(t);
       const n = _.findIndex(
         (o) => o === t
       );
       if (n < 0) {
-        N(null);
+        B(null);
         return;
       }
       const i = n + 1, l = _[i];
       if (l) {
-        N(l);
+        B(l);
         return;
       }
-      if (N(null), it(!0), w(!1), R) {
-        const o = a + 1, v = E[o];
-        wn && v?.type === "interaction" && (Q.current = o), L();
+      if (B(null), ot(!0), w(!1), R) {
+        const o = a + 1, v = x[o];
+        Pn && v?.type === "interaction" && (Q.current = o), L();
         return;
       }
     },
@@ -1079,22 +1083,22 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       y,
       R,
       a,
-      x,
+      P,
       _,
       L,
-      wn,
-      E
+      Pn,
+      x
     ]
-  ), Lr = r(() => {
-    Ze.current = !0, K(), A && De(!0);
-  }, [K, A]), Dr = r(() => {
-    Ze.current = !1, g(!0);
+  ), Br = r(() => {
+    Qe.current = !0, q(), A && De(!0);
+  }, [q, A]), Vr = r(() => {
+    Qe.current = !1, g(!0);
   }, [g]), Ht = r(
     (e) => {
-      e.stopPropagation(), V && g(!0);
+      e.stopPropagation(), K && g(!0);
     },
-    [V, g]
-  ), vt = r(
+    [K, g]
+  ), gt = r(
     (e, t) => {
       const n = wt.current;
       if (!n)
@@ -1109,7 +1113,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     },
     []
   );
-  Lo(() => {
+  Bo(() => {
     const e = Oe.current;
     if (!He || !e) {
       de.current = null;
@@ -1124,7 +1128,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       return;
     }
     const i = t.left - n.left, l = t.top - n.top;
-    if (!Bn(i) && !Bn(l)) {
+    if (!Kn(i) && !Kn(l)) {
       de.current = {
         left: n.left,
         top: n.top
@@ -1132,56 +1136,56 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       return;
     }
     const o = {
-      x: P.x + i,
-      y: P.y + l
-    }, v = vt(
+      x: E.x + i,
+      y: E.y + l
+    }, v = gt(
       e,
-      P
-    ), I = No(
-      v ? Ln(o, v) : o
+      E
+    ), I = Ko(
+      v ? Nn(o, v) : o
     );
     de.current = {
-      left: n.left + I.x - P.x,
-      top: n.top + I.y - P.y
-    }, Vn(
+      left: n.left + I.x - E.x,
+      top: n.top + I.y - E.y
+    }, qn(
       I,
-      P
+      E
     ) || Mt(
-      (oe) => Vn(oe, I) ? oe : I
+      (oe) => qn(oe, I) ? oe : I
     );
   }, [
-    vt,
-    P,
+    gt,
+    E,
     kt,
-    dt,
+    ut,
     He
   ]);
-  const Nr = r(
+  const Kr = r(
     (e) => {
       if (Ht(e), e.button !== 0 || !e.currentTarget.isConnected || !Oe.current)
         return;
-      const t = vt(
+      const t = gt(
         Oe.current,
-        P
+        E
       );
       t && (e.preventDefault(), e.currentTarget.hasPointerCapture?.(e.pointerId) !== !0 && e.currentTarget.setPointerCapture(e.pointerId), Me.current = {
         pointerId: e.pointerId,
         startClientX: e.clientX,
         startClientY: e.clientY,
-        startOffset: P,
+        startOffset: E,
         bounds: t
       }, Ft(!0));
     },
     [
-      vt,
-      P,
+      gt,
+      E,
       Ht
     ]
-  ), Br = r(
+  ), qr = r(
     (e) => {
       const t = Me.current;
       !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), Mt(
-        Ln(
+        Nn(
           {
             x: t.startOffset.x + e.clientX - t.startClientX,
             y: t.startOffset.y + e.clientY - t.startClientY
@@ -1191,33 +1195,33 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
       ));
     },
     []
-  ), Mn = r(
+  ), Fn = r(
     (e) => {
       const t = Me.current;
       !t || t.pointerId !== e.pointerId || (e.stopPropagation(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), Me.current = null, Ft(!1));
     },
     []
-  ), Vr = r(
-    (e) => {
-      H(), jt?.(e);
-    },
-    [H, jt]
-  ), Kr = r(
+  ), Ur = r(
     (e) => {
       H(), Qt?.(e);
     },
     [H, Qt]
-  ), qr = r(() => {
+  ), Hr = r(
+    (e) => {
+      H(), Zt?.(e);
+    },
+    [H, Zt]
+  ), Yr = r(() => {
     me(!0), g(!0);
   }, [g]);
   return s(() => {
-    const e = en.current, i = (e.length > 0 && e.length < fe.length && e.every((o, v) => o === fe[v]) ? T.slice(e.length) : []).some(
+    const e = tn.current, i = (e.length > 0 && e.length < fe.length && e.every((o, v) => o === fe[v]) ? T.slice(e.length) : []).some(
       (o) => o.is_new === !1
     );
-    if (en.current = fe, !i)
+    if (tn.current = fe, !i)
       return;
     const l = window.requestAnimationFrame(() => {
-      const o = Qe.current, v = Zt.current;
+      const o = je.current, v = en.current;
       if (!o || !v)
         return;
       const I = o.getBoundingClientRect(), oe = v.getBoundingClientRect(), Ye = o.scrollTop + (oe.top - I.top);
@@ -1233,31 +1237,31 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
     if (!ke.current || (ke.current = !1, T.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      On();
+      kn();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [T, On]), /* @__PURE__ */ Ge(
+  }, [T, kn]), /* @__PURE__ */ Ge(
     "section",
     {
       ref: ce,
       className: we(
         "relative h-full w-full",
-        B && "slide--mobile-device",
-        gn && "slide--browser-fullscreen",
+        V && "slide--mobile-device",
+        Sn && "slide--browser-fullscreen",
         ge && "slide--mobile-landscape",
-        yn && "slide--mobile-landscape-native",
-        Yn
+        gn && "slide--mobile-landscape-native",
+        $n
       ),
       dir: J,
       lang: Te,
-      onClick: qr,
-      onFocusCapture: Kr,
-      onPointerDown: Vr,
-      ...zn,
+      onClick: Yr,
+      onFocusCapture: Hr,
+      onPointerDown: Ur,
+      ...Jn,
       children: [
-        fr ? /* @__PURE__ */ u(
+        yr ? /* @__PURE__ */ u(
           "div",
           {
             "aria-hidden": "true",
@@ -1271,19 +1275,19 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
             className: we(
               "slide__viewport relative h-full min-h-0 w-full",
               ge && "slide__viewport--mobile-landscape",
-              ge && !cr && "slide__viewport--mobile-landscape-native"
+              ge && !fr && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              ur ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
+              mr ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ u(
                   "button",
                   {
-                    "aria-label": z?.backAriaLabel ?? U.fullscreenBackAriaLabel,
+                    "aria-label": z?.backAriaLabel ?? N.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
-                    onClick: pr,
+                    onClick: gr,
                     type: "button",
                     children: /* @__PURE__ */ u(
-                      _o,
+                      ko,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -1298,12 +1302,12 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
                 {
                   className: we(
                     "h-full min-h-0 w-full",
-                    dr && "slide__viewport-content--with-header",
-                    Qn ? "slide-content--single" : "grid gap-4"
+                    pr && "slide__viewport-content--with-header",
+                    tr ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: Qe, className: "slide-stage__layer w-full", children: yr.map(
+                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: je, className: "slide-stage__layer w-full", children: vr.map(
                     (e, t) => {
-                      const n = t === hr;
+                      const n = t === Sr;
                       return /* @__PURE__ */ u(
                         "div",
                         {
@@ -1311,7 +1315,7 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
                           "aria-hidden": !n || void 0,
                           className: "w-full h-full",
                           style: { display: n ? void 0 : "none" },
-                          children: Tr(
+                          children: Or(
                             e.elementList,
                             n
                           )
@@ -1322,24 +1326,24 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
                   ) }) }) : null
                 }
               ),
-              nr ? /* @__PURE__ */ u(
-                Wr,
+              ir ? /* @__PURE__ */ u(
+                Zr,
                 {
-                  message: Bo(
-                    Xn,
-                    rr
+                  message: qo(
+                    Wn,
+                    lr
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ u(
-                no,
+                io,
                 {
-                  extraBottomOffset: lr,
-                  hasPlayerGap: dt,
-                  isEnabled: un && or,
+                  extraBottomOffset: cr,
+                  hasPlayerGap: ut,
+                  isEnabled: fn && ar,
                   playbackTimeStore: he,
-                  subtitleCues: gr
+                  subtitleCues: Ir
                 }
               ),
               He ? /* @__PURE__ */ u(
@@ -1349,79 +1353,79 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
                   "data-player-keyboard-shortcuts-ignore": "true",
                   className: we(
                     "slide-interaction-overlay",
-                    dt ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
+                    ut ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
                     kt && "slide-interaction-overlay--dragging"
                   ),
                   onClick: Ht,
                   onPointerDownCapture: (e) => {
-                    zt(e.target) && ct(!0);
+                    zt(e.target) && st(!0);
                   },
                   onFocusCapture: (e) => {
-                    zt(e.target) && ct(!0);
+                    zt(e.target) && st(!0);
                   },
                   onInputCapture: (e) => {
-                    zt(e.target) && ct(!0);
+                    zt(e.target) && st(!0);
                   },
-                  style: vr,
+                  style: br,
                   children: /* @__PURE__ */ u(
-                    Kn,
+                    Un,
                     {
                       dir: J,
                       lang: Te,
                       content: String(S?.content ?? ""),
-                      dragHandleAriaLabel: X?.dragHandleAriaLabel ?? U.interactionTexts.dragHandleAriaLabel,
+                      dragHandleAriaLabel: X?.dragHandleAriaLabel ?? N.interactionTexts.dragHandleAriaLabel,
                       locale: d,
-                      defaultButtonText: Tn.buttonText ?? "",
-                      defaultInputText: Tn.inputText ?? "",
-                      defaultSelectedValues: wr,
-                      confirmButtonText: X?.confirmButtonText ?? U.interactionTexts.confirmButtonText,
-                      copyButtonText: X?.copyButtonText ?? U.interactionTexts.copyButtonText,
-                      copiedButtonText: X?.copiedButtonText ?? U.interactionTexts.copiedButtonText,
-                      onSend: Cr,
-                      onDragHandlePointerCancel: Mn,
-                      onDragHandlePointerDown: Nr,
-                      onDragHandlePointerMove: Br,
-                      onDragHandlePointerUp: Mn,
-                      readonly: Pr,
-                      title: X?.title ?? bt ?? U.interactionTexts.title
+                      defaultButtonText: _n.buttonText ?? "",
+                      defaultInputText: _n.inputText ?? "",
+                      defaultSelectedValues: Er,
+                      confirmButtonText: X?.confirmButtonText ?? N.interactionTexts.confirmButtonText,
+                      copyButtonText: X?.copyButtonText ?? N.interactionTexts.copyButtonText,
+                      copiedButtonText: X?.copiedButtonText ?? N.interactionTexts.copiedButtonText,
+                      onSend: Rr,
+                      onDragHandlePointerCancel: Fn,
+                      onDragHandlePointerDown: Kr,
+                      onDragHandlePointerMove: qr,
+                      onDragHandlePointerUp: Fn,
+                      readonly: Tr,
+                      title: X?.title ?? It ?? N.interactionTexts.title
                     }
                   )
                 }
               ) : null,
               A ? /* @__PURE__ */ u(
-                io.Provider,
+                so.Provider,
                 {
-                  value: Zn,
+                  value: nr,
                   children: /* @__PURE__ */ u(
-                    eo,
+                    ro,
                     {
-                      dir: J === "auto" ? Wn : J,
+                      dir: J === "auto" ? Qn : J,
                       lang: Te,
                       audioList: y,
                       className: we(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        gn ? "bottom-3" : "-bottom-3",
+                        Sn ? "bottom-3" : "-bottom-3",
                         $,
-                        !V && "pointer-events-none opacity-0"
+                        !K && "pointer-events-none opacity-0"
                       ),
                       currentAudioIndex: C,
-                      defaultPlaying: Ct,
+                      defaultPlaying: Et,
                       enableKeyboardShortcuts: se,
                       isPlaybackPaused: ne,
                       isAutoAdvanceEnabled: Ne,
                       locale: d,
                       isInteractionOpen: pe,
-                      isSubtitleEnabled: un,
-                      onAutoAdvanceToggle: ln,
-                      onLoadingChange: kr,
+                      isSubtitleEnabled: fn,
+                      onAutoAdvanceToggle: sn,
+                      onLoadingChange: Dr,
                       onPlaybackStarted: () => {
-                        at(!0);
+                        lt(!0);
                       },
                       onPlaybackCheckpoint: ({ audioKey: e, isComplete: t, timeMs: n }) => {
                         const i = y.findIndex(
                           (o) => o.audioKey === e
                         ), l = i >= 0 ? y[i] : void 0;
-                        !l?.audioKey || !l.element || qn?.({
+                        !l?.audioKey || !l.element || Hn?.({
                           audioKey: l.audioKey,
                           element: l.element,
                           isComplete: t,
@@ -1429,35 +1433,40 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
                           timeMs: n
                         });
                       },
-                      onPlaybackPreferenceChange: Ar,
+                      onPlaybackPreferenceChange: Pr,
                       onPlaybackTimeChange: he.setTime,
                       onSubtitleToggle: () => {
-                        ir((e) => !e);
+                        sr((e) => !e);
                       },
                       nextDisabled: !R,
-                      onEnded: Fr,
-                      onFullscreen: Rr,
-                      isFullscreen: fn,
+                      onEnded: Nr,
+                      onFullscreen: Mr,
+                      isFullscreen: pn,
                       mobileViewMode: ee,
                       settingsPortalContainer: wt.current,
-                      onMobileViewModeChange: mr,
-                      onControlsPointerEnter: Lr,
-                      onControlsPointerLeave: Dr,
-                      onNext: Mr,
-                      onPrev: Or,
-                      onSubtitleJump: _r,
+                      onMobileViewModeChange: hr,
+                      onControlsPointerEnter: Br,
+                      onControlsPointerLeave: Vr,
+                      onNext: Lr,
+                      onPrev: Fr,
+                      onSubtitleJump: kr,
                       canJumpToSubtitleTarget: Ut,
-                      prevDisabled: !jn,
-                      showControls: V,
-                      subtitleSeekRequest: tr,
-                      playbackRestoreRequest: ot && ot.audioKey === pt?.audioKey ? {
-                        id: ot.id,
-                        timeMs: ot.timeMs
+                      prevDisabled: !Zn,
+                      showControls: K,
+                      slideProgress: At ? {
+                        ariaLabel: N.slideProgressAriaLabel,
+                        currentIndex: er,
+                        totalSteps: an
+                      } : null,
+                      subtitleSeekRequest: or,
+                      playbackRestoreRequest: rt && rt.audioKey === mt?.audioKey ? {
+                        id: rt.id,
+                        timeMs: rt.timeMs
                       } : null,
                       onPlaybackRestoreComplete: (e) => {
-                        Be.current?.id === e && (Be.current = null, an(null));
+                        Be.current?.id === e && (Be.current = null, cn(null));
                       },
-                      texts: At,
+                      texts: bt,
                       customActionContext: Nt,
                       customActions: Pe,
                       useAutoAdvanceToggle: Ve
@@ -1473,6 +1482,6 @@ const qo = (c, d) => c.length === d.length && c.every((G, xe) => {
   );
 };
 export {
-  Ei as default
+  Ri as default
 };
 //# sourceMappingURL=Slide.es.js.map