markdown-flow-ui 0.1.124 → 0.1.125

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

@@ -1,159 +1,171 @@
 import { j as r } from "../../_virtual/jsx-runtime.es.js";
-import { memo as gn, useRef as p, useMemo as c, useState as m, useCallback as n, useEffect as s } from "react";
-import { isSandboxInteractionMessage as bn } from "../../lib/sandboxInteraction.es.js";
-import { cn as J } from "../../lib/utils.es.js";
-import Sn from "../ui/loading-overlay-card.es.js";
-import An from "../ContentRender/ContentRender.es.js";
-import Et from "../ContentRender/IframeSandbox.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 { 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 Rt from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { getInteractionDefaultValues as xn, getInteractionDefaultSelectedValues as In } from "../../lib/interaction-defaults.es.js";
-import { isMobileDevice as wn, isLandscapeViewport as Pt, subscribeMobileDeviceChange as _n } from "../../lib/mobileDevice.es.js";
-import En from "./Player.es.js";
-import Pn from "./SubtitleOverlay.es.js";
-import Tn from "./useSlide.es.js";
-import Cn from "./useWakePlayerFromIframe.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as _e, resolveMobileViewModeState as Rn } from "./utils/mobileScreenMode.es.js";
-import { shouldPresentInteractionOverlay as Mn } from "./utils/interactionPlayback.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as kn } from "./utils/appendedMarkerAdvance.es.js";
-import { getPlaybackSequenceTransition as Fn } from "./utils/playbackSequence.es.js";
-import { resolvePlayerCustomActionElement as Bn, getPlayerCustomActionCount as Nn } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as On } from "./utils/playbackTimeStore.es.js";
-import { shouldUseAutoAdvanceToggle as jn } from "./utils/playerToggleMode.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";
 /* empty css             */
-import Ln from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const Kn = 2e3, Vn = 300, qn = 160, Dn = 16, De = "waitingForAudio", Tt = {
+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 = {
   waitingForAudio: "Waiting for current slide audio...",
   loadingAudio: "Loading current slide audio...",
   waitingForMoreAudio: "Waiting for more current slide audio..."
-}, Un = (b, I) => typeof b == "string" ? b : b[I] ?? b[De] ?? Tt[I], zn = (b, I) => I ? b !== "loadingAudio" : !1, Ct = gn(
+}, Qn = (S, I) => typeof S == "string" ? S : S[I] ?? S[Ge] ?? Ft[I], Zn = (S, I) => I ? S !== "loadingAudio" : !1, Mt = In(
   ({
-    content: b,
+    content: S,
     title: I,
-    defaultButtonText: w,
-    defaultInputText: Q,
-    defaultSelectedValues: _,
-    confirmButtonText: V,
-    copyButtonText: Z,
-    copiedButtonText: Ee,
-    onSend: Pe,
-    readonly: q = !1
+    defaultButtonText: _,
+    defaultInputText: ee,
+    defaultSelectedValues: P,
+    confirmButtonText: q,
+    copyButtonText: te,
+    copiedButtonText: Te,
+    onSend: Re,
+    readonly: D = !1
   }) => /* @__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(
-      An,
+      Cn,
       {
-        content: b,
-        defaultButtonText: w,
-        defaultInputText: Q,
-        defaultSelectedValues: _,
-        confirmButtonText: V,
-        copyButtonText: Z,
-        copiedButtonText: Ee,
-        onSend: Pe,
-        readonly: q,
+        content: S,
+        defaultButtonText: _,
+        defaultInputText: ee,
+        defaultSelectedValues: P,
+        confirmButtonText: q,
+        copyButtonText: te,
+        copiedButtonText: Te,
+        onSend: Re,
+        readonly: D,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-Ct.displayName = "InteractionOverlayCard";
-const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
-  const _ = I[Q];
-  return w.sequence_number === _?.sequence_number && w.type === _?.type && w.content === _?.content;
-}), yr = ({
-  elementList: b = [],
+Mt.displayName = "InteractionOverlayCard";
+const er = (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 = ({
+  elementList: S = [],
   showPlayer: I = !0,
-  playerAlwaysVisible: w = !1,
-  playerClassName: Q,
-  fullscreenHeader: _,
-  playerCustomActions: V,
-  playerCustomActionPauseOnActive: Z = !0,
-  bufferingText: Ee = Tt,
-  interactionTitle: Pe,
-  interactionTexts: q,
-  playerTexts: Rt,
-  playerAutoHideDelay: Te = 3e3,
-  markerAutoAdvanceDelay: Ue = Kn,
-  interactionDefaultValueOptions: fe,
-  onSend: ze,
-  onPlayerVisibilityChange: Ce,
-  onMobileViewModeChange: Ge,
-  onStepChange: He,
-  enableIframeScaling: Mt = !0,
-  disableLoadingOverlay: T = !1,
-  className: kt,
-  onPointerDown: We,
-  ...Ft
+  playerAlwaysVisible: _ = !1,
+  playerClassName: ee,
+  fullscreenHeader: P,
+  playerCustomActions: q,
+  playerCustomActionPauseOnActive: te = !0,
+  bufferingText: Te = Ft,
+  interactionTitle: Re,
+  interactionTexts: D,
+  playerTexts: Bt,
+  playerAutoHideDelay: ke = 3e3,
+  markerAutoAdvanceDelay: He = $n,
+  interactionDefaultValueOptions: pe,
+  onSend: We,
+  onPlayerVisibilityChange: Fe,
+  onMobileViewModeChange: $e,
+  onStepChange: Ye,
+  enableKeyboardShortcuts: U = !0,
+  enableIframeScaling: Nt = !0,
+  disableLoadingOverlay: C = !1,
+  className: Ot,
+  onPointerDown: Xe,
+  onFocusCapture: Je,
+  ...jt
 }) => {
-  const me = p(null), $e = p(null), Re = p(null), Ye = p(null), ee = p(null), te = p(null), ne = p(null), re = p(null), Xe = p(null), Je = p([]), pe = p(!1), D = p(null), Qe = p(null), Ze = p({
+  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({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
   }), {
     currentElementList: B,
-    stepElementLists: et,
+    stepElementLists: ot,
     slideElementList: N,
     currentIndex: d,
     audioList: h,
-    currentAudioSequenceIndexes: he,
-    currentStepHasSpeakableElement: S,
+    currentAudioSequenceIndexes: ge,
+    currentStepHasSpeakableElement: b,
     currentInteractionElement: u,
-    canGoPrev: Bt,
-    canGoNext: x,
-    handlePrev: tt,
-    handleNext: C
-  } = Tn(b), oe = c(() => {
+    canGoPrev: Lt,
+    canGoNext: w,
+    handlePrev: st,
+    handleNext: T
+  } = Nn(S), ie = l(() => {
     if (!(d < 0))
       return N[d];
-  }, [d, N]), Nt = N.filter(
+  }, [d, N]), Vt = N.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, E = I && (N.length > 0 || h.length > 0 || !!u), R = c(
-    () => he.map((e) => h[e]?.audioKey).filter((e) => !!e),
-    [h, he]
-  ), [nt, ve] = m(!0), [ye, se] = m(!1), [ie, rt] = m(!0), [le, ot] = m(!0), [v, U] = m(null), [Ot, y] = m(!1), [jt, Me] = m(De), [M, st] = m(!1), [Lt, ke] = m(!1), [it, Kt] = m(!0), [Fe, Be] = m(!1), [o, Ne] = m(), [ge, be] = m(!1), [
-    Vt,
-    ce
-  ] = m(0), [lt, qt] = m(!1), O = c(() => wn(), []), [Se, Oe] = m(
-    _e
-  ), [ct, je] = m(!1), [Dt, at] = m(
-    () => O ? Pt() : !1
-  ), z = c(() => On(), []), {
-    effectiveMobileViewMode: G,
-    isImmersiveMobileFullscreen: H,
-    isNativeMobileFullscreen: ut,
-    shouldRotateFullscreenViewport: Ut
-  } = c(
-    () => Rn({
-      hasManualMobileViewMode: ct,
+  ).length === 1, x = I && (N.length > 0 || h.length > 0 || !!u), Kt = l(
+    () => ({
+      enabled: U,
+      ownerId: he
+    }),
+    [U, he]
+  ), L = n(() => {
+    !U || !x || Ln(he);
+  }, [U, he, x]), 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,
+    ue
+  ] = m(0), [dt, Ht] = m(!1), O = l(() => kn(), []), [we, Ve] = m(
+    Ce
+  ), [ft, Ke] = m(!1), [Wt, mt] = m(
+    () => O ? kt() : !1
+  ), H = l(() => Gn(), []), {
+    effectiveMobileViewMode: W,
+    isImmersiveMobileFullscreen: $,
+    isNativeMobileFullscreen: pt,
+    shouldRotateFullscreenViewport: $t
+  } = l(
+    () => Vn({
+      hasManualMobileViewMode: ft,
       isMobileDevice: O,
-      mobileViewMode: Se
+      mobileViewMode: we
     }),
     [
-      ct,
+      ft,
       O,
-      Dt,
-      Se
+      Wt,
+      we
     ]
-  ), zt = p(G), k = E && (w || nt), Gt = H && k, Ht = H && k, Wt = H || ut, dt = lt && !O, $t = n(
+  ), Yt = p(W), F = x && (_ || it), Xt = $ && F, Jt = $ && F, Qt = $ || pt, ht = dt && !O, Zt = n(
     (e) => {
-      je(!0), Oe(e);
+      Ke(!0), Ve(e);
     },
     []
-  ), ft = n(() => {
-    je(!1), Oe(_e);
-  }, []), Yt = n(() => {
-    ft(), _?.onBack?.();
-  }, [_, ft]), mt = n((e) => {
-    Be(e);
-  }, []), pt = n(() => {
-    Be((e) => !e);
-  }, []), { mountedStepStates: Xt, currentMountedStateIndex: Jt } = c(() => {
+  ), vt = n(() => {
+    Ke(!1), Ve(Ce);
+  }, []), en = n(() => {
+    vt(), P?.onBack?.();
+  }, [P, vt]), yt = n((e) => {
+    je(e);
+  }, []), gt = n(() => {
+    je((e) => !e);
+  }, []), { mountedStepStates: tn, currentMountedStateIndex: nn } = l(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return et.forEach((l, f) => {
+    return ot.forEach((c, f) => {
       const i = e.findIndex(
-        (a) => Gn(
+        (a) => er(
           a.elementList,
-          l
+          c
         )
       );
       if (i >= 0) {
@@ -161,469 +173,470 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
         return;
       }
       e.push({
-        elementList: l,
+        elementList: c,
         sourceStepIndexes: [f]
       }), t.set(f, e.length - 1);
     }), {
       mountedStepStates: e,
       currentMountedStateIndex: d >= 0 ? t.get(d) ?? -1 : -1
     };
-  }, [d, et]), ht = c(() => String(d), [d]), g = c(() => v ? h.findIndex(
+  }, [d, ot]), St = l(() => String(d), [d]), g = l(() => v ? h.findIndex(
     (e) => (e.audioKey ?? "") === v
-  ) : -1, [h, v]), Le = c(
+  ) : -1, [h, v]), qe = l(
     () => g >= 0 ? h[g] : void 0,
     [h, g]
-  ), Qt = Le?.element?.subtitle_cues ?? [], Ae = c(
+  ), rn = qe?.element?.subtitle_cues ?? [], Ie = l(
     () => R[0] ?? "none",
     [R]
-  ), Ke = c(
+  ), De = l(
     () => ({
-      currentElement: Bn({
+      currentElement: Un({
         currentAudioIndex: g,
-        currentAudioSequenceIndexes: he,
+        currentAudioSequenceIndexes: ge,
         audioList: h,
         currentInteractionElement: o,
-        currentStepElement: oe
+        currentStepElement: ie
       }),
       currentIndex: d,
-      currentStepElement: oe,
-      isActive: Fe,
-      setActive: mt,
-      toggleActive: pt
+      currentStepElement: ie,
+      isActive: Oe,
+      setActive: yt,
+      toggleActive: gt
     }),
     [
       o,
       h,
       g,
-      he,
+      ge,
       d,
-      oe,
-      Fe,
-      mt,
-      pt
+      ie,
+      Oe,
+      yt,
+      gt
     ]
-  ), Ve = c(
-    () => Nn(
-      V,
-      Ke
+  ), Ue = l(
+    () => zn(
+      q,
+      De
     ),
-    [Ke, V]
-  ), Zt = c(
+    [De, q]
+  ), on = l(
     () => ({
-      "--slide-player-custom-action-count": String(Ve),
+      "--slide-player-custom-action-count": String(Ue),
       "--slide-player-mobile-control-count": String(
-        Ve + 4
+        Ue + 4
       )
     }),
-    [Ve]
-  ), vt = R.length > 0, yt = c(() => u ? `${u.sequence_number ?? "none"}:${String(
+    [Ue]
+  ), bt = R.length > 0, xt = l(() => u ? `${u.sequence_number ?? "none"}:${String(
     u.content ?? ""
-  )}` : "none", [u]), ae = c(
-    () => [ht, yt].join("|"),
-    [yt, ht]
-  ), en = c(
+  )}` : "none", [u]), de = l(
+    () => [St, xt].join("|"),
+    [xt, St]
+  ), sn = l(
     () => [
-      ae,
-      Le?.audioKey ?? "none",
+      de,
+      qe?.audioKey ?? "none",
       String(g)
     ].join("|"),
-    [g, Le?.audioKey, ae]
-  ), gt = !!c(() => !Ae || Ae === "none" ? "" : h.find(
-    (t) => t.audioKey === Ae
-  )?.audioUrl?.trim() ?? "", [h, Ae]), L = Z && !!V && Fe, ue = c(
-    () => jn({
-      canGoNext: x,
+    [g, qe?.audioKey, de]
+  ), At = !!l(() => !Ie || Ie === "none" ? "" : h.find(
+    (t) => t.audioKey === Ie
+  )?.audioUrl?.trim() ?? "", [h, Ie]), V = te && !!q && Oe, fe = l(
+    () => Hn({
+      canGoNext: w,
       currentAudioIndex: g,
-      currentStepHasSpeakableElement: S,
+      currentStepHasSpeakableElement: b,
       hasInteraction: !!u
     }),
     [
-      x,
+      w,
       g,
       u,
-      S
+      b
     ]
   ), K = n(() => {
-    ee.current !== null && (window.clearTimeout(ee.current), ee.current = null);
-  }, []), j = n(() => {
     ne.current !== null && (window.clearTimeout(ne.current), ne.current = null);
-  }, []), F = n(() => {
+  }, []), j = n(() => {
+    oe.current !== null && (window.clearTimeout(oe.current), oe.current = null);
+  }, []), M = n(() => {
+    se.current !== null && (window.clearTimeout(se.current), se.current = null);
+  }, []), Y = n(() => {
     re.current !== null && (window.clearTimeout(re.current), re.current = null);
-  }, []), W = n(() => {
-    te.current !== null && (window.clearTimeout(te.current), te.current = null);
-  }, []), $ = n(() => {
-    W(), j(), F(), U(null), z.reset(), y(!1), Me(De), st(!1), ke(!1), Ne(void 0), be(!1), ce(0);
+  }, []), X = n(() => {
+    Y(), j(), M(), G(null), H.reset(), y(!1), Be(Ge), at(!1), Ne(!1), Le(void 0), Ae(!1), ue(0);
   }, [
-    W,
+    Y,
     j,
-    F,
-    z
-  ]), Y = n(() => {
+    M,
+    H
+  ]), J = n(() => {
     const e = R[0];
-    return e ? (U(e), !0) : !1;
-  }, [R]), xe = n(() => {
-    j(), F(), be(!1), ce(0), !Y() && x && C();
+    return e ? (G(e), !0) : !1;
+  }, [R]), _e = n(() => {
+    j(), M(), Ae(!1), ue(0), !J() && w && T();
   }, [
-    x,
+    w,
     j,
-    F,
-    C,
-    Y
-  ]), bt = n(
+    M,
+    T,
+    J
+  ]), wt = n(
     (e) => {
-      if (F(), !e)
+      if (M(), !e)
         return;
       const t = () => {
-        re.current = null, ce(
-          qn
-        ), be(!0), D.current = null;
+        se.current = null, ue(
+          Xn
+        ), Ae(!0), z.current = null;
       };
-      re.current = window.setTimeout(
+      se.current = window.setTimeout(
         t,
-        Vn
+        Yn
       );
     },
-    [F]
+    [M]
   ), A = n(
-    (e = ye) => {
-      E && (ve(!0), K(), !(w || !e || Te <= 0) && (ee.current = window.setTimeout(() => {
-        ve(!1), ee.current = null;
-      }, Te)));
+    (e = be) => {
+      x && (Se(!0), K(), !(_ || !e || ke <= 0) && (ne.current = window.setTimeout(() => {
+        Se(!1), ne.current = null;
+      }, ke)));
     },
     [
       K,
-      ye,
-      w,
-      Te,
-      E
+      be,
+      _,
+      ke,
+      x
     ]
-  ), de = !!(u?.readonly || u?.user_input?.trim()), X = !!u && !de, tn = n((e) => {
-    rt(e);
-  }, []), Ie = n(
+  ), me = !!(u?.readonly || u?.user_input?.trim()), Q = !!u && !me, ln = n((e) => {
+    lt(e);
+  }, []), Pe = n(
     (e) => {
-      const t = e?.shouldContinuePlayback ?? ie;
-      rt(t);
+      const t = e?.shouldContinuePlayback ?? ce;
+      lt(t);
     },
-    [ie]
+    [ce]
   );
   s(() => {
-    ot(ie), Z && Be(!1);
-  }, [d, ie, Z]), s(() => () => {
-    W(), K(), j(), F();
+    ct(ce), te && je(!1);
+  }, [d, ce, te]), s(() => () => {
+    Y(), K(), j(), M();
   }, [
-    W,
+    Y,
     j,
-    F,
+    M,
     K
-  ]), s(() => (Ce?.(k), () => {
-    Ce?.(!1);
-  }), [Ce, k]), s(() => {
-    O || Se === _e || (je(!1), Oe(_e));
-  }, [O, Se]), s(() => {
+  ]), s(() => (Fe?.(F), () => {
+    Fe?.(!1);
+  }), [Fe, F]), s(() => {
+    O || we === Ce || (Ke(!1), Ve(Ce));
+  }, [O, we]), s(() => {
     if (!O) {
-      at(!1);
+      mt(!1);
       return;
     }
     const e = () => {
-      at(Pt());
+      mt(kt());
     };
-    return e(), _n(e);
+    return e(), Fn(e);
   }, [O]), s(() => {
-    Ge?.(G);
-  }, [G, Ge]), s(() => {
-    zt.current = G;
-  }, [G]), s(() => {
-    He?.(oe, d);
-  }, [d, oe, He]), s(() => {
-    const e = Ze.current, t = kn(
+    $e?.(W);
+  }, [W, $e]), s(() => {
+    Yt.current = W;
+  }, [W]), s(() => {
+    Ye?.(ie, d);
+  }, [d, ie, Ye]), s(() => {
+    const e = rt.current, t = qn(
       {
         previousMarkerCount: e.markerCount,
         nextMarkerCount: N.length,
         previousIndex: e.currentIndex,
         previousCanGoNext: e.canGoNext,
-        nextCanGoNext: x,
+        nextCanGoNext: w,
         currentAudioKey: v,
-        hasCompletedCurrentStepAudio: M,
-        hasResolvedCurrentInteraction: de,
-        currentStepHasSpeakableElement: S,
+        hasCompletedCurrentStepAudio: k,
+        hasResolvedCurrentInteraction: me,
+        currentStepHasSpeakableElement: b,
         currentInteractionElement: u,
-        isAutoAdvanceEnabled: le,
-        shouldUseSilentStepAutoAdvanceToggle: ue
+        isAutoAdvanceEnabled: ae,
+        shouldUseSilentStepAutoAdvanceToggle: fe
       }
     );
-    Ze.current = {
+    rt.current = {
       markerCount: N.length,
       currentIndex: d,
-      canGoNext: x
-    }, t && C();
+      canGoNext: w
+    }, t && T();
   }, [
-    x,
+    w,
     v,
     d,
     u,
-    S,
-    C,
-    M,
-    de,
-    le,
-    ue,
+    b,
+    T,
+    k,
+    me,
+    ae,
+    fe,
     N.length
   ]), s(() => {
-    if (!E) {
-      K(), ve(!1);
+    if (!x) {
+      K(), Se(!1);
       return;
     }
-    if (w) {
-      K(), ve(!0);
+    if (_) {
+      K(), Se(!0);
       return;
     }
-    ye || A(!0);
+    be || A(!0);
   }, [
     K,
-    ye,
-    w,
-    E,
+    be,
+    _,
+    x,
     A
   ]), s(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && bn(t.data) && t.data.eventType === "click" && E && (se(!0), A(!0));
+      t.origin === window.location.origin && Pn(t.data) && t.data.eventType === "click" && x && (L(), le(!0), A(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [E, A]), Cn({
-    sectionRef: me,
-    enabled: E,
+  }, [L, x, A]), On({
+    sectionRef: ve,
+    enabled: x,
+    keyboardShortcutsEnabled: U,
     onWake: () => {
-      se(!0), A(!0);
+      L(), le(!0), A(!0);
     }
   }), s(() => {
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Fn({
-      previousResetKey: Qe.current,
-      nextResetKey: ae,
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Dn({
+      previousResetKey: nt.current,
+      nextResetKey: de,
       currentAudioKey: v,
-      hasCompletedCurrentStepAudio: M
+      hasCompletedCurrentStepAudio: k
     });
-    Qe.current = ae;
-    const l = D.current === d && !!u, f = Mn({
+    nt.current = de;
+    const c = z.current === d && !!u, f = Kn({
       hasInteraction: !!u,
-      shouldBlockPlaybackForInteraction: X,
-      shouldOpenInteractionOverlayAfterAudio: l,
+      shouldBlockPlaybackForInteraction: Q,
+      shouldOpenInteractionOverlayAfterAudio: c,
       hasPlaybackContextChanged: e,
-      hasResolvedCurrentInteraction: de,
-      currentStepHasSpeakableElement: S
+      hasResolvedCurrentInteraction: me,
+      currentStepHasSpeakableElement: b
     });
-    if (e && $(), !(B.length === 0 && !u) && !L) {
-      if (u && Ne(u), f) {
-        bt(u);
+    if (e && X(), !(B.length === 0 && !u) && !V) {
+      if (u && Le(u), f) {
+        wt(u);
         return;
       }
-      if (F(), D.current = null, !!t && !Y()) {
-        if (S) {
-          if (T) {
+      if (M(), z.current = null, !!t && !J()) {
+        if (b) {
+          if (C) {
             y(!1);
             return;
           }
           y(!0);
           return;
         }
-        if (x && !(ue && !le))
-          return te.current = window.setTimeout(() => {
-            te.current = null, C();
-          }, Ue), () => {
-            W();
+        if (w && !(fe && !ae))
+          return re.current = window.setTimeout(() => {
+            re.current = null, T();
+          }, He), () => {
+            Y();
           };
       }
     }
   }, [
-    x,
-    W,
+    w,
+    Y,
     B.length,
     u,
     v,
-    ae,
-    S,
-    Ue,
+    de,
+    b,
+    He,
+    T,
+    k,
     C,
+    ae,
+    me,
+    Q,
     M,
-    T,
-    le,
-    de,
     X,
-    F,
-    $,
-    bt,
-    Y,
-    L,
-    ue
+    wt,
+    J,
+    V,
+    fe
   ]), s(() => {
-    if (T || L || !S || X) {
+    if (C || V || !b || Q) {
       y(!1);
       return;
     }
-    if (M) {
+    if (k) {
       y(!1);
       return;
     }
-    if (vt) {
+    if (bt) {
       y(!1);
       return;
     }
-    Me("waitingForAudio"), y(!0);
+    Be("waitingForAudio"), y(!0);
   }, [
-    vt,
-    S,
-    M,
-    T,
-    L,
-    X
+    bt,
+    b,
+    k,
+    C,
+    V,
+    Q
   ]), s(() => {
-    v || R.length === 0 || L || !S || X || M || Y();
+    v || R.length === 0 || V || !b || Q || k || J();
   }, [
     v,
     R,
-    S,
-    M,
-    L,
-    X,
-    Y
+    b,
+    k,
+    V,
+    Q,
+    J
   ]), s(() => {
-    !v || g >= 0 || U(null);
+    !v || g >= 0 || G(null);
   }, [g, v]), s(() => {
-    g >= 0 || z.reset();
-  }, [g, z]), s(() => {
-    ke(!1);
-  }, [en]);
-  const St = c(() => {
+    g >= 0 || H.reset();
+  }, [g, H]), s(() => {
+    Ne(!1);
+  }, [sn]);
+  const It = l(() => {
     if (!o)
       return {};
     const e = !!o.user_input?.trim();
-    return xn(
+    return Tn(
       typeof o.content == "string" ? o.content : void 0,
       o.user_input,
-      e ? void 0 : fe
+      e ? void 0 : pe
     );
-  }, [o, fe]), nn = c(() => {
+  }, [o, pe]), cn = l(() => {
     if (!o)
       return;
     const e = !!o.user_input?.trim();
-    return In(
+    return Rn(
       typeof o.content == "string" ? o.content : void 0,
       o.user_input,
-      e ? void 0 : fe
+      e ? void 0 : pe
     );
-  }, [o, fe]), At = !!o?.user_input?.trim(), xt = !!o?.readonly || At, It = xt || At, qe = !!o && ge, rn = n(
+  }, [o, pe]), _t = !!o?.user_input?.trim(), Pt = !!o?.readonly || _t, Et = Pt || _t, ze = !!o && xe, an = n(
     (e) => {
-      const l = [
+      const c = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      Ne((f) => !f || !l ? f : {
+      Le((f) => !f || !c ? f : {
         ...f,
-        user_input: l
-      }), ze?.(e, o), xe();
+        user_input: c
+      }), We?.(e, o), _e();
     },
-    [o, xe, ze]
+    [o, _e, We]
   );
   s(() => {
     const e = () => {
-      qt(document.fullscreenElement === me.current);
+      Ht(document.fullscreenElement === ve.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), s(() => {
-    if (!qe) {
-      ce(0);
+    if (!ze) {
+      ue(0);
       return;
     }
-    const e = Xe.current;
+    const e = et.current;
     if (!e)
       return;
     const t = () => {
       const f = Math.ceil(
         e.getBoundingClientRect().height
       );
-      ce(
-        f + Dn
+      ue(
+        f + Jn
       );
     };
     if (t(), typeof ResizeObserver > "u")
       return;
-    const l = new ResizeObserver(() => {
+    const c = new ResizeObserver(() => {
       t();
     });
-    return l.observe(e), () => {
-      l.disconnect();
+    return c.observe(e), () => {
+      c.disconnect();
     };
-  }, [qe]), s(() => {
-    if (j(), !(!ge || !It))
-      return ne.current = window.setTimeout(() => {
-        ne.current = null, xe();
+  }, [ze]), s(() => {
+    if (j(), !(!xe || !Et))
+      return oe.current = window.setTimeout(() => {
+        oe.current = null, _e();
       }, 2e3), () => {
         j();
       };
   }, [
     j,
+    _e,
     xe,
-    ge,
-    It
+    Et
   ]);
-  const on = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ r.jsx(
-    Et,
+  const un = (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",
-      disableLoadingOverlay: T,
+      disableLoadingOverlay: C,
       hideFullScreen: !0,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: Mt
+      enableScaling: Nt
     }
   ) : /* @__PURE__ */ r.jsx(
-    Et,
+    Rt,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: T,
+      disableLoadingOverlay: C,
       hideFullScreen: !0,
       mode: "blackboard",
       type: "markdown",
       content: e.content
     }
-  ) : null, sn = (e = [], t = !1) => {
+  ) : null, dn = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
-    const l = e.filter(
+    const c = e.filter(
       (i) => i.is_renderable !== !1
     ).length, f = e.reduce(
-      (i, a, P) => a.is_renderable !== !1 ? P : i,
+      (i, a, E) => a.is_renderable !== !1 ? E : i,
       -1
     );
     return /* @__PURE__ */ r.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((i, a) => {
-      const P = i.type === "html" && i.is_renderable === !1;
+      const E = i.type === "html" && i.is_renderable === !1;
       return /* @__PURE__ */ r.jsx(
         "div",
         {
-          ref: t && a === f ? Ye : null,
-          "aria-hidden": P || void 0,
-          className: J(
+          ref: t && a === f ? Ze : null,
+          "aria-hidden": E || void 0,
+          className: Z(
             "w-full shrink-0",
-            l === 1 && i.is_renderable !== !1 && "slide-element--single",
-            P ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : i.is_renderable === !1 && "hidden"
+            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: on(i, {
-            replaceRootScreenHeightWithFull: l === 1 && i.type === "html" && i.is_renderable !== !1
+          children: un(i, {
+            replaceRootScreenHeightWithFull: c === 1 && i.type === "html" && i.is_renderable !== !1
           })
         },
         i.sequence_number ?? `${i.type}-${a}`
       );
     }) });
-  }, ln = n(() => {
-    const e = me.current;
+  }, fn = n(() => {
+    const e = ve.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -633,154 +646,160 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), wt = n(() => {
-    const e = Re.current;
+  }, []), Ct = n(() => {
+    const e = Me.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), cn = n(
+  }, []), mn = n(
     (e) => {
-      Ie(e), pe.current = !0, D.current = null, se(!0), y(!1), A(!0), $(), tt();
+      Pe(e), ye.current = !0, z.current = null, le(!0), y(!1), A(!0), X(), st();
     },
     [
-      tt,
-      $,
+      st,
+      X,
       A,
-      Ie
+      Pe
     ]
-  ), an = n(
+  ), pn = n(
     (e) => {
-      Ie(e), pe.current = !0, D.current = null, se(!0), y(!1), A(!0), $(), C();
+      Pe(e), ye.current = !0, z.current = null, le(!0), y(!1), A(!0), X(), T();
     },
     [
-      C,
-      $,
+      T,
+      X,
       A,
-      Ie
+      Pe
     ]
-  ), un = n(
+  ), hn = n(
     ({
       loading: e,
       reason: t
     }) => {
-      if (T) {
+      if (C) {
         y(!1);
         return;
       }
-      if (!S || M) {
+      if (!b || k) {
         y(!1);
         return;
       }
-      e && t && Me(t), y(zn(t, e));
+      e && t && Be(t), y(Zn(t, e));
     },
     [
-      S,
-      M,
-      T
+      b,
+      k,
+      C
     ]
   );
   s(() => {
-    T && y(!1);
-  }, [T]);
-  const dn = n(
+    C && y(!1);
+  }, [C]);
+  const vn = n(
     (e) => {
       const t = h[e]?.audioKey;
       if (!t || !v || t !== v)
         return;
-      const l = R.findIndex(
+      const c = R.findIndex(
         (a) => a === t
       );
-      if (l < 0) {
-        U(null);
+      if (c < 0) {
+        G(null);
         return;
       }
-      const f = l + 1, i = R[f];
+      const f = c + 1, i = R[f];
       if (i) {
-        U(i);
+        G(i);
         return;
       }
-      if (U(null), st(!0), y(!1), x) {
-        const a = d + 1, P = N[a];
-        gt && P?.type === "interaction" && (D.current = a), C();
+      if (G(null), at(!0), y(!1), w) {
+        const a = d + 1, E = N[a];
+        At && E?.type === "interaction" && (z.current = a), T();
         return;
       }
     },
     [
       h,
-      x,
+      w,
       d,
       v,
       R,
-      C,
-      gt,
+      T,
+      At,
       N
     ]
-  ), fn = n(() => {
-    o && be((e) => !e);
-  }, [o]), _t = n(
+  ), yn = n(() => {
+    o && Ae((e) => !e);
+  }, [o]), Tt = n(
     (e) => {
-      e.stopPropagation(), k && A(!0);
+      e.stopPropagation(), F && A(!0);
     },
-    [nt, A]
-  ), mn = n(
+    [it, A]
+  ), gn = n(
     (e) => {
-      We?.(e);
+      L(), Xe?.(e);
     },
-    [We]
-  ), pn = n(() => {
-    se(!0), A(!0);
-  }, [A]), we = c(
+    [L, Xe]
+  ), Sn = n(
+    (e) => {
+      L(), Je?.(e);
+    },
+    [L, Je]
+  ), bn = n(() => {
+    le(!0), A(!0);
+  }, [A]), Ee = l(
     () => B.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [B]
   );
   return s(() => {
-    const e = Je.current, f = (e.length > 0 && e.length < we.length && e.every((a, P) => a === we[P]) ? B.slice(e.length) : []).some(
+    const e = tt.current, f = (e.length > 0 && e.length < Ee.length && e.every((a, E) => a === Ee[E]) ? B.slice(e.length) : []).some(
       (a) => a.is_new === !1
     );
-    if (Je.current = we, !f)
+    if (tt.current = Ee, !f)
       return;
     const i = window.requestAnimationFrame(() => {
-      const a = Re.current, P = Ye.current;
-      if (!a || !P)
+      const a = Me.current, E = Ze.current;
+      if (!a || !E)
         return;
-      const hn = a.getBoundingClientRect(), vn = P.getBoundingClientRect(), yn = a.scrollTop + (vn.top - hn.top);
+      const xn = a.getBoundingClientRect(), An = E.getBoundingClientRect(), wn = a.scrollTop + (An.top - xn.top);
       a.scrollTo({
-        top: Math.max(yn, 0),
+        top: Math.max(wn, 0),
         behavior: "smooth"
       });
     });
     return () => {
       window.cancelAnimationFrame(i);
     };
-  }, [B, we]), s(() => {
-    if (!pe.current || (pe.current = !1, B.length === 0))
+  }, [B, Ee]), s(() => {
+    if (!ye.current || (ye.current = !1, B.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      wt();
+      Ct();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [B, wt]), /* @__PURE__ */ r.jsxs(
+  }, [B, Ct]), /* @__PURE__ */ r.jsxs(
     "section",
     {
-      ref: me,
-      className: J(
+      ref: ve,
+      className: Z(
         "relative h-full w-full",
         O && "slide--mobile-device",
-        dt && "slide--browser-fullscreen",
-        H && "slide--mobile-landscape",
-        ut && "slide--mobile-landscape-native",
-        kt
+        ht && "slide--browser-fullscreen",
+        $ && "slide--mobile-landscape",
+        pt && "slide--mobile-landscape-native",
+        Ot
       ),
-      onClick: pn,
-      onPointerDown: mn,
-      ...Ft,
+      onClick: bn,
+      onFocusCapture: Sn,
+      onPointerDown: gn,
+      ...jt,
       children: [
-        Wt ? /* @__PURE__ */ r.jsx(
+        Qt ? /* @__PURE__ */ r.jsx(
           "div",
           {
             "aria-hidden": "true",
@@ -790,23 +809,23 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
         /* @__PURE__ */ r.jsxs(
           "div",
           {
-            ref: $e,
-            className: J(
+            ref: Qe,
+            className: Z(
               "slide__viewport relative h-full min-h-0 w-full",
-              H && "slide__viewport--mobile-landscape",
-              H && !Ut && "slide__viewport--mobile-landscape-native"
+              $ && "slide__viewport--mobile-landscape",
+              $ && !$t && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              Gt ? /* @__PURE__ */ r.jsxs("div", { className: "slide-landscape-header", children: [
+              Xt ? /* @__PURE__ */ r.jsxs("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ r.jsx(
                   "button",
                   {
-                    "aria-label": _?.backAriaLabel ?? "Back",
+                    "aria-label": P?.backAriaLabel ?? "Back",
                     className: "slide-landscape-header__back",
-                    onClick: Yt,
+                    onClick: en,
                     type: "button",
                     children: /* @__PURE__ */ r.jsx(
-                      Ln,
+                      Wn,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -814,28 +833,28 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                     )
                   }
                 ),
-                _?.content ? /* @__PURE__ */ r.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: _.content }) : null
+                P?.content ? /* @__PURE__ */ r.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: P.content }) : null
               ] }) : null,
               /* @__PURE__ */ r.jsx(
                 "div",
                 {
-                  className: J(
+                  className: Z(
                     "h-full min-h-0 w-full",
-                    Ht && "slide__viewport-content--with-header",
-                    Nt ? "slide-content--single" : "grid gap-4"
+                    Jt && "slide__viewport-content--with-header",
+                    Vt ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: B.length > 0 ? /* @__PURE__ */ r.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ r.jsx("div", { ref: Re, className: "slide-stage__layer w-full", children: Xt.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: tn.map(
                     (e, t) => {
-                      const l = t === Jt;
+                      const c = t === nn;
                       return /* @__PURE__ */ r.jsx(
                         "div",
                         {
-                          "aria-hidden": !l || void 0,
+                          "aria-hidden": !c || void 0,
                           className: "w-full h-full",
-                          style: { display: l ? void 0 : "none" },
-                          children: sn(
+                          style: { display: c ? void 0 : "none" },
+                          children: dn(
                             e.elementList,
-                            l
+                            c
                           )
                         },
                         e.sourceStepIndexes[0] ?? t
@@ -844,98 +863,106 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                   ) }) }) : null
                 }
               ),
-              Ot ? /* @__PURE__ */ r.jsx(
-                Sn,
+              qt ? /* @__PURE__ */ r.jsx(
+                En,
                 {
-                  message: Un(
-                    Ee,
-                    jt
+                  message: Qn(
+                    Te,
+                    Dt
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ r.jsx(
-                Pn,
+                Bn,
                 {
-                  extraBottomOffset: Vt,
-                  hasPlayerGap: k,
-                  isEnabled: it && Lt,
-                  isPlayerHidden: E && !k,
-                  playbackTimeStore: z,
-                  subtitleCues: Qt
+                  extraBottomOffset: Gt,
+                  hasPlayerGap: F,
+                  isEnabled: ut && Ut,
+                  isPlayerHidden: x && !F,
+                  playbackTimeStore: H,
+                  subtitleCues: rn
                 }
               ),
-              qe ? /* @__PURE__ */ r.jsx(
+              ze ? /* @__PURE__ */ r.jsx(
                 "div",
                 {
-                  ref: Xe,
-                  className: J(
+                  ref: et,
+                  "data-player-keyboard-shortcuts-ignore": "true",
+                  className: Z(
                     "slide-interaction-overlay",
-                    k && E ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
+                    F && x ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
                   ),
-                  onClick: _t,
-                  onPointerDown: _t,
-                  style: Zt,
+                  onClick: Tt,
+                  onPointerDown: Tt,
+                  style: on,
                   children: /* @__PURE__ */ r.jsx(
-                    Ct,
+                    Mt,
                     {
                       content: String(o?.content ?? ""),
-                      defaultButtonText: St.buttonText ?? "",
-                      defaultInputText: St.inputText ?? "",
-                      defaultSelectedValues: nn,
-                      confirmButtonText: q?.confirmButtonText,
-                      copyButtonText: q?.copyButtonText,
-                      copiedButtonText: q?.copiedButtonText,
-                      onSend: rn,
-                      readonly: xt,
-                      title: q?.title ?? Pe ?? "Submit the content below to continue."
+                      defaultButtonText: It.buttonText ?? "",
+                      defaultInputText: It.inputText ?? "",
+                      defaultSelectedValues: cn,
+                      confirmButtonText: D?.confirmButtonText,
+                      copyButtonText: D?.copyButtonText,
+                      copiedButtonText: D?.copiedButtonText,
+                      onSend: an,
+                      readonly: Pt,
+                      title: D?.title ?? Re ?? "Submit the content below to continue."
                     }
                   )
                 }
               ) : null,
-              E ? /* @__PURE__ */ r.jsx(
-                En,
+              x ? /* @__PURE__ */ r.jsx(
+                jn.Provider,
                 {
-                  audioList: h,
-                  className: J(
-                    "absolute left-1/2 z-[2] -translate-x-1/2",
-                    dt ? "bottom-3" : "-bottom-3",
-                    Q,
-                    !k && "pointer-events-none opacity-0"
-                  ),
-                  currentAudioIndex: g,
-                  defaultPlaying: ie,
-                  isPlaybackPaused: L,
-                  isAutoAdvanceEnabled: le,
-                  hasInteraction: !!o,
-                  isInteractionOpen: ge,
-                  isSubtitleEnabled: it,
-                  onAutoAdvanceToggle: ot,
-                  onLoadingChange: un,
-                  onPlaybackPreferenceChange: tn,
-                  onPlaybackStarted: () => {
-                    ke(!0);
-                  },
-                  onPlaybackTimeChange: z.setTime,
-                  onSubtitleToggle: () => {
-                    Kt((e) => !e);
-                  },
-                  nextDisabled: !x,
-                  onEnded: dn,
-                  onFullscreen: ln,
-                  isFullscreen: lt,
-                  mobileViewMode: G,
-                  settingsPortalContainer: $e.current,
-                  onMobileViewModeChange: $t,
-                  onInteractionToggle: fn,
-                  onNext: an,
-                  onPrev: cn,
-                  prevDisabled: !Bt,
-                  showControls: k,
-                  texts: Rt,
-                  customActionContext: Ke,
-                  customActions: V,
-                  useAutoAdvanceToggle: ue
+                  value: Kt,
+                  children: /* @__PURE__ */ r.jsx(
+                    Mn,
+                    {
+                      audioList: h,
+                      className: Z(
+                        "absolute left-1/2 z-[2] -translate-x-1/2",
+                        ht ? "bottom-3" : "-bottom-3",
+                        ee,
+                        !F && "pointer-events-none opacity-0"
+                      ),
+                      currentAudioIndex: g,
+                      defaultPlaying: ce,
+                      enableKeyboardShortcuts: U,
+                      isPlaybackPaused: V,
+                      isAutoAdvanceEnabled: ae,
+                      hasInteraction: !!o,
+                      isInteractionOpen: xe,
+                      isSubtitleEnabled: ut,
+                      onAutoAdvanceToggle: ct,
+                      onLoadingChange: hn,
+                      onPlaybackStarted: () => {
+                        Ne(!0);
+                      },
+                      onPlaybackPreferenceChange: ln,
+                      onPlaybackTimeChange: H.setTime,
+                      onSubtitleToggle: () => {
+                        zt((e) => !e);
+                      },
+                      nextDisabled: !w,
+                      onEnded: vn,
+                      onFullscreen: fn,
+                      isFullscreen: dt,
+                      mobileViewMode: W,
+                      settingsPortalContainer: Qe.current,
+                      onMobileViewModeChange: Zt,
+                      onInteractionToggle: yn,
+                      onNext: pn,
+                      onPrev: mn,
+                      prevDisabled: !Lt,
+                      showControls: F,
+                      texts: Bt,
+                      customActionContext: De,
+                      customActions: q,
+                      useAutoAdvanceToggle: fe
+                    }
+                  )
                 }
               ) : null
             ]
@@ -946,6 +973,6 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
   );
 };
 export {
-  yr as default
+  Cr as default
 };
 //# sourceMappingURL=Slide.es.js.map