markdown-flow-ui 0.2.9-dev.1 → 0.2.9-dev.2

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

@@ -1,4 +1,4 @@
-import { j as s } from "../../_virtual/jsx-runtime.es.js";
+import { j as a } from "../../_virtual/jsx-runtime.es.js";
 import { memo as Tr, useMemo as d, useId as Cr, useRef as p, useCallback as r, useState as m, useEffect as c, useLayoutEffect as Pr } from "react";
 import { isSandboxInteractionMessage as Rr } from "../../lib/sandboxInteraction.es.js";
 import { cn as ve } from "../../lib/utils.es.js";
@@ -33,7 +33,7 @@ import { getSlideLocaleTexts as oo, DEFAULT_SLIDE_BUFFERING_TEXTS as io } from "
 /* empty css             */
 import Rt from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
 import lo from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const so = 2e3, ao = 300, co = 160, uo = 16, wn = 3e3, rt = {
+const ao = 2e3, so = 300, co = 160, uo = 16, wn = 3e3, rt = {
   x: 0,
   y: 0
 }, Ot = 0.5, fo = typeof window > "u" ? c : Pr, mo = [
@@ -69,8 +69,8 @@ const so = 2e3, ao = 300, co = 160, uo = 16, wn = 3e3, rt = {
     onDragHandlePointerMove: Ie,
     onDragHandlePointerUp: je,
     readonly: qe = !1
-  }) => /* @__PURE__ */ s.jsxs("div", { className: "slide-player__interaction-card", children: [
-    /* @__PURE__ */ s.jsx(
+  }) => /* @__PURE__ */ a.jsxs("div", { className: "slide-player__interaction-card", children: [
+    /* @__PURE__ */ a.jsx(
       "button",
       {
         type: "button",
@@ -80,15 +80,15 @@ const so = 2e3, ao = 300, co = 160, uo = 16, wn = 3e3, rt = {
         onPointerDown: it,
         onPointerMove: Ie,
         onPointerUp: je,
-        children: /* @__PURE__ */ s.jsxs("span", { className: "slide-player__interaction-drag-handle-icon", children: [
-          /* @__PURE__ */ s.jsx(Rt, { "aria-hidden": "true" }),
-          /* @__PURE__ */ s.jsx(Rt, { "aria-hidden": "true" }),
-          /* @__PURE__ */ s.jsx(Rt, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ a.jsxs("span", { className: "slide-player__interaction-drag-handle-icon", children: [
+          /* @__PURE__ */ a.jsx(Rt, { "aria-hidden": "true" }),
+          /* @__PURE__ */ a.jsx(Rt, { "aria-hidden": "true" }),
+          /* @__PURE__ */ a.jsx(Rt, { "aria-hidden": "true" })
         ] })
       }
     ),
-    /* @__PURE__ */ s.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ s.jsx("p", { className: "slide-player__interaction-title", children: f }) }),
-    /* @__PURE__ */ s.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ a.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ a.jsx("p", { className: "slide-player__interaction-title", children: f }) }),
+    /* @__PURE__ */ a.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ a.jsx(
       Or,
       {
         content: u,
@@ -124,7 +124,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
   interactionTexts: oe,
   playerTexts: it,
   playerAutoHideDelay: Ie = 3e3,
-  markerAutoAdvanceDelay: je = so,
+  markerAutoAdvanceDelay: je = ao,
   interactionDefaultValueOptions: qe,
   onSend: kt,
   onPlayerVisibilityChange: lt,
@@ -151,15 +151,15 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
   } = ro({
     playerEnabled: H,
     playerControlsVisibility: Se
-  }), Ke = Cr(), be = p(null), st = p(null), Ue = p(null), Dt = p(null), le = p(null), He = p(!1), xe = p(null), Ye = p(null), z = p(null), Ae = p(null), we = p(null), se = p(null), Ee = p(null), Vt = p([]), Te = p(!1), X = p(null), Ce = p(null), jt = p(0), qt = p(null), Kt = p({
+  }), Ke = Cr(), be = p(null), at = p(null), Ue = p(null), Dt = p(null), le = p(null), He = p(!1), xe = p(null), Ye = p(null), z = p(null), Ae = p(null), we = p(null), ae = p(null), Ee = p(null), Vt = p([]), Te = p(!1), X = p(null), Ce = p(null), jt = p(0), qt = p(null), Kt = p({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
-  }), at = p(!1), {
+  }), st = p(!1), {
     currentElementList: R,
     stepElementLists: Ut,
     slideElementList: P,
-    currentIndex: a,
+    currentIndex: s,
     audioList: I,
     audioSlideIndexes: Ge,
     currentAudioSequenceIndexes: $e,
@@ -171,9 +171,9 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     handleNext: M,
     handleGoTo: Yt
   } = Br(u), Pe = d(() => {
-    if (!(a < 0))
-      return P[a];
-  }, [a, P]), ae = d(
+    if (!(s < 0))
+      return P[s];
+  }, [s, P]), se = d(
     () => R.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
@@ -233,7 +233,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
   }, []), W = r(() => {
     yt(
       (e) => e.x === rt.x && e.y === rt.y ? e : rt
-    ), gt(!1), Ee.current = null, se.current = null;
+    ), gt(!1), Ee.current = null, ae.current = null;
   }, []), { mountedStepStates: Qn, currentMountedStateIndex: Zn } = d(() => {
     const e = [], t = /* @__PURE__ */ new Map();
     return Ut.forEach((n, i) => {
@@ -253,9 +253,9 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       }), t.set(i, e.length - 1);
     }), {
       mountedStepStates: e,
-      currentMountedStateIndex: a >= 0 ? t.get(a) ?? -1 : -1
+      currentMountedStateIndex: s >= 0 ? t.get(s) ?? -1 : -1
     };
-  }, [a, Ut]), sn = d(() => String(a), [a]), C = d(() => w ? I.findIndex(
+  }, [s, Ut]), an = d(() => String(s), [s]), C = d(() => w ? I.findIndex(
     (e) => (e.audioKey ?? "") === w
   ) : -1, [I, w]), It = d(
     () => C >= 0 ? I[C] : void 0,
@@ -272,7 +272,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
         currentInteractionElement: h,
         currentStepElement: Pe
       }),
-      currentIndex: a,
+      currentIndex: s,
       currentStepElement: Pe,
       isActive: ft,
       setActive: on,
@@ -283,7 +283,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       I,
       C,
       $e,
-      a,
+      s,
       Pe,
       ft,
       on,
@@ -309,11 +309,11 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       E.y,
       xt
     ]
-  ), an = k.length > 0, cn = d(() => y ? `${y.sequence_number ?? "none"}:${String(
+  ), sn = k.length > 0, cn = d(() => y ? `${y.sequence_number ?? "none"}:${String(
     y.content ?? ""
   )}` : "none", [y]), Me = d(
-    () => [sn, cn].join("|"),
-    [cn, sn]
+    () => [an, cn].join("|"),
+    [cn, an]
   ), nr = d(
     () => [
       Me,
@@ -350,8 +350,8 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       je
     ]
   ), fn = dn.delayMs, Fe = dn.usesImageOnlyDelay, At = d(
-    () => `${a}:${ae.join("|")}`,
-    [a, ae]
+    () => `${s}:${se.join("|")}`,
+    [s, se]
   ), [rr, or] = m(null), mn = !Fe || rr === At, V = r(() => {
     le.current !== null && (window.clearTimeout(le.current), le.current = null);
   }, []), L = r(() => {
@@ -403,7 +403,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       };
       Ae.current = window.setTimeout(
         t,
-        ao
+        so
       );
     },
     [N]
@@ -438,9 +438,9 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
   );
   c(() => {
     $t(ct);
-  }, [a, ct, re]), c(() => {
+  }, [s, ct, re]), c(() => {
     re && mt(!1);
-  }, [a, re]), c(() => () => {
+  }, [s, re]), c(() => () => {
     me(), U(), V(), L(), N();
   }, [
     me,
@@ -506,7 +506,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
   }, [
     U,
     R,
-    a,
+    s,
     At,
     Fe
   ]), c(() => (lt?.(T), () => {
@@ -543,8 +543,8 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
   }, [J, Ft]), c(() => {
     tn.current !== J && W(), tn.current = J;
   }, [J, W]), c(() => {
-    Lt?.(Pe, a);
-  }, [a, Pe, Lt]), c(() => {
+    Lt?.(Pe, s);
+  }, [s, Pe, Lt]), c(() => {
     const e = Kt.current, t = Yr(
       {
         previousMarkerCount: e.markerCount,
@@ -563,13 +563,13 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     );
     Kt.current = {
       markerCount: P.length,
-      currentIndex: a,
+      currentIndex: s,
       canGoNext: _
     }, t && M();
   }, [
     _,
     w,
-    a,
+    s,
     y,
     x,
     M,
@@ -623,24 +623,24 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       hasCompletedCurrentStepAudio: F
     });
     qt.current = Me;
-    const n = X.current === a && !!y, i = Ur({
+    const n = X.current === s && !!y, i = Ur({
       hasInteraction: !!y,
       shouldBlockPlaybackForInteraction: ye,
       shouldOpenInteractionOverlayAfterAudio: n,
       hasPlaybackContextChanged: e,
       hasResolvedCurrentInteraction: Ne,
       currentStepHasSpeakableElement: x
-    }), l = Ce.current, o = l?.slideIndex === a;
+    }), l = Ce.current, o = l?.slideIndex === s;
     if (e && B({
       preservePendingSubtitleJump: o
     }), !(R.length === 0 && !y) && !Q) {
-      if (l?.slideIndex === a && An({
-        currentIndex: a,
+      if (l?.slideIndex === s && An({
+        currentIndex: s,
         resolvedCurrentInteractionElement: h,
         slideElementList: P,
         targetSlideIndex: l.slideIndex
       })) {
-        Ce.current = null, at.current = !0, K(l.audioKey), et({
+        Ce.current = null, st.current = !0, K(l.audioKey), et({
           audioIndex: l.audioIndex,
           timeMs: l.timeMs
         });
@@ -672,7 +672,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     _,
     me,
     R.length,
-    a,
+    s,
     y,
     w,
     Me,
@@ -704,21 +704,21 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       A(!1);
       return;
     }
-    if (an) {
+    if (sn) {
       A(!1);
       return;
     }
     ut("waitingForAudio"), A(!0);
   }, [
-    an,
+    sn,
     x,
     F,
     O,
     Q,
     ye
   ]), c(() => {
-    const e = at.current;
-    at.current = !1, $r({
+    const e = st.current;
+    st.current = !1, $r({
       currentAudioKey: w,
       currentAudioSequenceLength: k.length,
       currentStepHasSpeakableElement: x,
@@ -746,14 +746,14 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     interactionDefaults: yn,
     interactionDefaultSelectedValues: lr,
     hasResolvedInteractionInput: hn,
-    isInteractionReadonly: sr,
+    isInteractionReadonly: ar,
     shouldAutoContinueInteraction: gn
   } = d(
     () => Qr(h, {
       interactionDefaultValueOptions: qe
     }),
     [h, qe]
-  ), ar = !!h?.readonly || sr, Be = Kr({
+  ), sr = !!h?.readonly || ar, Be = Kr({
     hasActiveInteraction: !!h,
     isInteractionOverlayOpen: ue
   }), cr = r(
@@ -828,7 +828,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     ue,
     gn
   ]);
-  const ur = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ s.jsx(
+  const ur = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ a.jsx(
     In,
     {
       className: "content-render-iframe",
@@ -841,7 +841,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       content: e.content,
       enableScaling: Pn
     }
-  ) : /* @__PURE__ */ s.jsx(
+  ) : /* @__PURE__ */ a.jsx(
     In,
     {
       className: "content-render-iframe",
@@ -861,14 +861,14 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       (o, S, b) => S.is_renderable !== !1 ? b : o,
       -1
     );
-    return /* @__PURE__ */ s.jsx(
+    return /* @__PURE__ */ a.jsx(
       Lr,
       {
         className: "slide-stage__content flex w-full flex-col gap-4",
         mode: i,
         children: e.map((o, S) => {
           const b = o.type === "html" && o.is_renderable === !1;
-          return /* @__PURE__ */ s.jsx(
+          return /* @__PURE__ */ a.jsx(
             "div",
             {
               ref: t && S === l ? Dt : null,
@@ -906,7 +906,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     });
   }, []), Et = r(
     (e) => An({
-      currentIndex: a,
+      currentIndex: s,
       resolvedCurrentInteractionElement: h,
       slideElementList: P,
       targetSlideIndex: Ge[e.audioIndex]
@@ -914,13 +914,13 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     [
       h,
       Ge,
-      a,
+      s,
       P
     ]
   ), mr = r(
     (e, t) => {
       const i = I[e.audioIndex]?.audioKey, l = Ge[e.audioIndex];
-      return !i || l == null || !Et(e) ? !1 : (he(t), X.current = null, A(!1), dt(!1), Xe(!1), Pt(t) && (ce(!0), v(!0)), l === a ? (Ce.current = null, B(), K(i), et(e), !0) : (Te.current = !0, B(), Ce.current = {
+      return !i || l == null || !Et(e) ? !1 : (he(t), X.current = null, A(!1), dt(!1), Xe(!1), Pt(t) && (ce(!0), v(!0)), l === s ? (Ce.current = null, B(), K(i), et(e), !0) : (Te.current = !0, B(), Ce.current = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
@@ -931,7 +931,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       I,
       Ge,
       Et,
-      a,
+      s,
       Yt,
       et,
       B,
@@ -1000,7 +1000,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
         return;
       }
       if (K(null), dt(!0), A(!1), _) {
-        const o = a + 1, S = P[o];
+        const o = s + 1, S = P[o];
         un && S?.type === "interaction" && (X.current = o), M();
         return;
       }
@@ -1008,7 +1008,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     [
       I,
       _,
-      a,
+      s,
       w,
       k,
       M,
@@ -1028,7 +1028,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     [T, v]
   ), tt = r(
     (e, t) => {
-      const n = st.current;
+      const n = at.current;
       if (!n)
         return null;
       const i = e.getBoundingClientRect(), l = n.getBoundingClientRect();
@@ -1044,12 +1044,12 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
   fo(() => {
     const e = we.current;
     if (!Be || !e) {
-      se.current = null;
+      ae.current = null;
       return;
     }
-    const t = se.current, n = e.getBoundingClientRect();
+    const t = ae.current, n = e.getBoundingClientRect();
     if (!t || ht) {
-      se.current = {
+      ae.current = {
         left: n.left,
         top: n.top
       };
@@ -1057,7 +1057,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     }
     const i = t.left - n.left, l = t.top - n.top;
     if (!En(i) && !En(l)) {
-      se.current = {
+      ae.current = {
         left: n.left,
         top: n.top
       };
@@ -1072,7 +1072,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     ), b = po(
       S ? xn(o, S) : o
     );
-    se.current = {
+    ae.current = {
       left: n.left + b.x - E.x,
       top: n.top + b.y - E.y
     }, Tn(
@@ -1097,7 +1097,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
         we.current,
         E
       );
-      t && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), Ee.current = {
+      t && (e.preventDefault(), e.currentTarget.hasPointerCapture?.(e.pointerId) !== !0 && e.currentTarget.setPointerCapture(e.pointerId), Ee.current = {
         pointerId: e.pointerId,
         startClientX: e.clientX,
         startClientY: e.clientY,
@@ -1144,10 +1144,10 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     ce(!0), v(!0);
   }, [v]);
   return c(() => {
-    const e = Vt.current, i = (e.length > 0 && e.length < ae.length && e.every((o, S) => o === ae[S]) ? R.slice(e.length) : []).some(
+    const e = Vt.current, i = (e.length > 0 && e.length < se.length && e.every((o, S) => o === se[S]) ? R.slice(e.length) : []).some(
       (o) => o.is_new === !1
     );
-    if (Vt.current = ae, !i)
+    if (Vt.current = se, !i)
       return;
     const l = window.requestAnimationFrame(() => {
       const o = Ue.current, S = Dt.current;
@@ -1162,7 +1162,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     return () => {
       window.cancelAnimationFrame(l);
     };
-  }, [R, ae]), c(() => {
+  }, [R, se]), c(() => {
     if (!Te.current || (Te.current = !1, R.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
@@ -1171,7 +1171,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [R, vn]), /* @__PURE__ */ s.jsxs(
+  }, [R, vn]), /* @__PURE__ */ a.jsxs(
     "section",
     {
       ref: be,
@@ -1188,32 +1188,32 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
       onPointerDown: Ar,
       ...On,
       children: [
-        Xn ? /* @__PURE__ */ s.jsx(
+        Xn ? /* @__PURE__ */ a.jsx(
           "div",
           {
             "aria-hidden": "true",
             className: "pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"
           }
         ) : null,
-        /* @__PURE__ */ s.jsxs(
+        /* @__PURE__ */ a.jsxs(
           "div",
           {
-            ref: st,
+            ref: at,
             className: ve(
               "slide__viewport relative h-full min-h-0 w-full",
               fe && "slide__viewport--mobile-landscape",
               fe && !Gn && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              $n ? /* @__PURE__ */ s.jsxs("div", { className: "slide-landscape-header", children: [
-                /* @__PURE__ */ s.jsx(
+              $n ? /* @__PURE__ */ a.jsxs("div", { className: "slide-landscape-header", children: [
+                /* @__PURE__ */ a.jsx(
                   "button",
                   {
                     "aria-label": G?.backAriaLabel ?? $.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
                     onClick: Wn,
                     type: "button",
-                    children: /* @__PURE__ */ s.jsx(
+                    children: /* @__PURE__ */ a.jsx(
                       lo,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
@@ -1222,9 +1222,9 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
                     )
                   }
                 ),
-                G?.content ? /* @__PURE__ */ s.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: G.content }) : null
+                G?.content ? /* @__PURE__ */ a.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: G.content }) : null
               ] }) : null,
-              /* @__PURE__ */ s.jsx(
+              /* @__PURE__ */ a.jsx(
                 "div",
                 {
                   className: ve(
@@ -1232,10 +1232,10 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
                     zn && "slide__viewport-content--with-header",
                     Ln ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: R.length > 0 ? /* @__PURE__ */ s.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ s.jsx("div", { ref: Ue, className: "slide-stage__layer w-full", children: Qn.map(
+                  children: R.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ a.jsx("div", { ref: Ue, className: "slide-stage__layer w-full", children: Qn.map(
                     (e, t) => {
                       const n = t === Zn;
-                      return /* @__PURE__ */ s.jsx(
+                      return /* @__PURE__ */ a.jsx(
                         "div",
                         {
                           "data-active-step": n ? "true" : void 0,
@@ -1253,7 +1253,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
                   ) }) }) : null
                 }
               ),
-              Vn ? /* @__PURE__ */ s.jsx(
+              Vn ? /* @__PURE__ */ a.jsx(
                 _r,
                 {
                   message: yo(
@@ -1263,7 +1263,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
-              /* @__PURE__ */ s.jsx(
+              /* @__PURE__ */ a.jsx(
                 Nr,
                 {
                   extraBottomOffset: Un,
@@ -1274,7 +1274,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
                   subtitleCues: er
                 }
               ),
-              Be ? /* @__PURE__ */ s.jsx(
+              Be ? /* @__PURE__ */ a.jsx(
                 "div",
                 {
                   ref: we,
@@ -1295,7 +1295,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
                     _t(e.target) && We(!0);
                   },
                   style: tr,
-                  children: /* @__PURE__ */ s.jsx(
+                  children: /* @__PURE__ */ a.jsx(
                     Cn,
                     {
                       content: String(h?.content ?? ""),
@@ -1311,17 +1311,17 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
                       onDragHandlePointerDown: br,
                       onDragHandlePointerMove: xr,
                       onDragHandlePointerUp: Sn,
-                      readonly: ar,
+                      readonly: sr,
                       title: oe?.title ?? ot ?? $.interactionTexts.title
                     }
                   )
                 }
               ) : null,
-              g ? /* @__PURE__ */ s.jsx(
+              g ? /* @__PURE__ */ a.jsx(
                 Vr.Provider,
                 {
                   value: Nn,
-                  children: /* @__PURE__ */ s.jsx(
+                  children: /* @__PURE__ */ a.jsx(
                     Fr,
                     {
                       audioList: I,
@@ -1355,7 +1355,7 @@ const vo = (u, f) => u.length === f.length && u.every((H, Se) => {
                       onFullscreen: fr,
                       isFullscreen: Wt,
                       mobileViewMode: J,
-                      settingsPortalContainer: st.current,
+                      settingsPortalContainer: at.current,
                       onMobileViewModeChange: Jn,
                       onControlsPointerEnter: Sr,
                       onControlsPointerLeave: Ir,