@ai-react-markdown/mantine 1.0.2

package/dist/index.cjs

@@ -0,0 +1,383 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  MantineAIMDefaultExtraStyles: () => DefaultExtraStyles_default,
+  MantineAIMarkdownTypography: () => MantineTypography_default,
+  default: () => MantineAIMarkdown_default,
+  defaultMantineAIMarkdownRenderConfig: () => defaultMantineAIMarkdownRenderConfig,
+  useMantineAIMarkdownMetadata: () => useMantineAIMarkdownMetadata,
+  useMantineAIMarkdownRenderState: () => useMantineAIMarkdownRenderState
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/MantineAIMarkdown.tsx
+var import_react4 = require("react");
+var import_core5 = __toESM(require("@ai-react-markdown/core"), 1);
+var import_core6 = require("@ai-react-markdown/core");
+
+// src/components/typography/MantineTypography.tsx
+var import_react = require("react");
+var import_core = require("@mantine/core");
+var import_jsx_runtime = require("react/jsx-runtime");
+var MantineAIMarkdownTypography = (0, import_react.memo)(({ children, fontSize }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Typography, { w: "100%", fz: fontSize, children }));
+MantineAIMarkdownTypography.displayName = "MantineAIMarkdownTypography";
+var MantineTypography_default = MantineAIMarkdownTypography;
+
+// src/hooks/useMantineAIMarkdownRenderState.ts
+var import_core2 = require("@ai-react-markdown/core");
+var useMantineAIMarkdownRenderState = () => {
+  return (0, import_core2.useAIMarkdownRenderState)();
+};
+
+// src/components/extra-styles/DefaultExtraStyles/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MantineAIMDefaultExtraStyles = ({ children }) => {
+  const renderState = useMantineAIMarkdownRenderState();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `aim-mantine-extra-styles${renderState.config.forceSameFontSize ? " same-font-size" : ""}`, children });
+};
+var DefaultExtraStyles_default = MantineAIMDefaultExtraStyles;
+
+// src/defs.tsx
+var import_core3 = require("@ai-react-markdown/core");
+var defaultMantineAIMarkdownRenderConfig = Object.freeze({
+  ...import_core3.defaultAIMarkdownRenderConfig,
+  forceSameFontSize: false,
+  codeBlock: Object.freeze({
+    defaultExpanded: true,
+    autoDetectUnknownLanguage: false
+  })
+});
+
+// src/components/customized/PreCode.tsx
+var import_react3 = require("react");
+var import_code_highlight2 = require("@mantine/code-highlight");
+var import_deep_parse_json = require("deep-parse-json");
+var import_highlight = __toESM(require("highlight.js"), 1);
+
+// src/components/customized/MermaidCode/index.tsx
+var import_react2 = require("react");
+var import_code_highlight = require("@mantine/code-highlight");
+var import_core4 = require("@mantine/core");
+var import_debounce = __toESM(require("lodash-es/debounce"), 1);
+var import_mermaid = __toESM(require("mermaid"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var generateMermaidUUID = () => {
+  return `mermaid-${(/* @__PURE__ */ new Date()).getTime()}-${Math.random().toString(36).slice(2, 10)}`;
+};
+var handleViewSVGInNewWindow = (svgElement, isDark) => {
+  if (!svgElement) return;
+  const targetSvg = svgElement.cloneNode(true);
+  targetSvg.style.backgroundColor = isDark ? "#242424" : "white";
+  const text = new XMLSerializer().serializeToString(targetSvg);
+  const blob = new Blob([text], { type: "image/svg+xml" });
+  const url = URL.createObjectURL(blob);
+  const win = window.open(url);
+  if (win) {
+    setTimeout(() => URL.revokeObjectURL(url), 5e3);
+  }
+};
+var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
+  const renderState = useMantineAIMarkdownRenderState();
+  const isDark = renderState.colorScheme === "dark";
+  const ref = (0, import_react2.useRef)(null);
+  const [showOriginalCode, setShowOriginalCode] = (0, import_react2.useState)(false);
+  const [renderError, setRenderError] = (0, import_react2.useState)(false);
+  const [chartType, setChartType] = (0, import_react2.useState)("unkown");
+  const debouncedUpdateRenderError = (0, import_react2.useMemo)(
+    () => (0, import_debounce.default)((error) => {
+      setRenderError(error);
+    }, 200),
+    []
+  );
+  (0, import_react2.useEffect)(() => {
+    if (props.code && ref.current) {
+      const renderMermaid = async () => {
+        try {
+          debouncedUpdateRenderError(false);
+          if (ref.current) {
+            import_mermaid.default.initialize({
+              startOnLoad: false,
+              securityLevel: "loose",
+              theme: isDark ? "dark" : "base",
+              darkMode: isDark
+            });
+            const parseResult = await import_mermaid.default.parse(props.code);
+            if (!parseResult) {
+              throw new Error("Failed to parse mermaid code");
+            }
+            const { svg, bindFunctions, diagramType } = await import_mermaid.default.render(
+              generateMermaidUUID(),
+              props.code,
+              ref.current
+            );
+            ref.current.innerHTML = svg;
+            bindFunctions?.(ref.current);
+            setChartType(diagramType);
+          }
+        } catch {
+          debouncedUpdateRenderError(true);
+        }
+      };
+      renderMermaid();
+    }
+  }, [props.code, isDark, showOriginalCode]);
+  const viewSvgInNewWindow = (0, import_react2.useCallback)(() => {
+    handleViewSVGInNewWindow(ref.current?.querySelector("svg"), isDark);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    (showOriginalCode || renderError) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_code_highlight.CodeHighlightTabs,
+      {
+        mb: 15,
+        w: "100%",
+        code: [
+          {
+            fileName: renderError ? "Mermaid Render Error" : "mermaid",
+            code: props.code,
+            language: "mermaid"
+          }
+        ],
+        defaultExpanded: renderState.config.codeBlock.defaultExpanded,
+        maxCollapsedHeight: "320px",
+        styles: {
+          filesScrollarea: {
+            right: "90px"
+          }
+        },
+        controls: renderError ? [] : [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_code_highlight.CodeHighlightControl,
+            {
+              tooltipLabel: "Render Mermaid",
+              onClick: () => {
+                setShowOriginalCode(false);
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core4.Flex, { align: "center", justify: "center", w: 18, h: 18, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "icon-[gravity-ui--logo-mermaid] relative bottom-[1px] text-[16px]" }) })
+            },
+            "gpt"
+          )
+        ],
+        withBorder: true,
+        withExpandButton: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "div",
+      {
+        className: `aim-mantine-mermaid-code ${isDark ? "dark" : ""}`,
+        style: showOriginalCode || renderError ? {
+          display: "none"
+        } : {},
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "chart-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "chart-type-tag", children: chartType }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core4.Flex, { align: "center", justify: "flex-end", gap: 0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core4.Tooltip, { label: "Show Mermaid Code", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_core4.ActionIcon,
+                {
+                  size: 28,
+                  className: "action-icon",
+                  variant: "transparent",
+                  onClick: () => {
+                    setShowOriginalCode(true);
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core4.Flex, { align: "center", justify: "center", w: 18, h: 18, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "icon-[entypo--code] relative bottom-[0.25px] text-[16px]" }) })
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core4.CopyButton, { value: props.code, children: ({ copied, copy }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core4.Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, position: "right", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core4.ActionIcon, { variant: "transparent", size: 28, className: "action-icon", onClick: copy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "icon-origin-[lucide--check] text-[18px]" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 24 24",
+                  strokeWidth: "2",
+                  stroke: "currentColor",
+                  fill: "none",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  width: "18px",
+                  height: "18px",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" })
+                  ]
+                }
+              ) }) }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "pre",
+            {
+              ref,
+              style: { cursor: "pointer", overflow: "auto", width: "100%", padding: "0.5rem" },
+              onClick: () => viewSvgInNewWindow()
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+MantineAIMMermaidCode.displayName = "MantineAIMMermaidCode";
+var MermaidCode_default = MantineAIMMermaidCode;
+
+// src/components/customized/PreCode.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MantineAIMPreCode = (0, import_react3.memo)(
+  (props) => {
+    const renderState = useMantineAIMarkdownRenderState();
+    const [codeLanguage, setCodeLanguage] = (0, import_react3.useState)(props.existLanguage || "");
+    (0, import_react3.useEffect)(() => {
+      if (props.existLanguage) {
+        setCodeLanguage(props.existLanguage);
+      } else if (renderState.config.codeBlock.autoDetectUnknownLanguage) {
+        const result = import_highlight.default.highlightAuto(props.codeText);
+        setCodeLanguage(result.language || "");
+      } else {
+        setCodeLanguage("");
+      }
+    }, [props.existLanguage, props.codeText, renderState.config.codeBlock.autoDetectUnknownLanguage]);
+    const [usedCodeLanguage, usedFileName] = (0, import_react3.useMemo)(() => {
+      if (!codeLanguage) return ["plaintext", "unknown"];
+      if (!import_highlight.default.getLanguage(codeLanguage)) {
+        return ["plaintext", codeLanguage];
+      }
+      return [codeLanguage, codeLanguage];
+    }, [codeLanguage]);
+    const isMermaidCodeBlock = codeLanguage === "mermaid";
+    const isSpecialCodeBlock = isMermaidCodeBlock;
+    const normalCodeBlockContent = (0, import_react3.useMemo)(() => {
+      let usedCodeStr = props.codeText;
+      if (usedCodeStr && usedCodeLanguage.toLowerCase() === "json") {
+        const deepParsedResult = (0, import_deep_parse_json.deepParseJson)(usedCodeStr);
+        usedCodeStr = typeof deepParsedResult === "string" ? deepParsedResult : JSON.stringify(deepParsedResult, null, 2);
+      }
+      return usedFileName === "unknown" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_code_highlight2.CodeHighlight,
+        {
+          mb: 15,
+          w: "100%",
+          code: usedCodeStr,
+          withBorder: true,
+          withExpandButton: true,
+          defaultExpanded: renderState.config.codeBlock.defaultExpanded,
+          maxCollapsedHeight: "320px"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_code_highlight2.CodeHighlightTabs,
+        {
+          mb: 15,
+          w: "100%",
+          code: [
+            {
+              fileName: usedFileName,
+              code: usedCodeStr,
+              language: usedCodeLanguage
+            }
+          ],
+          withBorder: true,
+          withExpandButton: true,
+          defaultExpanded: renderState.config.codeBlock.defaultExpanded,
+          maxCollapsedHeight: "320px"
+        }
+      );
+    }, [props.codeText, usedCodeLanguage, usedFileName]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      isMermaidCodeBlock && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MermaidCode_default, { code: props.codeText }),
+      !isSpecialCodeBlock && normalCodeBlockContent
+    ] });
+  }
+);
+MantineAIMPreCode.displayName = "MantineAIMPreCode";
+var PreCode_default = MantineAIMPreCode;
+
+// src/MantineAIMarkdown.tsx
+var import_core7 = require("@mantine/core");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var DefaultCustomComponents = {
+  pre: (0, import_react4.memo)(({ node, ...usefulProps }) => {
+    const code = node?.children[0];
+    const memoizedPreCode = (0, import_react4.useMemo)(() => {
+      if (!code || code.type !== "element" || code.tagName !== "code" || !code.position) {
+        return null;
+      }
+      const key = `pre-code-${node.position?.start?.offset || 0}`;
+      const detectedLanguage = code.properties?.className?.find((className) => className.startsWith("language-"))?.substring("language-".length);
+      const codeText = code.children.map((child) => "value" in child ? child.value : "").join("\n");
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PreCode_default, { codeText, existLanguage: detectedLanguage }, key);
+    }, [code, node?.position?.start?.offset]);
+    return memoizedPreCode ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { ...usefulProps });
+  })
+};
+var MantineAIMarkdownComponent = ({
+  Typography: Typography2 = MantineTypography_default,
+  ExtraStyles = DefaultExtraStyles_default,
+  defaultConfig = defaultMantineAIMarkdownRenderConfig,
+  customComponents,
+  colorScheme,
+  ...props
+}) => {
+  const stableCustomComponents = (0, import_core6.useStableValue)(customComponents);
+  const usedComponents = (0, import_react4.useMemo)(() => {
+    return stableCustomComponents ? { ...DefaultCustomComponents, ...stableCustomComponents } : DefaultCustomComponents;
+  }, [stableCustomComponents]);
+  const computedColorScheme = (0, import_core7.useComputedColorScheme)("light");
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_core5.default,
+    {
+      Typography: Typography2,
+      ExtraStyles,
+      defaultConfig,
+      customComponents: usedComponents,
+      colorScheme: colorScheme ?? computedColorScheme,
+      ...props
+    }
+  );
+};
+var MantineAIMarkdown = (0, import_react4.memo)(MantineAIMarkdownComponent);
+MantineAIMarkdown.displayName = "MantineAIMarkdown";
+var MantineAIMarkdown_default = MantineAIMarkdown;
+
+// src/hooks/useMantineAIMarkdownMetadata.ts
+var import_core8 = require("@ai-react-markdown/core");
+var useMantineAIMarkdownMetadata = () => {
+  return (0, import_core8.useAIMarkdownMetadata)();
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MantineAIMDefaultExtraStyles,
+  MantineAIMarkdownTypography,
+  defaultMantineAIMarkdownRenderConfig,
+  useMantineAIMarkdownMetadata,
+  useMantineAIMarkdownRenderState
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx","../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/defs.tsx","../src/components/customized/PreCode.tsx","../src/components/customized/MermaidCode/index.tsx","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["// Mantine-specific components\nexport type { MantineAIMarkdownProps } from './MantineAIMarkdown';\nexport { default } from './MantineAIMarkdown';\nexport { default as MantineAIMarkdownTypography } from './components/typography/MantineTypography';\nexport { default as MantineAIMDefaultExtraStyles } from './components/extra-styles/DefaultExtraStyles';\n\n// Mantine-specific types, config, and hooks\nexport type { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata } from './defs';\nexport { defaultMantineAIMarkdownRenderConfig } from './defs';\nexport { useMantineAIMarkdownRenderState } from './hooks/useMantineAIMarkdownRenderState';\nexport { useMantineAIMarkdownMetadata } from './hooks/useMantineAIMarkdownMetadata';\n","import { memo, useMemo } from 'react';\nimport AIMarkdown from '@ai-react-markdown/core';\nimport { type AIMarkdownProps, type AIMarkdownCustomComponents, useStableValue } from '@ai-react-markdown/core';\nimport MantineAIMarkdownTypography from './components/typography/MantineTypography';\nimport MantineAIMDefaultExtraStyles from './components/extra-styles/DefaultExtraStyles';\nimport { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata, defaultMantineAIMarkdownRenderConfig } from './defs';\nimport MantineAIMPreCode from './components/customized/PreCode';\nimport { useComputedColorScheme } from '@mantine/core';\n\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\n\nconst DefaultCustomComponents: AIMarkdownCustomComponents = {\n  pre: memo(({ node, ...usefulProps }) => {\n    const code = node?.children[0];\n    const memoizedPreCode = useMemo(() => {\n      if (!code || code.type !== 'element' || code.tagName !== 'code' || !code.position) {\n        return null;\n      }\n      const key = `pre-code-${node.position?.start?.offset || 0}`;\n      const detectedLanguage = (code.properties?.className as string[])\n        ?.find((className: string) => className.startsWith('language-'))\n        ?.substring('language-'.length);\n      const codeText = code.children.map((child) => ('value' in child ? child.value : '')).join('\\n');\n      return <MantineAIMPreCode key={key} codeText={codeText} existLanguage={detectedLanguage} />;\n    }, [code, node?.position?.start?.offset]);\n    return memoizedPreCode ?? <pre {...usefulProps} />;\n  }),\n};\n\nconst MantineAIMarkdownComponent = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>({\n  Typography = MantineAIMarkdownTypography,\n  ExtraStyles = MantineAIMDefaultExtraStyles,\n  defaultConfig = defaultMantineAIMarkdownRenderConfig as TConfig,\n  customComponents,\n  colorScheme,\n  ...props\n}: MantineAIMarkdownProps<TConfig, TRenderData>) => {\n  const stableCustomComponents = useStableValue(customComponents);\n\n  const usedComponents = useMemo(() => {\n    return stableCustomComponents ? { ...DefaultCustomComponents, ...stableCustomComponents } : DefaultCustomComponents;\n  }, [stableCustomComponents]);\n\n  const computedColorScheme = useComputedColorScheme('light');\n\n  return (\n    <AIMarkdown<MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata>\n      Typography={Typography}\n      ExtraStyles={ExtraStyles}\n      defaultConfig={defaultConfig}\n      customComponents={usedComponents}\n      colorScheme={colorScheme ?? computedColorScheme}\n      {...props}\n    />\n  );\n};\n\nexport const MantineAIMarkdown = memo(MantineAIMarkdownComponent);\n\nMantineAIMarkdown.displayName = 'MantineAIMarkdown';\n\nexport default MantineAIMarkdown;\n","import { memo } from 'react';\nimport { Typography } from '@mantine/core';\nimport type { AIMarkdownTypographyProps } from '@ai-react-markdown/core';\n\nconst MantineAIMarkdownTypography = memo(({ children, fontSize }: AIMarkdownTypographyProps) => (\n  <Typography w=\"100%\" fz={fontSize}>\n    {children}\n  </Typography>\n));\n\nMantineAIMarkdownTypography.displayName = 'MantineAIMarkdownTypography';\n\nexport default MantineAIMarkdownTypography;\n","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\nexport const useMantineAIMarkdownRenderState = () => {\n  return useAIMarkdownRenderState<MantineAIMarkdownRenderConfig>();\n};\n","import { AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';\nimport { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\nimport './styles.scss';\n\nconst MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent = ({ children }) => {\n  const renderState = useMantineAIMarkdownRenderState();\n  return (\n    <div className={`aim-mantine-extra-styles${renderState.config.forceSameFontSize ? ' same-font-size' : ''}`}>\n      {children}\n    </div>\n  );\n};\n\nexport default MantineAIMDefaultExtraStyles;\n","import { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  forceSameFontSize: boolean;\n  codeBlock: {\n    defaultExpanded: boolean;\n    autoDetectUnknownLanguage: boolean;\n  };\n}\n\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  forceSameFontSize: false,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\n});\n\nexport interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {}\n","'use client';\n\nimport { HTMLAttributes, memo, useEffect, useMemo, useState } from 'react';\nimport { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { deepParseJson } from 'deep-parse-json';\nimport hljs from 'highlight.js';\nimport { useMantineAIMarkdownRenderState } from '../../hooks/useMantineAIMarkdownRenderState';\nimport MantineAIMMermaidCode from './MermaidCode';\n\nconst MantineAIMPreCode = memo(\n  (\n    props: HTMLAttributes<HTMLPreElement> & {\n      codeText: string;\n      existLanguage?: string;\n    }\n  ) => {\n    const renderState = useMantineAIMarkdownRenderState();\n\n    const [codeLanguage, setCodeLanguage] = useState(props.existLanguage || '');\n\n    useEffect(() => {\n      if (props.existLanguage) {\n        setCodeLanguage(props.existLanguage);\n      } else if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        const result = hljs.highlightAuto(props.codeText);\n        setCodeLanguage(result.language || '');\n      } else {\n        setCodeLanguage('');\n      }\n    }, [props.existLanguage, props.codeText, renderState.config.codeBlock.autoDetectUnknownLanguage]);\n\n    const [usedCodeLanguage, usedFileName] = useMemo(() => {\n      if (!codeLanguage) return ['plaintext', 'unknown'];\n      if (!hljs.getLanguage(codeLanguage)) {\n        return ['plaintext', codeLanguage];\n      }\n      return [codeLanguage, codeLanguage];\n    }, [codeLanguage]);\n\n    const isMermaidCodeBlock = codeLanguage === 'mermaid';\n    const isSpecialCodeBlock = isMermaidCodeBlock;\n\n    const normalCodeBlockContent = useMemo(() => {\n      let usedCodeStr = props.codeText;\n      if (usedCodeStr && usedCodeLanguage.toLowerCase() === 'json') {\n        const deepParsedResult = deepParseJson(usedCodeStr);\n        usedCodeStr =\n          typeof deepParsedResult === 'string' ? deepParsedResult : JSON.stringify(deepParsedResult, null, 2);\n      }\n      return usedFileName === 'unknown' ? (\n        <CodeHighlight\n          mb={15}\n          w=\"100%\"\n          code={usedCodeStr}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      ) : (\n        <CodeHighlightTabs\n          mb={15}\n          w=\"100%\"\n          code={[\n            {\n              fileName: usedFileName,\n              code: usedCodeStr,\n              language: usedCodeLanguage,\n            },\n          ]}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      );\n    }, [props.codeText, usedCodeLanguage, usedFileName]);\n\n    return (\n      <>\n        {isMermaidCodeBlock && <MantineAIMMermaidCode code={props.codeText} />}\n        {!isSpecialCodeBlock && normalCodeBlockContent}\n      </>\n    );\n  }\n);\n\nMantineAIMPreCode.displayName = 'MantineAIMPreCode';\n\nexport default MantineAIMPreCode;\n","'use client';\n\nimport React, { memo, useMemo, useEffect, useRef, useState, useCallback } from 'react';\nimport { CodeHighlightControl, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { ActionIcon, CopyButton, Flex, Tooltip } from '@mantine/core';\nimport debounce from 'lodash-es/debounce';\nimport mermaid from 'mermaid';\nimport { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\nimport './styles.scss';\n\nconst generateMermaidUUID = () => {\n  return `mermaid-${new Date().getTime()}-${Math.random().toString(36).slice(2, 10)}`;\n};\n\nconst handleViewSVGInNewWindow = (svgElement: SVGElement | null | undefined, isDark: boolean) => {\n  if (!svgElement) return;\n  const targetSvg = svgElement.cloneNode(true) as SVGElement;\n  targetSvg.style.backgroundColor = isDark ? '#242424' : 'white';\n  const text = new XMLSerializer().serializeToString(targetSvg);\n  const blob = new Blob([text], { type: 'image/svg+xml' });\n  const url = URL.createObjectURL(blob);\n  const win = window.open(url);\n  if (win) {\n    setTimeout(() => URL.revokeObjectURL(url), 5000);\n  }\n};\n\nconst MantineAIMMermaidCode = memo((props: { code: string }) => {\n  const renderState = useMantineAIMarkdownRenderState();\n  const isDark = renderState.colorScheme === 'dark';\n\n  const ref = useRef<HTMLPreElement>(null);\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n  const [renderError, setRenderError] = useState(false);\n  const [chartType, setChartType] = useState('unkown');\n\n  const debouncedUpdateRenderError = useMemo(\n    () =>\n      debounce((error: boolean) => {\n        setRenderError(error);\n      }, 200),\n    []\n  );\n\n  useEffect(() => {\n    if (props.code && ref.current) {\n      const renderMermaid = async () => {\n        try {\n          debouncedUpdateRenderError(false);\n          if (ref.current) {\n            mermaid.initialize({\n              startOnLoad: false,\n              securityLevel: 'loose',\n              theme: isDark ? 'dark' : 'base',\n              darkMode: isDark,\n            });\n            const parseResult = await mermaid.parse(props.code);\n            if (!parseResult) {\n              throw new Error('Failed to parse mermaid code');\n            }\n            const { svg, bindFunctions, diagramType } = await mermaid.render(\n              generateMermaidUUID(),\n              props.code,\n              ref.current\n            );\n            ref.current.innerHTML = svg;\n            bindFunctions?.(ref.current);\n            setChartType(diagramType);\n          }\n        } catch {\n          debouncedUpdateRenderError(true);\n        }\n      };\n\n      renderMermaid();\n    }\n  }, [props.code, isDark, showOriginalCode]);\n\n  const viewSvgInNewWindow = useCallback(() => {\n    handleViewSVGInNewWindow(ref.current?.querySelector('svg'), isDark);\n  }, []);\n\n  return (\n    <>\n      {(showOriginalCode || renderError) && (\n        <CodeHighlightTabs\n          mb={15}\n          w=\"100%\"\n          code={[\n            {\n              fileName: renderError ? 'Mermaid Render Error' : 'mermaid',\n              code: props.code,\n              language: 'mermaid',\n            },\n          ]}\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n          styles={{\n            filesScrollarea: {\n              right: '90px',\n            },\n          }}\n          controls={\n            renderError\n              ? []\n              : [\n                  <CodeHighlightControl\n                    tooltipLabel=\"Render Mermaid\"\n                    key=\"gpt\"\n                    onClick={() => {\n                      setShowOriginalCode(false);\n                    }}\n                  >\n                    <Flex align=\"center\" justify=\"center\" w={18} h={18}>\n                      <span className=\"icon-[gravity-ui--logo-mermaid] relative bottom-[1px] text-[16px]\"></span>\n                    </Flex>\n                  </CodeHighlightControl>,\n                ]\n          }\n          withBorder\n          withExpandButton\n        />\n      )}\n      <div\n        className={`aim-mantine-mermaid-code ${isDark ? 'dark' : ''}`}\n        style={\n          showOriginalCode || renderError\n            ? {\n                display: 'none',\n              }\n            : {}\n        }\n      >\n        <div className=\"chart-header\">\n          <div className=\"chart-type-tag\">{chartType}</div>\n          <Flex align=\"center\" justify=\"flex-end\" gap={0}>\n            <Tooltip label=\"Show Mermaid Code\">\n              <ActionIcon\n                size={28}\n                className=\"action-icon\"\n                variant=\"transparent\"\n                onClick={() => {\n                  setShowOriginalCode(true);\n                }}\n              >\n                <Flex align=\"center\" justify=\"center\" w={18} h={18}>\n                  <span className=\"icon-[entypo--code] relative bottom-[0.25px] text-[16px]\"></span>\n                </Flex>\n              </ActionIcon>\n            </Tooltip>\n            <CopyButton value={props.code}>\n              {({ copied, copy }) => (\n                <Tooltip label={copied ? 'Copied' : 'Copy'} withArrow position=\"right\">\n                  <ActionIcon variant=\"transparent\" size={28} className=\"action-icon\" onClick={copy}>\n                    {copied ? (\n                      <span className=\"icon-origin-[lucide--check] text-[18px]\"></span>\n                    ) : (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        strokeWidth=\"2\"\n                        stroke=\"currentColor\"\n                        fill=\"none\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        width=\"18px\"\n                        height=\"18px\"\n                      >\n                        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n                        <path d=\"M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z\"></path>\n                        <path d=\"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2\"></path>\n                      </svg>\n                    )}\n                  </ActionIcon>\n                </Tooltip>\n              )}\n            </CopyButton>\n          </Flex>\n        </div>\n        <pre\n          ref={ref}\n          style={{ cursor: 'pointer', overflow: 'auto', width: '100%', padding: '0.5rem' }}\n          onClick={() => viewSvgInNewWindow()}\n        />\n      </div>\n    </>\n  );\n});\n\nMantineAIMMermaidCode.displayName = 'MantineAIMMermaidCode';\n\nexport default MantineAIMMermaidCode;\n","import { useAIMarkdownMetadata } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownMetadata } from '../defs';\n\nexport const useMantineAIMarkdownMetadata = () => {\n  return useAIMarkdownMetadata<MantineAIMarkdownMetadata>();\n};\n"],"mappings":"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","names":["import_react","import_core","import_core","import_jsx_runtime","import_core","import_react","import_code_highlight","import_react","import_core","import_jsx_runtime","debounce","mermaid","import_jsx_runtime","hljs","import_core","import_jsx_runtime","Typography","AIMarkdown","import_core"]}

package/dist/index.css

@@ -0,0 +1,195 @@
+/* src/components/extra-styles/DefaultExtraStyles/styles.scss */
+.aim-mantine-extra-styles {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-items: flex-start;
+  align-items: flex-start;
+  white-space: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  text-rendering: optimizeLegibility;
+  --mantine-spacing-xs: calc(0.625em * var(--mantine-scale));
+  --mantine-spacing-sm: calc(0.75em * var(--mantine-scale));
+  --mantine-spacing-md: calc(1em * var(--mantine-scale));
+  --mantine-spacing-lg: calc(1.25em * var(--mantine-scale));
+  --mantine-spacing-xl: calc(2em * var(--mantine-scale));
+  --mantine-font-size-xs: calc(0.75em * var(--mantine-scale));
+  --mantine-font-size-sm: calc(0.875em * var(--mantine-scale));
+  --mantine-font-size-md: calc(1em * var(--mantine-scale));
+  --mantine-font-size-lg: calc(1.125em * var(--mantine-scale));
+  --mantine-font-size-xl: calc(1.25em * var(--mantine-scale));
+}
+.aim-mantine-extra-styles :first-child {
+  margin-top: 0;
+}
+.aim-mantine-extra-styles :last-child {
+  margin-bottom: 0;
+}
+.aim-mantine-extra-styles h1,
+.aim-mantine-extra-styles h2,
+.aim-mantine-extra-styles h3,
+.aim-mantine-extra-styles h4,
+.aim-mantine-extra-styles h5,
+.aim-mantine-extra-styles h6 {
+  --mantine-h1-font-size: 2.125em;
+  --mantine-h2-font-size: 1.625em;
+  --mantine-h3-font-size: 1.375em;
+  --mantine-h4-font-size: 1.125em;
+  --mantine-h5-font-size: 1em;
+  --mantine-h6-font-size: 0.875em;
+  margin-top: 0;
+}
+.aim-mantine-extra-styles.same-font-size h1,
+.aim-mantine-extra-styles.same-font-size h2,
+.aim-mantine-extra-styles.same-font-size h3,
+.aim-mantine-extra-styles.same-font-size h4,
+.aim-mantine-extra-styles.same-font-size h5,
+.aim-mantine-extra-styles.same-font-size h6 {
+  --mantine-h1-font-size: 1em;
+  --mantine-h2-font-size: 1em;
+  --mantine-h3-font-size: 1em;
+  --mantine-h4-font-size: 1em;
+  --mantine-h5-font-size: 1em;
+  --mantine-h6-font-size: 1em;
+}
+.aim-mantine-extra-styles ul,
+.aim-mantine-extra-styles ol {
+  list-style-position: outside;
+  margin-bottom: 0.55em;
+  padding-inline-start: 1.5em;
+}
+.aim-mantine-extra-styles ul li,
+.aim-mantine-extra-styles ol li {
+  margin-bottom: 0.275em;
+}
+.aim-mantine-extra-styles hr {
+  width: 100%;
+  height: 1px;
+  background-color: var(--mantine-color-text);
+}
+.aim-mantine-extra-styles ul {
+  list-style-type: disc;
+}
+.aim-mantine-extra-styles ul ul {
+  list-style-type: circle;
+}
+.aim-mantine-extra-styles ul ul ul {
+  list-style-type: square;
+}
+.aim-mantine-extra-styles ol {
+  list-style-type: decimal;
+}
+.aim-mantine-extra-styles p {
+  --mantine-scale: 0.875;
+  margin-bottom: 0.5em;
+}
+.aim-mantine-extra-styles p:last-child {
+  margin-bottom: 0;
+}
+.aim-mantine-extra-styles blockquote {
+  border-inline-start-width: 0.25rem;
+  border-inline-start-color: var(--mantine-color-text);
+}
+.aim-mantine-extra-styles pre {
+  font-size: var(--mantine-font-size-md);
+}
+.aim-mantine-extra-styles code {
+  font-size: var(--mantine-font-size-md);
+}
+.aim-mantine-extra-styles pre code {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+.aim-mantine-extra-styles dl {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  max-width: 670px;
+}
+.aim-mantine-extra-styles dl > * {
+  padding-top: 0.5em;
+}
+.aim-mantine-extra-styles dt {
+  width: 30%;
+  font-weight: bold;
+  text-align: right;
+}
+.aim-mantine-extra-styles dd {
+  width: 60%;
+  padding-left: 1em;
+  margin-left: 0px;
+}
+.aim-mantine-extra-styles dd + dd {
+  width: 100%;
+  padding-left: calc(30% + 1em);
+}
+.aim-mantine-extra-styles dt + dt {
+  padding-right: 60%;
+}
+.aim-mantine-extra-styles dt + dt + dd {
+  margin-top: -1.625em;
+  padding-left: calc(30% + 1em);
+}
+
+/* src/components/customized/MermaidCode/styles.scss */
+.aim-mantine-mermaid-code {
+  width: 100%;
+  margin-bottom: 15px;
+  background: var(--mantine-color-gray-0);
+  border: 1px solid var(--mantine-color-gray-2);
+  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+}
+.aim-mantine-mermaid-code .chart-header {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  flex-shrink: 0;
+}
+.aim-mantine-mermaid-code .chart-header .chart-type-tag {
+  padding: calc(0.2125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
+  color: black;
+  border: 1px solid var(--mantine-color-gray-3);
+  background: white;
+  border-radius: var(--mantine-radius-default);
+  font-size: var(--mantine-font-size-xs);
+  font-weight: 700;
+}
+.aim-mantine-mermaid-code .chart-header .action-icon {
+  color: var(--mantine-color-text);
+  opacity: 0.5;
+}
+.aim-mantine-mermaid-code .chart-header .action-icon:hover {
+  color: var(--mantine-color-bright);
+  opacity: 1;
+}
+.aim-mantine-mermaid-code > pre {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+}
+.aim-mantine-mermaid-code.dark {
+  background: var(--mantine-color-dark-8);
+  border-color: var(--mantine-color-dark-6);
+}
+.aim-mantine-mermaid-code.dark .chart-header .chart-type-tag {
+  color: var(--mantine-color-dark-0);
+  border-color: var(--mantine-color-dark-6);
+  background: var(--mantine-color-dark-8);
+}
+.aim-mantine-mermaid-code.dark .chart-header .action-icon {
+  color: var(--mantine-color-text);
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/extra-styles/DefaultExtraStyles/styles.scss","../src/components/extra-styles/DefaultExtraStyles/%3Cinput css Ir_vd7%3E","../src/components/customized/MermaidCode/styles.scss","../src/components/customized/MermaidCode/%3Cinput css kcKckr%3E"],"sourcesContent":[".aim-mantine-extra-styles {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-items: flex-start;\n  align-items: flex-start;\n\n  white-space: normal;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n\n  text-rendering: optimizeLegibility;\n\n  --mantine-spacing-xs: calc(0.625em * var(--mantine-scale));\n  --mantine-spacing-sm: calc(0.75em * var(--mantine-scale));\n  --mantine-spacing-md: calc(1em * var(--mantine-scale));\n  --mantine-spacing-lg: calc(1.25em * var(--mantine-scale));\n  --mantine-spacing-xl: calc(2em * var(--mantine-scale));\n  --mantine-font-size-xs: calc(0.75em * var(--mantine-scale));\n  --mantine-font-size-sm: calc(0.875em * var(--mantine-scale));\n  --mantine-font-size-md: calc(1em * var(--mantine-scale));\n  --mantine-font-size-lg: calc(1.125em * var(--mantine-scale));\n  --mantine-font-size-xl: calc(1.25em * var(--mantine-scale));\n\n  :first-child {\n    margin-top: 0;\n  }\n\n  :last-child {\n    margin-bottom: 0;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    --mantine-h1-font-size: 2.125em;\n    --mantine-h2-font-size: 1.625em;\n    --mantine-h3-font-size: 1.375em;\n    --mantine-h4-font-size: 1.125em;\n    --mantine-h5-font-size: 1em;\n    --mantine-h6-font-size: 0.875em;\n    margin-top: 0;\n  }\n\n  &.same-font-size h1,\n  &.same-font-size h2,\n  &.same-font-size h3,\n  &.same-font-size h4,\n  &.same-font-size h5,\n  &.same-font-size h6 {\n    --mantine-h1-font-size: 1em;\n    --mantine-h2-font-size: 1em;\n    --mantine-h3-font-size: 1em;\n    --mantine-h4-font-size: 1em;\n    --mantine-h5-font-size: 1em;\n    --mantine-h6-font-size: 1em;\n  }\n\n  ul,\n  ol {\n    list-style-position: outside;\n\n    margin-bottom: 0.55em;\n    padding-inline-start: 1.5em;\n\n    li {\n      margin-bottom: 0.275em;\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 1px;\n    background-color: var(--mantine-color-text);\n  }\n\n  ul {\n    list-style-type: disc;\n  }\n\n  ul ul {\n    list-style-type: circle;\n  }\n\n  ul ul ul {\n    list-style-type: square;\n  }\n\n  ol {\n    list-style-type: decimal;\n  }\n\n  p {\n    --mantine-scale: 0.875;\n    margin-bottom: 0.5em;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  blockquote {\n    border-inline-start-width: 0.25rem;\n    border-inline-start-color: var(--mantine-color-text);\n  }\n\n  pre {\n    font-size: var(--mantine-font-size-md);\n  }\n\n  code {\n    font-size: var(--mantine-font-size-md);\n  }\n\n  pre code {\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    word-break: break-word;\n  }\n\n  dl {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    max-width: 670px;\n  }\n  dl > * {\n    padding-top: 0.5em;\n  }\n  dt {\n    width: 30%;\n    font-weight: bold;\n    text-align: right;\n  }\n  dd {\n    width: 60%;\n    padding-left: 1em;\n    margin-left: 0px;\n  }\n  dd + dd {\n    width: 100%;\n    padding-left: calc(30% + 1em);\n  }\n  dt + dt {\n    padding-right: 60%;\n  }\n  dt + dt + dd {\n    margin-top: -1.625em;\n    padding-left: calc(30% + 1em);\n  }\n}\n",".aim-mantine-extra-styles {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-items: flex-start;\n  align-items: flex-start;\n  white-space: normal;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  text-rendering: optimizeLegibility;\n  --mantine-spacing-xs: calc(0.625em * var(--mantine-scale));\n  --mantine-spacing-sm: calc(0.75em * var(--mantine-scale));\n  --mantine-spacing-md: calc(1em * var(--mantine-scale));\n  --mantine-spacing-lg: calc(1.25em * var(--mantine-scale));\n  --mantine-spacing-xl: calc(2em * var(--mantine-scale));\n  --mantine-font-size-xs: calc(0.75em * var(--mantine-scale));\n  --mantine-font-size-sm: calc(0.875em * var(--mantine-scale));\n  --mantine-font-size-md: calc(1em * var(--mantine-scale));\n  --mantine-font-size-lg: calc(1.125em * var(--mantine-scale));\n  --mantine-font-size-xl: calc(1.25em * var(--mantine-scale));\n}\n.aim-mantine-extra-styles :first-child {\n  margin-top: 0;\n}\n.aim-mantine-extra-styles :last-child {\n  margin-bottom: 0;\n}\n.aim-mantine-extra-styles h1,\n.aim-mantine-extra-styles h2,\n.aim-mantine-extra-styles h3,\n.aim-mantine-extra-styles h4,\n.aim-mantine-extra-styles h5,\n.aim-mantine-extra-styles h6 {\n  --mantine-h1-font-size: 2.125em;\n  --mantine-h2-font-size: 1.625em;\n  --mantine-h3-font-size: 1.375em;\n  --mantine-h4-font-size: 1.125em;\n  --mantine-h5-font-size: 1em;\n  --mantine-h6-font-size: 0.875em;\n  margin-top: 0;\n}\n.aim-mantine-extra-styles.same-font-size h1, .aim-mantine-extra-styles.same-font-size h2, .aim-mantine-extra-styles.same-font-size h3, .aim-mantine-extra-styles.same-font-size h4, .aim-mantine-extra-styles.same-font-size h5, .aim-mantine-extra-styles.same-font-size h6 {\n  --mantine-h1-font-size: 1em;\n  --mantine-h2-font-size: 1em;\n  --mantine-h3-font-size: 1em;\n  --mantine-h4-font-size: 1em;\n  --mantine-h5-font-size: 1em;\n  --mantine-h6-font-size: 1em;\n}\n.aim-mantine-extra-styles ul,\n.aim-mantine-extra-styles ol {\n  list-style-position: outside;\n  margin-bottom: 0.55em;\n  padding-inline-start: 1.5em;\n}\n.aim-mantine-extra-styles ul li,\n.aim-mantine-extra-styles ol li {\n  margin-bottom: 0.275em;\n}\n.aim-mantine-extra-styles hr {\n  width: 100%;\n  height: 1px;\n  background-color: var(--mantine-color-text);\n}\n.aim-mantine-extra-styles ul {\n  list-style-type: disc;\n}\n.aim-mantine-extra-styles ul ul {\n  list-style-type: circle;\n}\n.aim-mantine-extra-styles ul ul ul {\n  list-style-type: square;\n}\n.aim-mantine-extra-styles ol {\n  list-style-type: decimal;\n}\n.aim-mantine-extra-styles p {\n  --mantine-scale: 0.875;\n  margin-bottom: 0.5em;\n}\n.aim-mantine-extra-styles p:last-child {\n  margin-bottom: 0;\n}\n.aim-mantine-extra-styles blockquote {\n  border-inline-start-width: 0.25rem;\n  border-inline-start-color: var(--mantine-color-text);\n}\n.aim-mantine-extra-styles pre {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles code {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles pre code {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.aim-mantine-extra-styles dl {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  max-width: 670px;\n}\n.aim-mantine-extra-styles dl > * {\n  padding-top: 0.5em;\n}\n.aim-mantine-extra-styles dt {\n  width: 30%;\n  font-weight: bold;\n  text-align: right;\n}\n.aim-mantine-extra-styles dd {\n  width: 60%;\n  padding-left: 1em;\n  margin-left: 0px;\n}\n.aim-mantine-extra-styles dd + dd {\n  width: 100%;\n  padding-left: calc(30% + 1em);\n}\n.aim-mantine-extra-styles dt + dt {\n  padding-right: 60%;\n}\n.aim-mantine-extra-styles dt + dt + dd {\n  margin-top: -1.625em;\n  padding-left: calc(30% + 1em);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0VBTUU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFNRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7QUFBQTtFQUVFO0VBRUE7RUFDQTs7QUFFQTtBQUFBO0VBQ0U7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5haW0tbWFudGluZS1leHRyYS1zdHlsZXMge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1pdGVtczogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cbiAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgd29yZC13cmFwOiBicmVhay13b3JkO1xuICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXG4gIHRleHQtcmVuZGVyaW5nOiBvcHRpbWl6ZUxlZ2liaWxpdHk7XG5cbiAgLS1tYW50aW5lLXNwYWNpbmcteHM6IGNhbGMoMC42MjVlbSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcbiAgLS1tYW50aW5lLXNwYWNpbmctc206IGNhbGMoMC43NWVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpO1xuICAtLW1hbnRpbmUtc3BhY2luZy1tZDogY2FsYygxZW0gKiB2YXIoLS1tYW50aW5lLXNjYWxlKSk7XG4gIC0tbWFudGluZS1zcGFjaW5nLWxnOiBjYWxjKDEuMjVlbSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcbiAgLS1tYW50aW5lLXNwYWNpbmcteGw6IGNhbGMoMmVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpO1xuICAtLW1hbnRpbmUtZm9udC1zaXplLXhzOiBjYWxjKDAuNzVlbSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1zbTogY2FsYygwLjg3NWVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpO1xuICAtLW1hbnRpbmUtZm9udC1zaXplLW1kOiBjYWxjKDFlbSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1sZzogY2FsYygxLjEyNWVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpO1xuICAtLW1hbnRpbmUtZm9udC1zaXplLXhsOiBjYWxjKDEuMjVlbSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcblxuICA6Zmlyc3QtY2hpbGQge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cblxuICA6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG4gIGgxLFxuICBoMixcbiAgaDMsXG4gIGg0LFxuICBoNSxcbiAgaDYge1xuICAgIC0tbWFudGluZS1oMS1mb250LXNpemU6IDIuMTI1ZW07XG4gICAgLS1tYW50aW5lLWgyLWZvbnQtc2l6ZTogMS42MjVlbTtcbiAgICAtLW1hbnRpbmUtaDMtZm9udC1zaXplOiAxLjM3NWVtO1xuICAgIC0tbWFudGluZS1oNC1mb250LXNpemU6IDEuMTI1ZW07XG4gICAgLS1tYW50aW5lLWg1LWZvbnQtc2l6ZTogMWVtO1xuICAgIC0tbWFudGluZS1oNi1mb250LXNpemU6IDAuODc1ZW07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgfVxuXG4gICYuc2FtZS1mb250LXNpemUgaDEsXG4gICYuc2FtZS1mb250LXNpemUgaDIsXG4gICYuc2FtZS1mb250LXNpemUgaDMsXG4gICYuc2FtZS1mb250LXNpemUgaDQsXG4gICYuc2FtZS1mb250LXNpemUgaDUsXG4gICYuc2FtZS1mb250LXNpemUgaDYge1xuICAgIC0tbWFudGluZS1oMS1mb250LXNpemU6IDFlbTtcbiAgICAtLW1hbnRpbmUtaDItZm9udC1zaXplOiAxZW07XG4gICAgLS1tYW50aW5lLWgzLWZvbnQtc2l6ZTogMWVtO1xuICAgIC0tbWFudGluZS1oNC1mb250LXNpemU6IDFlbTtcbiAgICAtLW1hbnRpbmUtaDUtZm9udC1zaXplOiAxZW07XG4gICAgLS1tYW50aW5lLWg2LWZvbnQtc2l6ZTogMWVtO1xuICB9XG5cbiAgdWwsXG4gIG9sIHtcbiAgICBsaXN0LXN0eWxlLXBvc2l0aW9uOiBvdXRzaWRlO1xuXG4gICAgbWFyZ2luLWJvdHRvbTogMC41NWVtO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAxLjVlbTtcblxuICAgIGxpIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuMjc1ZW07XG4gICAgfVxuICB9XG5cbiAgaHIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1hbnRpbmUtY29sb3ItdGV4dCk7XG4gIH1cblxuICB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBkaXNjO1xuICB9XG5cbiAgdWwgdWwge1xuICAgIGxpc3Qtc3R5bGUtdHlwZTogY2lyY2xlO1xuICB9XG5cbiAgdWwgdWwgdWwge1xuICAgIGxpc3Qtc3R5bGUtdHlwZTogc3F1YXJlO1xuICB9XG5cbiAgb2wge1xuICAgIGxpc3Qtc3R5bGUtdHlwZTogZGVjaW1hbDtcbiAgfVxuXG4gIHAge1xuICAgIC0tbWFudGluZS1zY2FsZTogMC44NzU7XG4gICAgbWFyZ2luLWJvdHRvbTogMC41ZW07XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIH1cblxuICBibG9ja3F1b3RlIHtcbiAgICBib3JkZXItaW5saW5lLXN0YXJ0LXdpZHRoOiAwLjI1cmVtO1xuICAgIGJvcmRlci1pbmxpbmUtc3RhcnQtY29sb3I6IHZhcigtLW1hbnRpbmUtY29sb3ItdGV4dCk7XG4gIH1cblxuICBwcmUge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tbWFudGluZS1mb250LXNpemUtbWQpO1xuICB9XG5cbiAgY29kZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gIH1cblxuICBwcmUgY29kZSB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICBkbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiA2NzBweDtcbiAgfVxuICBkbCA+ICoge1xuICAgIHBhZGRpbmctdG9wOiAwLjVlbTtcbiAgfVxuICBkdCB7XG4gICAgd2lkdGg6IDMwJTtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgfVxuICBkZCB7XG4gICAgd2lkdGg6IDYwJTtcbiAgICBwYWRkaW5nLWxlZnQ6IDFlbTtcbiAgICBtYXJnaW4tbGVmdDogMHB4O1xuICB9XG4gIGRkICsgZGQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYygzMCUgKyAxZW0pO1xuICB9XG4gIGR0ICsgZHQge1xuICAgIHBhZGRpbmctcmlnaHQ6IDYwJTtcbiAgfVxuICBkdCArIGR0ICsgZGQge1xuICAgIG1hcmdpbi10b3A6IC0xLjYyNWVtO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYygzMCUgKyAxZW0pO1xuICB9XG59XG4iXX0= */",".aim-mantine-mermaid-code {\n  width: 100%;\n  margin-bottom: 15px;\n  background: var(--mantine-color-gray-0);\n  border: 1px solid var(--mantine-color-gray-2);\n  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n\n  .chart-header {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-shrink: 0;\n\n    .chart-type-tag {\n      padding: calc(0.2125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));\n      color: black;\n      border: 1px solid var(--mantine-color-gray-3);\n      background: white;\n      border-radius: var(--mantine-radius-default);\n      font-size: var(--mantine-font-size-xs);\n      font-weight: 700;\n    }\n\n    .action-icon {\n      color: var(--mantine-color-text);\n      opacity: 0.5;\n\n      &:hover {\n        color: var(--mantine-color-bright);\n        opacity: 1;\n      }\n    }\n  }\n\n  & > pre {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n  }\n}\n\n.aim-mantine-mermaid-code.dark {\n  background: var(--mantine-color-dark-8);\n  border-color: var(--mantine-color-dark-6);\n\n  .chart-header {\n    .chart-type-tag {\n      color: var(--mantine-color-dark-0);\n      border-color: var(--mantine-color-dark-6);\n      background: var(--mantine-color-dark-8);\n    }\n\n    .action-icon {\n      color: var(--mantine-color-text);\n    }\n  }\n}\n",".aim-mantine-mermaid-code {\n  width: 100%;\n  margin-bottom: 15px;\n  background: var(--mantine-color-gray-0);\n  border: 1px solid var(--mantine-color-gray-2);\n  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.aim-mantine-mermaid-code .chart-header {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n}\n.aim-mantine-mermaid-code .chart-header .chart-type-tag {\n  padding: calc(0.2125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));\n  color: black;\n  border: 1px solid var(--mantine-color-gray-3);\n  background: white;\n  border-radius: var(--mantine-radius-default);\n  font-size: var(--mantine-font-size-xs);\n  font-weight: 700;\n}\n.aim-mantine-mermaid-code .chart-header .action-icon {\n  color: var(--mantine-color-text);\n  opacity: 0.5;\n}\n.aim-mantine-mermaid-code .chart-header .action-icon:hover {\n  color: var(--mantine-color-bright);\n  opacity: 1;\n}\n.aim-mantine-mermaid-code > pre {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.aim-mantine-mermaid-code.dark {\n  background: var(--mantine-color-dark-8);\n  border-color: var(--mantine-color-dark-6);\n}\n.aim-mantine-mermaid-code.dark .chart-header .chart-type-tag {\n  color: var(--mantine-color-dark-0);\n  border-color: var(--mantine-color-dark-6);\n  background: var(--mantine-color-dark-8);\n}\n.aim-mantine-mermaid-code.dark .chart-header .action-icon {\n  color: var(--mantine-color-text);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUtOO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTtFQUNBOztBQUdFO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuYWltLW1hbnRpbmUtbWVybWFpZC1jb2RlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIGJhY2tncm91bmQ6IHZhcigtLW1hbnRpbmUtY29sb3ItZ3JheS0wKTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbWFudGluZS1jb2xvci1ncmF5LTIpO1xuICBwYWRkaW5nOiBjYWxjKDAuNzVyZW0gKiB2YXIoLS1tYW50aW5lLXNjYWxlKSkgY2FsYygwLjYyNXJlbSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cbiAgLmNoYXJ0LWhlYWRlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuXG4gICAgLmNoYXJ0LXR5cGUtdGFnIHtcbiAgICAgIHBhZGRpbmc6IGNhbGMoMC4yMTI1cmVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpIGNhbGMoMC41NjI1cmVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpO1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbWFudGluZS1jb2xvci1ncmF5LTMpO1xuICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1tYW50aW5lLXJhZGl1cy1kZWZhdWx0KTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tbWFudGluZS1mb250LXNpemUteHMpO1xuICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICB9XG5cbiAgICAuYWN0aW9uLWljb24ge1xuICAgICAgY29sb3I6IHZhcigtLW1hbnRpbmUtY29sb3ItdGV4dCk7XG4gICAgICBvcGFjaXR5OiAwLjU7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1icmlnaHQpO1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYgPiBwcmUge1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxufVxuXG4uYWltLW1hbnRpbmUtbWVybWFpZC1jb2RlLmRhcmsge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstOCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1kYXJrLTYpO1xuXG4gIC5jaGFydC1oZWFkZXIge1xuICAgIC5jaGFydC10eXBlLXRhZyB7XG4gICAgICBjb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1kYXJrLTApO1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstNik7XG4gICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstOCk7XG4gICAgfVxuXG4gICAgLmFjdGlvbi1pY29uIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1tYW50aW5lLWNvbG9yLXRleHQpO1xuICAgIH1cbiAgfVxufVxuIl19 */"],"mappings":";AAAA,CAAA;AACE,SAAA;AACA,WAAA;AACA,kBAAA;AACA,iBAAA;AACA,eAAA;AAEA,eAAA;AACA,aAAA;AACA,iBAAA;AACA,cAAA;AAEA,kBAAA;AAEA,wBAAA,KAAA,QAAA,EAAA,IAAA;AACA,wBAAA,KAAA,OAAA,EAAA,IAAA;AACA,wBAAA,KAAA,IAAA,EAAA,IAAA;AACA,wBAAA,KAAA,OAAA,EAAA,IAAA;AACA,wBAAA,KAAA,IAAA,EAAA,IAAA;AACA,0BAAA,KAAA,OAAA,EAAA,IAAA;AACA,0BAAA,KAAA,QAAA,EAAA,IAAA;AACA,0BAAA,KAAA,IAAA,EAAA,IAAA;AACA,0BAAA,KAAA,QAAA,EAAA,IAAA;AACA,0BAAA,KAAA,OAAA,EAAA,IAAA;ACFF;ADIE,CAzBF,yBAyBE;AACE,cAAA;ACFJ;ADKE,CA7BF,yBA6BE;AACE,iBAAA;ACHJ;ADME,CAjCF,yBAiCE;CAjCF;CAAA;CAAA;CAAA;CAAA;AAuCI,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,cAAA;ACJJ;ADOE,CAhDF,wBAgDE,CAAA,eAAA;AAAA,CAhDF,wBAgDE,CAAA,eAAA;AAAA,CAhDF,wBAgDE,CAAA,eAAA;AAAA,CAhDF,wBAgDE,CAAA,eAAA;AAAA,CAhDF,wBAgDE,CAAA,eAAA;AAAA,CAhDF,wBAgDE,CAAA,eAAA;AAME,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;ACVJ;ADaE,CA9DF,yBA8DE;CA9DF;AAgEI,uBAAA;AAEA,iBAAA;AACA,wBAAA;ACZJ;ADcI,CArEJ,yBAqEI,GAAA;CArEJ;AAsEM,iBAAA;ACXN;ADeE,CA1EF,yBA0EE;AACE,SAAA;AACA,UAAA;AACA,oBAAA,IAAA;ACbJ;ADgBE,CAhFF,yBAgFE;AACE,mBAAA;ACdJ;ADiBE,CApFF,yBAoFE,GAAA;AACE,mBAAA;ACfJ;ADkBE,CAxFF,yBAwFE,GAAA,GAAA;AACE,mBAAA;AChBJ;ADmBE,CA5FF,yBA4FE;AACE,mBAAA;ACjBJ;ADoBE,CAhGF,yBAgGE;AACE,mBAAA;AACA,iBAAA;AClBJ;ADoBI,CApGJ,yBAoGI,CAAA;AACE,iBAAA;AClBN;ADsBE,CAzGF,yBAyGE;AACE,6BAAA;AACA,6BAAA,IAAA;ACpBJ;ADuBE,CA9GF,yBA8GE;AACE,aAAA,IAAA;ACrBJ;ADwBE,CAlHF,yBAkHE;AACE,aAAA,IAAA;ACtBJ;ADyBE,CAtHF,yBAsHE,IAAA;AACE,eAAA;AACA,aAAA;AACA,iBAAA;AACA,cAAA;ACvBJ;AD0BE,CA7HF,yBA6HE;AACE,WAAA;AACA,aAAA;AACA,SAAA;AACA,aAAA;ACxBJ;AD0BE,CAnIF,yBAmIE,GAAA,EAAA;AACE,eAAA;ACxBJ;AD0BE,CAtIF,yBAsIE;AACE,SAAA;AACA,eAAA;AACA,cAAA;ACxBJ;AD0BE,CA3IF,yBA2IE;AACE,SAAA;AACA,gBAAA;AACA,eAAA;ACxBJ;AD0BE,CAhJF,yBAgJE,GAAA,EAAA;AACE,SAAA;AACA,gBAAA,KAAA,IAAA,EAAA;ACxBJ;AD0BE,CApJF,yBAoJE,GAAA,EAAA;AACE,iBAAA;ACxBJ;AD0BE,CAvJF,yBAuJE,GAAA,EAAA,GAAA,EAAA;AACE,cAAA;AACA,gBAAA,KAAA,IAAA,EAAA;ACxBJ;;;ACjIA,CAAA;AACE,SAAA;AACA,iBAAA;AACA,cAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,WAAA,KAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,SAAA,EAAA,IAAA;AACA,WAAA;AACA,eAAA;AACA,kBAAA;AACA,mBAAA;AACA,eAAA;ACCF;ADCE,CAZF,yBAYE,CAAA;AACE,SAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,eAAA;AACA,eAAA;ACCJ;ADCI,CApBJ,yBAoBI,CARF,aAQE,CAAA;AACE,WAAA,KAAA,UAAA,EAAA,IAAA,kBAAA,KAAA,UAAA,EAAA,IAAA;AACA,SAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,cAAA;AACA,iBAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA;ACCN;ADEI,CA9BJ,yBA8BI,CAlBF,aAkBE,CAAA;AACE,SAAA,IAAA;AACA,WAAA;ACAN;ADEM,CAlCN,yBAkCM,CAtBJ,aAsBI,CAJF,WAIE;AACE,SAAA,IAAA;AACA,WAAA;ACAR;ADKE,CAzCF,yBAyCE,EAAA;AACE,eAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,eAAA;ACHJ;ADOA,CAlDA,wBAkDA,CAAA;AACE,cAAA,IAAA;AACA,gBAAA,IAAA;ACJF;ADOI,CAvDJ,wBAuDI,CALJ,KAKI,CA3CF,aA2CE,CAnCA;AAoCE,SAAA,IAAA;AACA,gBAAA,IAAA;AACA,cAAA,IAAA;ACLN;ADQI,CA7DJ,wBA6DI,CAXJ,KAWI,CAjDF,aAiDE,CA/BA;AAgCE,SAAA,IAAA;ACNN;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _ai_react_markdown_core from '@ai-react-markdown/core';
+import { AIMarkdownMetadata, AIMarkdownRenderConfig, AIMarkdownProps, AIMarkdownTypographyProps, AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';
+
+interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {
+    forceSameFontSize: boolean;
+    codeBlock: {
+        defaultExpanded: boolean;
+        autoDetectUnknownLanguage: boolean;
+    };
+}
+declare const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig;
+interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {
+}
+
+interface MantineAIMarkdownProps<TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig, TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata> extends AIMarkdownProps<TConfig, TRenderData> {
+}
+declare const MantineAIMarkdown: react.MemoExoticComponent<(<TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig, TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata>({ Typography, ExtraStyles, defaultConfig, customComponents, colorScheme, ...props }: MantineAIMarkdownProps<TConfig, TRenderData>) => react_jsx_runtime.JSX.Element)>;
+
+declare const MantineAIMarkdownTypography: react.MemoExoticComponent<({ children, fontSize }: AIMarkdownTypographyProps) => react_jsx_runtime.JSX.Element>;
+
+declare const MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent;
+
+declare const useMantineAIMarkdownRenderState: () => _ai_react_markdown_core.AIMarkdownRenderState<MantineAIMarkdownRenderConfig>;
+
+declare const useMantineAIMarkdownMetadata: () => MantineAIMarkdownMetadata | undefined;
+
+export { MantineAIMDefaultExtraStyles, type MantineAIMarkdownMetadata, type MantineAIMarkdownProps, type MantineAIMarkdownRenderConfig, MantineAIMarkdownTypography, MantineAIMarkdown as default, defaultMantineAIMarkdownRenderConfig, useMantineAIMarkdownMetadata, useMantineAIMarkdownRenderState };

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _ai_react_markdown_core from '@ai-react-markdown/core';
+import { AIMarkdownMetadata, AIMarkdownRenderConfig, AIMarkdownProps, AIMarkdownTypographyProps, AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';
+
+interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {
+    forceSameFontSize: boolean;
+    codeBlock: {
+        defaultExpanded: boolean;
+        autoDetectUnknownLanguage: boolean;
+    };
+}
+declare const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig;
+interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {
+}
+
+interface MantineAIMarkdownProps<TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig, TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata> extends AIMarkdownProps<TConfig, TRenderData> {
+}
+declare const MantineAIMarkdown: react.MemoExoticComponent<(<TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig, TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata>({ Typography, ExtraStyles, defaultConfig, customComponents, colorScheme, ...props }: MantineAIMarkdownProps<TConfig, TRenderData>) => react_jsx_runtime.JSX.Element)>;
+
+declare const MantineAIMarkdownTypography: react.MemoExoticComponent<({ children, fontSize }: AIMarkdownTypographyProps) => react_jsx_runtime.JSX.Element>;
+
+declare const MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent;
+
+declare const useMantineAIMarkdownRenderState: () => _ai_react_markdown_core.AIMarkdownRenderState<MantineAIMarkdownRenderConfig>;
+
+declare const useMantineAIMarkdownMetadata: () => MantineAIMarkdownMetadata | undefined;
+
+export { MantineAIMDefaultExtraStyles, type MantineAIMarkdownMetadata, type MantineAIMarkdownProps, type MantineAIMarkdownRenderConfig, MantineAIMarkdownTypography, MantineAIMarkdown as default, defaultMantineAIMarkdownRenderConfig, useMantineAIMarkdownMetadata, useMantineAIMarkdownRenderState };

package/dist/index.js

@@ -0,0 +1,342 @@
+// src/MantineAIMarkdown.tsx
+import { memo as memo4, useMemo as useMemo3 } from "react";
+import AIMarkdown from "@ai-react-markdown/core";
+import { useStableValue } from "@ai-react-markdown/core";
+
+// src/components/typography/MantineTypography.tsx
+import { memo } from "react";
+import { Typography } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
+var MantineAIMarkdownTypography = memo(({ children, fontSize }) => /* @__PURE__ */ jsx(Typography, { w: "100%", fz: fontSize, children }));
+MantineAIMarkdownTypography.displayName = "MantineAIMarkdownTypography";
+var MantineTypography_default = MantineAIMarkdownTypography;
+
+// src/hooks/useMantineAIMarkdownRenderState.ts
+import { useAIMarkdownRenderState } from "@ai-react-markdown/core";
+var useMantineAIMarkdownRenderState = () => {
+  return useAIMarkdownRenderState();
+};
+
+// src/components/extra-styles/DefaultExtraStyles/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var MantineAIMDefaultExtraStyles = ({ children }) => {
+  const renderState = useMantineAIMarkdownRenderState();
+  return /* @__PURE__ */ jsx2("div", { className: `aim-mantine-extra-styles${renderState.config.forceSameFontSize ? " same-font-size" : ""}`, children });
+};
+var DefaultExtraStyles_default = MantineAIMDefaultExtraStyles;
+
+// src/defs.tsx
+import { defaultAIMarkdownRenderConfig } from "@ai-react-markdown/core";
+var defaultMantineAIMarkdownRenderConfig = Object.freeze({
+  ...defaultAIMarkdownRenderConfig,
+  forceSameFontSize: false,
+  codeBlock: Object.freeze({
+    defaultExpanded: true,
+    autoDetectUnknownLanguage: false
+  })
+});
+
+// src/components/customized/PreCode.tsx
+import { memo as memo3, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { CodeHighlight, CodeHighlightTabs as CodeHighlightTabs2 } from "@mantine/code-highlight";
+import { deepParseJson } from "deep-parse-json";
+import hljs from "highlight.js";
+
+// src/components/customized/MermaidCode/index.tsx
+import { memo as memo2, useMemo, useEffect, useRef, useState, useCallback } from "react";
+import { CodeHighlightControl, CodeHighlightTabs } from "@mantine/code-highlight";
+import { ActionIcon, CopyButton, Flex, Tooltip } from "@mantine/core";
+import debounce from "lodash-es/debounce";
+import mermaid from "mermaid";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var generateMermaidUUID = () => {
+  return `mermaid-${(/* @__PURE__ */ new Date()).getTime()}-${Math.random().toString(36).slice(2, 10)}`;
+};
+var handleViewSVGInNewWindow = (svgElement, isDark) => {
+  if (!svgElement) return;
+  const targetSvg = svgElement.cloneNode(true);
+  targetSvg.style.backgroundColor = isDark ? "#242424" : "white";
+  const text = new XMLSerializer().serializeToString(targetSvg);
+  const blob = new Blob([text], { type: "image/svg+xml" });
+  const url = URL.createObjectURL(blob);
+  const win = window.open(url);
+  if (win) {
+    setTimeout(() => URL.revokeObjectURL(url), 5e3);
+  }
+};
+var MantineAIMMermaidCode = memo2((props) => {
+  const renderState = useMantineAIMarkdownRenderState();
+  const isDark = renderState.colorScheme === "dark";
+  const ref = useRef(null);
+  const [showOriginalCode, setShowOriginalCode] = useState(false);
+  const [renderError, setRenderError] = useState(false);
+  const [chartType, setChartType] = useState("unkown");
+  const debouncedUpdateRenderError = useMemo(
+    () => debounce((error) => {
+      setRenderError(error);
+    }, 200),
+    []
+  );
+  useEffect(() => {
+    if (props.code && ref.current) {
+      const renderMermaid = async () => {
+        try {
+          debouncedUpdateRenderError(false);
+          if (ref.current) {
+            mermaid.initialize({
+              startOnLoad: false,
+              securityLevel: "loose",
+              theme: isDark ? "dark" : "base",
+              darkMode: isDark
+            });
+            const parseResult = await mermaid.parse(props.code);
+            if (!parseResult) {
+              throw new Error("Failed to parse mermaid code");
+            }
+            const { svg, bindFunctions, diagramType } = await mermaid.render(
+              generateMermaidUUID(),
+              props.code,
+              ref.current
+            );
+            ref.current.innerHTML = svg;
+            bindFunctions?.(ref.current);
+            setChartType(diagramType);
+          }
+        } catch {
+          debouncedUpdateRenderError(true);
+        }
+      };
+      renderMermaid();
+    }
+  }, [props.code, isDark, showOriginalCode]);
+  const viewSvgInNewWindow = useCallback(() => {
+    handleViewSVGInNewWindow(ref.current?.querySelector("svg"), isDark);
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    (showOriginalCode || renderError) && /* @__PURE__ */ jsx3(
+      CodeHighlightTabs,
+      {
+        mb: 15,
+        w: "100%",
+        code: [
+          {
+            fileName: renderError ? "Mermaid Render Error" : "mermaid",
+            code: props.code,
+            language: "mermaid"
+          }
+        ],
+        defaultExpanded: renderState.config.codeBlock.defaultExpanded,
+        maxCollapsedHeight: "320px",
+        styles: {
+          filesScrollarea: {
+            right: "90px"
+          }
+        },
+        controls: renderError ? [] : [
+          /* @__PURE__ */ jsx3(
+            CodeHighlightControl,
+            {
+              tooltipLabel: "Render Mermaid",
+              onClick: () => {
+                setShowOriginalCode(false);
+              },
+              children: /* @__PURE__ */ jsx3(Flex, { align: "center", justify: "center", w: 18, h: 18, children: /* @__PURE__ */ jsx3("span", { className: "icon-[gravity-ui--logo-mermaid] relative bottom-[1px] text-[16px]" }) })
+            },
+            "gpt"
+          )
+        ],
+        withBorder: true,
+        withExpandButton: true
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `aim-mantine-mermaid-code ${isDark ? "dark" : ""}`,
+        style: showOriginalCode || renderError ? {
+          display: "none"
+        } : {},
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "chart-header", children: [
+            /* @__PURE__ */ jsx3("div", { className: "chart-type-tag", children: chartType }),
+            /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "flex-end", gap: 0, children: [
+              /* @__PURE__ */ jsx3(Tooltip, { label: "Show Mermaid Code", children: /* @__PURE__ */ jsx3(
+                ActionIcon,
+                {
+                  size: 28,
+                  className: "action-icon",
+                  variant: "transparent",
+                  onClick: () => {
+                    setShowOriginalCode(true);
+                  },
+                  children: /* @__PURE__ */ jsx3(Flex, { align: "center", justify: "center", w: 18, h: 18, children: /* @__PURE__ */ jsx3("span", { className: "icon-[entypo--code] relative bottom-[0.25px] text-[16px]" }) })
+                }
+              ) }),
+              /* @__PURE__ */ jsx3(CopyButton, { value: props.code, children: ({ copied, copy }) => /* @__PURE__ */ jsx3(Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, position: "right", children: /* @__PURE__ */ jsx3(ActionIcon, { variant: "transparent", size: 28, className: "action-icon", onClick: copy, children: copied ? /* @__PURE__ */ jsx3("span", { className: "icon-origin-[lucide--check] text-[18px]" }) : /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 24 24",
+                  strokeWidth: "2",
+                  stroke: "currentColor",
+                  fill: "none",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  width: "18px",
+                  height: "18px",
+                  children: [
+                    /* @__PURE__ */ jsx3("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+                    /* @__PURE__ */ jsx3("path", { d: "M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" }),
+                    /* @__PURE__ */ jsx3("path", { d: "M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" })
+                  ]
+                }
+              ) }) }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx3(
+            "pre",
+            {
+              ref,
+              style: { cursor: "pointer", overflow: "auto", width: "100%", padding: "0.5rem" },
+              onClick: () => viewSvgInNewWindow()
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+MantineAIMMermaidCode.displayName = "MantineAIMMermaidCode";
+var MermaidCode_default = MantineAIMMermaidCode;
+
+// src/components/customized/PreCode.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var MantineAIMPreCode = memo3(
+  (props) => {
+    const renderState = useMantineAIMarkdownRenderState();
+    const [codeLanguage, setCodeLanguage] = useState2(props.existLanguage || "");
+    useEffect2(() => {
+      if (props.existLanguage) {
+        setCodeLanguage(props.existLanguage);
+      } else if (renderState.config.codeBlock.autoDetectUnknownLanguage) {
+        const result = hljs.highlightAuto(props.codeText);
+        setCodeLanguage(result.language || "");
+      } else {
+        setCodeLanguage("");
+      }
+    }, [props.existLanguage, props.codeText, renderState.config.codeBlock.autoDetectUnknownLanguage]);
+    const [usedCodeLanguage, usedFileName] = useMemo2(() => {
+      if (!codeLanguage) return ["plaintext", "unknown"];
+      if (!hljs.getLanguage(codeLanguage)) {
+        return ["plaintext", codeLanguage];
+      }
+      return [codeLanguage, codeLanguage];
+    }, [codeLanguage]);
+    const isMermaidCodeBlock = codeLanguage === "mermaid";
+    const isSpecialCodeBlock = isMermaidCodeBlock;
+    const normalCodeBlockContent = useMemo2(() => {
+      let usedCodeStr = props.codeText;
+      if (usedCodeStr && usedCodeLanguage.toLowerCase() === "json") {
+        const deepParsedResult = deepParseJson(usedCodeStr);
+        usedCodeStr = typeof deepParsedResult === "string" ? deepParsedResult : JSON.stringify(deepParsedResult, null, 2);
+      }
+      return usedFileName === "unknown" ? /* @__PURE__ */ jsx4(
+        CodeHighlight,
+        {
+          mb: 15,
+          w: "100%",
+          code: usedCodeStr,
+          withBorder: true,
+          withExpandButton: true,
+          defaultExpanded: renderState.config.codeBlock.defaultExpanded,
+          maxCollapsedHeight: "320px"
+        }
+      ) : /* @__PURE__ */ jsx4(
+        CodeHighlightTabs2,
+        {
+          mb: 15,
+          w: "100%",
+          code: [
+            {
+              fileName: usedFileName,
+              code: usedCodeStr,
+              language: usedCodeLanguage
+            }
+          ],
+          withBorder: true,
+          withExpandButton: true,
+          defaultExpanded: renderState.config.codeBlock.defaultExpanded,
+          maxCollapsedHeight: "320px"
+        }
+      );
+    }, [props.codeText, usedCodeLanguage, usedFileName]);
+    return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      isMermaidCodeBlock && /* @__PURE__ */ jsx4(MermaidCode_default, { code: props.codeText }),
+      !isSpecialCodeBlock && normalCodeBlockContent
+    ] });
+  }
+);
+MantineAIMPreCode.displayName = "MantineAIMPreCode";
+var PreCode_default = MantineAIMPreCode;
+
+// src/MantineAIMarkdown.tsx
+import { useComputedColorScheme } from "@mantine/core";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var DefaultCustomComponents = {
+  pre: memo4(({ node, ...usefulProps }) => {
+    const code = node?.children[0];
+    const memoizedPreCode = useMemo3(() => {
+      if (!code || code.type !== "element" || code.tagName !== "code" || !code.position) {
+        return null;
+      }
+      const key = `pre-code-${node.position?.start?.offset || 0}`;
+      const detectedLanguage = code.properties?.className?.find((className) => className.startsWith("language-"))?.substring("language-".length);
+      const codeText = code.children.map((child) => "value" in child ? child.value : "").join("\n");
+      return /* @__PURE__ */ jsx5(PreCode_default, { codeText, existLanguage: detectedLanguage }, key);
+    }, [code, node?.position?.start?.offset]);
+    return memoizedPreCode ?? /* @__PURE__ */ jsx5("pre", { ...usefulProps });
+  })
+};
+var MantineAIMarkdownComponent = ({
+  Typography: Typography2 = MantineTypography_default,
+  ExtraStyles = DefaultExtraStyles_default,
+  defaultConfig = defaultMantineAIMarkdownRenderConfig,
+  customComponents,
+  colorScheme,
+  ...props
+}) => {
+  const stableCustomComponents = useStableValue(customComponents);
+  const usedComponents = useMemo3(() => {
+    return stableCustomComponents ? { ...DefaultCustomComponents, ...stableCustomComponents } : DefaultCustomComponents;
+  }, [stableCustomComponents]);
+  const computedColorScheme = useComputedColorScheme("light");
+  return /* @__PURE__ */ jsx5(
+    AIMarkdown,
+    {
+      Typography: Typography2,
+      ExtraStyles,
+      defaultConfig,
+      customComponents: usedComponents,
+      colorScheme: colorScheme ?? computedColorScheme,
+      ...props
+    }
+  );
+};
+var MantineAIMarkdown = memo4(MantineAIMarkdownComponent);
+MantineAIMarkdown.displayName = "MantineAIMarkdown";
+var MantineAIMarkdown_default = MantineAIMarkdown;
+
+// src/hooks/useMantineAIMarkdownMetadata.ts
+import { useAIMarkdownMetadata } from "@ai-react-markdown/core";
+var useMantineAIMarkdownMetadata = () => {
+  return useAIMarkdownMetadata();
+};
+export {
+  DefaultExtraStyles_default as MantineAIMDefaultExtraStyles,
+  MantineTypography_default as MantineAIMarkdownTypography,
+  MantineAIMarkdown_default as default,
+  defaultMantineAIMarkdownRenderConfig,
+  useMantineAIMarkdownMetadata,
+  useMantineAIMarkdownRenderState
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/defs.tsx","../src/components/customized/PreCode.tsx","../src/components/customized/MermaidCode/index.tsx","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport AIMarkdown from '@ai-react-markdown/core';\nimport { type AIMarkdownProps, type AIMarkdownCustomComponents, useStableValue } from '@ai-react-markdown/core';\nimport MantineAIMarkdownTypography from './components/typography/MantineTypography';\nimport MantineAIMDefaultExtraStyles from './components/extra-styles/DefaultExtraStyles';\nimport { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata, defaultMantineAIMarkdownRenderConfig } from './defs';\nimport MantineAIMPreCode from './components/customized/PreCode';\nimport { useComputedColorScheme } from '@mantine/core';\n\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\n\nconst DefaultCustomComponents: AIMarkdownCustomComponents = {\n  pre: memo(({ node, ...usefulProps }) => {\n    const code = node?.children[0];\n    const memoizedPreCode = useMemo(() => {\n      if (!code || code.type !== 'element' || code.tagName !== 'code' || !code.position) {\n        return null;\n      }\n      const key = `pre-code-${node.position?.start?.offset || 0}`;\n      const detectedLanguage = (code.properties?.className as string[])\n        ?.find((className: string) => className.startsWith('language-'))\n        ?.substring('language-'.length);\n      const codeText = code.children.map((child) => ('value' in child ? child.value : '')).join('\\n');\n      return <MantineAIMPreCode key={key} codeText={codeText} existLanguage={detectedLanguage} />;\n    }, [code, node?.position?.start?.offset]);\n    return memoizedPreCode ?? <pre {...usefulProps} />;\n  }),\n};\n\nconst MantineAIMarkdownComponent = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>({\n  Typography = MantineAIMarkdownTypography,\n  ExtraStyles = MantineAIMDefaultExtraStyles,\n  defaultConfig = defaultMantineAIMarkdownRenderConfig as TConfig,\n  customComponents,\n  colorScheme,\n  ...props\n}: MantineAIMarkdownProps<TConfig, TRenderData>) => {\n  const stableCustomComponents = useStableValue(customComponents);\n\n  const usedComponents = useMemo(() => {\n    return stableCustomComponents ? { ...DefaultCustomComponents, ...stableCustomComponents } : DefaultCustomComponents;\n  }, [stableCustomComponents]);\n\n  const computedColorScheme = useComputedColorScheme('light');\n\n  return (\n    <AIMarkdown<MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata>\n      Typography={Typography}\n      ExtraStyles={ExtraStyles}\n      defaultConfig={defaultConfig}\n      customComponents={usedComponents}\n      colorScheme={colorScheme ?? computedColorScheme}\n      {...props}\n    />\n  );\n};\n\nexport const MantineAIMarkdown = memo(MantineAIMarkdownComponent);\n\nMantineAIMarkdown.displayName = 'MantineAIMarkdown';\n\nexport default MantineAIMarkdown;\n","import { memo } from 'react';\nimport { Typography } from '@mantine/core';\nimport type { AIMarkdownTypographyProps } from '@ai-react-markdown/core';\n\nconst MantineAIMarkdownTypography = memo(({ children, fontSize }: AIMarkdownTypographyProps) => (\n  <Typography w=\"100%\" fz={fontSize}>\n    {children}\n  </Typography>\n));\n\nMantineAIMarkdownTypography.displayName = 'MantineAIMarkdownTypography';\n\nexport default MantineAIMarkdownTypography;\n","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\nexport const useMantineAIMarkdownRenderState = () => {\n  return useAIMarkdownRenderState<MantineAIMarkdownRenderConfig>();\n};\n","import { AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';\nimport { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\nimport './styles.scss';\n\nconst MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent = ({ children }) => {\n  const renderState = useMantineAIMarkdownRenderState();\n  return (\n    <div className={`aim-mantine-extra-styles${renderState.config.forceSameFontSize ? ' same-font-size' : ''}`}>\n      {children}\n    </div>\n  );\n};\n\nexport default MantineAIMDefaultExtraStyles;\n","import { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  forceSameFontSize: boolean;\n  codeBlock: {\n    defaultExpanded: boolean;\n    autoDetectUnknownLanguage: boolean;\n  };\n}\n\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  forceSameFontSize: false,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\n});\n\nexport interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {}\n","'use client';\n\nimport { HTMLAttributes, memo, useEffect, useMemo, useState } from 'react';\nimport { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { deepParseJson } from 'deep-parse-json';\nimport hljs from 'highlight.js';\nimport { useMantineAIMarkdownRenderState } from '../../hooks/useMantineAIMarkdownRenderState';\nimport MantineAIMMermaidCode from './MermaidCode';\n\nconst MantineAIMPreCode = memo(\n  (\n    props: HTMLAttributes<HTMLPreElement> & {\n      codeText: string;\n      existLanguage?: string;\n    }\n  ) => {\n    const renderState = useMantineAIMarkdownRenderState();\n\n    const [codeLanguage, setCodeLanguage] = useState(props.existLanguage || '');\n\n    useEffect(() => {\n      if (props.existLanguage) {\n        setCodeLanguage(props.existLanguage);\n      } else if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        const result = hljs.highlightAuto(props.codeText);\n        setCodeLanguage(result.language || '');\n      } else {\n        setCodeLanguage('');\n      }\n    }, [props.existLanguage, props.codeText, renderState.config.codeBlock.autoDetectUnknownLanguage]);\n\n    const [usedCodeLanguage, usedFileName] = useMemo(() => {\n      if (!codeLanguage) return ['plaintext', 'unknown'];\n      if (!hljs.getLanguage(codeLanguage)) {\n        return ['plaintext', codeLanguage];\n      }\n      return [codeLanguage, codeLanguage];\n    }, [codeLanguage]);\n\n    const isMermaidCodeBlock = codeLanguage === 'mermaid';\n    const isSpecialCodeBlock = isMermaidCodeBlock;\n\n    const normalCodeBlockContent = useMemo(() => {\n      let usedCodeStr = props.codeText;\n      if (usedCodeStr && usedCodeLanguage.toLowerCase() === 'json') {\n        const deepParsedResult = deepParseJson(usedCodeStr);\n        usedCodeStr =\n          typeof deepParsedResult === 'string' ? deepParsedResult : JSON.stringify(deepParsedResult, null, 2);\n      }\n      return usedFileName === 'unknown' ? (\n        <CodeHighlight\n          mb={15}\n          w=\"100%\"\n          code={usedCodeStr}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      ) : (\n        <CodeHighlightTabs\n          mb={15}\n          w=\"100%\"\n          code={[\n            {\n              fileName: usedFileName,\n              code: usedCodeStr,\n              language: usedCodeLanguage,\n            },\n          ]}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      );\n    }, [props.codeText, usedCodeLanguage, usedFileName]);\n\n    return (\n      <>\n        {isMermaidCodeBlock && <MantineAIMMermaidCode code={props.codeText} />}\n        {!isSpecialCodeBlock && normalCodeBlockContent}\n      </>\n    );\n  }\n);\n\nMantineAIMPreCode.displayName = 'MantineAIMPreCode';\n\nexport default MantineAIMPreCode;\n","'use client';\n\nimport React, { memo, useMemo, useEffect, useRef, useState, useCallback } from 'react';\nimport { CodeHighlightControl, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { ActionIcon, CopyButton, Flex, Tooltip } from '@mantine/core';\nimport debounce from 'lodash-es/debounce';\nimport mermaid from 'mermaid';\nimport { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\nimport './styles.scss';\n\nconst generateMermaidUUID = () => {\n  return `mermaid-${new Date().getTime()}-${Math.random().toString(36).slice(2, 10)}`;\n};\n\nconst handleViewSVGInNewWindow = (svgElement: SVGElement | null | undefined, isDark: boolean) => {\n  if (!svgElement) return;\n  const targetSvg = svgElement.cloneNode(true) as SVGElement;\n  targetSvg.style.backgroundColor = isDark ? '#242424' : 'white';\n  const text = new XMLSerializer().serializeToString(targetSvg);\n  const blob = new Blob([text], { type: 'image/svg+xml' });\n  const url = URL.createObjectURL(blob);\n  const win = window.open(url);\n  if (win) {\n    setTimeout(() => URL.revokeObjectURL(url), 5000);\n  }\n};\n\nconst MantineAIMMermaidCode = memo((props: { code: string }) => {\n  const renderState = useMantineAIMarkdownRenderState();\n  const isDark = renderState.colorScheme === 'dark';\n\n  const ref = useRef<HTMLPreElement>(null);\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n  const [renderError, setRenderError] = useState(false);\n  const [chartType, setChartType] = useState('unkown');\n\n  const debouncedUpdateRenderError = useMemo(\n    () =>\n      debounce((error: boolean) => {\n        setRenderError(error);\n      }, 200),\n    []\n  );\n\n  useEffect(() => {\n    if (props.code && ref.current) {\n      const renderMermaid = async () => {\n        try {\n          debouncedUpdateRenderError(false);\n          if (ref.current) {\n            mermaid.initialize({\n              startOnLoad: false,\n              securityLevel: 'loose',\n              theme: isDark ? 'dark' : 'base',\n              darkMode: isDark,\n            });\n            const parseResult = await mermaid.parse(props.code);\n            if (!parseResult) {\n              throw new Error('Failed to parse mermaid code');\n            }\n            const { svg, bindFunctions, diagramType } = await mermaid.render(\n              generateMermaidUUID(),\n              props.code,\n              ref.current\n            );\n            ref.current.innerHTML = svg;\n            bindFunctions?.(ref.current);\n            setChartType(diagramType);\n          }\n        } catch {\n          debouncedUpdateRenderError(true);\n        }\n      };\n\n      renderMermaid();\n    }\n  }, [props.code, isDark, showOriginalCode]);\n\n  const viewSvgInNewWindow = useCallback(() => {\n    handleViewSVGInNewWindow(ref.current?.querySelector('svg'), isDark);\n  }, []);\n\n  return (\n    <>\n      {(showOriginalCode || renderError) && (\n        <CodeHighlightTabs\n          mb={15}\n          w=\"100%\"\n          code={[\n            {\n              fileName: renderError ? 'Mermaid Render Error' : 'mermaid',\n              code: props.code,\n              language: 'mermaid',\n            },\n          ]}\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n          styles={{\n            filesScrollarea: {\n              right: '90px',\n            },\n          }}\n          controls={\n            renderError\n              ? []\n              : [\n                  <CodeHighlightControl\n                    tooltipLabel=\"Render Mermaid\"\n                    key=\"gpt\"\n                    onClick={() => {\n                      setShowOriginalCode(false);\n                    }}\n                  >\n                    <Flex align=\"center\" justify=\"center\" w={18} h={18}>\n                      <span className=\"icon-[gravity-ui--logo-mermaid] relative bottom-[1px] text-[16px]\"></span>\n                    </Flex>\n                  </CodeHighlightControl>,\n                ]\n          }\n          withBorder\n          withExpandButton\n        />\n      )}\n      <div\n        className={`aim-mantine-mermaid-code ${isDark ? 'dark' : ''}`}\n        style={\n          showOriginalCode || renderError\n            ? {\n                display: 'none',\n              }\n            : {}\n        }\n      >\n        <div className=\"chart-header\">\n          <div className=\"chart-type-tag\">{chartType}</div>\n          <Flex align=\"center\" justify=\"flex-end\" gap={0}>\n            <Tooltip label=\"Show Mermaid Code\">\n              <ActionIcon\n                size={28}\n                className=\"action-icon\"\n                variant=\"transparent\"\n                onClick={() => {\n                  setShowOriginalCode(true);\n                }}\n              >\n                <Flex align=\"center\" justify=\"center\" w={18} h={18}>\n                  <span className=\"icon-[entypo--code] relative bottom-[0.25px] text-[16px]\"></span>\n                </Flex>\n              </ActionIcon>\n            </Tooltip>\n            <CopyButton value={props.code}>\n              {({ copied, copy }) => (\n                <Tooltip label={copied ? 'Copied' : 'Copy'} withArrow position=\"right\">\n                  <ActionIcon variant=\"transparent\" size={28} className=\"action-icon\" onClick={copy}>\n                    {copied ? (\n                      <span className=\"icon-origin-[lucide--check] text-[18px]\"></span>\n                    ) : (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        strokeWidth=\"2\"\n                        stroke=\"currentColor\"\n                        fill=\"none\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        width=\"18px\"\n                        height=\"18px\"\n                      >\n                        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n                        <path d=\"M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z\"></path>\n                        <path d=\"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2\"></path>\n                      </svg>\n                    )}\n                  </ActionIcon>\n                </Tooltip>\n              )}\n            </CopyButton>\n          </Flex>\n        </div>\n        <pre\n          ref={ref}\n          style={{ cursor: 'pointer', overflow: 'auto', width: '100%', padding: '0.5rem' }}\n          onClick={() => viewSvgInNewWindow()}\n        />\n      </div>\n    </>\n  );\n});\n\nMantineAIMMermaidCode.displayName = 'MantineAIMMermaidCode';\n\nexport default MantineAIMMermaidCode;\n","import { useAIMarkdownMetadata } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownMetadata } from '../defs';\n\nexport const useMantineAIMarkdownMetadata = () => {\n  return useAIMarkdownMetadata<MantineAIMarkdownMetadata>();\n};\n"],"mappings":"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","names":["memo","useMemo","jsx","memo","useEffect","useMemo","useState","CodeHighlightTabs","memo","jsx","memo","Fragment","jsx","jsxs","memo","useState","useEffect","useMemo","CodeHighlightTabs","jsx","memo","useMemo","Typography"]}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@ai-react-markdown/mantine",
+  "version": "1.0.2",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/index.css"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@ai-react-markdown/core": "^1.0.2",
+    "@mantine/code-highlight": "^8.3.17",
+    "@mantine/core": "^8.3.17",
+    "highlight.js": "^11.11.1",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@mantine/code-highlight": "^8.3.17",
+    "@mantine/core": "^8.3.17",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^25.5.0",
+    "autoprefixer": "^10.4.27",
+    "esbuild-sass-plugin": "^3.7.0",
+    "highlight.js": "^11.11.1",
+    "postcss": "^8.5.8",
+    "tsup": "^8.4.0",
+    "@ai-react-markdown/core": "1.0.2"
+  },
+  "dependencies": {
+    "deep-parse-json": "^2.0.0",
+    "lodash-es": "^4.17.23",
+    "mermaid": "^11.13.0"
+  },
+  "scripts": {
+    "build": "tsup"
+  }
+}