markdown-flow-ui 0.2.36-dev.1 → 0.3.0-dev.1

package/dist/components/ContentRender/ContentRender.es.js

@@ -1,60 +1,61 @@
-import { jsx as r, jsxs as ze, Fragment as ut } from "react/jsx-runtime";
-import Z, { useMemo as f, useState as Fe, useRef as b, useEffect as te } from "react";
-import { sanitizeInvalidTagName as lt } from "./utils/sanitize-invalid-tag-name.es.js";
-import { stripSvgTextLineBreaks as dt } from "./utils/strip-svg-text-line-breaks.es.js";
+import { jsx as r, jsxs as ze, Fragment as lt } from "react/jsx-runtime";
+import { d as Fe } from "../../_virtual/index.es.js";
+import Z, { useMemo as f, useState as Ge, useRef as b, useEffect as te } from "react";
+import { sanitizeInvalidTagName as dt } from "./utils/sanitize-invalid-tag-name.es.js";
+import { stripSvgTextLineBreaks as mt } from "./utils/strip-svg-text-line-breaks.es.js";
 /* empty css                     */
 /* empty css                             */
 /* empty css                                                   */
 /* empty css                                             */
-import mt, { CodeBlockContext as pt } from "./CodeBlock.es.js";
-import ft from "./plugins/CustomVariable.es.js";
+import pt, { CodeBlockContext as ft } from "./CodeBlock.es.js";
+import ht from "./plugins/CustomVariable.es.js";
 import Ce from "./plugins/MermaidChart.es.js";
-import { preserveCustomVariableProperties as ht, restoreCustomVariableProperties as gt } from "./utils/custom-variable-props.es.js";
-import { subsetLanguages as vt, highlightLanguages as xt } from "./utils/highlight-languages.es.js";
-import { parseMarkdownSegments as Ge, mermaidBlockIsComplete as yt } from "./utils/mermaid-parse.es.js";
-import { getMarkdownSourceAnalysis as wt, getInlineCodeRanges as Ct } from "./utils/inline-code-ranges.es.js";
-import { remarkPlugins as Qe } from "./utils/markdown-plugins.es.js";
+import { preserveCustomVariableProperties as gt, restoreCustomVariableProperties as vt } from "./utils/custom-variable-props.es.js";
+import { subsetLanguages as xt, highlightLanguages as yt } from "./utils/highlight-languages.es.js";
+import { parseMarkdownSegments as _e, mermaidBlockIsComplete as wt } from "./utils/mermaid-parse.es.js";
+import { getMarkdownSourceAnalysis as Ct, getInlineCodeRanges as kt } from "./utils/inline-code-ranges.es.js";
+import { remarkPlugins as Oe } from "./utils/markdown-plugins.es.js";
 import { normalizeInlineHtml as ye } from "./utils/normalize-inline-html.es.js";
 import { escapeTypedMarkdownMetadata as ke } from "./utils/escape-typed-metadata.es.js";
-import kt from "./IframeSandbox.es.js";
-import { getTrailingTypewriterGrapheme as we, appendContentAwareTypewriterQueue as _e, consumeContentAwareTypewriterQueue as Tt, CONTENT_AWARE_TYPEWRITER_TICK_BUDGET as bt, isContentAwareTypewriterQueueEmpty as St } from "./utils/typewriter-pacing.es.js";
-import { normalizeWrappedSandboxContent as Rt, splitContentSegments as Bt } from "./utils/split-content.es.js";
-import { getInteractionDefaultValues as Nt } from "../../lib/interaction-defaults.es.js";
-import { getMarkdownFlowDirection as Lt, getMarkdownFlowLanguage as Mt } from "../../lib/locale.es.js";
+import Tt from "./IframeSandbox.es.js";
+import { getTrailingTypewriterGrapheme as we, appendContentAwareTypewriterQueue as je, consumeContentAwareTypewriterQueue as bt, CONTENT_AWARE_TYPEWRITER_TICK_BUDGET as St, isContentAwareTypewriterQueueEmpty as Rt } from "./utils/typewriter-pacing.es.js";
+import { normalizeWrappedSandboxContent as Bt, splitContentSegments as Nt } from "./utils/split-content.es.js";
+import { getInteractionDefaultValues as Lt } from "../../lib/interaction-defaults.es.js";
+import { getMarkdownFlowDirection as Mt, getMarkdownFlowLanguage as At } from "../../lib/locale.es.js";
 import { getContentRenderLocaleTexts as be } from "./contentRenderI18n.es.js";
-import { createVideoMarkdownRunPlan as At, cloneVideoMarkdownSourceTree as Vt, prepareVideoMarkdownRun as $t, projectVideoMarkdownRun as Et, getVideoMarkdownNodeState as It } from "./utils/video-markdown-run.es.js";
-import { unified as je } from "../../node_modules/unified/lib/index.es.js";
-import Pt from "../../node_modules/remark-rehype/lib/index.es.js";
-import Dt from "../../node_modules/rehype-raw/lib/index.es.js";
-import Wt from "../../node_modules/rehype-highlight/lib/index.es.js";
-import zt from "../../node_modules/rehype-katex/lib/index.es.js";
-import { Markdown as Oe } from "../../node_modules/react-markdown/lib/index.es.js";
-const Ft = 2, Te = ({
+import { createVideoMarkdownRunPlan as Vt, cloneVideoMarkdownSourceTree as $t, prepareVideoMarkdownRun as Et, projectVideoMarkdownRun as Pt, getVideoMarkdownNodeState as It } from "./utils/video-markdown-run.es.js";
+import { unified as He } from "../../node_modules/unified/lib/index.es.js";
+import Dt from "../../node_modules/remark-rehype/lib/index.es.js";
+import Wt from "../../node_modules/rehype-raw/lib/index.es.js";
+import zt from "../../node_modules/rehype-highlight/lib/index.es.js";
+import Ft from "../../node_modules/rehype-katex/lib/index.es.js";
+import { Markdown as Ue } from "../../node_modules/react-markdown/lib/index.es.js";
+const Gt = 2, Te = ({
   svg: t,
   inline: o = !1
 }) => {
-  const s = b(null), a = o ? "span" : "div";
+  const s = b(null), c = o ? "span" : "div";
   return te(() => {
-    const i = s.current;
-    if (!i) return;
-    const l = i.shadowRoot ?? i.attachShadow({ mode: "open" }), x = "content-render-svg-style";
+    const u = s.current;
+    if (!u) return;
+    const l = u.shadowRoot ?? u.attachShadow({ mode: "open" }), x = "content-render-svg-style";
     let g = l.getElementById(x);
     g || (g = document.createElement("style"), g.id = x, g.textContent = `
         svg { height: auto; display: inline-block; }
         svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }
         svg.content-render-svg-el--fixed { max-width: none; }
       `, l.appendChild(g)), Array.from(l.childNodes).filter(
-      (u) => u !== g
-    ).forEach((u) => l.removeChild(u));
-    const y = document.createElement("template"), S = dt(t);
+      (i) => i !== g
+    ).forEach((i) => l.removeChild(i));
+    const y = document.createElement("template"), S = mt(t);
     y.innerHTML = S, l.append(y.content.cloneNode(!0));
     let R = !1, T = !1;
-    l.querySelectorAll("svg").forEach((u) => {
-      const P = u.getAttribute("viewBox");
-      if (!P) return;
-      const D = P.trim().split(/[\s,]+/).map((L) => Number(L));
+    l.querySelectorAll("svg").forEach((i) => {
+      const I = i.getAttribute("viewBox");
+      if (!I) return;
+      const D = I.trim().split(/[\s,]+/).map((L) => Number(L));
       if (D.length !== 4 || D.some(Number.isNaN)) return;
-      const [, , W, C] = D, U = u.getAttribute("width"), z = u.getAttribute("height"), K = (L) => {
+      const [, , W, C] = D, U = i.getAttribute("width"), z = i.getAttribute("height"), K = (L) => {
         if (!L) return !1;
         const M = L.trim().toLowerCase();
         return M === "auto" || M.endsWith("%");
@@ -67,32 +68,32 @@ const Ft = 2, Te = ({
         return Number.isNaN(q) ? null : q;
       }, ue = K(U), le = K(z), re = !U || U === "0", oe = !z || z === "0", de = ne(U), se = ne(z);
       if (ue || le || re && oe || de === W && se === C) {
-        R = !0, u.classList.add("content-render-svg-el--responsive"), u.classList.remove("content-render-svg-el--fixed"), u.style.width = "100%", u.style.height = "auto", !u.style.aspectRatio && C > 0 && (u.style.aspectRatio = `${W} / ${C}`);
+        R = !0, i.classList.add("content-render-svg-el--responsive"), i.classList.remove("content-render-svg-el--fixed"), i.style.width = "100%", i.style.height = "auto", !i.style.aspectRatio && C > 0 && (i.style.aspectRatio = `${W} / ${C}`);
         return;
       }
-      T = !0, u.classList.add("content-render-svg-el--fixed"), u.classList.remove("content-render-svg-el--responsive"), re && W > 0 && u.setAttribute("width", `${W}`), oe && C > 0 && u.setAttribute("height", `${C}`);
+      T = !0, i.classList.add("content-render-svg-el--fixed"), i.classList.remove("content-render-svg-el--responsive"), re && W > 0 && i.setAttribute("width", `${W}`), oe && C > 0 && i.setAttribute("height", `${C}`);
     });
     const p = R && !T;
-    i.classList.toggle("content-render-svg--responsive", p), i.classList.toggle("content-render-svg--fixed", !p);
-  }, [t]), /* @__PURE__ */ r(a, { className: "content-render-svg-scroll", children: /* @__PURE__ */ r(
-    a,
+    u.classList.toggle("content-render-svg--responsive", p), u.classList.toggle("content-render-svg--fixed", !p);
+  }, [t]), /* @__PURE__ */ r(c, { className: "content-render-svg-scroll", children: /* @__PURE__ */ r(
+    c,
     {
       className: "content-render-svg",
-      ref: (i) => {
-        s.current = i;
+      ref: (u) => {
+        s.current = u;
       }
     }
   ) });
 }, ie = Z.createContext(
   null
-), Ue = (t) => {
-  const { receivedTree: o, ...s } = t, a = Z.useContext(ie), i = Z.useContext(pt);
-  if (!a)
+), Ke = (t) => {
+  const { receivedTree: o, ...s } = t, c = Z.useContext(ie), u = Z.useContext(ft);
+  if (!c)
     throw new Error("Markdown code renderer requires ContentRender context.");
   const { className: l, children: x, ...g } = s;
   if (/language-(\w+)/.exec(l || "")?.[1] === "mermaid") {
-    const S = x?.toString().replace(/\n$/, "") || "", R = yt(
-      a.current.renderContent,
+    const S = x?.toString().replace(/\n$/, "") || "", R = wt(
+      c.current.renderContent,
       S
     );
     return /* @__PURE__ */ r(
@@ -100,7 +101,7 @@ const Ft = 2, Te = ({
       {
         chart: S,
         frozen: o ? !R : R,
-        messages: a.current.mermaidMessages
+        messages: c.current.mermaidMessages
       }
     );
   }
@@ -109,62 +110,62 @@ const Ft = 2, Te = ({
     {
       className: l,
       ...g,
-      dir: g.dir ?? (i ? void 0 : "ltr"),
+      dir: g.dir ?? (u ? void 0 : "ltr"),
       children: x
     }
   );
-}, Ke = [
-  ht,
-  Dt,
-  lt,
-  gt
-], Ye = [
-  [Wt, { languages: xt, subset: vt }],
-  zt
-], Gt = [
-  ...Ke,
-  ...Ye
-], He = ({ content: t, components: o, locale: s }) => {
-  const a = be(s);
+}, Ye = [
+  gt,
+  Wt,
+  dt,
+  vt
+], Xe = [
+  [zt, { languages: yt, subset: xt }],
+  Ft
+], _t = [
+  ...Ye,
+  ...Xe
+], qe = ({ content: t, components: o, locale: s }) => {
+  const c = be(s);
   return /* @__PURE__ */ r("div", { className: "markdown-renderer", children: /* @__PURE__ */ r(
-    Oe,
+    Ue,
     {
-      remarkPlugins: Qe,
-      rehypePlugins: Gt,
+      remarkPlugins: Oe,
+      rehypePlugins: _t,
       remarkRehypeOptions: {
-        footnoteLabel: a.footnoteLabel,
-        footnoteBackLabel: (i, l) => {
-          const x = String(i + 1) + (l > 1 ? `-${l}` : "");
-          return a.footnoteBackLabel.replace("{reference}", x);
+        footnoteLabel: c.footnoteLabel,
+        footnoteBackLabel: (u, l) => {
+          const x = String(u + 1) + (l > 1 ? `-${l}` : "");
+          return c.footnoteBackLabel.replace("{reference}", x);
         }
       },
       components: o,
       children: t
     }
   ) });
-}, _t = function() {
+}, jt = function() {
   this.parser = () => ({ type: "root", children: [] });
-}, jt = ({ plan: t, renderedSegments: o, components: s, locale: a }) => {
-  const i = f(() => {
-    const S = be(a), R = je().use(Qe).use(Pt, {
+}, Ht = ({ plan: t, renderedSegments: o, components: s, locale: c }) => {
+  const u = f(() => {
+    const S = be(c), R = He().use(Oe).use(Dt, {
       allowDangerousHtml: !0,
       footnoteLabel: S.footnoteLabel,
-      footnoteBackLabel: (u, P) => S.footnoteBackLabel.replace(
+      footnoteBackLabel: (i, I) => S.footnoteBackLabel.replace(
         "{reference}",
-        String(u + 1) + (P > 1 ? `-${P}` : "")
+        String(i + 1) + (I > 1 ? `-${I}` : "")
       )
-    }).use(Ke), T = je().use(Ye), p = R.runSync(
-      Vt(t),
+    }).use(Ye), T = He().use(Xe), p = R.runSync(
+      $t(t),
       t.markdownSource
     );
-    return $t(
+    return Et(
       t,
       p,
-      (u) => T.runSync(u, t.fullSource)
+      (i) => T.runSync(i, t.fullSource)
     );
-  }, [t, a]), l = f(
-    () => Et(i, o),
-    [i, o]
+  }, [t, c]), l = f(
+    () => Pt(u, o),
+    [u, o]
   ), x = b(s);
   x.current = s;
   const g = b(
@@ -173,51 +174,51 @@ const Ft = 2, Te = ({
     const S = /* @__PURE__ */ new Set(), R = (p) => {
       p.type === "element" && S.add(p.tagName), "children" in p && p.children.forEach(R);
     };
-    R(i.tree);
+    R(u.tree);
     const T = {};
     for (const p of S) {
       if (!g.current.has(p)) {
-        const u = ({
-          node: P,
+        const i = ({
+          node: I,
           children: D,
           ...W
         }) => {
-          const C = It(P);
+          const C = It(I);
           if (C?.svg)
             return C.svgSource ? /* @__PURE__ */ r(Te, { svg: C.svgSource, inline: !0 }) : null;
           if (C?.atomic)
-            return C.active ? /* @__PURE__ */ r(ut, { children: D }) : null;
+            return C.active ? /* @__PURE__ */ r(lt, { children: D }) : null;
           if (C?.active === !1 && p !== "a") return null;
           const z = x.current[p], K = C?.active === !1 ? { ...W, href: void 0, tabIndex: -1 } : W;
           return z ? Z.createElement(
             z,
             {
               ...K,
-              node: P,
-              ...z === Ue ? { receivedTree: !0 } : {}
+              node: I,
+              ...z === Ke ? { receivedTree: !0 } : {}
             },
             D
           ) : Z.createElement(p, K, D);
         };
-        u.displayName = `StableMarkdown(${p})`, g.current.set(p, u);
+        i.displayName = `StableMarkdown(${p})`, g.current.set(p, i);
       }
       T[p] = g.current.get(p);
     }
     return T;
-  }, [i]), y = f(
+  }, [u]), y = f(
     () => [() => () => l],
     [l]
   );
   return /* @__PURE__ */ r("div", { className: "markdown-renderer", children: /* @__PURE__ */ r(
-    Oe,
+    Ue,
     {
-      remarkPlugins: [_t],
+      remarkPlugins: [jt],
       rehypePlugins: y,
       components: ee,
       children: ""
     }
   ) });
-}, H = (t) => t.type === "markdown" && t.immediate === !0, Ht = (t) => {
+}, H = (t) => t.type === "markdown" && t.immediate === !0, qt = (t) => {
   if (t.length <= 1) return t;
   const o = [];
   return t.forEach((s) => {
@@ -225,45 +226,45 @@ const Ft = 2, Te = ({
       o.push(s);
       return;
     }
-    const a = o[o.length - 1];
-    if (a && a.type !== "sandbox" && !H(a)) {
+    const c = o[o.length - 1];
+    if (c && c.type !== "sandbox" && !H(c)) {
       o[o.length - 1] = {
         type: "markdown",
-        value: `${a.value}${s.value}`
+        value: `${c.value}${s.value}`
       };
       return;
     }
     o.push({ type: "markdown", value: s.value });
   }), o;
-}, qt = (t, o, s) => {
+}, Qt = (t, o, s) => {
   if (t.length >= o.length) return t;
-  const a = s.find(
+  const c = s.find(
     ({ start: x, end: g }) => x < t.length && t.length < g
   );
-  if (!a) return t;
-  const i = /^`+/.exec(o.slice(a.start))?.[0];
-  if (!i || t.length < a.start + i.length)
+  if (!c) return t;
+  const u = /^`+/.exec(o.slice(c.start))?.[0];
+  if (!u || t.length < c.start + u.length)
     return t;
-  const l = a.end - i.length;
-  return t.length > l ? t + i.slice(t.length - l) : t + (t.endsWith("`") ? " " : "") + i;
-}, qe = (t, o, s, a, i = 0) => {
-  const l = qt(t, o, s);
-  return ke(t, a, i) + l.slice(t.length);
-}, Qt = (t, o) => {
-  const s = Math.max(1, o), a = Array.from(t);
+  const l = c.end - u.length;
+  return t.length > l ? t + u.slice(t.length - l) : t + (t.endsWith("`") ? " " : "") + u;
+}, Qe = (t, o, s, c, u = 0) => {
+  const l = Qt(t, o, s);
+  return ke(t, c, u) + l.slice(t.length);
+}, Ot = (t, o) => {
+  const s = Math.max(1, o), c = Array.from(t);
   return {
-    chunk: a.slice(0, s).join(""),
-    rest: a.slice(s).join("")
+    chunk: c.slice(0, s).join(""),
+    rest: c.slice(s).join("")
   };
-}, Ot = (t, o) => t === o ? !0 : !t || !o || t.length !== o.length ? !1 : t.every((s, a) => s === o[a]), Ut = (t) => {
+}, Ut = (t, o) => t === o ? !0 : !t || !o || t.length !== o.length ? !1 : t.every((s, c) => s === o[c]), Kt = (t) => {
   const o = b(t);
-  return Ot(o.current, t) || (o.current = t), o.current;
-}, Ln = ({
+  return Ut(o.current, t) || (o.current = t), o.current;
+}, An = ({
   content: t,
   contentType: o,
   locale: s,
-  lang: a,
-  dir: i,
+  lang: c,
+  dir: u,
   customRenderBar: l,
   onSend: x,
   typingSpeed: g = 30,
@@ -273,8 +274,8 @@ const Ft = 2, Te = ({
   onTypewriterStateChange: R,
   userInput: T,
   interactionDefaultValueOptions: p,
-  defaultButtonText: u,
-  defaultInputText: P,
+  defaultButtonText: i,
+  defaultInputText: I,
   defaultSelectedValues: D,
   readonly: W = !1,
   confirmButtonText: C,
@@ -298,33 +299,33 @@ const Ft = 2, Te = ({
       error: F.mermaidErrorText
     }),
     [F]
-  ), M = i ?? Lt(s), q = a ?? Mt(s), Se = C || F.confirmButtonText, Re = U || F.copyButtonText, Be = z || F.copiedButtonText, Xe = re || F.sandboxFullscreenButtonText, Ze = oe || F.sandboxExitFullscreenButtonText, m = !!ee && (!o || o === "text"), B = f(
-    () => Rt(t),
+  ), M = u ?? Mt(s), q = c ?? At(s), Se = C || F.confirmButtonText, Re = U || F.copyButtonText, Be = z || F.copiedButtonText, Ze = re || F.sandboxFullscreenButtonText, Je = oe || F.sandboxExitFullscreenButtonText, m = !!ee && (!o || o === "text"), B = f(
+    () => Bt(t),
     [t]
   ), A = f(
-    () => wt(B),
+    () => Ct(B),
     [B]
   ), w = f(() => {
-    const e = Ht(
-      Bt(B, !0, !0, A)
+    const e = qt(
+      Nt(B, !0, !0, A)
     );
     return B !== t && e.length && (e[0].type === "sandbox" || H(e[0])) ? [{ type: "text", value: "" }, ...e] : e;
   }, [t, B, A]), Y = w.some(
     (e) => e.type === "sandbox" || H(e)
   ), h = Y ? w.filter(
     (e) => e.type !== "sandbox" && !H(e)
-  ).map((e) => e.value).join("") : B, Ne = Math.max(0, g), Je = y === "fixed" ? h : void 0, [E, Le] = Fe(
+  ).map((e) => e.value).join("") : B, Ne = Math.max(0, g), et = y === "fixed" ? h : void 0, [E, Le] = Ge(
     () => m ? "" : h
-  ), ae = b(E), V = b(""), I = b({
+  ), ae = b(E), V = b(""), P = b({
     tokens: [],
     head: 0,
     trailingGrapheme: ""
-  }), Q = b(0), Me = b(m), Ae = b(y), Ve = b(h), pe = b(t), fe = b(!1), [et, tt] = Fe(0);
+  }), Q = b(0), Me = b(m), Ae = b(y), Ve = b(h), pe = b(t), fe = b(!1), [tt, nt] = Ge(0);
   te(() => {
-    const e = Me.current, n = Ae.current, c = Ve.current, d = !!V.current, k = pe.current !== t, xe = k && t.startsWith(pe.current);
+    const e = Me.current, n = Ae.current, a = Ve.current, d = !!V.current, k = pe.current !== t, xe = k && t.startsWith(pe.current);
     pe.current = t, Me.current = m, Ae.current = y, Ve.current = h, (k || m !== e) && (fe.current = !1);
     const X = () => {
-      V.current = "", I.current = {
+      V.current = "", P.current = {
         tokens: [],
         head: 0,
         trailingGrapheme: ""
@@ -340,7 +341,7 @@ const Ft = 2, Te = ({
     let $ = e ? ae.current : "";
     if (!h.startsWith($)) {
       if (X(), !xe) {
-        J(h), y === "content-aware" && (I.current = {
+        J(h), y === "content-aware" && (P.current = {
           tokens: [],
           head: 0,
           trailingGrapheme: we(h)
@@ -354,7 +355,7 @@ const Ft = 2, Te = ({
     }
     let O = h.slice($.length);
     if (!O) {
-      V.current = "", Q.current = 0, I.current = y === "content-aware" ? {
+      V.current = "", Q.current = 0, P.current = y === "content-aware" ? {
         tokens: [],
         head: 0,
         trailingGrapheme: we($)
@@ -362,19 +363,19 @@ const Ft = 2, Te = ({
       return;
     }
     if (y === "content-aware") {
-      const N = c.slice(
+      const N = a.slice(
         $.length
       );
-      if (e && n === "content-aware" && h.startsWith(c) && V.current === N) {
-        const j = _e(
-          I.current,
-          h.slice(c.length)
+      if (e && n === "content-aware" && h.startsWith(a) && V.current === N) {
+        const j = je(
+          P.current,
+          h.slice(a.length)
         );
-        I.current = j.queue, j.immediateChunk && (O = O.slice(
+        P.current = j.queue, j.immediateChunk && (O = O.slice(
           j.immediateChunk.length
         ), J(`${$}${j.immediateChunk}`));
       } else {
-        const j = _e(
+        const j = je(
           {
             tokens: [],
             head: 0,
@@ -382,17 +383,17 @@ const Ft = 2, Te = ({
           },
           O
         );
-        I.current = j.queue, j.immediateChunk && (O = O.slice(
+        P.current = j.queue, j.immediateChunk && (O = O.slice(
           j.immediateChunk.length
         ), J(`${$}${j.immediateChunk}`)), Q.current = 0;
       }
     } else
-      I.current = {
+      P.current = {
         tokens: [],
         head: 0,
         trailingGrapheme: ""
       }, Q.current = 0;
-    V.current = O, !d && O && tt((N) => N + 1);
+    V.current = O, !d && O && nt((N) => N + 1);
   }, [t, h, m, y]), te(() => {
     m && (fe.current || V.current || E !== h || (fe.current = !0, S?.()));
   }, [
@@ -409,34 +410,34 @@ const Ft = 2, Te = ({
         return;
       let n = "";
       if (y === "content-aware") {
-        const d = Tt(
-          I.current,
-          Q.current + bt
+        const d = bt(
+          P.current,
+          Q.current + St
         );
-        n = d.chunk, I.current = d.queue, St(d.queue) ? Q.current = 0 : Q.current = d.remainingBudget;
+        n = d.chunk, P.current = d.queue, Rt(d.queue) ? Q.current = 0 : Q.current = d.remainingBudget;
       } else
-        n = Qt(
+        n = Ot(
           V.current,
-          Ft
+          Gt
         ).chunk;
       if (!n)
         return;
-      V.current = V.current.slice(n.length), V.current || (I.current = y === "content-aware" ? {
+      V.current = V.current.slice(n.length), V.current || (P.current = y === "content-aware" ? {
         tokens: [],
         head: 0,
-        trailingGrapheme: I.current.trailingGrapheme
+        trailingGrapheme: P.current.trailingGrapheme
       } : { tokens: [], head: 0, trailingGrapheme: "" }, Q.current = 0);
-      const c = `${ae.current}${n}`;
-      ae.current = c, Le(c);
+      const a = `${ae.current}${n}`;
+      ae.current = a, Le(a);
     }, Ne);
     return () => window.clearTimeout(e);
   }, [
     E,
-    Je,
+    et,
     m,
     y,
     Ne,
-    et
+    tt
   ]);
   const G = f(() => {
     let e = 0;
@@ -444,11 +445,11 @@ const Ft = 2, Te = ({
       if (!m) return n;
       if (n.type === "sandbox" || H(n))
         return E.length >= e ? n : { ...n, value: "" };
-      const c = E.slice(
+      const a = E.slice(
         e,
         e + n.value.length
       );
-      return e += n.value.length, { ...n, value: c };
+      return e += n.value.length, { ...n, value: a };
     });
   }, [w, E, m]), $e = f(
     () => ({
@@ -456,7 +457,7 @@ const Ft = 2, Te = ({
       isTyping: m && E !== h,
       isComplete: E === h,
       renderedLength: t.length - w.reduce(
-        (e, n, c) => e + n.value.length - G[c].value.length,
+        (e, n, a) => e + n.value.length - G[a].value.length,
         0
       ),
       totalLength: t.length
@@ -476,17 +477,17 @@ const Ft = 2, Te = ({
   const he = f(() => {
     let e = 0;
     return w.map((n) => {
-      const c = e;
-      return e += n.value.length, c;
+      const a = e;
+      return e += n.value.length, a;
     });
   }, [w]), ce = f(
     () => m ? w.map(
-      (e) => e.type === "sandbox" || H(e) ? [] : e.value === B ? A.inline : Ct(e.value)
+      (e) => e.type === "sandbox" || H(e) ? [] : e.value === B ? A.inline : kt(e.value)
     ) : [],
     [m, w, B, A]
-  ), nt = f(
+  ), rt = f(
     () => Y ? G.map(
-      (e, n) => e.type === "sandbox" || H(e) ? e.value : m ? qe(
+      (e, n) => e.type === "sandbox" || H(e) ? e.value : m ? Qe(
         e.value,
         w[n].value,
         ce[n] ?? [],
@@ -507,27 +508,27 @@ const Ft = 2, Te = ({
       A.metadata,
       he
     ]
-  ), rt = f(() => {
+  ), ot = f(() => {
     const e = [];
-    w.forEach((n, c) => {
+    w.forEach((n, a) => {
       const d = e.at(-1);
-      n.type !== "sandbox" && d && !d.sandbox ? d.indices.push(c) : e.push({ indices: [c], sandbox: n.type === "sandbox" });
+      n.type !== "sandbox" && d && !d.sandbox ? d.indices.push(a) : e.push({ indices: [a], sandbox: n.type === "sandbox" });
     });
     for (const n of e)
-      if (!n.sandbox && n.indices.some((c) => H(w[c]))) {
-        const c = n.indices.map((k) => w[k]), d = c.map((k) => k.value).join("");
-        n.plan = At(
-          c,
+      if (!n.sandbox && n.indices.some((a) => H(w[a]))) {
+        const a = n.indices.map((k) => w[k]), d = a.map((k) => k.value).join("");
+        n.plan = Vt(
+          a,
           d === B ? A : void 0
         );
       }
     return e;
-  }, [w, B, A]), _ = Y ? G.map((e) => e.value).join("") : m ? E : B, ot = f(
+  }, [w, B, A]), _ = Y ? G.map((e) => e.value).join("") : m ? E : B, st = f(
     () => l ? ye(_) : "",
     [l, _]
   ), Ee = f(
     () => Y ? "" : ye(
-      m ? qe(
+      m ? Qe(
         _,
         B,
         ce[0] ?? [],
@@ -546,17 +547,17 @@ const Ft = 2, Te = ({
       A.metadata
     ]
   ), ge = f(
-    () => Nt(
+    () => Lt(
       _,
       T,
       p
     ),
     [p, _, T]
-  ), Ie = u?.trim() || ge.buttonText, Pe = P?.trim() || ge.inputText, st = f(
-    () => T ? T.split(",").map((e) => e.trim()).filter(Boolean) : void 0,
+  ), Pe = (i ? Fe.trimVariablePadding(i) : void 0) || ge.buttonText, Ie = I?.trim() || ge.inputText, at = f(
+    () => T ? T.split(",").map((e) => Fe.trimVariablePadding(e)).filter(Boolean) : void 0,
     [T]
-  ), at = D?.length ? D : ge.selectedValues || st, De = Ut(
-    at
+  ), ct = D?.length ? D : ge.selectedValues || at, De = Kt(
+    ct
   ), v = b({
     direction: M,
     language: q,
@@ -570,8 +571,8 @@ const Ft = 2, Te = ({
     resolvedConfirmButtonText: Se,
     resolvedCopiedButtonText: Be,
     resolvedCopyButtonText: Re,
-    resolvedDefaultButtonText: Ie,
-    resolvedDefaultInputText: Pe,
+    resolvedDefaultButtonText: Pe,
+    resolvedDefaultInputText: Ie,
     resolvedDefaultSelectedValues: De
   });
   v.current = {
@@ -587,8 +588,8 @@ const Ft = 2, Te = ({
     resolvedConfirmButtonText: Se,
     resolvedCopiedButtonText: Be,
     resolvedCopyButtonText: Re,
-    resolvedDefaultButtonText: Ie,
-    resolvedDefaultInputText: Pe,
+    resolvedDefaultButtonText: Pe,
+    resolvedDefaultInputText: Ie,
     resolvedDefaultSelectedValues: De
   };
   const ve = f(
@@ -604,7 +605,7 @@ const Ft = 2, Te = ({
         }
       ),
       "custom-variable": (e) => /* @__PURE__ */ r(
-        ft,
+        ht,
         {
           ...e,
           readonly: v.current.readonly,
@@ -619,14 +620,14 @@ const Ft = 2, Te = ({
           confirmButtonText: v.current.resolvedConfirmButtonText
         }
       ),
-      code: Ue,
+      code: Ke,
       table: ({ ...e }) => /* @__PURE__ */ r("div", { className: "content-render-table-container", children: /* @__PURE__ */ r("table", { className: "content-render-table", ...e }) }),
       th: ({ ...e }) => /* @__PURE__ */ r("th", { className: "content-render-th", ...e }),
       td: ({ ...e }) => /* @__PURE__ */ r("td", { className: "content-render-td", ...e }),
       tr: ({ ...e }) => /* @__PURE__ */ r("tr", { className: "content-render-tr", ...e }),
       li: ({ node: e, ...n }) => {
-        const c = e?.properties?.className;
-        return typeof c == "string" && c.includes("task-list-item") || Array.isArray(c) && c.includes("task-list-item") ? /* @__PURE__ */ r("li", { className: "content-render-task-list-item", ...n }) : /* @__PURE__ */ r("li", { ...n });
+        const a = e?.properties?.className;
+        return typeof a == "string" && a.includes("task-list-item") || Array.isArray(a) && a.includes("task-list-item") ? /* @__PURE__ */ r("li", { className: "content-render-task-list-item", ...n }) : /* @__PURE__ */ r("li", { ...n });
       },
       ol: ({ ...e }) => /* @__PURE__ */ r("ol", { className: "content-render-ol", ...e }),
       ul: ({ ...e }) => /* @__PURE__ */ r("ul", { className: "content-render-ul", ...e }),
@@ -641,7 +642,7 @@ const Ft = 2, Te = ({
       ) : /* @__PURE__ */ r("input", { ...e }),
       a: ({ children: e, ...n }) => /* @__PURE__ */ r("a", { target: "_blank", rel: "noopener noreferrer", ...n, children: e }),
       pre: (e) => /* @__PURE__ */ r(
-        mt,
+        pt,
         {
           ...e,
           copyButtonText: v.current.resolvedCopyButtonText,
@@ -650,19 +651,19 @@ const Ft = 2, Te = ({
       )
     }),
     []
-  ), ct = f(
-    () => Ge(Ee),
+  ), it = f(
+    () => _e(Ee),
     [Ee]
-  ), it = (e, n) => {
-    const c = ye(e);
-    return Ge(c).map((k, xe) => {
+  ), ut = (e, n) => {
+    const a = ye(e);
+    return _e(a).map((k, xe) => {
       const X = `${n}-${k.type}-${xe}`;
       return k.type === "text" ? /* @__PURE__ */ r(
         ie.Provider,
         {
           value: v,
           children: /* @__PURE__ */ r(
-            He,
+            qe,
             {
               locale: s,
               components: ve,
@@ -683,7 +684,7 @@ const Ft = 2, Te = ({
     });
   }, We = l ? /* @__PURE__ */ r("div", { className: "content-render-custom-bar", children: Z.createElement(l, {
     content: t,
-    displayContent: ot,
+    displayContent: st,
     onSend: x
   }) }) : null;
   return Y ? /* @__PURE__ */ ze(
@@ -693,14 +694,14 @@ const Ft = 2, Te = ({
       dir: M,
       lang: q,
       children: [
-        rt.map((e) => {
-          const n = e.indices[0], c = G[n];
-          return e.sandbox ? c.value ? /* @__PURE__ */ r(
-            kt,
+        ot.map((e) => {
+          const n = e.indices[0], a = G[n];
+          return e.sandbox ? a.type === "sandbox" && a.value && !a.pending ? /* @__PURE__ */ r(
+            Tt,
             {
               hideFullScreen: !0,
               type: "sandbox",
-              content: c.value,
+              content: a.value,
               className: "content-render-iframe",
               locale: s,
               dir: M,
@@ -709,8 +710,8 @@ const Ft = 2, Te = ({
               styleLoadingText: ne,
               scriptLoadingText: ue,
               disableLoadingOverlay: le,
-              fullScreenButtonText: Xe,
-              exitFullScreenButtonText: Ze,
+              fullScreenButtonText: Ze,
+              exitFullScreenButtonText: Je,
               mode: de
             },
             `sandbox-${n}`
@@ -719,7 +720,7 @@ const Ft = 2, Te = ({
             {
               value: v,
               children: /* @__PURE__ */ r(
-                jt,
+                Ht,
                 {
                   locale: s,
                   components: ve,
@@ -731,8 +732,8 @@ const Ft = 2, Te = ({
               )
             },
             `md-${n}`
-          ) : e.indices.map((d) => /* @__PURE__ */ r(Z.Fragment, { children: G[d].type === "markdown" && G[d].pending ? null : it(
-            nt[d],
+          ) : e.indices.map((d) => /* @__PURE__ */ r(Z.Fragment, { children: G[d].type === "markdown" && G[d].pending ? null : ut(
+            rt[d],
             `md-${d}`
           ) }, `md-${d}`));
         }),
@@ -746,14 +747,14 @@ const Ft = 2, Te = ({
       dir: M,
       lang: q,
       children: [
-        ct.map((e, n) => {
+        it.map((e, n) => {
           if (e.type === "text")
             return /* @__PURE__ */ r(
               ie.Provider,
               {
                 value: v,
                 children: /* @__PURE__ */ r(
-                  He,
+                  qe,
                   {
                     locale: s,
                     components: ve,
@@ -782,7 +783,7 @@ const Ft = 2, Te = ({
   );
 };
 export {
-  He as MarkdownRenderer,
-  Ln as default
+  qe as MarkdownRenderer,
+  An as default
 };
 //# sourceMappingURL=ContentRender.es.js.map