@bergetai/ui 0.20.1 → 0.22.0

package/dist/components/dropdown-menu/DropdownMenu.d.cts

@@ -14,8 +14,8 @@ type DropdownMenuSubTriggerProps = Omit<React.ComponentProps<typeof DropdownMenu
   asChild?: boolean;
 };
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DropdownMenuItemProps = Omit<React.ComponentProps<typeof DropdownMenuItem$1>, 'className' | 'render' | 'label'> & {
   className?: string;
   inset?: boolean;

package/dist/components/dropdown-menu/DropdownMenu.d.mts

@@ -14,8 +14,8 @@ type DropdownMenuSubTriggerProps = Omit<React.ComponentProps<typeof DropdownMenu
   asChild?: boolean;
 };
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DropdownMenuItemProps = Omit<React.ComponentProps<typeof DropdownMenuItem$1>, 'className' | 'render' | 'label'> & {
   className?: string;
   inset?: boolean;

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":"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"}

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/components/tooltip/Tooltip.d.cts

@@ -8,7 +8,7 @@ export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigge
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.cts.map

package/dist/components/tooltip/Tooltip.d.mts

@@ -8,7 +8,7 @@ export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigge
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.mts.map

package/dist/components/trace/index.cjs

@@ -0,0 +1,46 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_trace = require("../../primitives/trace.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/trace/index.tsx
+function TraceLine({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceLine, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceDescription, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleTrigger({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceCollapsibleTrigger, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleContent({ children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceCollapsibleContent, {
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "block text-berget-trace-fg",
+			children
+		})
+	});
+}
+//#endregion
+exports.Trace = require_trace.Trace;
+exports.TraceCollapsible = require_trace.TraceCollapsible;
+exports.TraceCollapsibleContent = TraceCollapsibleContent;
+exports.TraceCollapsibleTrigger = TraceCollapsibleTrigger;
+exports.TraceDescription = TraceDescription;
+exports.TraceIcon = require_trace.TraceIcon;
+exports.TraceLine = TraceLine;
+exports.TraceTitle = require_trace.TraceTitle;
+
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["TraceLinePrimitive","cn","TraceDescriptionPrimitive","TraceCollapsibleTriggerPrimitive","TraceCollapsibleContentPrimitive"],"sources":["../../../src/components/trace/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Trace,\n  TraceIcon,\n  TraceTitle,\n  TraceCollapsible,\n  TraceCollapsibleTrigger as TraceCollapsibleTriggerPrimitive,\n  TraceLine as TraceLinePrimitive,\n  TraceDescription as TraceDescriptionPrimitive,\n  TraceCollapsibleContent as TraceCollapsibleContentPrimitive,\n} from '../../primitives/trace';\n\ntype TraceLineProps = React.ComponentProps<typeof TraceLinePrimitive>;\ntype TraceDescriptionProps = React.ComponentProps<typeof TraceDescriptionPrimitive>;\ntype TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTriggerPrimitive>;\ntype TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContentPrimitive>;\n\n/*\n * Reasoning lines read as secondary information. The shadcn bridge maps\n * muted-foreground to full Peak, so trace parts carry an explicit dimmer\n * token (--berget-trace-fg) instead of the primitive's default color.\n */\nfunction TraceLine({ className, ...props }: TraceLineProps) {\n  return <TraceLinePrimitive className={cn('text-berget-trace-fg', className)} {...props} />;\n}\n\nfunction TraceDescription({ className, ...props }: TraceDescriptionProps) {\n  return <TraceDescriptionPrimitive className={cn('text-berget-trace-fg', className)} {...props} />;\n}\n\nfunction TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps) {\n  return (\n    <TraceCollapsibleTriggerPrimitive\n      className={cn('text-berget-trace-fg', className)}\n      {...props}\n    />\n  );\n}\n\n/* The primitive's content panel hardcodes the bridge color and doesn't\n   forward className, so the color is set on a block inside the panel. */\nfunction TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps) {\n  return (\n    <TraceCollapsibleContentPrimitive {...props}>\n      <span className=\"block text-berget-trace-fg\">{children}</span>\n    </TraceCollapsibleContentPrimitive>\n  );\n}\n\nexport {\n  Trace,\n  TraceLine,\n  TraceIcon,\n  TraceTitle,\n  TraceDescription,\n  TraceCollapsible,\n  TraceCollapsibleTrigger,\n  TraceCollapsibleContent,\n};\n"],"mappings":";;;;;;;;AAyBA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;CAC1D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,WAAD;EAAoB,WAAWC,cAAAA,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC3F;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgC;CACxE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD;EAA2B,WAAWD,cAAAA,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAClG;AAEA,SAAS,wBAAwB,EAAE,WAAW,GAAG,SAAuC;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,yBAAD;EACE,WAAWF,cAAAA,GAAG,wBAAwB,SAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,wBAAwB,EAAE,UAAU,GAAG,SAAuC;CACrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,cAAAA,yBAAD;EAAkC,GAAI;EACpC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAA8B;EAAe,CAAA;CAC7B,CAAA;AAEtC"}

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

@@ -0,0 +1,14 @@
+import { Trace, TraceCollapsible, TraceCollapsibleContent as TraceCollapsibleContent$1, TraceCollapsibleTrigger as TraceCollapsibleTrigger$1, TraceDescription as TraceDescription$1, TraceIcon, TraceLine as TraceLine$1, TraceTitle } from "../../primitives/trace.cjs";
+import * as React from "react";
+//#region src/components/trace/index.d.ts
+type TraceLineProps = React.ComponentProps<typeof TraceLine$1>;
+type TraceDescriptionProps = React.ComponentProps<typeof TraceDescription$1>;
+type TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTrigger$1>;
+type TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContent$1>;
+declare function TraceLine({ className, ...props }: TraceLineProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceDescription({ className, ...props }: TraceDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+//# sourceMappingURL=index.d.cts.map