markdown-flow-ui 0.2.15 → 0.2.16-dev.1

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

@@ -1,91 +1,92 @@
-import { jsx as r, jsxs as Re } from "react/jsx-runtime";
-import F, { useMemo as g, useState as Le, useRef as M, useEffect as D } from "react";
-import Me from "../../_virtual/index.es.js";
-import { sanitizeInvalidTagName as Ae } from "./utils/sanitize-invalid-tag-name.es.js";
-import { stripSvgTextLineBreaks as $e } from "./utils/strip-svg-text-line-breaks.es.js";
+import { jsx as r, jsxs as ze } from "react/jsx-runtime";
+import Q, { useMemo as y, useState as Ce, useRef as g, useEffect as H } from "react";
+import We from "../../_virtual/index.es.js";
+import { sanitizeInvalidTagName as Pe } from "./utils/sanitize-invalid-tag-name.es.js";
+import { stripSvgTextLineBreaks as He } from "./utils/strip-svg-text-line-breaks.es.js";
 /* empty css                     */
 /* empty css                             */
 /* empty css                                                   */
 /* empty css                                             */
-import Ve, { CodeBlockContext as ze } from "./CodeBlock.es.js";
-import De from "./plugins/CustomVariable.es.js";
-import ee from "./plugins/MermaidChart.es.js";
-import { preserveCustomVariableProperties as Fe, restoreCustomVariableProperties as Ie } from "./utils/custom-variable-props.es.js";
-import { subsetLanguages as Pe, highlightLanguages as Ee } from "./utils/highlight-languages.es.js";
-import { parseMarkdownSegments as fe, mermaidBlockIsComplete as He } from "./utils/mermaid-parse.es.js";
-import { normalizeInlineHtml as he } from "./utils/normalize-inline-html.es.js";
-import We from "./IframeSandbox.es.js";
-import { splitContentSegments as _e } from "./utils/split-content.es.js";
-import { getInteractionDefaultValues as je } from "../../lib/interaction-defaults.es.js";
-import { getMarkdownFlowDirection as qe, getMarkdownFlowLanguage as Ge } from "../../lib/locale.es.js";
-import { getContentRenderLocaleTexts as ve } from "./contentRenderI18n.es.js";
-import { Markdown as Oe } from "../../node_modules/react-markdown/lib/index.es.js";
-import Ue from "../../node_modules/rehype-raw/lib/index.es.js";
-import Ke from "../../node_modules/rehype-highlight/lib/index.es.js";
-import Xe from "../../node_modules/rehype-katex/lib/index.es.js";
-import Je from "../../node_modules/remark-gfm/lib/index.es.js";
-import Qe from "../../node_modules/remark-math/lib/index.es.js";
-import Ye from "../../node_modules/remark-breaks/lib/index.es.js";
-const Ze = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i, ge = ({ svg: t }) => {
-  const n = M(null);
-  return D(() => {
+import Qe, { CodeBlockContext as qe } from "./CodeBlock.es.js";
+import je from "./plugins/CustomVariable.es.js";
+import se from "./plugins/MermaidChart.es.js";
+import { preserveCustomVariableProperties as Ue, restoreCustomVariableProperties as Ge } from "./utils/custom-variable-props.es.js";
+import { subsetLanguages as Ke, highlightLanguages as Oe } from "./utils/highlight-languages.es.js";
+import { parseMarkdownSegments as be, mermaidBlockIsComplete as Xe } from "./utils/mermaid-parse.es.js";
+import { normalizeInlineHtml as ke } from "./utils/normalize-inline-html.es.js";
+import Ye from "./IframeSandbox.es.js";
+import { appendContentAwareTypewriterQueue as Ze, createContentAwareTypewriterQueue as Je, consumeContentAwareTypewriterQueue as et, CONTENT_AWARE_TYPEWRITER_TICK_BUDGET as tt, isContentAwareTypewriterQueueEmpty as rt } from "./utils/typewriter-pacing.es.js";
+import { splitContentSegments as nt } from "./utils/split-content.es.js";
+import { getInteractionDefaultValues as ot } from "../../lib/interaction-defaults.es.js";
+import { getMarkdownFlowDirection as st, getMarkdownFlowLanguage as at } from "../../lib/locale.es.js";
+import { getContentRenderLocaleTexts as Re } from "./contentRenderI18n.es.js";
+import { Markdown as it } from "../../node_modules/react-markdown/lib/index.es.js";
+import ct from "../../node_modules/rehype-raw/lib/index.es.js";
+import lt from "../../node_modules/rehype-highlight/lib/index.es.js";
+import ut from "../../node_modules/rehype-katex/lib/index.es.js";
+import dt from "../../node_modules/remark-gfm/lib/index.es.js";
+import mt from "../../node_modules/remark-math/lib/index.es.js";
+import pt from "../../node_modules/remark-breaks/lib/index.es.js";
+const ft = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i, ht = 2, Be = ({ svg: t }) => {
+  const n = g(null);
+  return H(() => {
     const o = n.current;
     if (!o) return;
-    const s = o.shadowRoot ?? o.attachShadow({ mode: "open" }), x = "content-render-svg-style";
-    let d = s.getElementById(x);
-    d || (d = document.createElement("style"), d.id = x, d.textContent = `
+    const s = o.shadowRoot ?? o.attachShadow({ mode: "open" }), T = "content-render-svg-style";
+    let u = s.getElementById(T);
+    u || (u = document.createElement("style"), u.id = T, u.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; }
-      `, s.appendChild(d)), Array.from(s.childNodes).filter(
-      (a) => a !== d
+      `, s.appendChild(u)), Array.from(s.childNodes).filter(
+      (a) => a !== u
     ).forEach((a) => s.removeChild(a));
-    const A = document.createElement("template"), S = $e(t);
-    A.innerHTML = S, s.append(A.content.cloneNode(!0));
-    let k = !1, $ = !1;
+    const V = document.createElement("template"), L = He(t);
+    V.innerHTML = L, s.append(V.content.cloneNode(!0));
+    let f = !1, I = !1;
     s.querySelectorAll("svg").forEach((a) => {
-      const I = a.getAttribute("viewBox");
-      if (!I) return;
-      const V = I.trim().split(/[\s,]+/).map((c) => Number(c));
-      if (V.length !== 4 || V.some(Number.isNaN)) return;
-      const [, , C, y] = V, N = a.getAttribute("width"), R = a.getAttribute("height"), P = (c) => {
-        if (!c) return !1;
-        const p = c.trim().toLowerCase();
-        return p === "auto" || p.endsWith("%");
-      }, E = (c) => {
-        if (!c) return null;
-        const p = c.trim().toLowerCase();
-        if (p === "auto" || p.endsWith("%"))
+      const F = a.getAttribute("viewBox");
+      if (!F) return;
+      const _ = F.trim().split(/[\s,]+/).map((x) => Number(x));
+      if (_.length !== 4 || _.some(Number.isNaN)) return;
+      const [, , M, b] = _, S = a.getAttribute("width"), D = a.getAttribute("height"), q = (x) => {
+        if (!x) return !1;
+        const c = x.trim().toLowerCase();
+        return c === "auto" || c.endsWith("%");
+      }, j = (x) => {
+        if (!x) return null;
+        const c = x.trim().toLowerCase();
+        if (c === "auto" || c.endsWith("%"))
           return null;
-        const b = Number.parseFloat(p);
-        return Number.isNaN(b) ? null : b;
-      }, _ = P(N), j = P(R), H = !N || N === "0", W = !R || R === "0", q = E(N), G = E(R);
-      if (_ || j || H && W || q === C && G === y) {
-        k = !0, a.classList.add("content-render-svg-el--responsive"), a.classList.remove("content-render-svg-el--fixed"), a.style.width = "100%", a.style.height = "auto", !a.style.aspectRatio && y > 0 && (a.style.aspectRatio = `${C} / ${y}`);
+        const R = Number.parseFloat(c);
+        return Number.isNaN(R) ? null : R;
+      }, O = q(S), X = q(D), U = !S || S === "0", G = !D || D === "0", Y = j(S), Z = j(D);
+      if (O || X || U && G || Y === M && Z === b) {
+        f = !0, a.classList.add("content-render-svg-el--responsive"), a.classList.remove("content-render-svg-el--fixed"), a.style.width = "100%", a.style.height = "auto", !a.style.aspectRatio && b > 0 && (a.style.aspectRatio = `${M} / ${b}`);
         return;
       }
-      $ = !0, a.classList.add("content-render-svg-el--fixed"), a.classList.remove("content-render-svg-el--responsive"), H && C > 0 && a.setAttribute("width", `${C}`), W && y > 0 && a.setAttribute("height", `${y}`);
+      I = !0, a.classList.add("content-render-svg-el--fixed"), a.classList.remove("content-render-svg-el--responsive"), U && M > 0 && a.setAttribute("width", `${M}`), G && b > 0 && a.setAttribute("height", `${b}`);
     });
-    const v = k && !$;
-    o.classList.toggle("content-render-svg--responsive", v), o.classList.toggle("content-render-svg--fixed", !v);
+    const $ = f && !I;
+    o.classList.toggle("content-render-svg--responsive", $), o.classList.toggle("content-render-svg--fixed", !$);
   }, [t]), /* @__PURE__ */ r("div", { className: "content-render-svg-scroll", children: /* @__PURE__ */ r("div", { className: "content-render-svg", ref: n }) });
-}, te = F.createContext(
+}, ae = Q.createContext(
   null
-), et = (t) => {
-  const n = F.useContext(te), o = F.useContext(ze);
+), gt = (t) => {
+  const n = Q.useContext(ae), o = Q.useContext(qe);
   if (!n)
     throw new Error("Markdown code renderer requires ContentRender context.");
-  const { className: s, children: x, ...d } = t;
+  const { className: s, children: T, ...u } = t;
   if (/language-(\w+)/.exec(s || "")?.[1] === "mermaid") {
-    const S = x?.toString().replace(/\n$/, "") || "", k = He(
+    const L = T?.toString().replace(/\n$/, "") || "", f = Xe(
       n.current.renderContent,
-      S
+      L
     );
     return /* @__PURE__ */ r(
-      ee,
+      se,
       {
-        chart: S,
-        frozen: k,
+        chart: L,
+        frozen: f,
         messages: n.current.mermaidMessages
       }
     );
@@ -94,42 +95,42 @@ const Ze = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
     "code",
     {
       className: s,
-      ...d,
-      dir: d.dir ?? (o ? void 0 : "ltr"),
-      children: x
+      ...u,
+      dir: u.dir ?? (o ? void 0 : "ltr"),
+      children: T
     }
   );
-}, tt = [
-  Je,
-  Qe,
-  Me,
-  Ye
-], rt = [
-  Fe,
+}, xt = [
+  dt,
+  mt,
+  We,
+  pt
+], vt = [
   Ue,
-  Ae,
-  Ie,
-  [Ke, { languages: Ee, subset: Pe }],
-  Xe
-], xe = ({ content: t, components: n, locale: o }) => {
-  const s = ve(o);
+  ct,
+  Pe,
+  Ge,
+  [lt, { languages: Oe, subset: Ke }],
+  ut
+], Se = ({ content: t, components: n, locale: o }) => {
+  const s = Re(o);
   return /* @__PURE__ */ r("div", { className: "markdown-renderer", children: /* @__PURE__ */ r(
-    Oe,
+    it,
     {
-      remarkPlugins: tt,
-      rehypePlugins: rt,
+      remarkPlugins: xt,
+      rehypePlugins: vt,
       remarkRehypeOptions: {
         footnoteLabel: s.footnoteLabel,
-        footnoteBackLabel: (x, d) => {
-          const w = String(x + 1) + (d > 1 ? `-${d}` : "");
-          return s.footnoteBackLabel.replace("{reference}", w);
+        footnoteBackLabel: (T, u) => {
+          const B = String(T + 1) + (u > 1 ? `-${u}` : "");
+          return s.footnoteBackLabel.replace("{reference}", B);
         }
       },
       components: n,
       children: t
     }
   ) });
-}, nt = (t) => {
+}, yt = (t) => {
   if (t.length <= 1) return t;
   const n = [];
   return t.forEach((o) => {
@@ -147,155 +148,193 @@ const Ze = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
     }
     n.push({ type: "markdown", value: o.value });
   }), n;
-}, ot = (t, n) => {
+}, Tt = (t, n) => {
   const o = Math.max(1, n), s = Array.from(t);
   return {
     chunk: s.slice(0, o).join(""),
     rest: s.slice(o).join("")
   };
-}, st = (t, n) => t === n ? !0 : !t || !n || t.length !== n.length ? !1 : t.every((o, s) => o === n[s]), at = (t) => {
-  const n = M(t);
-  return st(n.current, t) || (n.current = t), n.current;
-}, Ft = ({
+}, wt = (t, n) => t === n ? !0 : !t || !n || t.length !== n.length ? !1 : t.every((o, s) => o === n[s]), Ct = (t) => {
+  const n = g(t);
+  return wt(n.current, t) || (n.current = t), n.current;
+}, er = ({
   content: t,
   contentType: n,
   locale: o,
   lang: s,
-  dir: x,
-  customRenderBar: d,
-  onSend: w,
-  typingSpeed: A = 40,
-  enableTypewriter: S = !1,
-  onTypeFinished: k,
+  dir: T,
+  customRenderBar: u,
+  onSend: B,
+  typingSpeed: V = 40,
+  enableTypewriter: L = !1,
+  typewriterPacing: f = "fixed",
+  onTypeFinished: I,
   onTypewriterStateChange: $,
-  userInput: v,
-  interactionDefaultValueOptions: a,
-  defaultButtonText: I,
-  defaultInputText: V,
-  defaultSelectedValues: C,
-  readonly: y = !1,
-  confirmButtonText: N,
-  copyButtonText: R,
-  copiedButtonText: P,
-  sandboxLoadingText: E,
-  sandboxStyleLoadingText: _,
-  sandboxScriptLoadingText: j,
-  disableSandboxLoadingOverlay: H = !1,
-  sandboxFullscreenButtonText: W,
-  sandboxExitFullscreenButtonText: q,
-  sandboxMode: G = "content",
-  onClickCustomButtonAfterContent: O,
-  beforeSend: U
+  userInput: a,
+  interactionDefaultValueOptions: F,
+  defaultButtonText: _,
+  defaultInputText: M,
+  defaultSelectedValues: b,
+  readonly: S = !1,
+  confirmButtonText: D,
+  copyButtonText: q,
+  copiedButtonText: j,
+  sandboxLoadingText: O,
+  sandboxStyleLoadingText: X,
+  sandboxScriptLoadingText: U,
+  disableSandboxLoadingOverlay: G = !1,
+  sandboxFullscreenButtonText: Y,
+  sandboxExitFullscreenButtonText: Z,
+  sandboxMode: ie = "content",
+  onClickCustomButtonAfterContent: J,
+  beforeSend: x
   // tooltipMinLength,
 }) => {
-  const c = ve(o), p = g(
+  const c = Re(o), R = y(
     () => ({
       loading: c.mermaidLoadingText,
       emptyChart: c.mermaidEmptyChartText,
       error: c.mermaidErrorText
     }),
     [c]
-  ), b = x ?? qe(o), z = s ?? Ge(o), re = N || c.confirmButtonText, ne = R || c.copyButtonText, oe = P || c.copiedButtonText, ye = W || c.sandboxFullscreenButtonText, be = q || c.sandboxExitFullscreenButtonText, u = !!S && (!n || n === "text"), se = 2, ae = Math.max(0, A), [T, K] = Le(
-    () => u ? "" : t
-  ), B = M(""), ie = M(u), X = M(!1);
-  D(() => {
-    const e = ie.current;
-    if (ie.current = u, X.current = !1, !u) {
-      B.current = "", K(t);
+  ), z = T ?? st(o), W = s ?? at(o), ce = D || c.confirmButtonText, le = q || c.copyButtonText, ue = j || c.copiedButtonText, Ne = Y || c.sandboxFullscreenButtonText, Ae = Z || c.sandboxExitFullscreenButtonText, d = !!L && (!n || n === "text"), de = Math.max(0, V), Le = f === "fixed" ? t : void 0, [w, me] = Ce(
+    () => d ? "" : t
+  ), K = g(w), h = g(""), k = g({
+    tokens: [],
+    head: 0
+  }), N = g(0), pe = g(d), fe = g(f), he = g(t), ee = g(!1), [Me, De] = Ce(0);
+  H(() => {
+    const e = pe.current, i = fe.current, m = he.current, C = !!h.current;
+    pe.current = d, fe.current = f, he.current = t, (t !== m || d !== e) && (ee.current = !1);
+    const p = () => {
+      h.current = "", k.current = { tokens: [], head: 0 }, N.current = 0;
+    }, P = (E) => {
+      K.current = E, me(E);
+    };
+    if (!d) {
+      p(), P(t);
       return;
     }
-    K((i) => {
-      const m = !e, L = t.startsWith(i);
-      if (!m && !L)
-        return B.current = "", t;
-      const f = m || !L ? "" : i;
-      return B.current = t.slice(f.length), f;
-    });
-  }, [t, u]), D(() => {
-    u && (X.current || B.current || T !== t || (X.current = !0, k?.()));
-  }, [t, T, u, k]), D(() => {
-    if (!u || !B.current)
+    e || (p(), P(""));
+    const A = e ? K.current : "";
+    if (!t.startsWith(A)) {
+      p(), P(t);
+      return;
+    }
+    const oe = t.slice(A.length);
+    if (!oe) {
+      p();
+      return;
+    }
+    if (f === "content-aware") {
+      const E = m.slice(
+        A.length
+      );
+      e && i === "content-aware" && t.startsWith(m) && h.current === E ? k.current = Ze(
+        k.current,
+        t.slice(m.length)
+      ) : (k.current = Je(oe), N.current = 0);
+    } else
+      k.current = { tokens: [], head: 0 }, N.current = 0;
+    h.current = oe, C || De((E) => E + 1);
+  }, [t, d, f]), H(() => {
+    d && (ee.current || h.current || w !== t || (ee.current = !0, I?.()));
+  }, [t, w, d, I]), H(() => {
+    if (!d || !h.current)
       return;
     const e = window.setTimeout(() => {
-      K((i) => {
-        const { chunk: m, rest: L } = ot(
-          B.current,
-          se
+      if (!h.current)
+        return;
+      let i = "";
+      if (f === "content-aware") {
+        const C = et(
+          k.current,
+          N.current + tt
         );
-        return m ? (B.current = L, `${i}${m}`) : i;
-      });
-    }, ae);
+        i = C.chunk, k.current = C.queue, rt(C.queue) ? N.current = 0 : N.current = C.remainingBudget;
+      } else
+        i = Tt(
+          h.current,
+          ht
+        ).chunk;
+      if (!i)
+        return;
+      h.current = h.current.slice(i.length), h.current || (k.current = { tokens: [], head: 0 }, N.current = 0);
+      const m = `${K.current}${i}`;
+      K.current = m, me(m);
+    }, de);
     return () => window.clearTimeout(e);
   }, [
-    t,
-    T,
-    u,
-    se,
-    ae
+    w,
+    Le,
+    d,
+    f,
+    de,
+    Me
   ]);
-  const ce = g(
+  const ge = y(
     () => ({
-      isTypewriterEnabled: u,
-      isTyping: u && T !== t,
-      isComplete: T === t,
-      renderedLength: T.length,
+      isTypewriterEnabled: d,
+      isTyping: d && w !== t,
+      isComplete: w === t,
+      renderedLength: w.length,
       totalLength: t.length
     }),
-    [t, T, u]
+    [t, w, d]
   );
-  D(() => {
-    $?.(ce);
-  }, [$, ce]);
-  const h = u ? T : t, J = g(
-    () => he(h),
-    [h]
-  ), Q = g(
-    () => je(
-      h,
+  H(() => {
+    $?.(ge);
+  }, [$, ge]);
+  const v = d ? w : t, te = y(
+    () => ke(v),
+    [v]
+  ), re = y(
+    () => ot(
       v,
-      a
+      a,
+      F
     ),
-    [a, h, v]
-  ), le = I?.trim() || Q.buttonText, de = V?.trim() || Q.inputText, Te = g(
-    () => v ? v.split(",").map((e) => e.trim()).filter(Boolean) : void 0,
-    [v]
-  ), we = C?.length ? C : Q.selectedValues || Te, ue = at(
-    we
-  ), l = M({
-    direction: b,
-    language: z,
-    mermaidMessages: p,
-    beforeSend: U,
+    [F, v, a]
+  ), xe = _?.trim() || re.buttonText, ve = M?.trim() || re.inputText, Ee = y(
+    () => a ? a.split(",").map((e) => e.trim()).filter(Boolean) : void 0,
+    [a]
+  ), Ve = b?.length ? b : re.selectedValues || Ee, ye = Ct(
+    Ve
+  ), l = g({
+    direction: z,
+    language: W,
+    mermaidMessages: R,
+    beforeSend: x,
     locale: o,
-    onClickCustomButtonAfterContent: O,
-    onSend: w,
-    readonly: y,
-    renderContent: h,
-    resolvedConfirmButtonText: re,
-    resolvedCopiedButtonText: oe,
-    resolvedCopyButtonText: ne,
-    resolvedDefaultButtonText: le,
-    resolvedDefaultInputText: de,
-    resolvedDefaultSelectedValues: ue
+    onClickCustomButtonAfterContent: J,
+    onSend: B,
+    readonly: S,
+    renderContent: v,
+    resolvedConfirmButtonText: ce,
+    resolvedCopiedButtonText: ue,
+    resolvedCopyButtonText: le,
+    resolvedDefaultButtonText: xe,
+    resolvedDefaultInputText: ve,
+    resolvedDefaultSelectedValues: ye
   });
   l.current = {
-    direction: b,
-    language: z,
-    mermaidMessages: p,
-    beforeSend: U,
+    direction: z,
+    language: W,
+    mermaidMessages: R,
+    beforeSend: x,
     locale: o,
-    onClickCustomButtonAfterContent: O,
-    onSend: w,
-    readonly: y,
-    renderContent: h,
-    resolvedConfirmButtonText: re,
-    resolvedCopiedButtonText: oe,
-    resolvedCopyButtonText: ne,
-    resolvedDefaultButtonText: le,
-    resolvedDefaultInputText: de,
-    resolvedDefaultSelectedValues: ue
+    onClickCustomButtonAfterContent: J,
+    onSend: B,
+    readonly: S,
+    renderContent: v,
+    resolvedConfirmButtonText: ce,
+    resolvedCopiedButtonText: ue,
+    resolvedCopyButtonText: le,
+    resolvedDefaultButtonText: xe,
+    resolvedDefaultInputText: ve,
+    resolvedDefaultSelectedValues: ye
   };
-  const me = g(
+  const Te = y(
     () => ({
       "custom-button-after-content": ({
         children: e
@@ -308,7 +347,7 @@ const Ze = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
         }
       ),
       "custom-variable": (e) => /* @__PURE__ */ r(
-        De,
+        je,
         {
           ...e,
           readonly: l.current.readonly,
@@ -323,7 +362,7 @@ const Ze = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
           confirmButtonText: l.current.resolvedConfirmButtonText
         }
       ),
-      code: et,
+      code: gt,
       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 }),
@@ -345,7 +384,7 @@ const Ze = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
       ) : /* @__PURE__ */ r("input", { ...e }),
       a: ({ children: e, ...i }) => /* @__PURE__ */ r("a", { target: "_blank", rel: "noopener noreferrer", ...i, children: e }),
       pre: (e) => /* @__PURE__ */ r(
-        Ve,
+        Qe,
         {
           ...e,
           copyButtonText: l.current.resolvedCopyButtonText,
@@ -354,96 +393,96 @@ const Ze = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
       )
     }),
     []
-  ), pe = g(
-    () => Ze.test(h),
-    [h]
-  ), Y = g(
-    () => pe ? _e(h, !0) : [],
-    [h, pe]
-  ), ke = Y.some(
+  ), we = y(
+    () => ft.test(v),
+    [v]
+  ), ne = y(
+    () => we ? nt(v, !0) : [],
+    [v, we]
+  ), Ie = ne.some(
     (e) => e.type === "sandbox"
-  ), Ce = g(
-    () => nt(Y),
-    [Y]
-  ), Be = g(
-    () => fe(J),
-    [J]
-  ), Se = (e, i) => {
-    const m = he(e);
-    return fe(m).map((f, Ne) => {
-      const Z = `${i}-${f.type}-${Ne}`;
-      return f.type === "text" ? /* @__PURE__ */ r(
-        te.Provider,
+  ), $e = y(
+    () => yt(ne),
+    [ne]
+  ), Fe = y(
+    () => be(te),
+    [te]
+  ), _e = (e, i) => {
+    const m = ke(e);
+    return be(m).map((p, P) => {
+      const A = `${i}-${p.type}-${P}`;
+      return p.type === "text" ? /* @__PURE__ */ r(
+        ae.Provider,
         {
           value: l,
           children: /* @__PURE__ */ r(
-            xe,
+            Se,
             {
               locale: o,
-              components: me,
-              content: f.value
+              components: Te,
+              content: p.value
             }
           )
         },
-        Z
-      ) : f.type === "mermaid" ? /* @__PURE__ */ r(
-        ee,
+        A
+      ) : p.type === "mermaid" ? /* @__PURE__ */ r(
+        se,
         {
-          chart: f.value,
-          frozen: !f.complete,
-          messages: p
+          chart: p.value,
+          frozen: !p.complete,
+          messages: R
         },
-        Z
-      ) : f.type === "svg" ? /* @__PURE__ */ r(ge, { svg: f.value }, Z) : null;
+        A
+      ) : p.type === "svg" ? /* @__PURE__ */ r(Be, { svg: p.value }, A) : null;
     });
   };
-  return ke ? /* @__PURE__ */ r(
+  return Ie ? /* @__PURE__ */ r(
     "div",
     {
       className: "content-render markdown-body",
-      dir: b,
-      lang: z,
-      children: Ce.map(
+      dir: z,
+      lang: W,
+      children: $e.map(
         (e, i) => e.type === "sandbox" ? /* @__PURE__ */ r(
-          We,
+          Ye,
           {
             hideFullScreen: !0,
             type: "sandbox",
             content: e.value,
             className: "content-render-iframe",
             locale: o,
-            dir: b,
-            lang: z,
-            loadingText: E,
-            styleLoadingText: _,
-            scriptLoadingText: j,
-            disableLoadingOverlay: H,
-            fullScreenButtonText: ye,
-            exitFullScreenButtonText: be,
-            mode: G
+            dir: z,
+            lang: W,
+            loadingText: O,
+            styleLoadingText: X,
+            scriptLoadingText: U,
+            disableLoadingOverlay: G,
+            fullScreenButtonText: Ne,
+            exitFullScreenButtonText: Ae,
+            mode: ie
           },
           `sandbox-${i}`
-        ) : /* @__PURE__ */ r(F.Fragment, { children: Se(e.value, `md-${i}`) }, `md-${i}`)
+        ) : /* @__PURE__ */ r(Q.Fragment, { children: _e(e.value, `md-${i}`) }, `md-${i}`)
       )
     }
-  ) : /* @__PURE__ */ Re(
+  ) : /* @__PURE__ */ ze(
     "div",
     {
       className: "content-render markdown-body",
-      dir: b,
-      lang: z,
+      dir: z,
+      lang: W,
       children: [
-        Be.map((e, i) => {
+        Fe.map((e, i) => {
           if (e.type === "text")
             return /* @__PURE__ */ r(
-              te.Provider,
+              ae.Provider,
               {
                 value: l,
                 children: /* @__PURE__ */ r(
-                  xe,
+                  Se,
                   {
                     locale: o,
-                    components: me,
+                    components: Te,
                     content: e.value
                   }
                 )
@@ -452,28 +491,28 @@ const Ze = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
             );
           if (e.type === "mermaid")
             return /* @__PURE__ */ r(
-              ee,
+              se,
               {
                 chart: e.value,
                 frozen: !e.complete,
-                messages: p
+                messages: R
               },
               i
             );
           if (e.type === "svg")
-            return /* @__PURE__ */ r(ge, { svg: e.value }, i);
+            return /* @__PURE__ */ r(Be, { svg: e.value }, i);
         }),
-        d && /* @__PURE__ */ r("div", { className: "content-render-custom-bar", children: F.createElement(d, {
+        u && /* @__PURE__ */ r("div", { className: "content-render-custom-bar", children: Q.createElement(u, {
           content: t,
-          displayContent: J,
-          onSend: w
+          displayContent: te,
+          onSend: B
         }) })
       ]
     }
   );
 };
 export {
-  xe as MarkdownRenderer,
-  Ft as default
+  Se as MarkdownRenderer,
+  er as default
 };
 //# sourceMappingURL=ContentRender.es.js.map