@charcuterie/ui 3.0.0 → 3.2.0

package/dist/MarkdownEditor/MarkdownEditor.d.ts

@@ -0,0 +1,147 @@
+import type { ReactNode } from "react";
+import type { SlotProps } from "../slotProps.ts";
+export type MarkdownImageUpload = {
+    /** Alt text. Defaults to the file's name when omitted. */
+    alt?: string;
+    /** Where the image now lives. Inserted verbatim. */
+    url: string;
+};
+/**
+ * The toolbar's glyphs, by action.
+ *
+ * **No default, and none shipped** — this package ships no icons,
+ * and a `⋯`/`▨` default renders as nothing where the font lacks it
+ * ([decision](../../../../docs/decisions/2026-07-29-ship-no-icons-and-no-symbol-glyphs.md)).
+ * With no icons the toolbar is nine word buttons, which works
+ * everywhere and collapses into the overflow menu early; an app
+ * that brings lucide gets a compact bar and keeps the words as the
+ * accessible names.
+ */
+export type MarkdownEditorIcons = Partial<Record<"bold" | "bulletedList" | "code" | "heading" | "italic" | "link" | "numberedList" | "quote" | "taskList", ReactNode>>;
+export type MarkdownEditorProps = SlotProps & {
+    className?: string;
+    /**
+     * **Initial** only. This control is uncontrolled, and the long
+     * reason is in the doc comment below — it is the whole design.
+     */
+    defaultValue?: string;
+    /** See `MarkdownEditorIcons`. */
+    icons?: MarkdownEditorIcons;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    /**
+     * The accessible name, as `aria-label`. Omit it inside a `Field`,
+     * which supplies a real `<label htmlFor>` — same contract as
+     * `Select`.
+     */
+    label?: string;
+    onChange?: (value: string) => void;
+    /**
+     * A failed upload, after the placeholder has been taken back out
+     * of the text. Pair it with a `Toast`; this component does not
+     * own one.
+     */
+    onUploadError?: (file: File, error: unknown) => void;
+    /**
+     * Paste or drop an image and this runs. **The component does not
+     * own storage** — it hands you a `File`, you put it somewhere,
+     * and the URL you return is inserted at the caret as
+     * `![alt](url)`. Docket keeps its own blob storage precisely so
+     * the URL stays stable and theirs.
+     *
+     * Omit it and image paste is simply not offered: a `<textarea>`
+     * ignores a pasted image on its own, which is the correct
+     * fallback rather than a broken one.
+     */
+    onUploadImage?: (file: File) => Promise<MarkdownImageUpload>;
+    placeholder?: string;
+    /** The editing surface's accessible name in the toolbar's label. */
+    toolbarLabel?: string;
+};
+/**
+ * A live hybrid markdown editor whose stored value is markdown and
+ * only ever markdown.
+ *
+ * Docket asked for this one and the requirement is unusually sharp,
+ * because the tracker it replaces destroyed data by storing HTML in
+ * a field it later tried to read back as text. So the constraint
+ * here is not "prefer markdown" — it is that **an HTML tag must not
+ * be able to reach the stored string**, and the design is chosen to
+ * make that mechanical rather than policed:
+ *
+ *  - the editing surface is a `<textarea>`, which takes
+ *    `text/plain` off the clipboard and nothing else. Copy a
+ *    styled paragraph out of a browser and the `text/html` flavour
+ *    is simply not read;
+ *  - every command in `markdownCommands.ts` returns markdown, and
+ *    there is no serialiser anywhere in the component;
+ *  - the painted layer emits `{ kind, text }` spans that React
+ *    renders as **text nodes**. No `innerHTML`, no sanitiser, and
+ *    nothing to get wrong — a `<script>` in the source is four
+ *    coloured characters on screen.
+ *
+ * `MarkdownEditor.test.tsx` round-trips a value full of the
+ * characters that tempt escaping and asserts no tag ever appears.
+ *
+ * ## Why a `<textarea>` and not an editor core
+ *
+ * Charcuterie is published, so a dependency here is a permanent
+ * cost to every consumer of the package — measured, for a markdown
+ * setup: CodeMirror 6 at 176 KB gzipped, Lexical at 148 KB, TipTap
+ * at 238 KB. This component adds **nothing**. The full argument,
+ * with the numbers and with what the choice gives up, is
+ * `docs/decisions/2026-08-19-the-markdown-editor-is-a-textarea-with-a-painted-layer.md`.
+ *
+ * The accessibility half of that argument is worth repeating here,
+ * because it is the half that is hard to buy back later. A
+ * `<textarea>` arrives with caret movement, word-wise selection,
+ * `Home`/`End`, IME composition, spellcheck, autocorrect, the
+ * platform's own undo stack, `role="textbox"` and
+ * `aria-multiline="true"` — all of it, in every browser, tested by
+ * the vendors. A `contenteditable` starts with none of those and
+ * re-earns each one, and the ones it never fully re-earns are IME
+ * and undo. This library's central claim is that an agent and a
+ * keyboard can drive every component; starting from the platform's
+ * own text control is the cheapest way to keep it.
+ *
+ * ## It is uncontrolled, and that is not a shortcut
+ *
+ * `defaultValue` in, `onChange` out — the same contract as `Select`
+ * ([decision](../../../../docs/decisions/2026-07-31-select-is-uncontrolled-because-the-platform-owns-the-value.md)),
+ * and here it protects something specific. A controlled React
+ * `<textarea>` round-trips every keystroke through render, and any
+ * programmatic `value` assignment **wipes the browser's undo
+ * stack**: Ctrl+Z after a toolbar click then skips the paragraph
+ * you typed before it, or does nothing at all.
+ *
+ * So the textarea is never handed a `value`. Its text is mirrored
+ * into state for *painting* only, and every programmatic edit — a
+ * toolbar action, a shortcut, an image insertion — is applied as a
+ * range replacement through `document.execCommand("insertText")`,
+ * which is deprecated, is the only API that appends to the native
+ * undo stack, and is exactly why `getMinimalEdit` exists.
+ *
+ * A consumer that must swap the whole document — Docket opening a
+ * different task — remounts with a `key`. That is one line, and it
+ * is honest about the fact that the old undo history belonged to
+ * the old document.
+ *
+ * ## Composition, and the one component that did not fit
+ *
+ * The toolbar is this package's `Toolbar`, so the row collapses
+ * into a menu **by measurement** rather than at a breakpoint —
+ * which is what the Narrow View actually needs, since a lane in a
+ * three-up board is narrow on a 4K display. `Field` wraps it
+ * through `SlotProps`, so a label, a description and an error wire
+ * themselves to the textarea.
+ *
+ * `FileDropZone` does **not** wrap it, and that is the interesting
+ * one. That component is a `<label>` around a file input covering
+ * its whole area — correct for "drop a disc image here", and wrong
+ * for a text surface, where the drop has to land *at a character
+ * offset* and the area has to keep taking clicks as caret
+ * placement. So the editor handles its own drop, and `FileDropZone`
+ * stays the right answer for the attachment list beside it.
+ */
+export declare const MarkdownEditor: ({ className, defaultValue, icons, isDisabled, isReadOnly, label, onChange, onUploadError, onUploadImage, placeholder, toolbarLabel, ...receivedSlotProps }: MarkdownEditorProps) => ReactNode;
+//# sourceMappingURL=MarkdownEditor.d.ts.map

package/dist/MarkdownEditor/MarkdownEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAwBhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oDAAoD;IACpD,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,MAAM,CACF,MAAM,GACN,cAAc,GACd,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,cAAc,GACd,OAAO,GACP,UAAU,EACZ,SAAS,CACV,CACF,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,KACP,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AA+DD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,eAAO,MAAM,cAAc,GAAI,4JAa5B,mBAAmB,KAAG,SAilBxB,CAAA"}

package/dist/MarkdownEditor/MarkdownEditor.js

@@ -0,0 +1,492 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUniqueId } from "@charcuterie/logic";
+import { Fragment, useRef, useState } from "react";
+import { mergeSlotProps } from "../slotProps.js";
+import { Toolbar } from "../Toolbar/Toolbar.js";
+import { toClassName } from "../toClassName.js";
+import { continueList, getMinimalEdit, indentLines, insertLink, insertText, MARKDOWN_LINE_PREFIXES, outdentLines, toggleHeading, toggleInlineMarker, toggleLinePrefix, toMarkdownImage, } from "./markdownCommands.js";
+import { toLineIndex, toMarkdownLines, } from "./markdownSpans.js";
+/**
+ * The paint for each span kind.
+ *
+ * **Written out, never interpolated** — `` `text-${kind}` ``
+ * generates nothing at all and fails silently, which is the rule
+ * `intentStyles.ts` is 48 literals for.
+ *
+ * ### Every one of these is metric-neutral, and that is the design
+ *
+ * The editing surface is a real `<textarea>` with this painted
+ * layer behind it in the same grid cell. The textarea owns the
+ * caret; the layer owns the colour. The two only stay registered
+ * while they **lay out identically**, so anything that changes a
+ * glyph's advance width — `font-bold`, `text-lg`, a different
+ * family, `tracking-wide` — shears the caret away from the letters
+ * it is supposed to be sitting between. Not subtly: by a character
+ * or two per emphasis run, cumulative across the line.
+ *
+ * So bold is faux bold. `text-shadow` at ±0.02em paints the glyph
+ * twice, a hair apart, which thickens it and moves nothing.
+ * Italic is real, because the surface is monospaced and a
+ * monospaced italic keeps the advance width by definition. Headings
+ * get weight and colour rather than size, for the same reason.
+ *
+ * This is the honest limit of the textarea-plus-layer approach and
+ * it is written down here rather than discovered later:
+ * **markers are dimmed, not hidden.** Concealing `**` would change
+ * the line's width and there is no way to do it in this medium.
+ * The staging decision record has the rest.
+ */
+const SPAN_KIND_CLASS = {
+    code: "text-intent-info-content",
+    emphasis: "italic text-content-primary",
+    heading: "text-content-primary [text-shadow:0.02em_0_0_currentColor,-0.02em_0_0_currentColor]",
+    link: "text-intent-accent-content underline",
+    marker: "",
+    plain: "text-content-primary",
+    strikethrough: "text-content-secondary line-through",
+    strong: "text-content-primary [text-shadow:0.02em_0_0_currentColor,-0.02em_0_0_currentColor]",
+    url: "text-content-secondary underline",
+};
+/**
+ * The one thing that changes with the caret.
+ *
+ * Obsidian's live preview reveals a line's raw syntax when the
+ * cursor enters it. Here the markers are always present — they have
+ * to be, see above — so "reveal" becomes a contrast change: muted
+ * everywhere, accent on the line you are editing. Both are real
+ * token roles that clear AA on their own, which an `opacity`
+ * treatment would not.
+ */
+const ACTIVE_MARKER_CLASS = "text-intent-accent-content";
+const RESTING_MARKER_CLASS = "text-content-muted";
+const isImageFile = (file) => file.type.startsWith("image/");
+/**
+ * A live hybrid markdown editor whose stored value is markdown and
+ * only ever markdown.
+ *
+ * Docket asked for this one and the requirement is unusually sharp,
+ * because the tracker it replaces destroyed data by storing HTML in
+ * a field it later tried to read back as text. So the constraint
+ * here is not "prefer markdown" — it is that **an HTML tag must not
+ * be able to reach the stored string**, and the design is chosen to
+ * make that mechanical rather than policed:
+ *
+ *  - the editing surface is a `<textarea>`, which takes
+ *    `text/plain` off the clipboard and nothing else. Copy a
+ *    styled paragraph out of a browser and the `text/html` flavour
+ *    is simply not read;
+ *  - every command in `markdownCommands.ts` returns markdown, and
+ *    there is no serialiser anywhere in the component;
+ *  - the painted layer emits `{ kind, text }` spans that React
+ *    renders as **text nodes**. No `innerHTML`, no sanitiser, and
+ *    nothing to get wrong — a `<script>` in the source is four
+ *    coloured characters on screen.
+ *
+ * `MarkdownEditor.test.tsx` round-trips a value full of the
+ * characters that tempt escaping and asserts no tag ever appears.
+ *
+ * ## Why a `<textarea>` and not an editor core
+ *
+ * Charcuterie is published, so a dependency here is a permanent
+ * cost to every consumer of the package — measured, for a markdown
+ * setup: CodeMirror 6 at 176 KB gzipped, Lexical at 148 KB, TipTap
+ * at 238 KB. This component adds **nothing**. The full argument,
+ * with the numbers and with what the choice gives up, is
+ * `docs/decisions/2026-08-19-the-markdown-editor-is-a-textarea-with-a-painted-layer.md`.
+ *
+ * The accessibility half of that argument is worth repeating here,
+ * because it is the half that is hard to buy back later. A
+ * `<textarea>` arrives with caret movement, word-wise selection,
+ * `Home`/`End`, IME composition, spellcheck, autocorrect, the
+ * platform's own undo stack, `role="textbox"` and
+ * `aria-multiline="true"` — all of it, in every browser, tested by
+ * the vendors. A `contenteditable` starts with none of those and
+ * re-earns each one, and the ones it never fully re-earns are IME
+ * and undo. This library's central claim is that an agent and a
+ * keyboard can drive every component; starting from the platform's
+ * own text control is the cheapest way to keep it.
+ *
+ * ## It is uncontrolled, and that is not a shortcut
+ *
+ * `defaultValue` in, `onChange` out — the same contract as `Select`
+ * ([decision](../../../../docs/decisions/2026-07-31-select-is-uncontrolled-because-the-platform-owns-the-value.md)),
+ * and here it protects something specific. A controlled React
+ * `<textarea>` round-trips every keystroke through render, and any
+ * programmatic `value` assignment **wipes the browser's undo
+ * stack**: Ctrl+Z after a toolbar click then skips the paragraph
+ * you typed before it, or does nothing at all.
+ *
+ * So the textarea is never handed a `value`. Its text is mirrored
+ * into state for *painting* only, and every programmatic edit — a
+ * toolbar action, a shortcut, an image insertion — is applied as a
+ * range replacement through `document.execCommand("insertText")`,
+ * which is deprecated, is the only API that appends to the native
+ * undo stack, and is exactly why `getMinimalEdit` exists.
+ *
+ * A consumer that must swap the whole document — Docket opening a
+ * different task — remounts with a `key`. That is one line, and it
+ * is honest about the fact that the old undo history belonged to
+ * the old document.
+ *
+ * ## Composition, and the one component that did not fit
+ *
+ * The toolbar is this package's `Toolbar`, so the row collapses
+ * into a menu **by measurement** rather than at a breakpoint —
+ * which is what the Narrow View actually needs, since a lane in a
+ * three-up board is narrow on a 4K display. `Field` wraps it
+ * through `SlotProps`, so a label, a description and an error wire
+ * themselves to the textarea.
+ *
+ * `FileDropZone` does **not** wrap it, and that is the interesting
+ * one. That component is a `<label>` around a file input covering
+ * its whole area — correct for "drop a disc image here", and wrong
+ * for a text surface, where the drop has to land *at a character
+ * offset* and the area has to keep taking clicks as caret
+ * placement. So the editor handles its own drop, and `FileDropZone`
+ * stays the right answer for the attachment list beside it.
+ */
+export const MarkdownEditor = ({ className, defaultValue = "", icons, isDisabled = false, isReadOnly = false, label, onChange, onUploadError, onUploadImage, placeholder, toolbarLabel = "Markdown formatting", ...receivedSlotProps }) => {
+    const baseId = useUniqueId();
+    const hintId = `${baseId}-hint`;
+    const statusId = `${baseId}-status`;
+    const textareaRef = useRef(null);
+    const layerRef = useRef(null);
+    const uploadCount = useRef(0);
+    const [value, setValue] = useState(defaultValue);
+    const [caretOffset, setCaretOffset] = useState(0);
+    const [isFocused, setIsFocused] = useState(false);
+    const [uploadMessage, setUploadMessage] = useState("");
+    const readSelection = () => {
+        const element = textareaRef.current;
+        return {
+            selectionEnd: element?.selectionEnd ?? 0,
+            selectionStart: element?.selectionStart ?? 0,
+            text: element?.value ?? "",
+        };
+    };
+    const syncFromElement = () => {
+        const element = textareaRef.current;
+        if (!element) {
+            return;
+        }
+        setCaretOffset(element.selectionStart);
+        if (element.value === value) {
+            return;
+        }
+        setValue(element.value);
+        onChange?.(element.value);
+    };
+    /**
+     * Apply a command's result to the live control **without**
+     * assigning `value`.
+     *
+     * `execCommand` is deprecated and is the only route that adds to
+     * the browser's own undo stack, so it is tried first and the
+     * modern `setRangeText` is the fallback for whatever eventually
+     * removes it. Losing undo is a degradation; losing the edit would
+     * not be.
+     */
+    const applyEdit = (next) => {
+        const element = textareaRef.current;
+        if (!element) {
+            return;
+        }
+        const edit = getMinimalEdit(element.value, next.text);
+        element.focus();
+        element.setSelectionRange(edit.start, edit.end);
+        const isApplied = (() => {
+            try {
+                return edit.text === ""
+                    ? document.execCommand("delete")
+                    : document.execCommand("insertText", false, edit.text);
+            }
+            catch {
+                return false;
+            }
+        })();
+        if (!isApplied) {
+            element.setRangeText(edit.text, edit.start, edit.end, "end");
+        }
+        element.setSelectionRange(next.selectionStart, next.selectionEnd);
+        syncFromElement();
+    };
+    const runCommand = (command) => {
+        if (isDisabled || isReadOnly) {
+            return;
+        }
+        applyEdit(command(readSelection()));
+    };
+    /**
+     * Upload one file, with a **markdown** placeholder holding the
+     * caret's place while the request is in flight.
+     *
+     * The placeholder is real text in the document rather than an
+     * overlay, because the user keeps typing during an upload and the
+     * insertion point has to move with what they type. It carries a
+     * counter so two files of the same name do not resolve into each
+     * other's slot, and it is markdown like everything else — a
+     * failed upload leaves the document in a state the user can read
+     * and fix, not a dangling widget.
+     */
+    const uploadImage = async (file) => {
+        if (!onUploadImage) {
+            return;
+        }
+        uploadCount.current += 1;
+        const placeholder = `![Uploading ${file.name}](#uploading-${uploadCount.current})`;
+        applyEdit(insertText(readSelection(), placeholder));
+        setUploadMessage(`Uploading ${file.name}`);
+        const replacePlaceholder = (insertion) => {
+            const element = textareaRef.current;
+            if (!element) {
+                return;
+            }
+            const start = element.value.indexOf(placeholder);
+            if (start === -1) {
+                return;
+            }
+            const end = start + placeholder.length;
+            applyEdit({
+                selectionEnd: start + insertion.length,
+                selectionStart: start + insertion.length,
+                text: element.value.slice(0, start) +
+                    insertion +
+                    element.value.slice(end),
+            });
+        };
+        try {
+            const uploaded = await onUploadImage(file);
+            replacePlaceholder(toMarkdownImage({
+                alt: uploaded.alt ?? file.name,
+                url: uploaded.url,
+            }));
+            setUploadMessage(`Inserted ${file.name}`);
+        }
+        catch (error) {
+            replacePlaceholder("");
+            setUploadMessage(`Could not upload ${file.name}`);
+            onUploadError?.(file, error);
+        }
+    };
+    const uploadImages = (files) => {
+        for (const file of files.filter(isImageFile)) {
+            void uploadImage(file);
+        }
+    };
+    const handlePaste = (pasteEvent) => {
+        const files = Array.from(pasteEvent.clipboardData.files).filter(isImageFile);
+        if (files.length === 0 || !onUploadImage) {
+            // Left to the browser on purpose. A `<textarea>` pastes
+            // `text/plain` and nothing else, so the no-HTML guarantee
+            // needs no code here at all — intercepting the paste to
+            // "sanitise" it would be the version that can have a bug.
+            return;
+        }
+        pasteEvent.preventDefault();
+        uploadImages(files);
+    };
+    const handleDrop = (dropEvent) => {
+        const files = Array.from(dropEvent.dataTransfer.files).filter(isImageFile);
+        if (files.length === 0 || !onUploadImage) {
+            return;
+        }
+        dropEvent.preventDefault();
+        uploadImages(files);
+    };
+    /**
+     * `Tab` is never captured, at any time.
+     *
+     * Indenting a list with Tab is the convention in editors that own
+     * the whole page, and inside a form it is a keyboard trap: WCAG
+     * 2.1.2 wants focus to be able to leave every component with the
+     * standard gesture, and a multi-line field on a task form is
+     * exactly where somebody tabs onward. Indent and outdent are
+     * `Ctrl+]` and `Ctrl+[` instead, which is what browsers'
+     * own editors bind them to.
+     */
+    const handleKeyDown = (keyEvent) => {
+        if (isReadOnly || isDisabled) {
+            return;
+        }
+        if (keyEvent.key === "Enter" &&
+            !keyEvent.shiftKey &&
+            !keyEvent.altKey &&
+            !keyEvent.ctrlKey &&
+            !keyEvent.metaKey) {
+            const continued = continueList(readSelection());
+            if (continued) {
+                keyEvent.preventDefault();
+                applyEdit(continued);
+            }
+            return;
+        }
+        const isModified = keyEvent.ctrlKey || keyEvent.metaKey;
+        if (!isModified) {
+            return;
+        }
+        const command = (() => {
+            switch (keyEvent.key.toLowerCase()) {
+                case "[": {
+                    return outdentLines;
+                }
+                case "]": {
+                    return indentLines;
+                }
+                case "b": {
+                    return (state) => toggleInlineMarker(state, "**");
+                }
+                case "e": {
+                    return (state) => toggleInlineMarker(state, "`");
+                }
+                case "i": {
+                    return (state) => toggleInlineMarker(state, "_");
+                }
+                case "k": {
+                    return (state) => insertLink(state);
+                }
+                default: {
+                    return null;
+                }
+            }
+        })();
+        if (!command) {
+            return;
+        }
+        keyEvent.preventDefault();
+        runCommand(command);
+    };
+    const lines = toMarkdownLines(value);
+    const activeLineIndex = toLineIndex(value, caretOffset);
+    const surfaceClassName = "col-start-1 row-start-1 m-0 min-h-32 whitespace-pre-wrap break-words border-0 p-3 font-mono text-md leading-relaxed cq-md:min-h-48";
+    return (_jsxs("div", { className: toClassName(
+        // `@container` here and not on a wrapper: a container query
+        // matches the container's *descendants*, never the
+        // container itself, so nothing in this string may be a
+        // `cq-*:` variant.
+        "@container flex flex-col gap-2 rounded-md border border-border-default bg-surface-base text-content-primary focus-within:outline-solid focus-within:outline-(length:--focus-ring-width) focus-within:outline-offset-(--focus-ring-offset) focus-within:outline-focus-ring", 
+        // A token pair, never `opacity-*`. Fading the whole box
+        // fades the hint under it too, and axe measures the
+        // *composited* colour: `content-secondary` at 60% came out
+        // at 3.77:1 and failed AA on a `<p>` that is not itself
+        // disabled and owes no exemption.
+        isDisabled &&
+            "border-border-subtle bg-surface-sunken", className), children: [_jsx("div", { className: "border-border-subtle border-b px-2 pt-2 pb-1", children: _jsx(Toolbar, { items: [
+                        {
+                            icon: icons?.bold,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "bold",
+                            label: "Bold",
+                            onSelect: () => {
+                                runCommand((state) => toggleInlineMarker(state, "**"));
+                            },
+                        },
+                        {
+                            icon: icons?.italic,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "italic",
+                            label: "Italic",
+                            onSelect: () => {
+                                runCommand((state) => toggleInlineMarker(state, "_"));
+                            },
+                        },
+                        {
+                            icon: icons?.heading,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "heading",
+                            label: "Heading",
+                            onSelect: () => {
+                                runCommand((state) => toggleHeading(state, 2));
+                            },
+                        },
+                        {
+                            icon: icons?.bulletedList,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "bulleted-list",
+                            label: "Bulleted list",
+                            onSelect: () => {
+                                runCommand((state) => toggleLinePrefix(state, MARKDOWN_LINE_PREFIXES.bulletList));
+                            },
+                        },
+                        {
+                            icon: icons?.taskList,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "task-list",
+                            label: "Task list",
+                            onSelect: () => {
+                                runCommand((state) => toggleLinePrefix(state, MARKDOWN_LINE_PREFIXES.taskList));
+                            },
+                        },
+                        {
+                            icon: icons?.numberedList,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "numbered-list",
+                            label: "Numbered list",
+                            onSelect: () => {
+                                runCommand((state) => toggleLinePrefix(state, MARKDOWN_LINE_PREFIXES.orderedList));
+                            },
+                        },
+                        {
+                            icon: icons?.quote,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "quote",
+                            label: "Quote",
+                            onSelect: () => {
+                                runCommand((state) => toggleLinePrefix(state, MARKDOWN_LINE_PREFIXES.blockquote));
+                            },
+                        },
+                        {
+                            icon: icons?.code,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "code",
+                            label: "Code",
+                            onSelect: () => {
+                                runCommand((state) => toggleInlineMarker(state, "`"));
+                            },
+                        },
+                        {
+                            icon: icons?.link,
+                            isDisabled: isDisabled || isReadOnly,
+                            key: "link",
+                            label: "Link",
+                            onSelect: () => {
+                                runCommand((state) => insertLink(state));
+                            },
+                        },
+                    ], label: toolbarLabel, overflow: "menu" }) }), _jsxs("div", { className: "grid", children: [_jsx("div", { "aria-hidden": "true", className: toClassName(surfaceClassName, "pointer-events-none overflow-hidden"), ref: layerRef, children: lines.map((line, lineIndex) => (_jsxs(Fragment
+                        // The index *is* the identity here: line 3 is line 3,
+                        // and its content is what changes.
+                        // biome-ignore lint/suspicious/noArrayIndexKey: a line's position is its identity
+                        , { children: [lineIndex === 0 ? null : "\n", line.spans.map((span, spanIndex) => (_jsx("span", { className: span.kind === "marker"
+                                        ? isFocused &&
+                                            lineIndex === activeLineIndex
+                                            ? ACTIVE_MARKER_CLASS
+                                            : RESTING_MARKER_CLASS
+                                        : SPAN_KIND_CLASS[span.kind], children: span.text }, spanIndex)))] }, lineIndex))) }), _jsx("textarea", { ...mergeSlotProps(receivedSlotProps, {
+                            "aria-describedby": hintId,
+                        }), "aria-label": label, className: toClassName(surfaceClassName, 
+                        // The text is transparent and the layer behind supplies
+                        // every glyph. The caret is not: `caret-color` is its
+                        // own property precisely so a transparent-text overlay
+                        // like this one can keep a visible cursor.
+                        "resize-y bg-transparent text-transparent caret-content-primary outline-none placeholder:text-content-muted"), defaultValue: defaultValue, disabled: isDisabled, onBlur: () => {
+                            setIsFocused(false);
+                        }, onClick: syncFromElement, onDragOver: (dragEvent) => {
+                            if (onUploadImage) {
+                                // The default action for `dragover` is to reject the
+                                // drop, so without this `onDrop` never fires at all —
+                                // the same footgun `FileDropZone` documents.
+                                dragEvent.preventDefault();
+                            }
+                        }, onDrop: handleDrop, onFocus: () => {
+                            setIsFocused(true);
+                            syncFromElement();
+                        }, onInput: syncFromElement, onKeyDown: handleKeyDown, onKeyUp: syncFromElement, onPaste: handlePaste, onScroll: () => {
+                            const element = textareaRef.current;
+                            if (element && layerRef.current) {
+                                layerRef.current.scrollTop = element.scrollTop;
+                                layerRef.current.scrollLeft =
+                                    element.scrollLeft;
+                            }
+                        }, onSelect: syncFromElement, placeholder: placeholder, readOnly: isReadOnly, ref: textareaRef, spellCheck: true })] }), _jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1 px-3 pb-2", children: [_jsx("p", { className: "sr-only text-content-secondary text-sm cq-sm:not-sr-only", id: hintId, children: "Markdown. Ctrl+B bold, Ctrl+I italic, Ctrl+K link, Ctrl+E code." }), _jsx("span", { "aria-label": "Image upload", className: "text-content-secondary text-sm", id: statusId, role: "status", children: uploadMessage })] })] }));
+};
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/MarkdownEditor/MarkdownEditor.js.map

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