@furystack/shades-common-components 12.2.0 → 12.3.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## [12.3.0] - 2026-02-19
+
+### ✨ Features
+
+### Markdown Components
+
+A new set of zero-dependency Markdown components for rendering and editing Markdown content.
+
+**`parseMarkdown(source)`** — Converts a Markdown string into a typed AST. Supports headings, paragraphs, ordered/unordered lists, task-list checkboxes, fenced code blocks with language hints, blockquotes, horizontal rules, and inline formatting (bold, italic, inline code, links, images).
+
+**`toggleCheckbox(source, lineIndex)`** — Toggles a checkbox at the given source line index in a raw Markdown string, returning the updated string.
+
+**`MarkdownDisplay`** — Renders a Markdown string as styled HTML using FuryStack Shades components. When `readOnly` is set to `false`, task-list checkboxes become interactive and report changes via an `onChange` callback.
+
+**`MarkdownInput`** — A textarea for editing raw Markdown. Supports pasting images from the clipboard, which are inlined as base64-encoded `![pasted image](data:...)` Markdown images (configurable size limit, defaults to 256 KB).
+
+**`MarkdownEditor`** — A combined editor with an input pane and a live preview pane. Supports three layout modes: `side-by-side`, `tabs` (Edit / Preview), and `above-below`. Checkboxes toggled in the preview pane update the source text.
+
+### 🧪 Tests
+
+- Added unit tests for `parseMarkdown` and `parseInline` covering headings, paragraphs, lists, checkboxes, code blocks, blockquotes, horizontal rules, and inline formatting
+- Added unit tests for `toggleCheckbox` verifying checked/unchecked toggling and out-of-bounds handling
+- Added unit tests for `MarkdownDisplay` rendering and interactive checkbox toggling
+- Added unit tests for `MarkdownEditor` layout switching between side-by-side, tabs, and above-below modes
+- Added unit tests for `MarkdownInput` text input and image paste behavior
+
 ## [12.2.0] - 2026-02-19
 
 ### ⬆️ Dependencies

package/esm/components/index.d.ts

@@ -29,6 +29,7 @@ export * from './inputs/index.js';
 export * from './linear-progress.js';
 export * from './list/index.js';
 export * from './loader.js';
+export * from './markdown/index.js';
 export * from './menu/index.js';
 export * from './modal.js';
 export * from './noty-list.js';

package/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}

package/esm/components/index.js

@@ -29,6 +29,7 @@ export * from './inputs/index.js';
 export * from './linear-progress.js';
 export * from './list/index.js';
 export * from './loader.js';
+export * from './markdown/index.js';
 export * from './menu/index.js';
 export * from './modal.js';
 export * from './noty-list.js';

package/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}

package/esm/components/markdown/index.d.ts

@@ -0,0 +1,5 @@
+export * from './markdown-parser.js';
+export * from './markdown-display.js';
+export * from './markdown-input.js';
+export * from './markdown-editor.js';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/markdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA"}

package/esm/components/markdown/index.js

@@ -0,0 +1,5 @@
+export * from './markdown-parser.js';
+export * from './markdown-display.js';
+export * from './markdown-input.js';
+export * from './markdown-editor.js';
+//# sourceMappingURL=index.js.map

package/esm/components/markdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/markdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA"}

package/esm/components/markdown/markdown-display.d.ts

@@ -0,0 +1,19 @@
+export type MarkdownDisplayProps = {
+    /** The raw Markdown string to render */
+    content: string;
+    /** When false, checkboxes can be toggled. Defaults to true. */
+    readOnly?: boolean;
+    /** Called with the updated Markdown string when a checkbox is toggled */
+    onChange?: (newContent: string) => void;
+};
+/**
+ * Renders a Markdown string using FuryStack Shades components.
+ * Supports headings, paragraphs, lists, checkboxes, code blocks,
+ * blockquotes, images, links, and horizontal rules.
+ */
+export declare const MarkdownDisplay: (props: MarkdownDisplayProps & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=markdown-display.d.ts.map

package/esm/components/markdown/markdown-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-display.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/markdown-display.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,oBAAoB,GAAG;IACjC,wCAAwC;IACxC,OAAO,EAAE,MAAM,CAAA;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA;AAuFD;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;sEA+F1B,CAAA"}

package/esm/components/markdown/markdown-display.js

@@ -0,0 +1,149 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { cssVariableTheme } from '../../services/css-variable-theme.js';
+import { Checkbox } from '../inputs/checkbox.js';
+import { Typography } from '../typography.js';
+import { parseMarkdown, toggleCheckbox } from './markdown-parser.js';
+const renderInline = (nodes) => {
+    return (createComponent(createComponent, null, nodes.map((node) => {
+        switch (node.type) {
+            case 'text':
+                return createComponent(createComponent, null, node.content);
+            case 'bold':
+                return createComponent("strong", null, renderInline(node.children));
+            case 'italic':
+                return createComponent("em", null, renderInline(node.children));
+            case 'code':
+                return createComponent("code", { className: "md-inline-code" }, node.content);
+            case 'link':
+                return (createComponent("a", { className: "md-link", href: node.href, target: "_blank", rel: "noopener noreferrer" }, renderInline(node.children)));
+            case 'image':
+                return createComponent("img", { className: "md-image", src: node.src, alt: node.alt });
+            default:
+                return createComponent(createComponent, null);
+        }
+    })));
+};
+const variantForLevel = (level) => {
+    const map = { 1: 'h1', 2: 'h2', 3: 'h3', 4: 'h4', 5: 'h5', 6: 'h6' };
+    return map[level];
+};
+const renderBlock = (node, _index, options) => {
+    switch (node.type) {
+        case 'heading':
+            return createComponent(Typography, { variant: variantForLevel(node.level) }, renderInline(node.children));
+        case 'paragraph':
+            return createComponent(Typography, { variant: "body1" }, renderInline(node.children));
+        case 'codeBlock':
+            return (createComponent("pre", { className: "md-code-block", "data-language": node.language || undefined },
+                createComponent("code", null, node.content)));
+        case 'blockquote':
+            return (createComponent("blockquote", { className: "md-blockquote" }, node.children.map((child, i) => renderBlock(child, i, options))));
+        case 'horizontalRule':
+            return createComponent("hr", { className: "md-hr" });
+        case 'list': {
+            const listItems = node.items.map((item) => {
+                if (item.checkbox !== undefined) {
+                    const handleChange = () => {
+                        if (!options.readOnly && options.onChange) {
+                            options.onChange(toggleCheckbox(options.content, item.sourceLineIndex));
+                        }
+                    };
+                    return (createComponent("li", { className: "md-list-item md-checkbox-item", "data-source-line": String(item.sourceLineIndex) },
+                        createComponent(Checkbox, { checked: item.checkbox === 'checked', disabled: options.readOnly, onchange: handleChange }),
+                        createComponent("span", { className: "md-checkbox-label" }, renderInline(item.children))));
+                }
+                return createComponent("li", { className: "md-list-item" }, renderInline(item.children));
+            });
+            if (node.ordered) {
+                return createComponent("ol", { className: "md-list" }, listItems);
+            }
+            return createComponent("ul", { className: "md-list" }, listItems);
+        }
+        default:
+            return createComponent(createComponent, null);
+    }
+};
+/**
+ * Renders a Markdown string using FuryStack Shades components.
+ * Supports headings, paragraphs, lists, checkboxes, code blocks,
+ * blockquotes, images, links, and horizontal rules.
+ */
+export const MarkdownDisplay = Shade({
+    shadowDomName: 'shade-markdown-display',
+    css: {
+        display: 'block',
+        fontFamily: cssVariableTheme.typography.fontFamily,
+        color: cssVariableTheme.text.primary,
+        lineHeight: cssVariableTheme.typography.lineHeight.relaxed,
+        '& .md-inline-code': {
+            fontFamily: 'monospace',
+            backgroundColor: cssVariableTheme.action.hoverBackground,
+            padding: '2px 6px',
+            borderRadius: cssVariableTheme.shape.borderRadius.xs,
+            fontSize: '0.9em',
+        },
+        '& .md-code-block': {
+            fontFamily: 'monospace',
+            backgroundColor: cssVariableTheme.background.default,
+            border: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+            borderRadius: cssVariableTheme.shape.borderRadius.md,
+            padding: cssVariableTheme.spacing.md,
+            overflow: 'auto',
+            fontSize: cssVariableTheme.typography.fontSize.sm,
+            margin: `${cssVariableTheme.spacing.sm} 0`,
+        },
+        '& .md-code-block code': {
+            font: 'inherit',
+            whiteSpace: 'pre',
+        },
+        '& .md-blockquote': {
+            borderLeft: `4px solid ${cssVariableTheme.palette.primary.main}`,
+            margin: `${cssVariableTheme.spacing.sm} 0`,
+            padding: `${cssVariableTheme.spacing.sm} ${cssVariableTheme.spacing.md}`,
+            color: cssVariableTheme.text.secondary,
+        },
+        '& .md-link': {
+            color: cssVariableTheme.palette.primary.main,
+            textDecoration: 'none',
+        },
+        '& .md-link:hover': {
+            textDecoration: 'underline',
+        },
+        '& .md-image': {
+            maxWidth: '100%',
+            borderRadius: cssVariableTheme.shape.borderRadius.md,
+        },
+        '& .md-hr': {
+            border: 'none',
+            borderTop: `1px solid ${cssVariableTheme.divider}`,
+            margin: `${cssVariableTheme.spacing.md} 0`,
+        },
+        '& .md-list': {
+            paddingLeft: cssVariableTheme.spacing.xl,
+            margin: `${cssVariableTheme.spacing.sm} 0`,
+        },
+        '& .md-list-item': {
+            marginBottom: cssVariableTheme.spacing.xs,
+            fontSize: cssVariableTheme.typography.fontSize.md,
+        },
+        '& .md-checkbox-item': {
+            listStyle: 'none',
+            display: 'flex',
+            alignItems: 'center',
+            gap: cssVariableTheme.spacing.sm,
+        },
+        '& .md-checkbox-label': {
+            fontSize: cssVariableTheme.typography.fontSize.md,
+        },
+    },
+    render: ({ props }) => {
+        const readOnly = props.readOnly !== false;
+        const ast = parseMarkdown(props.content);
+        return (createComponent("div", { className: "md-root" }, ast.map((node, i) => renderBlock(node, i, {
+            content: props.content,
+            readOnly,
+            onChange: props.onChange,
+        }))));
+    },
+});
+//# sourceMappingURL=markdown-display.js.map

package/esm/components/markdown/markdown-display.js.map

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

package/esm/components/markdown/markdown-display.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=markdown-display.spec.d.ts.map

package/esm/components/markdown/markdown-display.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-display.spec.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/markdown-display.spec.tsx"],"names":[],"mappings":""}

package/esm/components/markdown/markdown-display.spec.js

@@ -0,0 +1,191 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { MarkdownDisplay } from './markdown-display.js';
+describe('MarkdownDisplay', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+        vi.restoreAllMocks();
+    });
+    it('should render with shadow DOM', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "Hello" }),
+            });
+            await sleepAsync(50);
+            const el = document.querySelector('shade-markdown-display');
+            expect(el).not.toBeNull();
+        });
+    });
+    it('should render a heading', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "# Hello World" }),
+            });
+            await sleepAsync(50);
+            const typography = document.querySelector('shade-markdown-display shade-typography');
+            expect(typography).not.toBeNull();
+            expect(typography?.getAttribute('data-variant')).toBe('h1');
+            expect(typography?.textContent).toContain('Hello World');
+        });
+    });
+    it('should render a paragraph', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "Just a paragraph." }),
+            });
+            await sleepAsync(50);
+            const typography = document.querySelector('shade-markdown-display shade-typography[data-variant="body1"]');
+            expect(typography).not.toBeNull();
+            expect(typography?.textContent).toContain('Just a paragraph.');
+        });
+    });
+    it('should render a code block', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: '```js\nconsole.log("hi")\n```' }),
+            });
+            await sleepAsync(50);
+            const codeBlock = document.querySelector('shade-markdown-display .md-code-block');
+            expect(codeBlock).not.toBeNull();
+            expect(codeBlock?.textContent).toContain('console.log("hi")');
+        });
+    });
+    it('should render a list', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: '- Item A\n- Item B' }),
+            });
+            await sleepAsync(50);
+            const list = document.querySelector('shade-markdown-display ul');
+            expect(list).not.toBeNull();
+            const items = document.querySelectorAll('shade-markdown-display .md-list-item');
+            expect(items.length).toBe(2);
+        });
+    });
+    it('should render checkboxes as disabled when readOnly (default)', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "- [ ] Task" }),
+            });
+            await sleepAsync(50);
+            const checkbox = document.querySelector('shade-markdown-display shade-checkbox');
+            expect(checkbox).not.toBeNull();
+            expect(checkbox?.hasAttribute('data-disabled')).toBe(true);
+        });
+    });
+    it('should render checkboxes as enabled when readOnly is false', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const onChange = vi.fn();
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "- [ ] Task", readOnly: false, onChange: onChange }),
+            });
+            await sleepAsync(50);
+            const checkbox = document.querySelector('shade-markdown-display shade-checkbox');
+            expect(checkbox).not.toBeNull();
+            expect(checkbox?.hasAttribute('data-disabled')).toBe(false);
+            const input = checkbox?.querySelector('input[type="checkbox"]');
+            expect(input).not.toBeNull();
+            input.click();
+            await sleepAsync(50);
+            expect(onChange).toHaveBeenCalledOnce();
+            expect(onChange).toHaveBeenCalledWith('- [x] Task');
+        });
+    });
+    it('should render a blockquote', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "> Quote text" }),
+            });
+            await sleepAsync(50);
+            const bq = document.querySelector('shade-markdown-display .md-blockquote');
+            expect(bq).not.toBeNull();
+            expect(bq?.textContent).toContain('Quote text');
+        });
+    });
+    it('should render a horizontal rule', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "---" }),
+            });
+            await sleepAsync(50);
+            const hr = document.querySelector('shade-markdown-display .md-hr');
+            expect(hr).not.toBeNull();
+        });
+    });
+    it('should render links', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "[Click here](https://example.com)" }),
+            });
+            await sleepAsync(50);
+            const link = document.querySelector('shade-markdown-display .md-link');
+            expect(link).not.toBeNull();
+            expect(link?.href).toContain('example.com');
+            expect(link?.textContent).toContain('Click here');
+        });
+    });
+    it('should render images', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "![alt text](image.png)" }),
+            });
+            await sleepAsync(50);
+            const img = document.querySelector('shade-markdown-display .md-image');
+            expect(img).not.toBeNull();
+            expect(img?.alt).toBe('alt text');
+        });
+    });
+    it('should render empty for empty content', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(MarkdownDisplay, { content: "" }),
+            });
+            await sleepAsync(50);
+            const root = document.querySelector('shade-markdown-display .md-root');
+            expect(root).not.toBeNull();
+            expect(root?.children.length).toBe(0);
+        });
+    });
+});
+//# sourceMappingURL=markdown-display.spec.js.map

package/esm/components/markdown/markdown-display.spec.js.map

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

package/esm/components/markdown/markdown-editor.d.ts

@@ -0,0 +1,25 @@
+export type MarkdownEditorLayout = 'side-by-side' | 'tabs' | 'above-below';
+export type MarkdownEditorProps = {
+    /** The current Markdown string */
+    value: string;
+    /** Called when the value changes (from either the input or checkbox toggle) */
+    onValueChange?: (newValue: string) => void;
+    /** Layout mode for the editor. Defaults to 'side-by-side'. */
+    layout?: MarkdownEditorLayout;
+    /** Maximum image file size in bytes for base64 paste */
+    maxImageSizeBytes?: number;
+    /** When true, the editor is read-only */
+    readOnly?: boolean;
+    /** Inline styles applied to the host element */
+    style?: Partial<CSSStyleDeclaration>;
+};
+/**
+ * Combined Markdown editor with an input pane and a live preview pane.
+ * Supports three layouts: side-by-side, tabs (Edit/Preview), or above-below.
+ */
+export declare const MarkdownEditor: (props: MarkdownEditorProps & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=markdown-editor.d.ts.map

package/esm/components/markdown/markdown-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/markdown-editor.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG,MAAM,GAAG,aAAa,CAAA;AAE1E,MAAM,MAAM,mBAAmB,GAAG;IAChC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CACrC,CAAA;AAID;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;sEAyIzB,CAAA"}

package/esm/components/markdown/markdown-editor.js

@@ -0,0 +1,113 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { cssVariableTheme } from '../../services/css-variable-theme.js';
+import { Tabs } from '../tabs.js';
+import { MarkdownDisplay } from './markdown-display.js';
+import { MarkdownInput } from './markdown-input.js';
+/**
+ * Combined Markdown editor with an input pane and a live preview pane.
+ * Supports three layouts: side-by-side, tabs (Edit/Preview), or above-below.
+ */
+export const MarkdownEditor = Shade({
+    shadowDomName: 'shade-markdown-editor',
+    css: {
+        display: 'flex',
+        flexDirection: 'column',
+        border: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        overflow: 'hidden',
+        minHeight: '0',
+        '& .md-editor-split': {
+            display: 'flex',
+            flex: '1',
+            minHeight: '0',
+        },
+        '& .md-editor-split[data-layout="side-by-side"]': {
+            flexDirection: 'row',
+        },
+        '& .md-editor-split[data-layout="above-below"]': {
+            flexDirection: 'column',
+            minHeight: 'auto',
+        },
+        '& .md-editor-pane': {
+            flex: '1',
+            minWidth: '0',
+            minHeight: '0',
+            overflow: 'auto',
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        '& .md-editor-pane-input': {
+            borderRight: 'none',
+        },
+        '& .md-editor-split[data-layout="side-by-side"] .md-editor-pane-input': {
+            borderRight: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+        },
+        '& .md-editor-split[data-layout="above-below"] .md-editor-pane-input': {
+            borderBottom: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+        },
+        '& .md-editor-split[data-layout="above-below"] .md-editor-pane': {
+            flex: 'none',
+            overflow: 'visible',
+            minHeight: 'auto',
+        },
+        '& .md-editor-split[data-layout="above-below"] shade-markdown-input textarea': {
+            overflow: 'hidden',
+            fieldSizing: 'content',
+        },
+        '& .md-editor-pane-preview': {
+            padding: cssVariableTheme.spacing.md,
+        },
+        '& shade-markdown-input': {
+            marginBottom: '0',
+            flex: '1',
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        '& shade-markdown-input label': {
+            border: 'none',
+            borderRadius: '0',
+            flex: '1',
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        '& shade-markdown-input textarea': {
+            flex: '1',
+            resize: 'none',
+        },
+        '& shade-tabs': {
+            flex: '1',
+            minHeight: '0',
+        },
+        '& .md-editor-tab-content': {
+            padding: cssVariableTheme.spacing.md,
+            overflow: 'auto',
+        },
+    },
+    render: ({ props, useState, useHostProps }) => {
+        const layout = props.layout ?? 'side-by-side';
+        useHostProps({
+            ...(props.style ? { style: props.style } : {}),
+        });
+        const [activeTab, setActiveTab] = useState('activeTab', 'edit');
+        const inputPane = (createComponent(MarkdownInput, { value: props.value, onValueChange: props.onValueChange, maxImageSizeBytes: props.maxImageSizeBytes, readOnly: props.readOnly }));
+        const previewPane = createComponent(MarkdownDisplay, { content: props.value, readOnly: false, onChange: props.onValueChange });
+        if (layout === 'tabs') {
+            return (createComponent(Tabs, { activeKey: activeTab, onTabChange: (key) => setActiveTab(key), tabs: [
+                    {
+                        header: createComponent(createComponent, null, "Edit"),
+                        hash: 'edit',
+                        component: createComponent("div", { className: "md-editor-tab-content" }, inputPane),
+                    },
+                    {
+                        header: createComponent(createComponent, null, "Preview"),
+                        hash: 'preview',
+                        component: createComponent("div", { className: "md-editor-tab-content" }, previewPane),
+                    },
+                ] }));
+        }
+        return (createComponent("div", { className: "md-editor-split", "data-layout": layout },
+            createComponent("div", { className: "md-editor-pane md-editor-pane-input" }, inputPane),
+            createComponent("div", { className: "md-editor-pane md-editor-pane-preview" }, previewPane)));
+    },
+});
+//# sourceMappingURL=markdown-editor.js.map

package/esm/components/markdown/markdown-editor.js.map

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