markdown-flow-ui 0.2.26-dev.5 → 0.2.26-dev.7

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

@@ -16,7 +16,7 @@ import so from "./useSlide.es.js";
 import co from "./useWakePlayerFromIframe.es.js";
 import { PlayerKeyboardShortcutContext as uo } from "./utils/playerKeyboardShortcutContext.es.js";
 import { activatePlayerKeyboardShortcutOwner as fo } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as gt, resolveMobileViewModeState as mo } from "./utils/mobileScreenMode.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as vt, resolveMobileViewModeState as mo } from "./utils/mobileScreenMode.es.js";
 import { shouldRenderInteractionOverlay as po, clampInteractionOverlayDragOffset as Vn, shouldPresentInteractionOverlay as yo } from "./utils/interactionPlayback.es.js";
 import { resolveMarkdownScalingMode as ho } from "./utils/markdownScaling.es.js";
 import { shouldWakePlayerControlsAfterNavigation as $t } from "./utils/playerNavigationContext.es.js";
@@ -35,7 +35,7 @@ import { getSlideLocaleTexts as ko, DEFAULT_SLIDE_BUFFERING_TEXTS as Lo } from "
 /* empty css             */
 import zt from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
 import Fo from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
+const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, St = {
   x: 0,
   y: 0
 }, Jt = 0.5, Ko = typeof window > "u" ? s : Wr, qo = [
@@ -58,33 +58,33 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
   ({
     content: c,
     title: d,
-    dragHandleAriaLabel: $,
+    dragHandleAriaLabel: z,
     locale: Ee,
-    dir: z,
-    lang: X,
+    dir: X,
+    lang: J,
     defaultButtonText: Ce,
-    defaultInputText: se,
+    defaultInputText: ce,
     defaultSelectedValues: $e,
-    confirmButtonText: St,
-    copyButtonText: J,
-    copiedButtonText: It,
+    confirmButtonText: It,
+    copyButtonText: W,
+    copiedButtonText: bt,
     onSend: Te,
     onDragHandlePointerCancel: ze,
-    onDragHandlePointerDown: bt,
+    onDragHandlePointerDown: Xe,
     onDragHandlePointerMove: At,
-    onDragHandlePointerUp: Xe,
-    readonly: Je = !1
+    onDragHandlePointerUp: Je,
+    readonly: We = !1
   }) => /* @__PURE__ */ Ge("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         className: "slide-player__interaction-drag-handle",
-        "aria-label": $,
+        "aria-label": z,
         onPointerCancel: ze,
-        onPointerDown: bt,
+        onPointerDown: Xe,
         onPointerMove: At,
-        onPointerUp: Xe,
+        onPointerUp: Je,
         children: /* @__PURE__ */ Ge("span", { className: "slide-player__interaction-drag-handle-icon", children: [
           /* @__PURE__ */ u(zt, { "aria-hidden": "true" }),
           /* @__PURE__ */ u(zt, { "aria-hidden": "true" }),
@@ -98,51 +98,51 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
       {
         content: c,
         locale: Ee,
-        dir: z,
-        lang: X,
+        dir: X,
+        lang: J,
         defaultButtonText: Ce,
-        defaultInputText: se,
+        defaultInputText: ce,
         defaultSelectedValues: $e,
-        confirmButtonText: St,
-        copyButtonText: J,
-        copiedButtonText: It,
+        confirmButtonText: It,
+        copyButtonText: W,
+        copiedButtonText: bt,
         onSend: Te,
-        readonly: Je,
+        readonly: We,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
 Yn.displayName = "InteractionOverlayCard";
-const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
-  const z = d[Ee];
-  return $.sequence_number === z?.sequence_number && $.type === z?.type && $.content === z?.content;
+const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
+  const X = d[Ee];
+  return z.sequence_number === X?.sequence_number && z.type === X?.type && z.content === X?.content;
 }), Xt = (c) => c instanceof HTMLElement && !!c.closest(qo), Oi = ({
   elementList: c = [],
   locale: d,
-  playerEnabled: $,
+  playerEnabled: z,
   playerControlsVisibility: Ee,
-  playerClassName: z,
-  fullscreenHeader: X,
+  playerClassName: X,
+  fullscreenHeader: J,
   playerCustomActions: Ce,
-  playerCustomActionPauseOnActive: se = !0,
+  playerCustomActionPauseOnActive: ce = !0,
   bufferingText: $e,
-  interactionTitle: St,
-  interactionTexts: J,
-  playerTexts: It,
+  interactionTitle: It,
+  interactionTexts: W,
+  playerTexts: bt,
   playerAutoHideDelay: Te = 3e3,
   markerAutoAdvanceDelay: ze = No,
-  showSlideProgress: bt = !1,
+  showSlideProgress: Xe = !1,
   isSlideProgressGenerating: At = !1,
-  onSlideProgressNavigate: Xe,
-  interactionDefaultValueOptions: Je,
+  onSlideProgressNavigate: Je,
+  interactionDefaultValueOptions: We,
   onSend: jt,
   onPlayerVisibilityChange: wt,
   onMobileViewModeChange: Qt,
   onStepChange: Zt,
   onPlaybackCheckpoint: Gn,
   playbackRestoreRequest: U = null,
-  enableKeyboardShortcuts: ce = !0,
+  enableKeyboardShortcuts: ue = !0,
   enableIframeScaling: $n = !0,
   enableMarkdownScaling: zn = !0,
   disableLoadingOverlay: F = !1,
@@ -153,7 +153,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   onFocusCapture: tn,
   ...jn
 }) => {
-  const W = Jn ?? Zr(d), Re = Wn ?? eo(d), N = f(() => ko(d), [d]), Qn = f(
+  const j = Jn ?? Zr(d), Re = Wn ?? eo(d), N = f(() => ko(d), [d]), Qn = f(
     () => Yo(
       $e,
       N.bufferingText
@@ -161,11 +161,11 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     [$e, N.bufferingText]
   ), {
     playerEnabled: Zn,
-    playerControlsVisibility: j
+    playerControlsVisibility: Q
   } = Oo({
-    playerEnabled: $,
+    playerEnabled: z,
     playerControlsVisibility: Ee
-  }), We = Jr(), ue = m(null), { resolvedDirection: er } = Qr(ue, W), xt = m(null), je = m(null), nn = m(null), de = m(null), Qe = m(!1), _e = m(null), Ze = m(null), Q = m(null), Oe = m(null), Me = m(null), fe = m(null), ke = m(null), rn = m([]), me = m(!1), H = m(null), Le = m(null), on = m(0), Pt = m(null), ln = m({
+  }), je = Jr(), de = m(null), { resolvedDirection: er } = Qr(de, j), xt = m(null), Qe = m(null), nn = m(null), fe = m(null), Ze = m(!1), _e = m(null), et = m(null), Z = m(null), Oe = m(null), Me = m(null), me = m(null), ke = m(null), rn = m([]), pe = m(!1), H = m(null), Le = m(null), on = m(0), Pt = m(null), ln = m({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
@@ -175,95 +175,95 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     slideElementList: S,
     currentIndex: a,
     audioList: y,
-    audioSlideIndexes: Z,
-    currentAudioSequenceIndexes: et,
+    audioSlideIndexes: ee,
+    currentAudioSequenceIndexes: tt,
     currentStepHasSpeakableElement: w,
     currentInteractionElement: h,
     canGoPrev: tr,
     canGoNext: R,
     handlePrev: sn,
     handleNext: D,
-    handleGoTo: pe
+    handleGoTo: ye
   } = so(c), Fe = f(() => {
     if (!(a < 0))
       return S[a];
-  }, [a, S]), ye = f(
+  }, [a, S]), he = f(
     () => T.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [T]
   ), cn = S.length, nr = cn === 1, x = Zn && (S.length > 0 || y.length > 0 || !!h), rr = f(
     () => ({
-      enabled: ce,
-      ownerId: We
+      enabled: ue,
+      ownerId: je
     }),
-    [ce, We]
+    [ue, je]
   ), Y = r(() => {
-    !ce || !x || fo(We);
-  }, [ce, We, x]), _ = f(
-    () => et.map((e) => y[e]?.audioKey).filter((e) => !!e),
-    [y, et]
-  ), [or, Ne] = p(!0), [tt, ee] = p(!1), [Ct, Tt] = p(!0), [De, un] = p(!0), [P, B] = p(null), [nt, dn] = p(null), Be = m(
+    !ue || !x || fo(je);
+  }, [ue, je, x]), _ = f(
+    () => tt.map((e) => y[e]?.audioKey).filter((e) => !!e),
+    [y, tt]
+  ), [or, Ne] = p(!0), [nt, te] = p(!1), [Ct, Tt] = p(!0), [De, un] = p(!0), [P, B] = p(null), [rt, dn] = p(null), Be = m(
     null
-  ), fn = m(null), [ir, mn] = p(null), [lr, I] = p(!1), [ar, Rt] = p(Wt), [O, rt] = p(!1), ot = m(/* @__PURE__ */ new Set()), [sr, it] = p(!1), [pn, cr] = p(!0), [_t, Ot] = p(!1), [b, Mt] = p(), [he, lt] = p(!1), [yn, at] = p(!1), [E, kt] = p(
-    vt
+  ), fn = m(null), [ir, mn] = p(null), [lr, I] = p(!1), [ar, Rt] = p(Wt), [O, ot] = p(!1), it = m(/* @__PURE__ */ new Set()), [sr, lt] = p(!1), [pn, cr] = p(!0), [_t, Ot] = p(!1), [b, Mt] = p(), [ge, at] = p(!1), [yn, st] = p(!1), [E, kt] = p(
+    St
   ), [Lt, Ft] = p(!1), [
     ur,
-    ge
-  ] = p(0), [hn, dr] = p(!1), V = f(() => ro(), []), [st, Nt] = p(
-    gt
+    ve
+  ] = p(0), [hn, dr] = p(!1), V = f(() => ro(), []), [ct, Nt] = p(
+    vt
   ), [gn, Dt] = p(!1), [fr, vn] = p(
     () => V ? Bn() : !1
-  ), ve = f(() => Po(), []), {
-    effectiveMobileViewMode: te,
-    isImmersiveMobileFullscreen: Se,
+  ), Se = f(() => Po(), []), {
+    effectiveMobileViewMode: ne,
+    isImmersiveMobileFullscreen: Ie,
     isNativeMobileFullscreen: Sn,
     shouldRotateFullscreenViewport: mr
   } = f(
     () => mo({
       hasManualMobileViewMode: gn,
       isMobileDevice: V,
-      mobileViewMode: st
+      mobileViewMode: ct
     }),
     [
       gn,
       V,
       fr,
-      st
+      ct
     ]
-  ), In = m(te), {
+  ), In = m(ne), {
     controlsVisible: K,
-    layoutReserved: ct
+    layoutReserved: ut
   } = Mo({
     isAutoVisible: or,
-    playerControlsVisibility: j,
+    playerControlsVisibility: Q,
     shouldMountPlayer: x
-  }), pr = Se && K, yr = Se && ct, hr = Se || Sn, bn = hn && !V, gr = r(
+  }), pr = Ie && K, yr = Ie && ut, hr = Ie || Sn, bn = hn && !V, gr = r(
     (e) => {
       Dt(!0), Nt(e);
     },
     []
   ), An = r(() => {
-    Dt(!1), Nt(gt);
+    Dt(!1), Nt(vt);
   }, []), vr = r(() => {
-    An(), X?.onBack?.();
-  }, [X, An]), M = r(() => {
-    Q.current !== null && (window.clearTimeout(Q.current), Q.current = null);
+    An(), J?.onBack?.();
+  }, [J, An]), M = r(() => {
+    Z.current !== null && (window.clearTimeout(Z.current), Z.current = null);
   }, []), k = r(() => {
     Oe.current !== null && (window.clearTimeout(Oe.current), Oe.current = null);
-  }, []), ut = r(() => {
-    M(), k(), lt(!1), ge(0);
-  }, [M, k]), dt = r(
+  }, []), dt = r(() => {
+    M(), k(), at(!1), ve(0);
+  }, [M, k]), ft = r(
     (e) => {
-      e && ut(), Ot(e);
+      e && dt(), Ot(e);
     },
-    [ut]
+    [dt]
   ), wn = r(() => {
-    ut(), Ot((e) => !e);
-  }, [ut]), ne = r(() => {
+    dt(), Ot((e) => !e);
+  }, [dt]), re = r(() => {
     kt(
-      (e) => e.x === vt.x && e.y === vt.y ? e : vt
-    ), Ft(!1), ke.current = null, fe.current = null;
+      (e) => e.x === St.x && e.y === St.y ? e : St
+    ), Ft(!1), ke.current = null, me.current = null;
   }, []), { mountedStepStates: Sr, currentMountedStateIndex: Ir } = f(() => {
     const e = [], t = /* @__PURE__ */ new Map();
     return an.forEach((n, i) => {
@@ -287,7 +287,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     };
   }, [a, an]), xn = f(() => String(a), [a]), C = f(() => P ? y.findIndex(
     (e) => (e.audioKey ?? "") === P
-  ) : -1, [y, P]), ft = f(
+  ) : -1, [y, P]), mt = f(
     () => C >= 0 ? y[C] : void 0,
     [y, C]
   );
@@ -299,23 +299,23 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     );
     if (e < 0)
       return;
-    const t = Z[e];
-    t != null && (fn.current = U.id, Tt(!0), B(U.audioKey), Be.current = U, dn(U), a !== t && pe(t));
+    const t = ee[e];
+    t != null && (fn.current = U.id, Tt(!0), B(U.audioKey), Be.current = U, dn(U), a !== t && ye(t));
   }, [
     y,
-    Z,
+    ee,
     a,
-    pe,
+    ye,
     U
   ]);
-  const br = ft?.element?.subtitle_cues ?? [], mt = f(
+  const br = mt?.element?.subtitle_cues ?? [], pt = f(
     () => _[0] ?? "none",
     [_]
   ), Bt = f(
     () => ({
       currentElement: wo({
         currentAudioIndex: C,
-        currentAudioSequenceIndexes: et,
+        currentAudioSequenceIndexes: tt,
         audioList: y,
         currentInteractionElement: b,
         currentStepElement: Fe
@@ -323,31 +323,31 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       currentIndex: a,
       currentStepElement: Fe,
       isActive: _t,
-      setActive: dt,
+      setActive: ft,
       toggleActive: wn
     }),
     [
       b,
       y,
       C,
-      et,
+      tt,
       a,
       Fe,
       _t,
-      dt,
+      ft,
       wn
     ]
-  ), pt = f(
+  ), yt = f(
     () => xo(
       Ce,
       Bt
     ),
     [Bt, Ce]
-  ), Vt = pt > 0, Kt = Vt && _t, Ar = f(
+  ), Vt = yt > 0, Kt = Vt && _t, Ar = f(
     () => ({
-      "--slide-player-custom-action-count": String(pt),
+      "--slide-player-custom-action-count": String(yt),
       "--slide-player-mobile-control-count": String(
-        pt + 4
+        yt + 4
       ),
       "--slide-interaction-drag-x": `${E.x}px`,
       "--slide-interaction-drag-y": `${E.y}px`
@@ -355,23 +355,23 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     [
       E.x,
       E.y,
-      pt
+      yt
     ]
   ), Pn = _.length > 0, En = f(() => h ? `${h.sequence_number ?? "none"}:${String(
     h.content ?? ""
-  )}` : "none", [h]), Ie = f(
+  )}` : "none", [h]), be = f(
     () => [xn, En].join("|"),
     [En, xn]
   ), wr = f(
     () => [
-      Ie,
-      ft?.audioKey ?? "none",
+      be,
+      mt?.audioKey ?? "none",
       String(C)
     ].join("|"),
-    [C, ft?.audioKey, Ie]
-  ), Cn = !!f(() => !mt || mt === "none" ? "" : y.find(
-    (t) => t.audioKey === mt
-  )?.audioUrl?.trim() ?? "", [y, mt]), re = se && Kt, Ve = f(
+    [C, mt?.audioKey, be]
+  ), Cn = !!f(() => !pt || pt === "none" ? "" : y.find(
+    (t) => t.audioKey === pt
+  )?.audioUrl?.trim() ?? "", [y, pt]), oe = ce && Kt, Ve = f(
     () => Co({
       canGoNext: R,
       currentAudioIndex: C,
@@ -398,26 +398,26 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       ze
     ]
   ), Rn = Tn.delayMs, Ke = Tn.usesImageOnlyDelay, qt = f(
-    () => `${a}:${ye.join("|")}`,
-    [a, ye]
+    () => `${a}:${he.join("|")}`,
+    [a, he]
   ), [xr, Pr] = p(null), _n = !Ke || xr === qt, q = r(() => {
-    de.current !== null && (window.clearTimeout(de.current), de.current = null);
-  }, []), be = r(() => {
+    fe.current !== null && (window.clearTimeout(fe.current), fe.current = null);
+  }, []), Ae = r(() => {
     _e.current !== null && (window.clearTimeout(_e.current), _e.current = null);
   }, []), G = r(() => {
-    Ze.current !== null && (window.clearTimeout(Ze.current), Ze.current = null);
+    et.current !== null && (window.clearTimeout(et.current), et.current = null);
   }, []), L = r(
     (e = {}) => {
-      be(), M(), k(), G(), B(null), ve.reset(), I(!1), Rt(Wt), rt(!1), ot.current = /* @__PURE__ */ new Set(), it(!1), mn(null), e.preservePendingSubtitleJump || (Le.current = null), Mt(void 0), lt(!1), ge(0);
+      Ae(), M(), k(), G(), B(null), Se.reset(), I(!1), Rt(Wt), ot(!1), it.current = /* @__PURE__ */ new Set(), lt(!1), mn(null), e.preservePendingSubtitleJump || (Le.current = null), Mt(void 0), at(!1), ve(0);
     },
     [
-      be,
+      Ae,
       G,
       M,
       k,
-      ve
+      Se
     ]
-  ), yt = r(
+  ), ht = r(
     (e) => {
       on.current += 1, mn({
         ...e,
@@ -425,28 +425,28 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       });
     },
     []
-  ), Ae = r(() => {
+  ), we = r(() => {
     const e = vo(
       _,
-      ot.current
+      it.current
     );
     return e ? (B(e), !0) : !1;
   }, [_]), qe = r(() => {
-    M(), k(), lt(!1), ge(0), !Ae() && R && D();
+    M(), k(), at(!1), ve(0), !we() && R && D();
   }, [
     R,
     M,
     k,
     D,
-    Ae
+    we
   ]), On = r(
     (e) => {
       if (k(), !e)
         return;
       const t = () => {
-        Oe.current = null, ge(
+        Oe.current = null, ve(
           Bo
-        ), lt(!0), H.current = null;
+        ), at(!0), H.current = null;
       };
       Oe.current = window.setTimeout(
         t,
@@ -455,29 +455,29 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     },
     [k]
   ), Ut = r(
-    () => Qe.current || !!ue.current?.querySelector(".slide-player__controls:hover"),
+    () => Ze.current || !!de.current?.querySelector(".slide-player__controls:hover"),
     []
   ), g = r(
-    (e = tt) => {
-      !x || j === "hidden" || (Ne(!0), q(), !(j === "visible" || !e || Te <= 0 || Ut()) && (de.current = window.setTimeout(() => {
+    (e = nt) => {
+      !x || Q === "hidden" || (Ne(!0), q(), !(Q === "visible" || !e || Te <= 0 || Ut()) && (fe.current = window.setTimeout(() => {
         if (Ut()) {
-          de.current = null;
+          fe.current = null;
           return;
         }
-        Ne(!1), de.current = null;
+        Ne(!1), fe.current = null;
       }, Te)));
     },
     [
       q,
-      tt,
+      nt,
       Ut,
       Te,
-      j,
+      Q,
       x
     ]
-  ), Ue = !!Ao(h), oe = !!h && !Ue, Er = r((e) => {
+  ), Ue = !!Ao(h), ie = !!h && !Ue, Er = r((e) => {
     Tt(e);
-  }, []), we = r(
+  }, []), $ = r(
     (e) => {
       e && Tt(e.shouldContinuePlayback);
     },
@@ -485,18 +485,18 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   );
   s(() => {
     un(Ct);
-  }, [a, Ct, se]), s(() => {
-    se && dt(!1);
+  }, [a, Ct, ce]), s(() => {
+    ce && ft(!1);
   }, [
     a,
-    se,
-    dt
+    ce,
+    ft
   ]), s(() => {
     Vt || Ot(!1);
   }, [Vt]), s(() => () => {
-    be(), G(), q(), M(), k();
+    Ae(), G(), q(), M(), k();
   }, [
-    be,
+    Ae,
     G,
     M,
     k,
@@ -515,7 +515,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       if (e)
         return;
       i();
-      const v = je.current?.querySelector(
+      const v = Qe.current?.querySelector(
         '[data-active-step="true"]'
       );
       if (!v)
@@ -527,31 +527,31 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
         l();
         return;
       }
-      const ie = [], Ye = () => {
+      const le = [], Ye = () => {
         e || (t !== null && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
           t = null, o();
         }));
-      }, Gt = (le, xe, ae) => {
-        le.addEventListener(xe, ae, { once: !0 }), ie.push(
-          () => le.removeEventListener(xe, ae)
+      }, Gt = (ae, xe, se) => {
+        ae.addEventListener(xe, se, { once: !0 }), le.push(
+          () => ae.removeEventListener(xe, se)
         );
       };
-      A.forEach((le) => {
-        const xe = le.contentDocument;
+      A.forEach((ae) => {
+        const xe = ae.contentDocument;
         if (!xe || xe.readyState !== "complete") {
-          Gt(le, "load", Ye);
+          Gt(ae, "load", Ye);
           return;
         }
-        Array.from(xe.images).filter((ae) => !ae.complete).forEach((ae) => {
-          Gt(ae, "load", Ye), Gt(ae, "error", Ye);
+        Array.from(xe.images).filter((se) => !se.complete).forEach((se) => {
+          Gt(se, "load", Ye), Gt(se, "error", Ye);
         });
       }), n = () => {
-        ie.forEach((le) => le());
+        le.forEach((ae) => ae());
       };
     };
     return t = window.requestAnimationFrame(() => {
       t = null, o();
-    }), Ze.current = window.setTimeout(() => {
+    }), et.current = window.setTimeout(() => {
       l();
     }, To), () => {
       e = !0, i(), G(), t !== null && window.cancelAnimationFrame(t);
@@ -565,18 +565,18 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   ]), s(() => (wt?.(K), () => {
     wt?.(!1);
   }), [wt, K]), s(() => {
-    K || (Qe.current = !1);
+    K || (Ze.current = !1);
   }, [K]), s(() => {
-    V || st === gt || (Dt(!1), Nt(gt));
-  }, [V, st]), s(() => {
+    V || ct === vt || (Dt(!1), Nt(vt));
+  }, [V, ct]), s(() => {
     if (!V) {
       vn(!1);
       return;
     }
     const e = () => {
-      vn(Bn()), ne();
+      vn(Bn()), re();
     }, t = () => {
-      ne();
+      re();
     };
     e(), window.addEventListener("orientationchange", t), window.screen?.orientation?.addEventListener?.(
       "change",
@@ -591,11 +591,11 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
         t
       );
     };
-  }, [V, ne]), s(() => {
-    Qt?.(te);
-  }, [te, Qt]), s(() => {
-    In.current !== te && ne(), In.current = te;
-  }, [te, ne]), s(() => {
+  }, [V, re]), s(() => {
+    Qt?.(ne);
+  }, [ne, Qt]), s(() => {
+    In.current !== ne && re(), In.current = ne;
+  }, [ne, re]), s(() => {
     Zt?.(Fe, a);
   }, [a, Fe, Zt]), s(() => {
     const e = ln.current, t = go(
@@ -632,37 +632,37 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     Ve,
     S.length
   ]), s(() => {
-    if (!x || j === "hidden") {
+    if (!x || Q === "hidden") {
       q(), Ne(!1);
       return;
     }
-    if (j === "visible") {
+    if (Q === "visible") {
       q(), Ne(!0);
       return;
     }
-    tt || g(!0);
+    nt || g(!0);
   }, [
     q,
-    tt,
-    j,
+    nt,
+    Q,
     x,
     g
   ]), s(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && jr(t.data) && t.data.eventType === "click" && x && (Y(), ee(!0), g(!0));
+      t.origin === window.location.origin && jr(t.data) && t.data.eventType === "click" && x && (Y(), te(!0), g(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
   }, [Y, x, g]), co({
-    sectionRef: ue,
+    sectionRef: de,
     enabled: x,
-    keyboardShortcutsEnabled: ce,
+    keyboardShortcutsEnabled: ue,
     onKeyboardShortcut: Y,
     onWake: () => {
-      Y(), ee(!0), g(!0);
+      Y(), te(!0), g(!0);
     }
   }), s(() => {
     if (!x) {
@@ -670,19 +670,19 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       return;
     }
     if (Be.current) {
-      Pt.current = Ie;
+      Pt.current = be;
       return;
     }
     const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Io({
       previousResetKey: Pt.current,
-      nextResetKey: Ie,
+      nextResetKey: be,
       currentAudioKey: P,
       hasCompletedCurrentStepAudio: O
     });
-    Pt.current = Ie;
+    Pt.current = be;
     const n = H.current === a && !!h, i = yo({
       hasInteraction: !!h,
-      shouldBlockPlaybackForInteraction: oe,
+      shouldBlockPlaybackForInteraction: ie,
       shouldOpenInteractionOverlayAfterAudio: n,
       hasPlaybackContextChanged: e,
       hasResolvedCurrentInteraction: Ue,
@@ -691,14 +691,14 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     }), l = Le.current, o = l?.slideIndex === a;
     if (e && L({
       preservePendingSubtitleJump: o
-    }), !(T.length === 0 && !h) && !re) {
+    }), !(T.length === 0 && !h) && !oe) {
       if (l?.slideIndex === a && Kn({
         currentIndex: a,
         resolvedCurrentInteractionElement: b,
         slideElementList: S,
         targetSlideIndex: l.slideIndex
       })) {
-        Le.current = null, Et.current = !0, B(l.audioKey), yt({
+        Le.current = null, Et.current = !0, B(l.audioKey), ht({
           audioIndex: l.audioIndex,
           timeMs: l.timeMs
         });
@@ -708,7 +708,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
         On(h);
         return;
       }
-      if (k(), H.current = null, !oe && t && !Ae()) {
+      if (k(), H.current = null, !ie && t && !we()) {
         if (w) {
           if (F) {
             I(!1);
@@ -721,19 +721,19 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
           return _e.current = window.setTimeout(() => {
             _e.current = null, D();
           }, Rn), () => {
-            be();
+            Ae();
           };
       }
     }
   }, [
     b,
     R,
-    be,
+    Ae,
     T.length,
     a,
     h,
     P,
-    Ie,
+    be,
     w,
     Ke,
     _n,
@@ -744,18 +744,18 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     De,
     Ue,
     Kt,
-    oe,
+    ie,
     k,
     L,
-    yt,
+    ht,
     On,
     x,
     S,
-    Ae,
-    re,
+    we,
+    oe,
     Ve
   ]), s(() => {
-    if (F || re || !w || oe) {
+    if (F || oe || !w || ie) {
       I(!1);
       return;
     }
@@ -773,13 +773,13 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     w,
     O,
     F,
-    re,
-    oe
+    oe,
+    ie
   ]), s(() => {
     O && So(
       _,
-      ot.current
-    ) && rt(!1);
+      it.current
+    ) && ot(!1);
   }, [_, O]), s(() => {
     if (Be.current)
       return;
@@ -789,24 +789,24 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       currentAudioSequenceLength: _.length,
       currentStepHasSpeakableElement: w,
       hasCompletedCurrentStepAudio: O,
-      shouldBlockPlaybackForInteraction: oe,
-      shouldPausePlaybackForCustomAction: re,
+      shouldBlockPlaybackForInteraction: ie,
+      shouldPausePlaybackForCustomAction: oe,
       shouldSkipDefaultAudioStart: e
-    }) && Ae();
+    }) && we();
   }, [
     P,
     _,
     w,
     O,
-    re,
     oe,
-    Ae
+    ie,
+    we
   ]), s(() => {
     !P || C >= 0 || B(null);
   }, [C, P]), s(() => {
-    C >= 0 || ve.reset();
-  }, [C, ve]), s(() => {
-    it(!1);
+    C >= 0 || Se.reset();
+  }, [C, Se]), s(() => {
+    lt(!1);
   }, [wr]);
   const {
     interactionDefaults: Mn,
@@ -816,12 +816,12 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     shouldAutoContinueInteraction: Ln
   } = f(
     () => Eo(b, {
-      interactionDefaultValueOptions: Je
+      interactionDefaultValueOptions: We
     }),
-    [b, Je]
+    [b, We]
   ), Rr = !!b?.readonly || Tr, He = po({
     hasActiveInteraction: !!b,
-    isInteractionOverlayOpen: he
+    isInteractionOverlayOpen: ge
   }), _r = r(
     (e) => {
       const n = [
@@ -838,18 +838,18 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   );
   s(() => {
     const e = () => {
-      dr(document.fullscreenElement === ue.current);
+      dr(document.fullscreenElement === de.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), s(() => {
-    b && he || at(!1);
-  }, [b, he]), s(() => {
-    ne();
-  }, [b, ne]), s(() => {
+    b && ge || st(!1);
+  }, [b, ge]), s(() => {
+    re();
+  }, [b, re]), s(() => {
     if (!He) {
-      ge(0);
+      ve(0);
       return;
     }
     const e = Me.current;
@@ -859,7 +859,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       const i = Math.ceil(
         e.getBoundingClientRect().height
       );
-      ge(
+      ve(
         i + Vo
       );
     };
@@ -872,16 +872,16 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       n.disconnect();
     };
   }, [He]), s(() => {
-    if (M(), !!he) {
+    if (M(), !!ge) {
       if (Ln)
-        return Q.current = window.setTimeout(() => {
-          Q.current = null, qe();
+        return Z.current = window.setTimeout(() => {
+          Z.current = null, qe();
         }, qn), () => {
           M();
         };
       if (!(yn || !kn))
-        return Q.current = window.setTimeout(() => {
-          Q.current = null, qe();
+        return Z.current = window.setTimeout(() => {
+          Z.current = null, qe();
         }, qn), () => {
           M();
         };
@@ -891,7 +891,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     qe,
     yn,
     kn,
-    he,
+    ge,
     Ln
   ]);
   const Or = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(zr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
@@ -901,7 +901,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       disableLoadingOverlay: F,
       hideFullScreen: !0,
       locale: d,
-      dir: W,
+      dir: j,
       lang: Re,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
@@ -916,7 +916,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       disableLoadingOverlay: F,
       hideFullScreen: !0,
       locale: d,
-      dir: W,
+      dir: j,
       lang: Re,
       mode: "blackboard",
       type: "markdown",
@@ -958,7 +958,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       }
     );
   }, kr = r(() => {
-    const e = ue.current;
+    const e = de.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -969,7 +969,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       });
     }
   }, []), Fn = r(() => {
-    const e = je.current;
+    const e = Qe.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
@@ -979,66 +979,67 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       currentIndex: a,
       resolvedCurrentInteractionElement: b,
       slideElementList: S,
-      targetSlideIndex: Z[e.audioIndex]
+      targetSlideIndex: ee[e.audioIndex]
     }),
     [
       b,
-      Z,
+      ee,
       a,
       S
     ]
   ), Lr = r(
     (e, t) => {
-      const i = y[e.audioIndex]?.audioKey, l = Z[e.audioIndex];
-      return !i || l == null || !Ht(e) ? !1 : (we(t), H.current = null, I(!1), rt(!1), it(!1), $t(t) && (ee(!0), g(!0)), l === a ? (Le.current = null, L(), B(i), yt(e), !0) : (me.current = !0, L(), Le.current = {
+      const i = y[e.audioIndex]?.audioKey, l = ee[e.audioIndex];
+      return !i || l == null || !Ht(e) ? !1 : ($(t), H.current = null, I(!1), ot(!1), lt(!1), $t(t) && (te(!0), g(!0)), l === a ? (Le.current = null, L(), B(i), ht(e), !0) : (pe.current = !0, L(), Le.current = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
         timeMs: e.timeMs
-      }, pe(l), !0));
+      }, ye(l), !0));
     },
     [
       y,
-      Z,
+      ee,
       Ht,
       a,
-      pe,
-      yt,
+      ye,
+      ht,
       L,
       g,
-      we
+      $
     ]
   ), Fr = r(
     (e) => {
-      we(e), me.current = !0, H.current = null, I(!1), $t(e) && (ee(!0), g(!0)), L(), sn();
+      $(e), pe.current = !0, H.current = null, I(!1), $t(e) && (te(!0), g(!0)), L(), sn();
     },
     [
       sn,
       L,
       g,
-      we
+      $
     ]
   ), Nr = r(
     (e) => {
-      we(e), me.current = !0, H.current = null, I(!1), $t(e) && (ee(!0), g(!0)), L(), D();
+      $(e), pe.current = !0, H.current = null, I(!1), $t(e) && (te(!0), g(!0)), L(), D();
     },
     [
       D,
       L,
       g,
-      we
+      $
     ]
   ), Dr = r(
-    (e) => {
-      e < 0 || e >= S.length || e === a || (me.current = !0, H.current = null, I(!1), ee(!0), g(!0), L(), pe(e), Xe?.(S[e], e));
+    (e, t) => {
+      e < 0 || e >= S.length || e === a || ($(t), pe.current = !0, H.current = null, I(!1), te(!0), g(!0), L(), ye(e), Je?.(S[e], e));
     },
     [
       a,
-      pe,
-      Xe,
+      ye,
+      Je,
       L,
       g,
-      S
+      S,
+      $
     ]
   ), Br = r(
     ({
@@ -1069,7 +1070,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       const t = y[e]?.audioKey;
       if (!t || !P || t !== P)
         return;
-      ot.current.add(t);
+      it.current.add(t);
       const n = _.findIndex(
         (o) => o === t
       );
@@ -1082,7 +1083,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
         B(l);
         return;
       }
-      if (B(null), rt(!0), I(!1), R) {
+      if (B(null), ot(!0), I(!1), R) {
         const o = a + 1, v = S[o];
         Cn && v?.type === "interaction" && (H.current = o), D();
         return;
@@ -1099,15 +1100,15 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       S
     ]
   ), Kr = r(() => {
-    Qe.current = !0, q(), x && Ne(!0);
+    Ze.current = !0, q(), x && Ne(!0);
   }, [q, x]), qr = r(() => {
-    Qe.current = !1, g(!0);
+    Ze.current = !1, g(!0);
   }, [g]), Yt = r(
     (e) => {
       e.stopPropagation(), K && g(!0);
     },
     [K, g]
-  ), ht = r(
+  ), gt = r(
     (e, t) => {
       const n = xt.current;
       if (!n)
@@ -1125,12 +1126,12 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   Ko(() => {
     const e = Me.current;
     if (!He || !e) {
-      fe.current = null;
+      me.current = null;
       return;
     }
-    const t = fe.current, n = e.getBoundingClientRect();
+    const t = me.current, n = e.getBoundingClientRect();
     if (!t || Lt) {
-      fe.current = {
+      me.current = {
         left: n.left,
         top: n.top
       };
@@ -1138,7 +1139,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     }
     const i = t.left - n.left, l = t.top - n.top;
     if (!Un(i) && !Un(l)) {
-      fe.current = {
+      me.current = {
         left: n.left,
         top: n.top
       };
@@ -1147,33 +1148,33 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     const o = {
       x: E.x + i,
       y: E.y + l
-    }, v = ht(
+    }, v = gt(
       e,
       E
     ), A = Uo(
       v ? Vn(o, v) : o
     );
-    fe.current = {
+    me.current = {
       left: n.left + A.x - E.x,
       top: n.top + A.y - E.y
     }, Hn(
       A,
       E
     ) || kt(
-      (ie) => Hn(ie, A) ? ie : A
+      (le) => Hn(le, A) ? le : A
     );
   }, [
-    ht,
+    gt,
     E,
     Lt,
-    ct,
+    ut,
     He
   ]);
   const Ur = r(
     (e) => {
       if (Yt(e), e.button !== 0 || !e.currentTarget.isConnected || !Me.current)
         return;
-      const t = ht(
+      const t = gt(
         Me.current,
         E
       );
@@ -1186,7 +1187,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       }, Ft(!0));
     },
     [
-      ht,
+      gt,
       E,
       Yt
     ]
@@ -1221,19 +1222,19 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     },
     [Y, tn]
   ), $r = r(() => {
-    ee(!0), g(!0);
+    te(!0), g(!0);
   }, [g]);
   return s(() => {
-    const e = rn.current, i = (e.length > 0 && e.length < ye.length && e.every((o, v) => o === ye[v]) ? T.slice(e.length) : []).some(
+    const e = rn.current, i = (e.length > 0 && e.length < he.length && e.every((o, v) => o === he[v]) ? T.slice(e.length) : []).some(
       (o) => o.is_new === !1
     );
-    if (rn.current = ye, !i)
+    if (rn.current = he, !i)
       return;
     const l = window.requestAnimationFrame(() => {
-      const o = je.current, v = nn.current;
+      const o = Qe.current, v = nn.current;
       if (!o || !v)
         return;
-      const A = o.getBoundingClientRect(), ie = v.getBoundingClientRect(), Ye = o.scrollTop + (ie.top - A.top);
+      const A = o.getBoundingClientRect(), le = v.getBoundingClientRect(), Ye = o.scrollTop + (le.top - A.top);
       o.scrollTo({
         top: Math.max(Ye, 0),
         behavior: "smooth"
@@ -1242,8 +1243,8 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     return () => {
       window.cancelAnimationFrame(l);
     };
-  }, [T, ye]), s(() => {
-    if (!me.current || (me.current = !1, T.length === 0))
+  }, [T, he]), s(() => {
+    if (!pe.current || (pe.current = !1, T.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
       Fn();
@@ -1254,16 +1255,16 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   }, [T, Fn]), /* @__PURE__ */ Ge(
     "section",
     {
-      ref: ue,
+      ref: de,
       className: Pe(
         "relative h-full w-full",
         V && "slide--mobile-device",
         bn && "slide--browser-fullscreen",
-        Se && "slide--mobile-landscape",
+        Ie && "slide--mobile-landscape",
         Sn && "slide--mobile-landscape-native",
         Xn
       ),
-      dir: W,
+      dir: j,
       lang: Re,
       onClick: $r,
       onFocusCapture: Gr,
@@ -1283,15 +1284,15 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
             ref: xt,
             className: Pe(
               "slide__viewport relative h-full min-h-0 w-full",
-              Se && "slide__viewport--mobile-landscape",
-              Se && !mr && "slide__viewport--mobile-landscape-native"
+              Ie && "slide__viewport--mobile-landscape",
+              Ie && !mr && "slide__viewport--mobile-landscape-native"
             ),
             children: [
               pr ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ u(
                   "button",
                   {
-                    "aria-label": X?.backAriaLabel ?? N.fullscreenBackAriaLabel,
+                    "aria-label": J?.backAriaLabel ?? N.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
                     onClick: vr,
                     type: "button",
@@ -1304,7 +1305,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                     )
                   }
                 ),
-                X?.content ? /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 overflow-hidden", children: X.content }) : null
+                J?.content ? /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 overflow-hidden", children: J.content }) : null
               ] }) : null,
               /* @__PURE__ */ u(
                 "div",
@@ -1314,7 +1315,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                     yr && "slide__viewport-content--with-header",
                     nr ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: je, className: "slide-stage__layer w-full", children: Sr.map(
+                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: Qe, className: "slide-stage__layer w-full", children: Sr.map(
                     (e, t) => {
                       const n = t === Ir;
                       return /* @__PURE__ */ u(
@@ -1349,9 +1350,9 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                 ao,
                 {
                   extraBottomOffset: ur,
-                  hasPlayerGap: ct,
+                  hasPlayerGap: ut,
                   isEnabled: pn && sr,
-                  playbackTimeStore: ve,
+                  playbackTimeStore: Se,
                   subtitleCues: br
                 }
               ),
@@ -1362,41 +1363,41 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                   "data-player-keyboard-shortcuts-ignore": "true",
                   className: Pe(
                     "slide-interaction-overlay",
-                    ct ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
+                    ut ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
                     Lt && "slide-interaction-overlay--dragging"
                   ),
                   onClick: Yt,
                   onPointerDownCapture: (e) => {
-                    Xt(e.target) && at(!0);
+                    Xt(e.target) && st(!0);
                   },
                   onFocusCapture: (e) => {
-                    Xt(e.target) && at(!0);
+                    Xt(e.target) && st(!0);
                   },
                   onInputCapture: (e) => {
-                    Xt(e.target) && at(!0);
+                    Xt(e.target) && st(!0);
                   },
                   style: Ar,
                   children: /* @__PURE__ */ u(
                     Yn,
                     {
-                      dir: W,
+                      dir: j,
                       lang: Re,
                       content: String(b?.content ?? ""),
-                      dragHandleAriaLabel: J?.dragHandleAriaLabel ?? N.interactionTexts.dragHandleAriaLabel,
+                      dragHandleAriaLabel: W?.dragHandleAriaLabel ?? N.interactionTexts.dragHandleAriaLabel,
                       locale: d,
                       defaultButtonText: Mn.buttonText ?? "",
                       defaultInputText: Mn.inputText ?? "",
                       defaultSelectedValues: Cr,
-                      confirmButtonText: J?.confirmButtonText ?? N.interactionTexts.confirmButtonText,
-                      copyButtonText: J?.copyButtonText ?? N.interactionTexts.copyButtonText,
-                      copiedButtonText: J?.copiedButtonText ?? N.interactionTexts.copiedButtonText,
+                      confirmButtonText: W?.confirmButtonText ?? N.interactionTexts.confirmButtonText,
+                      copyButtonText: W?.copyButtonText ?? N.interactionTexts.copyButtonText,
+                      copiedButtonText: W?.copiedButtonText ?? N.interactionTexts.copiedButtonText,
                       onSend: _r,
                       onDragHandlePointerCancel: Nn,
                       onDragHandlePointerDown: Ur,
                       onDragHandlePointerMove: Hr,
                       onDragHandlePointerUp: Nn,
                       readonly: Rr,
-                      title: J?.title ?? St ?? N.interactionTexts.title
+                      title: W?.title ?? It ?? N.interactionTexts.title
                     }
                   )
                 }
@@ -1408,27 +1409,27 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                   children: /* @__PURE__ */ u(
                     io,
                     {
-                      dir: W === "auto" ? er : W,
+                      dir: j === "auto" ? er : j,
                       lang: Re,
                       audioList: y,
                       className: Pe(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        bn ? "bottom-3" : "-bottom-3",
-                        z,
+                        Xe ? "bottom-9" : bn ? "bottom-3" : "-bottom-3",
+                        X,
                         !K && "pointer-events-none opacity-0"
                       ),
                       currentAudioIndex: C,
                       defaultPlaying: Ct,
-                      enableKeyboardShortcuts: ce,
-                      isPlaybackPaused: re,
+                      enableKeyboardShortcuts: ue,
+                      isPlaybackPaused: oe,
                       isAutoAdvanceEnabled: De,
                       locale: d,
-                      isInteractionOpen: he,
+                      isInteractionOpen: ge,
                       isSubtitleEnabled: pn,
                       onAutoAdvanceToggle: un,
                       onLoadingChange: Br,
                       onPlaybackStarted: () => {
-                        it(!0);
+                        lt(!0);
                       },
                       onPlaybackCheckpoint: ({ audioKey: e, isComplete: t, timeMs: n }) => {
                         const i = y.findIndex(
@@ -1438,12 +1439,12 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                           audioKey: l.audioKey,
                           element: l.element,
                           isComplete: t,
-                          stepIndex: Z[i] ?? a,
+                          stepIndex: ee[i] ?? a,
                           timeMs: n
                         });
                       },
                       onPlaybackPreferenceChange: Er,
-                      onPlaybackTimeChange: ve.setTime,
+                      onPlaybackTimeChange: Se.setTime,
                       onSubtitleToggle: () => {
                         cr((e) => !e);
                       },
@@ -1451,7 +1452,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                       onEnded: Vr,
                       onFullscreen: kr,
                       isFullscreen: hn,
-                      mobileViewMode: te,
+                      mobileViewMode: ne,
                       settingsPortalContainer: xt.current,
                       onMobileViewModeChange: gr,
                       onControlsPointerEnter: Kr,
@@ -1462,7 +1463,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                       canJumpToSubtitleTarget: Ht,
                       prevDisabled: !tr,
                       showControls: K,
-                      slideProgress: bt ? {
+                      slideProgress: Xe ? {
                         ariaLabel: N.slideProgressAriaLabel,
                         currentIndex: a,
                         generatingLabel: N.slideProgressGeneratingLabel,
@@ -1471,14 +1472,14 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                         totalSteps: cn
                       } : null,
                       subtitleSeekRequest: ir,
-                      playbackRestoreRequest: nt && nt.audioKey === ft?.audioKey ? {
-                        id: nt.id,
-                        timeMs: nt.timeMs
+                      playbackRestoreRequest: rt && rt.audioKey === mt?.audioKey ? {
+                        id: rt.id,
+                        timeMs: rt.timeMs
                       } : null,
                       onPlaybackRestoreComplete: (e) => {
                         Be.current?.id === e && (Be.current = null, dn(null));
                       },
-                      texts: It,
+                      texts: bt,
                       customActionContext: Bt,
                       customActions: Ce,
                       useAutoAdvanceToggle: Ve