mdx-artifacts 0.1.2 → 0.2.0

package/dist/lib/react/components/CodeBlock.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CommentTarget } from "./Comments.js";
-export function CodeBlock({ id, code, language, filename, showLineNumbers = false, highlightLines = [], className }) {
-    const lines = splitCodeLines(code);
-    const highlighted = new Set(highlightLines);
-    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: _jsxs("figure", { className: "ak-code-block", children: [(filename || language) && (_jsxs("figcaption", { className: "ak-code-header", children: [filename && _jsx("span", { className: "ak-code-filename", children: filename }), language && _jsx("span", { className: "ak-code-language", children: language })] })), _jsx("pre", { className: "ak-code-pre", children: _jsx("code", { className: language ? `language-${language}` : undefined, 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/components/DecisionMatrix.d.ts

@@ -1,16 +0,0 @@
-export type DecisionMatrixOption = {
-    id?: string;
-    name: string;
-    summary?: string;
-    pros?: string[];
-    cons?: string[];
-    risks?: string[];
-    confidence?: "low" | "medium" | "high";
-    verdict?: string;
-};
-export type DecisionMatrixProps = {
-    id?: string;
-    question: string;
-    options: DecisionMatrixOption[];
-};
-export declare function DecisionMatrix({ id, question, options }: DecisionMatrixProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/react/components/DecisionMatrix.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CommentTarget } from "./Comments.js";
-import { InlineText } from "./InlineText.js";
-export function DecisionMatrix({ id, question, options }) {
-    const targetId = id ?? `decision:${slugify(question)}`;
-    return (_jsx(CommentTarget, { className: "ak-comment-target-section", description: "DecisionMatrix component", targetId: targetId, title: question, children: _jsxs("section", { className: "ak-section ak-decision-matrix", children: [_jsxs("div", { className: "ak-section-header", children: [_jsx("p", { className: "ak-eyebrow", children: "Decision Matrix" }), _jsx(InlineText, { as: "h2", text: question, variant: "title" })] }), _jsx("div", { className: "ak-decision-grid", children: options.map((option, index) => {
-                        const optionTargetId = id
-                            ? `${id}.${option.id ?? `${index + 1}`}`
-                            : `decision:${slugify(question)}:${index + 1}:${slugify(option.name)}`;
-                        return (_jsx(CommentTarget, { className: "ak-comment-target-card", description: `DecisionMatrix option in ${question}`, targetId: optionTargetId, title: option.name, children: _jsxs("article", { className: "ak-card", children: [_jsxs("div", { className: "ak-card-header", children: [_jsx(InlineText, { as: "h3", text: option.name, variant: "subtitle" }), option.confidence ? (_jsx("span", { className: `ak-badge ak-badge-${option.confidence}`, children: option.confidence })) : null] }), option.summary ? _jsx(InlineText, { as: "p", className: "ak-muted", text: option.summary }) : null, _jsx(ListBlock, { title: "Pros", items: option.pros }), _jsx(ListBlock, { title: "Cons", items: option.cons }), _jsx(ListBlock, { title: "Risks", items: option.risks }), option.verdict ? _jsx(InlineText, { as: "p", className: "ak-verdict", text: option.verdict }) : null] }) }, option.name));
-                    }) })] }) }));
-}
-function ListBlock({ title, items }) {
-    if (!items?.length) {
-        return null;
-    }
-    return (_jsxs("div", { className: "ak-list-block", children: [_jsx("h4", { children: title }), _jsx("ul", { children: items.map((item) => (_jsx("li", { children: _jsx(InlineText, { text: item }) }, item))) })] }));
-}
-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/components/DiffBlock.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CommentTarget } from "./Comments.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: _jsxs("figure", { className: "ak-code-block ak-diff-block", children: [(filename || language) && (_jsxs("figcaption", { className: "ak-code-header", children: [filename && _jsx("span", { className: "ak-code-filename", children: filename }), language && _jsx("span", { className: "ak-code-language", children: language })] })), _jsx("pre", { className: "ak-code-pre", children: _jsx("code", { className: language ? `language-${language}` : undefined, 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/components/InlineText.js

@@ -1,18 +0,0 @@
-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, as: Component = "span", variant = "default", className }) {
-    return (_jsx(Component, { className: classNames("ak-inline-text", `ak-inline-text--${variant}`, className), children: _jsx(ReactMarkdown, { allowedElements: inlineAllowedElements, components: inlineComponents, remarkPlugins: [remarkGfm], skipHtml: true, unwrapDisallowed: true, children: text }) }));
-}
-function classNames(...values) {
-    return values.filter(Boolean).join(" ");
-}

package/dist/lib/react/components/MarkdownBody.d.ts

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

package/dist/lib/react/components/MarkdownBody.js

@@ -1,36 +0,0 @@
-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, variant = "default", className }) {
-    if (!body.trim()) {
-        return null;
-    }
-    return (_jsx("div", { className: classNames("ak-markdown-body", `ak-markdown-body--${variant}`, className), children: _jsx(ReactMarkdown, { allowedElements: blockAllowedElements, components: blockComponents, remarkPlugins: [remarkGfm], skipHtml: true, unwrapDisallowed: true, children: body }) }));
-}
-function classNames(...values) {
-    return values.filter(Boolean).join(" ");
-}

package/dist/lib/react/components/OptionGrid.d.ts

@@ -1,13 +0,0 @@
-export type OptionGridItem = {
-    id?: string;
-    name: string;
-    intent?: string;
-    description?: string;
-    tradeoffs?: string[];
-};
-export type OptionGridProps = {
-    id?: string;
-    title: string;
-    options: OptionGridItem[];
-};
-export declare function OptionGrid({ id, title, options }: OptionGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/react/components/OptionGrid.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CommentTarget } from "./Comments.js";
-import { InlineText } from "./InlineText.js";
-export function OptionGrid({ id, title, options }) {
-    const targetId = id ?? `option:${slugify(title)}`;
-    return (_jsx(CommentTarget, { className: "ak-comment-target-section", description: "OptionGrid component", targetId: targetId, title: title, children: _jsxs("section", { className: "ak-section", children: [_jsxs("div", { className: "ak-section-header", children: [_jsx("p", { className: "ak-eyebrow", children: "Option Grid" }), _jsx(InlineText, { as: "h2", text: title, variant: "title" })] }), _jsx("div", { className: "ak-option-grid", children: options.map((option, index) => {
-                        const optionTargetId = id
-                            ? `${id}.${option.id ?? `${index + 1}`}`
-                            : `option:${slugify(title)}:${index + 1}:${slugify(option.name)}`;
-                        return (_jsx(CommentTarget, { className: "ak-comment-target-card", description: `OptionGrid item in ${title}`, targetId: optionTargetId, title: option.name, children: _jsxs("article", { className: "ak-card", children: [_jsx(InlineText, { as: "h3", text: option.name, variant: "subtitle" }), option.intent ? _jsx(InlineText, { as: "p", className: "ak-intent", text: option.intent }) : null, option.description ? _jsx(InlineText, { as: "p", text: option.description }) : null, option.tradeoffs?.length ? (_jsx("ul", { children: option.tradeoffs.map((tradeoff) => (_jsx("li", { children: _jsx(InlineText, { text: tradeoff }) }, tradeoff))) })) : null] }) }, option.name));
-                    }) })] }) }));
-}
-function slugify(value) {
-    const slug = value
-        .toLowerCase()
-        .replace(/[`*_~[\]()]/g, "")
-        .replace(/[^a-z0-9]+/g, "-")
-        .replace(/^-+|-+$/g, "")
-        .slice(0, 64);
-    return slug || "item";
-}