markdown-flow-ui 0.1.125 → 0.1.127

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

@@ -1,33 +1,34 @@
 import { j as r } from "../../_virtual/jsx-runtime.es.js";
-import { memo as In, useId as _n, useRef as p, useMemo as l, useCallback as n, useState as m, useEffect as s } from "react";
-import { isSandboxInteractionMessage as Pn } from "../../lib/sandboxInteraction.es.js";
+import { memo as _n, useId as Pn, useRef as p, useMemo as l, useCallback as n, useState as m, useEffect as s } from "react";
+import { isSandboxInteractionMessage as En } from "../../lib/sandboxInteraction.es.js";
 import { cn as Z } from "../../lib/utils.es.js";
-import En from "../ui/loading-overlay-card.es.js";
-import Cn from "../ContentRender/ContentRender.es.js";
+import Cn from "../ui/loading-overlay-card.es.js";
+import Tn from "../ContentRender/ContentRender.es.js";
 import Rt from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { getInteractionDefaultValues as Tn, getInteractionDefaultSelectedValues as Rn } from "../../lib/interaction-defaults.es.js";
-import { isMobileDevice as kn, isLandscapeViewport as kt, subscribeMobileDeviceChange as Fn } from "../../lib/mobileDevice.es.js";
-import Mn from "./Player.es.js";
-import Bn from "./SubtitleOverlay.es.js";
-import Nn from "./useSlide.es.js";
-import On from "./useWakePlayerFromIframe.es.js";
-import { PlayerKeyboardShortcutContext as jn } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as Ln } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Ce, resolveMobileViewModeState as Vn } from "./utils/mobileScreenMode.es.js";
-import { shouldPresentInteractionOverlay as Kn } from "./utils/interactionPlayback.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as qn } from "./utils/appendedMarkerAdvance.es.js";
-import { getPlaybackSequenceTransition as Dn } from "./utils/playbackSequence.es.js";
-import { resolvePlayerCustomActionElement as Un, getPlayerCustomActionCount as zn } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as Gn } from "./utils/playbackTimeStore.es.js";
-import { shouldUseAutoAdvanceToggle as Hn } from "./utils/playerToggleMode.es.js";
+import { getInteractionDefaultValues as Rn, getInteractionDefaultSelectedValues as kn } from "../../lib/interaction-defaults.es.js";
+import { isMobileDevice as Fn, isLandscapeViewport as kt, subscribeMobileDeviceChange as Mn } from "../../lib/mobileDevice.es.js";
+import Bn from "./Player.es.js";
+import Nn from "./SubtitleOverlay.es.js";
+import On from "./useSlide.es.js";
+import jn from "./useWakePlayerFromIframe.es.js";
+import { PlayerKeyboardShortcutContext as Ln } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as Vn } from "./utils/playerKeyboardShortcuts.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as Ce, resolveMobileViewModeState as Kn } from "./utils/mobileScreenMode.es.js";
+import { shouldPresentInteractionOverlay as qn } from "./utils/interactionPlayback.es.js";
+import { shouldWakePlayerControlsAfterNavigation as Ft } from "./utils/playerNavigationContext.es.js";
+import { shouldAutoAdvanceIntoAppendedMarker as Dn } from "./utils/appendedMarkerAdvance.es.js";
+import { getPlaybackSequenceTransition as Un } from "./utils/playbackSequence.es.js";
+import { resolvePlayerCustomActionElement as zn, getPlayerCustomActionCount as Gn } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as Hn } from "./utils/playbackTimeStore.es.js";
+import { shouldUseAutoAdvanceToggle as Wn } from "./utils/playerToggleMode.es.js";
 /* empty css             */
-import Wn from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const $n = 2e3, Yn = 300, Xn = 160, Jn = 16, Ge = "waitingForAudio", Ft = {
+import $n from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const Yn = 2e3, Xn = 300, Jn = 160, Qn = 16, Ge = "waitingForAudio", Mt = {
   waitingForAudio: "Waiting for current slide audio...",
   loadingAudio: "Loading current slide audio...",
   waitingForMoreAudio: "Waiting for more current slide audio..."
-}, Qn = (S, I) => typeof S == "string" ? S : S[I] ?? S[Ge] ?? Ft[I], Zn = (S, I) => I ? S !== "loadingAudio" : !1, Mt = In(
+}, Zn = (S, I) => typeof S == "string" ? S : S[I] ?? S[Ge] ?? Mt[I], er = (S, I) => I ? S !== "loadingAudio" : !1, Bt = _n(
   ({
     content: S,
     title: I,
@@ -42,7 +43,7 @@ const $n = 2e3, Yn = 300, Xn = 160, Jn = 16, Ge = "waitingForAudio", Ft = {
   }) => /* @__PURE__ */ r.jsxs("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ r.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ r.jsx("p", { className: "slide-player__interaction-title", children: I }) }),
     /* @__PURE__ */ r.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ r.jsx(
-      Cn,
+      Tn,
       {
         content: S,
         defaultButtonText: _,
@@ -58,11 +59,11 @@ const $n = 2e3, Yn = 300, Xn = 160, Jn = 16, Ge = "waitingForAudio", Ft = {
     ) })
   ] })
 );
-Mt.displayName = "InteractionOverlayCard";
-const er = (S, I) => S.length === I.length && S.every((_, ee) => {
+Bt.displayName = "InteractionOverlayCard";
+const tr = (S, I) => S.length === I.length && S.every((_, ee) => {
   const P = I[ee];
   return _.sequence_number === P?.sequence_number && _.type === P?.type && _.content === P?.content;
-}), Cr = ({
+}), Rr = ({
   elementList: S = [],
   showPlayer: I = !0,
   playerAlwaysVisible: _ = !1,
@@ -70,26 +71,26 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
   fullscreenHeader: P,
   playerCustomActions: q,
   playerCustomActionPauseOnActive: te = !0,
-  bufferingText: Te = Ft,
+  bufferingText: Te = Mt,
   interactionTitle: Re,
   interactionTexts: D,
-  playerTexts: Bt,
+  playerTexts: Nt,
   playerAutoHideDelay: ke = 3e3,
-  markerAutoAdvanceDelay: He = $n,
+  markerAutoAdvanceDelay: He = Yn,
   interactionDefaultValueOptions: pe,
   onSend: We,
   onPlayerVisibilityChange: Fe,
   onMobileViewModeChange: $e,
   onStepChange: Ye,
   enableKeyboardShortcuts: U = !0,
-  enableIframeScaling: Nt = !0,
+  enableIframeScaling: Ot = !0,
   disableLoadingOverlay: C = !1,
-  className: Ot,
+  className: jt,
   onPointerDown: Xe,
   onFocusCapture: Je,
-  ...jt
+  ...Lt
 }) => {
-  const he = _n(), ve = p(null), Qe = p(null), Me = p(null), Ze = p(null), ne = p(null), re = p(null), oe = p(null), se = p(null), et = p(null), tt = p([]), ye = p(!1), z = p(null), nt = p(null), rt = p({
+  const he = Pn(), ve = p(null), Qe = p(null), Me = p(null), Ze = p(null), ne = p(null), re = p(null), oe = p(null), se = p(null), et = p(null), tt = p([]), ye = p(!1), z = p(null), nt = p(null), rt = p({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
@@ -102,40 +103,40 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
     currentAudioSequenceIndexes: ge,
     currentStepHasSpeakableElement: b,
     currentInteractionElement: u,
-    canGoPrev: Lt,
+    canGoPrev: Vt,
     canGoNext: w,
     handlePrev: st,
     handleNext: T
-  } = Nn(S), ie = l(() => {
+  } = On(S), ie = l(() => {
     if (!(d < 0))
       return N[d];
-  }, [d, N]), Vt = N.filter(
+  }, [d, N]), Kt = N.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, x = I && (N.length > 0 || h.length > 0 || !!u), Kt = l(
+  ).length === 1, A = I && (N.length > 0 || h.length > 0 || !!u), qt = l(
     () => ({
       enabled: U,
       ownerId: he
     }),
     [U, he]
   ), L = n(() => {
-    !U || !x || Ln(he);
-  }, [U, he, x]), R = l(
+    !U || !A || Vn(he);
+  }, [U, he, A]), R = l(
     () => ge.map((e) => h[e]?.audioKey).filter((e) => !!e),
     [h, ge]
-  ), [it, Se] = m(!0), [be, le] = m(!1), [ce, lt] = m(!0), [ae, ct] = m(!0), [v, G] = m(null), [qt, y] = m(!1), [Dt, Be] = m(Ge), [k, at] = m(!1), [Ut, Ne] = m(!1), [ut, zt] = m(!0), [Oe, je] = m(!1), [o, Le] = m(), [xe, Ae] = m(!1), [
-    Gt,
+  ), [it, Se] = m(!0), [be, le] = m(!1), [ce, lt] = m(!0), [ae, ct] = m(!0), [v, G] = m(null), [Dt, y] = m(!1), [Ut, Be] = m(Ge), [k, at] = m(!1), [zt, Ne] = m(!1), [ut, Gt] = m(!0), [Oe, je] = m(!1), [o, Le] = m(), [Ae, xe] = m(!1), [
+    Ht,
     ue
-  ] = m(0), [dt, Ht] = m(!1), O = l(() => kn(), []), [we, Ve] = m(
+  ] = m(0), [dt, Wt] = m(!1), O = l(() => Fn(), []), [we, Ve] = m(
     Ce
-  ), [ft, Ke] = m(!1), [Wt, mt] = m(
+  ), [ft, Ke] = m(!1), [$t, mt] = m(
     () => O ? kt() : !1
-  ), H = l(() => Gn(), []), {
+  ), H = l(() => Hn(), []), {
     effectiveMobileViewMode: W,
     isImmersiveMobileFullscreen: $,
     isNativeMobileFullscreen: pt,
-    shouldRotateFullscreenViewport: $t
+    shouldRotateFullscreenViewport: Yt
   } = l(
-    () => Vn({
+    () => Kn({
       hasManualMobileViewMode: ft,
       isMobileDevice: O,
       mobileViewMode: we
@@ -143,27 +144,27 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
     [
       ft,
       O,
-      Wt,
+      $t,
       we
     ]
-  ), Yt = p(W), F = x && (_ || it), Xt = $ && F, Jt = $ && F, Qt = $ || pt, ht = dt && !O, Zt = n(
+  ), Xt = p(W), F = A && (_ || it), Jt = $ && F, Qt = $ && F, Zt = $ || pt, ht = dt && !O, en = n(
     (e) => {
       Ke(!0), Ve(e);
     },
     []
   ), vt = n(() => {
     Ke(!1), Ve(Ce);
-  }, []), en = n(() => {
+  }, []), tn = n(() => {
     vt(), P?.onBack?.();
   }, [P, vt]), yt = n((e) => {
     je(e);
   }, []), gt = n(() => {
     je((e) => !e);
-  }, []), { mountedStepStates: tn, currentMountedStateIndex: nn } = l(() => {
+  }, []), { mountedStepStates: nn, currentMountedStateIndex: rn } = l(() => {
     const e = [], t = /* @__PURE__ */ new Map();
     return ot.forEach((c, f) => {
       const i = e.findIndex(
-        (a) => er(
+        (a) => tr(
           a.elementList,
           c
         )
@@ -185,12 +186,12 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
   ) : -1, [h, v]), qe = l(
     () => g >= 0 ? h[g] : void 0,
     [h, g]
-  ), rn = qe?.element?.subtitle_cues ?? [], Ie = l(
+  ), on = qe?.element?.subtitle_cues ?? [], Ie = l(
     () => R[0] ?? "none",
     [R]
   ), De = l(
     () => ({
-      currentElement: Un({
+      currentElement: zn({
         currentAudioIndex: g,
         currentAudioSequenceIndexes: ge,
         audioList: h,
@@ -215,12 +216,12 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       gt
     ]
   ), Ue = l(
-    () => zn(
+    () => Gn(
       q,
       De
     ),
     [De, q]
-  ), on = l(
+  ), sn = l(
     () => ({
       "--slide-player-custom-action-count": String(Ue),
       "--slide-player-mobile-control-count": String(
@@ -228,22 +229,22 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       )
     }),
     [Ue]
-  ), bt = R.length > 0, xt = l(() => u ? `${u.sequence_number ?? "none"}:${String(
+  ), bt = R.length > 0, At = l(() => u ? `${u.sequence_number ?? "none"}:${String(
     u.content ?? ""
   )}` : "none", [u]), de = l(
-    () => [St, xt].join("|"),
-    [xt, St]
-  ), sn = l(
+    () => [St, At].join("|"),
+    [At, St]
+  ), ln = l(
     () => [
       de,
       qe?.audioKey ?? "none",
       String(g)
     ].join("|"),
     [g, qe?.audioKey, de]
-  ), At = !!l(() => !Ie || Ie === "none" ? "" : h.find(
+  ), xt = !!l(() => !Ie || Ie === "none" ? "" : h.find(
     (t) => t.audioKey === Ie
   )?.audioUrl?.trim() ?? "", [h, Ie]), V = te && !!q && Oe, fe = l(
-    () => Hn({
+    () => Wn({
       canGoNext: w,
       currentAudioIndex: g,
       currentStepHasSpeakableElement: b,
@@ -264,7 +265,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
   }, []), Y = n(() => {
     re.current !== null && (window.clearTimeout(re.current), re.current = null);
   }, []), X = n(() => {
-    Y(), j(), M(), G(null), H.reset(), y(!1), Be(Ge), at(!1), Ne(!1), Le(void 0), Ae(!1), ue(0);
+    Y(), j(), M(), G(null), H.reset(), y(!1), Be(Ge), at(!1), Ne(!1), Le(void 0), xe(!1), ue(0);
   }, [
     Y,
     j,
@@ -274,7 +275,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
     const e = R[0];
     return e ? (G(e), !0) : !1;
   }, [R]), _e = n(() => {
-    j(), M(), Ae(!1), ue(0), !J() && w && T();
+    j(), M(), xe(!1), ue(0), !J() && w && T();
   }, [
     w,
     j,
@@ -287,18 +288,18 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
         return;
       const t = () => {
         se.current = null, ue(
-          Xn
-        ), Ae(!0), z.current = null;
+          Jn
+        ), xe(!0), z.current = null;
       };
       se.current = window.setTimeout(
         t,
-        Yn
+        Xn
       );
     },
     [M]
-  ), A = n(
+  ), x = n(
     (e = be) => {
-      x && (Se(!0), K(), !(_ || !e || ke <= 0) && (ne.current = window.setTimeout(() => {
+      A && (Se(!0), K(), !(_ || !e || ke <= 0) && (ne.current = window.setTimeout(() => {
         Se(!1), ne.current = null;
       }, ke)));
     },
@@ -307,9 +308,9 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       be,
       _,
       ke,
-      x
+      A
     ]
-  ), me = !!(u?.readonly || u?.user_input?.trim()), Q = !!u && !me, ln = n((e) => {
+  ), me = !!(u?.readonly || u?.user_input?.trim()), Q = !!u && !me, cn = n((e) => {
     lt(e);
   }, []), Pe = n(
     (e) => {
@@ -339,15 +340,15 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
     const e = () => {
       mt(kt());
     };
-    return e(), Fn(e);
+    return e(), Mn(e);
   }, [O]), s(() => {
     $e?.(W);
   }, [W, $e]), s(() => {
-    Yt.current = W;
+    Xt.current = W;
   }, [W]), s(() => {
     Ye?.(ie, d);
   }, [d, ie, Ye]), s(() => {
-    const e = rt.current, t = qn(
+    const e = rt.current, t = Dn(
       {
         previousMarkerCount: e.markerCount,
         nextMarkerCount: N.length,
@@ -381,7 +382,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
     fe,
     N.length
   ]), s(() => {
-    if (!x) {
+    if (!A) {
       K(), Se(!1);
       return;
     }
@@ -389,38 +390,39 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       K(), Se(!0);
       return;
     }
-    be || A(!0);
+    be || x(!0);
   }, [
     K,
     be,
     _,
-    x,
-    A
+    A,
+    x
   ]), s(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && Pn(t.data) && t.data.eventType === "click" && x && (L(), le(!0), A(!0));
+      t.origin === window.location.origin && En(t.data) && t.data.eventType === "click" && A && (L(), le(!0), x(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [L, x, A]), On({
+  }, [L, A, x]), jn({
     sectionRef: ve,
-    enabled: x,
+    enabled: A,
     keyboardShortcutsEnabled: U,
+    onKeyboardShortcut: L,
     onWake: () => {
-      L(), le(!0), A(!0);
+      L(), le(!0), x(!0);
     }
   }), s(() => {
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Dn({
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Un({
       previousResetKey: nt.current,
       nextResetKey: de,
       currentAudioKey: v,
       hasCompletedCurrentStepAudio: k
     });
     nt.current = de;
-    const c = z.current === d && !!u, f = Kn({
+    const c = z.current === d && !!u, f = qn({
       hasInteraction: !!u,
       shouldBlockPlaybackForInteraction: Q,
       shouldOpenInteractionOverlayAfterAudio: c,
@@ -508,26 +510,26 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
     g >= 0 || H.reset();
   }, [g, H]), s(() => {
     Ne(!1);
-  }, [sn]);
+  }, [ln]);
   const It = l(() => {
     if (!o)
       return {};
     const e = !!o.user_input?.trim();
-    return Tn(
+    return Rn(
       typeof o.content == "string" ? o.content : void 0,
       o.user_input,
       e ? void 0 : pe
     );
-  }, [o, pe]), cn = l(() => {
+  }, [o, pe]), an = l(() => {
     if (!o)
       return;
     const e = !!o.user_input?.trim();
-    return Rn(
+    return kn(
       typeof o.content == "string" ? o.content : void 0,
       o.user_input,
       e ? void 0 : pe
     );
-  }, [o, pe]), _t = !!o?.user_input?.trim(), Pt = !!o?.readonly || _t, Et = Pt || _t, ze = !!o && xe, an = n(
+  }, [o, pe]), _t = !!o?.user_input?.trim(), Pt = !!o?.readonly || _t, Et = Pt || _t, ze = !!o && Ae, un = n(
     (e) => {
       const c = [
         ...e.selectedValues ?? [],
@@ -543,7 +545,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
   );
   s(() => {
     const e = () => {
-      Ht(document.fullscreenElement === ve.current);
+      Wt(document.fullscreenElement === ve.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
@@ -561,7 +563,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
         e.getBoundingClientRect().height
       );
       ue(
-        f + Jn
+        f + Qn
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -573,7 +575,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       c.disconnect();
     };
   }, [ze]), s(() => {
-    if (j(), !(!xe || !Et))
+    if (j(), !(!Ae || !Et))
       return oe.current = window.setTimeout(() => {
         oe.current = null, _e();
       }, 2e3), () => {
@@ -582,10 +584,10 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
   }, [
     j,
     _e,
-    xe,
+    Ae,
     Et
   ]);
-  const un = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ r.jsx(
+  const dn = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ r.jsx(
     Rt,
     {
       className: "content-render-iframe",
@@ -595,7 +597,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: Nt
+      enableScaling: Ot
     }
   ) : /* @__PURE__ */ r.jsx(
     Rt,
@@ -607,7 +609,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       type: "markdown",
       content: e.content
     }
-  ) : null, dn = (e = [], t = !1) => {
+  ) : null, fn = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
     const c = e.filter(
@@ -628,14 +630,14 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
             c === 1 && i.is_renderable !== !1 && "slide-element--single",
             E ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : i.is_renderable === !1 && "hidden"
           ),
-          children: un(i, {
+          children: dn(i, {
             replaceRootScreenHeightWithFull: c === 1 && i.type === "html" && i.is_renderable !== !1
           })
         },
         i.sequence_number ?? `${i.type}-${a}`
       );
     }) });
-  }, fn = n(() => {
+  }, mn = n(() => {
     const e = ve.current;
     if (e) {
       if (document.fullscreenElement === e) {
@@ -652,27 +654,27 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), mn = n(
+  }, []), pn = n(
     (e) => {
-      Pe(e), ye.current = !0, z.current = null, le(!0), y(!1), A(!0), X(), st();
+      Pe(e), ye.current = !0, z.current = null, y(!1), Ft(e) && (le(!0), x(!0)), X(), st();
     },
     [
       st,
       X,
-      A,
+      x,
       Pe
     ]
-  ), pn = n(
+  ), hn = n(
     (e) => {
-      Pe(e), ye.current = !0, z.current = null, le(!0), y(!1), A(!0), X(), T();
+      Pe(e), ye.current = !0, z.current = null, y(!1), Ft(e) && (le(!0), x(!0)), X(), T();
     },
     [
       T,
       X,
-      A,
+      x,
       Pe
     ]
-  ), hn = n(
+  ), vn = n(
     ({
       loading: e,
       reason: t
@@ -685,7 +687,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
         y(!1);
         return;
       }
-      e && t && Be(t), y(Zn(t, e));
+      e && t && Be(t), y(er(t, e));
     },
     [
       b,
@@ -696,7 +698,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
   s(() => {
     C && y(!1);
   }, [C]);
-  const vn = n(
+  const yn = n(
     (e) => {
       const t = h[e]?.audioKey;
       if (!t || !v || t !== v)
@@ -715,7 +717,7 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       }
       if (G(null), at(!0), y(!1), w) {
         const a = d + 1, E = N[a];
-        At && E?.type === "interaction" && (z.current = a), T();
+        xt && E?.type === "interaction" && (z.current = a), T();
         return;
       }
     },
@@ -726,29 +728,29 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       v,
       R,
       T,
-      At,
+      xt,
       N
     ]
-  ), yn = n(() => {
-    o && Ae((e) => !e);
+  ), gn = n(() => {
+    o && xe((e) => !e);
   }, [o]), Tt = n(
     (e) => {
-      e.stopPropagation(), F && A(!0);
+      e.stopPropagation(), F && x(!0);
     },
-    [it, A]
-  ), gn = n(
+    [it, x]
+  ), Sn = n(
     (e) => {
       L(), Xe?.(e);
     },
     [L, Xe]
-  ), Sn = n(
+  ), bn = n(
     (e) => {
       L(), Je?.(e);
     },
     [L, Je]
-  ), bn = n(() => {
-    le(!0), A(!0);
-  }, [A]), Ee = l(
+  ), An = n(() => {
+    le(!0), x(!0);
+  }, [x]), Ee = l(
     () => B.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
@@ -764,9 +766,9 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
       const a = Me.current, E = Ze.current;
       if (!a || !E)
         return;
-      const xn = a.getBoundingClientRect(), An = E.getBoundingClientRect(), wn = a.scrollTop + (An.top - xn.top);
+      const xn = a.getBoundingClientRect(), wn = E.getBoundingClientRect(), In = a.scrollTop + (wn.top - xn.top);
       a.scrollTo({
-        top: Math.max(wn, 0),
+        top: Math.max(In, 0),
         behavior: "smooth"
       });
     });
@@ -792,14 +794,14 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
         ht && "slide--browser-fullscreen",
         $ && "slide--mobile-landscape",
         pt && "slide--mobile-landscape-native",
-        Ot
+        jt
       ),
-      onClick: bn,
-      onFocusCapture: Sn,
-      onPointerDown: gn,
-      ...jt,
+      onClick: An,
+      onFocusCapture: bn,
+      onPointerDown: Sn,
+      ...Lt,
       children: [
-        Qt ? /* @__PURE__ */ r.jsx(
+        Zt ? /* @__PURE__ */ r.jsx(
           "div",
           {
             "aria-hidden": "true",
@@ -813,19 +815,19 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
             className: Z(
               "slide__viewport relative h-full min-h-0 w-full",
               $ && "slide__viewport--mobile-landscape",
-              $ && !$t && "slide__viewport--mobile-landscape-native"
+              $ && !Yt && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              Xt ? /* @__PURE__ */ r.jsxs("div", { className: "slide-landscape-header", children: [
+              Jt ? /* @__PURE__ */ r.jsxs("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ r.jsx(
                   "button",
                   {
                     "aria-label": P?.backAriaLabel ?? "Back",
                     className: "slide-landscape-header__back",
-                    onClick: en,
+                    onClick: tn,
                     type: "button",
                     children: /* @__PURE__ */ r.jsx(
-                      Wn,
+                      $n,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -840,19 +842,19 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
                 {
                   className: Z(
                     "h-full min-h-0 w-full",
-                    Jt && "slide__viewport-content--with-header",
-                    Vt ? "slide-content--single" : "grid gap-4"
+                    Qt && "slide__viewport-content--with-header",
+                    Kt ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: B.length > 0 ? /* @__PURE__ */ r.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ r.jsx("div", { ref: Me, className: "slide-stage__layer w-full", children: tn.map(
+                  children: B.length > 0 ? /* @__PURE__ */ r.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ r.jsx("div", { ref: Me, className: "slide-stage__layer w-full", children: nn.map(
                     (e, t) => {
-                      const c = t === nn;
+                      const c = t === rn;
                       return /* @__PURE__ */ r.jsx(
                         "div",
                         {
                           "aria-hidden": !c || void 0,
                           className: "w-full h-full",
                           style: { display: c ? void 0 : "none" },
-                          children: dn(
+                          children: fn(
                             e.elementList,
                             c
                           )
@@ -863,25 +865,25 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
                   ) }) }) : null
                 }
               ),
-              qt ? /* @__PURE__ */ r.jsx(
-                En,
+              Dt ? /* @__PURE__ */ r.jsx(
+                Cn,
                 {
-                  message: Qn(
+                  message: Zn(
                     Te,
-                    Dt
+                    Ut
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ r.jsx(
-                Bn,
+                Nn,
                 {
-                  extraBottomOffset: Gt,
+                  extraBottomOffset: Ht,
                   hasPlayerGap: F,
-                  isEnabled: ut && Ut,
-                  isPlayerHidden: x && !F,
+                  isEnabled: ut && zt,
+                  isPlayerHidden: A && !F,
                   playbackTimeStore: H,
-                  subtitleCues: rn
+                  subtitleCues: on
                 }
               ),
               ze ? /* @__PURE__ */ r.jsx(
@@ -891,34 +893,34 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
                   "data-player-keyboard-shortcuts-ignore": "true",
                   className: Z(
                     "slide-interaction-overlay",
-                    F && x ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
+                    F && A ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
                   ),
                   onClick: Tt,
                   onPointerDown: Tt,
-                  style: on,
+                  style: sn,
                   children: /* @__PURE__ */ r.jsx(
-                    Mt,
+                    Bt,
                     {
                       content: String(o?.content ?? ""),
                       defaultButtonText: It.buttonText ?? "",
                       defaultInputText: It.inputText ?? "",
-                      defaultSelectedValues: cn,
+                      defaultSelectedValues: an,
                       confirmButtonText: D?.confirmButtonText,
                       copyButtonText: D?.copyButtonText,
                       copiedButtonText: D?.copiedButtonText,
-                      onSend: an,
+                      onSend: un,
                       readonly: Pt,
                       title: D?.title ?? Re ?? "Submit the content below to continue."
                     }
                   )
                 }
               ) : null,
-              x ? /* @__PURE__ */ r.jsx(
-                jn.Provider,
+              A ? /* @__PURE__ */ r.jsx(
+                Ln.Provider,
                 {
-                  value: Kt,
+                  value: qt,
                   children: /* @__PURE__ */ r.jsx(
-                    Mn,
+                    Bn,
                     {
                       audioList: h,
                       className: Z(
@@ -933,31 +935,31 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
                       isPlaybackPaused: V,
                       isAutoAdvanceEnabled: ae,
                       hasInteraction: !!o,
-                      isInteractionOpen: xe,
+                      isInteractionOpen: Ae,
                       isSubtitleEnabled: ut,
                       onAutoAdvanceToggle: ct,
-                      onLoadingChange: hn,
+                      onLoadingChange: vn,
                       onPlaybackStarted: () => {
                         Ne(!0);
                       },
-                      onPlaybackPreferenceChange: ln,
+                      onPlaybackPreferenceChange: cn,
                       onPlaybackTimeChange: H.setTime,
                       onSubtitleToggle: () => {
-                        zt((e) => !e);
+                        Gt((e) => !e);
                       },
                       nextDisabled: !w,
-                      onEnded: vn,
-                      onFullscreen: fn,
+                      onEnded: yn,
+                      onFullscreen: mn,
                       isFullscreen: dt,
                       mobileViewMode: W,
                       settingsPortalContainer: Qe.current,
-                      onMobileViewModeChange: Zt,
-                      onInteractionToggle: yn,
-                      onNext: pn,
-                      onPrev: mn,
-                      prevDisabled: !Lt,
+                      onMobileViewModeChange: en,
+                      onInteractionToggle: gn,
+                      onNext: hn,
+                      onPrev: pn,
+                      prevDisabled: !Vt,
                       showControls: F,
-                      texts: Bt,
+                      texts: Nt,
                       customActionContext: De,
                       customActions: q,
                       useAutoAdvanceToggle: fe
@@ -973,6 +975,6 @@ const er = (S, I) => S.length === I.length && S.every((_, ee) => {
   );
 };
 export {
-  Cr as default
+  Rr as default
 };
 //# sourceMappingURL=Slide.es.js.map