@hanzo/ui 4.8.5 → 5.0.0

package/dist/markdown/index.js

@@ -0,0 +1,669 @@
+'use strict';
+
+var chunkY6WOV2LZ_js = require('../chunk-Y6WOV2LZ.js');
+var chunkT66B5IM5_js = require('../chunk-T66B5IM5.js');
+var chunkCRALRACO_js = require('../chunk-CRALRACO.js');
+var chunkDN2AEEA2_js = require('../chunk-DN2AEEA2.js');
+var react = require('react');
+var ReactMarkdown = require('react-markdown');
+var reactSyntaxHighlighter = require('react-syntax-highlighter');
+var python = require('react-syntax-highlighter/dist/esm/languages/prism/python');
+var tsx = require('react-syntax-highlighter/dist/esm/languages/prism/tsx');
+var github = require('react-syntax-highlighter/dist/esm/styles/hljs/github');
+var rehypeKatex = require('rehype-katex');
+var remarkGfm = require('remark-gfm');
+var remarkMath = require('remark-math');
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var mermaid = require('mermaid');
+var sonner = require('sonner');
+var svgPanZoom = require('svg-pan-zoom');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var python__default = /*#__PURE__*/_interopDefault(python);
+var tsx__default = /*#__PURE__*/_interopDefault(tsx);
+var github__default = /*#__PURE__*/_interopDefault(github);
+var rehypeKatex__default = /*#__PURE__*/_interopDefault(rehypeKatex);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
+var mermaid__default = /*#__PURE__*/_interopDefault(mermaid);
+var svgPanZoom__default = /*#__PURE__*/_interopDefault(svgPanZoom);
+
+var areChildrenEqual = (prev, next) => {
+  if (typeof prev === "string") return prev === next;
+  return JSON.stringify(prev) === JSON.stringify(next);
+};
+var areNodesEqual = (prev, next) => {
+  if (!prev || !next) return false;
+  const isEqual = JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) && areChildrenEqual(prev?.children, next?.children);
+  return isEqual;
+};
+var memoCompareNodes = (prev, next) => {
+  return areNodesEqual(prev.node, next.node);
+};
+var memoizeMarkdownComponents = (components = {}) => {
+  return Object.fromEntries(
+    Object.entries(components ?? {}).map(([key, value]) => {
+      if (!value) return [key, value];
+      const Component = value;
+      const WithoutNode = ({ node, ...props }) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props });
+      };
+      return [key, react.memo(WithoutNode, memoCompareNodes)];
+    })
+  );
+};
+mermaid__default.default.initialize({
+  startOnLoad: true,
+  mindmap: {
+    useWidth: 800
+  },
+  theme: "dark",
+  fontSize: 18,
+  darkMode: true,
+  fontFamily: "Inter"
+});
+var generateId = () => `mermaid-${Math.random().toString(36).slice(2)}`;
+var downloadBlob = async (blob, filename) => {
+  try {
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+    sonner.toast.success("Mermaid diagram saved successfully");
+  } catch (error) {
+    sonner.toast.error("Failed to save diagram");
+    console.error("Download error:", error);
+  }
+};
+var MermaidDiagram = ({
+  code,
+  className,
+  isRunning
+}) => {
+  const ref = react.useRef(null);
+  const lastCode = react.useRef(null);
+  const [instance, setInstance] = react.useState(null);
+  const isComplete = !isRunning;
+  const resetZoom = react.useCallback(() => {
+    instance?.fit();
+    instance?.center();
+  }, [instance]);
+  const downloadSVG = react.useCallback(() => {
+    if (ref.current) {
+      const svg = ref.current.innerHTML;
+      const blob = new Blob([svg], { type: "image/svg+xml" });
+      void downloadBlob(blob, "mermaid-diagram.svg");
+    }
+  }, []);
+  const enableZoom = react.useCallback(() => {
+    instance?.enablePan();
+    instance?.enableZoom();
+  }, [instance]);
+  const disableZoom = react.useCallback(() => {
+    instance?.disablePan();
+    instance?.disableZoom();
+  }, [instance]);
+  const handleFocus = react.useCallback(() => {
+    enableZoom();
+  }, [enableZoom]);
+  const handleBlur = react.useCallback(() => {
+    disableZoom();
+  }, [disableZoom]);
+  const handleClick = react.useCallback(() => {
+    if (ref.current) {
+      ref.current.focus();
+    }
+  }, []);
+  react.useEffect(() => {
+    if (!isComplete || !ref.current || !code) return;
+    if (lastCode.current === code) return;
+    void (async () => {
+      try {
+        const id = generateId();
+        const { svg } = await mermaid__default.default.render(id, code);
+        if (ref.current) {
+          ref.current.innerHTML = svg;
+          const svgElement = ref.current.querySelector("svg");
+          if (svgElement) {
+            svgElement.setAttribute("height", "100%");
+            svgElement.setAttribute("width", "100%");
+            svgElement.style.height = "100%";
+            svgElement.style.width = "100%";
+            svgElement.style.position = "absolute";
+            svgElement.style.top = "0";
+            svgElement.style.left = "0";
+            const panZoomInstance = svgPanZoom__default.default(svgElement);
+            panZoomInstance.fit();
+            panZoomInstance.center();
+            panZoomInstance.zoomAtPoint(1, { x: 0, y: 0 });
+            panZoomInstance.disablePan();
+            panZoomInstance.disableZoom();
+            setInstance(panZoomInstance);
+          }
+        }
+        lastCode.current = code;
+      } catch (e) {
+      }
+    })();
+  }, [code, isComplete]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-2 right-2 z-10 flex gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkT66B5IM5_js.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkT66B5IM5_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkCRALRACO_js.Button,
+          {
+            variant: "tertiary",
+            size: "icon",
+            onClick: resetZoom,
+            className: "text-text-secondary",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { size: 14 })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkT66B5IM5_js.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Reset Zoom" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkT66B5IM5_js.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkT66B5IM5_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkCRALRACO_js.Button,
+          {
+            variant: "tertiary",
+            size: "icon",
+            onClick: downloadSVG,
+            className: "text-text-secondary",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { size: 14 })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkT66B5IM5_js.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Download SVG" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        onClick: handleClick,
+        className: "text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",
+        children: "Click to focus, then scroll to zoom & drag to pan"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        tabIndex: 0,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onClick: handleClick,
+        className: chunkDN2AEEA2_js.cn(
+          "text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",
+          className
+        ),
+        style: { width: "100%", minHeight: "400px" },
+        children: "Drawing diagram..."
+      }
+    )
+  ] });
+};
+function useCallbackRef(callback) {
+  const callbackRef = react.useRef(callback);
+  callbackRef.current = callback;
+  return react.useCallback((...args) => callbackRef.current?.(...args), []);
+}
+var CodeHeader = ({ language, code }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "code-header-root bg-bg-darker text-text-default flex items-center justify-between gap-4 rounded-t-lg px-4 py-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "code-header-language text-text-secondary text-xs font-medium lowercase", children: language }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkY6WOV2LZ_js.CopyToClipboardIcon,
+      {
+        className: chunkDN2AEEA2_js.cn(
+          "text-text-secondary h-7 w-7 bg-transparent hover:bg-gray-900 [&>svg]:h-3 [&>svg]:w-3"
+        ),
+        string: code
+      }
+    )
+  ] });
+};
+var makeMakeSyntaxHighlighter = (SyntaxHighlighter) => (config) => {
+  const PrismSyntaxHighlighter = ({
+    components: { Pre, Code: Code2 },
+    language,
+    code
+  }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SyntaxHighlighter,
+      {
+        CodeTag: Code2,
+        PreTag: Pre,
+        ...config,
+        language,
+        children: code
+      }
+    );
+  };
+  PrismSyntaxHighlighter.displayName = "PrismSyntaxHighlighter";
+  return PrismSyntaxHighlighter;
+};
+reactSyntaxHighlighter.PrismAsyncLight.registerLanguage("js", tsx__default.default);
+reactSyntaxHighlighter.PrismAsyncLight.registerLanguage("jsx", tsx__default.default);
+reactSyntaxHighlighter.PrismAsyncLight.registerLanguage("ts", tsx__default.default);
+reactSyntaxHighlighter.PrismAsyncLight.registerLanguage("tsx", tsx__default.default);
+reactSyntaxHighlighter.PrismAsyncLight.registerLanguage("python", python__default.default);
+var makePrismAsyncLightSyntaxHighlighter = makeMakeSyntaxHighlighter(reactSyntaxHighlighter.PrismAsyncLight);
+var SyntaxHighlighterBase = makePrismAsyncLightSyntaxHighlighter({
+  style: github__default.default,
+  customStyle: {
+    margin: 0,
+    width: "100%",
+    background: "var(--color-bg-darker)",
+    padding: "1.5rem 1rem",
+    fontSize: "0.875em"
+  }
+});
+var defaultComponents = memoizeMarkdownComponents({
+  h1: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "h1",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "mt-[1em] mb-[0.7em] scroll-m-20 text-[1.375rem] font-bold last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h2: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "h2",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-xl mt-[0.8em] mb-[0.4em] scroll-m-20 font-semibold first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h3: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "h3",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-lg mt-[1em] mb-[0.5em] scroll-m-20 font-semibold first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h4: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "h4",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-base mt-[1em] mb-[0.5em] scroll-m-20 font-semibold first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h5: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "h5",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-base mt-[1em] mb-[0.5em] font-semibold first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h6: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "h6",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-base mt-[1em] mb-[0.5em] font-semibold first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  p: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: chunkDN2AEEA2_js.cn("text-em-base my-[0.5em] first:mt-0 last:mb-0", className),
+      ...props
+    }
+  ),
+  a: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "font-medium text-blue-400 underline underline-offset-4",
+        className
+      ),
+      target: "_blank",
+      ...props
+    }
+  ),
+  blockquote: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "blockquote",
+    {
+      className: chunkDN2AEEA2_js.cn("border-l-2 pl-6 italic", className),
+      ...props
+    }
+  ),
+  ul: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-base my-[1em] ml-6 list-disc [&>li]:mt-2",
+        className
+      ),
+      ...props
+    }
+  ),
+  ol: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-base my-[1em] ml-6 list-decimal [&>li]:mt-[0.5em]",
+        className
+      ),
+      ...props
+    }
+  ),
+  hr: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "hr",
+    {
+      className: chunkDN2AEEA2_js.cn("border-divider my-[2.25em] border-b", className),
+      ...props
+    }
+  ),
+  table: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-[1.5em] size-full overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full border-collapse border-spacing-0", ...props }) }),
+  thead: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("thead", { className: chunkDN2AEEA2_js.cn("[&>tr]:border-none", className), ...props }),
+  th: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-sm px-[1em] py-[0.875em] text-left font-semibold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right",
+        className
+      ),
+      ...props
+    }
+  ),
+  td: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "text-em-sm border-divider border-b px-[1em] py-[0.875em] text-left [&[align=center]]:text-center [&[align=right]]:text-right",
+        className
+      ),
+      ...props
+    }
+  ),
+  tr: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg",
+        className
+      ),
+      ...props
+    }
+  ),
+  sup: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "sup",
+    {
+      className: chunkDN2AEEA2_js.cn("[&>a]:text-em-xs [&>a]:no-underline", className),
+      ...props
+    }
+  ),
+  pre: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "pre",
+    {
+      className: chunkDN2AEEA2_js.cn(
+        "bg-bg-darker text-text-default overflow-x-auto rounded-b-lg !px-[1em] !py-[0.5em]",
+        className
+      ),
+      ...props
+    }
+  ),
+  code: function Code({ className, ...props }) {
+    const isCodeBlock = useIsMarkdownCodeBlock();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "code",
+      {
+        className: chunkDN2AEEA2_js.cn(
+          !isCodeBlock && "bg-bg-darker text-em-sm border-divider rounded-sm p-[0.25em] font-semibold",
+          className
+        ),
+        ...props
+      }
+    );
+  },
+  CodeHeader,
+  SyntaxHighlighter: SyntaxHighlighterBase
+});
+var PreContext = react.createContext(null);
+var IsRunningContext = react.createContext(void 0);
+var useIsMarkdownCodeBlock = () => {
+  return react.useContext(PreContext) !== null;
+};
+var useIsRunning = () => {
+  return react.useContext(IsRunningContext);
+};
+var PreOverride = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(PreContext.Provider, { value: rest, children });
+};
+var DefaultPre = ({
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx("pre", { className, ...rest });
+var DefaultCode = ({
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx("code", { className, ...rest });
+var DefaultCodeBlockContent = ({ node, components: { Pre, Code: Code2 }, code }) => /* @__PURE__ */ jsxRuntime.jsx(Pre, { children: /* @__PURE__ */ jsxRuntime.jsx(Code2, { node, children: code }) });
+var DefaultCodeHeader = () => null;
+var DefaultCodeBlock = ({
+  node,
+  components: { Pre, Code: Code2, SyntaxHighlighter, CodeHeader: CodeHeader2 },
+  language,
+  code,
+  isRunning
+}) => {
+  const components = react.useMemo(() => ({ Pre, Code: Code2 }), [Pre, Code2]);
+  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CodeHeader2, { node, language, code }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SH,
+      {
+        node,
+        components,
+        language: language ?? "unknown",
+        code,
+        isRunning
+      }
+    )
+  ] });
+};
+var withDefaultProps = ({
+  className,
+  ...defaultProps
+}) => ({ className: classNameProp, ...props }) => {
+  return {
+    className: chunkDN2AEEA2_js.cn(className, classNameProp),
+    ...defaultProps,
+    ...props
+  };
+};
+var CodeBlockOverride = ({
+  node,
+  components: {
+    Pre,
+    Code: Code2,
+    SyntaxHighlighter: FallbackSyntaxHighlighter,
+    CodeHeader: FallbackCodeHeader
+  },
+  componentsByLanguage = {},
+  children,
+  ...codeProps
+}) => {
+  const preProps = react.useContext(PreContext);
+  const isRunning = useIsRunning();
+  const getPreProps = withDefaultProps(preProps);
+  const WrappedPre = useCallbackRef((props) => /* @__PURE__ */ jsxRuntime.jsx(Pre, { ...getPreProps(props) }));
+  const getCodeProps = withDefaultProps(codeProps);
+  const WrappedCode = useCallbackRef((props) => /* @__PURE__ */ jsxRuntime.jsx(Code2, { ...getCodeProps(props) }));
+  const language = /language-(\w+)/.exec(codeProps.className || "")?.[1] ?? "";
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DefaultCodeBlockContent,
+      {
+        code: children,
+        components: { Pre: WrappedPre, Code: WrappedCode },
+        node
+      }
+    );
+  }
+  const SyntaxHighlighter = componentsByLanguage[language]?.SyntaxHighlighter ?? FallbackSyntaxHighlighter;
+  const CodeHeader2 = componentsByLanguage[language]?.CodeHeader ?? FallbackCodeHeader;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DefaultCodeBlock,
+    {
+      node,
+      components: {
+        Pre: WrappedPre,
+        Code: WrappedCode,
+        SyntaxHighlighter,
+        CodeHeader: CodeHeader2
+      },
+      language: language || "unknown",
+      code: children,
+      isRunning
+    }
+  );
+};
+var CodeOverrideBase = ({
+  node,
+  components,
+  componentsByLanguage,
+  ...props
+}) => {
+  const isCodeBlock = react.useContext(PreContext) !== null;
+  if (!isCodeBlock) return /* @__PURE__ */ jsxRuntime.jsx(components.Code, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CodeBlockOverride,
+    {
+      components,
+      componentsByLanguage,
+      node,
+      ...props
+    }
+  );
+};
+var CodeOverride = react.memo(CodeOverrideBase, (prev, next) => {
+  const isEqual = prev.components === next.components && prev.componentsByLanguage === next.componentsByLanguage && memoCompareNodes(prev, next);
+  return isEqual;
+});
+var MarkdownTextPrimitive = ({
+  components: userComponents,
+  className,
+  containerProps,
+  containerComponent: Container = "div",
+  content,
+  componentsByLanguage,
+  ref,
+  isRunning,
+  ...rest
+}) => {
+  const {
+    pre = DefaultPre,
+    code = DefaultCode,
+    SyntaxHighlighter = DefaultCodeBlockContent,
+    CodeHeader: CodeHeader2 = DefaultCodeHeader
+  } = userComponents ?? {};
+  const useCodeOverrideComponents = react.useMemo(() => {
+    return {
+      Pre: pre,
+      Code: code,
+      SyntaxHighlighter,
+      CodeHeader: CodeHeader2
+    };
+  }, [pre, code, SyntaxHighlighter, CodeHeader2]);
+  const CodeComponent = useCallbackRef((props) => /* @__PURE__ */ jsxRuntime.jsx(
+    CodeOverride,
+    {
+      components: useCodeOverrideComponents,
+      componentsByLanguage,
+      ...props
+    }
+  ));
+  const components = react.useMemo(() => {
+    const { pre: pre2, code: code2, SyntaxHighlighter: SyntaxHighlighter2, CodeHeader: CodeHeader3, ...componentsRest } = userComponents ?? {};
+    return {
+      ...componentsRest,
+      pre: PreOverride,
+      code: CodeComponent
+    };
+  }, [CodeComponent, userComponents]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Container,
+    {
+      ...containerProps,
+      className: chunkDN2AEEA2_js.cn(className, containerProps?.className),
+      ref,
+      children: /* @__PURE__ */ jsxRuntime.jsx(IsRunningContext.Provider, { value: isRunning, children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown__default.default, { components, ...rest, children: content }) })
+    }
+  );
+};
+MarkdownTextPrimitive.displayName = "MarkdownTextPrimitive";
+var MarkdownTextBase = ({
+  className,
+  isRunning,
+  components: userComponents,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MarkdownTextPrimitive,
+    {
+      components: defaultComponents,
+      remarkPlugins: [remarkGfm__default.default, remarkMath__default.default],
+      rehypePlugins: [rehypeKatex__default.default],
+      className: chunkDN2AEEA2_js.cn(isRunning && "md-running", className),
+      isRunning,
+      componentsByLanguage: {
+        mermaid: {
+          SyntaxHighlighter: MermaidDiagram
+        }
+      },
+      ...rest
+    }
+  );
+};
+var MarkdownText = react.memo(
+  MarkdownTextBase,
+  (prev, next) => prev.content === next.content && prev.isRunning === next.isRunning && prev.className === next.className
+);
+
+exports.CodeHeader = CodeHeader;
+exports.CodeOverride = CodeOverride;
+exports.CodeOverrideBase = CodeOverrideBase;
+exports.DefaultCode = DefaultCode;
+exports.DefaultCodeBlock = DefaultCodeBlock;
+exports.DefaultCodeBlockContent = DefaultCodeBlockContent;
+exports.DefaultCodeHeader = DefaultCodeHeader;
+exports.DefaultPre = DefaultPre;
+exports.IsRunningContext = IsRunningContext;
+exports.MarkdownText = MarkdownText;
+exports.MarkdownTextBase = MarkdownTextBase;
+exports.MarkdownTextPrimitive = MarkdownTextPrimitive;
+exports.MermaidDiagram = MermaidDiagram;
+exports.PreContext = PreContext;
+exports.PreOverride = PreOverride;
+exports.SyntaxHighlighterBase = SyntaxHighlighterBase;
+exports.defaultComponents = defaultComponents;
+exports.makePrismAsyncLightSyntaxHighlighter = makePrismAsyncLightSyntaxHighlighter;
+exports.useIsMarkdownCodeBlock = useIsMarkdownCodeBlock;
+exports.useIsRunning = useIsRunning;
+exports.withDefaultProps = withDefaultProps;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map