@intlayer/design-system 6.1.4 → 6.1.5

package/dist/.vite/manifest.json

@@ -1255,6 +1255,7 @@
     "src": "src/components/IDE/MarkDownRender.tsx",
     "isEntry": true,
     "imports": [
+      "src/components/MarkDownRender/processor.tsx",
       "src/components/IDE/Code.tsx"
     ]
   },
@@ -1532,7 +1533,7 @@
       "src/components/Tab/Tab.tsx",
       "src/components/Tab/TabContext.tsx",
       "src/components/Table/Table.tsx",
-      "src/components/MarkDownRender/processer.tsx"
+      "src/components/MarkDownRender/processor.tsx"
     ]
   },
   "src/components/MarkDownRender/index.ts": {
@@ -1544,10 +1545,10 @@
       "src/components/MarkDownRender/MarkDownRender.tsx"
     ]
   },
-  "src/components/MarkDownRender/processer.tsx": {
-    "file": "components/MarkDownRender/processer.cjs",
-    "name": "components/MarkDownRender/processer",
-    "src": "src/components/MarkDownRender/processer.tsx",
+  "src/components/MarkDownRender/processor.tsx": {
+    "file": "components/MarkDownRender/processor.cjs",
+    "name": "components/MarkDownRender/processor",
+    "src": "src/components/MarkDownRender/processor.tsx",
     "isEntry": true
   },
   "src/components/MaxHeightSmoother/index.tsx": {

package/dist/components/IDE/MarkDownRender.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const Markdown = require("markdown-to-jsx");
+const components_MarkDownRender_processor = require("../MarkDownRender/processor.cjs");
 const components_IDE_Code = require("./Code.cjs");
 const MarkdownRenderer = ({
   children,
   isDarkMode
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Markdown,
+  components_MarkDownRender_processor.MarkdownProcessor,
   {
     options: {
       overrides: {

package/dist/components/IDE/MarkDownRender.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.cjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          component: (props) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={props.className?.replace('lang-', '')}\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","Code"],"mappings":";;;;;AASO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVA,2BAAAA;AAAAA,YAACC,oBAAAA;AAAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UAAU,MAAM,WAAW,QAAQ,SAAS,EAAE;AAAA,cAC9C,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,QAGJ,KAAK,CAAC,UAAU,MAAM;AAAA,MAAA;AAAA,IACxB;AAAA,IAGD,UAAA,YAAY;AAAA,EAAA;AACf;;"}
+{"version":3,"file":"MarkDownRender.cjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport { BundledLanguage } from 'shiki';\nimport { MarkdownProcessor } from '../MarkDownRender/processor';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <MarkdownProcessor\n    options={{\n      overrides: {\n        code: {\n          component: (props: ComponentProps<typeof Code>) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={\n                props.className?.replace('lang-', '') as BundledLanguage\n              }\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props: ComponentPropsWithoutRef<'pre'>) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </MarkdownProcessor>\n);\n"],"names":["jsx","MarkdownProcessor","Code"],"mappings":";;;;;AAUO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAAA;AAAAA,EAACC,oCAAAA;AAAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACVD,2BAAAA;AAAAA,YAACE,oBAAAA;AAAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UACE,MAAM,WAAW,QAAQ,SAAS,EAAE;AAAA,cAEtC,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,QAGJ,KAAK,CAAC,UAA2C,MAAM;AAAA,MAAA;AAAA,IACzD;AAAA,IAGD,UAAA,YAAY;AAAA,EAAA;AACf;;"}

package/dist/components/IDE/MarkDownRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwBtD,CAAC"}
+{"version":3,"file":"MarkDownRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA4C,EAAE,EAAE,MAAM,OAAO,CAAC;AAK1E,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0BtD,CAAC"}

package/dist/components/IDE/MarkDownRender.mjs

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import Markdown from "markdown-to-jsx";
+import { MarkdownProcessor } from "../MarkDownRender/processor.mjs";
 import { Code } from "./Code.mjs";
 const MarkdownRenderer = ({
   children,
   isDarkMode
 }) => /* @__PURE__ */ jsx(
-  Markdown,
+  MarkdownProcessor,
   {
     options: {
       overrides: {

package/dist/components/IDE/MarkDownRender.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          component: (props) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={props.className?.replace('lang-', '')}\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":[],"mappings":";;;AASO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACV;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UAAU,MAAM,WAAW,QAAQ,SAAS,EAAE;AAAA,cAC9C,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,QAGJ,KAAK,CAAC,UAAU,MAAM;AAAA,MAAA;AAAA,IACxB;AAAA,IAGD,UAAA,YAAY;AAAA,EAAA;AACf;"}
+{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["import type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport { BundledLanguage } from 'shiki';\nimport { MarkdownProcessor } from '../MarkDownRender/processor';\nimport { Code } from './Code';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <MarkdownProcessor\n    options={{\n      overrides: {\n        code: {\n          component: (props: ComponentProps<typeof Code>) => (\n            <Code\n              {...props}\n              isDarkMode={isDarkMode}\n              language={\n                props.className?.replace('lang-', '') as BundledLanguage\n              }\n              showHeader={false}\n              className=\"text-xs leading-5\"\n            />\n          ),\n        },\n        pre: (props: ComponentPropsWithoutRef<'pre'>) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </MarkdownProcessor>\n);\n"],"names":[],"mappings":";;;AAUO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,UACJ,WAAW,CAAC,UACV;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ;AAAA,cACA,UACE,MAAM,WAAW,QAAQ,SAAS,EAAE;AAAA,cAEtC,YAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,QAGJ,KAAK,CAAC,UAA2C,MAAM;AAAA,MAAA;AAAA,IACzD;AAAA,IAGD,UAAA,YAAY;AAAA,EAAA;AACf;"}

package/dist/components/MarkDownRender/MarkDownRender.cjs

@@ -9,7 +9,7 @@ const components_Link_Link = require("../Link/Link.cjs");
 const components_Tab_Tab = require("../Tab/Tab.cjs");
 const components_Tab_TabContext = require("../Tab/TabContext.cjs");
 const components_Table_Table = require("../Table/Table.cjs");
-const components_MarkDownRender_processer = require("./processer.cjs");
+const components_MarkDownRender_processor = require("./processor.cjs");
 const stripFrontmatter = (markdown) => {
   const lines = markdown.split(/\r?\n/);
   const firstNonEmptyLine = lines.find((line) => line.trim() !== "");
@@ -44,9 +44,10 @@ const MarkdownRenderer = ({
   const { overrides, ...restOptions } = options ?? {};
   const cleanMarkdown = stripFrontmatter(children);
   return /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CodeContext.CodeProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(components_Tab_TabContext.TabProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    components_MarkDownRender_processer.MarkdownProcessor,
+    components_MarkDownRender_processor.MarkdownProcessor,
     {
       options: {
+        disableParsingRawHTML: true,
         overrides: {
           h1: (props) => /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H1, { isClickable: true, ...props }),
           h2: (props) => /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H2, { isClickable: true, ...props }),
@@ -168,7 +169,7 @@ const MarkdownRenderer = ({
           }) => /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: utils_cn.cn("flex md:flex-col gap-4", className),
+              className: utils_cn.cn("flex max-md:flex-col gap-4", className),
               ...props
             }
           ),

package/dist/components/MarkDownRender/MarkDownRender.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.cjs","sources":["../../../src/components/MarkDownRender/MarkDownRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\nimport type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport type { CodeCompAttributes } from '../IDE/Code';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\nimport { Tab } from '../Tab';\nimport { TabProvider } from '../Tab/TabContext';\nimport { Table } from '../Table';\nimport { MarkdownProcessor, type MarkdownProcessorOptions } from './processer';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  options?: MarkdownProcessorOptions;\n};\n\n/**\n * Removes frontmatter from markdown content\n * Frontmatter is the YAML metadata block at the beginning of markdown files\n * delimited by --- at the start and end\n */\nconst stripFrontmatter = (markdown: string): string => {\n  const lines = markdown.split(/\\r?\\n/);\n\n  // Check if the very first non-empty line is the metadata start delimiter\n  const firstNonEmptyLine = lines.find((line) => line.trim() !== '');\n\n  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== '---') {\n    // No frontmatter, return original content\n    return markdown;\n  }\n\n  let inMetadataBlock = false;\n  let endOfMetadataIndex = -1;\n\n  for (let i = 0; i < lines.length; i++) {\n    const trimmedLine = lines[i].trim();\n\n    // Toggle metadata block on encountering the delimiter\n    if (trimmedLine === '---') {\n      if (!inMetadataBlock) {\n        // Begin metadata block\n        inMetadataBlock = true;\n        continue;\n      } else {\n        // End of metadata block\n        endOfMetadataIndex = i;\n        break;\n      }\n    }\n  }\n\n  if (endOfMetadataIndex > -1) {\n    // Return content after the frontmatter\n    return lines.slice(endOfMetadataIndex + 1).join('\\n');\n  }\n\n  // If we couldn't find the end delimiter, return original content\n  return markdown;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n\n  // Strip frontmatter from the markdown content before rendering\n  const cleanMarkdown = stripFrontmatter(children);\n\n  return (\n    <CodeProvider>\n      <TabProvider>\n        <MarkdownProcessor\n          options={{\n            overrides: {\n              h1: (props: ComponentProps<typeof H1>) => (\n                <H1 isClickable={true} {...props} />\n              ),\n              h2: (props: ComponentProps<typeof H2>) => (\n                <H2 isClickable={true} {...props} />\n              ),\n              h3: (props: ComponentProps<typeof H3>) => (\n                <H3 isClickable={true} {...props} />\n              ),\n              h4: (props: ComponentProps<typeof H4>) => (\n                <H4 isClickable={true} {...props} />\n              ),\n              h5: (props: ComponentProps<typeof H5>) => (\n                <H5 isClickable={true} {...props} />\n              ),\n              h6: (props: ComponentProps<typeof H6>) => (\n                <H6 isClickable={true} {...props} />\n              ),\n\n              code: (\n                props: Omit<ComponentPropsWithoutRef<'code'>, 'children'> &\n                  Partial<CodeCompAttributes> & { children: string }\n              ) =>\n                !props.className ? (\n                  <strong className=\"bg-card/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                    {props.children}\n                  </strong>\n                ) : (\n                  <Code\n                    {...props}\n                    isDarkMode={isDarkMode}\n                    language={\n                      (props.className?.replace('lang-', '') ||\n                        'plaintext') as BundledLanguage\n                    }\n                    fileName={props.fileName}\n                    showHeader={Boolean(props.fileName)}\n                  />\n                ),\n\n              blockquote: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'blockquote'>) => (\n                <blockquote\n                  className={cn(\n                    'border-card text-neutral mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              ul: ({ className, ...props }: ComponentPropsWithoutRef<'ul'>) => (\n                <ul\n                  className={cn(\n                    'mt-5 flex flex-col gap-3 pl-5 list-disc',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              ol: ({ className, ...props }: ComponentPropsWithoutRef<'ol'>) => (\n                <ol\n                  className={cn(\n                    'mt-5 flex flex-col gap-3 pl-5 list-decimal',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              img: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'img'>) => (\n                <img\n                  {...props}\n                  loading=\"lazy\"\n                  className={cn(\n                    'max-w-full max-h-[80vh] rounded-md',\n                    className\n                  )}\n                  src={`${props.src}?raw=true`}\n                />\n              ),\n              a: (props: ComponentProps<typeof Link>) => (\n                <Link\n                  color=\"neutral\"\n                  isExternalLink={props.href?.startsWith('http')}\n                  underlined={true}\n                  locale={locale}\n                  {...props}\n                />\n              ),\n              pre: (props: ComponentPropsWithoutRef<'pre'>) => props.children,\n\n              table: (props: ComponentProps<typeof Table>) => (\n                <Table {...props} />\n              ),\n              th: ({ className, ...props }: ComponentPropsWithoutRef<'th'>) => (\n                <th\n                  className={cn(\n                    'border-neutral bg-neutral/10 border-b p-4',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              tr: ({ className, ...props }: ComponentPropsWithoutRef<'tr'>) => (\n                <tr\n                  className={cn('hover:bg-neutral/10 hover:/10', className)}\n                  {...props}\n                />\n              ),\n              td: ({ className, ...props }: ComponentPropsWithoutRef<'td'>) => (\n                <td\n                  className={cn(\n                    'border-b border-neutral-500/50 p-4',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              hr: ({ className, ...props }: ComponentPropsWithoutRef<'hr'>) => (\n                <hr\n                  className={cn('mt-16 mx-6 text-neutral', className)}\n                  {...props}\n                />\n              ),\n              // Support both <Tab> and <Tabs> in markdown\n              Tabs: (props: ComponentProps<typeof Tab>) => <Tab {...props} />,\n              Tab: (props: ComponentProps<typeof Tab>) => <Tab {...props} />,\n              TabItem: (props: ComponentProps<typeof Tab.Item>) => (\n                <Tab.Item {...props} />\n              ),\n              Columns: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'div'>) => (\n                <div\n                  className={cn('flex md:flex-col gap-4', className)}\n                  {...props}\n                />\n              ),\n              Column: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'div'>) => (\n                <div className={cn('flex-1', className)} {...props} />\n              ),\n              ...overrides,\n            },\n            ...restOptions,\n          }}\n        >\n          {cleanMarkdown ?? ''}\n        </MarkdownProcessor>\n      </TabProvider>\n    </CodeProvider>\n  );\n};\n"],"names":["jsx","CodeProvider","TabProvider","MarkdownProcessor","H1","H2","H3","H4","H5","H6","Code","cn","Link","Table","Tab"],"mappings":"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"}
+{"version":3,"file":"MarkDownRender.cjs","sources":["../../../src/components/MarkDownRender/MarkDownRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\nimport type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport type { CodeCompAttributes } from '../IDE/Code';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\nimport { Tab } from '../Tab';\nimport { TabProvider } from '../Tab/TabContext';\nimport { Table } from '../Table';\nimport { MarkdownProcessor, type MarkdownProcessorOptions } from './processor';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  options?: MarkdownProcessorOptions;\n};\n\n/**\n * Removes frontmatter from markdown content\n * Frontmatter is the YAML metadata block at the beginning of markdown files\n * delimited by --- at the start and end\n */\nconst stripFrontmatter = (markdown: string): string => {\n  const lines = markdown.split(/\\r?\\n/);\n\n  // Check if the very first non-empty line is the metadata start delimiter\n  const firstNonEmptyLine = lines.find((line) => line.trim() !== '');\n\n  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== '---') {\n    // No frontmatter, return original content\n    return markdown;\n  }\n\n  let inMetadataBlock = false;\n  let endOfMetadataIndex = -1;\n\n  for (let i = 0; i < lines.length; i++) {\n    const trimmedLine = lines[i].trim();\n\n    // Toggle metadata block on encountering the delimiter\n    if (trimmedLine === '---') {\n      if (!inMetadataBlock) {\n        // Begin metadata block\n        inMetadataBlock = true;\n        continue;\n      } else {\n        // End of metadata block\n        endOfMetadataIndex = i;\n        break;\n      }\n    }\n  }\n\n  if (endOfMetadataIndex > -1) {\n    // Return content after the frontmatter\n    return lines.slice(endOfMetadataIndex + 1).join('\\n');\n  }\n\n  // If we couldn't find the end delimiter, return original content\n  return markdown;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n\n  // Strip frontmatter from the markdown content before rendering\n  const cleanMarkdown = stripFrontmatter(children);\n\n  return (\n    <CodeProvider>\n      <TabProvider>\n        <MarkdownProcessor\n          options={{\n            disableParsingRawHTML: true,\n            overrides: {\n              h1: (props: ComponentProps<typeof H1>) => (\n                <H1 isClickable={true} {...props} />\n              ),\n              h2: (props: ComponentProps<typeof H2>) => (\n                <H2 isClickable={true} {...props} />\n              ),\n              h3: (props: ComponentProps<typeof H3>) => (\n                <H3 isClickable={true} {...props} />\n              ),\n              h4: (props: ComponentProps<typeof H4>) => (\n                <H4 isClickable={true} {...props} />\n              ),\n              h5: (props: ComponentProps<typeof H5>) => (\n                <H5 isClickable={true} {...props} />\n              ),\n              h6: (props: ComponentProps<typeof H6>) => (\n                <H6 isClickable={true} {...props} />\n              ),\n\n              code: (\n                props: Omit<ComponentPropsWithoutRef<'code'>, 'children'> &\n                  Partial<CodeCompAttributes> & { children: string }\n              ) =>\n                !props.className ? (\n                  <strong className=\"bg-card/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                    {props.children}\n                  </strong>\n                ) : (\n                  <Code\n                    {...props}\n                    isDarkMode={isDarkMode}\n                    language={\n                      (props.className?.replace('lang-', '') ||\n                        'plaintext') as BundledLanguage\n                    }\n                    fileName={props.fileName}\n                    showHeader={Boolean(props.fileName)}\n                  />\n                ),\n\n              blockquote: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'blockquote'>) => (\n                <blockquote\n                  className={cn(\n                    'border-card text-neutral mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              ul: ({ className, ...props }: ComponentPropsWithoutRef<'ul'>) => (\n                <ul\n                  className={cn(\n                    'mt-5 flex flex-col gap-3 pl-5 list-disc',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              ol: ({ className, ...props }: ComponentPropsWithoutRef<'ol'>) => (\n                <ol\n                  className={cn(\n                    'mt-5 flex flex-col gap-3 pl-5 list-decimal',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              img: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'img'>) => (\n                <img\n                  {...props}\n                  loading=\"lazy\"\n                  className={cn(\n                    'max-w-full max-h-[80vh] rounded-md',\n                    className\n                  )}\n                  src={`${props.src}?raw=true`}\n                />\n              ),\n              a: (props: ComponentProps<typeof Link>) => (\n                <Link\n                  color=\"neutral\"\n                  isExternalLink={props.href?.startsWith('http')}\n                  underlined={true}\n                  locale={locale}\n                  {...props}\n                />\n              ),\n              pre: (props: ComponentPropsWithoutRef<'pre'>) => props.children,\n\n              table: (props: ComponentProps<typeof Table>) => (\n                <Table {...props} />\n              ),\n              th: ({ className, ...props }: ComponentPropsWithoutRef<'th'>) => (\n                <th\n                  className={cn(\n                    'border-neutral bg-neutral/10 border-b p-4',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              tr: ({ className, ...props }: ComponentPropsWithoutRef<'tr'>) => (\n                <tr\n                  className={cn('hover:bg-neutral/10 hover:/10', className)}\n                  {...props}\n                />\n              ),\n              td: ({ className, ...props }: ComponentPropsWithoutRef<'td'>) => (\n                <td\n                  className={cn(\n                    'border-b border-neutral-500/50 p-4',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              hr: ({ className, ...props }: ComponentPropsWithoutRef<'hr'>) => (\n                <hr\n                  className={cn('mt-16 mx-6 text-neutral', className)}\n                  {...props}\n                />\n              ),\n              // Support both <Tab> and <Tabs> in markdown\n              Tabs: (props: ComponentProps<typeof Tab>) => <Tab {...props} />,\n              Tab: (props: ComponentProps<typeof Tab>) => <Tab {...props} />,\n              TabItem: (props: ComponentProps<typeof Tab.Item>) => (\n                <Tab.Item {...props} />\n              ),\n              Columns: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'div'>) => (\n                <div\n                  className={cn('flex max-md:flex-col gap-4', className)}\n                  {...props}\n                />\n              ),\n              Column: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'div'>) => (\n                <div className={cn('flex-1', className)} {...props} />\n              ),\n              ...overrides,\n            },\n            ...restOptions,\n          }}\n        >\n          {cleanMarkdown ?? ''}\n        </MarkdownProcessor>\n      </TabProvider>\n    </CodeProvider>\n  );\n};\n"],"names":["jsx","CodeProvider","TabProvider","MarkdownProcessor","H1","H2","H3","H4","H5","H6","Code","cn","Link","Table","Tab"],"mappings":"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"}

package/dist/components/MarkDownRender/MarkDownRender.d.ts

@@ -1,6 +1,6 @@
 import { LocalesValues } from '@intlayer/config/client';
 import { FC } from 'react';
-import { MarkdownProcessorOptions } from './processer';
+import { MarkdownProcessorOptions } from './processor';
 type MarkdownRendererProps = {
     children: string;
     isDarkMode?: boolean;

package/dist/components/MarkDownRender/MarkDownRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/MarkDownRender.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAA4C,EAAE,EAAE,MAAM,OAAO,CAAC;AAW1E,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE/E,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC,CAAC;AA+CF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgLtD,CAAC"}
+{"version":3,"file":"MarkDownRender.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/MarkDownRender.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAA4C,EAAE,EAAE,MAAM,OAAO,CAAC;AAW1E,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE/E,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC,CAAC;AA+CF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiLtD,CAAC"}

package/dist/components/MarkDownRender/MarkDownRender.mjs

@@ -7,7 +7,7 @@ import { Link } from "../Link/Link.mjs";
 import { Tab } from "../Tab/Tab.mjs";
 import { TabProvider } from "../Tab/TabContext.mjs";
 import { Table } from "../Table/Table.mjs";
-import { MarkdownProcessor } from "./processer.mjs";
+import { MarkdownProcessor } from "./processor.mjs";
 const stripFrontmatter = (markdown) => {
   const lines = markdown.split(/\r?\n/);
   const firstNonEmptyLine = lines.find((line) => line.trim() !== "");
@@ -45,6 +45,7 @@ const MarkdownRenderer = ({
     MarkdownProcessor,
     {
       options: {
+        disableParsingRawHTML: true,
         overrides: {
           h1: (props) => /* @__PURE__ */ jsx(H1, { isClickable: true, ...props }),
           h2: (props) => /* @__PURE__ */ jsx(H2, { isClickable: true, ...props }),
@@ -166,7 +167,7 @@ const MarkdownRenderer = ({
           }) => /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn("flex md:flex-col gap-4", className),
+              className: cn("flex max-md:flex-col gap-4", className),
               ...props
             }
           ),

package/dist/components/MarkDownRender/MarkDownRender.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/MarkDownRender/MarkDownRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\nimport type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport type { CodeCompAttributes } from '../IDE/Code';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\nimport { Tab } from '../Tab';\nimport { TabProvider } from '../Tab/TabContext';\nimport { Table } from '../Table';\nimport { MarkdownProcessor, type MarkdownProcessorOptions } from './processer';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  options?: MarkdownProcessorOptions;\n};\n\n/**\n * Removes frontmatter from markdown content\n * Frontmatter is the YAML metadata block at the beginning of markdown files\n * delimited by --- at the start and end\n */\nconst stripFrontmatter = (markdown: string): string => {\n  const lines = markdown.split(/\\r?\\n/);\n\n  // Check if the very first non-empty line is the metadata start delimiter\n  const firstNonEmptyLine = lines.find((line) => line.trim() !== '');\n\n  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== '---') {\n    // No frontmatter, return original content\n    return markdown;\n  }\n\n  let inMetadataBlock = false;\n  let endOfMetadataIndex = -1;\n\n  for (let i = 0; i < lines.length; i++) {\n    const trimmedLine = lines[i].trim();\n\n    // Toggle metadata block on encountering the delimiter\n    if (trimmedLine === '---') {\n      if (!inMetadataBlock) {\n        // Begin metadata block\n        inMetadataBlock = true;\n        continue;\n      } else {\n        // End of metadata block\n        endOfMetadataIndex = i;\n        break;\n      }\n    }\n  }\n\n  if (endOfMetadataIndex > -1) {\n    // Return content after the frontmatter\n    return lines.slice(endOfMetadataIndex + 1).join('\\n');\n  }\n\n  // If we couldn't find the end delimiter, return original content\n  return markdown;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n\n  // Strip frontmatter from the markdown content before rendering\n  const cleanMarkdown = stripFrontmatter(children);\n\n  return (\n    <CodeProvider>\n      <TabProvider>\n        <MarkdownProcessor\n          options={{\n            overrides: {\n              h1: (props: ComponentProps<typeof H1>) => (\n                <H1 isClickable={true} {...props} />\n              ),\n              h2: (props: ComponentProps<typeof H2>) => (\n                <H2 isClickable={true} {...props} />\n              ),\n              h3: (props: ComponentProps<typeof H3>) => (\n                <H3 isClickable={true} {...props} />\n              ),\n              h4: (props: ComponentProps<typeof H4>) => (\n                <H4 isClickable={true} {...props} />\n              ),\n              h5: (props: ComponentProps<typeof H5>) => (\n                <H5 isClickable={true} {...props} />\n              ),\n              h6: (props: ComponentProps<typeof H6>) => (\n                <H6 isClickable={true} {...props} />\n              ),\n\n              code: (\n                props: Omit<ComponentPropsWithoutRef<'code'>, 'children'> &\n                  Partial<CodeCompAttributes> & { children: string }\n              ) =>\n                !props.className ? (\n                  <strong className=\"bg-card/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                    {props.children}\n                  </strong>\n                ) : (\n                  <Code\n                    {...props}\n                    isDarkMode={isDarkMode}\n                    language={\n                      (props.className?.replace('lang-', '') ||\n                        'plaintext') as BundledLanguage\n                    }\n                    fileName={props.fileName}\n                    showHeader={Boolean(props.fileName)}\n                  />\n                ),\n\n              blockquote: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'blockquote'>) => (\n                <blockquote\n                  className={cn(\n                    'border-card text-neutral mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              ul: ({ className, ...props }: ComponentPropsWithoutRef<'ul'>) => (\n                <ul\n                  className={cn(\n                    'mt-5 flex flex-col gap-3 pl-5 list-disc',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              ol: ({ className, ...props }: ComponentPropsWithoutRef<'ol'>) => (\n                <ol\n                  className={cn(\n                    'mt-5 flex flex-col gap-3 pl-5 list-decimal',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              img: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'img'>) => (\n                <img\n                  {...props}\n                  loading=\"lazy\"\n                  className={cn(\n                    'max-w-full max-h-[80vh] rounded-md',\n                    className\n                  )}\n                  src={`${props.src}?raw=true`}\n                />\n              ),\n              a: (props: ComponentProps<typeof Link>) => (\n                <Link\n                  color=\"neutral\"\n                  isExternalLink={props.href?.startsWith('http')}\n                  underlined={true}\n                  locale={locale}\n                  {...props}\n                />\n              ),\n              pre: (props: ComponentPropsWithoutRef<'pre'>) => props.children,\n\n              table: (props: ComponentProps<typeof Table>) => (\n                <Table {...props} />\n              ),\n              th: ({ className, ...props }: ComponentPropsWithoutRef<'th'>) => (\n                <th\n                  className={cn(\n                    'border-neutral bg-neutral/10 border-b p-4',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              tr: ({ className, ...props }: ComponentPropsWithoutRef<'tr'>) => (\n                <tr\n                  className={cn('hover:bg-neutral/10 hover:/10', className)}\n                  {...props}\n                />\n              ),\n              td: ({ className, ...props }: ComponentPropsWithoutRef<'td'>) => (\n                <td\n                  className={cn(\n                    'border-b border-neutral-500/50 p-4',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              hr: ({ className, ...props }: ComponentPropsWithoutRef<'hr'>) => (\n                <hr\n                  className={cn('mt-16 mx-6 text-neutral', className)}\n                  {...props}\n                />\n              ),\n              // Support both <Tab> and <Tabs> in markdown\n              Tabs: (props: ComponentProps<typeof Tab>) => <Tab {...props} />,\n              Tab: (props: ComponentProps<typeof Tab>) => <Tab {...props} />,\n              TabItem: (props: ComponentProps<typeof Tab.Item>) => (\n                <Tab.Item {...props} />\n              ),\n              Columns: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'div'>) => (\n                <div\n                  className={cn('flex md:flex-col gap-4', className)}\n                  {...props}\n                />\n              ),\n              Column: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'div'>) => (\n                <div className={cn('flex-1', className)} {...props} />\n              ),\n              ...overrides,\n            },\n            ...restOptions,\n          }}\n        >\n          {cleanMarkdown ?? ''}\n        </MarkdownProcessor>\n      </TabProvider>\n    </CodeProvider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/MarkDownRender/MarkDownRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\nimport type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport type { BundledLanguage } from 'shiki';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport type { CodeCompAttributes } from '../IDE/Code';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\nimport { Tab } from '../Tab';\nimport { TabProvider } from '../Tab/TabContext';\nimport { Table } from '../Table';\nimport { MarkdownProcessor, type MarkdownProcessorOptions } from './processor';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  options?: MarkdownProcessorOptions;\n};\n\n/**\n * Removes frontmatter from markdown content\n * Frontmatter is the YAML metadata block at the beginning of markdown files\n * delimited by --- at the start and end\n */\nconst stripFrontmatter = (markdown: string): string => {\n  const lines = markdown.split(/\\r?\\n/);\n\n  // Check if the very first non-empty line is the metadata start delimiter\n  const firstNonEmptyLine = lines.find((line) => line.trim() !== '');\n\n  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== '---') {\n    // No frontmatter, return original content\n    return markdown;\n  }\n\n  let inMetadataBlock = false;\n  let endOfMetadataIndex = -1;\n\n  for (let i = 0; i < lines.length; i++) {\n    const trimmedLine = lines[i].trim();\n\n    // Toggle metadata block on encountering the delimiter\n    if (trimmedLine === '---') {\n      if (!inMetadataBlock) {\n        // Begin metadata block\n        inMetadataBlock = true;\n        continue;\n      } else {\n        // End of metadata block\n        endOfMetadataIndex = i;\n        break;\n      }\n    }\n  }\n\n  if (endOfMetadataIndex > -1) {\n    // Return content after the frontmatter\n    return lines.slice(endOfMetadataIndex + 1).join('\\n');\n  }\n\n  // If we couldn't find the end delimiter, return original content\n  return markdown;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n\n  // Strip frontmatter from the markdown content before rendering\n  const cleanMarkdown = stripFrontmatter(children);\n\n  return (\n    <CodeProvider>\n      <TabProvider>\n        <MarkdownProcessor\n          options={{\n            disableParsingRawHTML: true,\n            overrides: {\n              h1: (props: ComponentProps<typeof H1>) => (\n                <H1 isClickable={true} {...props} />\n              ),\n              h2: (props: ComponentProps<typeof H2>) => (\n                <H2 isClickable={true} {...props} />\n              ),\n              h3: (props: ComponentProps<typeof H3>) => (\n                <H3 isClickable={true} {...props} />\n              ),\n              h4: (props: ComponentProps<typeof H4>) => (\n                <H4 isClickable={true} {...props} />\n              ),\n              h5: (props: ComponentProps<typeof H5>) => (\n                <H5 isClickable={true} {...props} />\n              ),\n              h6: (props: ComponentProps<typeof H6>) => (\n                <H6 isClickable={true} {...props} />\n              ),\n\n              code: (\n                props: Omit<ComponentPropsWithoutRef<'code'>, 'children'> &\n                  Partial<CodeCompAttributes> & { children: string }\n              ) =>\n                !props.className ? (\n                  <strong className=\"bg-card/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                    {props.children}\n                  </strong>\n                ) : (\n                  <Code\n                    {...props}\n                    isDarkMode={isDarkMode}\n                    language={\n                      (props.className?.replace('lang-', '') ||\n                        'plaintext') as BundledLanguage\n                    }\n                    fileName={props.fileName}\n                    showHeader={Boolean(props.fileName)}\n                  />\n                ),\n\n              blockquote: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'blockquote'>) => (\n                <blockquote\n                  className={cn(\n                    'border-card text-neutral mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              ul: ({ className, ...props }: ComponentPropsWithoutRef<'ul'>) => (\n                <ul\n                  className={cn(\n                    'mt-5 flex flex-col gap-3 pl-5 list-disc',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              ol: ({ className, ...props }: ComponentPropsWithoutRef<'ol'>) => (\n                <ol\n                  className={cn(\n                    'mt-5 flex flex-col gap-3 pl-5 list-decimal',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              img: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'img'>) => (\n                <img\n                  {...props}\n                  loading=\"lazy\"\n                  className={cn(\n                    'max-w-full max-h-[80vh] rounded-md',\n                    className\n                  )}\n                  src={`${props.src}?raw=true`}\n                />\n              ),\n              a: (props: ComponentProps<typeof Link>) => (\n                <Link\n                  color=\"neutral\"\n                  isExternalLink={props.href?.startsWith('http')}\n                  underlined={true}\n                  locale={locale}\n                  {...props}\n                />\n              ),\n              pre: (props: ComponentPropsWithoutRef<'pre'>) => props.children,\n\n              table: (props: ComponentProps<typeof Table>) => (\n                <Table {...props} />\n              ),\n              th: ({ className, ...props }: ComponentPropsWithoutRef<'th'>) => (\n                <th\n                  className={cn(\n                    'border-neutral bg-neutral/10 border-b p-4',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              tr: ({ className, ...props }: ComponentPropsWithoutRef<'tr'>) => (\n                <tr\n                  className={cn('hover:bg-neutral/10 hover:/10', className)}\n                  {...props}\n                />\n              ),\n              td: ({ className, ...props }: ComponentPropsWithoutRef<'td'>) => (\n                <td\n                  className={cn(\n                    'border-b border-neutral-500/50 p-4',\n                    className\n                  )}\n                  {...props}\n                />\n              ),\n              hr: ({ className, ...props }: ComponentPropsWithoutRef<'hr'>) => (\n                <hr\n                  className={cn('mt-16 mx-6 text-neutral', className)}\n                  {...props}\n                />\n              ),\n              // Support both <Tab> and <Tabs> in markdown\n              Tabs: (props: ComponentProps<typeof Tab>) => <Tab {...props} />,\n              Tab: (props: ComponentProps<typeof Tab>) => <Tab {...props} />,\n              TabItem: (props: ComponentProps<typeof Tab.Item>) => (\n                <Tab.Item {...props} />\n              ),\n              Columns: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'div'>) => (\n                <div\n                  className={cn('flex max-md:flex-col gap-4', className)}\n                  {...props}\n                />\n              ),\n              Column: ({\n                className,\n                ...props\n              }: ComponentPropsWithoutRef<'div'>) => (\n                <div className={cn('flex-1', className)} {...props} />\n              ),\n              ...overrides,\n            },\n            ...restOptions,\n          }}\n        >\n          {cleanMarkdown ?? ''}\n        </MarkdownProcessor>\n      </TabProvider>\n    </CodeProvider>\n  );\n};\n"],"names":[],"mappings":"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"}