smartrte-react 0.3.4 → 1.0.0-beta.1

package/dist/mediaManagerAdapter.js

@@ -0,0 +1,34 @@
+/**
+ * Phase 11.5 §2.1: MediaManager.tsx was already built (upload/library/
+ * duplicate-detection/info panel) against its own MediaManagerAdapter
+ * shape, not the real MediaProvider interface - this translates one into
+ * the other. No MediaProvider change needed (confirmed in
+ * docs/PHASE_11_5_MEDIAPROVIDER_FINDINGS.md): the shapes just differ
+ * (batch vs. single upload; bundled vs. positional search query), not the
+ * capabilities.
+ */
+export const mediaManagerAdapterFrom = (provider) => ({
+    async upload(files) {
+        const uploaded = [];
+        for (const file of files) {
+            const result = await provider.upload(file);
+            uploaded.push({
+                id: result.id,
+                url: result.url,
+                title: file.name,
+                mimeType: file.type || undefined,
+                sizeBytes: file.size,
+            });
+        }
+        return uploaded;
+    },
+    search(query) {
+        return provider.search(query.q || "", {
+            mimePrefix: query.mimePrefix,
+            tags: query.tags,
+            hashHex: query.hashHex,
+            pageSize: query.pageSize,
+        }, query.page);
+    },
+    remove: (id) => provider.remove(id),
+});

package/dist/mediaProvider.d.ts

@@ -0,0 +1,59 @@
+export type MediaKind = "image" | "video" | "audio";
+export interface UploadOptions {
+    readonly signal?: AbortSignal;
+}
+export interface MediaFilters {
+    readonly mimePrefix?: string;
+    readonly tags?: readonly string[];
+    readonly hashHex?: string;
+    readonly pageSize?: number;
+}
+export interface MediaItem {
+    readonly id: string;
+    readonly url: string;
+    readonly width?: number;
+    readonly height?: number;
+    readonly sizeBytes?: number;
+    readonly mimeType?: string;
+    readonly hashHex?: string;
+    readonly createdAt?: string;
+    readonly title?: string;
+    readonly alt?: string;
+    readonly tags?: readonly string[];
+    /**
+     * How many times this asset is referenced across a host's content.
+     * Phase 11.5 §2.1: optional and additive - the package has no way to
+     * compute cross-document usage itself (it only ever sees one document at
+     * a time), so a host that wants this populates it from their own
+     * tracking; when absent, the UI simply omits the count rather than
+     * showing 0/misleading data.
+     */
+    readonly usageCount?: number;
+    readonly license?: {
+        readonly author?: string;
+        readonly licenseType?: string;
+        readonly licenseText?: string;
+        readonly sourceUrl?: string;
+        readonly workName?: string;
+    };
+}
+/**
+ * Host-owned media boundary. The editor never receives storage credentials.
+ *
+ * The editor performs no server-side-equivalent validation of `upload`'s
+ * `file` - `CanonicalAuthorityEditor` applies only a best-effort client-side
+ * extension/MIME allow-list check before calling this method, which is a UX
+ * nicety, not a security boundary (a client can always be bypassed). The
+ * host's `upload` implementation MUST independently validate file type,
+ * size, and content server-side before persisting or serving whatever URL
+ * it returns - the same way it must never hand the editor real storage
+ * credentials.
+ */
+export interface MediaProvider {
+    upload(file: File, opts?: UploadOptions): Promise<{
+        url: string;
+        id: string;
+    }>;
+    search(query: string, filters?: MediaFilters, page?: number): Promise<MediaItem[]>;
+    remove(id: string): Promise<void>;
+}

package/dist/mediaProvider.js

@@ -0,0 +1 @@
+export {};

package/dist/specialCharacters.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Special character picker data (Direction B scope, per the owner-approved
+ * proposal - see the "Formula Library & Special Character Picker" scoping
+ * artifact): six categories, ~200 characters total. Unlike the formula
+ * library, this set is drawn from standardized Unicode blocks, so "cover
+ * this category" is a genuinely completable goal, not an open-ended one.
+ *
+ * Every entry inserts as plain text (see `insertSpecialCharacter` in
+ * CanonicalAuthorityEditor.tsx) - special characters are ordinary
+ * characters, never schema-level atoms.
+ */
+export type SpecialCharacterCategory = "greek" | "operators" | "arrows" | "currency" | "punctuation" | "accented";
+export interface SpecialCharacterEntry {
+    readonly char: string;
+    readonly name: string;
+    readonly category: SpecialCharacterCategory;
+}
+export declare const SPECIAL_CHARACTER_CATEGORIES: readonly {
+    readonly id: SpecialCharacterCategory;
+    readonly label: string;
+}[];
+export declare const SPECIAL_CHARACTERS: readonly SpecialCharacterEntry[];

package/dist/specialCharacters.js

@@ -0,0 +1,86 @@
+/**
+ * Special character picker data (Direction B scope, per the owner-approved
+ * proposal - see the "Formula Library & Special Character Picker" scoping
+ * artifact): six categories, ~200 characters total. Unlike the formula
+ * library, this set is drawn from standardized Unicode blocks, so "cover
+ * this category" is a genuinely completable goal, not an open-ended one.
+ *
+ * Every entry inserts as plain text (see `insertSpecialCharacter` in
+ * CanonicalAuthorityEditor.tsx) - special characters are ordinary
+ * characters, never schema-level atoms.
+ */
+export const SPECIAL_CHARACTER_CATEGORIES = [
+    { id: "greek", label: "Greek" },
+    { id: "operators", label: "Operators" },
+    { id: "arrows", label: "Arrows" },
+    { id: "currency", label: "Currency" },
+    { id: "punctuation", label: "Punctuation" },
+    { id: "accented", label: "Accented" },
+];
+const greekLower = [
+    ["α", "alpha"], ["β", "beta"], ["γ", "gamma"], ["δ", "delta"], ["ε", "epsilon"], ["ζ", "zeta"],
+    ["η", "eta"], ["θ", "theta"], ["ι", "iota"], ["κ", "kappa"], ["λ", "lambda"], ["μ", "mu"],
+    ["ν", "nu"], ["ξ", "xi"], ["ο", "omicron"], ["π", "pi"], ["ρ", "rho"], ["σ", "sigma"],
+    ["τ", "tau"], ["υ", "upsilon"], ["φ", "phi"], ["χ", "chi"], ["ψ", "psi"], ["ω", "omega"],
+];
+const greekUpper = [
+    ["Α", "Alpha"], ["Β", "Beta"], ["Γ", "Gamma"], ["Δ", "Delta"], ["Ε", "Epsilon"], ["Ζ", "Zeta"],
+    ["Η", "Eta"], ["Θ", "Theta"], ["Ι", "Iota"], ["Κ", "Kappa"], ["Λ", "Lambda"], ["Μ", "Mu"],
+    ["Ν", "Nu"], ["Ξ", "Xi"], ["Ο", "Omicron"], ["Π", "Pi"], ["Ρ", "Rho"], ["Σ", "Sigma"],
+    ["Τ", "Tau"], ["Υ", "Upsilon"], ["Φ", "Phi"], ["Χ", "Chi"], ["Ψ", "Psi"], ["Ω", "Omega"],
+];
+const operators = [
+    ["±", "plus-minus"], ["∓", "minus-plus"], ["×", "multiplication"], ["÷", "division"], ["⋅", "dot"],
+    ["≈", "approximately equal"], ["≠", "not equal"], ["≡", "identical to"], ["≤", "less than or equal"],
+    ["≥", "greater than or equal"], ["≪", "much less than"], ["≫", "much greater than"], ["∞", "infinity"],
+    ["√", "square root"], ["∛", "cube root"], ["∑", "summation"], ["∏", "product"], ["∫", "integral"],
+    ["∬", "double integral"], ["∮", "contour integral"], ["∂", "partial derivative"], ["∇", "nabla"],
+    ["∆", "delta (increment)"], ["∈", "element of"], ["∉", "not an element of"], ["⊂", "subset of"],
+    ["⊃", "superset of"], ["⊆", "subset or equal"], ["⊇", "superset or equal"], ["∪", "union"],
+    ["∩", "intersection"], ["∅", "empty set"], ["∀", "for all"], ["∃", "there exists"], ["¬", "not"],
+    ["∧", "logical and"], ["∨", "logical or"], ["⊕", "circled plus"], ["⊗", "circled times"],
+    ["∝", "proportional to"], ["∥", "parallel to"], ["⊥", "perpendicular to"], ["°", "degree"],
+    ["′", "prime"], ["″", "double prime"], ["ℏ", "reduced Planck constant"],
+];
+const arrows = [
+    ["←", "left arrow"], ["↑", "up arrow"], ["→", "right arrow"], ["↓", "down arrow"],
+    ["↔", "left-right arrow"], ["↕", "up-down arrow"], ["↖", "up-left arrow"], ["↗", "up-right arrow"],
+    ["↘", "down-right arrow"], ["↙", "down-left arrow"], ["⇐", "left double arrow"], ["⇑", "up double arrow"],
+    ["⇒", "right double arrow"], ["⇓", "down double arrow"], ["⇔", "left-right double arrow"],
+    ["⇕", "up-down double arrow"], ["⇌", "equilibrium arrows"], ["⇋", "reverse equilibrium arrows"],
+    ["↦", "maps to"], ["↩", "hook left arrow"], ["↪", "hook right arrow"], ["⤴", "arrow curving up"],
+    ["⤵", "arrow curving down"], ["⇢", "dashed right arrow"], ["⇠", "dashed left arrow"],
+];
+const currency = [
+    ["$", "dollar sign"], ["¢", "cent sign"], ["£", "pound sign"], ["¤", "generic currency sign"],
+    ["¥", "yen sign"], ["€", "euro sign"], ["₹", "rupee sign"], ["₩", "won sign"], ["₽", "ruble sign"],
+    ["₺", "lira sign"], ["₴", "hryvnia sign"], ["₫", "dong sign"], ["₦", "naira sign"], ["฿", "baht sign"],
+    ["₱", "peso sign"],
+];
+const punctuation = [
+    ["–", "en dash"], ["—", "em dash"], ["…", "ellipsis"], ["“", "left double quote"], ["”", "right double quote"],
+    ["‘", "left single quote"], ["’", "right single quote"], ["„", "low double quote"], ["«", "left guillemet"],
+    ["»", "right guillemet"], ["§", "section sign"], ["¶", "pilcrow"], ["©", "copyright"], ["®", "registered trademark"],
+    ["™", "trademark"], ["†", "dagger"], ["‡", "double dagger"], ["•", "bullet"], ["‰", "per mille"], ["¦", "broken bar"],
+];
+const accented = [
+    ["à", "a grave"], ["á", "a acute"], ["â", "a circumflex"], ["ã", "a tilde"], ["ä", "a diaeresis"], ["å", "a ring"],
+    ["æ", "ae ligature"], ["ç", "c cedilla"], ["è", "e grave"], ["é", "e acute"], ["ê", "e circumflex"], ["ë", "e diaeresis"],
+    ["ì", "i grave"], ["í", "i acute"], ["î", "i circumflex"], ["ï", "i diaeresis"], ["ñ", "n tilde"], ["ò", "o grave"],
+    ["ó", "o acute"], ["ô", "o circumflex"], ["õ", "o tilde"], ["ö", "o diaeresis"], ["ø", "o stroke"], ["ù", "u grave"],
+    ["ú", "u acute"], ["û", "u circumflex"], ["ü", "u diaeresis"], ["ý", "y acute"], ["ÿ", "y diaeresis"], ["ß", "sharp s"],
+    ["À", "A grave"], ["Á", "A acute"], ["Â", "A circumflex"], ["Ã", "A tilde"], ["Ä", "A diaeresis"], ["Å", "A ring"],
+    ["Æ", "AE ligature"], ["Ç", "C cedilla"], ["È", "E grave"], ["É", "E acute"], ["Ê", "E circumflex"], ["Ë", "E diaeresis"],
+    ["Ì", "I grave"], ["Í", "I acute"], ["Ñ", "N tilde"], ["Ò", "O grave"], ["Ó", "O acute"], ["Ö", "O diaeresis"],
+    ["Ù", "U grave"], ["Ü", "U diaeresis"],
+];
+const toEntries = (pairs, category) => pairs.map(([char, name]) => ({ char, name, category }));
+export const SPECIAL_CHARACTERS = [
+    ...toEntries(greekLower, "greek"),
+    ...toEntries(greekUpper, "greek"),
+    ...toEntries(operators, "operators"),
+    ...toEntries(arrows, "arrows"),
+    ...toEntries(currency, "currency"),
+    ...toEntries(punctuation, "punctuation"),
+    ...toEntries(accented, "accented"),
+];

package/dist/standalone/classic-editor-embed.js

@@ -1,17 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useImperativeHandle, useRef, useState } from "react";
+import React, { useImperativeHandle, useRef } from "react";
 import { createRoot } from "react-dom/client";
-import { ClassicEditor as ClassicEditorComponent } from "../components/ClassicEditor.js";
+import { foundationSchema, parseCanonicalListHtml, serializeCanonicalListHtml } from "smartrte-core/foundation";
+import { ClassicEditor as ClassicEditorComponent } from "../components/ClassicEditorAuthority.js";
 function ClassicEditorHost(props, ref) {
-    const [html, setHtml] = useState(props.value || "");
     const containerRef = useRef(null);
+    const editorRef = useRef(null);
     useImperativeHandle(ref, () => ({
         setHtml(next) {
-            setHtml(next ?? "");
+            const current = editorRef.current;
+            if (!current)
+                return;
+            current.replaceValue({
+                schemaVersion: foundationSchema.version,
+                revision: current.getRevision() + 1,
+                document: parseCanonicalListHtml(next || "<p></p>"),
+            });
         },
         getHtml() {
-            return (containerRef.current?.querySelector('[contenteditable="true"]')
-                ?.innerHTML ?? html);
+            const value = editorRef.current?.getValue();
+            return value ? serializeCanonicalListHtml(value.document, { clean: true }) : "";
         },
         focus() {
             const el = containerRef.current?.querySelector('[contenteditable="true"]');
@@ -24,20 +32,19 @@ function ClassicEditorHost(props, ref) {
         destroy() {
             // No-op here; actual unmount happens in init
         },
-    }), [html]);
-    return (_jsx("div", { ref: containerRef, style: { height: "100%", width: "100%" }, children: _jsx(ClassicEditorComponent, { value: html, onChange: (v) => {
-                setHtml(v);
-                props.onChange?.(v);
+    }), []);
+    return (_jsx("div", { ref: containerRef, style: { height: "100%", width: "100%" }, children: _jsx(ClassicEditorComponent, { ref: editorRef, defaultValue: props.value || "<p></p>", onChange: (html) => {
+                props.onChange?.(html);
                 try {
                     // Bridge to Flutter if present
                     // @ts-ignore
                     const ch = window.ToFlutter;
                     if (ch && typeof ch.postMessage === "function") {
-                        ch.postMessage(JSON.stringify({ type: "change", html: v }));
+                        ch.postMessage(JSON.stringify({ type: "change", html }));
                     }
                 }
                 catch { }
-            }, placeholder: props.placeholder, minHeight: props.minHeight, maxHeight: props.maxHeight, readOnly: props.readOnly, table: props.table, media: props.media, formula: props.formula, showFontSize: props.showFontSize, mediaManager: props.mediaManager, theme: props.theme, className: props.className }) }));
+            }, placeholder: props.placeholder, minHeight: props.minHeight, maxHeight: props.maxHeight, readOnly: props.readOnly, table: props.table, media: props.media, formula: props.formula, showFontSize: props.showFontSize, theme: props.theme, className: props.className }) }));
 }
 const ClassicEditorHostWithRef = React.forwardRef(ClassicEditorHost);
 function initClassicEditor(opts) {

package/dist/suggestionProvider.d.ts

@@ -0,0 +1,17 @@
+import type { StructuralSuggestion } from "smartrte-core/foundation";
+/**
+ * Host-owned persistence boundary for *structural* suggestions only,
+ * mirroring CommentProvider's shape. Inline suggestions (Phase 12a §2.3's
+ * mark-based half - see suggestions/inline.ts) need no equivalent provider:
+ * they are real marks on real document text, so they already ride along in
+ * whatever the host persists for the document itself (PersistedEditorDocument)
+ * - a separate side-channel for them would just be a second, redundant
+ * source of truth. Structural suggestions (a proposed whole-node removal)
+ * are NOT part of the document the way a comment thread isn't, so they need
+ * their own out-of-band store, exactly like comments.
+ */
+export interface SuggestionProvider {
+    list(): Promise<readonly StructuralSuggestion[]>;
+    save(suggestion: StructuralSuggestion): Promise<void>;
+    remove(suggestionId: string): Promise<void>;
+}

package/dist/suggestionProvider.js

@@ -0,0 +1 @@
+export {};

package/dist/theme.d.ts

@@ -1,3 +1,3 @@
 export type SrteTheme = 'light' | 'dark';
-export declare const SRTE_DEFAULT_CSS = "\n.srte-editor {\n  --srte-background: var(--card, #ffffff);\n  --srte-canvas: var(--background, #ffffff);\n  --srte-foreground: var(--foreground, #0f172a);\n  --srte-muted: var(--muted, #f1f5f9);\n  --srte-muted-foreground: var(--muted-foreground, #64748b);\n  --srte-ring: var(--ring, #0284c7);\n  --srte-radius: var(--radius, 0.625rem);\n  --srte-bg: var(--srte-canvas);\n  --srte-text: var(--srte-foreground);\n  --srte-text-muted: var(--srte-muted-foreground);\n  --srte-border: var(--border, #e2e8f0);\n  --srte-border-light: var(--srte-border);\n  --srte-toolbar-bg: var(--srte-background);\n  --srte-input-bg: var(--srte-background);\n  --srte-input-text: var(--srte-foreground);\n  --srte-input-border: var(--srte-border);\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.35);\n  --srte-modal-backdrop-filter: blur(2px);\n  --srte-modal-bg: #ffffff;\n  --srte-modal-text: #000000;\n  --srte-menu-bg: var(--srte-background);\n  --srte-menu-text: var(--srte-foreground);\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n  --srte-accent: #0284c7;\n  --srte-accent-bg: rgba(2, 132, 199, 0.12);\n  --srte-danger: #dc2626;\n  --srte-primary: #2563eb;\n  --srte-surface-subtle: #f3f4f6;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #f3f4f6;\n  --srte-code-bg: #f6f8fa;\n  --srte-code-text: #24292f;\n}\n.srte-editor.srte-dark {\n  --srte-background: var(--card, #1e293b);\n  --srte-canvas: var(--background, #0f172a);\n  --srte-foreground: var(--foreground, #f8fafc);\n  --srte-muted: var(--muted, #334155);\n  --srte-muted-foreground: var(--muted-foreground, #94a3b8);\n  --srte-ring: var(--ring, #38bdf8);\n  --srte-bg: var(--srte-canvas);\n  --srte-text: var(--srte-foreground);\n  --srte-text-muted: var(--srte-muted-foreground);\n  --srte-border: var(--border, #334155);\n  --srte-border-light: var(--srte-border);\n  --srte-toolbar-bg: var(--srte-background);\n  --srte-input-bg: var(--srte-background);\n  --srte-input-text: var(--srte-foreground);\n  --srte-input-border: var(--srte-border);\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.22);\n  --srte-modal-backdrop-filter: blur(10px) saturate(0.9);\n  --srte-modal-bg: #1e293b;\n  --srte-modal-text: #e0e0e0;\n  --srte-menu-bg: var(--srte-background);\n  --srte-menu-text: var(--srte-foreground);\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n  --srte-accent: #38bdf8;\n  --srte-accent-bg: rgba(56, 189, 248, 0.16);\n  --srte-danger: #ef4444;\n  --srte-primary: #3b82f6;\n  --srte-surface-subtle: #333333;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #333333;\n  --srte-code-bg: #111827;\n  --srte-code-text: #e5e7eb;\n}\n.srte-editor {\n  border-radius: var(--srte-radius);\n  font-family: \"IBM Plex Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  container: srte-editor / inline-size;\n}\n.srte-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n  width: 100%;\n  min-height: 48px;\n  padding: 8px;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--srte-border);\n  background: var(--srte-background);\n  color: var(--srte-foreground);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n.srte-toolbar-group {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  min-width: 0;\n}\n.srte-toolbar-group + .srte-toolbar-group::before {\n  content: \"\";\n  width: 1px;\n  height: 20px;\n  margin: 0 5px 0 3px;\n  background: var(--srte-border);\n}\n.srte-tool-button,\n.srte-toolbar select {\n  height: 32px;\n  min-width: 32px;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  background: transparent;\n  color: var(--srte-foreground);\n  font: 500 13px/1 \"IBM Plex Sans\", ui-sans-serif, system-ui, sans-serif;\n}\n.srte-tool-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3px;\n  padding: 0 7px;\n  cursor: pointer;\n}\n.srte-toolbar select {\n  max-width: 132px;\n  padding: 0 26px 0 9px;\n  border-color: var(--srte-border);\n  background: var(--srte-input-bg);\n  cursor: pointer;\n}\n.srte-tool-button:hover,\n.srte-toolbar select:hover,\n.srte-toolbar-menu[open] > .srte-menu-trigger {\n  background: var(--srte-muted);\n  border-color: var(--srte-border);\n}\n.srte-tool-button.srte-active,\n.srte-tool-button[aria-pressed=\"true\"] {\n  color: var(--srte-primary);\n  background: var(--srte-accent-bg);\n  border-color: color-mix(in srgb, var(--srte-primary) 35%, transparent);\n}\n.srte-tool-button:focus-visible,\n.srte-toolbar select:focus-visible,\n.srte-menu-item:focus-visible {\n  outline: 2px solid var(--srte-ring);\n  outline-offset: 1px;\n}\n.srte-tool-button:disabled,\n.srte-menu-item:disabled,\n.srte-toolbar select:disabled {\n  cursor: not-allowed;\n  opacity: .4;\n}\n.srte-toolbar-menu {\n  position: relative;\n}\n.srte-toolbar-menu > summary {\n  list-style: none;\n}\n.srte-toolbar-menu > summary::-webkit-details-marker {\n  display: none;\n}\n.srte-menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: 80;\n  min-width: 210px;\n  padding: 4px;\n  overflow: hidden;\n  border: 1px solid var(--srte-border);\n  border-radius: 12px;\n  background: var(--srte-menu-bg);\n  color: var(--srte-menu-text);\n  box-shadow: var(--srte-menu-shadow);\n}\n.srte-menu-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  height: 36px;\n  padding: 0 8px;\n  border: 0;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: 500 13px/1 \"IBM Plex Sans\", ui-sans-serif, system-ui, sans-serif;\n  text-align: left;\n  white-space: nowrap;\n}\n.srte-menu-item:hover {\n  background: var(--srte-muted);\n}\n.srte-menu-check {\n  margin-left: auto;\n  color: var(--srte-primary);\n  font-weight: 700;\n}\n.srte-menu-separator {\n  height: 1px;\n  margin: 4px;\n  background: var(--srte-border);\n}\n.srte-mobile-more { display: none; }\n.srte-toolbar .srte-command-proxy { display: none; }\n.srte-split-control {\n  display: inline-flex;\n}\n.srte-split-control > .srte-tool-button:first-child {\n  border-radius: 8px 0 0 8px;\n}\n.srte-split-control > select {\n  width: 27px;\n  padding: 0;\n  border-radius: 0 8px 8px 0;\n  border-left: 0;\n  appearance: none;\n  -webkit-appearance: none;\n  color: transparent;\n  background-color: var(--srte-muted);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  cursor: pointer;\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li {\n  display: grid;\n  grid-template-columns: 1.1em minmax(0, 1fr);\n  column-gap: .45em;\n  align-items: start;\n  padding-left: 0;\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check] {\n  display: inline-flex;\n  grid-column: 1;\n  grid-row: 1;\n  align-items: center;\n  justify-content: center;\n  width: 1.1em;\n  height: 1.6em;\n  margin: 0;\n  line-height: 1.6;\n  vertical-align: top;\n  position: relative;\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check]::before {\n  content: \"\";\n  width: .9em;\n  height: .9em;\n  box-sizing: border-box;\n  border: 1.5px solid var(--srte-muted-foreground);\n  border-radius: 3px;\n  background: var(--srte-canvas);\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check][data-checked=\"true\"]::before {\n  border-color: var(--srte-primary);\n  background: var(--srte-primary);\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--srte-on-primary) 25%, transparent);\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check][data-checked=\"true\"]::after {\n  content: \"\";\n  position: absolute;\n  width: .42em;\n  height: .22em;\n  border-left: 1.5px solid var(--srte-on-primary);\n  border-bottom: 1.5px solid var(--srte-on-primary);\n  transform: translateY(-.08em) rotate(-45deg);\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > :is(p,h1,h2,h3,h4,h5,h6,blockquote,pre) {\n  grid-column: 2;\n  min-width: 0;\n  margin-top: 0;\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > :is(ul,ol) {\n  grid-column: 2;\n}\n.srte-editor:focus-within {\n  border-color: var(--srte-ring) !important;\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--srte-ring) 18%, transparent);\n}\n@media (max-width: 639px) {\n  .srte-toolbar { gap: 3px; padding: 6px; }\n  .srte-tool-button, .srte-toolbar select { height: 40px; min-width: 40px; }\n  .srte-toolbar-group[data-srte-priority=\"3\"] { display: none; }\n  .srte-toolbar-menu[data-srte-priority=\"2\"] { display: none; }\n  .srte-mobile-more { display: block; }\n  .srte-mobile-more .srte-menu {\n    left: auto;\n    right: 0;\n    width: min(280px, calc(100vw - 16px));\n    min-width: 0;\n    max-height: min(70dvh, 480px);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n  .srte-menu-item { height: 40px; }\n}\n@container srte-editor (max-width: 639px) {\n  .srte-toolbar { gap: 3px; padding: 6px; }\n  .srte-tool-button, .srte-toolbar select { height: 40px; min-width: 40px; }\n  .srte-toolbar-group[data-srte-priority=\"3\"],\n  .srte-toolbar-menu[data-srte-priority=\"2\"] { display: none; }\n  .srte-mobile-more { display: block; }\n  .srte-mobile-more .srte-menu {\n    left: auto;\n    right: 0;\n    width: min(280px, calc(100vw - 16px));\n    min-width: 0;\n    max-height: min(70dvh, 480px);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n  .srte-menu-item { height: 40px; }\n}\n.srte-editor [contenteditable] blockquote {\n  border-left: 4px solid var(--srte-accent);\n  margin: 0.75em 0;\n  padding: 0.5em 1em;\n  background: var(--srte-surface-subtle);\n  color: var(--srte-text);\n}\n.srte-editor [contenteditable] p,\n.srte-editor [contenteditable] h1,\n.srte-editor [contenteditable] h2,\n.srte-editor [contenteditable] h3 {\n  color: inherit;\n}\n.srte-editor [contenteditable] p {\n  display: block;\n  margin: 0 0 0.75em;\n  font-size: 1em;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.srte-editor [contenteditable] p[data-srte-caret-boundary=\"true\"] {\n  min-height: 1.6em;\n}\n.srte-editor [contenteditable] h1,\n.srte-editor [contenteditable] h2,\n.srte-editor [contenteditable] h3 {\n  display: block;\n  margin: 0.75em 0 0.4em;\n  font-weight: 700;\n  line-height: 1.25;\n}\n.srte-editor [contenteditable] h1 {\n  font-size: 2em;\n}\n.srte-editor [contenteditable] h2 {\n  font-size: 1.5em;\n}\n.srte-editor [contenteditable] h3 {\n  font-size: 1.25em;\n}\n.srte-editor [contenteditable] > :first-child {\n  margin-top: 0;\n}\n.srte-editor [contenteditable] ul {\n  list-style-type: disc;\n  list-style-position: outside;\n  margin: 0.75em 0;\n  padding-left: 1.75em;\n}\n.srte-editor [contenteditable] ol {\n  list-style-type: decimal;\n  list-style-position: outside;\n  margin: 0.75em 0;\n  padding-left: 1.75em;\n}\n.srte-editor [contenteditable] li {\n  display: list-item;\n  margin: 0.25em 0;\n  padding-left: 0.25em;\n}\n.srte-editor [contenteditable] li::marker {\n  color: currentColor;\n}\n.srte-editor [contenteditable] table {\n  width: 100%;\n  margin: 0.75em 0;\n  border-collapse: collapse;\n}\n.srte-editor [contenteditable] th,\n.srte-editor [contenteditable] td {\n  padding: 8px;\n  border: 1px solid var(--srte-border);\n  vertical-align: top;\n}\n.srte-editor [contenteditable] th {\n  background: var(--srte-surface-subtle);\n  font-weight: 600;\n  text-align: left;\n}\n.srte-editor [contenteditable] td > h1,\n.srte-editor [contenteditable] td > h2,\n.srte-editor [contenteditable] td > h3,\n.srte-editor [contenteditable] th > h1,\n.srte-editor [contenteditable] th > h2,\n.srte-editor [contenteditable] th > h3 {\n  margin: 0 0 0.4em;\n  overflow-wrap: anywhere;\n}\n.srte-editor [contenteditable] pre {\n  display: block;\n  margin: 0.75em 0;\n  padding: 12px 14px;\n  overflow-x: auto;\n  border: 1px solid var(--srte-border);\n  border-radius: 6px;\n  background: var(--srte-code-bg);\n  color: var(--srte-code-text);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n  font-size: 0.9em;\n  line-height: 1.55;\n  white-space: pre-wrap;\n}\n.srte-editor [contenteditable] pre code {\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n}\n.srte-editor [contenteditable] code:not(pre code) {\n  padding: 0.1em 0.35em;\n  border-radius: 3px;\n  background: var(--srte-code-bg);\n  color: var(--srte-code-text);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n  font-size: 0.9em;\n}\n.srte-editor [contenteditable] a,\n.srte-editor [contenteditable] a:visited {\n  color: var(--srte-primary) !important;\n  text-decoration: underline !important;\n  text-decoration-thickness: 1px !important;\n  text-underline-offset: 2px !important;\n  cursor: pointer;\n}\n.srte-editor [contenteditable] a:hover {\n  color: var(--srte-accent) !important;\n}\n.srte-editor [contenteditable] a:focus-visible {\n  outline: 2px solid var(--srte-accent);\n  outline-offset: 2px;\n}\n.srte-editor [contenteditable] sub,\n.srte-editor [contenteditable] sup {\n  line-height: 0;\n}\n";
+export declare const SRTE_DEFAULT_CSS = "\n.srte-editor {\n  --srte-background: var(--card, #ffffff);\n  --srte-canvas: var(--background, #ffffff);\n  --srte-foreground: var(--foreground, #0f172a);\n  --srte-muted: var(--muted, #f1f5f9);\n  --srte-muted-foreground: var(--muted-foreground, #64748b);\n  --srte-ring: var(--ring, #0284c7);\n  --srte-radius: var(--radius, 0.625rem);\n  --srte-bg: var(--srte-canvas);\n  --srte-text: var(--srte-foreground);\n  --srte-text-muted: var(--srte-muted-foreground);\n  --srte-border: var(--border, #e2e8f0);\n  --srte-border-light: var(--srte-border);\n  --srte-toolbar-bg: var(--srte-background);\n  --srte-input-bg: var(--srte-background);\n  --srte-input-text: var(--srte-foreground);\n  --srte-input-border: var(--srte-border);\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.35);\n  --srte-modal-backdrop-filter: blur(2px);\n  --srte-modal-bg: #ffffff;\n  --srte-modal-text: #000000;\n  --srte-menu-bg: var(--srte-background);\n  --srte-menu-text: var(--srte-foreground);\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n  --srte-accent: #0284c7;\n  --srte-accent-bg: rgba(2, 132, 199, 0.12);\n  --srte-danger: #dc2626;\n  --srte-primary: #2563eb;\n  /* --srte-primary on --srte-accent-bg measures 4.43:1, under WCAG AA's\n     4.5:1 for normal text - used only for the pressed toolbar-button state\n     (see .srte-tool-button[aria-pressed=\"true\"]), not a replacement for\n     --srte-primary generally. */\n  --srte-primary-pressed: #1d4ed8;\n  --srte-surface-subtle: #f3f4f6;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #f3f4f6;\n  --srte-code-bg: #f6f8fa;\n  --srte-code-text: #24292f;\n}\n.srte-editor.srte-dark {\n  --srte-background: var(--card, #1e293b);\n  --srte-canvas: var(--background, #0f172a);\n  --srte-foreground: var(--foreground, #f8fafc);\n  --srte-muted: var(--muted, #334155);\n  --srte-muted-foreground: var(--muted-foreground, #94a3b8);\n  --srte-ring: var(--ring, #38bdf8);\n  --srte-bg: var(--srte-canvas);\n  --srte-text: var(--srte-foreground);\n  --srte-text-muted: var(--srte-muted-foreground);\n  --srte-border: var(--border, #334155);\n  --srte-border-light: var(--srte-border);\n  --srte-toolbar-bg: var(--srte-background);\n  --srte-input-bg: var(--srte-background);\n  --srte-input-text: var(--srte-foreground);\n  --srte-input-border: var(--srte-border);\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.22);\n  --srte-modal-backdrop-filter: blur(10px) saturate(0.9);\n  --srte-modal-bg: #1e293b;\n  --srte-modal-text: #e0e0e0;\n  --srte-menu-bg: var(--srte-background);\n  --srte-menu-text: var(--srte-foreground);\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n  --srte-accent: #38bdf8;\n  --srte-accent-bg: rgba(56, 189, 248, 0.16);\n  --srte-danger: #ef4444;\n  --srte-primary: #3b82f6;\n  --srte-primary-pressed: var(--srte-primary);\n  --srte-surface-subtle: #333333;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #333333;\n  --srte-code-bg: #111827;\n  --srte-code-text: #e5e7eb;\n}\n.srte-editor {\n  border-radius: var(--srte-radius);\n  font-family: \"IBM Plex Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  container: srte-editor / inline-size;\n}\n.srte-canonical-authority > .srte-editor[contenteditable] {\n  width: 100%;\n  padding: 16px 20px;\n  box-sizing: border-box;\n  border: 1px solid var(--srte-border);\n  border-radius: 0 0 var(--srte-radius) var(--srte-radius);\n  outline: none;\n  background: var(--srte-canvas);\n  color: var(--srte-foreground);\n  caret-color: var(--srte-foreground);\n  line-height: 1.6;\n}\n.srte-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n  width: 100%;\n  min-height: 48px;\n  padding: 8px;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--srte-border);\n  background: var(--srte-background);\n  color: var(--srte-foreground);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n.srte-toolbar-group {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  min-width: 0;\n}\n.srte-toolbar-group + .srte-toolbar-group::before {\n  content: \"\";\n  width: 1px;\n  height: 20px;\n  margin: 0 5px 0 3px;\n  background: var(--srte-border);\n}\n.srte-tool-button,\n.srte-toolbar select {\n  height: 32px;\n  min-width: 32px;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  background: transparent;\n  color: var(--srte-foreground);\n  font: 500 13px/1 \"IBM Plex Sans\", ui-sans-serif, system-ui, sans-serif;\n}\n.srte-tool-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3px;\n  padding: 0 7px;\n  cursor: pointer;\n}\n.srte-toolbar select {\n  max-width: 132px;\n  padding: 0 26px 0 9px;\n  border-color: var(--srte-border);\n  background: var(--srte-input-bg);\n  cursor: pointer;\n}\n.srte-tool-button:hover,\n.srte-toolbar select:hover,\n.srte-toolbar-menu[open] > .srte-menu-trigger {\n  background: var(--srte-muted);\n  border-color: var(--srte-border);\n}\n.srte-tool-button.srte-active,\n.srte-tool-button[aria-pressed=\"true\"] {\n  /* var(--srte-primary) (#2563eb) on var(--srte-accent-bg) measured 4.43:1,\n     just under WCAG AA's 4.5:1 for normal text (axe-core, Phase 11 Tier 3) -\n     a dedicated, darker pressed-state color keeps the same hue family\n     while clearing the threshold, without changing --srte-primary's other,\n     already-compliant usages (e.g. against solid backgrounds). */\n  color: var(--srte-primary-pressed);\n  background: var(--srte-accent-bg);\n  border-color: color-mix(in srgb, var(--srte-primary) 35%, transparent);\n}\n.srte-tool-button:focus-visible,\n.srte-toolbar select:focus-visible,\n.srte-menu-item:focus-visible {\n  outline: 2px solid var(--srte-ring);\n  outline-offset: 1px;\n}\n.srte-tool-button:disabled,\n.srte-menu-item:disabled,\n.srte-toolbar select:disabled {\n  cursor: not-allowed;\n  opacity: .4;\n}\n.srte-toolbar-menu {\n  position: relative;\n}\n.srte-toolbar-menu > summary {\n  list-style: none;\n}\n.srte-toolbar-menu > summary::-webkit-details-marker {\n  display: none;\n}\n.srte-menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: 80;\n  min-width: 210px;\n  padding: 4px;\n  overflow: hidden;\n  border: 1px solid var(--srte-border);\n  border-radius: 12px;\n  background: var(--srte-menu-bg);\n  color: var(--srte-menu-text);\n  box-shadow: var(--srte-menu-shadow);\n}\n.srte-menu-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  height: 36px;\n  padding: 0 8px;\n  border: 0;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: 500 13px/1 \"IBM Plex Sans\", ui-sans-serif, system-ui, sans-serif;\n  text-align: left;\n  white-space: nowrap;\n}\n.srte-menu-item:hover {\n  background: var(--srte-muted);\n}\n.srte-menu-check {\n  margin-left: auto;\n  color: var(--srte-primary);\n  font-weight: 700;\n}\n.srte-menu-separator {\n  height: 1px;\n  margin: 4px;\n  background: var(--srte-border);\n}\n.srte-mobile-more { display: none; }\n.srte-toolbar .srte-command-proxy { display: none; }\n.srte-split-control {\n  display: inline-flex;\n}\n.srte-split-control > .srte-tool-button:first-child {\n  border-radius: 8px 0 0 8px;\n}\n.srte-split-control > select {\n  width: 27px;\n  padding: 0;\n  border-radius: 0 8px 8px 0;\n  border-left: 0;\n  appearance: none;\n  -webkit-appearance: none;\n  color: transparent;\n  background-color: var(--srte-muted);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  cursor: pointer;\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li {\n  display: grid;\n  grid-template-columns: 1.1em minmax(0, 1fr);\n  column-gap: .45em;\n  align-items: start;\n  padding-left: 0;\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-decimal-paren\"][data-srte-list-depth=\"0\"] > li::marker {\n  content: counter(list-item, decimal) \")  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-decimal-paren\"][data-srte-list-depth=\"1\"] > li::marker {\n  content: counter(list-item, lower-alpha) \")  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-decimal-paren\"][data-srte-list-depth=\"2\"] > li::marker,\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-decimal-paren\"][data-srte-list-depth=\"3\"] > li::marker {\n  content: counter(list-item, lower-roman) \")  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-decimal\"][data-srte-list-depth=\"0\"] > li::marker {\n  content: counter(list-item, decimal) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-decimal\"][data-srte-list-depth=\"1\"] > li::marker {\n  content: counter(list-item, lower-alpha) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-decimal\"][data-srte-list-depth=\"2\"] > li::marker,\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-decimal\"][data-srte-list-depth=\"3\"] > li::marker {\n  content: counter(list-item, lower-roman) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-upper-alpha\"][data-srte-list-depth=\"0\"] > li::marker {\n  content: counter(list-item, upper-alpha) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-upper-alpha\"][data-srte-list-depth=\"1\"] > li::marker {\n  content: counter(list-item, lower-alpha) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-upper-alpha\"][data-srte-list-depth=\"2\"] > li::marker,\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-upper-alpha\"][data-srte-list-depth=\"3\"] > li::marker {\n  content: counter(list-item, lower-roman) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-upper-roman\"][data-srte-list-depth=\"0\"] > li::marker {\n  content: counter(list-item, upper-roman) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-upper-roman\"][data-srte-list-depth=\"1\"] > li::marker {\n  content: counter(list-item, upper-alpha) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-upper-roman\"][data-srte-list-depth=\"2\"] > li::marker,\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-upper-roman\"][data-srte-list-depth=\"3\"] > li::marker {\n  content: counter(list-item, decimal) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-leading-zero\"][data-srte-list-depth=\"0\"] > li::marker {\n  content: counter(list-item, decimal-leading-zero) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-leading-zero\"][data-srte-list-depth=\"1\"] > li::marker {\n  content: counter(list-item, lower-alpha) \".  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-leading-zero\"][data-srte-list-depth=\"2\"] > li::marker,\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-leading-zero\"][data-srte-list-depth=\"3\"] > li::marker {\n  content: counter(list-item, lower-roman) \".  \";\n}\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-disc\"][data-srte-list-depth=\"0\"] > li::marker {\n  content: \"\u25CF  \";\n}\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-disc\"][data-srte-list-depth=\"1\"] > li::marker {\n  content: \"\u25CB  \";\n}\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-disc\"][data-srte-list-depth=\"2\"] > li::marker,\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-disc\"][data-srte-list-depth=\"3\"] > li::marker {\n  content: \"\u25A0  \";\n}\n.srte-editor [contenteditable] ol[data-srte-list-preset=\"ordered-outline\"] > li::marker {\n  content: counters(list-item, \".\") \".  \";\n}\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-diamond\"][data-srte-list-depth=\"0\"] > li::marker { content: \"\u2756  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-diamond\"][data-srte-list-depth=\"1\"] > li::marker { content: \"\u27A2  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-diamond\"][data-srte-list-depth=\"2\"] > li::marker { content: \"\u25A0  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-square\"][data-srte-list-depth=\"0\"] > li::marker { content: \"\u25A1  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-square\"][data-srte-list-depth=\"1\"] > li::marker { content: \"\u25A3  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-square\"][data-srte-list-depth=\"2\"] > li::marker { content: \"\u25AA  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-arrow\"][data-srte-list-depth=\"0\"] > li::marker { content: \"\u279C  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-arrow\"][data-srte-list-depth=\"1\"] > li::marker { content: \"\u25C6  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-arrow\"][data-srte-list-depth=\"2\"] > li::marker { content: \"\u25CF  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-star\"][data-srte-list-depth=\"0\"] > li::marker { content: \"\u2605  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-star\"][data-srte-list-depth=\"1\"] > li::marker { content: \"\u25CB  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-star\"][data-srte-list-depth=\"2\"] > li::marker { content: \"\u25A0  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-arrow-circle\"][data-srte-list-depth=\"0\"] > li::marker { content: \"\u27A2  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-arrow-circle\"][data-srte-list-depth=\"1\"] > li::marker { content: \"\u25CB  \"; }\n.srte-editor [contenteditable] ul[data-srte-list-preset=\"bullet-arrow-circle\"][data-srte-list-depth=\"2\"] > li::marker { content: \"\u25A0  \"; }\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check] {\n  display: inline-flex;\n  grid-column: 1;\n  grid-row: 1;\n  align-items: center;\n  justify-content: center;\n  width: 1.1em;\n  height: 1.6em;\n  min-width: 0;\n  box-sizing: border-box;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n  appearance: none;\n  outline: none;\n  margin: 0;\n  line-height: 1.6;\n  vertical-align: top;\n  position: relative;\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check]:focus-visible {\n  outline: 2px solid var(--srte-ring);\n  outline-offset: 2px;\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check]::before {\n  content: \"\";\n  width: .9em;\n  height: .9em;\n  box-sizing: border-box;\n  border: 1.5px solid var(--srte-muted-foreground);\n  border-radius: 3px;\n  background: var(--srte-canvas);\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check][data-checked=\"true\"]::before {\n  border-color: var(--srte-primary);\n  background: var(--srte-primary);\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--srte-on-primary) 25%, transparent);\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > [data-srte-check][data-checked=\"true\"]::after {\n  content: \"\";\n  position: absolute;\n  width: .42em;\n  height: .22em;\n  border-left: 1.5px solid var(--srte-on-primary);\n  border-bottom: 1.5px solid var(--srte-on-primary);\n  transform: translateY(-.08em) rotate(-45deg);\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > :is(p,h1,h2,h3,h4,h5,h6,blockquote,pre) {\n  grid-column: 2;\n  min-width: 0;\n  margin-top: 0;\n}\n.srte-editor [contenteditable] ul[data-srte-checklist=\"true\"] > li > :is(ul,ol) {\n  grid-column: 2;\n}\n.srte-editor:focus-within {\n  border-color: var(--srte-ring) !important;\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--srte-ring) 18%, transparent);\n}\n@media (max-width: 639px) {\n  .srte-toolbar { gap: 3px; padding: 6px; }\n  .srte-tool-button, .srte-toolbar select { height: 40px; min-width: 40px; }\n  .srte-toolbar-group[data-srte-priority=\"3\"] { display: none; }\n  .srte-toolbar-menu[data-srte-priority=\"2\"] { display: none; }\n  .srte-mobile-more { display: block; }\n  .srte-mobile-more .srte-menu {\n    left: auto;\n    right: 0;\n    width: min(280px, calc(100vw - 16px));\n    min-width: 0;\n    max-height: min(70dvh, 480px);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n  .srte-menu-item { height: 40px; }\n}\n@container srte-editor (max-width: 639px) {\n  .srte-toolbar { gap: 3px; padding: 6px; }\n  .srte-tool-button, .srte-toolbar select { height: 40px; min-width: 40px; }\n  .srte-toolbar-group[data-srte-priority=\"3\"],\n  .srte-toolbar-menu[data-srte-priority=\"2\"] { display: none; }\n  .srte-mobile-more { display: block; }\n  .srte-mobile-more .srte-menu {\n    left: auto;\n    right: 0;\n    width: min(280px, calc(100vw - 16px));\n    min-width: 0;\n    max-height: min(70dvh, 480px);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n  .srte-menu-item { height: 40px; }\n}\n/*\n * Wide-viewport promotion (docs/bugs/toolbar-priority-collapse-fixed-threshold-no-wide-promotion.md):\n * below this, the single 639px breakpoint above was this system's ONLY\n * threshold - every dropdown-grouped tool stayed hidden inside its dropdown\n * at every width from 640px up to and past a 2200px+ desktop, since nothing\n * ever measured or scaled with the extra room. A handful of tools frequent\n * enough to matter once there's genuinely spare room (Superscript,\n * Subscript, Text colour, Background colour, Font size, Font family, Remove\n * link, Insert formula, Special characters) get a standalone always-visible\n * ToolbarButton copy (data-srte-wide-promote, rendered directly in the\n * toolbar row) that appears past this breakpoint, while their existing\n * dropdown/mobile-menu ToolbarMenuItem copy (the exact same\n * data-srte-wide-promote attribute, on the .srte-menu-item element instead)\n * hides so the tool isn't offered twice. Below this breakpoint - including\n * all of mobile AND the 640-1439px tablet/typical-laptop band, which keeps\n * today's grouped-dropdown layout unchanged - the standalone copy stays\n * hidden and the dropdown copy is what's reachable.\n *\n * 1440px, not 1280px: Playwright's own default test viewport is exactly\n * 1280x720, and the vast majority of this suite's toolbar interactions run\n * at that default without ever calling page.setViewportSize - a 1280px\n * threshold would have flipped nearly every existing toolbar test's\n * dropdown-item locators (role=menuitem) over to CSS display:none out from\n * under them. 1440px clears that default with room to spare while still\n * comfortably covering \"wide desktop\" (the ~2264px width the original\n * report was filed against).\n */\n.srte-tool-button[data-srte-wide-promote=\"true\"] { display: none; }\n@media (min-width: 1440px) {\n  .srte-tool-button[data-srte-wide-promote=\"true\"] { display: inline-flex; }\n  .srte-menu-item[data-srte-wide-promote=\"true\"] { display: none; }\n}\n@container srte-editor (min-width: 1440px) {\n  .srte-tool-button[data-srte-wide-promote=\"true\"] { display: inline-flex; }\n  .srte-menu-item[data-srte-wide-promote=\"true\"] { display: none; }\n}\n.srte-editor [contenteditable] blockquote {\n  border-left: 4px solid var(--srte-accent);\n  margin: 0.75em 0;\n  padding: 0.5em 1em;\n  background: var(--srte-surface-subtle);\n  color: var(--srte-text);\n}\n.srte-editor [contenteditable] p,\n.srte-editor [contenteditable] h1,\n.srte-editor [contenteditable] h2,\n.srte-editor [contenteditable] h3 {\n  color: inherit;\n}\n.srte-editor [contenteditable] p {\n  display: block;\n  margin: 0 0 0.75em;\n  font-size: 1em;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.srte-editor [contenteditable] p[data-srte-caret-boundary=\"true\"] {\n  min-height: 1.6em;\n}\n.srte-editor [contenteditable] h1,\n.srte-editor [contenteditable] h2,\n.srte-editor [contenteditable] h3 {\n  display: block;\n  margin: 0.75em 0 0.4em;\n  font-weight: 700;\n  line-height: 1.25;\n}\n.srte-editor [contenteditable] h1 {\n  font-size: 2em;\n}\n.srte-editor [contenteditable] h2 {\n  font-size: 1.5em;\n}\n.srte-editor [contenteditable] h3 {\n  font-size: 1.25em;\n}\n.srte-editor [contenteditable] > :first-child {\n  margin-top: 0;\n}\n.srte-editor [contenteditable] ul {\n  list-style-type: disc;\n  list-style-position: outside;\n  margin: 0.75em 0;\n  padding-left: 1.75em;\n}\n.srte-editor [contenteditable] ol {\n  list-style-type: decimal;\n  list-style-position: outside;\n  margin: 0.75em 0;\n  padding-left: 1.75em;\n}\n.srte-editor [contenteditable] li {\n  display: list-item;\n  margin: 0.25em 0;\n  padding-left: 0.25em;\n}\n.srte-editor [contenteditable] li::marker {\n  color: currentColor;\n}\n.srte-editor [contenteditable] table {\n  width: 100%;\n  margin: 0.75em 0;\n  border-collapse: collapse;\n}\n.srte-editor [contenteditable] th,\n.srte-editor [contenteditable] td {\n  padding: 8px;\n  border: 1px solid var(--srte-border);\n  vertical-align: top;\n}\n.srte-editor [contenteditable] [data-smart-cell-selected=\"true\"] {\n  background: color-mix(in srgb, var(--srte-primary) 12%, var(--srte-canvas));\n  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--srte-primary) 65%, transparent);\n}\n.srte-editor [contenteditable][data-smart-cell-selection-active] ::selection {\n  background: transparent;\n  color: inherit;\n}\n.srte-editor [contenteditable] th {\n  background: var(--srte-surface-subtle);\n  font-weight: 600;\n  text-align: left;\n}\n.srte-editor [contenteditable] td > h1,\n.srte-editor [contenteditable] td > h2,\n.srte-editor [contenteditable] td > h3,\n.srte-editor [contenteditable] th > h1,\n.srte-editor [contenteditable] th > h2,\n.srte-editor [contenteditable] th > h3 {\n  margin: 0 0 0.4em;\n  overflow-wrap: anywhere;\n}\n.srte-editor [contenteditable] pre {\n  display: block;\n  margin: 0.75em 0;\n  padding: 12px 14px;\n  overflow-x: auto;\n  border: 1px solid var(--srte-border);\n  border-radius: 6px;\n  background: var(--srte-code-bg);\n  color: var(--srte-code-text);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n  font-size: 0.9em;\n  line-height: 1.55;\n  white-space: pre-wrap;\n}\n.srte-editor [contenteditable] pre code {\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n}\n.srte-editor [contenteditable] code:not(pre code) {\n  padding: 0.1em 0.35em;\n  border-radius: 3px;\n  background: var(--srte-code-bg);\n  color: var(--srte-code-text);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n  font-size: 0.9em;\n}\n.srte-editor [contenteditable] a,\n.srte-editor [contenteditable] a:visited {\n  color: var(--srte-primary) !important;\n  text-decoration: underline !important;\n  text-decoration-thickness: 1px !important;\n  text-underline-offset: 2px !important;\n  cursor: pointer;\n}\n.srte-editor [contenteditable] a:hover {\n  color: var(--srte-accent) !important;\n}\n.srte-editor [contenteditable] a:focus-visible {\n  outline: 2px solid var(--srte-accent);\n  outline-offset: 2px;\n}\n.srte-editor [contenteditable] sub,\n.srte-editor [contenteditable] sup {\n  line-height: 0;\n}\n";
 export declare function ensureStyleSheet(): void;

package/dist/theme.js

@@ -27,6 +27,11 @@ export const SRTE_DEFAULT_CSS = `
   --srte-accent-bg: rgba(2, 132, 199, 0.12);
   --srte-danger: #dc2626;
   --srte-primary: #2563eb;
+  /* --srte-primary on --srte-accent-bg measures 4.43:1, under WCAG AA's
+     4.5:1 for normal text - used only for the pressed toolbar-button state
+     (see .srte-tool-button[aria-pressed="true"]), not a replacement for
+     --srte-primary generally. */
+  --srte-primary-pressed: #1d4ed8;
   --srte-surface-subtle: #f3f4f6;
   --srte-on-primary: #ffffff;
   --srte-cancel-bg: #f3f4f6;
@@ -60,6 +65,7 @@ export const SRTE_DEFAULT_CSS = `
   --srte-accent-bg: rgba(56, 189, 248, 0.16);
   --srte-danger: #ef4444;
   --srte-primary: #3b82f6;
+  --srte-primary-pressed: var(--srte-primary);
   --srte-surface-subtle: #333333;
   --srte-on-primary: #ffffff;
   --srte-cancel-bg: #333333;
@@ -71,6 +77,18 @@ export const SRTE_DEFAULT_CSS = `
   font-family: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   container: srte-editor / inline-size;
 }
+.srte-canonical-authority > .srte-editor[contenteditable] {
+  width: 100%;
+  padding: 16px 20px;
+  box-sizing: border-box;
+  border: 1px solid var(--srte-border);
+  border-radius: 0 0 var(--srte-radius) var(--srte-radius);
+  outline: none;
+  background: var(--srte-canvas);
+  color: var(--srte-foreground);
+  caret-color: var(--srte-foreground);
+  line-height: 1.6;
+}
 .srte-toolbar {
   display: flex;
   flex-wrap: wrap;
@@ -134,7 +152,12 @@ export const SRTE_DEFAULT_CSS = `
 }
 .srte-tool-button.srte-active,
 .srte-tool-button[aria-pressed="true"] {
-  color: var(--srte-primary);
+  /* var(--srte-primary) (#2563eb) on var(--srte-accent-bg) measured 4.43:1,
+     just under WCAG AA's 4.5:1 for normal text (axe-core, Phase 11 Tier 3) -
+     a dedicated, darker pressed-state color keeps the same hue family
+     while clearing the threshold, without changing --srte-primary's other,
+     already-compliant usages (e.g. against solid backgrounds). */
+  color: var(--srte-primary-pressed);
   background: var(--srte-accent-bg);
   border-color: color-mix(in srgb, var(--srte-primary) 35%, transparent);
 }
@@ -231,6 +254,84 @@ export const SRTE_DEFAULT_CSS = `
   align-items: start;
   padding-left: 0;
 }
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-decimal-paren"][data-srte-list-depth="0"] > li::marker {
+  content: counter(list-item, decimal) ")  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-decimal-paren"][data-srte-list-depth="1"] > li::marker {
+  content: counter(list-item, lower-alpha) ")  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-decimal-paren"][data-srte-list-depth="2"] > li::marker,
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-decimal-paren"][data-srte-list-depth="3"] > li::marker {
+  content: counter(list-item, lower-roman) ")  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-decimal"][data-srte-list-depth="0"] > li::marker {
+  content: counter(list-item, decimal) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-decimal"][data-srte-list-depth="1"] > li::marker {
+  content: counter(list-item, lower-alpha) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-decimal"][data-srte-list-depth="2"] > li::marker,
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-decimal"][data-srte-list-depth="3"] > li::marker {
+  content: counter(list-item, lower-roman) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-upper-alpha"][data-srte-list-depth="0"] > li::marker {
+  content: counter(list-item, upper-alpha) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-upper-alpha"][data-srte-list-depth="1"] > li::marker {
+  content: counter(list-item, lower-alpha) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-upper-alpha"][data-srte-list-depth="2"] > li::marker,
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-upper-alpha"][data-srte-list-depth="3"] > li::marker {
+  content: counter(list-item, lower-roman) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-upper-roman"][data-srte-list-depth="0"] > li::marker {
+  content: counter(list-item, upper-roman) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-upper-roman"][data-srte-list-depth="1"] > li::marker {
+  content: counter(list-item, upper-alpha) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-upper-roman"][data-srte-list-depth="2"] > li::marker,
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-upper-roman"][data-srte-list-depth="3"] > li::marker {
+  content: counter(list-item, decimal) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-leading-zero"][data-srte-list-depth="0"] > li::marker {
+  content: counter(list-item, decimal-leading-zero) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-leading-zero"][data-srte-list-depth="1"] > li::marker {
+  content: counter(list-item, lower-alpha) ".  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-leading-zero"][data-srte-list-depth="2"] > li::marker,
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-leading-zero"][data-srte-list-depth="3"] > li::marker {
+  content: counter(list-item, lower-roman) ".  ";
+}
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-disc"][data-srte-list-depth="0"] > li::marker {
+  content: "●  ";
+}
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-disc"][data-srte-list-depth="1"] > li::marker {
+  content: "○  ";
+}
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-disc"][data-srte-list-depth="2"] > li::marker,
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-disc"][data-srte-list-depth="3"] > li::marker {
+  content: "■  ";
+}
+.srte-editor [contenteditable] ol[data-srte-list-preset="ordered-outline"] > li::marker {
+  content: counters(list-item, ".") ".  ";
+}
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-diamond"][data-srte-list-depth="0"] > li::marker { content: "❖  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-diamond"][data-srte-list-depth="1"] > li::marker { content: "➢  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-diamond"][data-srte-list-depth="2"] > li::marker { content: "■  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-square"][data-srte-list-depth="0"] > li::marker { content: "□  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-square"][data-srte-list-depth="1"] > li::marker { content: "▣  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-square"][data-srte-list-depth="2"] > li::marker { content: "▪  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-arrow"][data-srte-list-depth="0"] > li::marker { content: "➜  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-arrow"][data-srte-list-depth="1"] > li::marker { content: "◆  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-arrow"][data-srte-list-depth="2"] > li::marker { content: "●  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-star"][data-srte-list-depth="0"] > li::marker { content: "★  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-star"][data-srte-list-depth="1"] > li::marker { content: "○  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-star"][data-srte-list-depth="2"] > li::marker { content: "■  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-arrow-circle"][data-srte-list-depth="0"] > li::marker { content: "➢  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-arrow-circle"][data-srte-list-depth="1"] > li::marker { content: "○  "; }
+.srte-editor [contenteditable] ul[data-srte-list-preset="bullet-arrow-circle"][data-srte-list-depth="2"] > li::marker { content: "■  "; }
 .srte-editor [contenteditable] ul[data-srte-checklist="true"] > li > [data-srte-check] {
   display: inline-flex;
   grid-column: 1;
@@ -239,11 +340,26 @@ export const SRTE_DEFAULT_CSS = `
   justify-content: center;
   width: 1.1em;
   height: 1.6em;
+  min-width: 0;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  appearance: none;
+  outline: none;
   margin: 0;
   line-height: 1.6;
   vertical-align: top;
   position: relative;
 }
+.srte-editor [contenteditable] ul[data-srte-checklist="true"] > li > [data-srte-check]:focus-visible {
+  outline: 2px solid var(--srte-ring);
+  outline-offset: 2px;
+}
 .srte-editor [contenteditable] ul[data-srte-checklist="true"] > li > [data-srte-check]::before {
   content: "";
   width: .9em;
@@ -317,6 +433,42 @@ export const SRTE_DEFAULT_CSS = `
   }
   .srte-menu-item { height: 40px; }
 }
+/*
+ * Wide-viewport promotion (docs/bugs/toolbar-priority-collapse-fixed-threshold-no-wide-promotion.md):
+ * below this, the single 639px breakpoint above was this system's ONLY
+ * threshold - every dropdown-grouped tool stayed hidden inside its dropdown
+ * at every width from 640px up to and past a 2200px+ desktop, since nothing
+ * ever measured or scaled with the extra room. A handful of tools frequent
+ * enough to matter once there's genuinely spare room (Superscript,
+ * Subscript, Text colour, Background colour, Font size, Font family, Remove
+ * link, Insert formula, Special characters) get a standalone always-visible
+ * ToolbarButton copy (data-srte-wide-promote, rendered directly in the
+ * toolbar row) that appears past this breakpoint, while their existing
+ * dropdown/mobile-menu ToolbarMenuItem copy (the exact same
+ * data-srte-wide-promote attribute, on the .srte-menu-item element instead)
+ * hides so the tool isn't offered twice. Below this breakpoint - including
+ * all of mobile AND the 640-1439px tablet/typical-laptop band, which keeps
+ * today's grouped-dropdown layout unchanged - the standalone copy stays
+ * hidden and the dropdown copy is what's reachable.
+ *
+ * 1440px, not 1280px: Playwright's own default test viewport is exactly
+ * 1280x720, and the vast majority of this suite's toolbar interactions run
+ * at that default without ever calling page.setViewportSize - a 1280px
+ * threshold would have flipped nearly every existing toolbar test's
+ * dropdown-item locators (role=menuitem) over to CSS display:none out from
+ * under them. 1440px clears that default with room to spare while still
+ * comfortably covering "wide desktop" (the ~2264px width the original
+ * report was filed against).
+ */
+.srte-tool-button[data-srte-wide-promote="true"] { display: none; }
+@media (min-width: 1440px) {
+  .srte-tool-button[data-srte-wide-promote="true"] { display: inline-flex; }
+  .srte-menu-item[data-srte-wide-promote="true"] { display: none; }
+}
+@container srte-editor (min-width: 1440px) {
+  .srte-tool-button[data-srte-wide-promote="true"] { display: inline-flex; }
+  .srte-menu-item[data-srte-wide-promote="true"] { display: none; }
+}
 .srte-editor [contenteditable] blockquote {
   border-left: 4px solid var(--srte-accent);
   margin: 0.75em 0;
@@ -391,6 +543,14 @@ export const SRTE_DEFAULT_CSS = `
   border: 1px solid var(--srte-border);
   vertical-align: top;
 }
+.srte-editor [contenteditable] [data-smart-cell-selected="true"] {
+  background: color-mix(in srgb, var(--srte-primary) 12%, var(--srte-canvas));
+  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--srte-primary) 65%, transparent);
+}
+.srte-editor [contenteditable][data-smart-cell-selection-active] ::selection {
+  background: transparent;
+  color: inherit;
+}
 .srte-editor [contenteditable] th {
   background: var(--srte-surface-subtle);
   font-weight: 600;

package/dist/versionProvider.d.ts

@@ -0,0 +1,29 @@
+import type { DocumentVersion } from "smartrte-core/foundation";
+/**
+ * The listing-cheap projection of a `DocumentVersion` - a host's backend
+ * shouldn't have to ship every saved version's full document body just to
+ * render a history list. Mirrors `MediaProvider.search` returning
+ * `MediaItem` (metadata) rather than raw asset bytes.
+ */
+export interface VersionListEntry {
+    readonly id: string;
+    readonly label?: string;
+    readonly createdAt: number;
+    readonly authorId?: string;
+}
+/**
+ * Host-owned version-storage boundary, mirroring `MediaProvider`'s shape
+ * and its "the editor never persists anything itself" contract: the host
+ * backend is the source of truth, and `save`/`list`/`load`/`remove` are
+ * the entire boundary. There is deliberately no shipped default
+ * implementation, exactly like `MediaProvider` - when a host doesn't
+ * supply one, the version-history feature is simply unavailable, the same
+ * way the media toolbar buttons are disabled when `mediaProvider` is
+ * absent.
+ */
+export interface VersionProvider {
+    save(version: DocumentVersion): Promise<VersionListEntry>;
+    list(): Promise<readonly VersionListEntry[]>;
+    load(id: string): Promise<DocumentVersion>;
+    remove(id: string): Promise<void>;
+}