@bergetai/ui 0.21.0 → 0.22.0

package/dist/components/markdown/Markdown.cjs

@@ -0,0 +1,169 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_MarkdownCodeBlock = require("./MarkdownCodeBlock.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let streamdown = require("streamdown");
+//#region src/components/markdown/Markdown.tsx
+/**
+* Markdown renderer for chat/UI text, built on Streamdown (incomplete-markdown
+* repair during streaming, GFM tables, rehype-sanitize + rehype-harden).
+*
+* Streamdown ships its own Tailwind classes inside its dist files, which
+* consumers' Tailwind builds never scan — so every element is given a full
+* Berget class set here instead of relying on the defaults. Utility classes
+* used below live in this package's own dist, which the shipped `@source`
+* covers for all consumers.
+*
+* Code highlighting reuses the package CodeBlock family and the shared Shiki
+* highlighter (Berget CSS-variable theme). Mermaid/KaTeX are intentionally
+* not enabled.
+*/
+const bergetComponents = {
+	h1: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.h1, {
+		...props,
+		className: `
+    mt-4 mb-2 text-lg font-semibold
+  `
+	}),
+	h2: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.h2, {
+		...props,
+		className: `
+      mt-4 mb-2 text-base font-semibold
+    `
+	}),
+	h3: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.h3, {
+		...props,
+		className: `
+      mt-3 mb-1.5 text-sm font-semibold
+    `
+	}),
+	h4: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.h4, {
+		...props,
+		className: `
+      mt-3 mb-1.5 text-sm font-semibold
+    `
+	}),
+	h5: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.h5, {
+		...props,
+		className: `
+      mt-3 mb-1.5 text-sm font-semibold
+    `
+	}),
+	h6: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.h6, {
+		...props,
+		className: `
+      mt-3 mb-1.5 text-sm font-semibold
+    `
+	}),
+	p: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.p, {
+		...props,
+		className: `
+        my-2
+        first:mt-0
+        last:mb-0
+      `
+	}),
+	ul: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.ul, {
+		...props,
+		className: `
+        my-2 ms-5 list-disc space-y-1
+        marker:text-berget-muted-foreground
+      `
+	}),
+	ol: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.ol, {
+		...props,
+		className: `
+    my-2 ms-5 list-decimal space-y-1
+  `
+	}),
+	li: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.li, {
+		...props,
+		className: `leading-relaxed`
+	}),
+	del: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("del", {
+		...props,
+		className: `line-through`
+	}),
+	em: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("em", {
+		...props,
+		className: `italic`
+	}),
+	blockquote: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.blockquote, {
+		...props,
+		className: `
+        my-3 border-berget-border ps-3 text-berget-muted-foreground italic
+      `
+	}),
+	hr: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.hr, {
+		...props,
+		className: `
+    my-4 border-berget-border
+  `
+	}),
+	img: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.img, {
+		...props,
+		className: `my-3 max-w-full rounded-berget-xs border-berget-border`
+	}),
+	a: ({ node: _node, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		...props,
+		target: "_blank",
+		rel: "noopener noreferrer nofollow",
+		className: `text-berget-primary underline underline-offset-2`
+	}),
+	code: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.code, {
+		...props,
+		className: `
+        rounded-berget-xs bg-muted px-1.5 py-0.5 font-mono text-[0.85em]
+      `
+	}),
+	pre: ({ children }) => {
+		if (react.isValidElement(children)) {
+			const { className, children: code } = children.props;
+			const language = /language-([\w+-]+)/.exec(className ?? "")?.[1] ?? "text";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownCodeBlock.MarkdownCodeBlock, {
+				code: String(code ?? ""),
+				language
+			});
+		}
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	},
+	table: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `
+        my-3 max-w-full overflow-x-auto rounded-berget-xs border-berget-border
+      `,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+			...props,
+			className: `w-full border-collapse text-sm`
+		})
+	}),
+	thead: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.thead, {
+		...props,
+		className: `bg-muted/50`
+	}),
+	th: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.th, {
+		...props,
+		className: `border-b-berget-border px-3 py-1.5 text-start font-semibold`
+	}),
+	td: (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.defaultComponents.td, {
+		...props,
+		className: `
+      border-b-berget-border px-3 py-1.5
+    `
+	})
+};
+function Markdown({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.Streamdown, {
+		...props,
+		dir: "ltr",
+		components: bergetComponents,
+		className: require_utils.cn("text-caption/relaxed text-berget-foreground", className)
+	});
+}
+Markdown.displayName = "Markdown";
+//#endregion
+exports.Markdown = Markdown;
+
+//# sourceMappingURL=Markdown.cjs.map

package/dist/components/markdown/Markdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.cjs","names":["defaultComponents","React","MarkdownCodeBlock","Streamdown","cn"],"sources":["../../../src/components/markdown/Markdown.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Streamdown, defaultComponents, type Components, type StreamdownProps } from 'streamdown';\nimport { cn } from '../../lib/utils';\nimport { MarkdownCodeBlock } from './MarkdownCodeBlock';\n\n/**\n * Markdown renderer for chat/UI text, built on Streamdown (incomplete-markdown\n * repair during streaming, GFM tables, rehype-sanitize + rehype-harden).\n *\n * Streamdown ships its own Tailwind classes inside its dist files, which\n * consumers' Tailwind builds never scan — so every element is given a full\n * Berget class set here instead of relying on the defaults. Utility classes\n * used below live in this package's own dist, which the shipped `@source`\n * covers for all consumers.\n *\n * Code highlighting reuses the package CodeBlock family and the shared Shiki\n * highlighter (Berget CSS-variable theme). Mermaid/KaTeX are intentionally\n * not enabled.\n */\nconst bergetComponents: Components = {\n  h1: (props) => (\n    <defaultComponents.h1\n      {...props}\n      className={`\n    mt-4 mb-2 text-lg font-semibold\n  `}\n    />\n  ),\n  h2: (props) => (\n    <defaultComponents.h2\n      {...props}\n      className={`\n      mt-4 mb-2 text-base font-semibold\n    `}\n    />\n  ),\n  h3: (props) => (\n    <defaultComponents.h3\n      {...props}\n      className={`\n      mt-3 mb-1.5 text-sm font-semibold\n    `}\n    />\n  ),\n  h4: (props) => (\n    <defaultComponents.h4\n      {...props}\n      className={`\n      mt-3 mb-1.5 text-sm font-semibold\n    `}\n    />\n  ),\n  h5: (props) => (\n    <defaultComponents.h5\n      {...props}\n      className={`\n      mt-3 mb-1.5 text-sm font-semibold\n    `}\n    />\n  ),\n  h6: (props) => (\n    <defaultComponents.h6\n      {...props}\n      className={`\n      mt-3 mb-1.5 text-sm font-semibold\n    `}\n    />\n  ),\n  p: (props) => (\n    <defaultComponents.p\n      {...props}\n      className={`\n        my-2\n        first:mt-0\n        last:mb-0\n      `}\n    />\n  ),\n  ul: (props) => (\n    <defaultComponents.ul\n      {...props}\n      className={`\n        my-2 ms-5 list-disc space-y-1\n        marker:text-berget-muted-foreground\n      `}\n    />\n  ),\n  ol: (props) => (\n    <defaultComponents.ol\n      {...props}\n      className={`\n    my-2 ms-5 list-decimal space-y-1\n  `}\n    />\n  ),\n  li: (props) => <defaultComponents.li {...props} className={`leading-relaxed`} />,\n  del: (props) => <del {...props} className={`line-through`} />,\n  em: (props) => <em {...props} className={`italic`} />,\n  blockquote: (props) => (\n    <defaultComponents.blockquote\n      {...props}\n      className={`\n        my-3 border-berget-border ps-3 text-berget-muted-foreground italic\n      `}\n    />\n  ),\n  hr: (props) => (\n    <defaultComponents.hr\n      {...props}\n      className={`\n    my-4 border-berget-border\n  `}\n    />\n  ),\n  img: (props) => (\n    <defaultComponents.img\n      {...props}\n      className={`my-3 max-w-full rounded-berget-xs border-berget-border`}\n    />\n  ),\n  // Real anchor, not Streamdown's default <button>: links must keep href\n  // semantics (middle-click, new tab). Hardening attrs are added explicitly\n  // since rehype-harden can only act on real anchors.\n  a: ({ node: _node, ...props }) => (\n    <a\n      {...props}\n      target=\"_blank\"\n      rel=\"noopener noreferrer nofollow\"\n      className={`text-berget-primary underline underline-offset-2`}\n    />\n  ),\n  // Inline code only — fenced blocks are consumed by the `pre` override below.\n  code: (props) => (\n    <defaultComponents.code\n      {...props}\n      className={`\n        rounded-berget-xs bg-muted px-1.5 py-0.5 font-mono text-[0.85em]\n      `}\n    />\n  ),\n  // Fenced / indented code: derive code + language from the child code\n  // element and render with the package CodeBlock (highlighting included).\n  pre: ({ children }) => {\n    if (React.isValidElement(children)) {\n      const { className, children: code } = children.props as {\n        className?: string;\n        children?: React.ReactNode;\n      };\n      const language = /language-([\\w+-]+)/.exec(className ?? '')?.[1] ?? 'text';\n      return <MarkdownCodeBlock code={String(code ?? '')} language={language} />;\n    }\n    return <>{children}</>;\n  },\n  table: (props) => (\n    <div\n      className={`\n        my-3 max-w-full overflow-x-auto rounded-berget-xs border-berget-border\n      `}\n    >\n      <table {...props} className={`w-full border-collapse text-sm`} />\n    </div>\n  ),\n  thead: (props) => <defaultComponents.thead {...props} className={`bg-muted/50`} />,\n  th: (props) => (\n    <defaultComponents.th\n      {...props}\n      className={`border-b-berget-border px-3 py-1.5 text-start font-semibold`}\n    />\n  ),\n  td: (props) => (\n    <defaultComponents.td\n      {...props}\n      className={`\n      border-b-berget-border px-3 py-1.5\n    `}\n    />\n  ),\n};\n\ntype MarkdownProps = Omit<StreamdownProps, 'components' | 'plugins' | 'dir' | 'prefix'>;\nexport type { MarkdownProps };\n\nexport function Markdown({ className, ...props }: MarkdownProps) {\n  return (\n    <Streamdown\n      {...props}\n      dir=\"ltr\"\n      components={bergetComponents}\n      className={cn('text-caption/relaxed text-berget-foreground', className)}\n    />\n  );\n}\n\nMarkdown.displayName = 'Markdown';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,mBAA+B;CACnC,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,IAAI,UACF,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,GAAnB;EACE,GAAI;EACJ,WAAW;;;;;CAKZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;;CAIZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EAAsB,GAAI;EAAO,WAAW;CAAoB,CAAA;CAC/E,MAAM,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,GAAI;EAAO,WAAW;CAAiB,CAAA;CAC5D,KAAK,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAI,GAAI;EAAO,WAAW;CAAW,CAAA;CACpD,aAAa,UACX,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,YAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,MAAM,UACJ,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,KAAnB;EACE,GAAI;EACJ,WAAW;CACZ,CAAA;CAKH,IAAI,EAAE,MAAM,OAAO,GAAG,YACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACJ,QAAO;EACP,KAAI;EACJ,WAAW;CACZ,CAAA;CAGH,OAAO,UACL,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,MAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAIH,MAAM,EAAE,eAAe;EACrB,IAAIC,MAAM,eAAe,QAAQ,GAAG;GAClC,MAAM,EAAE,WAAW,UAAU,SAAS,SAAS;GAI/C,MAAM,WAAW,qBAAqB,KAAK,aAAa,EAAE,CAAC,GAAG,MAAM;GACpE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;IAAmB,MAAM,OAAO,QAAQ,EAAE;IAAa;GAAW,CAAA;EAC3E;EACA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAG,SAAW,CAAA;CACvB;CACA,QAAQ,UACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW;;;EAIX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;GAAO,GAAI;GAAO,WAAW;EAAmC,CAAA;CAC7D,CAAA;CAEP,QAAQ,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACF,WAAAA,kBAAkB,OAAnB;EAAyB,GAAI;EAAO,WAAW;CAAgB,CAAA;CACjF,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;CACZ,CAAA;CAEH,KAAK,UACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,WAAAA,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;AAEL;AAKA,SAAgB,SAAS,EAAE,WAAW,GAAG,SAAwB;CAC/D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,WAAAA,YAAD;EACE,GAAI;EACJ,KAAI;EACJ,YAAY;EACZ,WAAWC,cAAAA,GAAG,+CAA+C,SAAS;CACvE,CAAA;AAEL;AAEA,SAAS,cAAc"}

package/dist/components/markdown/Markdown.d.cts

@@ -0,0 +1,10 @@
+import { StreamdownProps } from "streamdown";
+//#region src/components/markdown/Markdown.d.ts
+type MarkdownProps = Omit<StreamdownProps, 'components' | 'plugins' | 'dir' | 'prefix'>;
+export declare function Markdown({ className, ...props }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Markdown {
+  var displayName: string;
+}
+//#endregion
+export type { MarkdownProps };
+//# sourceMappingURL=Markdown.d.cts.map

package/dist/components/markdown/Markdown.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.cts","names":[],"sources":["../../../src/components/markdown/Markdown.tsx"],"mappings":";;KAqLK,gBAAgB,KAAK;wBAGV,WAAW,cAAc,SAAS,4CAAa,IAAA;yBAA/C"}

package/dist/components/markdown/Markdown.d.mts

@@ -0,0 +1,10 @@
+import { StreamdownProps } from "streamdown";
+//#region src/components/markdown/Markdown.d.ts
+type MarkdownProps = Omit<StreamdownProps, 'components' | 'plugins' | 'dir' | 'prefix'>;
+export declare function Markdown({ className, ...props }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Markdown {
+  var displayName: string;
+}
+//#endregion
+export type { MarkdownProps };
+//# sourceMappingURL=Markdown.d.mts.map

package/dist/components/markdown/Markdown.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.mts","names":[],"sources":["../../../src/components/markdown/Markdown.tsx"],"mappings":";;KAqLK,gBAAgB,KAAK;wBAGV,WAAW,cAAc,SAAS,4CAAa,IAAA;yBAA/C"}

package/dist/components/markdown/Markdown.mjs

@@ -0,0 +1,167 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { MarkdownCodeBlock } from "./MarkdownCodeBlock.mjs";
+import * as React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Streamdown, defaultComponents } from "streamdown";
+//#region src/components/markdown/Markdown.tsx
+/**
+* Markdown renderer for chat/UI text, built on Streamdown (incomplete-markdown
+* repair during streaming, GFM tables, rehype-sanitize + rehype-harden).
+*
+* Streamdown ships its own Tailwind classes inside its dist files, which
+* consumers' Tailwind builds never scan — so every element is given a full
+* Berget class set here instead of relying on the defaults. Utility classes
+* used below live in this package's own dist, which the shipped `@source`
+* covers for all consumers.
+*
+* Code highlighting reuses the package CodeBlock family and the shared Shiki
+* highlighter (Berget CSS-variable theme). Mermaid/KaTeX are intentionally
+* not enabled.
+*/
+const bergetComponents = {
+	h1: (props) => /* @__PURE__ */ jsx(defaultComponents.h1, {
+		...props,
+		className: `
+    mt-4 mb-2 text-lg font-semibold
+  `
+	}),
+	h2: (props) => /* @__PURE__ */ jsx(defaultComponents.h2, {
+		...props,
+		className: `
+      mt-4 mb-2 text-base font-semibold
+    `
+	}),
+	h3: (props) => /* @__PURE__ */ jsx(defaultComponents.h3, {
+		...props,
+		className: `
+      mt-3 mb-1.5 text-sm font-semibold
+    `
+	}),
+	h4: (props) => /* @__PURE__ */ jsx(defaultComponents.h4, {
+		...props,
+		className: `
+      mt-3 mb-1.5 text-sm font-semibold
+    `
+	}),
+	h5: (props) => /* @__PURE__ */ jsx(defaultComponents.h5, {
+		...props,
+		className: `
+      mt-3 mb-1.5 text-sm font-semibold
+    `
+	}),
+	h6: (props) => /* @__PURE__ */ jsx(defaultComponents.h6, {
+		...props,
+		className: `
+      mt-3 mb-1.5 text-sm font-semibold
+    `
+	}),
+	p: (props) => /* @__PURE__ */ jsx(defaultComponents.p, {
+		...props,
+		className: `
+        my-2
+        first:mt-0
+        last:mb-0
+      `
+	}),
+	ul: (props) => /* @__PURE__ */ jsx(defaultComponents.ul, {
+		...props,
+		className: `
+        my-2 ms-5 list-disc space-y-1
+        marker:text-berget-muted-foreground
+      `
+	}),
+	ol: (props) => /* @__PURE__ */ jsx(defaultComponents.ol, {
+		...props,
+		className: `
+    my-2 ms-5 list-decimal space-y-1
+  `
+	}),
+	li: (props) => /* @__PURE__ */ jsx(defaultComponents.li, {
+		...props,
+		className: `leading-relaxed`
+	}),
+	del: (props) => /* @__PURE__ */ jsx("del", {
+		...props,
+		className: `line-through`
+	}),
+	em: (props) => /* @__PURE__ */ jsx("em", {
+		...props,
+		className: `italic`
+	}),
+	blockquote: (props) => /* @__PURE__ */ jsx(defaultComponents.blockquote, {
+		...props,
+		className: `
+        my-3 border-berget-border ps-3 text-berget-muted-foreground italic
+      `
+	}),
+	hr: (props) => /* @__PURE__ */ jsx(defaultComponents.hr, {
+		...props,
+		className: `
+    my-4 border-berget-border
+  `
+	}),
+	img: (props) => /* @__PURE__ */ jsx(defaultComponents.img, {
+		...props,
+		className: `my-3 max-w-full rounded-berget-xs border-berget-border`
+	}),
+	a: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("a", {
+		...props,
+		target: "_blank",
+		rel: "noopener noreferrer nofollow",
+		className: `text-berget-primary underline underline-offset-2`
+	}),
+	code: (props) => /* @__PURE__ */ jsx(defaultComponents.code, {
+		...props,
+		className: `
+        rounded-berget-xs bg-muted px-1.5 py-0.5 font-mono text-[0.85em]
+      `
+	}),
+	pre: ({ children }) => {
+		if (React.isValidElement(children)) {
+			const { className, children: code } = children.props;
+			const language = /language-([\w+-]+)/.exec(className ?? "")?.[1] ?? "text";
+			return /* @__PURE__ */ jsx(MarkdownCodeBlock, {
+				code: String(code ?? ""),
+				language
+			});
+		}
+		return /* @__PURE__ */ jsx(Fragment, { children });
+	},
+	table: (props) => /* @__PURE__ */ jsx("div", {
+		className: `
+        my-3 max-w-full overflow-x-auto rounded-berget-xs border-berget-border
+      `,
+		children: /* @__PURE__ */ jsx("table", {
+			...props,
+			className: `w-full border-collapse text-sm`
+		})
+	}),
+	thead: (props) => /* @__PURE__ */ jsx(defaultComponents.thead, {
+		...props,
+		className: `bg-muted/50`
+	}),
+	th: (props) => /* @__PURE__ */ jsx(defaultComponents.th, {
+		...props,
+		className: `border-b-berget-border px-3 py-1.5 text-start font-semibold`
+	}),
+	td: (props) => /* @__PURE__ */ jsx(defaultComponents.td, {
+		...props,
+		className: `
+      border-b-berget-border px-3 py-1.5
+    `
+	})
+};
+function Markdown({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Streamdown, {
+		...props,
+		dir: "ltr",
+		components: bergetComponents,
+		className: cn("text-caption/relaxed text-berget-foreground", className)
+	});
+}
+Markdown.displayName = "Markdown";
+//#endregion
+export { Markdown };
+
+//# sourceMappingURL=Markdown.mjs.map

package/dist/components/markdown/Markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.mjs","names":[],"sources":["../../../src/components/markdown/Markdown.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Streamdown, defaultComponents, type Components, type StreamdownProps } from 'streamdown';\nimport { cn } from '../../lib/utils';\nimport { MarkdownCodeBlock } from './MarkdownCodeBlock';\n\n/**\n * Markdown renderer for chat/UI text, built on Streamdown (incomplete-markdown\n * repair during streaming, GFM tables, rehype-sanitize + rehype-harden).\n *\n * Streamdown ships its own Tailwind classes inside its dist files, which\n * consumers' Tailwind builds never scan — so every element is given a full\n * Berget class set here instead of relying on the defaults. Utility classes\n * used below live in this package's own dist, which the shipped `@source`\n * covers for all consumers.\n *\n * Code highlighting reuses the package CodeBlock family and the shared Shiki\n * highlighter (Berget CSS-variable theme). Mermaid/KaTeX are intentionally\n * not enabled.\n */\nconst bergetComponents: Components = {\n  h1: (props) => (\n    <defaultComponents.h1\n      {...props}\n      className={`\n    mt-4 mb-2 text-lg font-semibold\n  `}\n    />\n  ),\n  h2: (props) => (\n    <defaultComponents.h2\n      {...props}\n      className={`\n      mt-4 mb-2 text-base font-semibold\n    `}\n    />\n  ),\n  h3: (props) => (\n    <defaultComponents.h3\n      {...props}\n      className={`\n      mt-3 mb-1.5 text-sm font-semibold\n    `}\n    />\n  ),\n  h4: (props) => (\n    <defaultComponents.h4\n      {...props}\n      className={`\n      mt-3 mb-1.5 text-sm font-semibold\n    `}\n    />\n  ),\n  h5: (props) => (\n    <defaultComponents.h5\n      {...props}\n      className={`\n      mt-3 mb-1.5 text-sm font-semibold\n    `}\n    />\n  ),\n  h6: (props) => (\n    <defaultComponents.h6\n      {...props}\n      className={`\n      mt-3 mb-1.5 text-sm font-semibold\n    `}\n    />\n  ),\n  p: (props) => (\n    <defaultComponents.p\n      {...props}\n      className={`\n        my-2\n        first:mt-0\n        last:mb-0\n      `}\n    />\n  ),\n  ul: (props) => (\n    <defaultComponents.ul\n      {...props}\n      className={`\n        my-2 ms-5 list-disc space-y-1\n        marker:text-berget-muted-foreground\n      `}\n    />\n  ),\n  ol: (props) => (\n    <defaultComponents.ol\n      {...props}\n      className={`\n    my-2 ms-5 list-decimal space-y-1\n  `}\n    />\n  ),\n  li: (props) => <defaultComponents.li {...props} className={`leading-relaxed`} />,\n  del: (props) => <del {...props} className={`line-through`} />,\n  em: (props) => <em {...props} className={`italic`} />,\n  blockquote: (props) => (\n    <defaultComponents.blockquote\n      {...props}\n      className={`\n        my-3 border-berget-border ps-3 text-berget-muted-foreground italic\n      `}\n    />\n  ),\n  hr: (props) => (\n    <defaultComponents.hr\n      {...props}\n      className={`\n    my-4 border-berget-border\n  `}\n    />\n  ),\n  img: (props) => (\n    <defaultComponents.img\n      {...props}\n      className={`my-3 max-w-full rounded-berget-xs border-berget-border`}\n    />\n  ),\n  // Real anchor, not Streamdown's default <button>: links must keep href\n  // semantics (middle-click, new tab). Hardening attrs are added explicitly\n  // since rehype-harden can only act on real anchors.\n  a: ({ node: _node, ...props }) => (\n    <a\n      {...props}\n      target=\"_blank\"\n      rel=\"noopener noreferrer nofollow\"\n      className={`text-berget-primary underline underline-offset-2`}\n    />\n  ),\n  // Inline code only — fenced blocks are consumed by the `pre` override below.\n  code: (props) => (\n    <defaultComponents.code\n      {...props}\n      className={`\n        rounded-berget-xs bg-muted px-1.5 py-0.5 font-mono text-[0.85em]\n      `}\n    />\n  ),\n  // Fenced / indented code: derive code + language from the child code\n  // element and render with the package CodeBlock (highlighting included).\n  pre: ({ children }) => {\n    if (React.isValidElement(children)) {\n      const { className, children: code } = children.props as {\n        className?: string;\n        children?: React.ReactNode;\n      };\n      const language = /language-([\\w+-]+)/.exec(className ?? '')?.[1] ?? 'text';\n      return <MarkdownCodeBlock code={String(code ?? '')} language={language} />;\n    }\n    return <>{children}</>;\n  },\n  table: (props) => (\n    <div\n      className={`\n        my-3 max-w-full overflow-x-auto rounded-berget-xs border-berget-border\n      `}\n    >\n      <table {...props} className={`w-full border-collapse text-sm`} />\n    </div>\n  ),\n  thead: (props) => <defaultComponents.thead {...props} className={`bg-muted/50`} />,\n  th: (props) => (\n    <defaultComponents.th\n      {...props}\n      className={`border-b-berget-border px-3 py-1.5 text-start font-semibold`}\n    />\n  ),\n  td: (props) => (\n    <defaultComponents.td\n      {...props}\n      className={`\n      border-b-berget-border px-3 py-1.5\n    `}\n    />\n  ),\n};\n\ntype MarkdownProps = Omit<StreamdownProps, 'components' | 'plugins' | 'dir' | 'prefix'>;\nexport type { MarkdownProps };\n\nexport function Markdown({ className, ...props }: MarkdownProps) {\n  return (\n    <Streamdown\n      {...props}\n      dir=\"ltr\"\n      components={bergetComponents}\n      className={cn('text-caption/relaxed text-berget-foreground', className)}\n    />\n  );\n}\n\nMarkdown.displayName = 'Markdown';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,mBAA+B;CACnC,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,IAAI,UACF,oBAAC,kBAAkB,GAAnB;EACE,GAAI;EACJ,WAAW;;;;;CAKZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;;CAIZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UAAU,oBAAC,kBAAkB,IAAnB;EAAsB,GAAI;EAAO,WAAW;CAAoB,CAAA;CAC/E,MAAM,UAAU,oBAAC,OAAD;EAAK,GAAI;EAAO,WAAW;CAAiB,CAAA;CAC5D,KAAK,UAAU,oBAAC,MAAD;EAAI,GAAI;EAAO,WAAW;CAAW,CAAA;CACpD,aAAa,UACX,oBAAC,kBAAkB,YAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAEH,MAAM,UACJ,oBAAC,kBAAkB,KAAnB;EACE,GAAI;EACJ,WAAW;CACZ,CAAA;CAKH,IAAI,EAAE,MAAM,OAAO,GAAG,YACpB,oBAAC,KAAD;EACE,GAAI;EACJ,QAAO;EACP,KAAI;EACJ,WAAW;CACZ,CAAA;CAGH,OAAO,UACL,oBAAC,kBAAkB,MAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;CAIH,MAAM,EAAE,eAAe;EACrB,IAAI,MAAM,eAAe,QAAQ,GAAG;GAClC,MAAM,EAAE,WAAW,UAAU,SAAS,SAAS;GAI/C,MAAM,WAAW,qBAAqB,KAAK,aAAa,EAAE,CAAC,GAAG,MAAM;GACpE,OAAO,oBAAC,mBAAD;IAAmB,MAAM,OAAO,QAAQ,EAAE;IAAa;GAAW,CAAA;EAC3E;EACA,OAAO,oBAAA,UAAA,EAAG,SAAW,CAAA;CACvB;CACA,QAAQ,UACN,oBAAC,OAAD;EACE,WAAW;;;EAIX,UAAA,oBAAC,SAAD;GAAO,GAAI;GAAO,WAAW;EAAmC,CAAA;CAC7D,CAAA;CAEP,QAAQ,UAAU,oBAAC,kBAAkB,OAAnB;EAAyB,GAAI;EAAO,WAAW;CAAgB,CAAA;CACjF,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;CACZ,CAAA;CAEH,KAAK,UACH,oBAAC,kBAAkB,IAAnB;EACE,GAAI;EACJ,WAAW;;;CAGZ,CAAA;AAEL;AAKA,SAAgB,SAAS,EAAE,WAAW,GAAG,SAAwB;CAC/D,OACE,oBAAC,YAAD;EACE,GAAI;EACJ,KAAI;EACJ,YAAY;EACZ,WAAW,GAAG,+CAA+C,SAAS;CACvE,CAAA;AAEL;AAEA,SAAS,cAAc"}

package/dist/components/markdown/MarkdownCodeBlock.cjs

@@ -0,0 +1,25 @@
+"use client";
+const require_code_block = require("../../primitives/code-block.cjs");
+const require_CodeBlock = require("../code-block/CodeBlock.cjs");
+const require_use_highlighted_code = require("../../hooks/use-highlighted-code.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/markdown/MarkdownCodeBlock.tsx
+/**
+* Fenced code block inside rendered markdown. Reuses the package CodeBlock
+* composition (Berget tokens) and the shared Shiki highlighter so markdown
+* code highlighting matches the rest of the design system.
+*/
+function MarkdownCodeBlock({ code, language }) {
+	const lines = require_use_highlighted_code.useHighlightedCode(code, language);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_CodeBlock.CodeBlock, {
+		className: "my-3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_CodeBlock.CodeBlockHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CodeBlock.CodeBlockTitle, { children: language }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_code_block.CodeBlockActions, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_code_block.CodeBlockCopyButton, { value: code }) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_code_block.CodeBlockContent, {
+			lineNumbers: false,
+			children: lines.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_code_block.CodeBlockLine, { children: line }, index))
+		})]
+	});
+}
+//#endregion
+exports.MarkdownCodeBlock = MarkdownCodeBlock;
+
+//# sourceMappingURL=MarkdownCodeBlock.cjs.map

package/dist/components/markdown/MarkdownCodeBlock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCodeBlock.cjs","names":["useHighlightedCode","CodeBlock","CodeBlockHeader","CodeBlockTitle","CodeBlockActions","CodeBlockCopyButton","CodeBlockContent","CodeBlockLine"],"sources":["../../../src/components/markdown/MarkdownCodeBlock.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CodeBlock,\n  CodeBlockActions,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockHeader,\n  CodeBlockLine,\n  CodeBlockTitle,\n} from '../code-block';\nimport { useHighlightedCode } from '../../hooks/use-highlighted-code';\n\n/**\n * Fenced code block inside rendered markdown. Reuses the package CodeBlock\n * composition (Berget tokens) and the shared Shiki highlighter so markdown\n * code highlighting matches the rest of the design system.\n */\nexport function MarkdownCodeBlock({ code, language }: { code: string; language: string }) {\n  const lines = useHighlightedCode(code, language);\n\n  return (\n    <CodeBlock className=\"my-3\">\n      <CodeBlockHeader>\n        <CodeBlockTitle>{language}</CodeBlockTitle>\n        <CodeBlockActions>\n          <CodeBlockCopyButton value={code} />\n        </CodeBlockActions>\n      </CodeBlockHeader>\n      <CodeBlockContent lineNumbers={false}>\n        {lines.map((line, index) => (\n          <CodeBlockLine key={index}>{line}</CodeBlockLine>\n        ))}\n      </CodeBlockContent>\n    </CodeBlock>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAgB,kBAAkB,EAAE,MAAM,YAAgD;CACxF,MAAM,QAAQA,6BAAAA,mBAAmB,MAAM,QAAQ;CAE/C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,WAAD;EAAW,WAAU;EAArB,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,iBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,gBAAD,EAAA,UAAiB,SAAyB,CAAA,GAC1C,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,kBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,qBAAD,EAAqB,OAAO,KAAO,CAAA,EACnB,CAAA,CACH,EAAA,CAAA,GACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,kBAAD;GAAkB,aAAa;GAC5B,UAAA,MAAM,KAAK,MAAM,UAChB,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,eAAD,EAAA,UAA4B,KAAoB,GAA5B,KAA4B,CACjD;EACe,CAAA,CACT;;AAEf"}

package/dist/components/markdown/MarkdownCodeBlock.d.cts

@@ -0,0 +1,12 @@
+//#region src/components/markdown/MarkdownCodeBlock.d.ts
+/**
+ * Fenced code block inside rendered markdown. Reuses the package CodeBlock
+ * composition (Berget tokens) and the shared Shiki highlighter so markdown
+ * code highlighting matches the rest of the design system.
+ */
+export declare function MarkdownCodeBlock({ code, language }: {
+  code: string;
+  language: string;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=MarkdownCodeBlock.d.cts.map

package/dist/components/markdown/MarkdownCodeBlock.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCodeBlock.d.cts","names":[],"sources":["../../../src/components/markdown/MarkdownCodeBlock.tsx"],"mappings":";;;;;;wBAkBgB,oBAAoB,MAAM;EAAc;EAAc;gCAAkB,IAAA"}

package/dist/components/markdown/MarkdownCodeBlock.d.mts

@@ -0,0 +1,12 @@
+//#region src/components/markdown/MarkdownCodeBlock.d.ts
+/**
+ * Fenced code block inside rendered markdown. Reuses the package CodeBlock
+ * composition (Berget tokens) and the shared Shiki highlighter so markdown
+ * code highlighting matches the rest of the design system.
+ */
+export declare function MarkdownCodeBlock({ code, language }: {
+  code: string;
+  language: string;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=MarkdownCodeBlock.d.mts.map

package/dist/components/markdown/MarkdownCodeBlock.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCodeBlock.d.mts","names":[],"sources":["../../../src/components/markdown/MarkdownCodeBlock.tsx"],"mappings":";;;;;;wBAkBgB,oBAAoB,MAAM;EAAc;EAAc;gCAAkB,IAAA"}

package/dist/components/markdown/MarkdownCodeBlock.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockLine } from "../../primitives/code-block.mjs";
+import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "../code-block/CodeBlock.mjs";
+import { useHighlightedCode } from "../../hooks/use-highlighted-code.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/markdown/MarkdownCodeBlock.tsx
+/**
+* Fenced code block inside rendered markdown. Reuses the package CodeBlock
+* composition (Berget tokens) and the shared Shiki highlighter so markdown
+* code highlighting matches the rest of the design system.
+*/
+function MarkdownCodeBlock({ code, language }) {
+	const lines = useHighlightedCode(code, language);
+	return /* @__PURE__ */ jsxs(CodeBlock, {
+		className: "my-3",
+		children: [/* @__PURE__ */ jsxs(CodeBlockHeader, { children: [/* @__PURE__ */ jsx(CodeBlockTitle, { children: language }), /* @__PURE__ */ jsx(CodeBlockActions, { children: /* @__PURE__ */ jsx(CodeBlockCopyButton, { value: code }) })] }), /* @__PURE__ */ jsx(CodeBlockContent, {
+			lineNumbers: false,
+			children: lines.map((line, index) => /* @__PURE__ */ jsx(CodeBlockLine, { children: line }, index))
+		})]
+	});
+}
+//#endregion
+export { MarkdownCodeBlock };
+
+//# sourceMappingURL=MarkdownCodeBlock.mjs.map

package/dist/components/markdown/MarkdownCodeBlock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCodeBlock.mjs","names":[],"sources":["../../../src/components/markdown/MarkdownCodeBlock.tsx"],"sourcesContent":["'use client';\n\nimport {\n  CodeBlock,\n  CodeBlockActions,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockHeader,\n  CodeBlockLine,\n  CodeBlockTitle,\n} from '../code-block';\nimport { useHighlightedCode } from '../../hooks/use-highlighted-code';\n\n/**\n * Fenced code block inside rendered markdown. Reuses the package CodeBlock\n * composition (Berget tokens) and the shared Shiki highlighter so markdown\n * code highlighting matches the rest of the design system.\n */\nexport function MarkdownCodeBlock({ code, language }: { code: string; language: string }) {\n  const lines = useHighlightedCode(code, language);\n\n  return (\n    <CodeBlock className=\"my-3\">\n      <CodeBlockHeader>\n        <CodeBlockTitle>{language}</CodeBlockTitle>\n        <CodeBlockActions>\n          <CodeBlockCopyButton value={code} />\n        </CodeBlockActions>\n      </CodeBlockHeader>\n      <CodeBlockContent lineNumbers={false}>\n        {lines.map((line, index) => (\n          <CodeBlockLine key={index}>{line}</CodeBlockLine>\n        ))}\n      </CodeBlockContent>\n    </CodeBlock>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAgB,kBAAkB,EAAE,MAAM,YAAgD;CACxF,MAAM,QAAQ,mBAAmB,MAAM,QAAQ;CAE/C,OACE,qBAAC,WAAD;EAAW,WAAU;EAArB,UAAA,CACE,qBAAC,iBAAD,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAA,UAAiB,SAAyB,CAAA,GAC1C,oBAAC,kBAAD,EAAA,UACE,oBAAC,qBAAD,EAAqB,OAAO,KAAO,CAAA,EACnB,CAAA,CACH,EAAA,CAAA,GACjB,oBAAC,kBAAD;GAAkB,aAAa;GAC5B,UAAA,MAAM,KAAK,MAAM,UAChB,oBAAC,eAAD,EAAA,UAA4B,KAAoB,GAA5B,KAA4B,CACjD;EACe,CAAA,CACT;;AAEf"}

package/dist/components/markdown/index.d.cts

@@ -0,0 +1,3 @@
+import { Markdown, MarkdownProps } from "./Markdown.cjs";
+import { MarkdownCodeBlock } from "./MarkdownCodeBlock.cjs";
+export { Markdown, MarkdownCodeBlock, type MarkdownProps };

package/dist/components/markdown/index.d.mts

@@ -0,0 +1,3 @@
+import { Markdown, MarkdownProps } from "./Markdown.mjs";
+import { MarkdownCodeBlock } from "./MarkdownCodeBlock.mjs";
+export { Markdown, MarkdownCodeBlock, type MarkdownProps };

package/dist/index.cjs

@@ -66,6 +66,8 @@ const require_code_block = require("./primitives/code-block.cjs");
 const require_CodeBlock = require("./components/code-block/CodeBlock.cjs");
 const require_use_highlighted_code = require("./hooks/use-highlighted-code.cjs");
 const require_WindowFrame = require("./components/window-frame/WindowFrame.cjs");
+const require_MarkdownCodeBlock = require("./components/markdown/MarkdownCodeBlock.cjs");
+const require_Markdown = require("./components/markdown/Markdown.cjs");
 const require_FogIllustration = require("./components/fog-illustration/FogIllustration.cjs");
 let _shadcn_react_message_scroller = require("@shadcn/react/message-scroller");
 exports.Alert = require_Alert.Alert;
@@ -197,6 +199,8 @@ exports.Link = require_Link.Link;
 exports.List = require_List.List;
 exports.ListHeader = require_List.ListHeader;
 exports.ListItem = require_List.ListItem;
+exports.Markdown = require_Markdown.Markdown;
+exports.MarkdownCodeBlock = require_MarkdownCodeBlock.MarkdownCodeBlock;
 exports.Message = require_message.Message;
 exports.MessageAvatar = require_message.MessageAvatar;
 exports.MessageContent = require_message.MessageContent;

package/dist/index.d.cts

@@ -114,5 +114,8 @@ import { TerminalExample } from "./lib/terminal.cjs";
 import { cn } from "./lib/utils.cjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.cjs";
 import "./components/window-frame/index.cjs";
+import { Markdown, MarkdownProps } from "./components/markdown/Markdown.cjs";
+import { MarkdownCodeBlock } from "./components/markdown/MarkdownCodeBlock.cjs";
+import "./components/markdown/index.cjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.cjs";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Markdown, MarkdownCodeBlock, type MarkdownProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };

package/dist/index.d.mts

@@ -114,5 +114,8 @@ import { TerminalExample } from "./lib/terminal.mjs";
 import { cn } from "./lib/utils.mjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.mjs";
 import "./components/window-frame/index.mjs";
+import { Markdown, MarkdownProps } from "./components/markdown/Markdown.mjs";
+import { MarkdownCodeBlock } from "./components/markdown/MarkdownCodeBlock.mjs";
+import "./components/markdown/index.mjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.mjs";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Markdown, MarkdownCodeBlock, type MarkdownProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };

package/dist/index.mjs

@@ -65,5 +65,7 @@ import { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFoote
 import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./components/code-block/CodeBlock.mjs";
 import { useHighlightedCode } from "./hooks/use-highlighted-code.mjs";
 import { WindowFrame } from "./components/window-frame/WindowFrame.mjs";
+import { MarkdownCodeBlock } from "./components/markdown/MarkdownCodeBlock.mjs";
+import { Markdown } from "./components/markdown/Markdown.mjs";
 import { FOG_BRAND_PALETTE, FogIllustration } from "./components/fog-illustration/FogIllustration.mjs";
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Anchor, Badge, BergetLogo, Box, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, ComposerSubmit, ComposerTextarea, Container, CountrySelect, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, Grid, Icon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, ModelLogo, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, WindowFrame, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Anchor, Badge, BergetLogo, Box, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, ComposerSubmit, ComposerTextarea, Container, CountrySelect, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, Grid, Icon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, Markdown, MarkdownCodeBlock, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, ModelLogo, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, WindowFrame, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bergetai/ui",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
   "type": "module",
   "license": "MIT",
@@ -53,6 +53,7 @@
     "cmdk": "^1.1.1",
     "cn": "^0.2.4",
     "shadcn": "^4.22.1",
+    "streamdown": "^2.7.1",
     "tailwind-merge": "^3.5.0"
   },
   "peerDependencies": {