@intlayer/design-system 6.1.6 → 7.0.0-canary.0

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

@@ -1,159 +0,0 @@
-import { LocalesValues } from '@intlayer/config/client';
-import { FC } from 'react';
-import { MarkdownProcessorOptions } from './processor';
-type MarkdownRendererProps = {
-    children: string;
-    isDarkMode?: boolean;
-    locale?: LocalesValues;
-    options?: MarkdownProcessorOptions;
-};
-/**
- * MarkdownRenderer Component
- *
- * A comprehensive markdown renderer that transforms markdown text into rich,
- * interactive HTML with custom styling and Intlayer integration. Supports
- * code syntax highlighting, responsive tables, internationalized links,
- * and automatic frontmatter stripping.
- *
- * @component
- * @example
- * Basic usage:
- * ```tsx
- * const markdownContent = `
- * # Hello World
- * This is **bold** and *italic* text.
- * `;
- *
- * <MarkdownRenderer>{markdownContent}</MarkdownRenderer>
- * ```
- *
- * @example
- * With dark mode:
- * ```tsx
- * const codeExample = `
- * # API Documentation
- * \`\`\`javascript
- * const response = await fetch('/api/data');
- * const data = await response.json();
- * \`\`\`
- * `;
- *
- * <MarkdownRenderer isDarkMode={true}>
- *   {codeExample}
- * </MarkdownRenderer>
- * ```
- *
- * @example
- * With internationalized links:
- * ```tsx
- * const content = `
- * Visit our [documentation](/docs) for more information.
- * External link: [Google](https://google.com)
- * `;
- *
- * <MarkdownRenderer locale="fr">
- *   {content}
- * </MarkdownRenderer>
- * ```
- *
- * @example
- * With custom overrides:
- * ```tsx
- * const customOptions = {
- *   overrides: {
- *     h1: ({ children }) => (
- *       <h1 className="custom-title">{children}</h1>
- *     ),
- *   },
- * };
- *
- * <MarkdownRenderer options={customOptions}>
- *   {markdownContent}
- * </MarkdownRenderer>
- * ```
- *
- * @example
- * With frontmatter (automatically stripped):
- * ```tsx
- * const blogPost = `
- * ---
- * title: "My Blog Post"
- * date: "2023-12-01"
- * author: "John Doe"
- * ---
- * # My Blog Post
- * This content will be rendered without the frontmatter.
- * `;
- *
- * <MarkdownRenderer>{blogPost}</MarkdownRenderer>
- * ```
- *
- * Features:
- * - Automatic frontmatter detection and removal
- * - Syntax-highlighted code blocks with theme support
- * - Clickable headers with anchor links
- * - Internationalized link handling with locale awareness
- * - Responsive tables with hover effects
- * - Custom blockquote, list, and image styling
- * - External link detection and security attributes
- * - Inline code with distinctive styling
- * - Lazy-loaded images with GitHub raw URL support
- * - Horizontal rules with custom styling
- *
- * Supported Markdown Elements:
- * - Headers (h1-h4) with click-to-anchor functionality
- * - Code blocks with language-specific syntax highlighting
- * - Inline code with background styling
- * - Blockquotes with custom border and padding
- * - Ordered and unordered lists with custom spacing
- * - Links (internal and external) with security attributes
- * - Images with lazy loading and responsive sizing
- * - Tables with hover effects and proper styling
- * - Horizontal rules with custom appearance
- * - All standard markdown formatting (bold, italic, etc.)
- *
- * Code Block Support:
- * - Language detection from code fence info
- * - Syntax highlighting through Code component
- * - Dark/light mode theme switching
- * - Line numbers and copy functionality (via Code component)
- * - Support for popular languages (JS, TS, Python, etc.)
- *
- * Link Handling:
- * - Automatic external link detection (starts with 'http')
- * - Security attributes for external links (rel="noopener noreferrer")
- * - Locale-aware internal link routing
- * - Custom Link component integration
- * - Underlined styling for better visibility
- *
- * Image Processing:
- * - Automatic lazy loading for performance
- * - GitHub raw URL transformation for repository images
- * - Responsive sizing with max-width constraints
- * - Rounded corners for visual appeal
- *
- * Accessibility:
- * - Semantic HTML structure with proper heading hierarchy
- * - ARIA attributes through component integration
- * - Screen reader friendly link descriptions
- * - Keyboard navigation support
- * - High contrast styling options
- *
- * Performance:
- * - Lazy loading for images
- * - Efficient re-rendering with React memo patterns
- * - Code syntax highlighting with minimal bundle impact
- * - Optimized markdown parsing with markdown-to-jsx
- *
- * @param props - Component props
- * @param props.children - Raw markdown content to render
- * @param props.isDarkMode - Enable dark mode styling for code blocks
- * @param props.locale - Current locale for link internationalization
- * @param props.options - Additional markdown-to-jsx options
- * @param props.options.overrides - Custom component overrides for markdown elements
- *
- * @returns Rendered markdown content with custom styling and functionality
- */
-export declare const MarkdownRenderer: FC<MarkdownRendererProps>;
-export {};
-//# sourceMappingURL=MarkDownRender.d.ts.map

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

@@ -1 +0,0 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkJG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgLtD,CAAC"}

package/dist/components/MarkDownRender/MarkDownRender.mjs

@@ -1,188 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.mjs";
-import { H6, H5, H4, H3, H2, H1 } from "../Headers/index.mjs";
-import { Code } from "../IDE/Code.mjs";
-import { CodeProvider } from "../IDE/CodeContext.mjs";
-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 "./processor.mjs";
-const stripFrontmatter = (markdown) => {
-  const lines = markdown.split(/\r?\n/);
-  const firstNonEmptyLine = lines.find((line) => line.trim() !== "");
-  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== "---") {
-    return markdown;
-  }
-  let inMetadataBlock = false;
-  let endOfMetadataIndex = -1;
-  for (let i = 0; i < lines.length; i++) {
-    const trimmedLine = lines[i].trim();
-    if (trimmedLine === "---") {
-      if (!inMetadataBlock) {
-        inMetadataBlock = true;
-        continue;
-      } else {
-        endOfMetadataIndex = i;
-        break;
-      }
-    }
-  }
-  if (endOfMetadataIndex > -1) {
-    return lines.slice(endOfMetadataIndex + 1).join("\n");
-  }
-  return markdown;
-};
-const MarkdownRenderer = ({
-  children,
-  isDarkMode,
-  locale,
-  options
-}) => {
-  const { overrides, ...restOptions } = options ?? {};
-  const cleanMarkdown = stripFrontmatter(children);
-  return /* @__PURE__ */ jsx(CodeProvider, { children: /* @__PURE__ */ jsx(TabProvider, { children: /* @__PURE__ */ jsx(
-    MarkdownProcessor,
-    {
-      options: {
-        overrides: {
-          h1: (props) => /* @__PURE__ */ jsx(H1, { isClickable: true, ...props }),
-          h2: (props) => /* @__PURE__ */ jsx(H2, { isClickable: true, ...props }),
-          h3: (props) => /* @__PURE__ */ jsx(H3, { isClickable: true, ...props }),
-          h4: (props) => /* @__PURE__ */ jsx(H4, { isClickable: true, ...props }),
-          h5: (props) => /* @__PURE__ */ jsx(H5, { isClickable: true, ...props }),
-          h6: (props) => /* @__PURE__ */ jsx(H6, { isClickable: true, ...props }),
-          code: (props) => !props.className ? /* @__PURE__ */ jsx("strong", { className: "bg-card/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsx(
-            Code,
-            {
-              ...props,
-              isDarkMode,
-              language: props.className?.replace("lang-", "") || "plaintext",
-              fileName: props.fileName,
-              showHeader: Boolean(props.fileName)
-            }
-          ),
-          blockquote: ({
-            className,
-            ...props
-          }) => /* @__PURE__ */ jsx(
-            "blockquote",
-            {
-              className: cn(
-                "border-card text-neutral mt-5 flex flex-col gap-3 border-l-4 pl-5",
-                className
-              ),
-              ...props
-            }
-          ),
-          ul: ({ className, ...props }) => /* @__PURE__ */ jsx(
-            "ul",
-            {
-              className: cn(
-                "mt-5 flex flex-col gap-3 pl-5 list-disc",
-                className
-              ),
-              ...props
-            }
-          ),
-          ol: ({ className, ...props }) => /* @__PURE__ */ jsx(
-            "ol",
-            {
-              className: cn(
-                "mt-5 flex flex-col gap-3 pl-5 list-decimal",
-                className
-              ),
-              ...props
-            }
-          ),
-          img: ({
-            className,
-            ...props
-          }) => /* @__PURE__ */ jsx(
-            "img",
-            {
-              ...props,
-              loading: "lazy",
-              className: cn(
-                "max-w-full max-h-[80vh] rounded-md",
-                className
-              ),
-              src: `${props.src}?raw=true`
-            }
-          ),
-          a: (props) => /* @__PURE__ */ jsx(
-            Link,
-            {
-              color: "neutral",
-              isExternalLink: props.href?.startsWith("http"),
-              underlined: true,
-              locale,
-              ...props
-            }
-          ),
-          pre: (props) => props.children,
-          table: (props) => /* @__PURE__ */ jsx(Table, { ...props }),
-          th: ({ className, ...props }) => /* @__PURE__ */ jsx(
-            "th",
-            {
-              className: cn(
-                "border-neutral bg-neutral/10 border-b p-4",
-                className
-              ),
-              ...props
-            }
-          ),
-          tr: ({ className, ...props }) => /* @__PURE__ */ jsx(
-            "tr",
-            {
-              className: cn("hover:bg-neutral/10 hover:/10", className),
-              ...props
-            }
-          ),
-          td: ({ className, ...props }) => /* @__PURE__ */ jsx(
-            "td",
-            {
-              className: cn(
-                "border-b border-neutral-500/50 p-4",
-                className
-              ),
-              ...props
-            }
-          ),
-          hr: ({ className, ...props }) => /* @__PURE__ */ jsx(
-            "hr",
-            {
-              className: cn("mt-16 mx-6 text-neutral", className),
-              ...props
-            }
-          ),
-          // Support both <Tab> and <Tabs> in markdown
-          Tabs: (props) => /* @__PURE__ */ jsx(Tab, { ...props }),
-          Tab: (props) => /* @__PURE__ */ jsx(Tab, { ...props }),
-          TabItem: (props) => /* @__PURE__ */ jsx(Tab.Item, { ...props }),
-          Columns: ({
-            className,
-            ...props
-          }) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn("flex max-md:flex-col gap-4", className),
-              ...props
-            }
-          ),
-          Column: ({
-            className,
-            ...props
-          }) => /* @__PURE__ */ jsx("div", { className: cn("flex-1", className), ...props }),
-          ...overrides
-        },
-        ...restOptions
-      },
-      children: cleanMarkdown ?? ""
-    }
-  ) }) });
-};
-export {
-  MarkdownRenderer
-};
-//# sourceMappingURL=MarkDownRender.mjs.map

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

@@ -1 +0,0 @@
-{"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\n/**\n * MarkdownRenderer Component\n *\n * A comprehensive markdown renderer that transforms markdown text into rich,\n * interactive HTML with custom styling and Intlayer integration. Supports\n * code syntax highlighting, responsive tables, internationalized links,\n * and automatic frontmatter stripping.\n *\n * @component\n * @example\n * Basic usage:\n * ```tsx\n * const markdownContent = `\n * # Hello World\n * This is **bold** and *italic* text.\n * `;\n *\n * <MarkdownRenderer>{markdownContent}</MarkdownRenderer>\n * ```\n *\n * @example\n * With dark mode:\n * ```tsx\n * const codeExample = `\n * # API Documentation\n * \\`\\`\\`javascript\n * const response = await fetch('/api/data');\n * const data = await response.json();\n * \\`\\`\\`\n * `;\n *\n * <MarkdownRenderer isDarkMode={true}>\n *   {codeExample}\n * </MarkdownRenderer>\n * ```\n *\n * @example\n * With internationalized links:\n * ```tsx\n * const content = `\n * Visit our [documentation](/docs) for more information.\n * External link: [Google](https://google.com)\n * `;\n *\n * <MarkdownRenderer locale=\"fr\">\n *   {content}\n * </MarkdownRenderer>\n * ```\n *\n * @example\n * With custom overrides:\n * ```tsx\n * const customOptions = {\n *   overrides: {\n *     h1: ({ children }) => (\n *       <h1 className=\"custom-title\">{children}</h1>\n *     ),\n *   },\n * };\n *\n * <MarkdownRenderer options={customOptions}>\n *   {markdownContent}\n * </MarkdownRenderer>\n * ```\n *\n * @example\n * With frontmatter (automatically stripped):\n * ```tsx\n * const blogPost = `\n * ---\n * title: \"My Blog Post\"\n * date: \"2023-12-01\"\n * author: \"John Doe\"\n * ---\n * # My Blog Post\n * This content will be rendered without the frontmatter.\n * `;\n *\n * <MarkdownRenderer>{blogPost}</MarkdownRenderer>\n * ```\n *\n * Features:\n * - Automatic frontmatter detection and removal\n * - Syntax-highlighted code blocks with theme support\n * - Clickable headers with anchor links\n * - Internationalized link handling with locale awareness\n * - Responsive tables with hover effects\n * - Custom blockquote, list, and image styling\n * - External link detection and security attributes\n * - Inline code with distinctive styling\n * - Lazy-loaded images with GitHub raw URL support\n * - Horizontal rules with custom styling\n *\n * Supported Markdown Elements:\n * - Headers (h1-h4) with click-to-anchor functionality\n * - Code blocks with language-specific syntax highlighting\n * - Inline code with background styling\n * - Blockquotes with custom border and padding\n * - Ordered and unordered lists with custom spacing\n * - Links (internal and external) with security attributes\n * - Images with lazy loading and responsive sizing\n * - Tables with hover effects and proper styling\n * - Horizontal rules with custom appearance\n * - All standard markdown formatting (bold, italic, etc.)\n *\n * Code Block Support:\n * - Language detection from code fence info\n * - Syntax highlighting through Code component\n * - Dark/light mode theme switching\n * - Line numbers and copy functionality (via Code component)\n * - Support for popular languages (JS, TS, Python, etc.)\n *\n * Link Handling:\n * - Automatic external link detection (starts with 'http')\n * - Security attributes for external links (rel=\"noopener noreferrer\")\n * - Locale-aware internal link routing\n * - Custom Link component integration\n * - Underlined styling for better visibility\n *\n * Image Processing:\n * - Automatic lazy loading for performance\n * - GitHub raw URL transformation for repository images\n * - Responsive sizing with max-width constraints\n * - Rounded corners for visual appeal\n *\n * Accessibility:\n * - Semantic HTML structure with proper heading hierarchy\n * - ARIA attributes through component integration\n * - Screen reader friendly link descriptions\n * - Keyboard navigation support\n * - High contrast styling options\n *\n * Performance:\n * - Lazy loading for images\n * - Efficient re-rendering with React memo patterns\n * - Code syntax highlighting with minimal bundle impact\n * - Optimized markdown parsing with markdown-to-jsx\n *\n * @param props - Component props\n * @param props.children - Raw markdown content to render\n * @param props.isDarkMode - Enable dark mode styling for code blocks\n * @param props.locale - Current locale for link internationalization\n * @param props.options - Additional markdown-to-jsx options\n * @param props.options.overrides - Custom component overrides for markdown elements\n *\n * @returns Rendered markdown content with custom styling and functionality\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 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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"}

package/dist/components/MarkDownRender/index.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_MarkDownRender_MarkDownRender = require("./MarkDownRender.cjs");
-exports.MarkdownRenderer = components_MarkDownRender_MarkDownRender.MarkdownRenderer;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,2 +0,0 @@
-export * from './MarkDownRender';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/MarkDownRender/index.mjs

@@ -1,5 +0,0 @@
-import { MarkdownRenderer } from "./MarkDownRender.mjs";
-export {
-  MarkdownRenderer
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}