markdown-flow-ui 0.1.100-beta.13 → 0.1.100-beta.15

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

@@ -1,42 +1,43 @@
 import { j as t } from "../../_virtual/jsx-runtime.es.js";
-import { memo as Ve, useRef as v, useMemo as O, useState as y, useCallback as i, useEffect as h } from "react";
-import { hasBrowserUserActivation as ze } from "../../lib/browserUserActivation.es.js";
-import { isSandboxInteractionMessage as Ge } from "../../lib/sandboxInteraction.es.js";
+import { memo as tt, useRef as w, useMemo as I, useState as p, useCallback as l, useEffect as h } from "react";
+import { hasBrowserUserActivation as nt } from "../../lib/browserUserActivation.es.js";
+import { isSandboxInteractionMessage as rt } from "../../lib/sandboxInteraction.es.js";
 import { cn as $ } from "../../lib/utils.es.js";
-import We from "../ContentRender/ContentRender.es.js";
-import ye from "../ContentRender/IframeSandbox.es.js";
+import ot from "../ContentRender/ContentRender.es.js";
+import Ee from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { getInteractionDefaultValues as Ye, getInteractionDefaultSelectedValues as Je } from "../../lib/interaction-defaults.es.js";
-import Qe from "./Player.es.js";
-import Xe from "./useSlide.es.js";
-import Ze from "./useWakePlayerFromIframe.es.js";
+import { getInteractionDefaultValues as st, getInteractionDefaultSelectedValues as lt } from "../../lib/interaction-defaults.es.js";
+import it from "./Player.es.js";
+import at from "./useSlide.es.js";
+import ct from "./useWakePlayerFromIframe.es.js";
 /* empty css             */
-const et = 1e3, we = Ve(
+import ut from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.es.js";
+const dt = 1e3, je = tt(
   ({
-    content: b,
-    title: _,
+    content: A,
+    title: E,
     defaultButtonText: u,
-    defaultInputText: j,
-    defaultSelectedValues: w,
-    confirmButtonText: T,
-    copyButtonText: R,
-    copiedButtonText: P,
-    onSend: D,
-    readonly: B = !1
+    defaultInputText: q,
+    defaultSelectedValues: _,
+    confirmButtonText: ne,
+    copyButtonText: j,
+    copiedButtonText: F,
+    onSend: R,
+    readonly: K = !1
   }) => /* @__PURE__ */ t.jsxs("div", { className: "slide-player__interaction-card", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ t.jsx("p", { className: "slide-player__interaction-title", children: _ }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ t.jsx("p", { className: "slide-player__interaction-title", children: E }) }),
     /* @__PURE__ */ t.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ t.jsx(
-      We,
+      ot,
       {
-        content: b,
+        content: A,
         defaultButtonText: u,
-        defaultInputText: j,
-        defaultSelectedValues: w,
-        confirmButtonText: T,
-        copyButtonText: R,
-        copiedButtonText: P,
-        onSend: D,
-        readonly: B,
+        defaultInputText: q,
+        defaultSelectedValues: _,
+        confirmButtonText: ne,
+        copyButtonText: j,
+        copiedButtonText: F,
+        onSend: R,
+        readonly: K,
         enableTypewriter: !1,
         sandboxMode: "content"
       }
@@ -44,187 +45,250 @@ const et = 1e3, we = Ve(
     /* @__PURE__ */ t.jsx("div", { className: "slide-player__interaction-arrow" })
   ] })
 );
-we.displayName = "InteractionOverlayCard";
-const tt = (b, _) => b.length === _.length && b.every((u, j) => {
-  const w = _[j];
-  return u.sequence_number === w?.sequence_number && u.type === w?.type && u.content === w?.content;
-}), xt = ({
-  elementList: b = [],
-  showPlayer: _ = !0,
+je.displayName = "InteractionOverlayCard";
+const ft = (A, E) => A.length === E.length && A.every((u, q) => {
+  const _ = E[q];
+  return u.sequence_number === _?.sequence_number && u.type === _?.type && u.content === _?.content;
+}), Et = ({
+  elementList: A = [],
+  showPlayer: E = !0,
   playerAlwaysVisible: u = !1,
-  playerClassName: j,
-  interactionTitle: w,
-  interactionTexts: T,
-  playerAutoHideDelay: R = 3e3,
-  interactionDefaultValueOptions: P,
-  onSend: D,
-  onPlayerVisibilityChange: B,
-  onStepChange: oe,
-  className: Ie,
-  onPointerDown: se,
-  ...Se
+  playerClassName: q,
+  bufferingText: _ = "Buffering...",
+  interactionTitle: ne,
+  interactionTexts: j,
+  playerAutoHideDelay: F = 3e3,
+  interactionDefaultValueOptions: R,
+  onSend: K,
+  onPlayerVisibilityChange: re,
+  onStepChange: ce,
+  className: Re,
+  onPointerDown: ue,
+  ...Ne
 }) => {
-  const ee = v(null), te = v(null), le = v(null), C = v(null), q = v(null), F = v(null), ie = v([]), H = v(!1), {
-    currentElementList: f,
-    stepElementLists: ae,
-    slideElementList: K,
-    currentIndex: x,
-    audioList: ce,
-    currentAudioSequenceIndexes: k,
-    currentInteractionElement: M,
-    canGoPrev: be,
-    canGoNext: I,
-    handlePrev: ue,
-    handleNext: g
-  } = Xe(b), de = O(() => {
-    if (!(x < 0))
-      return K[x];
-  }, [x, K]), _e = K.filter(
+  const oe = w(null), se = w(null), de = w(null), L = w(null), M = w(null), H = w(null), fe = w([]), z = w(!1), {
+    currentElementList: x,
+    stepElementLists: me,
+    slideElementList: D,
+    currentIndex: S,
+    audioList: pe,
+    currentAudioSequenceIndexes: g,
+    currentStepHasSpeakableElement: N,
+    currentInteractionElement: d,
+    canGoPrev: Ce,
+    canGoNext: T,
+    handlePrev: he,
+    handleNext: b
+  } = at(A), xe = I(() => {
+    if (!(S < 0))
+      return D[S];
+  }, [S, D]), Be = D.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, d = _ && (K.length > 0 || ce.length > 0 || !!M), [fe, U] = y(!0), [V, L] = y(!1), [Te, ne] = y(!1), [Pe] = y(() => ze()), Ee = Pe || Te, [Ae, z] = y(-1), [G, W] = y(-1), [n, re] = y(), [Y, J] = y(!1), E = d && (u || fe), S = i(() => {
-    C.current !== null && (window.clearTimeout(C.current), C.current = null);
-  }, []), m = i(() => {
-    F.current !== null && (window.clearTimeout(F.current), F.current = null);
-  }, []), A = i(() => {
-    q.current !== null && (window.clearTimeout(q.current), q.current = null);
-  }, []), N = i(() => {
-    A(), m(), z(-1), W(-1), re(void 0), J(!1);
-  }, [A, m]), Q = i(() => {
-    const e = k[0];
-    return typeof e != "number" ? !1 : (W(0), z(e), !0);
-  }, [k]), X = i(() => {
-    m(), J(!1), !Q() && I && g();
+  ).length === 1, f = E && (D.length > 0 || pe.length > 0 || !!d), [ge, V] = p(!0), [W, O] = p(!1), [ke, le] = p(!1), [qe] = p(() => nt()), Fe = qe || ke, [Le, U] = p(-1), [G, Y] = p(-1), [ye, m] = p(!1), [J, ve] = p(!1), [r, ie] = p(), [Q, X] = p(!1), C = f && (u || ge || ye), { mountedStepStates: Me, currentMountedStateIndex: ae } = I(() => {
+    const e = [], n = /* @__PURE__ */ new Map();
+    return me.forEach((s, c) => {
+      const o = e.findIndex(
+        (i) => ft(
+          i.elementList,
+          s
+        )
+      );
+      if (o >= 0) {
+        e[o]?.sourceStepIndexes.push(c), n.set(c, o);
+        return;
+      }
+      e.push({
+        elementList: s,
+        sourceStepIndexes: [c]
+      }), n.set(c, e.length - 1);
+    }), {
+      mountedStepStates: e,
+      currentMountedStateIndex: S >= 0 ? n.get(S) ?? -1 : -1
+    };
+  }, [S, me]), Se = I(
+    () => g.join(","),
+    [g]
+  ), be = I(() => d ? `${d.sequence_number ?? "none"}:${String(
+    d.content ?? ""
+  )}` : "none", [d]), He = I(
+    () => [
+      ae,
+      be,
+      Se
+    ].join("|"),
+    [
+      Se,
+      be,
+      ae
+    ]
+  ), P = l(() => {
+    L.current !== null && (window.clearTimeout(L.current), L.current = null);
+  }, []), y = l(() => {
+    H.current !== null && (window.clearTimeout(H.current), H.current = null);
+  }, []), B = l(() => {
+    M.current !== null && (window.clearTimeout(M.current), M.current = null);
+  }, []), k = l(() => {
+    B(), y(), U(-1), Y(-1), m(!1), ve(!1), ie(void 0), X(!1);
+  }, [B, y]), Z = l(() => {
+    const e = g[0];
+    return typeof e != "number" ? !1 : (Y(0), U(e), !0);
+  }, [g]), ee = l(() => {
+    y(), X(!1), !Z() && T && b();
   }, [
-    I,
-    m,
-    g,
-    Q
-  ]), a = i(
-    (e = V) => {
-      d && (U(!0), S(), !(u || !e || R <= 0) && (C.current = window.setTimeout(() => {
-        U(!1), C.current = null;
-      }, R)));
+    T,
+    y,
+    b,
+    Z
+  ]), a = l(
+    (e = W) => {
+      f && (V(!0), P(), !(u || !e || F <= 0) && (L.current = window.setTimeout(() => {
+        V(!1), L.current = null;
+      }, F)));
     },
     [
-      S,
-      V,
+      P,
+      W,
       u,
-      R,
-      d
+      F,
+      f
     ]
   );
   h(() => () => {
-    A(), S(), m();
+    B(), P(), y();
   }, [
-    A,
-    m,
-    S
-  ]), h(() => (B?.(E), () => {
-    B?.(!1);
-  }), [B, E]), h(() => {
-    oe?.(de, x);
-  }, [x, de, oe]), h(() => {
-    if (!d) {
-      S(), U(!1);
+    B,
+    y,
+    P
+  ]), h(() => (re?.(C), () => {
+    re?.(!1);
+  }), [re, C]), h(() => {
+    ce?.(xe, S);
+  }, [S, xe, ce]), h(() => {
+    if (!f) {
+      P(), V(!1);
       return;
     }
     if (u) {
-      S(), U(!0);
+      P(), V(!0);
       return;
     }
-    V || a(!0);
+    W || a(!0);
   }, [
-    S,
-    V,
+    P,
+    W,
     u,
-    d,
+    f,
     a
   ]), h(() => {
     if (typeof window > "u")
       return;
-    const e = (r) => {
-      r.origin === window.location.origin && Ge(r.data) && d && (L(!0), a(!0));
+    const e = (n) => {
+      n.origin === window.location.origin && rt(n.data) && f && (O(!0), a(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [d, a]), Ze({
-    sectionRef: ee,
-    enabled: d,
+  }, [f, a]), ct({
+    sectionRef: oe,
+    enabled: f,
     onWake: () => {
-      L(!0), a(!0);
+      O(!0), a(!0);
     }
   }), h(() => {
-    if (N(), !(f.length === 0 && !M)) {
-      if (M) {
-        re(M), J(!0);
+    if (k(), !(x.length === 0 && !d)) {
+      if (d) {
+        ie(d), X(!0);
         return;
       }
-      if (!Q() && I)
-        return q.current = window.setTimeout(() => {
-          q.current = null, g();
-        }, et), () => {
-          A();
-        };
+      if (!Z()) {
+        if (N) {
+          m(!0);
+          return;
+        }
+        if (T)
+          return M.current = window.setTimeout(() => {
+            M.current = null, b();
+          }, dt), () => {
+            B();
+          };
+      }
     }
   }, [
-    I,
-    A,
-    f,
-    M,
-    g,
+    T,
+    B,
+    x.length,
+    d,
+    He,
     N,
-    Q
+    b,
+    k,
+    Z
+  ]), h(() => {
+    if (!N || d) {
+      m(!1);
+      return;
+    }
+    if (J) {
+      m(!1);
+      return;
+    }
+    g.length === 0 && m(!0);
+  }, [
+    g.length,
+    d,
+    N,
+    J
   ]);
-  const me = O(() => n ? Ye(
-    typeof n.content == "string" ? n.content : void 0,
-    n.user_input,
-    P
-  ) : {}, [n, P]), Ne = O(() => {
-    if (n)
-      return Je(
-        typeof n.content == "string" ? n.content : void 0,
-        n.user_input,
-        P
+  const we = I(() => r ? st(
+    typeof r.content == "string" ? r.content : void 0,
+    r.user_input,
+    R
+  ) : {}, [r, R]), Oe = I(() => {
+    if (r)
+      return lt(
+        typeof r.content == "string" ? r.content : void 0,
+        r.user_input,
+        R
       );
-  }, [n, P]), pe = !!n?.user_input?.trim(), he = !!n?.readonly || pe, xe = he || pe, je = i(
+  }, [r, R]), Ie = !!r?.user_input?.trim(), _e = !!r?.readonly || Ie, Te = _e || Ie, $e = l(
     (e) => {
       const s = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      re((c) => !c || !s ? c : {
+      ie((c) => !c || !s ? c : {
         ...c,
         user_input: s
-      }), D?.(e, n), X();
+      }), K?.(e, r), ee();
     },
-    [n, X, D]
+    [r, ee, K]
   );
   h(() => {
-    if (m(), !(!Y || !xe))
-      return F.current = window.setTimeout(() => {
-        F.current = null, X();
+    if (y(), !(!Q || !Te))
+      return H.current = window.setTimeout(() => {
+        H.current = null, ee();
       }, 2e3), () => {
-        m();
+        y();
       };
   }, [
-    m,
-    X,
-    Y,
-    xe
+    y,
+    ee,
+    Q,
+    Te
   ]);
-  const Re = (e) => e ? e.type === "slot" ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ t.jsx(
-    ye,
+  const Ke = (e, n = {}) => e ? e.type === "slot" ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ t.jsx(
+    Ee,
     {
       className: "content-render-iframe",
       hideFullScreen: !0,
       mode: "blackboard",
+      replaceRootScreenHeightWithFull: n.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content
     }
   ) : /* @__PURE__ */ t.jsx(
-    ye,
+    Ee,
     {
       className: "content-render-iframe",
       hideFullScreen: !0,
@@ -232,55 +296,36 @@ const tt = (b, _) => b.length === _.length && b.every((u, j) => {
       type: "markdown",
       content: e.content
     }
-  ) : null, Be = (e = [], r = !1) => {
+  ) : null, ze = (e = [], n = !1) => {
     if (e.length === 0)
       return null;
     const s = e.filter(
       (o) => o.is_renderable !== !1
     ).length, c = e.reduce(
-      (o, l, p) => l.is_renderable !== !1 ? p : o,
+      (o, i, v) => i.is_renderable !== !1 ? v : o,
       -1
     );
-    return /* @__PURE__ */ t.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((o, l) => {
-      const p = o.type === "html" && o.is_renderable === !1;
+    return /* @__PURE__ */ t.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((o, i) => {
+      const v = o.type === "html" && o.is_renderable === !1;
       return /* @__PURE__ */ t.jsx(
         "div",
         {
-          ref: r && l === c ? le : null,
-          "aria-hidden": p || void 0,
+          ref: n && i === c ? de : null,
+          "aria-hidden": v || void 0,
           className: $(
             "w-full shrink-0",
             s === 1 && o.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" : o.is_renderable === !1 && "hidden"
+            v ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : o.is_renderable === !1 && "hidden"
           ),
-          children: Re(o)
+          children: Ke(o, {
+            replaceRootScreenHeightWithFull: s === 1 && o.type === "html" && o.is_renderable !== !1
+          })
         },
-        o.sequence_number ?? `${o.type}-${l}`
+        o.sequence_number ?? `${o.type}-${i}`
       );
     }) });
-  }, { mountedStepStates: Ce, currentMountedStateIndex: qe } = O(() => {
-    const e = [], r = /* @__PURE__ */ new Map();
-    return ae.forEach((s, c) => {
-      const o = e.findIndex(
-        (l) => tt(
-          l.elementList,
-          s
-        )
-      );
-      if (o >= 0) {
-        e[o]?.sourceStepIndexes.push(c), r.set(c, o);
-        return;
-      }
-      e.push({
-        elementList: s,
-        sourceStepIndexes: [c]
-      }), r.set(c, e.length - 1);
-    }), {
-      mountedStepStates: e,
-      currentMountedStateIndex: x >= 0 ? r.get(x) ?? -1 : -1
-    };
-  }, [x, ae]), Fe = () => {
-    const e = ee.current;
+  }, De = () => {
+    const e = oe.current;
     if (e) {
       if (document.fullscreenElement) {
         document.exitFullscreen().catch(() => {
@@ -290,162 +335,176 @@ const tt = (b, _) => b.length === _.length && b.every((u, j) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, ge = i(() => {
-    const e = te.current;
+  }, Pe = l(() => {
+    const e = se.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), ke = i(() => {
-    H.current = !0, L(!0), ne(!0), a(!0), N(), ue();
-  }, [ue, N, a]), Me = i(() => {
-    H.current = !0, L(!0), ne(!0), a(!0), N(), g();
-  }, [g, N, a]), Le = i(
+  }, []), Ve = l(() => {
+    z.current = !0, O(!0), le(!0), m(!1), a(!0), k(), he();
+  }, [he, k, a]), We = l(() => {
+    z.current = !0, O(!0), le(!0), m(!1), a(!0), k(), b();
+  }, [b, k, a]), Ue = l(
+    (e) => {
+      if (!N || J) {
+        m(!1);
+        return;
+      }
+      m(e);
+    },
+    [N, J]
+  ), Ge = l(
     (e) => {
-      if (G < 0 || k[G] !== e)
+      if (G < 0 || g[G] !== e)
         return;
-      const r = G + 1, s = k[r];
+      const n = G + 1, s = g[n];
       if (typeof s == "number") {
-        W(r), z(s);
+        Y(n), U(s);
         return;
       }
-      z(-1), W(-1), I && g();
+      U(-1), Y(-1), ve(!0), m(!1), T && b();
     },
     [
-      I,
-      k,
+      T,
+      g,
       G,
-      g
+      b
     ]
-  ), Oe = i(() => {
-    n && J((e) => !e);
-  }, [n]), ve = i(
+  ), Ye = l(() => {
+    r && X((e) => !e);
+  }, [r]), Ae = l(
     (e) => {
-      e.stopPropagation(), E && a(!0);
+      e.stopPropagation(), C && a(!0);
     },
-    [fe, a]
-  ), $e = i(
+    [ge, a]
+  ), Je = l(
     (e) => {
-      se?.(e), L(!0), a(!0);
+      ue?.(e), O(!0), a(!0);
     },
-    [se, a]
-  ), De = !!n && Y, Z = O(
-    () => f.map(
-      (e, r) => `${e.sequence_number ?? `${e.type}-${r}`}:${String(e.is_new ?? "")}`
+    [ue, a]
+  ), Qe = !!r && Q, te = I(
+    () => x.map(
+      (e, n) => `${e.sequence_number ?? `${e.type}-${n}`}:${String(e.is_new ?? "")}`
     ),
-    [f]
+    [x]
   );
   return h(() => {
-    const e = ie.current, c = (e.length > 0 && e.length < Z.length && e.every((l, p) => l === Z[p]) ? f.slice(e.length) : []).some(
-      (l) => l.is_new === !1
+    const e = fe.current, c = (e.length > 0 && e.length < te.length && e.every((i, v) => i === te[v]) ? x.slice(e.length) : []).some(
+      (i) => i.is_new === !1
     );
-    if (ie.current = Z, !c)
+    if (fe.current = te, !c)
       return;
     const o = window.requestAnimationFrame(() => {
-      const l = te.current, p = le.current;
-      if (!l || !p)
+      const i = se.current, v = de.current;
+      if (!i || !v)
         return;
-      const He = l.getBoundingClientRect(), Ke = p.getBoundingClientRect(), Ue = l.scrollTop + (Ke.top - He.top);
-      l.scrollTo({
-        top: Math.max(Ue, 0),
+      const Xe = i.getBoundingClientRect(), Ze = v.getBoundingClientRect(), et = i.scrollTop + (Ze.top - Xe.top);
+      i.scrollTo({
+        top: Math.max(et, 0),
         behavior: "smooth"
       });
     });
     return () => {
       window.cancelAnimationFrame(o);
     };
-  }, [f, Z]), h(() => {
-    if (!H.current || (H.current = !1, f.length === 0))
+  }, [x, te]), h(() => {
+    if (!z.current || (z.current = !1, x.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      ge();
+      Pe();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [f, ge]), /* @__PURE__ */ t.jsxs(
+  }, [x, Pe]), /* @__PURE__ */ t.jsxs(
     "section",
     {
-      ref: ee,
-      className: $("relative h-full w-full", Ie),
-      onPointerDown: $e,
-      ...Se,
+      ref: oe,
+      className: $("relative h-full w-full", Re),
+      onPointerDown: Je,
+      ...Ne,
       children: [
         /* @__PURE__ */ t.jsx(
           "div",
           {
             className: $(
               "h-full min-h-0 w-full",
-              _e ? "slide-content--single" : "grid gap-4"
+              Be ? "slide-content--single" : "grid gap-4"
             ),
-            children: f.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ t.jsx("div", { ref: te, className: "slide-stage__layer w-full", children: Ce.map(
-              (e, r) => {
-                const s = r === qe;
+            children: x.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ t.jsx("div", { ref: se, className: "slide-stage__layer w-full", children: Me.map(
+              (e, n) => {
+                const s = n === ae;
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     "aria-hidden": !s || void 0,
-                    className: "w-full",
+                    className: "w-full h-full",
                     style: { display: s ? void 0 : "none" },
-                    children: Be(
+                    children: ze(
                       e.elementList,
                       s
                     )
                   },
-                  e.sourceStepIndexes[0] ?? r
+                  e.sourceStepIndexes[0] ?? n
                 );
               }
             ) }) }) : null
           }
         ),
-        De ? /* @__PURE__ */ t.jsx(
+        ye ? /* @__PURE__ */ t.jsxs("div", { className: "pointer-events-none absolute left-1/2 top-1/2 z-[3] flex size-28 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center gap-2 rounded-2xl bg-foreground/65 px-3 py-4 text-center text-xs leading-4 font-medium text-background shadow-lg backdrop-blur-sm", children: [
+          /* @__PURE__ */ t.jsx(ut, { className: "size-5 animate-spin text-background" }),
+          /* @__PURE__ */ t.jsx("span", { children: _ })
+        ] }) : null,
+        Qe ? /* @__PURE__ */ t.jsx(
           "div",
           {
             className: $(
               "slide-interaction-overlay",
-              E && d ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
+              C && f ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
             ),
-            onClick: ve,
-            onPointerDown: ve,
+            onClick: Ae,
+            onPointerDown: Ae,
             children: /* @__PURE__ */ t.jsx(
-              we,
+              je,
               {
-                content: String(n?.content ?? ""),
-                defaultButtonText: me.buttonText ?? "",
-                defaultInputText: me.inputText ?? "",
-                defaultSelectedValues: Ne,
-                confirmButtonText: T?.confirmButtonText,
-                copyButtonText: T?.copyButtonText,
-                copiedButtonText: T?.copiedButtonText,
-                onSend: je,
-                readonly: he,
-                title: T?.title ?? w ?? "Submit the content below to continue."
+                content: String(r?.content ?? ""),
+                defaultButtonText: we.buttonText ?? "",
+                defaultInputText: we.inputText ?? "",
+                defaultSelectedValues: Oe,
+                confirmButtonText: j?.confirmButtonText,
+                copyButtonText: j?.copyButtonText,
+                copiedButtonText: j?.copiedButtonText,
+                onSend: $e,
+                readonly: _e,
+                title: j?.title ?? ne ?? "Submit the content below to continue."
               }
             )
           }
         ) : null,
-        d ? /* @__PURE__ */ t.jsx(
-          Qe,
+        f ? /* @__PURE__ */ t.jsx(
+          it,
           {
-            audioList: ce,
+            audioList: pe,
             className: $(
               "absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",
-              j,
-              !E && "pointer-events-none opacity-0"
+              q,
+              !C && "pointer-events-none opacity-0"
             ),
-            currentAudioIndex: Ae,
-            defaultPlaying: Ee,
-            hasInteraction: !!n,
-            isInteractionOpen: Y,
-            nextDisabled: !I,
-            onEnded: Le,
-            onFullscreen: Fe,
-            onInteractionToggle: Oe,
-            onPlayRequest: () => ne(!0),
-            onNext: Me,
-            onPrev: ke,
-            prevDisabled: !be,
-            showControls: E
+            currentAudioIndex: Le,
+            defaultPlaying: Fe,
+            hasInteraction: !!r,
+            isInteractionOpen: Q,
+            onLoadingChange: Ue,
+            nextDisabled: !T,
+            onEnded: Ge,
+            onFullscreen: De,
+            onInteractionToggle: Ye,
+            onPlayRequest: () => le(!0),
+            onNext: We,
+            onPrev: Ve,
+            prevDisabled: !Ce,
+            showControls: C
           }
         ) : null
       ]
@@ -453,6 +512,6 @@ const tt = (b, _) => b.length === _.length && b.every((u, j) => {
   );
 };
 export {
-  xt as default
+  Et as default
 };
 //# sourceMappingURL=Slide.es.js.map