@mdwrk/markdown-renderer-react 1.0.1

package/README.md

@@ -0,0 +1,15 @@
+# mdwrk/markdown-renderer-react
+
+React bindings for the Markdown Workspace portable markdown renderer.
+
+## Exports
+
+- `MarkdownRenderer`
+- `createMarkdownRendererThemeStyle`
+- `createMarkdownRendererThemeVariablesFromThemeTokens`
+- `createMarkdownRendererThemeStyleFromThemeTokens`
+- `renderMarkdownToStaticHtml`
+- `renderMarkdownToStaticHtmlDocument`
+- `./styles/default.css`
+
+The package keeps semantic class names stable and lets host applications override theme values without depending on app-local stylesheets.

package/dist/component.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { MarkdownRendererProps } from "./types.js";
+export declare function MarkdownRenderer({ markdown, className, style, themeStyle, onLinkClick, getLinkAttributes, components, syntaxTheme, }: MarkdownRendererProps): React.JSX.Element;
+//# sourceMappingURL=component.d.ts.map

package/dist/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAWxD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,WAAW,GACZ,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiH3C"}

package/dist/component.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import remarkSupersub from "remark-supersub";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES } from "@mdwrk/markdown-renderer-core/class-names";
+import { slugifyHeading } from "@mdwrk/markdown-renderer-core/slug";
+import { createMarkdownRendererThemeStyle } from "./theme.js";
+const mergeClassNames = (...values) => values.filter(Boolean).join(" ");
+function getDefaultLinkAttributes(href) {
+    if (href && /^(https?:)?\/\//i.test(href)) {
+        return { target: "_blank", rel: "noopener noreferrer" };
+    }
+    return undefined;
+}
+export function MarkdownRenderer({ markdown, className, style, themeStyle, onLinkClick, getLinkAttributes, components, syntaxTheme, }) {
+    const rendererStyle = themeStyle ?? createMarkdownRendererThemeStyle();
+    return (_jsx("div", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.root, className), style: { ...rendererStyle, ...style }, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm, remarkSupersub], components: {
+                h1: ({ node, children, ...props }) => _jsx("h1", { id: slugifyHeading(String(children)), className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.heading1, ...props, children: children }),
+                h2: ({ node, children, ...props }) => _jsx("h2", { id: slugifyHeading(String(children)), className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.heading2, ...props, children: children }),
+                h3: ({ node, children, ...props }) => _jsx("h3", { id: slugifyHeading(String(children)), className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.heading3, ...props, children: children }),
+                h4: ({ node, children, ...props }) => _jsx("h4", { id: slugifyHeading(String(children)), className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.heading4, ...props, children: children }),
+                h5: ({ node, children, ...props }) => _jsx("h5", { id: slugifyHeading(String(children)), className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.heading5, ...props, children: children }),
+                h6: ({ node, children, ...props }) => _jsx("h6", { id: slugifyHeading(String(children)), className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.heading6, ...props, children: children }),
+                p: ({ node, ...props }) => _jsx("p", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.paragraph, ...props }),
+                strong: ({ node, ...props }) => _jsx("strong", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.strong, ...props }),
+                em: ({ node, ...props }) => _jsx("em", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.emphasis, ...props }),
+                hr: ({ node, ...props }) => _jsx("hr", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.hr, ...props }),
+                blockquote: ({ node, ...props }) => _jsx("blockquote", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.blockquote, ...props }),
+                ul: ({ node, ...props }) => _jsx("ul", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.listUnordered, ...props }),
+                ol: ({ node, ...props }) => _jsx("ol", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.listOrdered, ...props }),
+                li: ({ node, ...props }) => {
+                    const isTask = typeof node?.checked === "boolean";
+                    return (_jsx("li", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.listItem, isTask ? DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.taskListItem : undefined), "data-checked": isTask ? String(node.checked) : undefined, ...props }));
+                },
+                table: ({ node, className, ...props }) => (_jsx("table", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.table, className), ...props })),
+                thead: ({ node, className, ...props }) => (_jsx("thead", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.tableHead, className), ...props })),
+                tbody: ({ node, className, ...props }) => (_jsx("tbody", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.tableBody, className), ...props })),
+                tr: ({ node, className, ...props }) => (_jsx("tr", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.tableRow, className), ...props })),
+                th: ({ node, className, ...props }) => (_jsx("th", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.tableHeader, className), ...props })),
+                td: ({ node, className, ...props }) => (_jsx("td", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.tableCell, className), ...props })),
+                caption: ({ node, className, ...props }) => (_jsx("caption", { className: mergeClassNames(DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.tableCaption, className), ...props })),
+                input: ({ node, ...props }) => {
+                    if (props.type === "checkbox") {
+                        return _jsx("input", { type: "checkbox", className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.checkbox, ...props });
+                    }
+                    return _jsx("input", { ...props });
+                },
+                a: ({ node, href, ...props }) => {
+                    const attributes = getLinkAttributes?.(href) ?? getDefaultLinkAttributes(href);
+                    return (_jsx("a", { href: href, onClick: (event) => onLinkClick?.(event, href), target: attributes?.target, rel: attributes?.rel, className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.link, ...props }));
+                },
+                code: ({ node, inline, className, children, ...props }) => {
+                    const match = /language-([\w-]+)/.exec(className || "");
+                    if (!inline && match) {
+                        return (_jsxs("div", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.codeBlock, children: [_jsx("div", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.codeHeader, children: match[1] }), _jsx("div", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.codeSurface, children: _jsx(SyntaxHighlighter, { style: syntaxTheme ?? {}, language: match[1], PreTag: "div", customStyle: {
+                                            margin: 0,
+                                            borderRadius: 0,
+                                            border: "none",
+                                            background: "transparent",
+                                            padding: 0,
+                                        }, ...props, children: String(children).replace(/\n$/, "") }) })] }));
+                    }
+                    return (_jsx("code", { className: DEFAULT_MARKDOWN_RENDERER_CLASS_NAMES.inlineCode, ...props, children: children }));
+                },
+                ...components,
+            }, children: markdown }) }));
+}
+//# sourceMappingURL=component.js.map

package/dist/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../src/component.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./version.js";
+export * from "./types.js";
+export * from "./theme.js";
+export * from "./component.js";
+export * from "./server.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export * from "./version.js";
+export * from "./types.js";
+export * from "./theme.js";
+export * from "./component.js";
+export * from "./server.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}

package/dist/server.d.ts

@@ -0,0 +1,11 @@
+import type { MarkdownRendererProps } from "./types.js";
+export declare function renderMarkdownToStaticHtml(props: MarkdownRendererProps): string;
+export declare function renderMarkdownToStaticHtmlDocument(props: MarkdownRendererProps & {
+    readonly title: string;
+    readonly lang?: string;
+    readonly dataTheme?: string;
+    readonly bodyClassName?: string;
+    readonly htmlClassName?: string;
+    readonly stylesheets?: readonly string[];
+}): string;
+//# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,qBAAqB,GAAG,MAAM,CAE/E;AAED,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,qBAAqB,GAAG;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC1C,GACA,MAAM,CAWR"}

package/dist/server.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderToStaticMarkup } from "react-dom/server";
+import { createHtmlDocument } from "@mdwrk/markdown-renderer-core/html";
+import { MarkdownRenderer } from "./component.js";
+export function renderMarkdownToStaticHtml(props) {
+    return renderToStaticMarkup(_jsx(MarkdownRenderer, { ...props }));
+}
+export function renderMarkdownToStaticHtmlDocument(props) {
+    const { title, lang, dataTheme, bodyClassName, htmlClassName, stylesheets, ...rendererProps } = props;
+    return createHtmlDocument({
+        title,
+        bodyHtml: renderMarkdownToStaticHtml(rendererProps),
+        lang,
+        dataTheme,
+        bodyClassName,
+        htmlClassName,
+        stylesheets,
+    });
+}
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,UAAU,0BAA0B,CAAC,KAA4B;IACrE,OAAO,oBAAoB,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAC,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,kCAAkC,CAChD,KAOC;IAED,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC;IACtG,OAAO,kBAAkB,CAAC;QACxB,KAAK;QACL,QAAQ,EAAE,0BAA0B,CAAC,aAAa,CAAC;QACnD,IAAI;QACJ,SAAS;QACT,aAAa;QACb,aAAa;QACb,WAAW;KACZ,CAAC,CAAC;AACL,CAAC"}

package/dist/theme.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+import { type ThemeTokenOverrides } from "@mdwrk/ui-tokens/theme-map";
+import type { MarkdownRendererThemeVariables } from "./types.js";
+export declare function createMarkdownRendererThemeStyle(variables?: MarkdownRendererThemeVariables): React.CSSProperties;
+export declare function createMarkdownRendererThemeVariablesFromThemeTokens(overrides?: ThemeTokenOverrides): Readonly<Record<`--${string}`, string>>;
+export declare function createMarkdownRendererThemeStyleFromThemeTokens(overrides?: ThemeTokenOverrides): React.CSSProperties;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAC;AAEjE,wBAAgB,gCAAgC,CAC9C,SAAS,GAAE,8BAAmC,GAC7C,KAAK,CAAC,aAAa,CAarB;AAED,wBAAgB,mDAAmD,CACjE,SAAS,GAAE,mBAAwB,GAClC,QAAQ,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,CAEzC;AAED,wBAAgB,+CAA+C,CAC7D,SAAS,GAAE,mBAAwB,GAClC,KAAK,CAAC,aAAa,CAErB"}

package/dist/theme.js

@@ -0,0 +1,22 @@
+import { createRendererThemeBridgeVariableRecord, } from "@mdwrk/ui-tokens/theme-map";
+export function createMarkdownRendererThemeStyle(variables = {}) {
+    return {
+        ["--mw-fg-primary"]: variables.foreground ?? "var(--fg-primary, #e9ecf1)",
+        ["--mw-fg-secondary"]: variables.foregroundMuted ?? "var(--fg-secondary, #9aa3af)",
+        ["--mw-bg-surface"]: variables.background ?? "var(--bg-panel, #11151a)",
+        ["--mw-border-color"]: variables.border ?? "var(--border-color, rgba(255,255,255,0.12))",
+        ["--mw-accent"]: variables.accent ?? "var(--accent, #7c9cff)",
+        ["--mw-code-bg"]: variables.codeBackground ?? "var(--bg-inset, rgba(255,255,255,0.04))",
+        ["--mw-code-fg"]: variables.codeForeground ?? "var(--fg-primary, #e9ecf1)",
+        ["--mw-code-border"]: variables.codeBorder ?? "var(--border-color, rgba(255,255,255,0.12))",
+        ["--mw-font-ui"]: variables.fontUi ?? 'var(--font-ui, "Inter", "Segoe UI", system-ui, sans-serif)',
+        ["--mw-font-mono"]: variables.fontMono ?? 'var(--font-mono, "Fira Code", ui-monospace, monospace)',
+    };
+}
+export function createMarkdownRendererThemeVariablesFromThemeTokens(overrides = {}) {
+    return createRendererThemeBridgeVariableRecord(overrides);
+}
+export function createMarkdownRendererThemeStyleFromThemeTokens(overrides = {}) {
+    return createMarkdownRendererThemeVariablesFromThemeTokens(overrides);
+}
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AACA,OAAO,EACL,uCAAuC,GAExC,MAAM,4BAA4B,CAAC;AAGpC,MAAM,UAAU,gCAAgC,CAC9C,YAA4C,EAAE;IAE9C,OAAO;QACL,CAAC,iBAAwB,CAAC,EAAE,SAAS,CAAC,UAAU,IAAI,4BAA4B;QAChF,CAAC,mBAA0B,CAAC,EAAE,SAAS,CAAC,eAAe,IAAI,8BAA8B;QACzF,CAAC,iBAAwB,CAAC,EAAE,SAAS,CAAC,UAAU,IAAI,0BAA0B;QAC9E,CAAC,mBAA0B,CAAC,EAAE,SAAS,CAAC,MAAM,IAAI,6CAA6C;QAC/F,CAAC,aAAoB,CAAC,EAAE,SAAS,CAAC,MAAM,IAAI,wBAAwB;QACpE,CAAC,cAAqB,CAAC,EAAE,SAAS,CAAC,cAAc,IAAI,yCAAyC;QAC9F,CAAC,cAAqB,CAAC,EAAE,SAAS,CAAC,cAAc,IAAI,4BAA4B;QACjF,CAAC,kBAAyB,CAAC,EAAE,SAAS,CAAC,UAAU,IAAI,6CAA6C;QAClG,CAAC,cAAqB,CAAC,EAAE,SAAS,CAAC,MAAM,IAAI,4DAA4D;QACzG,CAAC,gBAAuB,CAAC,EAAE,SAAS,CAAC,QAAQ,IAAI,wDAAwD;KAC1G,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mDAAmD,CACjE,YAAiC,EAAE;IAEnC,OAAO,uCAAuC,CAAC,SAAS,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,+CAA+C,CAC7D,YAAiC,EAAE;IAEnC,OAAO,mDAAmD,CAAC,SAAS,CAAwB,CAAC;AAC/F,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,28 @@
+import type React from "react";
+export interface MarkdownRendererThemeVariables {
+    readonly foreground?: string;
+    readonly foregroundMuted?: string;
+    readonly background?: string;
+    readonly border?: string;
+    readonly accent?: string;
+    readonly codeBackground?: string;
+    readonly codeForeground?: string;
+    readonly codeBorder?: string;
+    readonly fontUi?: string;
+    readonly fontMono?: string;
+}
+export interface MarkdownLinkAttributeResult {
+    readonly target?: string;
+    readonly rel?: string;
+}
+export interface MarkdownRendererProps {
+    readonly markdown: string;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly themeStyle?: React.CSSProperties;
+    readonly onLinkClick?: (event: React.MouseEvent<HTMLAnchorElement>, href?: string) => void;
+    readonly getLinkAttributes?: (href?: string) => MarkdownLinkAttributeResult | undefined;
+    readonly components?: Record<string, React.ComponentType<any>>;
+    readonly syntaxTheme?: Record<string, React.CSSProperties>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3F,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,2BAA2B,GAAG,SAAS,CAAC;IACxF,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;CAC5D"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/version.d.ts

@@ -0,0 +1,2 @@
+export declare const MARKDOWN_RENDERER_REACT_VERSION = "1.0.1";
+//# sourceMappingURL=version.d.ts.map

package/dist/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,+BAA+B,UAAU,CAAC"}

package/dist/version.js

@@ -0,0 +1,2 @@
+export const MARKDOWN_RENDERER_REACT_VERSION = "1.0.1";
+//# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,+BAA+B,GAAG,OAAO,CAAC"}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@mdwrk/markdown-renderer-react",
+  "version": "1.0.1",
+  "type": "module",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20 <23"
+  },
+  "files": [
+    "dist",
+    "src/styles",
+    "README.md"
+  ],
+  "sideEffects": [
+    "./src/styles/default.css"
+  ],
+  "keywords": [
+    "markdown-workspace",
+    "renderer",
+    "markdown",
+    "react"
+  ],
+  "description": "React renderer bindings and theme bridge for the Markdown Workspace portable markdown renderer.",
+  "dependencies": {
+    "@mdwrk/markdown-renderer-core": "^1.0.0",
+    "@mdwrk/ui-tokens": "^1.0.1",
+    "react-markdown": "^9.0.3",
+    "react-syntax-highlighter": "^15.6.1",
+    "remark-gfm": "^4.0.1",
+    "remark-supersub": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "jsdom": "^25.0.1",
+    "vitest": "^2.1.8"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "lint": "npm run typecheck",
+    "test": "npm run build && node ./tests/run-smoke.mjs",
+    "prepack": "npm run build"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./version": {
+      "types": "./dist/version.d.ts",
+      "import": "./dist/version.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.js"
+    },
+    "./theme": {
+      "types": "./dist/theme.d.ts",
+      "import": "./dist/theme.js"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
+    },
+    "./styles/default.css": "./src/styles/default.css"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "author": "Jacob Stewart <jacob@swarmauri.com>",
+  "homepage": "https://mdwrk.com"
+}

package/src/styles/default.css

@@ -0,0 +1,18 @@
+@import url("@mdwrk/ui-tokens/styles/markdown.css");
+
+.markdown-body {
+  color: var(--mw-fg-primary, var(--fg-primary, inherit));
+  font-family: var(--mw-font-ui, var(--font-ui, inherit));
+}
+
+.markdown-body .md-inline-code {
+  color: var(--mw-code-fg, var(--fg-primary, inherit));
+  background: var(--mw-code-bg, rgba(255, 255, 255, 0.04));
+  border-color: var(--mw-code-border, rgba(255, 255, 255, 0.12));
+}
+
+.markdown-body .md-code-block,
+.markdown-body .md-code-surface {
+  background: var(--mw-code-bg, rgba(255, 255, 255, 0.04));
+  border-color: var(--mw-code-border, rgba(255, 255, 255, 0.12));
+}