markdown-flow-ui 0.2.19 → 0.2.20-dev.1

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

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