mdx-artifacts 0.1.2 → 0.2.0

package/dist/lib/react/legacy/LegacyContentComponents.d.ts

@@ -0,0 +1,65 @@
+import { type ReactNode } from "react";
+import { type ContentItemEmphasis, type ContentItemTone, type ContentSetColumns, type ContentSetSurface } from "../composites/content-set/ContentItem";
+type LegacyListValue = ReactNode[] | readonly ReactNode[];
+export type DecisionMatrixOptionProps = {
+    id?: string;
+    title?: string;
+    name?: string;
+    badge?: string;
+    summary?: string;
+    verdict?: string;
+    confidence?: string;
+    pros?: LegacyListValue;
+    cons?: LegacyListValue;
+    risks?: LegacyListValue;
+    tone?: ContentItemTone;
+    emphasis?: ContentItemEmphasis;
+    children?: ReactNode;
+};
+export type DecisionMatrixProps = {
+    id?: string;
+    title?: string;
+    question?: string;
+    options?: DecisionMatrixOptionProps[];
+    columns?: ContentSetColumns;
+    surface?: ContentSetSurface;
+    tone?: ContentItemTone;
+    emphasis?: ContentItemEmphasis;
+    className?: string;
+    children?: ReactNode;
+};
+export type OptionGridItemProps = {
+    id?: string;
+    title?: string;
+    name?: string;
+    badge?: string;
+    summary?: string;
+    intent?: string;
+    description?: string;
+    tradeoffs?: LegacyListValue;
+    tone?: ContentItemTone;
+    emphasis?: ContentItemEmphasis;
+    children?: ReactNode;
+};
+export type OptionGridProps = {
+    id?: string;
+    title: string;
+    options?: OptionGridItemProps[];
+    columns?: ContentSetColumns;
+    surface?: ContentSetSurface;
+    tone?: ContentItemTone;
+    emphasis?: ContentItemEmphasis;
+    className?: string;
+    children?: ReactNode;
+};
+declare function DecisionMatrixRoot({ id, title, question, options, columns, surface, tone, emphasis, className, children }: DecisionMatrixProps): import("react/jsx-runtime").JSX.Element;
+declare function DecisionMatrixOption({ id, title, name, badge, summary, verdict, confidence, pros, cons, risks, tone, emphasis, children }: DecisionMatrixOptionProps): import("react/jsx-runtime").JSX.Element;
+declare function OptionGridRoot({ id, title, options, columns, surface, tone, emphasis, className, children }: OptionGridProps): import("react/jsx-runtime").JSX.Element;
+declare function OptionGridItem({ id, title, name, badge, summary, intent, description, tradeoffs, tone, emphasis, children }: OptionGridItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const DecisionMatrix: typeof DecisionMatrixRoot & {
+    Option: typeof DecisionMatrixOption;
+};
+export declare const OptionGrid: typeof OptionGridRoot & {
+    Item: typeof OptionGridItem;
+};
+export {};

package/dist/lib/react/legacy/LegacyContentComponents.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentSet } from "../composites/content-set/ContentItem.js";
+function DecisionMatrixRoot({ id, title, question, options, columns = 3, surface, tone, emphasis, className, children }) {
+    return (_jsxs(ContentSet, { className: className, columns: columns, emphasis: emphasis, id: id, surface: surface, title: title ?? question ?? "Decision matrix", tone: tone, children: [options?.map((option, index) => (_jsx(DecisionMatrixOption, { ...option }, option.id ?? option.title ?? option.name ?? index))), children] }));
+}
+function DecisionMatrixOption({ id, title, name, badge, summary, verdict, confidence, pros, cons, risks, tone, emphasis, children }) {
+    return (_jsxs(ContentSet.Item, { badge: badge ?? confidence, emphasis: emphasis, id: id, summary: summary ?? verdict, title: title ?? name ?? "Option", tone: tone, children: [children, _jsx(LegacyList, { title: "Pros", values: pros }), _jsx(LegacyList, { title: "Cons", values: cons }), _jsx(LegacyList, { title: "Risks", values: risks })] }));
+}
+function OptionGridRoot({ id, title, options, columns = 3, surface, tone, emphasis, className, children }) {
+    return (_jsxs(ContentSet, { className: className, columns: columns, emphasis: emphasis, id: id, surface: surface, title: title, tone: tone, children: [options?.map((option, index) => (_jsx(OptionGridItem, { ...option }, option.id ?? option.title ?? option.name ?? index))), children] }));
+}
+function OptionGridItem({ id, title, name, badge, summary, intent, description, tradeoffs, tone, emphasis, children }) {
+    return (_jsxs(ContentSet.Item, { badge: badge, emphasis: emphasis, id: id, summary: summary ?? intent, title: title ?? name ?? "Option", tone: tone, children: [description ? _jsx("p", { children: description }) : null, children, _jsx(LegacyList, { title: "Tradeoffs", values: tradeoffs })] }));
+}
+function LegacyList({ title, values }) {
+    if (!values?.length) {
+        return null;
+    }
+    return (_jsxs("div", { children: [_jsx("h4", { children: title }), _jsx("ul", { children: values.map((value, index) => (_jsx("li", { children: value }, index))) })] }));
+}
+export const DecisionMatrix = Object.assign(DecisionMatrixRoot, {
+    Option: DecisionMatrixOption
+});
+export const OptionGrid = Object.assign(OptionGridRoot, {
+    Item: OptionGridItem
+});

package/dist/lib/react/mdx-components.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from "react";
+export declare const artifactMdxComponents: {
+    pre: typeof ArtifactCodePre;
+};
+export declare function ArtifactCodePre({ children, ...props }: ComponentPropsWithoutRef<"pre">): import("react/jsx-runtime").JSX.Element;

package/dist/lib/react/mdx-components.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, isValidElement } from "react";
+import { CodeBlockView } from "./primitives/code-block/CodeBlock.js";
+export const artifactMdxComponents = {
+    pre: ArtifactCodePre
+};
+export function ArtifactCodePre({ children, ...props }) {
+    const codeChild = getSingleCodeChild(children);
+    if (!codeChild) {
+        return _jsx("pre", { ...props, children: children });
+    }
+    const codeProps = codeChild.props;
+    const code = getTextContent(codeProps.children);
+    if (code == null) {
+        return _jsx("pre", { ...props, children: children });
+    }
+    return _jsx(CodeBlockView, { code: code, copyable: true, language: getLanguage(codeProps.className), showLineNumbers: true });
+}
+function getSingleCodeChild(children) {
+    const child = Children.toArray(children).find((item) => isValidElement(item));
+    if (!isValidElement(child) || child.type !== "code") {
+        return undefined;
+    }
+    return child;
+}
+function getTextContent(node) {
+    if (typeof node === "string" || typeof node === "number") {
+        return String(node);
+    }
+    if (Array.isArray(node)) {
+        return node.map(getTextContent).filter((item) => item != null).join("");
+    }
+    return undefined;
+}
+function getLanguage(className) {
+    const languageClass = className?.split(/\s+/).find((item) => item.startsWith("language-"));
+    return languageClass?.replace(/^language-/, "") || undefined;
+}

package/dist/lib/react/{components → primitives/annotated-code}/AnnotatedCode.d.ts

@@ -1,4 +1,4 @@
-import { type SeverityLevel } from "./SeverityBadge";
+import { type SeverityLevel } from "../severity-badge/SeverityBadge";
 export type CodeAnnotation = {
     id?: string;
     line: number;

package/dist/lib/react/{components → primitives/annotated-code}/AnnotatedCode.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CodeBlock } from "./CodeBlock.js";
-import { CommentTarget } from "./Comments.js";
-import { InlineText } from "./InlineText.js";
-import { MarkdownBody } from "./MarkdownBody.js";
-import { SeverityBadge } from "./SeverityBadge.js";
+import { CommentTarget } from "../../interactions/comments/Comments.js";
+import { CodeBlock } from "../code-block/CodeBlock.js";
+import { InlineText } from "../inline-text/InlineText.js";
+import { MarkdownBody } from "../markdown-body/MarkdownBody.js";
+import { SeverityBadge } from "../severity-badge/SeverityBadge.js";
 export function AnnotatedCode({ id, code, annotations, language, filename, showLineNumbers = true, highlightLines = [], className }) {
     const annotationLines = annotations.map((annotation) => annotation.line);
     const highlighted = Array.from(new Set([...highlightLines, ...annotationLines])).sort((a, b) => a - b);

package/dist/lib/react/primitives/annotated-code/index.d.ts

@@ -0,0 +1,2 @@
+export { AnnotatedCode } from "./AnnotatedCode";
+export type { AnnotatedCodeProps, CodeAnnotation } from "./AnnotatedCode";

package/dist/lib/react/primitives/annotated-code/index.js

@@ -0,0 +1 @@
+export { AnnotatedCode } from "./AnnotatedCode.js";

package/dist/lib/react/primitives/callout/Callout.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export type CalloutTone = "info" | "success" | "warning" | "danger";
+export type CalloutProps = {
+    id?: string;
+    body?: string;
+    children?: ReactNode;
+    title?: string;
+    tone?: CalloutTone;
+    className?: string;
+};
+export declare function Callout({ id, body, children, title, tone, className }: CalloutProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/react/{components → primitives/callout}/Callout.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CommentTarget } from "./Comments.js";
-import { InlineText } from "./InlineText.js";
-import { MarkdownBody } from "./MarkdownBody.js";
-export function Callout({ id, body, title, tone = "info", className }) {
+import { CommentTarget } from "../../interactions/comments/Comments.js";
+import { InlineText } from "../inline-text/InlineText.js";
+import { MarkdownBody } from "../markdown-body/MarkdownBody.js";
+export function Callout({ id, body, children, title, tone = "info", className }) {
     const displayTitle = title ?? `${tone} callout`;
-    const targetId = id ?? `callout:${slugify(displayTitle)}:${slugify(body)}`;
-    return (_jsx(CommentTarget, { className: classNames("ak-comment-target-section", className), description: "Callout component", targetId: targetId, title: displayTitle, children: _jsxs("aside", { className: classNames("ak-callout", `ak-callout-${tone}`), children: [title ? _jsx(InlineText, { as: "h3", text: title, variant: "subtitle" }) : null, _jsx(MarkdownBody, { body: body, variant: "compact" })] }) }));
+    const targetId = id ?? `callout:${slugify(displayTitle)}:${slugify(body ?? textFromChildren(children) ?? displayTitle)}`;
+    return (_jsx(CommentTarget, { className: classNames("ak-comment-target-section", className), description: "Callout component", targetId: targetId, title: displayTitle, children: _jsxs("aside", { className: classNames("ak-callout", `ak-callout-${tone}`), children: [title ? _jsx(InlineText, { as: "h3", variant: "subtitle", children: title }) : null, _jsx(MarkdownBody, { body: body, variant: "compact", children: children })] }) }));
 }
 function classNames(...values) {
     return values.filter(Boolean).join(" ");
@@ -19,3 +19,6 @@ function slugify(value) {
         .slice(0, 64);
     return slug || "item";
 }
+function textFromChildren(children) {
+    return typeof children === "string" ? children : undefined;
+}

package/dist/lib/react/primitives/callout/index.d.ts

@@ -0,0 +1,2 @@
+export { Callout } from "./Callout";
+export type { CalloutProps, CalloutTone } from "./Callout";

package/dist/lib/react/primitives/callout/index.js

@@ -0,0 +1 @@
+export { Callout } from "./Callout.js";

package/dist/lib/react/primitives/code-block/CodeBlock.d.ts

@@ -0,0 +1,20 @@
+export type CodeBlockProps = {
+    id?: string;
+    code: string;
+    language?: string;
+    filename?: string;
+    showLineNumbers?: boolean;
+    highlightLines?: number[];
+    copyable?: boolean;
+    className?: string;
+};
+export type CodeBlockViewProps = {
+    code: string;
+    language?: string;
+    filename?: string;
+    showLineNumbers?: boolean;
+    highlightLines?: number[];
+    copyable?: boolean;
+};
+export declare function CodeBlock({ id, code, language, filename, showLineNumbers, highlightLines, copyable, className }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockView({ code, language, filename, showLineNumbers, highlightLines, copyable }: CodeBlockViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/react/primitives/code-block/CodeBlock.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CommentTarget } from "../../interactions/comments/Comments.js";
+import { CodeSurface } from "../code-surface/CodeSurface.js";
+export function CodeBlock({ id, code, language, filename, showLineNumbers = false, highlightLines = [], copyable = false, className }) {
+    const title = filename ?? (language ? `${language} code block` : "Code block");
+    const targetId = id ?? `code:${slugify(filename ?? language ?? code)}`;
+    return (_jsx(CommentTarget, { className: classNames("ak-comment-target-section", className), description: "CodeBlock component", targetId: targetId, title: title, children: _jsx(CodeBlockView, { code: code, copyable: copyable, filename: filename, highlightLines: highlightLines, language: language, showLineNumbers: showLineNumbers }) }));
+}
+export function CodeBlockView({ code, language, filename, showLineNumbers = false, highlightLines = [], copyable = false }) {
+    const lines = splitCodeLines(code);
+    const highlighted = new Set(highlightLines);
+    return (_jsx(CodeSurface, { copyable: copyable, copyText: code, filename: filename, language: language, children: lines.map((line, index) => {
+            const lineNumber = index + 1;
+            return (_jsxs("span", { className: classNames("ak-code-line", showLineNumbers ? "ak-code-line-numbered" : undefined, highlighted.has(lineNumber) ? "ak-code-line-highlighted" : undefined), "data-line": lineNumber, children: [showLineNumbers && _jsx("span", { className: "ak-code-line-number", children: lineNumber }), _jsx("span", { className: "ak-code-line-content", children: line || "\u00a0" })] }, lineNumber));
+        }) }));
+}
+function splitCodeLines(code) {
+    const normalized = code.endsWith("\n") ? code.slice(0, -1) : code;
+    return normalized.split("\n");
+}
+function classNames(...values) {
+    return values.filter(Boolean).join(" ");
+}
+function slugify(value) {
+    const slug = value
+        .toLowerCase()
+        .replace(/[`*_~[\]()]/g, "")
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "")
+        .slice(0, 64);
+    return slug || "item";
+}

package/dist/lib/react/primitives/code-block/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeBlock, CodeBlockView } from "./CodeBlock";
+export type { CodeBlockProps, CodeBlockViewProps } from "./CodeBlock";

package/dist/lib/react/primitives/code-block/index.js

@@ -0,0 +1 @@
+export { CodeBlock, CodeBlockView } from "./CodeBlock.js";

package/dist/lib/react/primitives/code-surface/CodeSurface.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+export type CodeSurfaceProps = {
+    children: ReactNode;
+    language?: string;
+    filename?: string;
+    copyable?: boolean;
+    copyText?: string;
+    className?: string;
+    codeClassName?: string;
+};
+export declare function CodeSurface({ children, language, filename, copyable, copyText, className, codeClassName }: CodeSurfaceProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/react/primitives/code-surface/CodeSurface.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export function CodeSurface({ children, language, filename, copyable = false, copyText, className, codeClassName }) {
+    const [copied, setCopied] = useState(false);
+    const canCopy = copyable && copyText != null;
+    async function copyCode() {
+        if (copyText == null) {
+            return;
+        }
+        if (navigator.clipboard?.writeText) {
+            await navigator.clipboard.writeText(copyText);
+        }
+        else {
+            fallbackCopy(copyText);
+        }
+        setCopied(true);
+        window.setTimeout(() => setCopied(false), 1200);
+    }
+    return (_jsxs("figure", { className: classNames("ak-code-block", className), children: [(filename || language || canCopy) && (_jsxs("figcaption", { className: "ak-code-header", children: [_jsxs("span", { className: "ak-code-meta", children: [filename && _jsx("span", { className: "ak-code-filename", children: filename }), language && _jsx("span", { className: "ak-code-language", children: language })] }), canCopy ? (_jsx("button", { className: "ak-code-copy", onClick: () => void copyCode(), type: "button", children: copied ? "Copied" : "Copy" })) : null] })), _jsx("pre", { className: "ak-code-pre", children: _jsx("code", { className: classNames(language ? `language-${language}` : undefined, codeClassName), children: children }) })] }));
+}
+function fallbackCopy(value) {
+    const textarea = document.createElement("textarea");
+    textarea.value = value;
+    textarea.setAttribute("readonly", "true");
+    textarea.style.position = "fixed";
+    textarea.style.left = "-9999px";
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand("copy");
+    document.body.removeChild(textarea);
+}
+function classNames(...values) {
+    return values.filter(Boolean).join(" ");
+}

package/dist/lib/react/primitives/code-surface/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeSurface } from "./CodeSurface";
+export type { CodeSurfaceProps } from "./CodeSurface";

package/dist/lib/react/primitives/code-surface/index.js

@@ -0,0 +1 @@
+export { CodeSurface } from "./CodeSurface.js";

package/dist/lib/react/primitives/diff-block/DiffBlock.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CommentTarget } from "../../interactions/comments/Comments.js";
+import { CodeSurface } from "../code-surface/CodeSurface.js";
+const markers = {
+    add: "+",
+    remove: "-",
+    context: " "
+};
+export function DiffBlock({ id, lines, filename, language, className }) {
+    const title = filename ?? (language ? `${language} diff block` : "Diff block");
+    const targetId = id ?? `diff:${slugify(filename ?? language ?? lines.map((line) => line.content).join("-"))}`;
+    return (_jsx(CommentTarget, { className: classNames("ak-comment-target-section", className), description: "DiffBlock component", targetId: targetId, title: title, children: _jsx(CodeSurface, { className: "ak-diff-block", filename: filename, language: language, children: lines.map((line, index) => (_jsxs("span", { className: classNames("ak-diff-line", `ak-diff-line-${line.type}`), children: [_jsx("span", { className: "ak-diff-line-number", children: line.newLine ?? line.oldLine ?? "" }), _jsx("span", { className: "ak-diff-marker", children: markers[line.type] }), _jsx("span", { className: "ak-diff-line-content", children: line.content || "\u00a0" })] }, `${line.type}-${index}`))) }) }));
+}
+function classNames(...values) {
+    return values.filter(Boolean).join(" ");
+}
+function slugify(value) {
+    const slug = value
+        .toLowerCase()
+        .replace(/[`*_~[\]()]/g, "")
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "")
+        .slice(0, 64);
+    return slug || "item";
+}

package/dist/lib/react/primitives/diff-block/index.d.ts

@@ -0,0 +1,2 @@
+export { DiffBlock } from "./DiffBlock";
+export type { DiffBlockProps, DiffLine, DiffLineType } from "./DiffBlock";

package/dist/lib/react/primitives/diff-block/index.js

@@ -0,0 +1 @@
+export { DiffBlock } from "./DiffBlock.js";

package/dist/lib/react/{components → primitives/inline-text}/InlineText.d.ts

@@ -1,9 +1,11 @@
+import type { ReactNode } from "react";
 export type InlineTextAs = "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export type InlineTextVariant = "default" | "title" | "subtitle" | "label" | "caption";
 export type InlineTextProps = {
-    text: string;
+    text?: string;
+    children?: ReactNode;
     as?: InlineTextAs;
     variant?: InlineTextVariant;
     className?: string;
 };
-export declare function InlineText({ text, as: Component, variant, className }: InlineTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function InlineText({ text, children, as: Component, variant, className }: InlineTextProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/react/primitives/inline-text/InlineText.js

@@ -0,0 +1,28 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+const inlineAllowedElements = ["p", "strong", "em", "del", "code", "a", "br"];
+const inlineComponents = {
+    p({ children }) {
+        return _jsx(_Fragment, { children: children });
+    },
+    a({ children, href }) {
+        return (_jsx("a", { href: href, rel: "noreferrer", target: "_blank", children: children }));
+    }
+};
+export function InlineText({ text, children, as: Component = "span", variant = "default", className }) {
+    const content = hasRenderableChildren(children) ? children : text;
+    if (!hasRenderableChildren(content)) {
+        return null;
+    }
+    return (_jsx(Component, { className: classNames("ak-inline-text", `ak-inline-text--${variant}`, className), children: typeof content === "string" ? _jsx(InlineMarkdown, { text: content }) : content }));
+}
+function InlineMarkdown({ text }) {
+    return (_jsx(ReactMarkdown, { allowedElements: inlineAllowedElements, components: inlineComponents, remarkPlugins: [remarkGfm], skipHtml: true, unwrapDisallowed: true, children: text }));
+}
+function classNames(...values) {
+    return values.filter(Boolean).join(" ");
+}
+function hasRenderableChildren(children) {
+    return children !== undefined && children !== null && children !== false;
+}

package/dist/lib/react/primitives/inline-text/index.d.ts

@@ -0,0 +1,2 @@
+export { InlineText } from "./InlineText";
+export type { InlineTextAs, InlineTextProps, InlineTextVariant } from "./InlineText";

package/dist/lib/react/primitives/inline-text/index.js

@@ -0,0 +1 @@
+export { InlineText } from "./InlineText.js";

package/dist/lib/react/primitives/markdown-body/MarkdownBody.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export type MarkdownBodyVariant = "default" | "compact";
+export type MarkdownBodyProps = {
+    body?: string;
+    children?: ReactNode;
+    variant?: MarkdownBodyVariant;
+    className?: string;
+};
+export declare function MarkdownBody({ body, children, variant, className }: MarkdownBodyProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/react/primitives/markdown-body/MarkdownBody.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+const blockAllowedElements = [
+    "p",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "strong",
+    "em",
+    "del",
+    "code",
+    "a",
+    "br",
+    "ul",
+    "ol",
+    "li",
+    "blockquote"
+];
+const blockComponents = {
+    a({ children, href }) {
+        return (_jsx("a", { href: href, rel: "noreferrer", target: "_blank", children: children }));
+    }
+};
+export function MarkdownBody({ body, children, variant = "default", className }) {
+    const classNamesValue = classNames("ak-markdown-body", `ak-markdown-body--${variant}`, className);
+    if (hasRenderableChildren(children)) {
+        if (typeof children === "string") {
+            return _jsx(MarkdownBodyFromString, { body: children, className: classNamesValue });
+        }
+        return _jsx("div", { className: classNamesValue, children: children });
+    }
+    if (!body?.trim()) {
+        return null;
+    }
+    return _jsx(MarkdownBodyFromString, { body: body, className: classNamesValue });
+}
+function MarkdownBodyFromString({ body, className }) {
+    return (_jsx("div", { className: className, children: _jsx(ReactMarkdown, { allowedElements: blockAllowedElements, components: blockComponents, remarkPlugins: [remarkGfm], skipHtml: true, unwrapDisallowed: true, children: body }) }));
+}
+function classNames(...values) {
+    return values.filter(Boolean).join(" ");
+}
+function hasRenderableChildren(children) {
+    return children !== undefined && children !== null && children !== false;
+}

package/dist/lib/react/primitives/markdown-body/index.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownBody } from "./MarkdownBody";
+export type { MarkdownBodyProps, MarkdownBodyVariant } from "./MarkdownBody";

package/dist/lib/react/primitives/markdown-body/index.js

@@ -0,0 +1 @@
+export { MarkdownBody } from "./MarkdownBody.js";

package/dist/lib/react/primitives/severity-badge/index.d.ts

@@ -0,0 +1,2 @@
+export { SeverityBadge } from "./SeverityBadge";
+export type { SeverityBadgeProps, SeverityLevel } from "./SeverityBadge";

package/dist/lib/react/primitives/severity-badge/index.js

@@ -0,0 +1 @@
+export { SeverityBadge } from "./SeverityBadge.js";

package/dist/lib/react/registry.d.ts

@@ -10,10 +10,20 @@ export type ComponentTypeMeta = {
     description?: string;
     fields: ComponentPropMeta[];
 };
+export type ComponentAuthoringKind = "content-block" | "structured-renderer" | "layout-primitive" | "interactive-data" | "export-editor" | "review-boundary";
+export type ComponentAuthoringMeta = {
+    kind: ComponentAuthoringKind;
+    guidance: string[];
+};
 export type ComponentMeta = {
     name: string;
     category?: "artifact" | "content" | "layout" | "semantic";
     stability?: "stable" | "advanced";
+    deprecated?: {
+        replacement: string;
+        guidance: string[];
+    };
+    authoring?: ComponentAuthoringMeta;
     description: string;
     useWhen: string[];
     props: ComponentPropMeta[];