@ai-react-markdown/mantine 1.2.9 → 1.4.0

package/README.md

@@ -14,7 +14,7 @@ Mantine UI integration for `@ai-react-markdown/core`. Provides a drop-in `<Manti
 - **Automatic color scheme** -- detects Mantine's computed color scheme (`useComputedColorScheme`) and passes it to the core renderer automatically
 - **Mantine-scoped CSS** -- extra styles wrapper overrides Mantine spacing/font-size custom properties to use relative `em` units, ensuring consistent scaling at any base font size
 
-All core features (GFM, LaTeX math, CJK support, streaming, metadata context, content preprocessors, custom components) are inherited from `@ai-react-markdown/core`.
+All core features (GFM, LaTeX math, CJK support, streaming, metadata context, content preprocessors, custom components, cross-chunk coordination via `<AIMarkdownDocuments>`) are inherited from `@ai-react-markdown/core`. To coordinate footnotes / link refs / image refs across chunked-stream `<MantineAIMarkdown>` instances, wrap them in `<AIMarkdownDocuments>` (imported from `@ai-react-markdown/core`) and pass the same `documentId` to every chunk — Mantine integration is unaffected.
 
 ## Installation
 
@@ -35,7 +35,7 @@ yarn add @ai-react-markdown/mantine @ai-react-markdown/core
 {
   "react": ">=19",
   "react-dom": ">=19",
-  "@ai-react-markdown/core": "^1.0.2",
+  "@ai-react-markdown/core": "^1.4.0",
   "@mantine/core": "^8.3.17",
   "@mantine/code-highlight": "^8.3.17",
   "highlight.js": "^11.11.1"
@@ -99,7 +99,7 @@ Extends `AIMarkdownProps` from the core package. All core props are supported; l
 | ---------------------- | -------------------------------- | -------------------------------------- | -------------------------------------------------------------------- |
 | `content`              | `string`                         | **(required)**                         | Raw markdown content to render.                                      |
 | `streaming`            | `boolean`                        | `false`                                | Whether content is actively being streamed.                          |
-| `fontSize`             | `number \| string`               | `'0.875rem'`                           | Base font size. Numbers are treated as pixels.                       |
+| `fontSize`             | `number \| string`               | `'0.9375rem'`                          | Base font size. Numbers are treated as pixels. Inherited from core.  |
 | `variant`              | `AIMarkdownVariant`              | `'default'`                            | Typography variant name.                                             |
 | `colorScheme`          | `AIMarkdownColorScheme`          | Auto-detected                          | Color scheme. Defaults to Mantine's computed color scheme.           |
 | `config`               | `PartialDeep<TConfig>`           | `undefined`                            | Partial render config, deep-merged with defaults.                    |

package/dist/index.cjs

@@ -87,6 +87,7 @@ var import_code_highlight = require("@mantine/code-highlight");
 var import_core4 = require("@mantine/core");
 var import_mermaid = __toESM(require("mermaid"), 1);
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var PRE_STYLE = { cursor: "pointer", overflow: "auto", width: "100%", padding: "0.5rem" };
 var generateMermaidUUID = () => {
   return `mermaid-${(/* @__PURE__ */ new Date()).getTime()}-${Math.random().toString(36).slice(2, 10)}`;
 };
@@ -121,7 +122,7 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
       try {
         import_mermaid.default.initialize({
           startOnLoad: false,
-          securityLevel: "loose",
+          securityLevel: "strict",
           theme: isDark ? "dark" : "base",
           darkMode: isDark
         });
@@ -133,7 +134,11 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
         if (!hostElement || cancelled || renderVersion !== renderVersionRef.current) {
           return;
         }
-        const { svg, bindFunctions, diagramType } = await import_mermaid.default.render(generateMermaidUUID(), props.code, hostElement);
+        const { svg, bindFunctions, diagramType } = await import_mermaid.default.render(
+          generateMermaidUUID(),
+          props.code,
+          hostElement
+        );
         if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {
           return;
         }
@@ -239,14 +244,7 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
               ) }) }) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "pre",
-            {
-              ref,
-              style: { cursor: "pointer", overflow: "auto", width: "100%", padding: "0.5rem" },
-              onClick: () => viewSvgInNewWindow()
-            }
-          )
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { ref, style: PRE_STYLE, onClick: viewSvgInNewWindow })
         ]
       }
     )

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/defs.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/customized/MermaidCode/index.tsx","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["/**\n * Public API surface for `@ai-react-markdown/mantine`.\n *\n * Re-exports the Mantine-integrated AI markdown component, its supporting\n * sub-components, extended types, default configuration, and typed hooks.\n *\n * @packageDocumentation\n */\n\n// --- Components ---\n\n/** Props for the main {@link MantineAIMarkdown} component. */\nexport type { MantineAIMarkdownProps } from './MantineAIMarkdown';\n\n/** Main component -- Mantine-integrated AI markdown renderer (default export). */\nexport { default } from './MantineAIMarkdown';\n\n/** Mantine-themed typography wrapper used by default inside {@link MantineAIMarkdown}. */\nexport { default as MantineAIMarkdownTypography } from './components/typography/MantineTypography';\n\n/** Default extra styles wrapper providing Mantine-compatible CSS scoping and overrides. */\nexport { default as MantineAIMDefaultExtraStyles } from './components/extra-styles/DefaultExtraStyles';\n\n// --- Types, config, and hooks ---\n\n/** Extended render configuration and metadata types for the Mantine integration. */\nexport type { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata } from './defs';\n\n/** Default Mantine render configuration (frozen). */\nexport { defaultMantineAIMarkdownRenderConfig } from './defs';\n\n/** Typed hook for accessing render state with Mantine-specific config fields. */\nexport { useMantineAIMarkdownRenderState } from './hooks/useMantineAIMarkdownRenderState';\n\n/** Typed hook for accessing metadata within the Mantine AI markdown tree. */\nexport { useMantineAIMarkdownMetadata } from './hooks/useMantineAIMarkdownMetadata';\n","/**\n * Main Mantine integration component for AI markdown rendering.\n *\n * Wraps the core {@link AIMarkdown} component with Mantine-specific defaults:\n * - {@link MantineAIMarkdownTypography} as the typography wrapper\n * - {@link MantineAIMDefaultExtraStyles} as the extra styles wrapper\n * - {@link MantineAIMPreCode} as the default `<pre>` component (with syntax\n *   highlighting via Mantine's CodeHighlight and mermaid diagram support)\n * - Automatic color scheme detection via Mantine's `useComputedColorScheme`\n *\n * @module MantineAIMarkdown\n */\n\nimport { 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\n/**\n * Props for the {@link MantineAIMarkdown} component.\n *\n * Extends {@link AIMarkdownProps} with Mantine-specific config and metadata generics.\n * All core props (`content`, `streaming`, `fontSize`, `config`, etc.) are inherited.\n *\n * @typeParam TConfig - Render configuration type, defaults to {@link MantineAIMarkdownRenderConfig}.\n * @typeParam TRenderData - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\n\n/**\n * Default custom component overrides applied by the Mantine integration.\n *\n * Overrides the `<pre>` element to extract code blocks and render them via\n * {@link MantineAIMPreCode}, which provides syntax highlighting, expand/collapse,\n * and mermaid diagram support. Falls back to a plain `<pre>` when the child\n * is not a recognized code element.\n */\nconst DefaultCustomComponents: AIMarkdownCustomComponents = {\n  pre: ({ node, ...usefulProps }) => {\n    const code = node?.children[0] as\n      | {\n          type: string;\n          tagName?: string;\n          position?: { start?: { offset?: number } };\n          properties?: Record<string, unknown>;\n          children: { value?: string }[];\n        }\n      | undefined;\n    if (!code || code.type !== 'element' || code.tagName !== 'code' || !code.position) {\n      return <pre {...usefulProps} />;\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?: string }) => child.value ?? '').join('\\n');\n    return <MantineAIMPreCode key={key} codeText={codeText} existLanguage={detectedLanguage} />;\n  },\n};\n\n/**\n * Inner (non-memoized) implementation of the Mantine AI markdown component.\n *\n * Merges caller-provided `customComponents` with the Mantine defaults (the caller's\n * overrides take precedence). Automatically resolves the color scheme from Mantine's\n * `useComputedColorScheme` when no explicit `colorScheme` prop is provided.\n *\n * @typeParam TConfig - Render configuration type.\n * @typeParam TRenderData - Metadata type.\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\n/**\n * Mantine-integrated AI markdown renderer.\n *\n * A memoized wrapper around the core `<AIMarkdown>` component that provides\n * Mantine-themed typography, code highlighting (via `@mantine/code-highlight`),\n * mermaid diagram rendering, and automatic color scheme detection.\n *\n * This is the default export of `@ai-react-markdown/mantine`.\n *\n * @example\n * ```tsx\n * import MantineAIMarkdown from '@ai-react-markdown/mantine';\n *\n * function Chat({ content }: { content: string }) {\n *   return <MantineAIMarkdown content={content} />;\n * }\n * ```\n */\nexport const MantineAIMarkdown = memo(MantineAIMarkdownComponent);\n\nMantineAIMarkdown.displayName = 'MantineAIMarkdown';\n\nexport default MantineAIMarkdown as typeof MantineAIMarkdownComponent;\n","import { memo } from 'react';\nimport { Typography } from '@mantine/core';\nimport type { AIMarkdownTypographyProps } from '@ai-react-markdown/core';\n\n/**\n * Mantine-themed typography wrapper for AI markdown content.\n *\n * Replaces the core default typography component with Mantine's `<Typography>`\n * element, applying the configured `fontSize` at full width. This ensures all\n * rendered markdown inherits Mantine's font family, line height, and theming.\n *\n * Used as the default `Typography` prop in {@link MantineAIMarkdown}.\n * Can be replaced by passing a custom `Typography` component.\n *\n * @param props - Standard {@link AIMarkdownTypographyProps} from the core package.\n */\nconst MantineAIMarkdownTypography = memo(({ children, fontSize, style }: AIMarkdownTypographyProps) => (\n  <Typography w=\"100%\" fz={fontSize} style={style}>\n    {children}\n  </Typography>\n));\n\nMantineAIMarkdownTypography.displayName = 'MantineAIMarkdownTypography';\n\nexport default MantineAIMarkdownTypography;\n","import React from 'react';\nimport { AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';\nimport './styles.scss';\n\n/**\n * Default extra styles wrapper for the Mantine integration.\n *\n * Wraps markdown content in a `<div>` with the `aim-mantine-extra-styles` CSS class,\n * which provides Mantine-compatible typography overrides including:\n * - Relative `em`-based Mantine spacing and font-size CSS custom properties\n * - Heading, list, paragraph, blockquote, and code styling\n * - Definition list layout\n *\n * Used as the default `ExtraStyles` prop in {@link MantineAIMarkdown}.\n */\nconst MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent = ({ children }) => {\n  return <div className=\"aim-mantine-extra-styles\">{children}</div>;\n};\n\nexport default MantineAIMDefaultExtraStyles;\n","/**\n * Mantine-specific type definitions and default configuration.\n *\n * Extends the core {@link AIMarkdownRenderConfig} and {@link AIMarkdownMetadata}\n * with Mantine-themed options such as uniform heading sizes and code block behavior.\n *\n * @module defs\n */\n\nimport { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\n/**\n * Extended render configuration for the Mantine integration.\n *\n * Inherits all core config fields (extra syntax, display optimizations) and adds\n * Mantine-specific options for typography sizing and code block behavior.\n */\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  /** Code block rendering options. */\n  codeBlock: {\n    /**\n     * Whether code blocks start in their expanded state.\n     * When `false`, long code blocks are collapsed with an expand button.\n     *\n     * @default true\n     */\n    defaultExpanded: boolean;\n\n    /**\n     * When `true`, uses `highlight.js` auto-detection to determine the language\n     * of code blocks that lack an explicit language annotation.\n     *\n     * @default false\n     */\n    autoDetectUnknownLanguage: boolean;\n  };\n}\n\n/**\n * Default Mantine render configuration.\n *\n * Extends {@link defaultAIMarkdownRenderConfig} with Mantine-specific defaults.\n * Frozen to prevent accidental mutation.\n */\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\n});\n\n/**\n * Metadata type for the Mantine integration.\n *\n * Currently identical to {@link AIMarkdownMetadata}. Exists as an extension point\n * so that consumers can augment metadata in Mantine-specific wrappers without\n * needing to reference the core type directly.\n */\nexport interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {}\n","'use client';\n\nimport { HTMLAttributes, memo, useMemo } 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\n/**\n * Code languages that receive specialized rendering instead of standard\n * syntax-highlighted code blocks. Adding a new member here automatically\n * marks that language as \"special\" — you only need to add the corresponding\n * rendering branch in the component's return.\n */\nenum SpecialCodeLanguage {\n  /** Rendered as interactive diagrams via {@link MantineAIMMermaidCode} */\n  Mermaid = 'mermaid',\n}\n\n/** O(1) lookup set, derived from {@link SpecialCodeLanguage}. */\nconst SPECIAL_LANGUAGES = new Set<string>(Object.values(SpecialCodeLanguage));\n\n/**\n * Mantine code block renderer for `<pre>` elements.\n *\n * Replaces the default `<pre>` rendering with Mantine's {@link CodeHighlight} or\n * {@link CodeHighlightTabs} components, providing syntax highlighting, expand/collapse\n * behavior, and file-name tabs.\n *\n * Behavior:\n * - If the code block has an explicit language annotation, uses that language.\n * - If no language is specified and `config.codeBlock.autoDetectUnknownLanguage` is\n *   enabled, uses `highlight.js` auto-detection.\n * - Mermaid code blocks (`language-mermaid`) are rendered as interactive diagrams\n *   via {@link MantineAIMMermaidCode}.\n * - JSON code blocks are deep-parsed and pretty-printed before display.\n * - Unrecognized languages render as plaintext with an \"unknown\" label using\n *   {@link CodeHighlight} (no tabs).\n * - Recognized languages render with {@link CodeHighlightTabs} showing the\n *   language name as the tab label.\n *\n * @param props.codeText - The raw text content of the code block.\n * @param props.existLanguage - Language identifier extracted from the `language-*` CSS class, if present.\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 = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\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 isSpecialCodeBlock = SPECIAL_LANGUAGES.has(codeLanguage);\n\n    const normalCodeBlockContent = useMemo(() => {\n      if (isSpecialCodeBlock) return null;\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          fz={renderState.fontSize}\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          fz={renderState.fontSize}\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    }, [\n      isSpecialCodeBlock,\n      props.codeText,\n      usedCodeLanguage,\n      usedFileName,\n      renderState.fontSize,\n      renderState.config.codeBlock.defaultExpanded,\n    ]);\n\n    const specialCodeBlockContent = useMemo(() => {\n      switch (codeLanguage) {\n        case SpecialCodeLanguage.Mermaid:\n          return <MantineAIMMermaidCode code={props.codeText} />;\n        default:\n          return null;\n      }\n    }, [codeLanguage, props.codeText]);\n\n    return isSpecialCodeBlock ? specialCodeBlockContent : normalCodeBlockContent;\n  }\n);\n\nMantineAIMPreCode.displayName = 'MantineAIMPreCode';\n\nexport default MantineAIMPreCode;\n","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownRenderState} hook.\n *\n * Returns the current {@link AIMarkdownRenderState} defaulting to\n * {@link MantineAIMarkdownRenderConfig}. Accepts an optional generic parameter\n * for further extension, giving consumers direct access to Mantine-specific\n * config fields (`codeBlock`, etc.) without manual annotation.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n * Throws if called outside the provider boundary.\n *\n * @typeParam TConfig - Config type (defaults to {@link MantineAIMarkdownRenderConfig}).\n * @returns The current render state typed with `TConfig`.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { config, streaming, colorScheme } = useMantineAIMarkdownRenderState();\n *   const isExpanded = config.codeBlock.defaultExpanded;\n *   // ...\n * }\n * ```\n */\nexport const useMantineAIMarkdownRenderState = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n>() => {\n  return useAIMarkdownRenderState<TConfig>();\n};\n","'use client';\n\nimport React, { memo, useEffect, useRef, useState, useCallback } from 'react';\nimport { CodeHighlightControl, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { ActionIcon, CopyButton, Flex, Tooltip } from '@mantine/core';\nimport mermaid from 'mermaid';\nimport { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\nimport './styles.scss';\n\n/**\n * Generate a unique ID for mermaid SVG rendering.\n * Combines a timestamp with a random suffix to avoid collisions when\n * multiple mermaid diagrams render concurrently.\n *\n * @returns A unique string in the format `mermaid-{timestamp}-{random}`.\n */\nconst generateMermaidUUID = () => {\n  return `mermaid-${new Date().getTime()}-${Math.random().toString(36).slice(2, 10)}`;\n};\n\n/**\n * Open the rendered mermaid SVG in a new browser window.\n *\n * Clones the SVG element, applies a background color matching the current\n * color scheme, serializes it to an object URL, and opens it in a new tab.\n * The object URL is revoked after a short delay to free memory.\n *\n * @param svgElement - The rendered SVG element to view, or `null`/`undefined` to no-op.\n * @param isDark - Whether the current color scheme is dark (used for background color).\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\n/**\n * Interactive mermaid diagram renderer.\n *\n * Parses and renders mermaid diagram source code into an inline SVG visualization.\n * Automatically adapts to the current Mantine color scheme (light/dark) by\n * re-initializing mermaid with the appropriate theme.\n *\n * Features:\n * - Live SVG rendering with automatic dark/light theme switching\n * - Fallback to raw source code display on parse/render errors\n * - Toggle between rendered diagram and raw mermaid source\n * - Click on the rendered diagram to open the SVG in a new browser window\n * - Copy button for the raw mermaid source code\n * - Chart type label extracted from mermaid's parse result\n * - Preserves the last successful render across transient parse failures\n *\n * @param props.code - Raw mermaid diagram source code to render.\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 renderVersionRef = useRef(0);\n  const hasRenderedRef = useRef(false);\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n  const [renderError, setRenderError] = useState(false);\n  const [chartType, setChartType] = useState('unknown');\n\n  useEffect(() => {\n    if (!props.code || !ref.current || showOriginalCode) {\n      return;\n    }\n\n    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    const renderMermaid = async () => {\n      try {\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\n        const hostElement = ref.current;\n        if (!hostElement || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        const { svg, bindFunctions, diagramType } = await mermaid.render(generateMermaidUUID(), props.code, hostElement);\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        ref.current.innerHTML = svg;\n        bindFunctions?.(ref.current);\n        hasRenderedRef.current = true;\n        setChartType(diagramType);\n        setRenderError(false);\n      } catch {\n        if (!cancelled && renderVersion === renderVersionRef.current && !hasRenderedRef.current) {\n          setChartType('unknown');\n          setRenderError(true);\n        }\n      }\n    };\n\n    void renderMermaid();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [props.code, isDark, showOriginalCode]);\n\n  const viewSvgInNewWindow = useCallback(() => {\n    handleViewSVGInNewWindow(ref.current?.querySelector('svg'), isDark);\n  }, [isDark]);\n\n  return (\n    <>\n      {(showOriginalCode || renderError) && (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\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\n/**\n * Typed wrapper around the core {@link useAIMarkdownMetadata} hook.\n *\n * Returns the current metadata defaulting to {@link MantineAIMarkdownMetadata}.\n * Accepts an optional generic parameter for further extension.\n *\n * Metadata lives in a separate React context from the render state, meaning\n * metadata updates do not trigger re-renders in components that only consume\n * render state.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n *\n * @typeParam TMetadata - Metadata type (defaults to {@link MantineAIMarkdownMetadata}).\n * @returns The current metadata, or `undefined` if none was provided.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const metadata = useMantineAIMarkdownMetadata();\n *   // Access Mantine-specific metadata fields\n * }\n * ```\n */\nexport const useMantineAIMarkdownMetadata = <\n  TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>() => {\n  return useAIMarkdownMetadata<TMetadata>();\n};\n"],"mappings":"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","names":["import_react","import_core","import_jsx_runtime","import_core","import_react","import_code_highlight","import_core","import_react","import_core","import_jsx_runtime","mermaid","import_jsx_runtime","SpecialCodeLanguage","hljs","import_core","import_jsx_runtime","Typography","AIMarkdown","import_core"]}
+{"version":3,"sources":["../src/index.tsx","../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/defs.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/customized/MermaidCode/index.tsx","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["/**\n * Public API surface for `@ai-react-markdown/mantine`.\n *\n * Re-exports the Mantine-integrated AI markdown component, its supporting\n * sub-components, extended types, default configuration, and typed hooks.\n *\n * @packageDocumentation\n */\n\n// --- Components ---\n\n/** Props for the main {@link MantineAIMarkdown} component. */\nexport type { MantineAIMarkdownProps } from './MantineAIMarkdown';\n\n/** Main component -- Mantine-integrated AI markdown renderer (default export). */\nexport { default } from './MantineAIMarkdown';\n\n/** Mantine-themed typography wrapper used by default inside {@link MantineAIMarkdown}. */\nexport { default as MantineAIMarkdownTypography } from './components/typography/MantineTypography';\n\n/** Default extra styles wrapper providing Mantine-compatible CSS scoping and overrides. */\nexport { default as MantineAIMDefaultExtraStyles } from './components/extra-styles/DefaultExtraStyles';\n\n// --- Types, config, and hooks ---\n\n/** Extended render configuration and metadata types for the Mantine integration. */\nexport type { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata } from './defs';\n\n/** Default Mantine render configuration (frozen). */\nexport { defaultMantineAIMarkdownRenderConfig } from './defs';\n\n/** Typed hook for accessing render state with Mantine-specific config fields. */\nexport { useMantineAIMarkdownRenderState } from './hooks/useMantineAIMarkdownRenderState';\n\n/** Typed hook for accessing metadata within the Mantine AI markdown tree. */\nexport { useMantineAIMarkdownMetadata } from './hooks/useMantineAIMarkdownMetadata';\n","/**\n * Main Mantine integration component for AI markdown rendering.\n *\n * Wraps the core {@link AIMarkdown} component with Mantine-specific defaults:\n * - {@link MantineAIMarkdownTypography} as the typography wrapper\n * - {@link MantineAIMDefaultExtraStyles} as the extra styles wrapper\n * - {@link MantineAIMPreCode} as the default `<pre>` component (with syntax\n *   highlighting via Mantine's CodeHighlight and mermaid diagram support)\n * - Automatic color scheme detection via Mantine's `useComputedColorScheme`\n *\n * @module MantineAIMarkdown\n */\n\nimport { 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\n/**\n * Props for the {@link MantineAIMarkdown} component.\n *\n * Extends {@link AIMarkdownProps} with Mantine-specific config and metadata generics.\n * All core props (`content`, `streaming`, `fontSize`, `config`, etc.) are inherited.\n *\n * @typeParam TConfig - Render configuration type, defaults to {@link MantineAIMarkdownRenderConfig}.\n * @typeParam TRenderData - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\n\n/**\n * Default custom component overrides applied by the Mantine integration.\n *\n * Overrides the `<pre>` element to extract code blocks and render them via\n * {@link MantineAIMPreCode}, which provides syntax highlighting, expand/collapse,\n * and mermaid diagram support. Falls back to a plain `<pre>` when the child\n * is not a recognized code element.\n */\nconst DefaultCustomComponents: AIMarkdownCustomComponents = {\n  pre: ({ node, ...usefulProps }) => {\n    const code = node?.children[0] as\n      | {\n          type: string;\n          tagName?: string;\n          position?: { start?: { offset?: number } };\n          properties?: Record<string, unknown>;\n          children: { value?: string }[];\n        }\n      | undefined;\n    if (!code || code.type !== 'element' || code.tagName !== 'code' || !code.position) {\n      return <pre {...usefulProps} />;\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?: string }) => child.value ?? '').join('\\n');\n    return <MantineAIMPreCode key={key} codeText={codeText} existLanguage={detectedLanguage} />;\n  },\n};\n\n/**\n * Inner (non-memoized) implementation of the Mantine AI markdown component.\n *\n * Merges caller-provided `customComponents` with the Mantine defaults (the caller's\n * overrides take precedence). Automatically resolves the color scheme from Mantine's\n * `useComputedColorScheme` when no explicit `colorScheme` prop is provided.\n *\n * @typeParam TConfig - Render configuration type.\n * @typeParam TRenderData - Metadata type.\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\n/**\n * Mantine-integrated AI markdown renderer.\n *\n * A memoized wrapper around the core `<AIMarkdown>` component that provides\n * Mantine-themed typography, code highlighting (via `@mantine/code-highlight`),\n * mermaid diagram rendering, and automatic color scheme detection.\n *\n * This is the default export of `@ai-react-markdown/mantine`.\n *\n * @example\n * ```tsx\n * import MantineAIMarkdown from '@ai-react-markdown/mantine';\n *\n * function Chat({ content }: { content: string }) {\n *   return <MantineAIMarkdown content={content} />;\n * }\n * ```\n */\nexport const MantineAIMarkdown = memo(MantineAIMarkdownComponent);\n\nMantineAIMarkdown.displayName = 'MantineAIMarkdown';\n\nexport default MantineAIMarkdown as typeof MantineAIMarkdownComponent;\n","import { memo } from 'react';\nimport { Typography } from '@mantine/core';\nimport type { AIMarkdownTypographyProps } from '@ai-react-markdown/core';\n\n/**\n * Mantine-themed typography wrapper for AI markdown content.\n *\n * Replaces the core default typography component with Mantine's `<Typography>`\n * element, applying the configured `fontSize` at full width. This ensures all\n * rendered markdown inherits Mantine's font family, line height, and theming.\n *\n * Used as the default `Typography` prop in {@link MantineAIMarkdown}.\n * Can be replaced by passing a custom `Typography` component.\n *\n * @param props - Standard {@link AIMarkdownTypographyProps} from the core package.\n */\nconst MantineAIMarkdownTypography = memo(({ children, fontSize, style }: AIMarkdownTypographyProps) => (\n  <Typography w=\"100%\" fz={fontSize} style={style}>\n    {children}\n  </Typography>\n));\n\nMantineAIMarkdownTypography.displayName = 'MantineAIMarkdownTypography';\n\nexport default MantineAIMarkdownTypography;\n","import React from 'react';\nimport { AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';\nimport './styles.scss';\n\n/**\n * Default extra styles wrapper for the Mantine integration.\n *\n * Wraps markdown content in a `<div>` with the `aim-mantine-extra-styles` CSS class,\n * which provides Mantine-compatible typography overrides including:\n * - Relative `em`-based Mantine spacing and font-size CSS custom properties\n * - Heading, list, paragraph, blockquote, and code styling\n * - Definition list layout\n *\n * Used as the default `ExtraStyles` prop in {@link MantineAIMarkdown}.\n */\nconst MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent = ({ children }) => {\n  return <div className=\"aim-mantine-extra-styles\">{children}</div>;\n};\n\nexport default MantineAIMDefaultExtraStyles;\n","/**\n * Mantine-specific type definitions and default configuration.\n *\n * Extends the core {@link AIMarkdownRenderConfig} and {@link AIMarkdownMetadata}\n * with Mantine-themed options such as uniform heading sizes and code block behavior.\n *\n * @module defs\n */\n\nimport { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\n/**\n * Extended render configuration for the Mantine integration.\n *\n * Inherits all core config fields (extra syntax, display optimizations) and adds\n * Mantine-specific options for typography sizing and code block behavior.\n */\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  /** Code block rendering options. */\n  codeBlock: {\n    /**\n     * Whether code blocks start in their expanded state.\n     * When `false`, long code blocks are collapsed with an expand button.\n     *\n     * @default true\n     */\n    defaultExpanded: boolean;\n\n    /**\n     * When `true`, uses `highlight.js` auto-detection to determine the language\n     * of code blocks that lack an explicit language annotation.\n     *\n     * @default false\n     */\n    autoDetectUnknownLanguage: boolean;\n  };\n}\n\n/**\n * Default Mantine render configuration.\n *\n * Extends {@link defaultAIMarkdownRenderConfig} with Mantine-specific defaults.\n * Frozen to prevent accidental mutation.\n */\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\n});\n\n/**\n * Metadata type for the Mantine integration.\n *\n * Currently identical to {@link AIMarkdownMetadata}. Exists as an extension point\n * so that consumers can augment metadata in Mantine-specific wrappers without\n * needing to reference the core type directly.\n */\nexport interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {}\n","'use client';\n\nimport { HTMLAttributes, memo, useMemo } 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\n/**\n * Code languages that receive specialized rendering instead of standard\n * syntax-highlighted code blocks. Adding a new member here automatically\n * marks that language as \"special\" — you only need to add the corresponding\n * rendering branch in the component's return.\n */\nenum SpecialCodeLanguage {\n  /** Rendered as interactive diagrams via {@link MantineAIMMermaidCode} */\n  Mermaid = 'mermaid',\n}\n\n/** O(1) lookup set, derived from {@link SpecialCodeLanguage}. */\nconst SPECIAL_LANGUAGES = new Set<string>(Object.values(SpecialCodeLanguage));\n\n/**\n * Mantine code block renderer for `<pre>` elements.\n *\n * Replaces the default `<pre>` rendering with Mantine's {@link CodeHighlight} or\n * {@link CodeHighlightTabs} components, providing syntax highlighting, expand/collapse\n * behavior, and file-name tabs.\n *\n * Behavior:\n * - If the code block has an explicit language annotation, uses that language.\n * - If no language is specified and `config.codeBlock.autoDetectUnknownLanguage` is\n *   enabled, uses `highlight.js` auto-detection.\n * - Mermaid code blocks (`language-mermaid`) are rendered as interactive diagrams\n *   via {@link MantineAIMMermaidCode}.\n * - JSON code blocks are deep-parsed and pretty-printed before display.\n * - Unrecognized languages render as plaintext with an \"unknown\" label using\n *   {@link CodeHighlight} (no tabs).\n * - Recognized languages render with {@link CodeHighlightTabs} showing the\n *   language name as the tab label.\n *\n * @param props.codeText - The raw text content of the code block.\n * @param props.existLanguage - Language identifier extracted from the `language-*` CSS class, if present.\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 = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\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 isSpecialCodeBlock = SPECIAL_LANGUAGES.has(codeLanguage);\n\n    const normalCodeBlockContent = useMemo(() => {\n      if (isSpecialCodeBlock) return null;\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          fz={renderState.fontSize}\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          fz={renderState.fontSize}\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    }, [\n      isSpecialCodeBlock,\n      props.codeText,\n      usedCodeLanguage,\n      usedFileName,\n      renderState.fontSize,\n      renderState.config.codeBlock.defaultExpanded,\n    ]);\n\n    const specialCodeBlockContent = useMemo(() => {\n      switch (codeLanguage) {\n        case SpecialCodeLanguage.Mermaid:\n          return <MantineAIMMermaidCode code={props.codeText} />;\n        default:\n          return null;\n      }\n    }, [codeLanguage, props.codeText]);\n\n    return isSpecialCodeBlock ? specialCodeBlockContent : normalCodeBlockContent;\n  }\n);\n\nMantineAIMPreCode.displayName = 'MantineAIMPreCode';\n\nexport default MantineAIMPreCode;\n","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownRenderState} hook.\n *\n * Returns the current {@link AIMarkdownRenderState} defaulting to\n * {@link MantineAIMarkdownRenderConfig}. Accepts an optional generic parameter\n * for further extension, giving consumers direct access to Mantine-specific\n * config fields (`codeBlock`, etc.) without manual annotation.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n * Throws if called outside the provider boundary.\n *\n * @typeParam TConfig - Config type (defaults to {@link MantineAIMarkdownRenderConfig}).\n * @returns The current render state typed with `TConfig`.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { config, streaming, colorScheme } = useMantineAIMarkdownRenderState();\n *   const isExpanded = config.codeBlock.defaultExpanded;\n *   // ...\n * }\n * ```\n */\nexport const useMantineAIMarkdownRenderState = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n>() => {\n  return useAIMarkdownRenderState<TConfig>();\n};\n","'use client';\n\nimport React, { memo, useEffect, useRef, useState, useCallback } from 'react';\nimport { CodeHighlightControl, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { ActionIcon, CopyButton, Flex, Tooltip } from '@mantine/core';\nimport mermaid from 'mermaid';\nimport { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\nimport './styles.scss';\n\n/** Static `<pre>` style for the mermaid container. */\nconst PRE_STYLE = { cursor: 'pointer', overflow: 'auto', width: '100%', padding: '0.5rem' } as const;\n\n/**\n * Generate a unique ID for mermaid SVG rendering.\n * Combines a timestamp with a random suffix to avoid collisions when\n * multiple mermaid diagrams render concurrently.\n *\n * @returns A unique string in the format `mermaid-{timestamp}-{random}`.\n */\nconst generateMermaidUUID = () => {\n  return `mermaid-${new Date().getTime()}-${Math.random().toString(36).slice(2, 10)}`;\n};\n\n/**\n * Open the rendered mermaid SVG in a new browser window.\n *\n * Clones the SVG element, applies a background color matching the current\n * color scheme, serializes it to an object URL, and opens it in a new tab.\n * The object URL is revoked after a short delay to free memory.\n *\n * @param svgElement - The rendered SVG element to view, or `null`/`undefined` to no-op.\n * @param isDark - Whether the current color scheme is dark (used for background color).\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\n/**\n * Interactive mermaid diagram renderer.\n *\n * Parses and renders mermaid diagram source code into an inline SVG visualization.\n * Automatically adapts to the current Mantine color scheme (light/dark) by\n * re-initializing mermaid with the appropriate theme.\n *\n * Features:\n * - Live SVG rendering with automatic dark/light theme switching\n * - Fallback to raw source code display on parse/render errors\n * - Toggle between rendered diagram and raw mermaid source\n * - Click on the rendered diagram to open the SVG in a new browser window\n * - Copy button for the raw mermaid source code\n * - Chart type label extracted from mermaid's parse result\n * - Preserves the last successful render across transient parse failures\n *\n * @param props.code - Raw mermaid diagram source code to render.\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 renderVersionRef = useRef(0);\n  const hasRenderedRef = useRef(false);\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n  const [renderError, setRenderError] = useState(false);\n  const [chartType, setChartType] = useState('unknown');\n\n  useEffect(() => {\n    if (!props.code || !ref.current || showOriginalCode) {\n      return;\n    }\n\n    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    const renderMermaid = async () => {\n      try {\n        mermaid.initialize({\n          startOnLoad: false,\n          securityLevel: 'strict',\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\n        const hostElement = ref.current;\n        if (!hostElement || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        const { svg, bindFunctions, diagramType } = await mermaid.render(\n          generateMermaidUUID(),\n          props.code,\n          hostElement\n        );\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        ref.current.innerHTML = svg;\n        bindFunctions?.(ref.current);\n        hasRenderedRef.current = true;\n        setChartType(diagramType);\n        setRenderError(false);\n      } catch {\n        if (!cancelled && renderVersion === renderVersionRef.current && !hasRenderedRef.current) {\n          setChartType('unknown');\n          setRenderError(true);\n        }\n      }\n    };\n\n    void renderMermaid();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [props.code, isDark, showOriginalCode]);\n\n  const viewSvgInNewWindow = useCallback(() => {\n    handleViewSVGInNewWindow(ref.current?.querySelector('svg'), isDark);\n  }, [isDark]);\n\n  return (\n    <>\n      {(showOriginalCode || renderError) && (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\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 ref={ref} style={PRE_STYLE} onClick={viewSvgInNewWindow} />\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\n/**\n * Typed wrapper around the core {@link useAIMarkdownMetadata} hook.\n *\n * Returns the current metadata defaulting to {@link MantineAIMarkdownMetadata}.\n * Accepts an optional generic parameter for further extension.\n *\n * Metadata lives in a separate React context from the render state, meaning\n * metadata updates do not trigger re-renders in components that only consume\n * render state.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n *\n * @typeParam TMetadata - Metadata type (defaults to {@link MantineAIMarkdownMetadata}).\n * @returns The current metadata, or `undefined` if none was provided.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const metadata = useMantineAIMarkdownMetadata();\n *   // Access Mantine-specific metadata fields\n * }\n * ```\n */\nexport const useMantineAIMarkdownMetadata = <\n  TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>() => {\n  return useAIMarkdownMetadata<TMetadata>();\n};\n"],"mappings":"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","names":["import_react","import_core","import_jsx_runtime","import_core","import_react","import_code_highlight","import_core","import_react","import_core","import_jsx_runtime","mermaid","import_jsx_runtime","SpecialCodeLanguage","hljs","import_core","import_jsx_runtime","Typography","AIMarkdown","import_core"]}

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/extra-styles/DefaultExtraStyles/styles.scss","../src/components/extra-styles/DefaultExtraStyles/%3Cinput css 2MPrty%3E","../src/components/customized/MermaidCode/styles.scss","../src/components/customized/MermaidCode/%3Cinput css k4jS0H%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  --aim-font-size-mantine-base: calc(var(--aim-font-size-root) * var(--mantine-scale));\n\n  --mantine-spacing-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-spacing-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-spacing-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-spacing-lg: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-spacing-xl: calc(var(--aim-font-size-mantine-base) * 1.25);\n\n  --mantine-font-size-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-font-size-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-font-size-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-font-size-lg: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xl: calc(var(--aim-font-size-mantine-base) * 2);\n\n  --mantine-h1-font-size: calc(var(--aim-font-size-mantine-base) * 2.125);\n  --mantine-h2-font-size: calc(var(--aim-font-size-mantine-base) * 1.625);\n  --mantine-h3-font-size: calc(var(--aim-font-size-mantine-base) * 1.375);\n  --mantine-h4-font-size: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-h5-font-size: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-h6-font-size: calc(var(--aim-font-size-mantine-base) * 0.875);\n\n  :first-child {\n    margin-top: 0;\n  }\n\n  :last-child {\n    margin-bottom: 0;\n  }\n\n  ul,\n  ol {\n    list-style-position: outside;\n\n    margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.55);\n    padding-inline-start: calc(var(--aim-font-size-mantine-base) * 1.5);\n\n    li {\n      margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.275);\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    margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.5);\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  blockquote {\n    font-size: var(--mantine-font-size-md);\n  }\n\n  table {\n    caption {\n      font-size: var(--mantine-font-size-md);\n    }\n    th {\n      font-size: var(--mantine-font-size-md);\n    }\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: calc(var(--aim-font-size-mantine-base) * 0.5);\n  }\n  dt {\n    width: 30%;\n    font-weight: bold;\n    text-align: right;\n  }\n  dd {\n    width: 60%;\n    padding-left: calc(var(--aim-font-size-mantine-base) * 0.5);\n    margin-left: 0px;\n  }\n  dd + dd {\n    width: 100%;\n    padding-left: calc(30% + var(--aim-font-size-mantine-base));\n  }\n  dt + dt {\n    padding-right: 60%;\n  }\n  dt + dt + dd {\n    margin-top: calc(var(--aim-font-size-mantine-base) * -1.625);\n    padding-left: calc(30% + var(--aim-font-size-mantine-base));\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  --aim-font-size-mantine-base: calc(var(--aim-font-size-root) * var(--mantine-scale));\n  --mantine-spacing-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-spacing-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-spacing-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-spacing-lg: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-spacing-xl: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-font-size-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-font-size-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-font-size-lg: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xl: calc(var(--aim-font-size-mantine-base) * 2);\n  --mantine-h1-font-size: calc(var(--aim-font-size-mantine-base) * 2.125);\n  --mantine-h2-font-size: calc(var(--aim-font-size-mantine-base) * 1.625);\n  --mantine-h3-font-size: calc(var(--aim-font-size-mantine-base) * 1.375);\n  --mantine-h4-font-size: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-h5-font-size: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-h6-font-size: calc(var(--aim-font-size-mantine-base) * 0.875);\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 ul,\n.aim-mantine-extra-styles ol {\n  list-style-position: outside;\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.55);\n  padding-inline-start: calc(var(--aim-font-size-mantine-base) * 1.5);\n}\n.aim-mantine-extra-styles ul li,\n.aim-mantine-extra-styles ol li {\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.275);\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  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.5);\n}\n.aim-mantine-extra-styles p:last-child {\n  margin-bottom: 0;\n}\n.aim-mantine-extra-styles blockquote {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles table caption {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles table th {\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: calc(var(--aim-font-size-mantine-base) * 0.5);\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: calc(var(--aim-font-size-mantine-base) * 0.5);\n  margin-left: 0px;\n}\n.aim-mantine-extra-styles dd + dd {\n  width: 100%;\n  padding-left: calc(30% + var(--aim-font-size-mantine-base));\n}\n.aim-mantine-extra-styles dt + dt {\n  padding-right: 60%;\n}\n.aim-mantine-extra-styles dt + dt + dd {\n  margin-top: calc(var(--aim-font-size-mantine-base) * -1.625);\n  padding-left: calc(30% + var(--aim-font-size-mantine-base));\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFFQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtBQUFBO0VBRUU7RUFFQTtFQUNBOztBQUVBO0FBQUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBRUE7RUFDRTs7QUFJSjtFQUNFOztBQUlBO0VBQ0U7O0FBRUY7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuYWltLW1hbnRpbmUtZXh0cmEtc3R5bGVzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktaXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcblxuICB0ZXh0LXJlbmRlcmluZzogb3B0aW1pemVMZWdpYmlsaXR5O1xuXG4gIC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2U6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1yb290KSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcblxuICAtLW1hbnRpbmUtc3BhY2luZy14czogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjc1KTtcbiAgLS1tYW50aW5lLXNwYWNpbmctc206IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMC44NzUpO1xuICAtLW1hbnRpbmUtc3BhY2luZy1tZDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLXNwYWNpbmctbGc6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMS4xMjUpO1xuICAtLW1hbnRpbmUtc3BhY2luZy14bDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjI1KTtcblxuICAtLW1hbnRpbmUtZm9udC1zaXplLXhzOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuNzUpO1xuICAtLW1hbnRpbmUtZm9udC1zaXplLXNtOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuODc1KTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1tZDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1sZzogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjI1KTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS14bDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAyKTtcblxuICAtLW1hbnRpbmUtaDEtZm9udC1zaXplOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDIuMTI1KTtcbiAgLS1tYW50aW5lLWgyLWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjYyNSk7XG4gIC0tbWFudGluZS1oMy1mb250LXNpemU6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMS4zNzUpO1xuICAtLW1hbnRpbmUtaDQtZm9udC1zaXplOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDEuMTI1KTtcbiAgLS1tYW50aW5lLWg1LWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLWg2LWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjg3NSk7XG5cbiAgOmZpcnN0LWNoaWxkIHtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICB9XG5cbiAgOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cblxuICB1bCxcbiAgb2wge1xuICAgIGxpc3Qtc3R5bGUtcG9zaXRpb246IG91dHNpZGU7XG5cbiAgICBtYXJnaW4tYm90dG9tOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuNTUpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDEuNSk7XG5cbiAgICBsaSB7XG4gICAgICBtYXJnaW4tYm90dG9tOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuMjc1KTtcbiAgICB9XG4gIH1cblxuICBociB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci10ZXh0KTtcbiAgfVxuXG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IGRpc2M7XG4gIH1cblxuICB1bCB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBjaXJjbGU7XG4gIH1cblxuICB1bCB1bCB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBzcXVhcmU7XG4gIH1cblxuICBvbCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBkZWNpbWFsO1xuICB9XG5cbiAgcCB7XG4gICAgbWFyZ2luLWJvdHRvbTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICB9XG5cbiAgYmxvY2txdW90ZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gIH1cblxuICB0YWJsZSB7XG4gICAgY2FwdGlvbiB7XG4gICAgICBmb250LXNpemU6IHZhcigtLW1hbnRpbmUtZm9udC1zaXplLW1kKTtcbiAgICB9XG4gICAgdGgge1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gICAgfVxuICB9XG5cbiAgcHJlIGNvZGUge1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgZGwge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogNjcwcHg7XG4gIH1cbiAgZGwgPiAqIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuICB9XG4gIGR0IHtcbiAgICB3aWR0aDogMzAlO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICB9XG4gIGRkIHtcbiAgICB3aWR0aDogNjAlO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuICAgIG1hcmdpbi1sZWZ0OiAwcHg7XG4gIH1cbiAgZGQgKyBkZCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiBjYWxjKDMwJSArIHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSk7XG4gIH1cbiAgZHQgKyBkdCB7XG4gICAgcGFkZGluZy1yaWdodDogNjAlO1xuICB9XG4gIGR0ICsgZHQgKyBkZCB7XG4gICAgbWFyZ2luLXRvcDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAtMS42MjUpO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYygzMCUgKyB2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkpO1xuICB9XG59XG4iXX0= */",".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":"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","names":[]}
+{"version":3,"sources":["../src/components/extra-styles/DefaultExtraStyles/styles.scss","../src/components/extra-styles/DefaultExtraStyles/%3Cinput css cGMZTw%3E","../src/components/customized/MermaidCode/styles.scss","../src/components/customized/MermaidCode/%3Cinput css HOzJVG%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  --aim-font-size-mantine-base: calc(var(--aim-font-size-root) * var(--mantine-scale));\n\n  --mantine-spacing-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-spacing-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-spacing-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-spacing-lg: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-spacing-xl: calc(var(--aim-font-size-mantine-base) * 1.25);\n\n  --mantine-font-size-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-font-size-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-font-size-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-font-size-lg: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xl: calc(var(--aim-font-size-mantine-base) * 2);\n\n  --mantine-h1-font-size: calc(var(--aim-font-size-mantine-base) * 2.125);\n  --mantine-h2-font-size: calc(var(--aim-font-size-mantine-base) * 1.625);\n  --mantine-h3-font-size: calc(var(--aim-font-size-mantine-base) * 1.375);\n  --mantine-h4-font-size: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-h5-font-size: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-h6-font-size: calc(var(--aim-font-size-mantine-base) * 0.875);\n\n  :first-child {\n    margin-top: 0;\n  }\n\n  :last-child {\n    margin-bottom: 0;\n  }\n\n  ul,\n  ol {\n    list-style-position: outside;\n\n    margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.55);\n    padding-inline-start: calc(var(--aim-font-size-mantine-base) * 1.5);\n\n    li {\n      margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.275);\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    margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.5);\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  blockquote {\n    font-size: var(--mantine-font-size-md);\n  }\n\n  table {\n    caption {\n      font-size: var(--mantine-font-size-md);\n    }\n    th {\n      font-size: var(--mantine-font-size-md);\n    }\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: calc(var(--aim-font-size-mantine-base) * 0.5);\n  }\n  dt {\n    width: 30%;\n    font-weight: bold;\n    text-align: right;\n  }\n  dd {\n    width: 60%;\n    padding-left: calc(var(--aim-font-size-mantine-base) * 0.5);\n    margin-left: 0px;\n  }\n  dd + dd {\n    width: 100%;\n    padding-left: calc(30% + var(--aim-font-size-mantine-base));\n  }\n  dt + dt {\n    padding-right: 60%;\n  }\n  dt + dt + dd {\n    margin-top: calc(var(--aim-font-size-mantine-base) * -1.625);\n    padding-left: calc(30% + var(--aim-font-size-mantine-base));\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  --aim-font-size-mantine-base: calc(var(--aim-font-size-root) * var(--mantine-scale));\n  --mantine-spacing-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-spacing-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-spacing-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-spacing-lg: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-spacing-xl: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-font-size-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-font-size-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-font-size-lg: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xl: calc(var(--aim-font-size-mantine-base) * 2);\n  --mantine-h1-font-size: calc(var(--aim-font-size-mantine-base) * 2.125);\n  --mantine-h2-font-size: calc(var(--aim-font-size-mantine-base) * 1.625);\n  --mantine-h3-font-size: calc(var(--aim-font-size-mantine-base) * 1.375);\n  --mantine-h4-font-size: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-h5-font-size: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-h6-font-size: calc(var(--aim-font-size-mantine-base) * 0.875);\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 ul,\n.aim-mantine-extra-styles ol {\n  list-style-position: outside;\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.55);\n  padding-inline-start: calc(var(--aim-font-size-mantine-base) * 1.5);\n}\n.aim-mantine-extra-styles ul li,\n.aim-mantine-extra-styles ol li {\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.275);\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  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.5);\n}\n.aim-mantine-extra-styles p:last-child {\n  margin-bottom: 0;\n}\n.aim-mantine-extra-styles blockquote {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles table caption {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles table th {\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: calc(var(--aim-font-size-mantine-base) * 0.5);\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: calc(var(--aim-font-size-mantine-base) * 0.5);\n  margin-left: 0px;\n}\n.aim-mantine-extra-styles dd + dd {\n  width: 100%;\n  padding-left: calc(30% + var(--aim-font-size-mantine-base));\n}\n.aim-mantine-extra-styles dt + dt {\n  padding-right: 60%;\n}\n.aim-mantine-extra-styles dt + dt + dd {\n  margin-top: calc(var(--aim-font-size-mantine-base) * -1.625);\n  padding-left: calc(30% + var(--aim-font-size-mantine-base));\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFFQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtBQUFBO0VBRUU7RUFFQTtFQUNBOztBQUVBO0FBQUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBRUE7RUFDRTs7QUFJSjtFQUNFOztBQUlBO0VBQ0U7O0FBRUY7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuYWltLW1hbnRpbmUtZXh0cmEtc3R5bGVzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktaXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcblxuICB0ZXh0LXJlbmRlcmluZzogb3B0aW1pemVMZWdpYmlsaXR5O1xuXG4gIC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2U6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1yb290KSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcblxuICAtLW1hbnRpbmUtc3BhY2luZy14czogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjc1KTtcbiAgLS1tYW50aW5lLXNwYWNpbmctc206IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMC44NzUpO1xuICAtLW1hbnRpbmUtc3BhY2luZy1tZDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLXNwYWNpbmctbGc6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMS4xMjUpO1xuICAtLW1hbnRpbmUtc3BhY2luZy14bDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjI1KTtcblxuICAtLW1hbnRpbmUtZm9udC1zaXplLXhzOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuNzUpO1xuICAtLW1hbnRpbmUtZm9udC1zaXplLXNtOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuODc1KTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1tZDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1sZzogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjI1KTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS14bDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAyKTtcblxuICAtLW1hbnRpbmUtaDEtZm9udC1zaXplOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDIuMTI1KTtcbiAgLS1tYW50aW5lLWgyLWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjYyNSk7XG4gIC0tbWFudGluZS1oMy1mb250LXNpemU6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMS4zNzUpO1xuICAtLW1hbnRpbmUtaDQtZm9udC1zaXplOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDEuMTI1KTtcbiAgLS1tYW50aW5lLWg1LWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLWg2LWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjg3NSk7XG5cbiAgOmZpcnN0LWNoaWxkIHtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICB9XG5cbiAgOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cblxuICB1bCxcbiAgb2wge1xuICAgIGxpc3Qtc3R5bGUtcG9zaXRpb246IG91dHNpZGU7XG5cbiAgICBtYXJnaW4tYm90dG9tOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuNTUpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDEuNSk7XG5cbiAgICBsaSB7XG4gICAgICBtYXJnaW4tYm90dG9tOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuMjc1KTtcbiAgICB9XG4gIH1cblxuICBociB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci10ZXh0KTtcbiAgfVxuXG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IGRpc2M7XG4gIH1cblxuICB1bCB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBjaXJjbGU7XG4gIH1cblxuICB1bCB1bCB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBzcXVhcmU7XG4gIH1cblxuICBvbCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBkZWNpbWFsO1xuICB9XG5cbiAgcCB7XG4gICAgbWFyZ2luLWJvdHRvbTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICB9XG5cbiAgYmxvY2txdW90ZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gIH1cblxuICB0YWJsZSB7XG4gICAgY2FwdGlvbiB7XG4gICAgICBmb250LXNpemU6IHZhcigtLW1hbnRpbmUtZm9udC1zaXplLW1kKTtcbiAgICB9XG4gICAgdGgge1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gICAgfVxuICB9XG5cbiAgcHJlIGNvZGUge1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgZGwge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogNjcwcHg7XG4gIH1cbiAgZGwgPiAqIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuICB9XG4gIGR0IHtcbiAgICB3aWR0aDogMzAlO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICB9XG4gIGRkIHtcbiAgICB3aWR0aDogNjAlO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuICAgIG1hcmdpbi1sZWZ0OiAwcHg7XG4gIH1cbiAgZGQgKyBkZCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiBjYWxjKDMwJSArIHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSk7XG4gIH1cbiAgZHQgKyBkdCB7XG4gICAgcGFkZGluZy1yaWdodDogNjAlO1xuICB9XG4gIGR0ICsgZHQgKyBkZCB7XG4gICAgbWFyZ2luLXRvcDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAtMS42MjUpO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYygzMCUgKyB2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkpO1xuICB9XG59XG4iXX0= */",".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":"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","names":[]}

package/dist/index.js

@@ -46,6 +46,7 @@ import { CodeHighlightControl, CodeHighlightTabs } from "@mantine/code-highlight
 import { ActionIcon, CopyButton, Flex, Tooltip } from "@mantine/core";
 import mermaid from "mermaid";
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var PRE_STYLE = { cursor: "pointer", overflow: "auto", width: "100%", padding: "0.5rem" };
 var generateMermaidUUID = () => {
   return `mermaid-${(/* @__PURE__ */ new Date()).getTime()}-${Math.random().toString(36).slice(2, 10)}`;
 };
@@ -80,7 +81,7 @@ var MantineAIMMermaidCode = memo2((props) => {
       try {
         mermaid.initialize({
           startOnLoad: false,
-          securityLevel: "loose",
+          securityLevel: "strict",
           theme: isDark ? "dark" : "base",
           darkMode: isDark
         });
@@ -92,7 +93,11 @@ var MantineAIMMermaidCode = memo2((props) => {
         if (!hostElement || cancelled || renderVersion !== renderVersionRef.current) {
           return;
         }
-        const { svg, bindFunctions, diagramType } = await mermaid.render(generateMermaidUUID(), props.code, hostElement);
+        const { svg, bindFunctions, diagramType } = await mermaid.render(
+          generateMermaidUUID(),
+          props.code,
+          hostElement
+        );
         if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {
           return;
         }
@@ -198,14 +203,7 @@ var MantineAIMMermaidCode = memo2((props) => {
               ) }) }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx3(
-            "pre",
-            {
-              ref,
-              style: { cursor: "pointer", overflow: "auto", width: "100%", padding: "0.5rem" },
-              onClick: () => viewSvgInNewWindow()
-            }
-          )
+          /* @__PURE__ */ jsx3("pre", { ref, style: PRE_STYLE, onClick: viewSvgInNewWindow })
         ]
       }
     )

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/defs.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/customized/MermaidCode/index.tsx","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["/**\n * Main Mantine integration component for AI markdown rendering.\n *\n * Wraps the core {@link AIMarkdown} component with Mantine-specific defaults:\n * - {@link MantineAIMarkdownTypography} as the typography wrapper\n * - {@link MantineAIMDefaultExtraStyles} as the extra styles wrapper\n * - {@link MantineAIMPreCode} as the default `<pre>` component (with syntax\n *   highlighting via Mantine's CodeHighlight and mermaid diagram support)\n * - Automatic color scheme detection via Mantine's `useComputedColorScheme`\n *\n * @module MantineAIMarkdown\n */\n\nimport { 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\n/**\n * Props for the {@link MantineAIMarkdown} component.\n *\n * Extends {@link AIMarkdownProps} with Mantine-specific config and metadata generics.\n * All core props (`content`, `streaming`, `fontSize`, `config`, etc.) are inherited.\n *\n * @typeParam TConfig - Render configuration type, defaults to {@link MantineAIMarkdownRenderConfig}.\n * @typeParam TRenderData - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\n\n/**\n * Default custom component overrides applied by the Mantine integration.\n *\n * Overrides the `<pre>` element to extract code blocks and render them via\n * {@link MantineAIMPreCode}, which provides syntax highlighting, expand/collapse,\n * and mermaid diagram support. Falls back to a plain `<pre>` when the child\n * is not a recognized code element.\n */\nconst DefaultCustomComponents: AIMarkdownCustomComponents = {\n  pre: ({ node, ...usefulProps }) => {\n    const code = node?.children[0] as\n      | {\n          type: string;\n          tagName?: string;\n          position?: { start?: { offset?: number } };\n          properties?: Record<string, unknown>;\n          children: { value?: string }[];\n        }\n      | undefined;\n    if (!code || code.type !== 'element' || code.tagName !== 'code' || !code.position) {\n      return <pre {...usefulProps} />;\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?: string }) => child.value ?? '').join('\\n');\n    return <MantineAIMPreCode key={key} codeText={codeText} existLanguage={detectedLanguage} />;\n  },\n};\n\n/**\n * Inner (non-memoized) implementation of the Mantine AI markdown component.\n *\n * Merges caller-provided `customComponents` with the Mantine defaults (the caller's\n * overrides take precedence). Automatically resolves the color scheme from Mantine's\n * `useComputedColorScheme` when no explicit `colorScheme` prop is provided.\n *\n * @typeParam TConfig - Render configuration type.\n * @typeParam TRenderData - Metadata type.\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\n/**\n * Mantine-integrated AI markdown renderer.\n *\n * A memoized wrapper around the core `<AIMarkdown>` component that provides\n * Mantine-themed typography, code highlighting (via `@mantine/code-highlight`),\n * mermaid diagram rendering, and automatic color scheme detection.\n *\n * This is the default export of `@ai-react-markdown/mantine`.\n *\n * @example\n * ```tsx\n * import MantineAIMarkdown from '@ai-react-markdown/mantine';\n *\n * function Chat({ content }: { content: string }) {\n *   return <MantineAIMarkdown content={content} />;\n * }\n * ```\n */\nexport const MantineAIMarkdown = memo(MantineAIMarkdownComponent);\n\nMantineAIMarkdown.displayName = 'MantineAIMarkdown';\n\nexport default MantineAIMarkdown as typeof MantineAIMarkdownComponent;\n","import { memo } from 'react';\nimport { Typography } from '@mantine/core';\nimport type { AIMarkdownTypographyProps } from '@ai-react-markdown/core';\n\n/**\n * Mantine-themed typography wrapper for AI markdown content.\n *\n * Replaces the core default typography component with Mantine's `<Typography>`\n * element, applying the configured `fontSize` at full width. This ensures all\n * rendered markdown inherits Mantine's font family, line height, and theming.\n *\n * Used as the default `Typography` prop in {@link MantineAIMarkdown}.\n * Can be replaced by passing a custom `Typography` component.\n *\n * @param props - Standard {@link AIMarkdownTypographyProps} from the core package.\n */\nconst MantineAIMarkdownTypography = memo(({ children, fontSize, style }: AIMarkdownTypographyProps) => (\n  <Typography w=\"100%\" fz={fontSize} style={style}>\n    {children}\n  </Typography>\n));\n\nMantineAIMarkdownTypography.displayName = 'MantineAIMarkdownTypography';\n\nexport default MantineAIMarkdownTypography;\n","import React from 'react';\nimport { AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';\nimport './styles.scss';\n\n/**\n * Default extra styles wrapper for the Mantine integration.\n *\n * Wraps markdown content in a `<div>` with the `aim-mantine-extra-styles` CSS class,\n * which provides Mantine-compatible typography overrides including:\n * - Relative `em`-based Mantine spacing and font-size CSS custom properties\n * - Heading, list, paragraph, blockquote, and code styling\n * - Definition list layout\n *\n * Used as the default `ExtraStyles` prop in {@link MantineAIMarkdown}.\n */\nconst MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent = ({ children }) => {\n  return <div className=\"aim-mantine-extra-styles\">{children}</div>;\n};\n\nexport default MantineAIMDefaultExtraStyles;\n","/**\n * Mantine-specific type definitions and default configuration.\n *\n * Extends the core {@link AIMarkdownRenderConfig} and {@link AIMarkdownMetadata}\n * with Mantine-themed options such as uniform heading sizes and code block behavior.\n *\n * @module defs\n */\n\nimport { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\n/**\n * Extended render configuration for the Mantine integration.\n *\n * Inherits all core config fields (extra syntax, display optimizations) and adds\n * Mantine-specific options for typography sizing and code block behavior.\n */\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  /** Code block rendering options. */\n  codeBlock: {\n    /**\n     * Whether code blocks start in their expanded state.\n     * When `false`, long code blocks are collapsed with an expand button.\n     *\n     * @default true\n     */\n    defaultExpanded: boolean;\n\n    /**\n     * When `true`, uses `highlight.js` auto-detection to determine the language\n     * of code blocks that lack an explicit language annotation.\n     *\n     * @default false\n     */\n    autoDetectUnknownLanguage: boolean;\n  };\n}\n\n/**\n * Default Mantine render configuration.\n *\n * Extends {@link defaultAIMarkdownRenderConfig} with Mantine-specific defaults.\n * Frozen to prevent accidental mutation.\n */\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\n});\n\n/**\n * Metadata type for the Mantine integration.\n *\n * Currently identical to {@link AIMarkdownMetadata}. Exists as an extension point\n * so that consumers can augment metadata in Mantine-specific wrappers without\n * needing to reference the core type directly.\n */\nexport interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {}\n","'use client';\n\nimport { HTMLAttributes, memo, useMemo } 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\n/**\n * Code languages that receive specialized rendering instead of standard\n * syntax-highlighted code blocks. Adding a new member here automatically\n * marks that language as \"special\" — you only need to add the corresponding\n * rendering branch in the component's return.\n */\nenum SpecialCodeLanguage {\n  /** Rendered as interactive diagrams via {@link MantineAIMMermaidCode} */\n  Mermaid = 'mermaid',\n}\n\n/** O(1) lookup set, derived from {@link SpecialCodeLanguage}. */\nconst SPECIAL_LANGUAGES = new Set<string>(Object.values(SpecialCodeLanguage));\n\n/**\n * Mantine code block renderer for `<pre>` elements.\n *\n * Replaces the default `<pre>` rendering with Mantine's {@link CodeHighlight} or\n * {@link CodeHighlightTabs} components, providing syntax highlighting, expand/collapse\n * behavior, and file-name tabs.\n *\n * Behavior:\n * - If the code block has an explicit language annotation, uses that language.\n * - If no language is specified and `config.codeBlock.autoDetectUnknownLanguage` is\n *   enabled, uses `highlight.js` auto-detection.\n * - Mermaid code blocks (`language-mermaid`) are rendered as interactive diagrams\n *   via {@link MantineAIMMermaidCode}.\n * - JSON code blocks are deep-parsed and pretty-printed before display.\n * - Unrecognized languages render as plaintext with an \"unknown\" label using\n *   {@link CodeHighlight} (no tabs).\n * - Recognized languages render with {@link CodeHighlightTabs} showing the\n *   language name as the tab label.\n *\n * @param props.codeText - The raw text content of the code block.\n * @param props.existLanguage - Language identifier extracted from the `language-*` CSS class, if present.\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 = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\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 isSpecialCodeBlock = SPECIAL_LANGUAGES.has(codeLanguage);\n\n    const normalCodeBlockContent = useMemo(() => {\n      if (isSpecialCodeBlock) return null;\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          fz={renderState.fontSize}\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          fz={renderState.fontSize}\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    }, [\n      isSpecialCodeBlock,\n      props.codeText,\n      usedCodeLanguage,\n      usedFileName,\n      renderState.fontSize,\n      renderState.config.codeBlock.defaultExpanded,\n    ]);\n\n    const specialCodeBlockContent = useMemo(() => {\n      switch (codeLanguage) {\n        case SpecialCodeLanguage.Mermaid:\n          return <MantineAIMMermaidCode code={props.codeText} />;\n        default:\n          return null;\n      }\n    }, [codeLanguage, props.codeText]);\n\n    return isSpecialCodeBlock ? specialCodeBlockContent : normalCodeBlockContent;\n  }\n);\n\nMantineAIMPreCode.displayName = 'MantineAIMPreCode';\n\nexport default MantineAIMPreCode;\n","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownRenderState} hook.\n *\n * Returns the current {@link AIMarkdownRenderState} defaulting to\n * {@link MantineAIMarkdownRenderConfig}. Accepts an optional generic parameter\n * for further extension, giving consumers direct access to Mantine-specific\n * config fields (`codeBlock`, etc.) without manual annotation.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n * Throws if called outside the provider boundary.\n *\n * @typeParam TConfig - Config type (defaults to {@link MantineAIMarkdownRenderConfig}).\n * @returns The current render state typed with `TConfig`.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { config, streaming, colorScheme } = useMantineAIMarkdownRenderState();\n *   const isExpanded = config.codeBlock.defaultExpanded;\n *   // ...\n * }\n * ```\n */\nexport const useMantineAIMarkdownRenderState = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n>() => {\n  return useAIMarkdownRenderState<TConfig>();\n};\n","'use client';\n\nimport React, { memo, useEffect, useRef, useState, useCallback } from 'react';\nimport { CodeHighlightControl, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { ActionIcon, CopyButton, Flex, Tooltip } from '@mantine/core';\nimport mermaid from 'mermaid';\nimport { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\nimport './styles.scss';\n\n/**\n * Generate a unique ID for mermaid SVG rendering.\n * Combines a timestamp with a random suffix to avoid collisions when\n * multiple mermaid diagrams render concurrently.\n *\n * @returns A unique string in the format `mermaid-{timestamp}-{random}`.\n */\nconst generateMermaidUUID = () => {\n  return `mermaid-${new Date().getTime()}-${Math.random().toString(36).slice(2, 10)}`;\n};\n\n/**\n * Open the rendered mermaid SVG in a new browser window.\n *\n * Clones the SVG element, applies a background color matching the current\n * color scheme, serializes it to an object URL, and opens it in a new tab.\n * The object URL is revoked after a short delay to free memory.\n *\n * @param svgElement - The rendered SVG element to view, or `null`/`undefined` to no-op.\n * @param isDark - Whether the current color scheme is dark (used for background color).\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\n/**\n * Interactive mermaid diagram renderer.\n *\n * Parses and renders mermaid diagram source code into an inline SVG visualization.\n * Automatically adapts to the current Mantine color scheme (light/dark) by\n * re-initializing mermaid with the appropriate theme.\n *\n * Features:\n * - Live SVG rendering with automatic dark/light theme switching\n * - Fallback to raw source code display on parse/render errors\n * - Toggle between rendered diagram and raw mermaid source\n * - Click on the rendered diagram to open the SVG in a new browser window\n * - Copy button for the raw mermaid source code\n * - Chart type label extracted from mermaid's parse result\n * - Preserves the last successful render across transient parse failures\n *\n * @param props.code - Raw mermaid diagram source code to render.\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 renderVersionRef = useRef(0);\n  const hasRenderedRef = useRef(false);\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n  const [renderError, setRenderError] = useState(false);\n  const [chartType, setChartType] = useState('unknown');\n\n  useEffect(() => {\n    if (!props.code || !ref.current || showOriginalCode) {\n      return;\n    }\n\n    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    const renderMermaid = async () => {\n      try {\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\n        const hostElement = ref.current;\n        if (!hostElement || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        const { svg, bindFunctions, diagramType } = await mermaid.render(generateMermaidUUID(), props.code, hostElement);\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        ref.current.innerHTML = svg;\n        bindFunctions?.(ref.current);\n        hasRenderedRef.current = true;\n        setChartType(diagramType);\n        setRenderError(false);\n      } catch {\n        if (!cancelled && renderVersion === renderVersionRef.current && !hasRenderedRef.current) {\n          setChartType('unknown');\n          setRenderError(true);\n        }\n      }\n    };\n\n    void renderMermaid();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [props.code, isDark, showOriginalCode]);\n\n  const viewSvgInNewWindow = useCallback(() => {\n    handleViewSVGInNewWindow(ref.current?.querySelector('svg'), isDark);\n  }, [isDark]);\n\n  return (\n    <>\n      {(showOriginalCode || renderError) && (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\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\n/**\n * Typed wrapper around the core {@link useAIMarkdownMetadata} hook.\n *\n * Returns the current metadata defaulting to {@link MantineAIMarkdownMetadata}.\n * Accepts an optional generic parameter for further extension.\n *\n * Metadata lives in a separate React context from the render state, meaning\n * metadata updates do not trigger re-renders in components that only consume\n * render state.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n *\n * @typeParam TMetadata - Metadata type (defaults to {@link MantineAIMarkdownMetadata}).\n * @returns The current metadata, or `undefined` if none was provided.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const metadata = useMantineAIMarkdownMetadata();\n *   // Access Mantine-specific metadata fields\n * }\n * ```\n */\nexport const useMantineAIMarkdownMetadata = <\n  TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>() => {\n  return useAIMarkdownMetadata<TMetadata>();\n};\n"],"mappings":"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","names":["memo","useMemo","jsx","memo","CodeHighlightTabs","memo","jsx","memo","jsx","SpecialCodeLanguage","memo","CodeHighlightTabs","jsx","Typography","useMemo","memo"]}
+{"version":3,"sources":["../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/defs.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/customized/MermaidCode/index.tsx","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["/**\n * Main Mantine integration component for AI markdown rendering.\n *\n * Wraps the core {@link AIMarkdown} component with Mantine-specific defaults:\n * - {@link MantineAIMarkdownTypography} as the typography wrapper\n * - {@link MantineAIMDefaultExtraStyles} as the extra styles wrapper\n * - {@link MantineAIMPreCode} as the default `<pre>` component (with syntax\n *   highlighting via Mantine's CodeHighlight and mermaid diagram support)\n * - Automatic color scheme detection via Mantine's `useComputedColorScheme`\n *\n * @module MantineAIMarkdown\n */\n\nimport { 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\n/**\n * Props for the {@link MantineAIMarkdown} component.\n *\n * Extends {@link AIMarkdownProps} with Mantine-specific config and metadata generics.\n * All core props (`content`, `streaming`, `fontSize`, `config`, etc.) are inherited.\n *\n * @typeParam TConfig - Render configuration type, defaults to {@link MantineAIMarkdownRenderConfig}.\n * @typeParam TRenderData - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\n\n/**\n * Default custom component overrides applied by the Mantine integration.\n *\n * Overrides the `<pre>` element to extract code blocks and render them via\n * {@link MantineAIMPreCode}, which provides syntax highlighting, expand/collapse,\n * and mermaid diagram support. Falls back to a plain `<pre>` when the child\n * is not a recognized code element.\n */\nconst DefaultCustomComponents: AIMarkdownCustomComponents = {\n  pre: ({ node, ...usefulProps }) => {\n    const code = node?.children[0] as\n      | {\n          type: string;\n          tagName?: string;\n          position?: { start?: { offset?: number } };\n          properties?: Record<string, unknown>;\n          children: { value?: string }[];\n        }\n      | undefined;\n    if (!code || code.type !== 'element' || code.tagName !== 'code' || !code.position) {\n      return <pre {...usefulProps} />;\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?: string }) => child.value ?? '').join('\\n');\n    return <MantineAIMPreCode key={key} codeText={codeText} existLanguage={detectedLanguage} />;\n  },\n};\n\n/**\n * Inner (non-memoized) implementation of the Mantine AI markdown component.\n *\n * Merges caller-provided `customComponents` with the Mantine defaults (the caller's\n * overrides take precedence). Automatically resolves the color scheme from Mantine's\n * `useComputedColorScheme` when no explicit `colorScheme` prop is provided.\n *\n * @typeParam TConfig - Render configuration type.\n * @typeParam TRenderData - Metadata type.\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\n/**\n * Mantine-integrated AI markdown renderer.\n *\n * A memoized wrapper around the core `<AIMarkdown>` component that provides\n * Mantine-themed typography, code highlighting (via `@mantine/code-highlight`),\n * mermaid diagram rendering, and automatic color scheme detection.\n *\n * This is the default export of `@ai-react-markdown/mantine`.\n *\n * @example\n * ```tsx\n * import MantineAIMarkdown from '@ai-react-markdown/mantine';\n *\n * function Chat({ content }: { content: string }) {\n *   return <MantineAIMarkdown content={content} />;\n * }\n * ```\n */\nexport const MantineAIMarkdown = memo(MantineAIMarkdownComponent);\n\nMantineAIMarkdown.displayName = 'MantineAIMarkdown';\n\nexport default MantineAIMarkdown as typeof MantineAIMarkdownComponent;\n","import { memo } from 'react';\nimport { Typography } from '@mantine/core';\nimport type { AIMarkdownTypographyProps } from '@ai-react-markdown/core';\n\n/**\n * Mantine-themed typography wrapper for AI markdown content.\n *\n * Replaces the core default typography component with Mantine's `<Typography>`\n * element, applying the configured `fontSize` at full width. This ensures all\n * rendered markdown inherits Mantine's font family, line height, and theming.\n *\n * Used as the default `Typography` prop in {@link MantineAIMarkdown}.\n * Can be replaced by passing a custom `Typography` component.\n *\n * @param props - Standard {@link AIMarkdownTypographyProps} from the core package.\n */\nconst MantineAIMarkdownTypography = memo(({ children, fontSize, style }: AIMarkdownTypographyProps) => (\n  <Typography w=\"100%\" fz={fontSize} style={style}>\n    {children}\n  </Typography>\n));\n\nMantineAIMarkdownTypography.displayName = 'MantineAIMarkdownTypography';\n\nexport default MantineAIMarkdownTypography;\n","import React from 'react';\nimport { AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';\nimport './styles.scss';\n\n/**\n * Default extra styles wrapper for the Mantine integration.\n *\n * Wraps markdown content in a `<div>` with the `aim-mantine-extra-styles` CSS class,\n * which provides Mantine-compatible typography overrides including:\n * - Relative `em`-based Mantine spacing and font-size CSS custom properties\n * - Heading, list, paragraph, blockquote, and code styling\n * - Definition list layout\n *\n * Used as the default `ExtraStyles` prop in {@link MantineAIMarkdown}.\n */\nconst MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent = ({ children }) => {\n  return <div className=\"aim-mantine-extra-styles\">{children}</div>;\n};\n\nexport default MantineAIMDefaultExtraStyles;\n","/**\n * Mantine-specific type definitions and default configuration.\n *\n * Extends the core {@link AIMarkdownRenderConfig} and {@link AIMarkdownMetadata}\n * with Mantine-themed options such as uniform heading sizes and code block behavior.\n *\n * @module defs\n */\n\nimport { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\n/**\n * Extended render configuration for the Mantine integration.\n *\n * Inherits all core config fields (extra syntax, display optimizations) and adds\n * Mantine-specific options for typography sizing and code block behavior.\n */\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  /** Code block rendering options. */\n  codeBlock: {\n    /**\n     * Whether code blocks start in their expanded state.\n     * When `false`, long code blocks are collapsed with an expand button.\n     *\n     * @default true\n     */\n    defaultExpanded: boolean;\n\n    /**\n     * When `true`, uses `highlight.js` auto-detection to determine the language\n     * of code blocks that lack an explicit language annotation.\n     *\n     * @default false\n     */\n    autoDetectUnknownLanguage: boolean;\n  };\n}\n\n/**\n * Default Mantine render configuration.\n *\n * Extends {@link defaultAIMarkdownRenderConfig} with Mantine-specific defaults.\n * Frozen to prevent accidental mutation.\n */\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\n});\n\n/**\n * Metadata type for the Mantine integration.\n *\n * Currently identical to {@link AIMarkdownMetadata}. Exists as an extension point\n * so that consumers can augment metadata in Mantine-specific wrappers without\n * needing to reference the core type directly.\n */\nexport interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {}\n","'use client';\n\nimport { HTMLAttributes, memo, useMemo } 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\n/**\n * Code languages that receive specialized rendering instead of standard\n * syntax-highlighted code blocks. Adding a new member here automatically\n * marks that language as \"special\" — you only need to add the corresponding\n * rendering branch in the component's return.\n */\nenum SpecialCodeLanguage {\n  /** Rendered as interactive diagrams via {@link MantineAIMMermaidCode} */\n  Mermaid = 'mermaid',\n}\n\n/** O(1) lookup set, derived from {@link SpecialCodeLanguage}. */\nconst SPECIAL_LANGUAGES = new Set<string>(Object.values(SpecialCodeLanguage));\n\n/**\n * Mantine code block renderer for `<pre>` elements.\n *\n * Replaces the default `<pre>` rendering with Mantine's {@link CodeHighlight} or\n * {@link CodeHighlightTabs} components, providing syntax highlighting, expand/collapse\n * behavior, and file-name tabs.\n *\n * Behavior:\n * - If the code block has an explicit language annotation, uses that language.\n * - If no language is specified and `config.codeBlock.autoDetectUnknownLanguage` is\n *   enabled, uses `highlight.js` auto-detection.\n * - Mermaid code blocks (`language-mermaid`) are rendered as interactive diagrams\n *   via {@link MantineAIMMermaidCode}.\n * - JSON code blocks are deep-parsed and pretty-printed before display.\n * - Unrecognized languages render as plaintext with an \"unknown\" label using\n *   {@link CodeHighlight} (no tabs).\n * - Recognized languages render with {@link CodeHighlightTabs} showing the\n *   language name as the tab label.\n *\n * @param props.codeText - The raw text content of the code block.\n * @param props.existLanguage - Language identifier extracted from the `language-*` CSS class, if present.\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 = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\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 isSpecialCodeBlock = SPECIAL_LANGUAGES.has(codeLanguage);\n\n    const normalCodeBlockContent = useMemo(() => {\n      if (isSpecialCodeBlock) return null;\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          fz={renderState.fontSize}\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          fz={renderState.fontSize}\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    }, [\n      isSpecialCodeBlock,\n      props.codeText,\n      usedCodeLanguage,\n      usedFileName,\n      renderState.fontSize,\n      renderState.config.codeBlock.defaultExpanded,\n    ]);\n\n    const specialCodeBlockContent = useMemo(() => {\n      switch (codeLanguage) {\n        case SpecialCodeLanguage.Mermaid:\n          return <MantineAIMMermaidCode code={props.codeText} />;\n        default:\n          return null;\n      }\n    }, [codeLanguage, props.codeText]);\n\n    return isSpecialCodeBlock ? specialCodeBlockContent : normalCodeBlockContent;\n  }\n);\n\nMantineAIMPreCode.displayName = 'MantineAIMPreCode';\n\nexport default MantineAIMPreCode;\n","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownRenderState} hook.\n *\n * Returns the current {@link AIMarkdownRenderState} defaulting to\n * {@link MantineAIMarkdownRenderConfig}. Accepts an optional generic parameter\n * for further extension, giving consumers direct access to Mantine-specific\n * config fields (`codeBlock`, etc.) without manual annotation.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n * Throws if called outside the provider boundary.\n *\n * @typeParam TConfig - Config type (defaults to {@link MantineAIMarkdownRenderConfig}).\n * @returns The current render state typed with `TConfig`.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { config, streaming, colorScheme } = useMantineAIMarkdownRenderState();\n *   const isExpanded = config.codeBlock.defaultExpanded;\n *   // ...\n * }\n * ```\n */\nexport const useMantineAIMarkdownRenderState = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n>() => {\n  return useAIMarkdownRenderState<TConfig>();\n};\n","'use client';\n\nimport React, { memo, useEffect, useRef, useState, useCallback } from 'react';\nimport { CodeHighlightControl, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { ActionIcon, CopyButton, Flex, Tooltip } from '@mantine/core';\nimport mermaid from 'mermaid';\nimport { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\nimport './styles.scss';\n\n/** Static `<pre>` style for the mermaid container. */\nconst PRE_STYLE = { cursor: 'pointer', overflow: 'auto', width: '100%', padding: '0.5rem' } as const;\n\n/**\n * Generate a unique ID for mermaid SVG rendering.\n * Combines a timestamp with a random suffix to avoid collisions when\n * multiple mermaid diagrams render concurrently.\n *\n * @returns A unique string in the format `mermaid-{timestamp}-{random}`.\n */\nconst generateMermaidUUID = () => {\n  return `mermaid-${new Date().getTime()}-${Math.random().toString(36).slice(2, 10)}`;\n};\n\n/**\n * Open the rendered mermaid SVG in a new browser window.\n *\n * Clones the SVG element, applies a background color matching the current\n * color scheme, serializes it to an object URL, and opens it in a new tab.\n * The object URL is revoked after a short delay to free memory.\n *\n * @param svgElement - The rendered SVG element to view, or `null`/`undefined` to no-op.\n * @param isDark - Whether the current color scheme is dark (used for background color).\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\n/**\n * Interactive mermaid diagram renderer.\n *\n * Parses and renders mermaid diagram source code into an inline SVG visualization.\n * Automatically adapts to the current Mantine color scheme (light/dark) by\n * re-initializing mermaid with the appropriate theme.\n *\n * Features:\n * - Live SVG rendering with automatic dark/light theme switching\n * - Fallback to raw source code display on parse/render errors\n * - Toggle between rendered diagram and raw mermaid source\n * - Click on the rendered diagram to open the SVG in a new browser window\n * - Copy button for the raw mermaid source code\n * - Chart type label extracted from mermaid's parse result\n * - Preserves the last successful render across transient parse failures\n *\n * @param props.code - Raw mermaid diagram source code to render.\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 renderVersionRef = useRef(0);\n  const hasRenderedRef = useRef(false);\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n  const [renderError, setRenderError] = useState(false);\n  const [chartType, setChartType] = useState('unknown');\n\n  useEffect(() => {\n    if (!props.code || !ref.current || showOriginalCode) {\n      return;\n    }\n\n    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    const renderMermaid = async () => {\n      try {\n        mermaid.initialize({\n          startOnLoad: false,\n          securityLevel: 'strict',\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\n        const hostElement = ref.current;\n        if (!hostElement || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        const { svg, bindFunctions, diagramType } = await mermaid.render(\n          generateMermaidUUID(),\n          props.code,\n          hostElement\n        );\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        ref.current.innerHTML = svg;\n        bindFunctions?.(ref.current);\n        hasRenderedRef.current = true;\n        setChartType(diagramType);\n        setRenderError(false);\n      } catch {\n        if (!cancelled && renderVersion === renderVersionRef.current && !hasRenderedRef.current) {\n          setChartType('unknown');\n          setRenderError(true);\n        }\n      }\n    };\n\n    void renderMermaid();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [props.code, isDark, showOriginalCode]);\n\n  const viewSvgInNewWindow = useCallback(() => {\n    handleViewSVGInNewWindow(ref.current?.querySelector('svg'), isDark);\n  }, [isDark]);\n\n  return (\n    <>\n      {(showOriginalCode || renderError) && (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\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 ref={ref} style={PRE_STYLE} onClick={viewSvgInNewWindow} />\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\n/**\n * Typed wrapper around the core {@link useAIMarkdownMetadata} hook.\n *\n * Returns the current metadata defaulting to {@link MantineAIMarkdownMetadata}.\n * Accepts an optional generic parameter for further extension.\n *\n * Metadata lives in a separate React context from the render state, meaning\n * metadata updates do not trigger re-renders in components that only consume\n * render state.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n *\n * @typeParam TMetadata - Metadata type (defaults to {@link MantineAIMarkdownMetadata}).\n * @returns The current metadata, or `undefined` if none was provided.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const metadata = useMantineAIMarkdownMetadata();\n *   // Access Mantine-specific metadata fields\n * }\n * ```\n */\nexport const useMantineAIMarkdownMetadata = <\n  TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>() => {\n  return useAIMarkdownMetadata<TMetadata>();\n};\n"],"mappings":"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","names":["memo","useMemo","jsx","memo","CodeHighlightTabs","memo","jsx","memo","jsx","SpecialCodeLanguage","memo","CodeHighlightTabs","jsx","Typography","useMemo","memo"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-react-markdown/mantine",
-  "version": "1.2.9",
+  "version": "1.4.0",
   "type": "module",
   "sideEffects": [
     "**/*.css"
@@ -25,7 +25,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@ai-react-markdown/core": "^1.2.9",
+    "@ai-react-markdown/core": "^1.4.0",
     "@mantine/code-highlight": "^8.3.17",
     "@mantine/core": "^8.3.17",
     "highlight.js": "^11.11.1",
@@ -43,7 +43,7 @@
     "lodash-es": "^4.17.23",
     "postcss": "^8.5.8",
     "tsup": "^8.5.1",
-    "@ai-react-markdown/core": "1.2.9"
+    "@ai-react-markdown/core": "1.4.0"
   },
   "dependencies": {
     "deep-parse-json": "^2.0.0",