markdown-flow-ui 0.2.25-dev.1 → 0.2.25-dev.3

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

@@ -1,270 +1,280 @@
-import { jsxs as Ue, jsx as u, Fragment as Br } from "react/jsx-runtime";
-import { memo as Vr, useMemo as f, useId as Kr, useRef as m, useCallback as r, useState as p, useEffect as a, useLayoutEffect as qr } from "react";
-import { isSandboxInteractionMessage as Ur } from "../../lib/sandboxInteraction.es.js";
-import { cn as Ie } from "../../lib/utils.es.js";
-import { useResolvedDirection as Hr } from "../../lib/useResolvedDirection.es.js";
-import { getMarkdownFlowDirection as Yr, getMarkdownFlowLanguage as Gr } from "../../lib/locale.es.js";
-import $r from "../ui/loading-overlay-card.es.js";
-import zr from "../ContentRender/ContentRender.es.js";
-import _n from "../ContentRender/IframeSandbox.es.js";
+import { jsxs as Ge, jsx as u, Fragment as Yr } from "react/jsx-runtime";
+import { memo as Gr, useMemo as d, useId as $r, useRef as m, useCallback as r, useState as p, useEffect as s, useLayoutEffect as Un } from "react";
+import { isSandboxInteractionMessage as zr } from "../../lib/sandboxInteraction.es.js";
+import { cn as we } from "../../lib/utils.es.js";
+import { useResolvedDirection as Xr } from "../../lib/useResolvedDirection.es.js";
+import { getMarkdownFlowDirection as Jr, getMarkdownFlowLanguage as Wr } from "../../lib/locale.es.js";
+import jr from "../ui/loading-overlay-card.es.js";
+import Qr from "../ContentRender/ContentRender.es.js";
+import Ln from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { isMobileDevice as Xr, isLandscapeViewport as On, subscribeMobileDeviceChange as Jr } from "../../lib/mobileDevice.es.js";
-import Wr from "./Player.es.js";
-import jr from "./MarkdownSlideScaling.es.js";
-import Qr from "./SubtitleOverlay.es.js";
-import Zr from "./useSlide.es.js";
-import eo from "./useWakePlayerFromIframe.es.js";
-import { PlayerKeyboardShortcutContext as to } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as no } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as ht, resolveMobileViewModeState as ro } from "./utils/mobileScreenMode.es.js";
-import { shouldRenderInteractionOverlay as oo, clampInteractionOverlayDragOffset as Mn, shouldPresentInteractionOverlay as io } from "./utils/interactionPlayback.es.js";
-import { resolveMarkdownScalingMode as lo } from "./utils/markdownScaling.es.js";
-import { shouldWakePlayerControlsAfterNavigation as Ut } from "./utils/playerNavigationContext.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as ao } from "./utils/appendedMarkerAdvance.es.js";
-import { resolvePendingStepAudioKey as so, hasUnplayedStepAudio as co } from "./utils/stepAudioProgress.es.js";
-import { getPlaybackSequenceTransition as uo, shouldStartDefaultAudioSequence as fo } from "./utils/playbackSequence.es.js";
-import { hasResolvedInteractionElement as mo, canReachSubtitleJumpTarget as kn } from "./utils/subtitleJumpNavigation.es.js";
-import { resolvePlayerCustomActionElement as po, getPlayerCustomActionCount as yo } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as ho } from "./utils/playbackTimeStore.es.js";
-import { resolveSlideInteractionState as go } from "./utils/interactionResolution.es.js";
-import { shouldUseAutoAdvanceToggle as vo } from "./utils/playerToggleMode.es.js";
-import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as So, areImageOnlyStepIframeVisualsReady as Io } from "./utils/imageOnlyStepVisualReady.es.js";
-import { resolveSilentStepAutoAdvanceBehavior as bo } from "./utils/silentStepAutoAdvance.es.js";
-import { resolveSlidePlayerVisibility as Ao, resolveSlidePlayerLayoutState as wo } from "./utils/playerVisibility.es.js";
-import { getSlideLocaleTexts as xo, DEFAULT_SLIDE_BUFFERING_TEXTS as Eo } from "./slideI18n.es.js";
+import { isMobileDevice as Zr, isLandscapeViewport as Nn, subscribeMobileDeviceChange as eo } from "../../lib/mobileDevice.es.js";
+import to from "./Player.es.js";
+import no from "./MarkdownSlideScaling.es.js";
+import ro from "./SubtitleOverlay.es.js";
+import oo from "./useSlide.es.js";
+import io from "./useWakePlayerFromIframe.es.js";
+import { PlayerKeyboardShortcutContext as lo } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as ao } from "./utils/playerKeyboardShortcuts.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as St, resolveMobileViewModeState as so } from "./utils/mobileScreenMode.es.js";
+import { shouldRenderInteractionOverlay as co, clampInteractionOverlayDragOffset as Dn, shouldPresentInteractionOverlay as uo } from "./utils/interactionPlayback.es.js";
+import { resolveMarkdownScalingMode as fo } from "./utils/markdownScaling.es.js";
+import { shouldWakePlayerControlsAfterNavigation as Yt } from "./utils/playerNavigationContext.es.js";
+import { shouldAutoAdvanceIntoAppendedMarker as mo } from "./utils/appendedMarkerAdvance.es.js";
+import { resolveRequestedStepNavigation as po } from "./utils/requestedStepNavigation.es.js";
+import { resolvePendingStepAudioKey as yo, hasUnplayedStepAudio as ho } from "./utils/stepAudioProgress.es.js";
+import { getPlaybackSequenceTransition as go, shouldStartDefaultAudioSequence as vo } from "./utils/playbackSequence.es.js";
+import { hasResolvedInteractionElement as So, canReachSubtitleJumpTarget as Bn } from "./utils/subtitleJumpNavigation.es.js";
+import { resolvePlayerCustomActionElement as Io, getPlayerCustomActionCount as bo } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as Ao } from "./utils/playbackTimeStore.es.js";
+import { resolveSlideInteractionState as wo } from "./utils/interactionResolution.es.js";
+import { shouldUseAutoAdvanceToggle as xo } from "./utils/playerToggleMode.es.js";
+import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as Co, areImageOnlyStepIframeVisualsReady as Eo } from "./utils/imageOnlyStepVisualReady.es.js";
+import { resolveSilentStepAutoAdvanceBehavior as Po } from "./utils/silentStepAutoAdvance.es.js";
+import { resolveSlidePlayerVisibility as To, resolveSlidePlayerLayoutState as Ro } from "./utils/playerVisibility.es.js";
+import { getSlideLocaleTexts as _o, DEFAULT_SLIDE_BUFFERING_TEXTS as Oo } from "./slideI18n.es.js";
 /* empty css             */
-import Ht from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
-import Co from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const To = 2e3, Po = 300, Ro = 160, _o = 16, Fn = 3e3, gt = {
+import Gt from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
+import Mo from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const ko = 2e3, Fo = 300, Lo = 160, No = 16, Vn = 3e3, It = {
   x: 0,
   y: 0
-}, Gt = 0.5, Oo = typeof window > "u" ? a : qr, Mo = [
+}, zt = 0.5, Do = typeof window > "u" ? s : Un, Bo = [
   "button",
   "input",
   "textarea",
   '[contenteditable=""]',
   '[contenteditable="true"]',
   '[contenteditable="plaintext-only"]'
-].join(", "), $t = "waitingForAudio", ko = ({
+].join(", "), Xt = "waitingForAudio", Vo = ({
   x: c,
-  y: d
+  y: f
 }) => ({
   x: Number(c.toFixed(2)),
-  y: Number(d.toFixed(2))
-}), Ln = (c) => Math.abs(c) >= Gt, Nn = (c, d) => Math.abs(c.x - d.x) < Gt && Math.abs(c.y - d.y) < Gt, Fo = (c, d) => typeof c == "string" ? c : c[d] ?? c[$t] ?? Eo[d], Lo = (c, d) => typeof c == "string" ? c : {
-  ...d,
+  y: Number(f.toFixed(2))
+}), Kn = (c) => Math.abs(c) >= zt, qn = (c, f) => Math.abs(c.x - f.x) < zt && Math.abs(c.y - f.y) < zt, Ko = (c, f) => typeof c == "string" ? c : c[f] ?? c[Xt] ?? Oo[f], qo = (c, f) => typeof c == "string" ? c : {
+  ...f,
   ...c
-}, No = (c, d) => d ? c !== "loadingAudio" : !1, Dn = Vr(
+}, Uo = (c, f) => f ? c !== "loadingAudio" : !1, Hn = Gr(
   ({
     content: c,
-    title: d,
+    title: f,
     dragHandleAriaLabel: Y,
-    locale: be,
+    locale: xe,
     dir: G,
     lang: $,
-    defaultButtonText: Ae,
-    defaultInputText: ie,
-    defaultSelectedValues: He,
-    confirmButtonText: vt,
+    defaultButtonText: Ce,
+    defaultInputText: ae,
+    defaultSelectedValues: $e,
+    confirmButtonText: bt,
     copyButtonText: z,
-    copiedButtonText: St,
-    onSend: we,
-    onDragHandlePointerCancel: Ye,
-    onDragHandlePointerDown: Ge,
-    onDragHandlePointerMove: $e,
-    onDragHandlePointerUp: xe,
-    readonly: ze = !1
-  }) => /* @__PURE__ */ Ue("div", { className: "slide-player__interaction-card", children: [
+    copiedButtonText: At,
+    onSend: Ee,
+    onDragHandlePointerCancel: ze,
+    onDragHandlePointerDown: Xe,
+    onDragHandlePointerMove: Je,
+    onDragHandlePointerUp: Pe,
+    readonly: We = !1
+  }) => /* @__PURE__ */ Ge("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         className: "slide-player__interaction-drag-handle",
         "aria-label": Y,
-        onPointerCancel: Ye,
-        onPointerDown: Ge,
-        onPointerMove: $e,
-        onPointerUp: xe,
-        children: /* @__PURE__ */ Ue("span", { className: "slide-player__interaction-drag-handle-icon", children: [
-          /* @__PURE__ */ u(Ht, { "aria-hidden": "true" }),
-          /* @__PURE__ */ u(Ht, { "aria-hidden": "true" }),
-          /* @__PURE__ */ u(Ht, { "aria-hidden": "true" })
+        onPointerCancel: ze,
+        onPointerDown: Xe,
+        onPointerMove: Je,
+        onPointerUp: Pe,
+        children: /* @__PURE__ */ Ge("span", { className: "slide-player__interaction-drag-handle-icon", children: [
+          /* @__PURE__ */ u(Gt, { "aria-hidden": "true" }),
+          /* @__PURE__ */ u(Gt, { "aria-hidden": "true" }),
+          /* @__PURE__ */ u(Gt, { "aria-hidden": "true" })
         ] })
       }
     ),
-    /* @__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-header", children: /* @__PURE__ */ u("p", { className: "slide-player__interaction-title", children: f }) }),
     /* @__PURE__ */ u("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ u(
-      zr,
+      Qr,
       {
         content: c,
-        locale: be,
+        locale: xe,
         dir: G,
         lang: $,
-        defaultButtonText: Ae,
-        defaultInputText: ie,
-        defaultSelectedValues: He,
-        confirmButtonText: vt,
+        defaultButtonText: Ce,
+        defaultInputText: ae,
+        defaultSelectedValues: $e,
+        confirmButtonText: bt,
         copyButtonText: z,
-        copiedButtonText: St,
-        onSend: we,
-        readonly: ze,
+        copiedButtonText: At,
+        onSend: Ee,
+        readonly: We,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-Dn.displayName = "InteractionOverlayCard";
-const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
-  const G = d[be];
+Hn.displayName = "InteractionOverlayCard";
+const Ho = (c, f) => c.length === f.length && c.every((Y, xe) => {
+  const G = f[xe];
   return Y.sequence_number === G?.sequence_number && Y.type === G?.type && Y.content === G?.content;
-}), Yt = (c) => c instanceof HTMLElement && !!c.closest(Mo), wi = ({
+}), $t = (c) => c instanceof HTMLElement && !!c.closest(Bo), _i = ({
   elementList: c = [],
-  locale: d,
+  locale: f,
   playerEnabled: Y,
-  playerControlsVisibility: be,
+  playerControlsVisibility: xe,
   playerClassName: G,
   fullscreenHeader: $,
-  playerCustomActions: Ae,
-  playerCustomActionPauseOnActive: ie = !0,
-  bufferingText: He,
-  interactionTitle: vt,
+  playerCustomActions: Ce,
+  playerCustomActionPauseOnActive: ae = !0,
+  bufferingText: $e,
+  interactionTitle: bt,
   interactionTexts: z,
-  playerTexts: St,
-  playerAutoHideDelay: we = 3e3,
-  markerAutoAdvanceDelay: Ye = To,
-  interactionDefaultValueOptions: Ge,
-  onSend: $e,
-  onPlayerVisibilityChange: xe,
-  onMobileViewModeChange: ze,
-  onStepChange: zt,
-  requestedStepIndex: Xe,
-  enableKeyboardShortcuts: le = !0,
-  enableIframeScaling: Bn = !0,
-  enableMarkdownScaling: Vn = !0,
+  playerTexts: At,
+  playerAutoHideDelay: Ee = 3e3,
+  markerAutoAdvanceDelay: ze = ko,
+  interactionDefaultValueOptions: Xe,
+  onSend: Je,
+  onPlayerVisibilityChange: Pe,
+  onMobileViewModeChange: We,
+  onStepChange: Jt,
+  onPlaybackPositionChange: Wt,
+  playbackResumeRequest: se = null,
+  requestedStepIndex: jt,
+  enableKeyboardShortcuts: ce = !0,
+  enableIframeScaling: Yn = !0,
+  enableMarkdownScaling: Gn = !0,
   disableLoadingOverlay: F = !1,
-  className: Kn,
-  dir: qn,
-  lang: Un,
-  onPointerDown: Xt,
-  onFocusCapture: Jt,
-  ...Hn
+  className: $n,
+  dir: zn,
+  lang: Xn,
+  onPointerDown: Qt,
+  onFocusCapture: Zt,
+  ...Jn
 }) => {
-  const X = qn ?? Yr(d), Ee = Un ?? Gr(d), K = f(() => xo(d), [d]), Yn = f(
-    () => Lo(
-      He,
+  const X = zn ?? Jr(f), Te = Xn ?? Wr(f), K = d(() => _o(f), [f]), Wn = d(
+    () => qo(
+      $e,
       K.bufferingText
     ),
-    [He, K.bufferingText]
+    [$e, K.bufferingText]
   ), {
-    playerEnabled: Gn,
+    playerEnabled: jn,
     playerControlsVisibility: J
-  } = Ao({
+  } = To({
     playerEnabled: Y,
-    playerControlsVisibility: be
-  }), Je = Kr(), ae = m(null), { resolvedDirection: $n } = Hr(ae, X), It = m(null), We = m(null), Wt = m(null), se = m(null), je = m(!1), Ce = m(null), Qe = m(null), W = m(null), Te = m(null), Pe = m(null), ce = m(null), Re = m(null), jt = m([]), _e = m(!1), j = m(null), Oe = m(null), Qt = m(0), Zt = m(null), en = m({
+    playerControlsVisibility: xe
+  }), je = $r(), ue = m(null), { resolvedDirection: Qn } = Xr(ue, X), wt = m(null), Qe = m(null), en = m(null), de = m(null), Ze = m(!1), Re = m(null), et = m(null), W = m(null), _e = m(null), Oe = m(null), fe = m(null), Me = m(null), tn = m([]), ke = m(!1), j = m(null), Fe = m(null), nn = m(0), rn = m(null), on = m(null), ln = m({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
-  }), bt = m(!1), {
-    currentElementList: P,
-    stepElementLists: tn,
-    slideElementList: T,
-    currentIndex: s,
-    audioList: v,
-    audioSlideIndexes: Ze,
-    currentAudioSequenceIndexes: et,
-    currentStepHasSpeakableElement: b,
+  }), xt = m(!1), {
+    currentElementList: T,
+    stepElementLists: an,
+    slideElementList: b,
+    currentIndex: a,
+    audioList: h,
+    audioSlideIndexes: tt,
+    currentAudioSequenceIndexes: nt,
+    currentStepHasSpeakableElement: A,
     currentInteractionElement: y,
-    canGoPrev: zn,
+    canGoPrev: Zn,
     canGoNext: R,
-    handlePrev: nn,
+    handlePrev: sn,
     handleNext: L,
-    handleGoTo: tt
-  } = Zr(c), At = m(null), Me = f(() => {
-    if (!(s < 0))
-      return T[s];
-  }, [s, T]), ue = f(
-    () => P.map(
+    handleGoTo: rt
+  } = oo(c), ot = m(null), me = d(
+    () => po({
+      currentStepIndex: a,
+      requestedStepIndex: jt,
+      slideStepCount: b.length
+    }),
+    [a, jt, b.length]
+  ), Le = d(() => {
+    if (!(a < 0))
+      return b[a];
+  }, [a, b]), pe = d(
+    () => T.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
-    [P]
-  ), Xn = T.filter(
+    [T]
+  ), er = b.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, A = Gn && (T.length > 0 || v.length > 0 || !!y), Jn = f(
+  ).length === 1, w = jn && (b.length > 0 || h.length > 0 || !!y), tr = d(
     () => ({
-      enabled: le,
-      ownerId: Je
+      enabled: ce,
+      ownerId: je
     }),
-    [le, Je]
+    [ce, je]
   ), q = r(() => {
-    !le || !A || no(Je);
-  }, [le, Je, A]), _ = f(
-    () => et.map((e) => v[e]?.audioKey).filter((e) => !!e),
-    [v, et]
-  ), [Wn, ke] = p(!0), [nt, de] = p(!1), [wt, rn] = p(!0), [Fe, on] = p(!0), [x, U] = p(null), [jn, ln] = p(null), [Qn, w] = p(!1), [Zn, xt] = p($t), [O, rt] = p(!1), ot = m(/* @__PURE__ */ new Set()), [er, it] = p(!1), [an, tr] = p(!0), [Et, Ct] = p(!1), [S, Tt] = p(), [fe, lt] = p(!1), [sn, at] = p(!1), [E, Pt] = p(
-    gt
-  ), [Rt, _t] = p(!1), [
-    nr,
-    me
-  ] = p(0), [cn, rr] = p(!1), D = f(() => Xr(), []), [st, Ot] = p(
-    ht
-  ), [un, Mt] = p(!1), [or, dn] = p(
-    () => D ? On() : !1
-  ), pe = f(() => ho(), []), {
-    effectiveMobileViewMode: Q,
-    isImmersiveMobileFullscreen: ye,
-    isNativeMobileFullscreen: fn,
-    shouldRotateFullscreenViewport: ir
-  } = f(
-    () => ro({
-      hasManualMobileViewMode: un,
+    !ce || !w || ao(je);
+  }, [ce, je, w]), _ = d(
+    () => nt.map((e) => h[e]?.audioKey).filter((e) => !!e),
+    [h, nt]
+  ), [nr, Ne] = p(!0), [it, ye] = p(!1), [Ct, cn] = p(!0), [De, un] = p(!0), [C, U] = p(null), [rr, dn] = p(null), [or, x] = p(!1), [ir, Et] = p(Xt), [O, lt] = p(!1), at = m(/* @__PURE__ */ new Set()), [lr, st] = p(!1), [fn, ar] = p(!0), [Pt, Tt] = p(!1), [S, Rt] = p(), [he, ct] = p(!1), [mn, ut] = p(!1), [E, _t] = p(
+    It
+  ), [Ot, Mt] = p(!1), [
+    sr,
+    ge
+  ] = p(0), [pn, cr] = p(!1), D = d(() => Zr(), []), [dt, kt] = p(
+    St
+  ), [yn, Ft] = p(!1), [ur, hn] = p(
+    () => D ? Nn() : !1
+  ), Q = d(() => Ao(), []), {
+    effectiveMobileViewMode: Z,
+    isImmersiveMobileFullscreen: ve,
+    isNativeMobileFullscreen: gn,
+    shouldRotateFullscreenViewport: dr
+  } = d(
+    () => so({
+      hasManualMobileViewMode: yn,
       isMobileDevice: D,
-      mobileViewMode: st
+      mobileViewMode: dt
     }),
     [
-      un,
+      yn,
       D,
-      or,
-      st
+      ur,
+      dt
     ]
-  ), mn = m(Q), {
+  ), vn = m(Z), {
     controlsVisible: B,
-    layoutReserved: ct
-  } = wo({
-    isAutoVisible: Wn,
+    layoutReserved: ft
+  } = Ro({
+    isAutoVisible: nr,
     playerControlsVisibility: J,
-    shouldMountPlayer: A
-  }), lr = ye && B, ar = ye && ct, sr = ye || fn, pn = cn && !D, cr = r(
+    shouldMountPlayer: w
+  }), fr = ve && B, mr = ve && ft, pr = ve || gn, Sn = pn && !D, yr = r(
     (e) => {
-      Mt(!0), Ot(e);
+      Ft(!0), kt(e);
     },
     []
-  ), yn = r(() => {
-    Mt(!1), Ot(ht);
-  }, []), ur = r(() => {
-    yn(), $?.onBack?.();
-  }, [$, yn]), M = r(() => {
+  ), In = r(() => {
+    Ft(!1), kt(St);
+  }, []), hr = r(() => {
+    In(), $?.onBack?.();
+  }, [$, In]), M = r(() => {
     W.current !== null && (window.clearTimeout(W.current), W.current = null);
   }, []), k = r(() => {
-    Te.current !== null && (window.clearTimeout(Te.current), Te.current = null);
-  }, []), ut = r(() => {
-    M(), k(), lt(!1), me(0);
-  }, [M, k]), dt = r(
+    _e.current !== null && (window.clearTimeout(_e.current), _e.current = null);
+  }, []), mt = r(() => {
+    M(), k(), ct(!1), ge(0);
+  }, [M, k]), pt = r(
     (e) => {
-      e && ut(), Ct(e);
+      e && mt(), Tt(e);
     },
-    [ut]
-  ), hn = r(() => {
-    ut(), Ct((e) => !e);
-  }, [ut]), Z = r(() => {
-    Pt(
-      (e) => e.x === gt.x && e.y === gt.y ? e : gt
-    ), _t(!1), Re.current = null, ce.current = null;
-  }, []), { mountedStepStates: dr, currentMountedStateIndex: fr } = f(() => {
+    [mt]
+  ), bn = r(() => {
+    mt(), Tt((e) => !e);
+  }, [mt]), ee = r(() => {
+    _t(
+      (e) => e.x === It.x && e.y === It.y ? e : It
+    ), Mt(!1), Me.current = null, fe.current = null;
+  }, []), { mountedStepStates: gr, currentMountedStateIndex: vr } = d(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return tn.forEach((n, i) => {
+    return an.forEach((n, i) => {
       const l = e.findIndex(
-        (o) => Do(
+        (o) => Ho(
           o.elementList,
           n
         )
@@ -279,53 +289,53 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
       }), t.set(i, e.length - 1);
     }), {
       mountedStepStates: e,
-      currentMountedStateIndex: s >= 0 ? t.get(s) ?? -1 : -1
+      currentMountedStateIndex: a >= 0 ? t.get(a) ?? -1 : -1
     };
-  }, [s, tn]), gn = f(() => String(s), [s]), C = f(() => x ? v.findIndex(
-    (e) => (e.audioKey ?? "") === x
-  ) : -1, [v, x]), kt = f(
-    () => C >= 0 ? v[C] : void 0,
-    [v, C]
-  ), mr = kt?.element?.subtitle_cues ?? [], ft = f(
+  }, [a, an]), An = d(() => String(a), [a]), P = d(() => C ? h.findIndex(
+    (e) => (e.audioKey ?? "") === C
+  ) : -1, [h, C]), te = d(
+    () => P >= 0 ? h[P] : void 0,
+    [h, P]
+  ), Sr = te?.element?.subtitle_cues ?? [], yt = d(
     () => _[0] ?? "none",
     [_]
-  ), Ft = f(
+  ), Lt = d(
     () => ({
-      currentElement: po({
-        currentAudioIndex: C,
-        currentAudioSequenceIndexes: et,
-        audioList: v,
+      currentElement: Io({
+        currentAudioIndex: P,
+        currentAudioSequenceIndexes: nt,
+        audioList: h,
         currentInteractionElement: S,
-        currentStepElement: Me
+        currentStepElement: Le
       }),
-      currentIndex: s,
-      currentStepElement: Me,
-      isActive: Et,
-      setActive: dt,
-      toggleActive: hn
+      currentIndex: a,
+      currentStepElement: Le,
+      isActive: Pt,
+      setActive: pt,
+      toggleActive: bn
     }),
     [
       S,
-      v,
-      C,
-      et,
-      s,
-      Me,
-      Et,
-      dt,
-      hn
+      h,
+      P,
+      nt,
+      a,
+      Le,
+      Pt,
+      pt,
+      bn
     ]
-  ), mt = f(
-    () => yo(
-      Ae,
-      Ft
+  ), ht = d(
+    () => bo(
+      Ce,
+      Lt
     ),
-    [Ft, Ae]
-  ), Lt = mt > 0, Nt = Lt && Et, pr = f(
+    [Lt, Ce]
+  ), Nt = ht > 0, Dt = Nt && Pt, Ir = d(
     () => ({
-      "--slide-player-custom-action-count": String(mt),
+      "--slide-player-custom-action-count": String(ht),
       "--slide-player-mobile-control-count": String(
-        mt + 4
+        ht + 4
       ),
       "--slide-interaction-drag-x": `${E.x}px`,
       "--slide-interaction-drag-y": `${E.y}px`
@@ -333,154 +343,154 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
     [
       E.x,
       E.y,
-      mt
+      ht
     ]
-  ), vn = _.length > 0, Sn = f(() => y ? `${y.sequence_number ?? "none"}:${String(
+  ), wn = _.length > 0, xn = d(() => y ? `${y.sequence_number ?? "none"}:${String(
     y.content ?? ""
-  )}` : "none", [y]), Le = f(
-    () => [gn, Sn].join("|"),
-    [Sn, gn]
-  ), yr = f(
+  )}` : "none", [y]), Be = d(
+    () => [An, xn].join("|"),
+    [xn, An]
+  ), br = d(
     () => [
-      Le,
-      kt?.audioKey ?? "none",
-      String(C)
+      Be,
+      te?.audioKey ?? "none",
+      String(P)
     ].join("|"),
-    [C, kt?.audioKey, Le]
-  ), In = !!f(() => !ft || ft === "none" ? "" : v.find(
-    (t) => t.audioKey === ft
-  )?.audioUrl?.trim() ?? "", [v, ft]), ee = ie && Nt, Ne = f(
-    () => vo({
+    [P, te?.audioKey, Be]
+  ), Cn = !!d(() => !yt || yt === "none" ? "" : h.find(
+    (t) => t.audioKey === yt
+  )?.audioUrl?.trim() ?? "", [h, yt]), ne = ae && Dt, Ve = d(
+    () => xo({
       canGoNext: R,
-      currentAudioIndex: C,
-      currentStepHasSpeakableElement: b,
+      currentAudioIndex: P,
+      currentStepHasSpeakableElement: A,
       hasInteraction: !!y
     }),
     [
       R,
-      C,
+      P,
       y,
-      b
+      A
     ]
-  ), bn = f(
-    () => bo({
-      currentElementList: P,
-      currentStepHasSpeakableElement: b,
+  ), En = d(
+    () => Po({
+      currentElementList: T,
+      currentStepHasSpeakableElement: A,
       currentInteractionElement: y,
-      markerAutoAdvanceDelay: Ye
+      markerAutoAdvanceDelay: ze
     }),
     [
-      P,
+      T,
       y,
-      b,
-      Ye
+      A,
+      ze
     ]
-  ), An = bn.delayMs, De = bn.usesImageOnlyDelay, Dt = f(
-    () => `${s}:${ue.join("|")}`,
-    [s, ue]
-  ), [hr, gr] = p(null), wn = !De || hr === Dt, V = r(() => {
-    se.current !== null && (window.clearTimeout(se.current), se.current = null);
-  }, []), he = r(() => {
-    Ce.current !== null && (window.clearTimeout(Ce.current), Ce.current = null);
+  ), Pn = En.delayMs, Ke = En.usesImageOnlyDelay, Bt = d(
+    () => `${a}:${pe.join("|")}`,
+    [a, pe]
+  ), [Ar, wr] = p(null), Tn = !Ke || Ar === Bt, V = r(() => {
+    de.current !== null && (window.clearTimeout(de.current), de.current = null);
+  }, []), Se = r(() => {
+    Re.current !== null && (window.clearTimeout(Re.current), Re.current = null);
   }, []), H = r(() => {
-    Qe.current !== null && (window.clearTimeout(Qe.current), Qe.current = null);
+    et.current !== null && (window.clearTimeout(et.current), et.current = null);
   }, []), N = r(
     (e = {}) => {
-      he(), M(), k(), H(), U(null), pe.reset(), w(!1), xt($t), rt(!1), ot.current = /* @__PURE__ */ new Set(), it(!1), ln(null), e.preservePendingSubtitleJump || (Oe.current = null), Tt(void 0), lt(!1), me(0);
+      Se(), M(), k(), H(), U(null), Q.reset(), x(!1), Et(Xt), lt(!1), at.current = /* @__PURE__ */ new Set(), st(!1), dn(null), e.preservePendingSubtitleJump || (Fe.current = null), Rt(void 0), ct(!1), ge(0);
     },
     [
-      he,
+      Se,
       H,
       M,
       k,
-      pe
+      Q
     ]
-  ), pt = r(
+  ), gt = r(
     (e) => {
-      Qt.current += 1, ln({
+      nn.current += 1, dn({
         ...e,
-        id: Qt.current
+        id: nn.current
       });
     },
     []
-  ), ge = r(() => {
-    const e = so(
+  ), Ie = r(() => {
+    const e = yo(
       _,
-      ot.current
+      at.current
     );
     return e ? (U(e), !0) : !1;
-  }, [_]), Be = r(() => {
-    M(), k(), lt(!1), me(0), !ge() && R && L();
+  }, [_]), qe = r(() => {
+    M(), k(), ct(!1), ge(0), !Ie() && R && L();
   }, [
     R,
     M,
     k,
     L,
-    ge
-  ]), xn = r(
+    Ie
+  ]), Rn = r(
     (e) => {
       if (k(), !e)
         return;
       const t = () => {
-        Te.current = null, me(
-          Ro
-        ), lt(!0), j.current = null;
+        _e.current = null, ge(
+          Lo
+        ), ct(!0), j.current = null;
       };
-      Te.current = window.setTimeout(
+      _e.current = window.setTimeout(
         t,
-        Po
+        Fo
       );
     },
     [k]
-  ), Bt = r(
-    () => je.current || !!ae.current?.querySelector(".slide-player__controls:hover"),
+  ), Vt = r(
+    () => Ze.current || !!ue.current?.querySelector(".slide-player__controls:hover"),
     []
-  ), h = r(
-    (e = nt) => {
-      !A || J === "hidden" || (ke(!0), V(), !(J === "visible" || !e || we <= 0 || Bt()) && (se.current = window.setTimeout(() => {
-        if (Bt()) {
-          se.current = null;
+  ), g = r(
+    (e = it) => {
+      !w || J === "hidden" || (Ne(!0), V(), !(J === "visible" || !e || Ee <= 0 || Vt()) && (de.current = window.setTimeout(() => {
+        if (Vt()) {
+          de.current = null;
           return;
         }
-        ke(!1), se.current = null;
-      }, we)));
+        Ne(!1), de.current = null;
+      }, Ee)));
     },
     [
       V,
-      nt,
-      Bt,
-      we,
+      it,
+      Vt,
+      Ee,
       J,
-      A
+      w
     ]
-  ), Ve = !!mo(y), te = !!y && !Ve, vr = r((e) => {
-    rn(e);
-  }, []), ve = r(
+  ), Ue = !!So(y), re = !!y && !Ue, xr = r((e) => {
+    cn(e);
+  }, []), be = r(
     (e) => {
-      e && rn(e.shouldContinuePlayback);
+      e && cn(e.shouldContinuePlayback);
     },
     []
   );
-  a(() => {
-    on(wt);
-  }, [s, wt, ie]), a(() => {
-    ie && dt(!1);
+  s(() => {
+    un(Ct);
+  }, [a, Ct, ae]), s(() => {
+    ae && pt(!1);
   }, [
-    s,
-    ie,
-    dt
-  ]), a(() => {
-    Lt || Ct(!1);
-  }, [Lt]), a(() => () => {
-    he(), H(), V(), M(), k();
+    a,
+    ae,
+    pt
+  ]), s(() => {
+    Nt || Tt(!1);
+  }, [Nt]), s(() => () => {
+    Se(), H(), V(), M(), k();
   }, [
-    he,
+    Se,
     H,
     M,
     k,
     V
-  ]), a(() => {
-    if (!De) {
+  ]), s(() => {
+    if (!Ke) {
       H();
       return;
     }
@@ -488,79 +498,79 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
     const i = () => {
       n?.(), n = null;
     }, l = () => {
-      e || (i(), H(), gr(Dt));
+      e || (i(), H(), wr(Bt));
     }, o = () => {
       if (e)
         return;
       i();
-      const g = We.current?.querySelector(
+      const v = Qe.current?.querySelector(
         '[data-active-step="true"]'
       );
-      if (!g)
+      if (!v)
         return;
       const I = Array.from(
-        g.querySelectorAll("iframe")
+        v.querySelectorAll("iframe")
       );
-      if (I.length === 0 || Io(I)) {
+      if (I.length === 0 || Eo(I)) {
         l();
         return;
       }
-      const ne = [], qe = () => {
+      const oe = [], Ye = () => {
         e || (t !== null && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
           t = null, o();
         }));
-      }, qt = (re, Se, oe) => {
-        re.addEventListener(Se, oe, { once: !0 }), ne.push(
-          () => re.removeEventListener(Se, oe)
+      }, Ht = (ie, Ae, le) => {
+        ie.addEventListener(Ae, le, { once: !0 }), oe.push(
+          () => ie.removeEventListener(Ae, le)
         );
       };
-      I.forEach((re) => {
-        const Se = re.contentDocument;
-        if (!Se || Se.readyState !== "complete") {
-          qt(re, "load", qe);
+      I.forEach((ie) => {
+        const Ae = ie.contentDocument;
+        if (!Ae || Ae.readyState !== "complete") {
+          Ht(ie, "load", Ye);
           return;
         }
-        Array.from(Se.images).filter((oe) => !oe.complete).forEach((oe) => {
-          qt(oe, "load", qe), qt(oe, "error", qe);
+        Array.from(Ae.images).filter((le) => !le.complete).forEach((le) => {
+          Ht(le, "load", Ye), Ht(le, "error", Ye);
         });
       }), n = () => {
-        ne.forEach((re) => re());
+        oe.forEach((ie) => ie());
       };
     };
     return t = window.requestAnimationFrame(() => {
       t = null, o();
-    }), Qe.current = window.setTimeout(() => {
+    }), et.current = window.setTimeout(() => {
       l();
-    }, So), () => {
+    }, Co), () => {
       e = !0, i(), H(), t !== null && window.cancelAnimationFrame(t);
     };
   }, [
     H,
-    P,
-    s,
-    Dt,
-    De
-  ]), a(() => (xe?.(B), () => {
-    xe?.(!1);
-  }), [xe, B]), a(() => {
-    B || (je.current = !1);
-  }, [B]), a(() => {
-    D || st === ht || (Mt(!1), Ot(ht));
-  }, [D, st]), a(() => {
+    T,
+    a,
+    Bt,
+    Ke
+  ]), s(() => (Pe?.(B), () => {
+    Pe?.(!1);
+  }), [Pe, B]), s(() => {
+    B || (Ze.current = !1);
+  }, [B]), s(() => {
+    D || dt === St || (Ft(!1), kt(St));
+  }, [D, dt]), s(() => {
     if (!D) {
-      dn(!1);
+      hn(!1);
       return;
     }
     const e = () => {
-      dn(On()), Z();
+      hn(Nn()), ee();
     }, t = () => {
-      Z();
+      ee();
     };
     e(), window.addEventListener("orientationchange", t), window.screen?.orientation?.addEventListener?.(
       "change",
       t
     );
-    const n = Jr(
+    const n = eo(
       e
     );
     return () => {
@@ -569,277 +579,286 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
         t
       );
     };
-  }, [D, Z]), a(() => {
-    ze?.(Q);
-  }, [Q, ze]), a(() => {
-    mn.current !== Q && Z(), mn.current = Q;
-  }, [Q, Z]), a(() => {
-    zt?.(Me, s);
-  }, [s, Me, zt]), a(() => {
-    if (typeof Xe != "number" || !Number.isFinite(Xe)) {
-      At.current = null;
+  }, [D, ee]), s(() => {
+    We?.(Z);
+  }, [Z, We]), s(() => {
+    vn.current !== Z && ee(), vn.current = Z;
+  }, [Z, ee]), Un(() => {
+    if (!me) {
+      ot.current = null;
       return;
     }
-    const e = Math.trunc(Xe);
-    At.current !== e && (At.current = e, tt(e));
-  }, [tt, Xe]), a(() => {
-    const e = en.current, t = ao(
+    if (!me.isAvailable) {
+      ot.current = null;
+      return;
+    }
+    const { targetStepIndex: e } = me;
+    ot.current !== e && (ot.current = e, rt(e));
+  }, [rt, me]), s(() => {
+    me?.isPending || Jt?.(Le, a);
+  }, [
+    a,
+    Le,
+    Jt,
+    me?.isPending
+  ]), s(() => {
+    const e = ln.current, t = mo(
       {
         previousMarkerCount: e.markerCount,
-        nextMarkerCount: T.length,
+        nextMarkerCount: b.length,
         previousIndex: e.currentIndex,
         previousCanGoNext: e.canGoNext,
         nextCanGoNext: R,
-        currentAudioKey: x,
+        currentAudioKey: C,
         hasCompletedCurrentStepAudio: O,
-        hasResolvedCurrentInteraction: Ve,
-        currentStepHasSpeakableElement: b,
+        hasResolvedCurrentInteraction: Ue,
+        currentStepHasSpeakableElement: A,
         currentInteractionElement: y,
-        isAutoAdvanceEnabled: Fe,
-        shouldUseSilentStepAutoAdvanceToggle: Ne
+        isAutoAdvanceEnabled: De,
+        shouldUseSilentStepAutoAdvanceToggle: Ve
       }
     );
-    en.current = {
-      markerCount: T.length,
-      currentIndex: s,
+    ln.current = {
+      markerCount: b.length,
+      currentIndex: a,
       canGoNext: R
     }, t && L();
   }, [
     R,
-    x,
-    s,
+    C,
+    a,
     y,
-    b,
+    A,
     L,
     O,
+    Ue,
+    De,
     Ve,
-    Fe,
-    Ne,
-    T.length
-  ]), a(() => {
-    if (!A || J === "hidden") {
-      V(), ke(!1);
+    b.length
+  ]), s(() => {
+    if (!w || J === "hidden") {
+      V(), Ne(!1);
       return;
     }
     if (J === "visible") {
-      V(), ke(!0);
+      V(), Ne(!0);
       return;
     }
-    nt || h(!0);
+    it || g(!0);
   }, [
     V,
-    nt,
+    it,
     J,
-    A,
-    h
-  ]), a(() => {
+    w,
+    g
+  ]), s(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && Ur(t.data) && t.data.eventType === "click" && A && (q(), de(!0), h(!0));
+      t.origin === window.location.origin && zr(t.data) && t.data.eventType === "click" && w && (q(), ye(!0), g(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [q, A, h]), eo({
-    sectionRef: ae,
-    enabled: A,
-    keyboardShortcutsEnabled: le,
+  }, [q, w, g]), io({
+    sectionRef: ue,
+    enabled: w,
+    keyboardShortcutsEnabled: ce,
     onKeyboardShortcut: q,
     onWake: () => {
-      q(), de(!0), h(!0);
+      q(), ye(!0), g(!0);
     }
-  }), a(() => {
-    if (!A) {
+  }), s(() => {
+    if (!w) {
       N();
       return;
     }
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = uo({
-      previousResetKey: Zt.current,
-      nextResetKey: Le,
-      currentAudioKey: x,
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = go({
+      previousResetKey: on.current,
+      nextResetKey: Be,
+      currentAudioKey: C,
       hasCompletedCurrentStepAudio: O
     });
-    Zt.current = Le;
-    const n = j.current === s && !!y, i = io({
+    on.current = Be;
+    const n = j.current === a && !!y, i = uo({
       hasInteraction: !!y,
-      shouldBlockPlaybackForInteraction: te,
+      shouldBlockPlaybackForInteraction: re,
       shouldOpenInteractionOverlayAfterAudio: n,
       hasPlaybackContextChanged: e,
-      hasResolvedCurrentInteraction: Ve,
-      currentStepHasSpeakableElement: b,
-      isPlayerCustomActionActive: Nt
-    }), l = Oe.current, o = l?.slideIndex === s;
+      hasResolvedCurrentInteraction: Ue,
+      currentStepHasSpeakableElement: A,
+      isPlayerCustomActionActive: Dt
+    }), l = Fe.current, o = l?.slideIndex === a;
     if (e && N({
       preservePendingSubtitleJump: o
-    }), !(P.length === 0 && !y) && !ee) {
-      if (l?.slideIndex === s && kn({
-        currentIndex: s,
+    }), !(T.length === 0 && !y) && !ne) {
+      if (l?.slideIndex === a && Bn({
+        currentIndex: a,
         resolvedCurrentInteractionElement: S,
-        slideElementList: T,
+        slideElementList: b,
         targetSlideIndex: l.slideIndex
       })) {
-        Oe.current = null, bt.current = !0, U(l.audioKey), pt({
+        Fe.current = null, xt.current = !0, U(l.audioKey), gt({
           audioIndex: l.audioIndex,
           timeMs: l.timeMs
         });
         return;
       }
-      if (y && Tt(y), i) {
-        xn(y);
+      if (y && Rt(y), i) {
+        Rn(y);
         return;
       }
-      if (k(), j.current = null, !te && t && !ge()) {
-        if (b) {
+      if (k(), j.current = null, !re && t && !Ie()) {
+        if (A) {
           if (F) {
-            w(!1);
+            x(!1);
             return;
           }
-          w(!0);
+          x(!0);
           return;
         }
-        if (R && !(Ne && !Fe) && !(De && !wn))
-          return Ce.current = window.setTimeout(() => {
-            Ce.current = null, L();
-          }, An), () => {
-            he();
+        if (R && !(Ve && !De) && !(Ke && !Tn))
+          return Re.current = window.setTimeout(() => {
+            Re.current = null, L();
+          }, Pn), () => {
+            Se();
           };
       }
     }
   }, [
     S,
     R,
-    he,
-    P.length,
-    s,
+    Se,
+    T.length,
+    a,
     y,
-    x,
-    Le,
-    b,
-    De,
-    wn,
-    An,
+    C,
+    Be,
+    A,
+    Ke,
+    Tn,
+    Pn,
     L,
     O,
     F,
-    Fe,
-    Ve,
-    Nt,
-    te,
+    De,
+    Ue,
+    Dt,
+    re,
     k,
     N,
-    pt,
-    xn,
-    A,
-    T,
-    ge,
-    ee,
-    Ne
-  ]), a(() => {
-    if (F || ee || !b || te) {
-      w(!1);
+    gt,
+    Rn,
+    w,
+    b,
+    Ie,
+    ne,
+    Ve
+  ]), s(() => {
+    if (F || ne || !A || re) {
+      x(!1);
       return;
     }
     if (O) {
-      w(!1);
+      x(!1);
       return;
     }
-    if (vn) {
-      w(!1);
+    if (wn) {
+      x(!1);
       return;
     }
-    xt("waitingForAudio"), w(!0);
+    Et("waitingForAudio"), x(!0);
   }, [
-    vn,
-    b,
+    wn,
+    A,
     O,
     F,
-    ee,
-    te
-  ]), a(() => {
-    O && co(
+    ne,
+    re
+  ]), s(() => {
+    O && ho(
       _,
-      ot.current
-    ) && rt(!1);
-  }, [_, O]), a(() => {
-    const e = bt.current;
-    bt.current = !1, fo({
-      currentAudioKey: x,
+      at.current
+    ) && lt(!1);
+  }, [_, O]), s(() => {
+    const e = xt.current;
+    xt.current = !1, vo({
+      currentAudioKey: C,
       currentAudioSequenceLength: _.length,
-      currentStepHasSpeakableElement: b,
+      currentStepHasSpeakableElement: A,
       hasCompletedCurrentStepAudio: O,
-      shouldBlockPlaybackForInteraction: te,
-      shouldPausePlaybackForCustomAction: ee,
+      shouldBlockPlaybackForInteraction: re,
+      shouldPausePlaybackForCustomAction: ne,
       shouldSkipDefaultAudioStart: e
-    }) && ge();
+    }) && Ie();
   }, [
-    x,
+    C,
     _,
-    b,
+    A,
     O,
-    ee,
-    te,
-    ge
-  ]), a(() => {
-    !x || C >= 0 || U(null);
-  }, [C, x]), a(() => {
-    C >= 0 || pe.reset();
-  }, [C, pe]), a(() => {
-    it(!1);
-  }, [yr]);
+    ne,
+    re,
+    Ie
+  ]), s(() => {
+    !C || P >= 0 || U(null);
+  }, [P, C]), s(() => {
+    P >= 0 || Q.reset();
+  }, [P, Q]), s(() => {
+    st(!1);
+  }, [br]);
   const {
-    interactionDefaults: En,
-    interactionDefaultSelectedValues: Sr,
-    hasResolvedInteractionInput: Cn,
-    isInteractionReadonly: Ir,
-    shouldAutoContinueInteraction: Tn
-  } = f(
-    () => go(S, {
-      interactionDefaultValueOptions: Ge
+    interactionDefaults: _n,
+    interactionDefaultSelectedValues: Cr,
+    hasResolvedInteractionInput: On,
+    isInteractionReadonly: Er,
+    shouldAutoContinueInteraction: Mn
+  } = d(
+    () => wo(S, {
+      interactionDefaultValueOptions: Xe
     }),
-    [S, Ge]
-  ), br = !!S?.readonly || Ir, Ke = oo({
+    [S, Xe]
+  ), Pr = !!S?.readonly || Er, He = co({
     hasActiveInteraction: !!S,
-    isInteractionOverlayOpen: fe
-  }), Ar = r(
+    isInteractionOverlayOpen: he
+  }), Tr = r(
     (e) => {
       const n = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      Tt((i) => !i || !n ? i : {
+      Rt((i) => !i || !n ? i : {
         ...i,
         user_input: n
-      }), $e?.(e, S), Be();
+      }), Je?.(e, S), qe();
     },
-    [S, Be, $e]
+    [S, qe, Je]
   );
-  a(() => {
+  s(() => {
     const e = () => {
-      rr(document.fullscreenElement === ae.current);
+      cr(document.fullscreenElement === ue.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
-  }, []), a(() => {
-    S && fe || at(!1);
-  }, [S, fe]), a(() => {
-    Z();
-  }, [S, Z]), a(() => {
-    if (!Ke) {
-      me(0);
+  }, []), s(() => {
+    S && he || ut(!1);
+  }, [S, he]), s(() => {
+    ee();
+  }, [S, ee]), s(() => {
+    if (!He) {
+      ge(0);
       return;
     }
-    const e = Pe.current;
+    const e = Oe.current;
     if (!e)
       return;
     const t = () => {
       const i = Math.ceil(
         e.getBoundingClientRect().height
       );
-      me(
-        i + _o
+      ge(
+        i + No
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -850,94 +869,94 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
     return n.observe(e), () => {
       n.disconnect();
     };
-  }, [Ke]), a(() => {
-    if (M(), !!fe) {
-      if (Tn)
+  }, [He]), s(() => {
+    if (M(), !!he) {
+      if (Mn)
         return W.current = window.setTimeout(() => {
-          W.current = null, Be();
-        }, Fn), () => {
+          W.current = null, qe();
+        }, Vn), () => {
           M();
         };
-      if (!(sn || !Cn))
+      if (!(mn || !On))
         return W.current = window.setTimeout(() => {
-          W.current = null, Be();
-        }, Fn), () => {
+          W.current = null, qe();
+        }, Vn), () => {
           M();
         };
     }
   }, [
     M,
-    Be,
-    sn,
-    Cn,
-    fe,
-    Tn
+    qe,
+    mn,
+    On,
+    he,
+    Mn
   ]);
-  const wr = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Br, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
-    _n,
+  const Rr = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Yr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
+    Ln,
     {
       className: "content-render-iframe",
       disableLoadingOverlay: F,
       hideFullScreen: !0,
-      locale: d,
+      locale: f,
       dir: X,
-      lang: Ee,
+      lang: Te,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: Bn
+      enableScaling: Yn
     }
   ) : /* @__PURE__ */ u(
-    _n,
+    Ln,
     {
       className: "content-render-iframe",
       disableLoadingOverlay: F,
       hideFullScreen: !0,
-      locale: d,
+      locale: f,
       dir: X,
-      lang: Ee,
+      lang: Te,
       mode: "blackboard",
       type: "markdown",
       content: e.content
     }
-  ) : null, xr = (e = [], t = !1) => {
+  ) : null, _r = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
     const n = e.filter(
       (o) => o.is_renderable !== !1
-    ).length, i = t && Vn ? lo(e) : "disabled", l = e.reduce(
-      (o, g, I) => g.is_renderable !== !1 ? I : o,
+    ).length, i = t && Gn ? fo(e) : "disabled", l = e.reduce(
+      (o, v, I) => v.is_renderable !== !1 ? I : o,
       -1
     );
     return /* @__PURE__ */ u(
-      jr,
+      no,
       {
         className: "slide-stage__content flex w-full flex-col gap-4",
         mode: i,
-        children: e.map((o, g) => {
+        children: e.map((o, v) => {
           const I = o.type === "html" && o.is_renderable === !1;
           return /* @__PURE__ */ u(
             "div",
             {
-              ref: t && g === l ? Wt : null,
+              ref: t && v === l ? en : null,
               "aria-hidden": I || void 0,
-              className: Ie(
+              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: wr(o, {
+              children: Rr(o, {
                 replaceRootScreenHeightWithFull: n === 1 && o.type === "html" && o.is_renderable !== !1
               })
             },
-            o.sequence_number ?? `${o.type}-${g}`
+            o.sequence_number ?? `${o.type}-${v}`
           );
         })
       }
     );
-  }, Er = r(() => {
-    const e = ae.current;
+  }, Or = r(() => {
+    const e = ue.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -947,96 +966,125 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), Pn = r(() => {
-    const e = We.current;
+  }, []), kn = r(() => {
+    const e = Qe.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), Vt = r(
-    (e) => kn({
-      currentIndex: s,
+  }, []), Kt = r(
+    (e) => Bn({
+      currentIndex: a,
       resolvedCurrentInteractionElement: S,
-      slideElementList: T,
-      targetSlideIndex: Ze[e.audioIndex]
+      slideElementList: b,
+      targetSlideIndex: tt[e.audioIndex]
     }),
     [
       S,
-      Ze,
-      s,
-      T
+      tt,
+      a,
+      b
     ]
-  ), Cr = r(
+  ), qt = r(
     (e, t) => {
-      const i = v[e.audioIndex]?.audioKey, l = Ze[e.audioIndex];
-      return !i || l == null || !Vt(e) ? !1 : (ve(t), j.current = null, w(!1), rt(!1), it(!1), Ut(t) && (de(!0), h(!0)), l === s ? (Oe.current = null, N(), U(i), pt(e), !0) : (_e.current = !0, N(), Oe.current = {
+      const i = h[e.audioIndex]?.audioKey, l = tt[e.audioIndex];
+      return !i || l == null || !Kt(e) ? !1 : (be(t), j.current = null, x(!1), lt(!1), st(!1), Yt(t) && (ye(!0), g(!0)), l === a ? (Fe.current = null, N(), U(i), gt(e), !0) : (ke.current = !0, N(), Fe.current = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
         timeMs: e.timeMs
-      }, tt(l), !0));
+      }, rt(l), !0));
     },
     [
-      v,
-      Ze,
-      Vt,
-      s,
+      h,
       tt,
-      pt,
+      Kt,
+      a,
+      rt,
+      gt,
       N,
-      h,
-      ve
+      g,
+      be
     ]
-  ), Tr = r(
+  );
+  s(() => {
+    if (!se || se.id === rn.current)
+      return;
+    const e = h.findIndex(
+      (n) => n.audioKey === se.audioKey
+    );
+    if (e < 0)
+      return;
+    qt(
+      {
+        audioIndex: e,
+        timeMs: se.timeMs
+      },
+      {
+        shouldContinuePlayback: !1,
+        shouldWakeControls: !1
+      }
+    ) && (rn.current = se.id);
+  }, [h, qt, se]);
+  const Mr = r(
     (e) => {
-      ve(e), _e.current = !0, j.current = null, w(!1), Ut(e) && (de(!0), h(!0)), N(), nn();
+      Q.setTime(e), te?.audioKey && Wt?.({
+        audioKey: te.audioKey,
+        element: te.element,
+        timeMs: e
+      });
+    },
+    [te, Wt, Q]
+  ), kr = r(
+    (e) => {
+      be(e), ke.current = !0, j.current = null, x(!1), Yt(e) && (ye(!0), g(!0)), N(), sn();
     },
     [
-      nn,
+      sn,
       N,
-      h,
-      ve
+      g,
+      be
     ]
-  ), Pr = r(
+  ), Fr = r(
     (e) => {
-      ve(e), _e.current = !0, j.current = null, w(!1), Ut(e) && (de(!0), h(!0)), N(), L();
+      be(e), ke.current = !0, j.current = null, x(!1), Yt(e) && (ye(!0), g(!0)), N(), L();
     },
     [
       L,
       N,
-      h,
-      ve
+      g,
+      be
     ]
-  ), Rr = r(
+  ), Lr = r(
     ({
       loading: e,
       reason: t
     }) => {
       if (F) {
-        w(!1);
+        x(!1);
         return;
       }
-      if (!b || O) {
-        w(!1);
+      if (!A || O) {
+        x(!1);
         return;
       }
-      e && t && xt(t), w(No(t, e));
+      e && t && Et(t), x(Uo(t, e));
     },
     [
-      b,
+      A,
       O,
       F
     ]
   );
-  a(() => {
-    F && w(!1);
+  s(() => {
+    F && x(!1);
   }, [F]);
-  const _r = r(
+  const Nr = r(
     (e) => {
-      const t = v[e]?.audioKey;
-      if (!t || !x || t !== x)
+      const t = h[e]?.audioKey;
+      if (!t || !C || t !== C)
         return;
-      ot.current.add(t);
+      at.current.add(t);
       const n = _.findIndex(
         (o) => o === t
       );
@@ -1049,34 +1097,34 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
         U(l);
         return;
       }
-      if (U(null), rt(!0), w(!1), R) {
-        const o = s + 1, g = T[o];
-        In && g?.type === "interaction" && (j.current = o), L();
+      if (U(null), lt(!0), x(!1), R) {
+        const o = a + 1, v = b[o];
+        Cn && v?.type === "interaction" && (j.current = o), L();
         return;
       }
     },
     [
-      v,
+      h,
       R,
-      s,
-      x,
+      a,
+      C,
       _,
       L,
-      In,
-      T
+      Cn,
+      b
     ]
-  ), Or = r(() => {
-    je.current = !0, V(), A && ke(!0);
-  }, [V, A]), Mr = r(() => {
-    je.current = !1, h(!0);
-  }, [h]), Kt = r(
+  ), Dr = r(() => {
+    Ze.current = !0, V(), w && Ne(!0);
+  }, [V, w]), Br = r(() => {
+    Ze.current = !1, g(!0);
+  }, [g]), Ut = r(
     (e) => {
-      e.stopPropagation(), B && h(!0);
+      e.stopPropagation(), B && g(!0);
     },
-    [B, h]
-  ), yt = r(
+    [B, g]
+  ), vt = r(
     (e, t) => {
-      const n = It.current;
+      const n = wt.current;
       if (!n)
         return null;
       const i = e.getBoundingClientRect(), l = n.getBoundingClientRect();
@@ -1089,23 +1137,23 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
     },
     []
   );
-  Oo(() => {
-    const e = Pe.current;
-    if (!Ke || !e) {
-      ce.current = null;
+  Do(() => {
+    const e = Oe.current;
+    if (!He || !e) {
+      fe.current = null;
       return;
     }
-    const t = ce.current, n = e.getBoundingClientRect();
-    if (!t || Rt) {
-      ce.current = {
+    const t = fe.current, n = e.getBoundingClientRect();
+    if (!t || Ot) {
+      fe.current = {
         left: n.left,
         top: n.top
       };
       return;
     }
     const i = t.left - n.left, l = t.top - n.top;
-    if (!Ln(i) && !Ln(l)) {
-      ce.current = {
+    if (!Kn(i) && !Kn(l)) {
+      fe.current = {
         left: n.left,
         top: n.top
       };
@@ -1114,54 +1162,54 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
     const o = {
       x: E.x + i,
       y: E.y + l
-    }, g = yt(
+    }, v = vt(
       e,
       E
-    ), I = ko(
-      g ? Mn(o, g) : o
+    ), I = Vo(
+      v ? Dn(o, v) : o
     );
-    ce.current = {
+    fe.current = {
       left: n.left + I.x - E.x,
       top: n.top + I.y - E.y
-    }, Nn(
+    }, qn(
       I,
       E
-    ) || Pt(
-      (ne) => Nn(ne, I) ? ne : I
+    ) || _t(
+      (oe) => qn(oe, I) ? oe : I
     );
   }, [
-    yt,
+    vt,
     E,
-    Rt,
-    ct,
-    Ke
+    Ot,
+    ft,
+    He
   ]);
-  const kr = r(
+  const Vr = r(
     (e) => {
-      if (Kt(e), e.button !== 0 || !e.currentTarget.isConnected || !Pe.current)
+      if (Ut(e), e.button !== 0 || !e.currentTarget.isConnected || !Oe.current)
         return;
-      const t = yt(
-        Pe.current,
+      const t = vt(
+        Oe.current,
         E
       );
-      t && (e.preventDefault(), e.currentTarget.hasPointerCapture?.(e.pointerId) !== !0 && e.currentTarget.setPointerCapture(e.pointerId), Re.current = {
+      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: E,
         bounds: t
-      }, _t(!0));
+      }, Mt(!0));
     },
     [
-      yt,
+      vt,
       E,
-      Kt
+      Ut
     ]
-  ), Fr = r(
+  ), Kr = r(
     (e) => {
-      const t = Re.current;
-      !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), Pt(
-        Mn(
+      const t = Me.current;
+      !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), _t(
+        Dn(
           {
             x: t.startOffset.x + e.clientX - t.startClientX,
             y: t.startOffset.y + e.clientY - t.startClientY
@@ -1171,99 +1219,99 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
       ));
     },
     []
-  ), Rn = r(
+  ), Fn = r(
     (e) => {
-      const t = Re.current;
-      !t || t.pointerId !== e.pointerId || (e.stopPropagation(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), Re.current = null, _t(!1));
+      const t = Me.current;
+      !t || t.pointerId !== e.pointerId || (e.stopPropagation(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), Me.current = null, Mt(!1));
     },
     []
-  ), Lr = r(
+  ), qr = r(
     (e) => {
-      q(), Xt?.(e);
+      q(), Qt?.(e);
     },
-    [q, Xt]
-  ), Nr = r(
+    [q, Qt]
+  ), Ur = r(
     (e) => {
-      q(), Jt?.(e);
+      q(), Zt?.(e);
     },
-    [q, Jt]
-  ), Dr = r(() => {
-    de(!0), h(!0);
-  }, [h]);
-  return a(() => {
-    const e = jt.current, i = (e.length > 0 && e.length < ue.length && e.every((o, g) => o === ue[g]) ? P.slice(e.length) : []).some(
+    [q, Zt]
+  ), Hr = r(() => {
+    ye(!0), g(!0);
+  }, [g]);
+  return s(() => {
+    const e = tn.current, i = (e.length > 0 && e.length < pe.length && e.every((o, v) => o === pe[v]) ? T.slice(e.length) : []).some(
       (o) => o.is_new === !1
     );
-    if (jt.current = ue, !i)
+    if (tn.current = pe, !i)
       return;
     const l = window.requestAnimationFrame(() => {
-      const o = We.current, g = Wt.current;
-      if (!o || !g)
+      const o = Qe.current, v = en.current;
+      if (!o || !v)
         return;
-      const I = o.getBoundingClientRect(), ne = g.getBoundingClientRect(), qe = o.scrollTop + (ne.top - I.top);
+      const I = o.getBoundingClientRect(), oe = v.getBoundingClientRect(), Ye = o.scrollTop + (oe.top - I.top);
       o.scrollTo({
-        top: Math.max(qe, 0),
+        top: Math.max(Ye, 0),
         behavior: "smooth"
       });
     });
     return () => {
       window.cancelAnimationFrame(l);
     };
-  }, [P, ue]), a(() => {
-    if (!_e.current || (_e.current = !1, P.length === 0))
+  }, [T, pe]), s(() => {
+    if (!ke.current || (ke.current = !1, T.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      Pn();
+      kn();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [P, Pn]), /* @__PURE__ */ Ue(
+  }, [T, kn]), /* @__PURE__ */ Ge(
     "section",
     {
-      ref: ae,
-      className: Ie(
+      ref: ue,
+      className: we(
         "relative h-full w-full",
         D && "slide--mobile-device",
-        pn && "slide--browser-fullscreen",
-        ye && "slide--mobile-landscape",
-        fn && "slide--mobile-landscape-native",
-        Kn
+        Sn && "slide--browser-fullscreen",
+        ve && "slide--mobile-landscape",
+        gn && "slide--mobile-landscape-native",
+        $n
       ),
       dir: X,
-      lang: Ee,
-      onClick: Dr,
-      onFocusCapture: Nr,
-      onPointerDown: Lr,
-      ...Hn,
+      lang: Te,
+      onClick: Hr,
+      onFocusCapture: Ur,
+      onPointerDown: qr,
+      ...Jn,
       children: [
-        sr ? /* @__PURE__ */ u(
+        pr ? /* @__PURE__ */ u(
           "div",
           {
             "aria-hidden": "true",
             className: "pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"
           }
         ) : null,
-        /* @__PURE__ */ Ue(
+        /* @__PURE__ */ Ge(
           "div",
           {
-            ref: It,
-            className: Ie(
+            ref: wt,
+            className: we(
               "slide__viewport relative h-full min-h-0 w-full",
-              ye && "slide__viewport--mobile-landscape",
-              ye && !ir && "slide__viewport--mobile-landscape-native"
+              ve && "slide__viewport--mobile-landscape",
+              ve && !dr && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              lr ? /* @__PURE__ */ Ue("div", { className: "slide-landscape-header", children: [
+              fr ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ u(
                   "button",
                   {
                     "aria-label": $?.backAriaLabel ?? K.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
-                    onClick: ur,
+                    onClick: hr,
                     type: "button",
                     children: /* @__PURE__ */ u(
-                      Co,
+                      Mo,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -1276,14 +1324,14 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
               /* @__PURE__ */ u(
                 "div",
                 {
-                  className: Ie(
+                  className: we(
                     "h-full min-h-0 w-full",
-                    ar && "slide__viewport-content--with-header",
-                    Xn ? "slide-content--single" : "grid gap-4"
+                    mr && "slide__viewport-content--with-header",
+                    er ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: P.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: We, className: "slide-stage__layer w-full", children: dr.map(
+                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: Qe, className: "slide-stage__layer w-full", children: gr.map(
                     (e, t) => {
-                      const n = t === fr;
+                      const n = t === vr;
                       return /* @__PURE__ */ u(
                         "div",
                         {
@@ -1291,7 +1339,7 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
                           "aria-hidden": !n || void 0,
                           className: "w-full h-full",
                           style: { display: n ? void 0 : "none" },
-                          children: xr(
+                          children: _r(
                             e.elementList,
                             n
                           )
@@ -1302,126 +1350,126 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
                   ) }) }) : null
                 }
               ),
-              Qn ? /* @__PURE__ */ u(
-                $r,
+              or ? /* @__PURE__ */ u(
+                jr,
                 {
-                  message: Fo(
-                    Yn,
-                    Zn
+                  message: Ko(
+                    Wn,
+                    ir
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ u(
-                Qr,
+                ro,
                 {
-                  extraBottomOffset: nr,
-                  hasPlayerGap: ct,
-                  isEnabled: an && er,
-                  playbackTimeStore: pe,
-                  subtitleCues: mr
+                  extraBottomOffset: sr,
+                  hasPlayerGap: ft,
+                  isEnabled: fn && lr,
+                  playbackTimeStore: Q,
+                  subtitleCues: Sr
                 }
               ),
-              Ke ? /* @__PURE__ */ u(
+              He ? /* @__PURE__ */ u(
                 "div",
                 {
-                  ref: Pe,
+                  ref: Oe,
                   "data-player-keyboard-shortcuts-ignore": "true",
-                  className: Ie(
+                  className: we(
                     "slide-interaction-overlay",
-                    ct ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
-                    Rt && "slide-interaction-overlay--dragging"
+                    ft ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
+                    Ot && "slide-interaction-overlay--dragging"
                   ),
-                  onClick: Kt,
+                  onClick: Ut,
                   onPointerDownCapture: (e) => {
-                    Yt(e.target) && at(!0);
+                    $t(e.target) && ut(!0);
                   },
                   onFocusCapture: (e) => {
-                    Yt(e.target) && at(!0);
+                    $t(e.target) && ut(!0);
                   },
                   onInputCapture: (e) => {
-                    Yt(e.target) && at(!0);
+                    $t(e.target) && ut(!0);
                   },
-                  style: pr,
+                  style: Ir,
                   children: /* @__PURE__ */ u(
-                    Dn,
+                    Hn,
                     {
                       dir: X,
-                      lang: Ee,
+                      lang: Te,
                       content: String(S?.content ?? ""),
                       dragHandleAriaLabel: z?.dragHandleAriaLabel ?? K.interactionTexts.dragHandleAriaLabel,
-                      locale: d,
-                      defaultButtonText: En.buttonText ?? "",
-                      defaultInputText: En.inputText ?? "",
-                      defaultSelectedValues: Sr,
+                      locale: f,
+                      defaultButtonText: _n.buttonText ?? "",
+                      defaultInputText: _n.inputText ?? "",
+                      defaultSelectedValues: Cr,
                       confirmButtonText: z?.confirmButtonText ?? K.interactionTexts.confirmButtonText,
                       copyButtonText: z?.copyButtonText ?? K.interactionTexts.copyButtonText,
                       copiedButtonText: z?.copiedButtonText ?? K.interactionTexts.copiedButtonText,
-                      onSend: Ar,
-                      onDragHandlePointerCancel: Rn,
-                      onDragHandlePointerDown: kr,
-                      onDragHandlePointerMove: Fr,
-                      onDragHandlePointerUp: Rn,
-                      readonly: br,
-                      title: z?.title ?? vt ?? K.interactionTexts.title
+                      onSend: Tr,
+                      onDragHandlePointerCancel: Fn,
+                      onDragHandlePointerDown: Vr,
+                      onDragHandlePointerMove: Kr,
+                      onDragHandlePointerUp: Fn,
+                      readonly: Pr,
+                      title: z?.title ?? bt ?? K.interactionTexts.title
                     }
                   )
                 }
               ) : null,
-              A ? /* @__PURE__ */ u(
-                to.Provider,
+              w ? /* @__PURE__ */ u(
+                lo.Provider,
                 {
-                  value: Jn,
+                  value: tr,
                   children: /* @__PURE__ */ u(
-                    Wr,
+                    to,
                     {
-                      dir: X === "auto" ? $n : X,
-                      lang: Ee,
-                      audioList: v,
-                      className: Ie(
+                      dir: X === "auto" ? Qn : X,
+                      lang: Te,
+                      audioList: h,
+                      className: we(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        pn ? "bottom-3" : "-bottom-3",
+                        Sn ? "bottom-3" : "-bottom-3",
                         G,
                         !B && "pointer-events-none opacity-0"
                       ),
-                      currentAudioIndex: C,
-                      defaultPlaying: wt,
-                      enableKeyboardShortcuts: le,
-                      isPlaybackPaused: ee,
-                      isAutoAdvanceEnabled: Fe,
-                      locale: d,
-                      isInteractionOpen: fe,
-                      isSubtitleEnabled: an,
-                      onAutoAdvanceToggle: on,
-                      onLoadingChange: Rr,
+                      currentAudioIndex: P,
+                      defaultPlaying: Ct,
+                      enableKeyboardShortcuts: ce,
+                      isPlaybackPaused: ne,
+                      isAutoAdvanceEnabled: De,
+                      locale: f,
+                      isInteractionOpen: he,
+                      isSubtitleEnabled: fn,
+                      onAutoAdvanceToggle: un,
+                      onLoadingChange: Lr,
                       onPlaybackStarted: () => {
-                        it(!0);
+                        st(!0);
                       },
-                      onPlaybackPreferenceChange: vr,
-                      onPlaybackTimeChange: pe.setTime,
+                      onPlaybackPreferenceChange: xr,
+                      onPlaybackTimeChange: Mr,
                       onSubtitleToggle: () => {
-                        tr((e) => !e);
+                        ar((e) => !e);
                       },
                       nextDisabled: !R,
-                      onEnded: _r,
-                      onFullscreen: Er,
-                      isFullscreen: cn,
-                      mobileViewMode: Q,
-                      settingsPortalContainer: It.current,
-                      onMobileViewModeChange: cr,
-                      onControlsPointerEnter: Or,
-                      onControlsPointerLeave: Mr,
-                      onNext: Pr,
-                      onPrev: Tr,
-                      onSubtitleJump: Cr,
-                      canJumpToSubtitleTarget: Vt,
-                      prevDisabled: !zn,
+                      onEnded: Nr,
+                      onFullscreen: Or,
+                      isFullscreen: pn,
+                      mobileViewMode: Z,
+                      settingsPortalContainer: wt.current,
+                      onMobileViewModeChange: yr,
+                      onControlsPointerEnter: Dr,
+                      onControlsPointerLeave: Br,
+                      onNext: Fr,
+                      onPrev: kr,
+                      onSubtitleJump: qt,
+                      canJumpToSubtitleTarget: Kt,
+                      prevDisabled: !Zn,
                       showControls: B,
-                      subtitleSeekRequest: jn,
-                      texts: St,
-                      customActionContext: Ft,
-                      customActions: Ae,
-                      useAutoAdvanceToggle: Ne
+                      subtitleSeekRequest: rr,
+                      texts: At,
+                      customActionContext: Lt,
+                      customActions: Ce,
+                      useAutoAdvanceToggle: Ve
                     }
                   )
                 }
@@ -1434,6 +1482,6 @@ const Do = (c, d) => c.length === d.length && c.every((Y, be) => {
   );
 };
 export {
-  wi as default
+  _i as default
 };
 //# sourceMappingURL=Slide.es.js.map