markdown-flow-ui 0.2.13 → 0.2.15

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

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