@mdwrk/markdown-editor-react 1.0.2

package/README.md

@@ -0,0 +1,32 @@
+# mdwrk/markdown-editor-react
+
+React bindings for the portable Markdown Workspace source-mode editor.
+
+## Responsibilities
+
+- `MarkdownSourceEditor` React component
+- controlled and uncontrolled value modes
+- textarea selection + cursor synchronization
+- keyboard shortcuts and built-in command wiring
+- undo/redo integration on top of the core package
+- theme variable bridge and optional default stylesheet
+
+## Key exports
+
+- `MarkdownSourceEditor`
+- `createMarkdownEditorThemeStyle`
+- `createMarkdownEditorThemeVariablesFromThemeTokens`
+- `createMarkdownEditorThemeStyleFromThemeTokens`
+- `useMarkdownSourceEditorTheme`
+- `MarkdownSourceEditorHandle`
+- re-exports from `mdwrk/markdown-editor-core`
+
+## Optional stylesheet
+
+```css
+@import url("@mdwrk/markdown-editor-react/styles/default.css");
+```
+
+## Status
+
+Implemented in the Phase 9 checkpoint. The package is publishable. Repository-wide certification remains pending later phases.

package/dist/component.d.ts

@@ -0,0 +1,2 @@
+export declare const MarkdownSourceEditor: any;
+//# 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":"AAsCA,eAAO,MAAM,oBAAoB,KAwUhC,CAAC"}

package/dist/component.js

@@ -0,0 +1,254 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { DEFAULT_MARKDOWN_EDITOR_CLASS_NAMES, applyBuiltinMarkdownCommand, canRedoHistory, canUndoHistory, computeCursorPosition, createSelection, createHistoryState, normalizeSelection, pushHistoryEntry, redoHistory, replaceHistoryPresent, resetHistoryState, undoHistory, } from "@mdwrk/markdown-editor-core";
+import { createMarkdownEditorThemeStyle } from "./theme.js";
+const mergeClassNames = (...values) => values.filter(Boolean).join(" ");
+function selectionEquals(a, b) {
+    return a.start === b.start && a.end === b.end && (a.direction ?? "none") === (b.direction ?? "none");
+}
+function snapshotFromState(value, selection) {
+    return { value, selection };
+}
+export const MarkdownSourceEditor = React.forwardRef(function MarkdownSourceEditor({ value, defaultValue, documentKey, onChange, onSelectionChange, onCursorChange, onHistoryChange, onCommand, className, style, themeStyle, placeholder = "Start typing...", spellCheck = false, autoFocus = false, disabled = false, showLineNumbers = true, historyLimit = 100, textareaClassName, gutterClassName, lineNumberClassName, indentUnit = "\t", themeVariables, }, ref) {
+    const isControlled = value !== undefined;
+    const initialValue = React.useMemo(() => value ?? defaultValue ?? "", []);
+    const [draftValue, setDraftValue] = React.useState(initialValue);
+    const [selection, setSelection] = React.useState(createSelection(initialValue.length, initialValue.length));
+    const [history, setHistory] = React.useState(() => createHistoryState(initialValue, createSelection(initialValue.length, initialValue.length), historyLimit));
+    const textareaRef = React.useRef(null);
+    const gutterRef = React.useRef(null);
+    const draftValueRef = React.useRef(draftValue);
+    const selectionRef = React.useRef(selection);
+    const historyRef = React.useRef(history);
+    const pendingSelectionRef = React.useRef(null);
+    React.useEffect(() => {
+        draftValueRef.current = draftValue;
+    }, [draftValue]);
+    React.useEffect(() => {
+        selectionRef.current = selection;
+    }, [selection]);
+    React.useEffect(() => {
+        historyRef.current = history;
+        onHistoryChange?.(history);
+    }, [history, onHistoryChange]);
+    React.useEffect(() => {
+        if (documentKey === undefined)
+            return;
+        const nextValue = value ?? defaultValue ?? draftValueRef.current;
+        const nextSelection = createSelection(nextValue.length, nextValue.length);
+        setDraftValue(nextValue);
+        setSelection(nextSelection);
+        setHistory(resetHistoryState(nextValue, nextSelection, historyLimit));
+        pendingSelectionRef.current = nextSelection;
+    }, [documentKey]);
+    React.useLayoutEffect(() => {
+        if (!isControlled || value === undefined)
+            return;
+        if (value === draftValueRef.current)
+            return;
+        const nextSelection = normalizeSelection(selectionRef.current, value.length);
+        setDraftValue(value);
+        setSelection(nextSelection);
+        setHistory((currentHistory) => replaceHistoryPresent(currentHistory, value, nextSelection));
+        pendingSelectionRef.current = nextSelection;
+    }, [isControlled, value]);
+    React.useLayoutEffect(() => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const nextSelection = pendingSelectionRef.current ?? selectionRef.current;
+        const normalized = normalizeSelection(nextSelection, textarea.value.length);
+        try {
+            textarea.setSelectionRange(normalized.start, normalized.end, normalized.direction ?? "none");
+        }
+        catch {
+            textarea.setSelectionRange(normalized.start, normalized.end);
+        }
+        pendingSelectionRef.current = null;
+    }, [draftValue, selection]);
+    const emitCursor = React.useCallback((nextValue, nextSelection) => {
+        const cursor = computeCursorPosition(nextValue, nextSelection.end);
+        onCursorChange?.(cursor.line, cursor.column);
+    }, [onCursorChange]);
+    const syncSelectionFromTextarea = React.useCallback(() => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return createSelection(0, 0);
+        const nextSelection = normalizeSelection({
+            start: textarea.selectionStart,
+            end: textarea.selectionEnd,
+            direction: textarea.selectionDirection ?? "none",
+        }, textarea.value.length);
+        const didSelectionChange = !selectionEquals(selectionRef.current, nextSelection);
+        selectionRef.current = nextSelection;
+        if (didSelectionChange) {
+            setSelection(nextSelection);
+            onSelectionChange?.(nextSelection);
+        }
+        emitCursor(textarea.value, nextSelection);
+        return nextSelection;
+    }, [emitCursor, onSelectionChange]);
+    const commitValue = React.useCallback((nextValue, nextSelection, options = {}) => {
+        const normalizedSelection = normalizeSelection(nextSelection, nextValue.length);
+        draftValueRef.current = nextValue;
+        selectionRef.current = normalizedSelection;
+        setDraftValue(nextValue);
+        setSelection(normalizedSelection);
+        pendingSelectionRef.current = normalizedSelection;
+        setHistory((currentHistory) => {
+            return options.historic === false
+                ? replaceHistoryPresent(currentHistory, nextValue, normalizedSelection)
+                : pushHistoryEntry(currentHistory, nextValue, normalizedSelection);
+        });
+        onChange?.(nextValue);
+        onSelectionChange?.(normalizedSelection);
+        emitCursor(nextValue, normalizedSelection);
+        if (options.focus) {
+            requestAnimationFrame(() => textareaRef.current?.focus());
+        }
+    }, [emitCursor, onChange, onSelectionChange]);
+    const applyEditResult = React.useCallback((result, options) => {
+        if (!result.changed && options?.historic !== false)
+            return snapshotFromState(draftValueRef.current, selectionRef.current);
+        commitValue(result.value, result.selection, options);
+        return snapshotFromState(result.value, result.selection);
+    }, [commitValue]);
+    const executeCommand = React.useCallback((command, options = {}) => {
+        if (command === "undo") {
+            const nextHistory = undoHistory(historyRef.current);
+            setHistory(nextHistory);
+            setDraftValue(nextHistory.present.value);
+            setSelection(nextHistory.present.selection);
+            pendingSelectionRef.current = nextHistory.present.selection;
+            onChange?.(nextHistory.present.value);
+            onSelectionChange?.(nextHistory.present.selection);
+            emitCursor(nextHistory.present.value, nextHistory.present.selection);
+            onCommand?.(command);
+            return nextHistory.present;
+        }
+        if (command === "redo") {
+            const nextHistory = redoHistory(historyRef.current);
+            setHistory(nextHistory);
+            setDraftValue(nextHistory.present.value);
+            setSelection(nextHistory.present.selection);
+            pendingSelectionRef.current = nextHistory.present.selection;
+            onChange?.(nextHistory.present.value);
+            onSelectionChange?.(nextHistory.present.selection);
+            emitCursor(nextHistory.present.value, nextHistory.present.selection);
+            onCommand?.(command);
+            return nextHistory.present;
+        }
+        const result = applyBuiltinMarkdownCommand(command, draftValueRef.current, selectionRef.current, {
+            indentUnit: options.indentUnit ?? indentUnit,
+        });
+        const snapshot = applyEditResult(result, { focus: true });
+        onCommand?.(command);
+        return snapshot;
+    }, [applyEditResult, emitCursor, indentUnit, onChange, onCommand, onSelectionChange]);
+    React.useImperativeHandle(ref, () => ({
+        focus() {
+            textareaRef.current?.focus();
+        },
+        getSnapshot() {
+            return snapshotFromState(draftValueRef.current, selectionRef.current);
+        },
+        getSelection() {
+            return selectionRef.current;
+        },
+        setSelection(nextSelection) {
+            const normalized = normalizeSelection(nextSelection, draftValueRef.current.length);
+            setSelection(normalized);
+            pendingSelectionRef.current = normalized;
+            onSelectionChange?.(normalized);
+            emitCursor(draftValueRef.current, normalized);
+        },
+        applyEdit(result, options) {
+            applyEditResult(result, { historic: options?.historic, focus: true });
+        },
+        executeCommand,
+        undo() {
+            executeCommand("undo");
+        },
+        redo() {
+            executeCommand("redo");
+        },
+        canUndo() {
+            return canUndoHistory(historyRef.current);
+        },
+        canRedo() {
+            return canRedoHistory(historyRef.current);
+        },
+        getHistory() {
+            return historyRef.current;
+        },
+        setValue(nextValue, options) {
+            commitValue(nextValue, options?.selection ?? createSelection(nextValue.length), {
+                historic: options?.historic,
+                focus: true,
+            });
+        },
+    }), [applyEditResult, commitValue, emitCursor, executeCommand, onSelectionChange]);
+    const handleTextareaChange = React.useCallback((event) => {
+        const nextValue = event.currentTarget.value;
+        const nextSelection = normalizeSelection({
+            start: event.currentTarget.selectionStart,
+            end: event.currentTarget.selectionEnd,
+            direction: event.currentTarget.selectionDirection ?? "none",
+        }, nextValue.length);
+        commitValue(nextValue, nextSelection);
+    }, [commitValue]);
+    const handleKeyDown = React.useCallback((event) => {
+        if (disabled)
+            return;
+        syncSelectionFromTextarea();
+        const meta = event.metaKey || event.ctrlKey;
+        const key = event.key.toLowerCase();
+        if (!meta && event.key === "Tab") {
+            event.preventDefault();
+            executeCommand(event.shiftKey ? "outdent" : "indent", { indentUnit });
+            return;
+        }
+        if (!meta)
+            return;
+        if (key === "b") {
+            event.preventDefault();
+            executeCommand("bold");
+            return;
+        }
+        if (key === "i") {
+            event.preventDefault();
+            executeCommand("italic");
+            return;
+        }
+        if (key === "x" && event.shiftKey) {
+            event.preventDefault();
+            executeCommand("strikethrough");
+            return;
+        }
+        if (key === "z") {
+            event.preventDefault();
+            executeCommand(event.shiftKey ? "redo" : "undo");
+            return;
+        }
+        if (key === "y") {
+            event.preventDefault();
+            executeCommand("redo");
+        }
+    }, [disabled, executeCommand, indentUnit, syncSelectionFromTextarea]);
+    const lineCount = React.useMemo(() => {
+        const displayValue = isControlled ? (value ?? "") : draftValue;
+        const matches = displayValue.match(/\n/g);
+        return (matches?.length ?? 0) + 1;
+    }, [draftValue, isControlled, value]);
+    const mergedThemeStyle = React.useMemo(() => ({
+        ...createMarkdownEditorThemeStyle(themeVariables),
+        ...themeStyle,
+        ...style,
+    }), [style, themeStyle, themeVariables]);
+    return (_jsx("div", { className: mergeClassNames(DEFAULT_MARKDOWN_EDITOR_CLASS_NAMES.root, "editor-stage", className), style: mergedThemeStyle, children: _jsxs("div", { className: mergeClassNames(DEFAULT_MARKDOWN_EDITOR_CLASS_NAMES.layout, "editor-layout-wrapper"), children: [showLineNumbers ? (_jsx("div", { ref: gutterRef, className: mergeClassNames(DEFAULT_MARKDOWN_EDITOR_CLASS_NAMES.gutter, "editor-gutter", gutterClassName), "aria-hidden": "true", children: Array.from({ length: lineCount }, (_, index) => (_jsx("div", { className: mergeClassNames(DEFAULT_MARKDOWN_EDITOR_CLASS_NAMES.lineNumber, "line-num", lineNumberClassName), children: index + 1 }, index + 1))) })) : null, _jsx("textarea", { ref: textareaRef, className: mergeClassNames(DEFAULT_MARKDOWN_EDITOR_CLASS_NAMES.textarea, "editor-textarea", textareaClassName), value: isControlled ? (value ?? "") : draftValue, onChange: handleTextareaChange, onKeyDown: handleKeyDown, onClick: syncSelectionFromTextarea, onKeyUp: syncSelectionFromTextarea, onSelect: syncSelectionFromTextarea, onScroll: (event) => {
+                        if (gutterRef.current) {
+                            gutterRef.current.scrollTop = event.currentTarget.scrollTop;
+                        }
+                    }, spellCheck: spellCheck, autoFocus: autoFocus, disabled: disabled, placeholder: placeholder, "data-testid": "markdown-source-editor" })] }) }));
+});
+//# sourceMappingURL=component.js.map

package/dist/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../src/component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,mCAAmC,EACnC,2BAA2B,EAC3B,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,GACZ,MAAM,6BAA6B,CAAC;AASrC,OAAO,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAC;AAG5D,MAAM,eAAe,GAAG,CAAC,GAAG,MAAiC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEnG,SAAS,eAAe,CAAC,CAA0B,EAAE,CAA0B;IAC7E,OAAO,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC;AACvG,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAa,EAAE,SAAkC;IAC1E,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,SAAS,oBAAoB,CAC3B,EACE,KAAK,EACL,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,WAAW,GAAG,iBAAiB,EAC/B,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,EACtB,YAAY,GAAG,GAAG,EAClB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,UAAU,GAAG,IAAI,EACjB,cAAc,GACf,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IACzC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,YAAY,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,YAAY,CAAC,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA0B,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACrI,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA6B,GAAG,EAAE,CAAC,kBAAkB,CAAC,YAAY,EAAE,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1L,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAiC,IAAI,CAAC,CAAC;IAE/E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IACrC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;IACnC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;QAC7B,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,KAAK,SAAS;YAAE,OAAO;QACtC,MAAM,SAAS,GAAG,KAAK,IAAI,YAAY,IAAI,aAAa,CAAC,OAAO,CAAC;QACjE,MAAM,aAAa,GAAG,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QAC1E,aAAa,CAAC,SAAS,CAAC,CAAC;QACzB,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,UAAU,CAAC,iBAAiB,CAAC,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;QACtE,mBAAmB,CAAC,OAAO,GAAG,aAAa,CAAC;IAC9C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,CAAC,YAAY,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QACjD,IAAI,KAAK,KAAK,aAAa,CAAC,OAAO;YAAE,OAAO;QAC5C,MAAM,aAAa,GAAG,kBAAkB,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7E,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,UAAU,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,qBAAqB,CAAC,cAAc,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;QAC5F,mBAAmB,CAAC,OAAO,GAAG,aAAa,CAAC;IAC9C,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1B,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,aAAa,GAAG,mBAAmB,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC;QAC1E,MAAM,UAAU,GAAG,kBAAkB,CAAC,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC5E,IAAI,CAAC;YACH,QAAQ,CAAC,iBAAiB,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC;QAC/F,CAAC;QAAC,MAAM,CAAC;YACP,QAAQ,CAAC,iBAAiB,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;QAC/D,CAAC;QACD,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;IACrC,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,SAAiB,EAAE,aAAsC,EAAE,EAAE;QACjG,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;QACnE,cAAc,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvD,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5C,MAAM,aAAa,GAAG,kBAAkB,CAAC;YACvC,KAAK,EAAE,QAAQ,CAAC,cAAc;YAC9B,GAAG,EAAE,QAAQ,CAAC,YAAY;YAC1B,SAAS,EAAE,QAAQ,CAAC,kBAAkB,IAAI,MAAM;SACjD,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC1B,MAAM,kBAAkB,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QACjF,YAAY,CAAC,OAAO,GAAG,aAAa,CAAC;QACrC,IAAI,kBAAkB,EAAE,CAAC;YACvB,YAAY,CAAC,aAAa,CAAC,CAAC;YAC5B,iBAAiB,EAAE,CAAC,aAAa,CAAC,CAAC;QACrC,CAAC;QACD,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAC1C,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CACpC,SAAiB,EACjB,aAAsC,EACtC,UAAmD,EAAE,EACrD,EAAE;QACF,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QAChF,aAAa,CAAC,OAAO,GAAG,SAAS,CAAC;QAClC,YAAY,CAAC,OAAO,GAAG,mBAAmB,CAAC;QAC3C,aAAa,CAAC,SAAS,CAAC,CAAC;QACzB,YAAY,CAAC,mBAAmB,CAAC,CAAC;QAClC,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC;QAClD,UAAU,CAAC,CAAC,cAAc,EAAE,EAAE;YAC5B,OAAO,OAAO,CAAC,QAAQ,KAAK,KAAK;gBAC/B,CAAC,CAAC,qBAAqB,CAAC,cAAc,EAAE,SAAS,EAAE,mBAAmB,CAAC;gBACvE,CAAC,CAAC,gBAAgB,CAAC,cAAc,EAAE,SAAS,EAAE,mBAAmB,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;QACH,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC;QACtB,iBAAiB,EAAE,CAAC,mBAAmB,CAAC,CAAC;QACzC,UAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAC3C,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YAClB,qBAAqB,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,MAAgC,EAAE,OAAiD,EAAE,EAAE;QAChI,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,OAAO,EAAE,QAAQ,KAAK,KAAK;YAAE,OAAO,iBAAiB,CAAC,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1H,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACrD,OAAO,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CACvC,OAAuC,EACvC,UAAwC,EAAE,EAClB,EAAE;QAC1B,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;YACvB,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACpD,UAAU,CAAC,WAAW,CAAC,CAAC;YACxB,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACzC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC5C,mBAAmB,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC;YAC5D,QAAQ,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACtC,iBAAiB,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACnD,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACrE,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC;YACrB,OAAO,WAAW,CAAC,OAAO,CAAC;QAC7B,CAAC;QACD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;YACvB,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACpD,UAAU,CAAC,WAAW,CAAC,CAAC;YACxB,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACzC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC5C,mBAAmB,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC;YAC5D,QAAQ,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACtC,iBAAiB,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACnD,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACrE,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC;YACrB,OAAO,WAAW,CAAC,OAAO,CAAC;QAC7B,CAAC;QAED,MAAM,MAAM,GAAG,2BAA2B,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE;YAC/F,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,UAAU;SAC7C,CAAC,CAAC;QACH,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1D,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC;QACrB,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtF,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,KAAK;YACH,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC/B,CAAC;QACD,WAAW;YACT,OAAO,iBAAiB,CAAC,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QACxE,CAAC;QACD,YAAY;YACV,OAAO,YAAY,CAAC,OAAO,CAAC;QAC9B,CAAC;QACD,YAAY,CAAC,aAAsC;YACjD,MAAM,UAAU,GAAG,kBAAkB,CAAC,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACnF,YAAY,CAAC,UAAU,CAAC,CAAC;YACzB,mBAAmB,CAAC,OAAO,GAAG,UAAU,CAAC;YACzC,iBAAiB,EAAE,CAAC,UAAU,CAAC,CAAC;YAChC,UAAU,CAAC,aAAa,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAChD,CAAC;QACD,SAAS,CAAC,MAAgC,EAAE,OAAgC;YAC1E,eAAe,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACxE,CAAC;QACD,cAAc;QACd,IAAI;YACF,cAAc,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;QACD,IAAI;YACF,cAAc,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;QACD,OAAO;YACL,OAAO,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC;QACD,OAAO;YACL,OAAO,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC;QACD,UAAU;YACR,OAAO,UAAU,CAAC,OAAO,CAAC;QAC5B,CAAC;QACD,QAAQ,CAAC,SAAiB,EAAE,OAAqE;YAC/F,WAAW,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;gBAC9E,QAAQ,EAAE,OAAO,EAAE,QAAQ;gBAC3B,KAAK,EAAE,IAAI;aACZ,CAAC,CAAC;QACL,CAAC;KACF,CAAC,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEnF,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAuC,EAAE,EAAE;QACzF,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;QAC5C,MAAM,aAAa,GAAG,kBAAkB,CAAC;YACvC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc;YACzC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY;YACrC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,IAAI,MAAM;SAC5D,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QACrB,WAAW,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAyC,EAAE,EAAE;QACpF,IAAI,QAAQ;YAAE,OAAO;QACrB,yBAAyB,EAAE,CAAC;QAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC;QAC5C,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAEpC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YACjC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;YACtE,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;YAChB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,CAAC,MAAM,CAAC,CAAC;YACvB,OAAO;QACT,CAAC;QACD,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;YAChB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,CAAC,QAAQ,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QACD,IAAI,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAClC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,CAAC,eAAe,CAAC,CAAC;YAChC,OAAO;QACT,CAAC;QACD,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;YAChB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YACjD,OAAO;QACT,CAAC;QACD,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;YAChB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEtE,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAC/D,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,8BAA8B,CAAC,cAAc,CAAC;QACjD,GAAG,UAAU;QACb,GAAG,KAAK;KACT,CAAC,EACF,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,CAAC,CACpC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,eAAe,CAAC,mCAAmC,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,CAAC,EAC/F,KAAK,EAAE,gBAAgB,YAEvB,eAAK,SAAS,EAAE,eAAe,CAAC,mCAAmC,CAAC,MAAM,EAAE,uBAAuB,CAAC,aACjG,eAAe,CAAC,CAAC,CAAC,CACjB,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,mCAAmC,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe,CAAC,iBAAc,MAAM,YAC9I,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,cAEE,SAAS,EAAE,eAAe,CAAC,mCAAmC,CAAC,UAAU,EAAE,UAAU,EAAE,mBAAmB,CAAC,YAE1G,KAAK,GAAG,CAAC,IAHL,KAAK,GAAG,CAAC,CAIV,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,mBACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,eAAe,CAAC,mCAAmC,CAAC,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,EAC9G,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,EAChD,QAAQ,EAAE,oBAAoB,EAC9B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,yBAAyB,EAClC,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,yBAAyB,EACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;4BACtB,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;wBAC9D,CAAC;oBACH,CAAC,EACD,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,iBACZ,wBAAwB,GACpC,IACE,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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 "@mdwrk/markdown-editor-core";
+//# 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,6BAA6B,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 "@mdwrk/markdown-editor-core";
+//# 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,6BAA6B,CAAC"}

package/dist/theme.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties } from "react";
+import { type ThemeTokenOverrides } from "@mdwrk/ui-tokens/theme-map";
+export interface MarkdownEditorThemeVariables {
+    readonly background?: string;
+    readonly gutterBackground?: string;
+    readonly border?: string;
+    readonly foreground?: string;
+    readonly foregroundMuted?: string;
+    readonly accent?: string;
+    readonly fontMono?: string;
+    readonly padding?: string;
+    readonly lineHeight?: string;
+    readonly fontSize?: string;
+}
+export declare function createMarkdownEditorThemeStyle(variables?: MarkdownEditorThemeVariables): CSSProperties;
+export declare function createMarkdownEditorThemeVariablesFromThemeTokens(overrides?: ThemeTokenOverrides): Readonly<Record<`--${string}`, string>>;
+export declare function createMarkdownEditorThemeStyleFromThemeTokens(overrides?: ThemeTokenOverrides): CSSProperties;
+export declare function useMarkdownSourceEditorTheme(variables?: MarkdownEditorThemeVariables): 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,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,8BAA8B,CAC5C,SAAS,GAAE,4BAAiC,GAC3C,aAAa,CAaf;AAED,wBAAgB,iDAAiD,CAC/D,SAAS,GAAE,mBAAwB,GAClC,QAAQ,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,CAEzC;AAED,wBAAgB,6CAA6C,CAC3D,SAAS,GAAE,mBAAwB,GAClC,aAAa,CAMf;AAED,wBAAgB,4BAA4B,CAC1C,SAAS,GAAE,4BAAiC,GAC3C,aAAa,CAEf"}

package/dist/theme.js

@@ -0,0 +1,29 @@
+import { createEditorThemeBridgeVariableRecord, } from "@mdwrk/ui-tokens/theme-map";
+export function createMarkdownEditorThemeStyle(variables = {}) {
+    return {
+        ["--mwe-bg-surface"]: variables.background ?? "var(--bg-panel, #11151a)",
+        ["--mwe-bg-gutter"]: variables.gutterBackground ?? "var(--bg-inset, #0d1117)",
+        ["--mwe-border-color"]: variables.border ?? "var(--border-color, rgba(255,255,255,0.12))",
+        ["--mwe-fg-primary"]: variables.foreground ?? "var(--fg-primary, #e9ecf1)",
+        ["--mwe-fg-muted"]: variables.foregroundMuted ?? "var(--fg-muted, #94a3b8)",
+        ["--mwe-accent"]: variables.accent ?? "var(--accent, #7c9cff)",
+        ["--mwe-font-mono"]: variables.fontMono ?? 'var(--font-mono, "Fira Code", ui-monospace, monospace)',
+        ["--mwe-editor-padding"]: variables.padding ?? "var(--editor-padding, 16px)",
+        ["--mwe-line-height"]: variables.lineHeight ?? "1.5rem",
+        ["--mwe-font-size"]: variables.fontSize ?? "calc(13px * var(--ui-scale, 1))",
+    };
+}
+export function createMarkdownEditorThemeVariablesFromThemeTokens(overrides = {}) {
+    return createEditorThemeBridgeVariableRecord(overrides);
+}
+export function createMarkdownEditorThemeStyleFromThemeTokens(overrides = {}) {
+    return {
+        ...createMarkdownEditorThemeVariablesFromThemeTokens(overrides),
+        ["--mwe-line-height"]: "1.5rem",
+        ["--mwe-font-size"]: "calc(13px * var(--ui-scale, 1))",
+    };
+}
+export function useMarkdownSourceEditorTheme(variables = {}) {
+    return createMarkdownEditorThemeStyle(variables);
+}
+//# 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,qCAAqC,GAEtC,MAAM,4BAA4B,CAAC;AAepC,MAAM,UAAU,8BAA8B,CAC5C,YAA0C,EAAE;IAE5C,OAAO;QACL,CAAC,kBAAyB,CAAC,EAAE,SAAS,CAAC,UAAU,IAAI,0BAA0B;QAC/E,CAAC,iBAAwB,CAAC,EAAE,SAAS,CAAC,gBAAgB,IAAI,0BAA0B;QACpF,CAAC,oBAA2B,CAAC,EAAE,SAAS,CAAC,MAAM,IAAI,6CAA6C;QAChG,CAAC,kBAAyB,CAAC,EAAE,SAAS,CAAC,UAAU,IAAI,4BAA4B;QACjF,CAAC,gBAAuB,CAAC,EAAE,SAAS,CAAC,eAAe,IAAI,0BAA0B;QAClF,CAAC,cAAqB,CAAC,EAAE,SAAS,CAAC,MAAM,IAAI,wBAAwB;QACrE,CAAC,iBAAwB,CAAC,EAAE,SAAS,CAAC,QAAQ,IAAI,wDAAwD;QAC1G,CAAC,sBAA6B,CAAC,EAAE,SAAS,CAAC,OAAO,IAAI,6BAA6B;QACnF,CAAC,mBAA0B,CAAC,EAAE,SAAS,CAAC,UAAU,IAAI,QAAQ;QAC9D,CAAC,iBAAwB,CAAC,EAAE,SAAS,CAAC,QAAQ,IAAI,iCAAiC;KACpF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iDAAiD,CAC/D,YAAiC,EAAE;IAEnC,OAAO,qCAAqC,CAAC,SAAS,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,6CAA6C,CAC3D,YAAiC,EAAE;IAEnC,OAAO;QACL,GAAG,iDAAiD,CAAC,SAAS,CAAC;QAC/D,CAAC,mBAA0B,CAAC,EAAE,QAAQ;QACtC,CAAC,iBAAwB,CAAC,EAAE,iCAAiC;KAC9D,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,4BAA4B,CAC1C,YAA0C,EAAE;IAE5C,OAAO,8BAA8B,CAAC,SAAS,CAAC,CAAC;AACnD,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,38 @@
+import type { CSSProperties } from "react";
+import type { MarkdownEditorBuiltinCommandId, MarkdownEditorCommandOptions, MarkdownEditorHistoryState, MarkdownEditorHostEditApi, MarkdownEditorSelection, MarkdownEditorSnapshot } from "@mdwrk/markdown-editor-core";
+import type { MarkdownEditorThemeVariables } from "./theme.js";
+export interface MarkdownSourceEditorProps {
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly documentKey?: string | number;
+    readonly onChange?: (value: string) => void;
+    readonly onSelectionChange?: (selection: MarkdownEditorSelection) => void;
+    readonly onCursorChange?: (line: number, column: number) => void;
+    readonly onHistoryChange?: (history: MarkdownEditorHistoryState) => void;
+    readonly onCommand?: (command: MarkdownEditorBuiltinCommandId) => void;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+    readonly themeStyle?: CSSProperties;
+    readonly placeholder?: string;
+    readonly spellCheck?: boolean;
+    readonly autoFocus?: boolean;
+    readonly disabled?: boolean;
+    readonly showLineNumbers?: boolean;
+    readonly historyLimit?: number;
+    readonly textareaClassName?: string;
+    readonly gutterClassName?: string;
+    readonly lineNumberClassName?: string;
+    readonly indentUnit?: string;
+    readonly themeVariables?: MarkdownEditorThemeVariables;
+}
+export interface MarkdownSourceEditorHandle extends MarkdownEditorHostEditApi {
+    canUndo(): boolean;
+    canRedo(): boolean;
+    getHistory(): MarkdownEditorHistoryState;
+    setValue(value: string, options?: {
+        historic?: boolean;
+        selection?: MarkdownEditorSelection;
+    }): void;
+    executeCommand(command: MarkdownEditorBuiltinCommandId, options?: MarkdownEditorCommandOptions): MarkdownEditorSnapshot;
+}
+//# 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,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EACV,8BAA8B,EAC9B,4BAA4B,EAC5B,0BAA0B,EAC1B,yBAAyB,EACzB,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE/D,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC1E,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,cAAc,CAAC,EAAE,4BAA4B,CAAC;CACxD;AAED,MAAM,WAAW,0BAA2B,SAAQ,yBAAyB;IAC3E,OAAO,IAAI,OAAO,CAAC;IACnB,OAAO,IAAI,OAAO,CAAC;IACnB,UAAU,IAAI,0BAA0B,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,uBAAuB,CAAA;KAAE,GAAG,IAAI,CAAC;IACrG,cAAc,CAAC,OAAO,EAAE,8BAA8B,EAAE,OAAO,CAAC,EAAE,4BAA4B,GAAG,sBAAsB,CAAC;CACzH"}

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_EDITOR_REACT_VERSION = "1.0.2";
+//# 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,6BAA6B,UAAU,CAAC"}

package/dist/version.js

@@ -0,0 +1,2 @@
+export const MARKDOWN_EDITOR_REACT_VERSION = "1.0.2";
+//# 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,6BAA6B,GAAG,OAAO,CAAC"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@mdwrk/markdown-editor-react",
+  "version": "1.0.2",
+  "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",
+    "editor",
+    "markdown",
+    "react"
+  ],
+  "description": "React bindings, textarea editor surface, command wiring, history integration, and theme bridge for the Markdown Workspace portable markdown editor.",
+  "dependencies": {
+    "@mdwrk/markdown-editor-core": "^1.0.1",
+    "@mdwrk/ui-tokens": "^1.0.1"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@mdwrk/testing": "^1.0.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "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": "vitest run",
+    "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"
+    },
+    "./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,57 @@
+@import url("@mdwrk/ui-tokens/styles/root.css");
+
+.mw-editor {
+  background: var(--mwe-bg-surface, var(--bg-panel, #11151a));
+  color: var(--mwe-fg-primary, var(--fg-primary, #e9ecf1));
+  width: 100%;
+  height: 100%;
+}
+
+.mw-editor-layout {
+  display: flex;
+  min-height: 320px;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border: 1px solid var(--mwe-border-color, var(--border-color, rgba(255,255,255,0.12)));
+  background: var(--mwe-bg-surface, var(--bg-panel, #11151a));
+}
+
+.mw-editor-gutter {
+  width: 48px;
+  flex: 0 0 48px;
+  background: var(--mwe-bg-gutter, var(--bg-inset, #0d1117));
+  border-right: 1px solid var(--mwe-border-color, var(--border-color, rgba(255,255,255,0.12)));
+  color: var(--mwe-fg-muted, var(--fg-muted, #94a3b8));
+  font-family: var(--mwe-font-mono, var(--font-mono, ui-monospace, monospace));
+  font-size: calc(var(--mwe-font-size, 13px) - 2px);
+  line-height: var(--mwe-line-height, 1.5rem);
+  padding: calc(var(--mwe-editor-padding, 16px) - 8px) 8px;
+  text-align: right;
+  overflow: hidden;
+  user-select: none;
+}
+
+.mw-editor-line-number {
+  height: var(--mwe-line-height, 1.5rem);
+  line-height: var(--mwe-line-height, 1.5rem);
+}
+
+.mw-editor-textarea {
+  flex: 1 1 auto;
+  min-height: 320px;
+  width: 100%;
+  border: none;
+  resize: none;
+  background: var(--mwe-bg-surface, var(--bg-panel, #11151a));
+  color: var(--mwe-fg-primary, var(--fg-primary, #e9ecf1));
+  font-family: var(--mwe-font-mono, var(--font-mono, ui-monospace, monospace));
+  font-size: var(--mwe-font-size, 13px);
+  line-height: var(--mwe-line-height, 1.5rem);
+  padding: var(--mwe-editor-padding, 16px);
+  outline: none;
+}
+
+.mw-editor-textarea::selection {
+  background: color-mix(in srgb, var(--mwe-accent, var(--accent, #7c9cff)) 28%, transparent);
+}