markdown-flow-ui 0.2.0 → 0.2.2

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

@@ -1,37 +1,39 @@
 import { j as o } from "../../_virtual/jsx-runtime.es.js";
-import { memo as Gn, useMemo as l, useId as Hn, useRef as f, useCallback as n, useState as m, useEffect as u } from "react";
-import { isSandboxInteractionMessage as zn } from "../../lib/sandboxInteraction.es.js";
-import { cn as se } from "../../lib/utils.es.js";
-import Jn from "../ui/loading-overlay-card.es.js";
-import Wn from "../ContentRender/ContentRender.es.js";
-import Ut from "../ContentRender/IframeSandbox.es.js";
+import { memo as Hn, useMemo as i, useId as zn, useRef as f, useCallback as n, useState as m, useEffect as u } from "react";
+import { isSandboxInteractionMessage as Jn } from "../../lib/sandboxInteraction.es.js";
+import { cn as le } from "../../lib/utils.es.js";
+import Wn from "../ui/loading-overlay-card.es.js";
+import $n from "../ContentRender/ContentRender.es.js";
+import Gt from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
 import "../ContentRender/contentRenderI18n.es.js";
-import { getInteractionDefaultValues as $n, getInteractionDefaultSelectedValues as Yn } from "../../lib/interaction-defaults.es.js";
-import { isMobileDevice as Xn, isLandscapeViewport as Gt, subscribeMobileDeviceChange as Qn } from "../../lib/mobileDevice.es.js";
-import Zn from "./Player.es.js";
-import er from "./SubtitleOverlay.es.js";
-import tr from "./useSlide.es.js";
-import nr from "./useWakePlayerFromIframe.es.js";
-import { PlayerKeyboardShortcutContext as rr } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as or } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Le, resolveMobileViewModeState as sr } from "./utils/mobileScreenMode.es.js";
-import { shouldPresentInteractionOverlay as ir } from "./utils/interactionPlayback.es.js";
-import { shouldWakePlayerControlsAfterNavigation as nt } from "./utils/playerNavigationContext.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as lr } from "./utils/appendedMarkerAdvance.es.js";
-import { getPlaybackSequenceTransition as ur, shouldStartDefaultAudioSequence as ar } from "./utils/playbackSequence.es.js";
-import { hasResolvedInteractionElement as cr, canReachSubtitleJumpTarget as Ht } from "./utils/subtitleJumpNavigation.es.js";
-import { resolvePlayerCustomActionElement as dr, getPlayerCustomActionCount as fr } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as mr } from "./utils/playbackTimeStore.es.js";
-import { shouldUseAutoAdvanceToggle as pr } from "./utils/playerToggleMode.es.js";
-import { resolveSlidePlayerVisibility as hr } from "./utils/playerVisibility.es.js";
-import { getSlideLocaleTexts as vr, DEFAULT_SLIDE_BUFFERING_TEXTS as yr } from "./slideI18n.es.js";
+import { getInteractionDefaultValues as Yn, getInteractionDefaultSelectedValues as Xn } from "../../lib/interaction-defaults.es.js";
+import { isMobileDevice as Qn, isLandscapeViewport as Ht, subscribeMobileDeviceChange as Zn } from "../../lib/mobileDevice.es.js";
+import er from "./Player.es.js";
+import tr from "./MarkdownSlideScaling.es.js";
+import nr from "./SubtitleOverlay.es.js";
+import rr from "./useSlide.es.js";
+import or from "./useWakePlayerFromIframe.es.js";
+import { PlayerKeyboardShortcutContext as sr } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as lr } from "./utils/playerKeyboardShortcuts.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as je, resolveMobileViewModeState as ir } from "./utils/mobileScreenMode.es.js";
+import { shouldPresentInteractionOverlay as ur } from "./utils/interactionPlayback.es.js";
+import { resolveMarkdownScalingMode as ar } from "./utils/markdownScaling.es.js";
+import { shouldWakePlayerControlsAfterNavigation as rt } from "./utils/playerNavigationContext.es.js";
+import { shouldAutoAdvanceIntoAppendedMarker as cr } from "./utils/appendedMarkerAdvance.es.js";
+import { getPlaybackSequenceTransition as dr, shouldStartDefaultAudioSequence as fr } from "./utils/playbackSequence.es.js";
+import { hasResolvedInteractionElement as mr, canReachSubtitleJumpTarget as zt } from "./utils/subtitleJumpNavigation.es.js";
+import { resolvePlayerCustomActionElement as pr, getPlayerCustomActionCount as hr } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as vr } from "./utils/playbackTimeStore.es.js";
+import { shouldUseAutoAdvanceToggle as yr } from "./utils/playerToggleMode.es.js";
+import { resolveSlidePlayerVisibility as Sr } from "./utils/playerVisibility.es.js";
+import { getSlideLocaleTexts as br, DEFAULT_SLIDE_BUFFERING_TEXTS as gr } from "./slideI18n.es.js";
 /* empty css             */
-import Sr from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const br = 2e3, gr = 300, xr = 160, Ir = 16, rt = "waitingForAudio", Ar = (v, p) => typeof v == "string" ? v : v[p] ?? v[rt] ?? yr[p], wr = (v, p) => typeof v == "string" ? v : {
+import xr from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const Ir = 2e3, Ar = 300, wr = 160, Pr = 16, ot = "waitingForAudio", Cr = (v, p) => typeof v == "string" ? v : v[p] ?? v[ot] ?? gr[p], Tr = (v, p) => typeof v == "string" ? v : {
   ...p,
   ...v
-}, Pr = (v, p) => p ? v !== "loadingAudio" : !1, zt = Gn(
+}, Er = (v, p) => p ? v !== "loadingAudio" : !1, Jt = Hn(
   ({
     content: v,
     title: p,
@@ -40,14 +42,14 @@ const br = 2e3, gr = 300, xr = 160, Ir = 16, rt = "waitingForAudio", Ar = (v, p)
     defaultInputText: D,
     defaultSelectedValues: U,
     confirmButtonText: J,
-    copyButtonText: le,
-    copiedButtonText: Ie,
-    onSend: je,
+    copyButtonText: ue,
+    copiedButtonText: Ae,
+    onSend: Ve,
     readonly: W = !1
   }) => /* @__PURE__ */ o.jsxs("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ o.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ o.jsx("p", { className: "slide-player__interaction-title", children: p }) }),
     /* @__PURE__ */ o.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ o.jsx(
-      Wn,
+      $n,
       {
         content: v,
         locale: q,
@@ -55,20 +57,20 @@ const br = 2e3, gr = 300, xr = 160, Ir = 16, rt = "waitingForAudio", Ar = (v, p)
         defaultInputText: D,
         defaultSelectedValues: U,
         confirmButtonText: J,
-        copyButtonText: le,
-        copiedButtonText: Ie,
-        onSend: je,
+        copyButtonText: ue,
+        copiedButtonText: Ae,
+        onSend: Ve,
         readonly: W,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-zt.displayName = "InteractionOverlayCard";
-const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
+Jt.displayName = "InteractionOverlayCard";
+const _r = (v, p) => v.length === p.length && v.every((q, ie) => {
   const D = p[ie];
   return q.sequence_number === D?.sequence_number && q.type === D?.type && q.content === D?.content;
-}), so = ({
+}), co = ({
   elementList: v = [],
   locale: p,
   playerEnabled: q,
@@ -76,121 +78,122 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
   playerClassName: D,
   fullscreenHeader: U,
   playerCustomActions: J,
-  playerCustomActionPauseOnActive: le = !0,
-  bufferingText: Ie,
-  interactionTitle: je,
+  playerCustomActionPauseOnActive: ue = !0,
+  bufferingText: Ae,
+  interactionTitle: Ve,
   interactionTexts: W,
-  playerTexts: Jt,
-  playerAutoHideDelay: Ve = 3e3,
-  markerAutoAdvanceDelay: ot = br,
-  interactionDefaultValueOptions: Ae,
-  onSend: st,
-  onPlayerVisibilityChange: Ke,
+  playerTexts: Wt,
+  playerAutoHideDelay: Ke = 3e3,
+  markerAutoAdvanceDelay: st = Ir,
+  interactionDefaultValueOptions: we,
+  onSend: lt,
+  onPlayerVisibilityChange: qe,
   onMobileViewModeChange: it,
-  onStepChange: lt,
+  onStepChange: ut,
   enableKeyboardShortcuts: $ = !0,
-  enableIframeScaling: Wt = !0,
+  enableIframeScaling: $t = !0,
+  enableMarkdownScaling: Yt = !0,
   disableLoadingOverlay: E = !1,
-  className: $t,
-  onPointerDown: ut,
-  onFocusCapture: at,
-  ...Yt
+  className: Xt,
+  onPointerDown: at,
+  onFocusCapture: ct,
+  ...Qt
 }) => {
-  const G = l(() => vr(p), [p]), Xt = l(
-    () => wr(
-      Ie,
+  const G = i(() => br(p), [p]), Zt = i(
+    () => Tr(
+      Ae,
       G.bufferingText
     ),
-    [Ie, G.bufferingText]
+    [Ae, G.bufferingText]
   ), {
-    playerEnabled: Qt,
+    playerEnabled: en,
     playerControlsVisibility: j
-  } = hr({
+  } = Sr({
     playerEnabled: q,
     playerControlsVisibility: ie
-  }), we = Hn(), ue = f(null), ct = f(null), qe = f(null), dt = f(null), Y = f(null), Pe = f(!1), ae = f(null), ce = f(null), de = f(null), ft = f(null), mt = f([]), fe = f(!1), H = f(null), me = f(null), pt = f(0), ht = f(null), vt = f({
+  }), Pe = zn(), ae = f(null), dt = f(null), De = f(null), ft = f(null), Y = f(null), Ce = f(!1), ce = f(null), de = f(null), fe = f(null), mt = f(null), pt = f([]), me = f(!1), H = f(null), pe = f(null), ht = f(0), vt = f(null), yt = f({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
-  }), De = f(!1), {
+  }), Ue = f(!1), {
     currentElementList: F,
-    stepElementLists: yt,
+    stepElementLists: St,
     slideElementList: A,
-    currentIndex: i,
+    currentIndex: l,
     audioList: b,
-    audioSlideIndexes: Ce,
-    currentAudioSequenceIndexes: Te,
+    audioSlideIndexes: Te,
+    currentAudioSequenceIndexes: Ee,
     currentStepHasSpeakableElement: w,
     currentInteractionElement: h,
-    canGoPrev: Zt,
+    canGoPrev: tn,
     canGoNext: C,
-    handlePrev: St,
+    handlePrev: bt,
     handleNext: _,
-    handleGoTo: bt
-  } = tr(v), pe = l(() => {
-    if (!(i < 0))
-      return A[i];
-  }, [i, A]), en = A.filter(
+    handleGoTo: gt
+  } = rr(v), he = i(() => {
+    if (!(l < 0))
+      return A[l];
+  }, [l, A]), nn = A.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, y = Qt && (A.length > 0 || b.length > 0 || !!h), tn = l(
+  ).length === 1, y = en && (A.length > 0 || b.length > 0 || !!h), rn = i(
     () => ({
       enabled: $,
-      ownerId: we
+      ownerId: Pe
     }),
-    [$, we]
+    [$, Pe]
   ), V = n(() => {
-    !$ || !y || or(we);
-  }, [$, we, y]), R = l(
-    () => Te.map((e) => b[e]?.audioKey).filter((e) => !!e),
-    [b, Te]
-  ), [nn, he] = m(!0), [Ee, X] = m(!1), [ve, gt] = m(!0), [ye, xt] = m(!0), [x, K] = m(null), [rn, It] = m(null), [on, g] = m(!1), [sn, Ue] = m(rt), [k, Ge] = m(!1), [ln, _e] = m(!1), [At, un] = m(!0), [He, ze] = m(!1), [s, Je] = m(), [Re, ke] = m(!1), [
-    an,
-    Se
-  ] = m(0), [wt, cn] = m(!1), N = l(() => Xn(), []), [Me, We] = m(
-    Le
-  ), [Pt, $e] = m(!1), [dn, Ct] = m(
-    () => N ? Gt() : !1
-  ), Q = l(() => mr(), []), {
+    !$ || !y || lr(Pe);
+  }, [$, Pe, y]), R = i(
+    () => Ee.map((e) => b[e]?.audioKey).filter((e) => !!e),
+    [b, Ee]
+  ), [on, ve] = m(!0), [_e, X] = m(!1), [ye, xt] = m(!0), [Se, It] = m(!0), [x, K] = m(null), [sn, At] = m(null), [ln, g] = m(!1), [un, Ge] = m(ot), [k, He] = m(!1), [an, Re] = m(!1), [wt, cn] = m(!0), [ze, Je] = m(!1), [s, We] = m(), [ke, Me] = m(!1), [
+    dn,
+    be
+  ] = m(0), [Pt, fn] = m(!1), N = i(() => Qn(), []), [Be, $e] = m(
+    je
+  ), [Ct, Ye] = m(!1), [mn, Tt] = m(
+    () => N ? Ht() : !1
+  ), Q = i(() => vr(), []), {
     effectiveMobileViewMode: Z,
     isImmersiveMobileFullscreen: ee,
-    isNativeMobileFullscreen: Tt,
-    shouldRotateFullscreenViewport: fn
-  } = l(
-    () => sr({
-      hasManualMobileViewMode: Pt,
+    isNativeMobileFullscreen: Et,
+    shouldRotateFullscreenViewport: pn
+  } = i(
+    () => ir({
+      hasManualMobileViewMode: Ct,
       isMobileDevice: N,
-      mobileViewMode: Me
+      mobileViewMode: Be
     }),
     [
-      Pt,
+      Ct,
       N,
-      dn,
-      Me
+      mn,
+      Be
     ]
-  ), mn = f(Z), P = y && j !== "hidden" && (j === "visible" || nn), pn = ee && P, hn = ee && P, vn = ee || Tt, Et = wt && !N, yn = n(
+  ), hn = f(Z), P = y && j !== "hidden" && (j === "visible" || on), vn = ee && P, yn = ee && P, Sn = ee || Et, _t = Pt && !N, bn = n(
     (e) => {
-      $e(!0), We(e);
+      Ye(!0), $e(e);
     },
     []
-  ), _t = n(() => {
-    $e(!1), We(Le);
-  }, []), Sn = n(() => {
-    _t(), U?.onBack?.();
-  }, [U, _t]), Rt = n((e) => {
-    ze(e);
-  }, []), kt = n(() => {
-    ze((e) => !e);
-  }, []), { mountedStepStates: bn, currentMountedStateIndex: gn } = l(() => {
+  ), Rt = n(() => {
+    Ye(!1), $e(je);
+  }, []), gn = n(() => {
+    Rt(), U?.onBack?.();
+  }, [U, Rt]), kt = n((e) => {
+    Je(e);
+  }, []), Mt = n(() => {
+    Je((e) => !e);
+  }, []), { mountedStepStates: xn, currentMountedStateIndex: In } = i(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return yt.forEach((a, c) => {
-      const r = e.findIndex(
-        (d) => Cr(
-          d.elementList,
+    return St.forEach((a, c) => {
+      const d = e.findIndex(
+        (r) => _r(
+          r.elementList,
           a
         )
       );
-      if (r >= 0) {
-        e[r]?.sourceStepIndexes.push(c), t.set(c, r);
+      if (d >= 0) {
+        e[d]?.sourceStepIndexes.push(c), t.set(c, d);
         return;
       }
       e.push({
@@ -199,72 +202,72 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
       }), t.set(c, e.length - 1);
     }), {
       mountedStepStates: e,
-      currentMountedStateIndex: i >= 0 ? t.get(i) ?? -1 : -1
+      currentMountedStateIndex: l >= 0 ? t.get(l) ?? -1 : -1
     };
-  }, [i, yt]), Mt = l(() => String(i), [i]), I = l(() => x ? b.findIndex(
+  }, [l, St]), Bt = i(() => String(l), [l]), I = i(() => x ? b.findIndex(
     (e) => (e.audioKey ?? "") === x
-  ) : -1, [b, x]), Ye = l(
+  ) : -1, [b, x]), Xe = i(
     () => I >= 0 ? b[I] : void 0,
     [b, I]
-  ), xn = Ye?.element?.subtitle_cues ?? [], Be = l(
+  ), An = Xe?.element?.subtitle_cues ?? [], Fe = i(
     () => R[0] ?? "none",
     [R]
-  ), Xe = l(
+  ), Qe = i(
     () => ({
-      currentElement: dr({
+      currentElement: pr({
         currentAudioIndex: I,
-        currentAudioSequenceIndexes: Te,
+        currentAudioSequenceIndexes: Ee,
         audioList: b,
         currentInteractionElement: s,
-        currentStepElement: pe
+        currentStepElement: he
       }),
-      currentIndex: i,
-      currentStepElement: pe,
-      isActive: He,
-      setActive: Rt,
-      toggleActive: kt
+      currentIndex: l,
+      currentStepElement: he,
+      isActive: ze,
+      setActive: kt,
+      toggleActive: Mt
     }),
     [
       s,
       b,
       I,
-      Te,
-      i,
-      pe,
-      He,
-      Rt,
-      kt
+      Ee,
+      l,
+      he,
+      ze,
+      kt,
+      Mt
     ]
-  ), Qe = l(
-    () => fr(
+  ), Ze = i(
+    () => hr(
       J,
-      Xe
+      Qe
     ),
-    [Xe, J]
-  ), In = l(
+    [Qe, J]
+  ), wn = i(
     () => ({
-      "--slide-player-custom-action-count": String(Qe),
+      "--slide-player-custom-action-count": String(Ze),
       "--slide-player-mobile-control-count": String(
-        Qe + 4
+        Ze + 4
       )
     }),
-    [Qe]
-  ), Bt = R.length > 0, Ft = l(() => h ? `${h.sequence_number ?? "none"}:${String(
+    [Ze]
+  ), Ft = R.length > 0, Nt = i(() => h ? `${h.sequence_number ?? "none"}:${String(
     h.content ?? ""
-  )}` : "none", [h]), be = l(
-    () => [Mt, Ft].join("|"),
-    [Ft, Mt]
-  ), An = l(
+  )}` : "none", [h]), ge = i(
+    () => [Bt, Nt].join("|"),
+    [Nt, Bt]
+  ), Pn = i(
     () => [
-      be,
-      Ye?.audioKey ?? "none",
+      ge,
+      Xe?.audioKey ?? "none",
       String(I)
     ].join("|"),
-    [I, Ye?.audioKey, be]
-  ), Nt = !!l(() => !Be || Be === "none" ? "" : b.find(
-    (t) => t.audioKey === Be
-  )?.audioUrl?.trim() ?? "", [b, Be]), z = le && !!J && He, ge = l(
-    () => pr({
+    [I, Xe?.audioKey, ge]
+  ), Ot = !!i(() => !Fe || Fe === "none" ? "" : b.find(
+    (t) => t.audioKey === Fe
+  )?.audioUrl?.trim() ?? "", [b, Fe]), z = ue && !!J && ze, xe = i(
+    () => yr({
       canGoNext: C,
       currentAudioIndex: I,
       currentStepHasSpeakableElement: w,
@@ -279,14 +282,14 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
   ), O = n(() => {
     Y.current !== null && (window.clearTimeout(Y.current), Y.current = null);
   }, []), L = n(() => {
-    ce.current !== null && (window.clearTimeout(ce.current), ce.current = null);
-  }, []), M = n(() => {
     de.current !== null && (window.clearTimeout(de.current), de.current = null);
+  }, []), M = n(() => {
+    fe.current !== null && (window.clearTimeout(fe.current), fe.current = null);
   }, []), te = n(() => {
-    ae.current !== null && (window.clearTimeout(ae.current), ae.current = null);
+    ce.current !== null && (window.clearTimeout(ce.current), ce.current = null);
   }, []), B = n(
     (e = {}) => {
-      te(), L(), M(), K(null), Q.reset(), g(!1), Ue(rt), Ge(!1), _e(!1), It(null), e.preservePendingSubtitleJump || (me.current = null), Je(void 0), ke(!1), Se(0);
+      te(), L(), M(), K(null), Q.reset(), g(!1), Ge(ot), He(!1), Re(!1), At(null), e.preservePendingSubtitleJump || (pe.current = null), We(void 0), Me(!1), be(0);
     },
     [
       te,
@@ -294,102 +297,102 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
       M,
       Q
     ]
-  ), Fe = n(
+  ), Ne = n(
     (e) => {
-      pt.current += 1, It({
+      ht.current += 1, At({
         ...e,
-        id: pt.current
+        id: ht.current
       });
     },
     []
   ), ne = n(() => {
     const e = R[0];
     return e ? (K(e), !0) : !1;
-  }, [R]), Ne = n(() => {
-    L(), M(), ke(!1), Se(0), !ne() && C && _();
+  }, [R]), Oe = n(() => {
+    L(), M(), Me(!1), be(0), !ne() && C && _();
   }, [
     C,
     L,
     M,
     _,
     ne
-  ]), Ot = n(
+  ]), Lt = n(
     (e) => {
       if (M(), !e)
         return;
       const t = () => {
-        de.current = null, Se(
-          xr
-        ), ke(!0), H.current = null;
+        fe.current = null, be(
+          wr
+        ), Me(!0), H.current = null;
       };
-      de.current = window.setTimeout(
+      fe.current = window.setTimeout(
         t,
-        gr
+        Ar
       );
     },
     [M]
-  ), Ze = n(
-    () => Pe.current || !!ue.current?.querySelector(".slide-player__controls:hover"),
+  ), et = n(
+    () => Ce.current || !!ae.current?.querySelector(".slide-player__controls:hover"),
     []
   ), S = n(
-    (e = Ee) => {
-      !y || j === "hidden" || (he(!0), O(), !(j === "visible" || !e || Ve <= 0 || Ze()) && (Y.current = window.setTimeout(() => {
-        if (Ze()) {
+    (e = _e) => {
+      !y || j === "hidden" || (ve(!0), O(), !(j === "visible" || !e || Ke <= 0 || et()) && (Y.current = window.setTimeout(() => {
+        if (et()) {
           Y.current = null;
           return;
         }
-        he(!1), Y.current = null;
-      }, Ve)));
+        ve(!1), Y.current = null;
+      }, Ke)));
     },
     [
       O,
-      Ee,
-      Ze,
-      Ve,
+      _e,
+      et,
+      Ke,
       j,
       y
     ]
-  ), xe = !!cr(h), re = !!h && !xe, wn = n((e) => {
-    gt(e);
+  ), Ie = !!mr(h), re = !!h && !Ie, Cn = n((e) => {
+    xt(e);
   }, []), oe = n(
     (e) => {
-      const t = e?.shouldContinuePlayback ?? ve;
-      gt(t);
+      const t = e?.shouldContinuePlayback ?? ye;
+      xt(t);
     },
-    [ve]
+    [ye]
   );
   u(() => {
-    xt(ve), le && ze(!1);
-  }, [i, ve, le]), u(() => () => {
+    It(ye), ue && Je(!1);
+  }, [l, ye, ue]), u(() => () => {
     te(), O(), L(), M();
   }, [
     te,
     L,
     M,
     O
-  ]), u(() => (Ke?.(P), () => {
-    Ke?.(!1);
-  }), [Ke, P]), u(() => {
-    P || (Pe.current = !1);
+  ]), u(() => (qe?.(P), () => {
+    qe?.(!1);
+  }), [qe, P]), u(() => {
+    P || (Ce.current = !1);
   }, [P]), u(() => {
-    N || Me === Le || ($e(!1), We(Le));
-  }, [N, Me]), u(() => {
+    N || Be === je || (Ye(!1), $e(je));
+  }, [N, Be]), u(() => {
     if (!N) {
-      Ct(!1);
+      Tt(!1);
       return;
     }
     const e = () => {
-      Ct(Gt());
+      Tt(Ht());
     };
-    return e(), Qn(e);
+    return e(), Zn(e);
   }, [N]), u(() => {
     it?.(Z);
   }, [Z, it]), u(() => {
-    mn.current = Z;
+    hn.current = Z;
   }, [Z]), u(() => {
-    lt?.(pe, i);
-  }, [i, pe, lt]), u(() => {
-    const e = vt.current, t = lr(
+    ut?.(he, l);
+  }, [l, he, ut]), u(() => {
+    const e = yt.current, t = cr(
       {
         previousMarkerCount: e.markerCount,
         nextMarkerCount: A.length,
@@ -398,43 +401,43 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
         nextCanGoNext: C,
         currentAudioKey: x,
         hasCompletedCurrentStepAudio: k,
-        hasResolvedCurrentInteraction: xe,
+        hasResolvedCurrentInteraction: Ie,
         currentStepHasSpeakableElement: w,
         currentInteractionElement: h,
-        isAutoAdvanceEnabled: ye,
-        shouldUseSilentStepAutoAdvanceToggle: ge
+        isAutoAdvanceEnabled: Se,
+        shouldUseSilentStepAutoAdvanceToggle: xe
       }
     );
-    vt.current = {
+    yt.current = {
       markerCount: A.length,
-      currentIndex: i,
+      currentIndex: l,
       canGoNext: C
     }, t && _();
   }, [
     C,
     x,
-    i,
+    l,
     h,
     w,
     _,
     k,
+    Ie,
+    Se,
     xe,
-    ye,
-    ge,
     A.length
   ]), u(() => {
     if (!y || j === "hidden") {
-      O(), he(!1);
+      O(), ve(!1);
       return;
     }
     if (j === "visible") {
-      O(), he(!0);
+      O(), ve(!0);
       return;
     }
-    Ee || S(!0);
+    _e || S(!0);
   }, [
     O,
-    Ee,
+    _e,
     j,
     y,
     S
@@ -442,13 +445,13 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && zn(t.data) && t.data.eventType === "click" && y && (V(), X(!0), S(!0));
+      t.origin === window.location.origin && Jn(t.data) && t.data.eventType === "click" && y && (V(), X(!0), S(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [V, y, S]), nr({
-    sectionRef: ue,
+  }, [V, y, S]), or({
+    sectionRef: ae,
     enabled: y,
     keyboardShortcutsEnabled: $,
     onKeyboardShortcut: V,
@@ -460,38 +463,38 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
       B();
       return;
     }
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = ur({
-      previousResetKey: ht.current,
-      nextResetKey: be,
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = dr({
+      previousResetKey: vt.current,
+      nextResetKey: ge,
       currentAudioKey: x,
       hasCompletedCurrentStepAudio: k
     });
-    ht.current = be;
-    const a = H.current === i && !!h, c = ir({
+    vt.current = ge;
+    const a = H.current === l && !!h, c = ur({
       hasInteraction: !!h,
       shouldBlockPlaybackForInteraction: re,
       shouldOpenInteractionOverlayAfterAudio: a,
       hasPlaybackContextChanged: e,
-      hasResolvedCurrentInteraction: xe,
+      hasResolvedCurrentInteraction: Ie,
       currentStepHasSpeakableElement: w
-    }), r = me.current, d = r?.slideIndex === i;
+    }), d = pe.current, r = d?.slideIndex === l;
     if (e && B({
-      preservePendingSubtitleJump: d
+      preservePendingSubtitleJump: r
     }), !(F.length === 0 && !h) && !z) {
-      if (r?.slideIndex === i && Ht({
-        currentIndex: i,
+      if (d?.slideIndex === l && zt({
+        currentIndex: l,
         resolvedCurrentInteractionElement: s,
         slideElementList: A,
-        targetSlideIndex: r.slideIndex
+        targetSlideIndex: d.slideIndex
       })) {
-        me.current = null, De.current = !0, K(r.audioKey), Fe({
-          audioIndex: r.audioIndex,
-          timeMs: r.timeMs
+        pe.current = null, Ue.current = !0, K(d.audioKey), Ne({
+          audioIndex: d.audioIndex,
+          timeMs: d.timeMs
         });
         return;
       }
-      if (h && Je(h), c) {
-        Ot(h);
+      if (h && We(h), c) {
+        Lt(h);
         return;
       }
       if (M(), H.current = null, !!t && !ne()) {
@@ -503,10 +506,10 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
           g(!0);
           return;
         }
-        if (C && !(ge && !ye))
-          return ae.current = window.setTimeout(() => {
-            ae.current = null, _();
-          }, ot), () => {
+        if (C && !(xe && !Se))
+          return ce.current = window.setTimeout(() => {
+            ce.current = null, _();
+          }, st), () => {
             te();
           };
       }
@@ -516,27 +519,27 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
     C,
     te,
     F.length,
-    i,
+    l,
     h,
     x,
-    be,
+    ge,
     w,
-    ot,
+    st,
     _,
     k,
     E,
-    ye,
-    xe,
+    Se,
+    Ie,
     re,
     M,
     B,
-    Fe,
-    Ot,
+    Ne,
+    Lt,
     y,
     A,
     ne,
     z,
-    ge
+    xe
   ]), u(() => {
     if (E || z || !w || re) {
       g(!1);
@@ -546,21 +549,21 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
       g(!1);
       return;
     }
-    if (Bt) {
+    if (Ft) {
       g(!1);
       return;
     }
-    Ue("waitingForAudio"), g(!0);
+    Ge("waitingForAudio"), g(!0);
   }, [
-    Bt,
+    Ft,
     w,
     k,
     E,
     z,
     re
   ]), u(() => {
-    const e = De.current;
-    De.current = !1, ar({
+    const e = Ue.current;
+    Ue.current = !1, fr({
       currentAudioKey: x,
       currentAudioSequenceLength: R.length,
       currentStepHasSpeakableElement: w,
@@ -582,61 +585,61 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
   }, [I, x]), u(() => {
     I >= 0 || Q.reset();
   }, [I, Q]), u(() => {
-    _e(!1);
-  }, [An]);
-  const Lt = l(() => {
+    Re(!1);
+  }, [Pn]);
+  const jt = i(() => {
     if (!s)
       return {};
     const e = !!s.user_input?.trim();
-    return $n(
+    return Yn(
       typeof s.content == "string" ? s.content : void 0,
       s.user_input,
-      e ? void 0 : Ae
+      e ? void 0 : we
     );
-  }, [s, Ae]), Pn = l(() => {
+  }, [s, we]), Tn = i(() => {
     if (!s)
       return;
     const e = !!s.user_input?.trim();
-    return Yn(
+    return Xn(
       typeof s.content == "string" ? s.content : void 0,
       s.user_input,
-      e ? void 0 : Ae
+      e ? void 0 : we
     );
-  }, [s, Ae]), jt = !!s?.user_input?.trim(), Vt = !!s?.readonly || jt, Kt = Vt || jt, et = !!s && Re, Cn = n(
+  }, [s, we]), Vt = !!s?.user_input?.trim(), Kt = !!s?.readonly || Vt, qt = Kt || Vt, tt = !!s && ke, En = n(
     (e) => {
       const a = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      Je((c) => !c || !a ? c : {
+      We((c) => !c || !a ? c : {
         ...c,
         user_input: a
-      }), st?.(e, s), Ne();
+      }), lt?.(e, s), Oe();
     },
-    [s, Ne, st]
+    [s, Oe, lt]
   );
   u(() => {
     const e = () => {
-      cn(document.fullscreenElement === ue.current);
+      fn(document.fullscreenElement === ae.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), u(() => {
-    if (!et) {
-      Se(0);
+    if (!tt) {
+      be(0);
       return;
     }
-    const e = ft.current;
+    const e = mt.current;
     if (!e)
       return;
     const t = () => {
       const c = Math.ceil(
         e.getBoundingClientRect().height
       );
-      Se(
-        c + Ir
+      be(
+        c + Pr
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -647,21 +650,21 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
     return a.observe(e), () => {
       a.disconnect();
     };
-  }, [et]), u(() => {
-    if (L(), !(!Re || !Kt))
-      return ce.current = window.setTimeout(() => {
-        ce.current = null, Ne();
+  }, [tt]), u(() => {
+    if (L(), !(!ke || !qt))
+      return de.current = window.setTimeout(() => {
+        de.current = null, Oe();
       }, 2e3), () => {
         L();
       };
   }, [
     L,
-    Ne,
-    Re,
-    Kt
+    Oe,
+    ke,
+    qt
   ]);
-  const Tn = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ o.jsx(o.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ o.jsx(
-    Ut,
+  const _n = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ o.jsx(o.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ o.jsx(
+    Gt,
     {
       className: "content-render-iframe",
       disableLoadingOverlay: E,
@@ -671,10 +674,10 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: Wt
+      enableScaling: $t
     }
   ) : /* @__PURE__ */ o.jsx(
-    Ut,
+    Gt,
     {
       className: "content-render-iframe",
       disableLoadingOverlay: E,
@@ -684,36 +687,43 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
       type: "markdown",
       content: e.content
     }
-  ) : null, En = (e = [], t = !1) => {
+  ) : null, Rn = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
     const a = e.filter(
       (r) => r.is_renderable !== !1
-    ).length, c = e.reduce(
-      (r, d, T) => d.is_renderable !== !1 ? T : r,
+    ).length, c = t && Yt ? ar(e) : "disabled", d = e.reduce(
+      (r, T, se) => T.is_renderable !== !1 ? se : r,
       -1
     );
-    return /* @__PURE__ */ o.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((r, d) => {
-      const T = r.type === "html" && r.is_renderable === !1;
-      return /* @__PURE__ */ o.jsx(
-        "div",
-        {
-          ref: t && d === c ? dt : null,
-          "aria-hidden": T || void 0,
-          className: se(
-            "w-full shrink-0",
-            a === 1 && r.is_renderable !== !1 && "slide-element--single",
-            T ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : r.is_renderable === !1 && "hidden"
-          ),
-          children: Tn(r, {
-            replaceRootScreenHeightWithFull: a === 1 && r.type === "html" && r.is_renderable !== !1
-          })
-        },
-        r.sequence_number ?? `${r.type}-${d}`
-      );
-    }) });
-  }, _n = n(() => {
-    const e = ue.current;
+    return /* @__PURE__ */ o.jsx(
+      tr,
+      {
+        className: "slide-stage__content flex w-full flex-col gap-4",
+        mode: c,
+        children: e.map((r, T) => {
+          const se = r.type === "html" && r.is_renderable === !1;
+          return /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              ref: t && T === d ? ft : null,
+              "aria-hidden": se || void 0,
+              className: le(
+                "w-full shrink-0",
+                a === 1 && r.is_renderable !== !1 && "slide-element--single",
+                se ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : r.is_renderable === !1 && "hidden"
+              ),
+              children: _n(r, {
+                replaceRootScreenHeightWithFull: a === 1 && r.type === "html" && r.is_renderable !== !1
+              })
+            },
+            r.sequence_number ?? `${r.type}-${T}`
+          );
+        })
+      }
+    );
+  }, kn = n(() => {
+    const e = ae.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -723,59 +733,59 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), qt = n(() => {
-    const e = qe.current;
+  }, []), Dt = n(() => {
+    const e = De.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), tt = n(
-    (e) => Ht({
-      currentIndex: i,
+  }, []), nt = n(
+    (e) => zt({
+      currentIndex: l,
       resolvedCurrentInteractionElement: s,
       slideElementList: A,
-      targetSlideIndex: Ce[e.audioIndex]
+      targetSlideIndex: Te[e.audioIndex]
     }),
     [
       s,
-      Ce,
-      i,
+      Te,
+      l,
       A
     ]
-  ), Rn = n(
+  ), Mn = n(
     (e, t) => {
-      const c = b[e.audioIndex]?.audioKey, r = Ce[e.audioIndex];
-      return !c || r == null || !tt(e) ? !1 : (oe(t), H.current = null, g(!1), Ge(!1), _e(!1), nt(t) && (X(!0), S(!0)), r === i ? (me.current = null, B(), K(c), Fe(e), !0) : (fe.current = !0, B(), me.current = {
+      const c = b[e.audioIndex]?.audioKey, d = Te[e.audioIndex];
+      return !c || d == null || !nt(e) ? !1 : (oe(t), H.current = null, g(!1), He(!1), Re(!1), rt(t) && (X(!0), S(!0)), d === l ? (pe.current = null, B(), K(c), Ne(e), !0) : (me.current = !0, B(), pe.current = {
         audioIndex: e.audioIndex,
         audioKey: c,
-        slideIndex: r,
+        slideIndex: d,
         timeMs: e.timeMs
-      }, bt(r), !0));
+      }, gt(d), !0));
     },
     [
       b,
-      Ce,
-      tt,
-      i,
-      bt,
-      Fe,
+      Te,
+      nt,
+      l,
+      gt,
+      Ne,
       B,
       S,
       oe
     ]
-  ), kn = n(
+  ), Bn = n(
     (e) => {
-      oe(e), fe.current = !0, H.current = null, g(!1), nt(e) && (X(!0), S(!0)), B(), St();
+      oe(e), me.current = !0, H.current = null, g(!1), rt(e) && (X(!0), S(!0)), B(), bt();
     },
     [
-      St,
+      bt,
       B,
       S,
       oe
     ]
-  ), Mn = n(
+  ), Fn = n(
     (e) => {
-      oe(e), fe.current = !0, H.current = null, g(!1), nt(e) && (X(!0), S(!0)), B(), _();
+      oe(e), me.current = !0, H.current = null, g(!1), rt(e) && (X(!0), S(!0)), B(), _();
     },
     [
       _,
@@ -783,7 +793,7 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
       S,
       oe
     ]
-  ), Bn = n(
+  ), Nn = n(
     ({
       loading: e,
       reason: t
@@ -796,7 +806,7 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
         g(!1);
         return;
       }
-      e && t && Ue(t), g(Pr(t, e));
+      e && t && Ge(t), g(Er(t, e));
     },
     [
       w,
@@ -807,114 +817,114 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
   u(() => {
     E && g(!1);
   }, [E]);
-  const Fn = n(
+  const On = n(
     (e) => {
       const t = b[e]?.audioKey;
       if (!t || !x || t !== x)
         return;
       const a = R.findIndex(
-        (d) => d === t
+        (r) => r === t
       );
       if (a < 0) {
         K(null);
         return;
       }
-      const c = a + 1, r = R[c];
-      if (r) {
-        K(r);
+      const c = a + 1, d = R[c];
+      if (d) {
+        K(d);
         return;
       }
-      if (K(null), Ge(!0), g(!1), C) {
-        const d = i + 1, T = A[d];
-        Nt && T?.type === "interaction" && (H.current = d), _();
+      if (K(null), He(!0), g(!1), C) {
+        const r = l + 1, T = A[r];
+        Ot && T?.type === "interaction" && (H.current = r), _();
         return;
       }
     },
     [
       b,
       C,
-      i,
+      l,
       x,
       R,
       _,
-      Nt,
+      Ot,
       A
     ]
-  ), Nn = n(() => {
-    s && ke((e) => !e);
-  }, [s]), On = n(() => {
-    Pe.current = !0, O(), y && he(!0);
-  }, [O, y]), Ln = n(() => {
-    Pe.current = !1, S(!0);
-  }, [S]), Dt = n(
+  ), Ln = n(() => {
+    s && Me((e) => !e);
+  }, [s]), jn = n(() => {
+    Ce.current = !0, O(), y && ve(!0);
+  }, [O, y]), Vn = n(() => {
+    Ce.current = !1, S(!0);
+  }, [S]), Ut = n(
     (e) => {
       e.stopPropagation(), P && S(!0);
     },
     [P, S]
-  ), jn = n(
-    (e) => {
-      V(), ut?.(e);
-    },
-    [V, ut]
-  ), Vn = n(
+  ), Kn = n(
     (e) => {
       V(), at?.(e);
     },
     [V, at]
-  ), Kn = n(() => {
+  ), qn = n(
+    (e) => {
+      V(), ct?.(e);
+    },
+    [V, ct]
+  ), Dn = n(() => {
     X(!0), S(!0);
-  }, [S]), Oe = l(
+  }, [S]), Le = i(
     () => F.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [F]
   );
   return u(() => {
-    const e = mt.current, c = (e.length > 0 && e.length < Oe.length && e.every((d, T) => d === Oe[T]) ? F.slice(e.length) : []).some(
-      (d) => d.is_new === !1
+    const e = pt.current, c = (e.length > 0 && e.length < Le.length && e.every((r, T) => r === Le[T]) ? F.slice(e.length) : []).some(
+      (r) => r.is_new === !1
     );
-    if (mt.current = Oe, !c)
+    if (pt.current = Le, !c)
       return;
-    const r = window.requestAnimationFrame(() => {
-      const d = qe.current, T = dt.current;
-      if (!d || !T)
+    const d = window.requestAnimationFrame(() => {
+      const r = De.current, T = ft.current;
+      if (!r || !T)
         return;
-      const qn = d.getBoundingClientRect(), Dn = T.getBoundingClientRect(), Un = d.scrollTop + (Dn.top - qn.top);
-      d.scrollTo({
-        top: Math.max(Un, 0),
+      const se = r.getBoundingClientRect(), Un = T.getBoundingClientRect(), Gn = r.scrollTop + (Un.top - se.top);
+      r.scrollTo({
+        top: Math.max(Gn, 0),
         behavior: "smooth"
       });
     });
     return () => {
-      window.cancelAnimationFrame(r);
+      window.cancelAnimationFrame(d);
     };
-  }, [F, Oe]), u(() => {
-    if (!fe.current || (fe.current = !1, F.length === 0))
+  }, [F, Le]), u(() => {
+    if (!me.current || (me.current = !1, F.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      qt();
+      Dt();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [F, qt]), /* @__PURE__ */ o.jsxs(
+  }, [F, Dt]), /* @__PURE__ */ o.jsxs(
     "section",
     {
-      ref: ue,
-      className: se(
+      ref: ae,
+      className: le(
         "relative h-full w-full",
         N && "slide--mobile-device",
-        Et && "slide--browser-fullscreen",
+        _t && "slide--browser-fullscreen",
         ee && "slide--mobile-landscape",
-        Tt && "slide--mobile-landscape-native",
-        $t
+        Et && "slide--mobile-landscape-native",
+        Xt
       ),
-      onClick: Kn,
-      onFocusCapture: Vn,
-      onPointerDown: jn,
-      ...Yt,
+      onClick: Dn,
+      onFocusCapture: qn,
+      onPointerDown: Kn,
+      ...Qt,
       children: [
-        vn ? /* @__PURE__ */ o.jsx(
+        Sn ? /* @__PURE__ */ o.jsx(
           "div",
           {
             "aria-hidden": "true",
@@ -924,23 +934,23 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
         /* @__PURE__ */ o.jsxs(
           "div",
           {
-            ref: ct,
-            className: se(
+            ref: dt,
+            className: le(
               "slide__viewport relative h-full min-h-0 w-full",
               ee && "slide__viewport--mobile-landscape",
-              ee && !fn && "slide__viewport--mobile-landscape-native"
+              ee && !pn && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              pn ? /* @__PURE__ */ o.jsxs("div", { className: "slide-landscape-header", children: [
+              vn ? /* @__PURE__ */ o.jsxs("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ o.jsx(
                   "button",
                   {
                     "aria-label": U?.backAriaLabel ?? G.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
-                    onClick: Sn,
+                    onClick: gn,
                     type: "button",
                     children: /* @__PURE__ */ o.jsx(
-                      Sr,
+                      xr,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -953,21 +963,21 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
               /* @__PURE__ */ o.jsx(
                 "div",
                 {
-                  className: se(
+                  className: le(
                     "h-full min-h-0 w-full",
-                    hn && "slide__viewport-content--with-header",
-                    en ? "slide-content--single" : "grid gap-4"
+                    yn && "slide__viewport-content--with-header",
+                    nn ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: F.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ o.jsx("div", { ref: qe, className: "slide-stage__layer w-full", children: bn.map(
+                  children: F.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ o.jsx("div", { ref: De, className: "slide-stage__layer w-full", children: xn.map(
                     (e, t) => {
-                      const a = t === gn;
+                      const a = t === In;
                       return /* @__PURE__ */ o.jsx(
                         "div",
                         {
                           "aria-hidden": !a || void 0,
                           className: "w-full h-full",
                           style: { display: a ? void 0 : "none" },
-                          children: En(
+                          children: Rn(
                             e.elementList,
                             a
                           )
@@ -978,111 +988,111 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
                   ) }) }) : null
                 }
               ),
-              on ? /* @__PURE__ */ o.jsx(
-                Jn,
+              ln ? /* @__PURE__ */ o.jsx(
+                Wn,
                 {
-                  message: Ar(
-                    Xt,
-                    sn
+                  message: Cr(
+                    Zt,
+                    un
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ o.jsx(
-                er,
+                nr,
                 {
-                  extraBottomOffset: an,
+                  extraBottomOffset: dn,
                   hasPlayerGap: P,
-                  isEnabled: At && ln,
+                  isEnabled: wt && an,
                   isPlayerHidden: y && !P,
                   playbackTimeStore: Q,
-                  subtitleCues: xn
+                  subtitleCues: An
                 }
               ),
-              et ? /* @__PURE__ */ o.jsx(
+              tt ? /* @__PURE__ */ o.jsx(
                 "div",
                 {
-                  ref: ft,
+                  ref: mt,
                   "data-player-keyboard-shortcuts-ignore": "true",
-                  className: se(
+                  className: le(
                     "slide-interaction-overlay",
                     P && y ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
                   ),
-                  onClick: Dt,
-                  onPointerDown: Dt,
-                  style: In,
+                  onClick: Ut,
+                  onPointerDown: Ut,
+                  style: wn,
                   children: /* @__PURE__ */ o.jsx(
-                    zt,
+                    Jt,
                     {
                       content: String(s?.content ?? ""),
                       locale: p,
-                      defaultButtonText: Lt.buttonText ?? "",
-                      defaultInputText: Lt.inputText ?? "",
-                      defaultSelectedValues: Pn,
+                      defaultButtonText: jt.buttonText ?? "",
+                      defaultInputText: jt.inputText ?? "",
+                      defaultSelectedValues: Tn,
                       confirmButtonText: W?.confirmButtonText ?? G.interactionTexts.confirmButtonText,
                       copyButtonText: W?.copyButtonText ?? G.interactionTexts.copyButtonText,
                       copiedButtonText: W?.copiedButtonText ?? G.interactionTexts.copiedButtonText,
-                      onSend: Cn,
-                      readonly: Vt,
-                      title: W?.title ?? je ?? G.interactionTexts.title
+                      onSend: En,
+                      readonly: Kt,
+                      title: W?.title ?? Ve ?? G.interactionTexts.title
                     }
                   )
                 }
               ) : null,
               y ? /* @__PURE__ */ o.jsx(
-                rr.Provider,
+                sr.Provider,
                 {
-                  value: tn,
+                  value: rn,
                   children: /* @__PURE__ */ o.jsx(
-                    Zn,
+                    er,
                     {
                       audioList: b,
-                      className: se(
+                      className: le(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        Et ? "bottom-3" : "-bottom-3",
+                        _t ? "bottom-3" : "-bottom-3",
                         D,
                         !P && "pointer-events-none opacity-0"
                       ),
                       currentAudioIndex: I,
-                      defaultPlaying: ve,
+                      defaultPlaying: ye,
                       enableKeyboardShortcuts: $,
                       isPlaybackPaused: z,
-                      isAutoAdvanceEnabled: ye,
+                      isAutoAdvanceEnabled: Se,
                       locale: p,
                       hasInteraction: !!s,
-                      isInteractionOpen: Re,
-                      isSubtitleEnabled: At,
-                      onAutoAdvanceToggle: xt,
-                      onLoadingChange: Bn,
+                      isInteractionOpen: ke,
+                      isSubtitleEnabled: wt,
+                      onAutoAdvanceToggle: It,
+                      onLoadingChange: Nn,
                       onPlaybackStarted: () => {
-                        _e(!0);
+                        Re(!0);
                       },
-                      onPlaybackPreferenceChange: wn,
+                      onPlaybackPreferenceChange: Cn,
                       onPlaybackTimeChange: Q.setTime,
                       onSubtitleToggle: () => {
-                        un((e) => !e);
+                        cn((e) => !e);
                       },
                       nextDisabled: !C,
-                      onEnded: Fn,
-                      onFullscreen: _n,
-                      isFullscreen: wt,
+                      onEnded: On,
+                      onFullscreen: kn,
+                      isFullscreen: Pt,
                       mobileViewMode: Z,
-                      settingsPortalContainer: ct.current,
-                      onMobileViewModeChange: yn,
-                      onControlsPointerEnter: On,
-                      onControlsPointerLeave: Ln,
-                      onInteractionToggle: Nn,
-                      onNext: Mn,
-                      onPrev: kn,
-                      onSubtitleJump: Rn,
-                      canJumpToSubtitleTarget: tt,
-                      prevDisabled: !Zt,
+                      settingsPortalContainer: dt.current,
+                      onMobileViewModeChange: bn,
+                      onControlsPointerEnter: jn,
+                      onControlsPointerLeave: Vn,
+                      onInteractionToggle: Ln,
+                      onNext: Fn,
+                      onPrev: Bn,
+                      onSubtitleJump: Mn,
+                      canJumpToSubtitleTarget: nt,
+                      prevDisabled: !tn,
                       showControls: P,
-                      subtitleSeekRequest: rn,
-                      texts: Jt,
-                      customActionContext: Xe,
+                      subtitleSeekRequest: sn,
+                      texts: Wt,
+                      customActionContext: Qe,
                       customActions: J,
-                      useAutoAdvanceToggle: ge
+                      useAutoAdvanceToggle: xe
                     }
                   )
                 }
@@ -1095,6 +1105,6 @@ const Cr = (v, p) => v.length === p.length && v.every((q, ie) => {
   );
 };
 export {
-  so as default
+  co as default
 };
 //# sourceMappingURL=Slide.es.js.map