import type { ReactNode } from "react";
import type { MarkdownEditorIcons, MarkdownImageUpload } from "../MarkdownEditor/MarkdownEditor.tsx";
import type { SlotProps } from "../slotProps.ts";
export type MarkdownEditorCodeMirrorProps = SlotProps & {
    className?: string;
    /**
     * **Initial** only, and the same uncontrolled contract as the
     * sibling `MarkdownEditor` — for the same reason, one layer over:
     * reassigning the whole document from outside throws away the
     * undo history that belonged to it. Swap documents with a `key`.
     */
    defaultValue?: string;
    /** Start in raw-markdown mode. **Initial** only. */
    isRawModeDefault?: boolean;
    icons?: MarkdownEditorIcons;
    isDisabled?: boolean;
    isReadOnly?: boolean;
    /**
     * The accessible name. Omit it inside a `Field`, which supplies a
     * real `<label htmlFor>`.
     */
    label?: string;
    onChange?: (value: string) => void;
    onUploadError?: (file: File, error: unknown) => void;
    /**
     * Paste or drop an image and this runs; the URL you return is
     * inserted at the caret as `![alt](url)` — and, unlike the
     * textarea sibling, is then **rendered in place**.
     */
    onUploadImage?: (file: File) => Promise<MarkdownImageUpload>;
    placeholder?: string;
    /** Label for the raw-markdown toggle. */
    rawModeLabel?: string;
    toolbarLabel?: string;
};
/**
 * The live-preview markdown editor: Obsidian's model, on CodeMirror.
 *
 * This is the **opt-in** sibling of `MarkdownEditor`, and picking
 * between them is a real decision rather than a preference:
 *
 * | | `MarkdownEditor` | this |
 * | --- | --- | --- |
 * | Surface | `<textarea>` + painted layer | CodeMirror 6 |
 * | New dependency | **none** | ~176 KB gz of optional peer |
 * | Markers | dimmed, never hidden | **concealed** until the caret arrives |
 * | Headings | weight and colour only | **actually larger** |
 * | Images | shown as `![alt](url)` | **rendered in place** |
 * | Undo, IME | the platform's own | CodeMirror's |
 *
 * The default is still the textarea. A component library that makes
 * every consumer install an editor core to render a description
 * field has made the wrong trade, which is why this lives behind
 * `@charcuterie/ui/markdown-editor-codemirror` with every CodeMirror
 * package as an **optional** peer: a consumer that never imports
 * this subpath resolves, installs and audits none of it.
 *
 * ## What is the same, and it is the important part
 *
 * **Markdown is the stored value, byte for byte.** There is no
 * document model here and no serialiser. CodeMirror's state holds
 * the markdown *text*; live preview is a set of decorations
 * *over* that text; concealing `**` hides two characters that are
 * still in the document and still in `onChange`. Every command is
 * the same pure `markdownCommands.ts` the sibling uses, returning
 * markdown in and markdown out.
 *
 * That distinction is the whole reason this is not TipTap or
 * Lexical. Those invert it — their document model is authoritative
 * and markdown becomes a lossy *export* — and the tracker Docket
 * replaces died of exactly that: HTML in a field it later read back
 * as text. An editor core would have been easier to build and is
 * the one thing that could not be allowed.
 *
 * ## What genuinely costs something
 *
 * The `<textarea>` sibling gets caret movement, IME composition,
 * spellcheck, the platform undo stack and `role="textbox"` from the
 * browser, tested by the vendors. A `contenteditable` re-earns each
 * of those, and CodeMirror is the reason that is acceptable rather
 * than reckless: it is the most heavily exercised implementation of
 * that re-earning in the ecosystem. It is still a re-implementation,
 * and that is the honest cost of this subpath.
 *
 * ## Clicking a link opens it
 *
 * Obsidian's behaviour, not VS Code's: where the markup is hidden, a
 * link that looks like a link acts like one. The trade is that you
 * cannot click *into* link text to edit it — arrow in from the edge,
 * or flip the raw-markdown toggle, which is exactly what it is for.
 */
export declare const MarkdownEditorCodeMirror: ({ className, defaultValue, icons, isDisabled, isRawModeDefault, isReadOnly, label, onChange, onUploadError, onUploadImage, placeholder, rawModeLabel, toolbarLabel, ...receivedSlotProps }: MarkdownEditorCodeMirrorProps) => ReactNode;
//# sourceMappingURL=MarkdownEditorCodeMirror.d.ts.map