tiptap-markdown-react 1.3.3 → 1.5.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { g as getLocaleBundle, S as SearchIcon, d as ChevronUpIcon, e as ChevronDownIcon, X as XIcon, h as ReplaceIcon, i as ReplaceAllIcon, j as renderOrUpdateChart, k as destroyChart, l as CheckIcon, T as TrashIcon, n as CopyIcon, o as ChevronsUpDownIcon, G as GripIcon, E as EraserIcon, D as DownloadIcon, u as useIsMobile, K as KeyboardIcon, p as EditorToc, I as ImagePreviewHost, q as sameTocItems$1, A as AlignRightIcon, t as AlignCenterIcon, v as AlignLeftIcon, w as CropIcon, x as CaptionsIcon, y as ExpandIcon, z as requestImagePreview, B as RotateCcwIcon, F as ExternalLinkIcon, H as TableDeleteIcon, J as ColumnBeforeIcon, L as ColumnAfterIcon, M as ColumnDeleteIcon, N as RowBeforeIcon, O as RowAfterIcon, P as RowDeleteIcon, U as UndoIcon, Q as RedoIcon, V as BoldIcon, W as ItalicIcon, Y as UnderlineIcon, Z as StrikethroughIcon, _ as CodeIcon, $ as LinkIcon, a0 as ImageIcon, a1 as DetailsIcon, a2 as AlignJustifyIcon, a3 as IndentIncreaseIcon, a4 as IndentDecreaseIcon, a5 as LineHeightIcon, a6 as ListUnorderedIcon, a7 as ListOrderedIcon, a8 as ListChecksIcon } from "./ReportContentWithCharts-BOskBjBI.js";
-import { C, a9, aa, a, ab, ac, ad, ae, b, c, af, ag, ah, f, m, r, s } from "./ReportContentWithCharts-BOskBjBI.js";
+import { g as getLocaleBundle, S as SearchIcon, d as ChevronUpIcon, e as ChevronDownIcon, X as XIcon, h as ReplaceIcon, i as ReplaceAllIcon, j as renderOrUpdateChart, k as destroyChart, l as CheckIcon, T as TrashIcon, n as CopyIcon, o as ChevronsUpDownIcon, G as GripIcon, E as EraserIcon, D as DownloadIcon, u as useIsMobile, K as KeyboardIcon, p as EditorToc, I as ImagePreviewHost, q as sameTocItems$1, A as AlignRightIcon, t as AlignCenterIcon, v as AlignLeftIcon, w as CropIcon, x as CaptionsIcon, y as ExpandIcon, z as requestImagePreview, B as RotateCcwIcon, F as ExternalLinkIcon, H as TableDeleteIcon, J as ColumnBeforeIcon, L as ColumnAfterIcon, M as ColumnDeleteIcon, N as RowBeforeIcon, O as RowAfterIcon, P as RowDeleteIcon, U as UndoIcon, Q as RedoIcon, V as PaintbrushIcon, W as BoldIcon, Y as ItalicIcon, Z as UnderlineIcon, _ as StrikethroughIcon, $ as CodeIcon, a0 as LinkIcon, a1 as ImageIcon, a2 as DetailsIcon, a3 as AlignJustifyIcon, a4 as IndentIncreaseIcon, a5 as IndentDecreaseIcon, a6 as LineHeightIcon, a7 as ListUnorderedIcon, a8 as ListOrderedIcon, a9 as ListChecksIcon } from "./ReportContentWithCharts-CMMUE51M.js";
+import { C, aa, ab, a, ac, ad, ae, af, b, c, ag, ah, ai, f, m, r, s } from "./ReportContentWithCharts-CMMUE51M.js";
 import { jsx, jsxs, Fragment as Fragment$2 } from "react/jsx-runtime";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import FindAndReplace, { FindAndReplacePluginKey, createSearchRegex } from "@tiptap/extension-find-and-replace";
@@ -14,10 +14,10 @@ import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, ReactRenderer,
 import { Extension, Node as Node$1, mergeAttributes } from "@tiptap/core";
 import { createPortal } from "react-dom";
 import { useState, useEffect, useCallback, useRef, useMemo, useSyncExternalStore, useLayoutEffect, forwardRef, useId, useImperativeHandle, Fragment as Fragment$1, useContext, createContext } from "react";
-import { q as normalizeImageAlign, l as normalizeImageCrop, m as cropImageBox, e as enrichMarkdownCitations, o as styles$e, i as imageMarkdownTokenizer, c as imageParseMarkdown, d as imageRenderMarkdown, f as imageNodeHtml, g as imageFigureParseRule, h as imageCropAttribute, j as imageCaptionAttribute, k as imageAlignAttribute, r as normalizeImageCaption } from "./ReportContent-Bc5q1bYp.js";
-import { R, a as a2, b as b2, s as s2 } from "./ReportContent-Bc5q1bYp.js";
-import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, f as CommentMark, b as baseExtensions, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as readCurrentNumberingFormat, q as subscribeMathClick, t as applyNumberingFormat, N as NUMBERING_FORMAT_IDS, u as NUMBERING_FORMAT_LABELS, v as NUMBERING_FORMAT_PREVIEWS, d as pureChart } from "./extractToc-DiI2437D.js";
-import { P, g, e, s as s3 } from "./extractToc-DiI2437D.js";
+import { q as normalizeImageAlign, l as normalizeImageCrop, m as cropImageBox, e as enrichMarkdownCitations, o as styles$e, i as imageMarkdownTokenizer, c as imageParseMarkdown, d as imageRenderMarkdown, f as imageNodeHtml, g as imageFigureParseRule, h as imageCropAttribute, j as imageCaptionAttribute, k as imageAlignAttribute, r as normalizeImageCaption } from "./ReportContent-DUvhic0o.js";
+import { R, a as a2, b as b2, s as s2 } from "./ReportContent-DUvhic0o.js";
+import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, f as CommentMark, b as baseExtensions, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as readCurrentNumberingFormat, q as subscribeMathClick, t as applyNumberingFormat, N as NUMBERING_FORMAT_IDS, u as NUMBERING_FORMAT_LABELS, v as NUMBERING_FORMAT_PREVIEWS, d as pureChart } from "./extractToc-B-hg0XuH.js";
+import { P, g, e, s as s3 } from "./extractToc-B-hg0XuH.js";
 import { Slice, Fragment } from "@tiptap/pm/model";
 import { PluginKey, Plugin, Selection, TextSelection, NodeSelection } from "@tiptap/pm/state";
 import { DecorationSet, Decoration } from "@tiptap/pm/view";
@@ -4292,57 +4292,61 @@ function splitTopLevelBlocks(markdown) {
 function stripToPlainText(markdown) {
   return markdown.replace(/!\[[^\]]*\]\([^)]+\)/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^#{1,6}\s+/gm, "").replace(/^[ \t]*[-*+]\s+/gm, "").replace(/^[ \t]*\d+\.\s+/gm, "").replace(/[*_~`]+/g, "").replace(/<[^>]+>/g, "").replace(/\|/g, " ").replace(/\s+/g, " ").trim();
 }
-const toolbar = "_toolbar_1l6t0_2";
-const inner = "_inner_1l6t0_15";
-const btn$2 = "_btn_1l6t0_35";
-const btnActive$1 = "_btnActive_1l6t0_58";
-const txtIcon = "_txtIcon_1l6t0_74";
-const colorIcon = "_colorIcon_1l6t0_82";
-const colorIconGlyph = "_colorIconGlyph_1l6t0_90";
-const colorIconBar = "_colorIconBar_1l6t0_96";
-const scriptTrigger = "_scriptTrigger_1l6t0_103";
-const scriptTriggerGlyph = "_scriptTriggerGlyph_1l6t0_123";
-const divider$2 = "_divider_1l6t0_131";
-const styleTrigger = "_styleTrigger_1l6t0_140";
-const styleTriggerLabel = "_styleTriggerLabel_1l6t0_174";
-const styleTriggerCaret = "_styleTriggerCaret_1l6t0_183";
-const iconTrigger = "_iconTrigger_1l6t0_190";
-const styleItem = "_styleItem_1l6t0_198";
-const styleIcon = "_styleIcon_1l6t0_204";
-const scriptGlyph = "_scriptGlyph_1l6t0_214";
-const menu = "_menu_1l6t0_226";
-const menuItem = "_menuItem_1l6t0_237";
-const menuItemSelected = "_menuItemSelected_1l6t0_264";
-const listSplit = "_listSplit_1l6t0_279";
-const listSplitActive = "_listSplitActive_1l6t0_285";
-const numberingCaret = "_numberingCaret_1l6t0_297";
-const numberingCaretActive = "_numberingCaretActive_1l6t0_327";
-const numberingMenu = "_numberingMenu_1l6t0_331";
-const numberingGrid = "_numberingGrid_1l6t0_341";
-const numberingOption = "_numberingOption_1l6t0_347";
-const numberingOptionActive = "_numberingOptionActive_1l6t0_362";
-const numberingPreview = "_numberingPreview_1l6t0_367";
-const numberingPreviewRow = "_numberingPreviewRow_1l6t0_373";
-const numberingPreviewMarker = "_numberingPreviewMarker_1l6t0_388";
-const numberingPreviewLine = "_numberingPreviewLine_1l6t0_396";
-const tableInsertCaret = "_tableInsertCaret_1l6t0_402";
-const tableSizePicker = "_tableSizePicker_1l6t0_410";
-const tableSizeGrid = "_tableSizeGrid_1l6t0_420";
-const tableSizeCell = "_tableSizeCell_1l6t0_425";
-const tableSizeCellActive = "_tableSizeCellActive_1l6t0_435";
-const tableSizeLabel = "_tableSizeLabel_1l6t0_440";
-const popoverContent$1 = "_popoverContent_1l6t0_449";
-const mathLayer = "_mathLayer_1l6t0_453";
-const mathStack = "_mathStack_1l6t0_458";
-const mathStackBlock = "_mathStackBlock_1l6t0_465";
-const mathHint = "_mathHint_1l6t0_470";
-const mathHintBlock = "_mathHintBlock_1l6t0_482";
-const mathHintIcon = "_mathHintIcon_1l6t0_488";
-const mathField = "_mathField_1l6t0_519";
-const mathFieldBlock = "_mathFieldBlock_1l6t0_531";
-const mathInput = "_mathInput_1l6t0_538";
-const mathDone = "_mathDone_1l6t0_556";
-const mathDoneKbd = "_mathDoneKbd_1l6t0_581";
+const toolbar = "_toolbar_1vr0x_2";
+const inner = "_inner_1vr0x_15";
+const btn$2 = "_btn_1vr0x_35";
+const btnActive$1 = "_btnActive_1vr0x_58";
+const txtIcon = "_txtIcon_1vr0x_74";
+const colorIcon = "_colorIcon_1vr0x_82";
+const colorIconGlyph = "_colorIconGlyph_1vr0x_90";
+const colorIconBar = "_colorIconBar_1vr0x_96";
+const scriptTrigger = "_scriptTrigger_1vr0x_103";
+const scriptTriggerGlyph = "_scriptTriggerGlyph_1vr0x_123";
+const divider$2 = "_divider_1vr0x_131";
+const styleTrigger = "_styleTrigger_1vr0x_140";
+const styleTriggerLabel = "_styleTriggerLabel_1vr0x_174";
+const styleTriggerStable = "_styleTriggerStable_1vr0x_184";
+const styleTriggerLabelStable = "_styleTriggerLabelStable_1vr0x_188";
+const styleTriggerSizer = "_styleTriggerSizer_1vr0x_193";
+const styleTriggerValue = "_styleTriggerValue_1vr0x_194";
+const styleTriggerCaret = "_styleTriggerCaret_1vr0x_209";
+const iconTrigger = "_iconTrigger_1vr0x_216";
+const styleItem = "_styleItem_1vr0x_224";
+const styleIcon = "_styleIcon_1vr0x_230";
+const scriptGlyph = "_scriptGlyph_1vr0x_240";
+const menu = "_menu_1vr0x_252";
+const menuItem = "_menuItem_1vr0x_263";
+const menuItemSelected = "_menuItemSelected_1vr0x_290";
+const listSplit = "_listSplit_1vr0x_305";
+const listSplitActive = "_listSplitActive_1vr0x_311";
+const numberingCaret = "_numberingCaret_1vr0x_323";
+const numberingCaretActive = "_numberingCaretActive_1vr0x_353";
+const numberingMenu = "_numberingMenu_1vr0x_357";
+const numberingGrid = "_numberingGrid_1vr0x_367";
+const numberingOption = "_numberingOption_1vr0x_373";
+const numberingOptionActive = "_numberingOptionActive_1vr0x_388";
+const numberingPreview = "_numberingPreview_1vr0x_393";
+const numberingPreviewRow = "_numberingPreviewRow_1vr0x_399";
+const numberingPreviewMarker = "_numberingPreviewMarker_1vr0x_414";
+const numberingPreviewLine = "_numberingPreviewLine_1vr0x_422";
+const tableInsertCaret = "_tableInsertCaret_1vr0x_428";
+const tableSizePicker = "_tableSizePicker_1vr0x_436";
+const tableSizeGrid = "_tableSizeGrid_1vr0x_446";
+const tableSizeCell = "_tableSizeCell_1vr0x_451";
+const tableSizeCellActive = "_tableSizeCellActive_1vr0x_461";
+const tableSizeLabel = "_tableSizeLabel_1vr0x_466";
+const popoverContent$1 = "_popoverContent_1vr0x_475";
+const mathLayer = "_mathLayer_1vr0x_479";
+const mathStack = "_mathStack_1vr0x_484";
+const mathStackBlock = "_mathStackBlock_1vr0x_491";
+const mathHint = "_mathHint_1vr0x_496";
+const mathHintBlock = "_mathHintBlock_1vr0x_508";
+const mathHintIcon = "_mathHintIcon_1vr0x_514";
+const mathField = "_mathField_1vr0x_545";
+const mathFieldBlock = "_mathFieldBlock_1vr0x_557";
+const mathInput = "_mathInput_1vr0x_564";
+const mathDone = "_mathDone_1vr0x_582";
+const mathDoneKbd = "_mathDoneKbd_1vr0x_607";
 const styles$6 = {
   toolbar,
   inner,
@@ -4357,6 +4361,10 @@ const styles$6 = {
   divider: divider$2,
   styleTrigger,
   styleTriggerLabel,
+  styleTriggerStable,
+  styleTriggerLabelStable,
+  styleTriggerSizer,
+  styleTriggerValue,
   styleTriggerCaret,
   iconTrigger,
   styleItem,
@@ -4396,6 +4404,263 @@ const styles$6 = {
   mathDone,
   mathDoneKbd
 };
+const FORMAT_MARKS = /* @__PURE__ */ new Set([
+  "bold",
+  "italic",
+  "underline",
+  "strike",
+  "code",
+  "highlight",
+  "textStyle",
+  "superscript",
+  "subscript"
+]);
+const PLAIN_BLOCK = {
+  type: "paragraph",
+  level: null,
+  textAlign: null,
+  indent: null,
+  lineHeight: null
+};
+function isFormatMark(name) {
+  return FORMAT_MARKS.has(name);
+}
+function isStyleBlock(node) {
+  return node.type.name === "paragraph" || node.type.name === "heading";
+}
+function readBlock(node) {
+  const indent = Number(node.attrs.indent);
+  const lineHeight = Number(node.attrs.lineHeight);
+  return {
+    type: node.type.name === "heading" ? "heading" : "paragraph",
+    level: node.type.name === "heading" ? Number(node.attrs.level) || 1 : null,
+    textAlign: typeof node.attrs.textAlign === "string" && node.attrs.textAlign ? node.attrs.textAlign : null,
+    indent: Number.isFinite(indent) && indent > 0 ? indent : null,
+    lineHeight: Number.isFinite(lineHeight) && lineHeight > 0 ? lineHeight : null
+  };
+}
+function sameMarkSet(a3, b3) {
+  if (a3.length !== b3.length) return false;
+  return a3.every((mark) => b3.some((other) => mark.eq(other)));
+}
+function anchorTextblock(doc, from, to) {
+  const $from = doc.resolve(from);
+  if ($from.parent.isTextblock && !$from.parent.type.spec.code) {
+    return { node: $from.parent, pos: $from.before() };
+  }
+  if (from === to) return null;
+  let found = null;
+  doc.nodesBetween(from, to, (node, pos) => {
+    if (found) return false;
+    if (node.isTextblock && !node.type.spec.code) {
+      found = { node, pos };
+      return false;
+    }
+  });
+  return found;
+}
+function blockIsCovered(node, pos, from, to) {
+  const contentFrom = pos + 1;
+  const contentTo = pos + node.nodeSize - 1;
+  return from <= contentFrom && to >= contentTo;
+}
+function sourceMarks(doc, from, to, stored) {
+  var _a;
+  if (from === to) {
+    if (stored) return stored;
+    return doc.resolve(from).marks();
+  }
+  const $from = doc.resolve(from);
+  if ((_a = $from.nodeAfter) == null ? void 0 : _a.isText) return $from.nodeAfter.marks;
+  return $from.marks();
+}
+function captureFormat(editor) {
+  if (!editor.isEditable) return null;
+  const { selection, storedMarks, doc } = editor.state;
+  const anchor = anchorTextblock(doc, selection.from, selection.to);
+  if (!anchor) return null;
+  const marks = sourceMarks(doc, selection.from, selection.to, storedMarks).filter((mark) => isFormatMark(mark.type.name)).map((mark) => ({ type: mark.type.name, attrs: { ...mark.attrs } }));
+  const block = isStyleBlock(anchor.node) && (selection.empty || blockIsCovered(anchor.node, anchor.pos, selection.from, selection.to)) ? readBlock(anchor.node) : null;
+  return { marks, block };
+}
+function canPaint(doc, from, to) {
+  return anchorTextblock(doc, from, to) != null;
+}
+function removeFormatMarks(tr, from, to) {
+  if (from >= to) return;
+  for (const name of FORMAT_MARKS) {
+    const type = tr.doc.type.schema.marks[name];
+    if (type) tr.removeMark(from, to, type);
+  }
+}
+function addFormatMarks(tr, from, to, marks) {
+  if (from >= to) return;
+  for (const mark of marks) {
+    const type = tr.doc.type.schema.marks[mark.type];
+    if (!type || !isFormatMark(mark.type)) continue;
+    tr.addMark(from, to, type.create(mark.attrs));
+  }
+}
+function marksForNextInput(tr, stateStored) {
+  if (tr.storedMarksSet) return tr.storedMarks ?? [];
+  if (stateStored) return stateStored;
+  return tr.selection.$from.marks();
+}
+function setFormatStoredMarks(tr, marks, stateStored) {
+  const current = marksForNextInput(tr, stateStored);
+  const kept = current.filter((mark) => !isFormatMark(mark.type.name));
+  const next = [
+    ...kept,
+    ...marks.flatMap((mark) => {
+      const type = tr.doc.type.schema.marks[mark.type];
+      return type && isFormatMark(mark.type) ? [type.create(mark.attrs)] : [];
+    })
+  ];
+  if (sameMarkSet(current, next)) return;
+  tr.setStoredMarks(next);
+}
+function stripFormatStoredMarks(tr, stateStored) {
+  const current = marksForNextInput(tr, stateStored);
+  const next = current.filter((mark) => !isFormatMark(mark.type.name));
+  if (sameMarkSet(current, next)) return;
+  tr.setStoredMarks(next);
+}
+function applyBlockAt(tr, pos, block) {
+  var _a, _b, _c;
+  const node = tr.doc.nodeAt(pos);
+  if (!node || !isStyleBlock(node)) return;
+  const $pos = tr.doc.resolve(pos);
+  let typeName = node.type.name;
+  if (block.type === "heading") {
+    const heading = tr.doc.type.schema.nodes.heading;
+    if (heading && $pos.parent.canReplaceWith($pos.index(), $pos.index() + 1, heading)) {
+      typeName = "heading";
+    }
+  } else if (node.type.name === "heading") {
+    const paragraph = tr.doc.type.schema.nodes.paragraph;
+    if (paragraph && $pos.parent.canReplaceWith($pos.index(), $pos.index() + 1, paragraph)) {
+      typeName = "paragraph";
+    }
+  }
+  const type = tr.doc.type.schema.nodes[typeName];
+  if (!type) return;
+  const indent = Number(node.attrs.indent);
+  const lineHeight = Number(node.attrs.lineHeight);
+  const sameType = node.type === type;
+  const sameLevel = typeName !== "heading" || Number(node.attrs.level) === (block.level ?? 1);
+  const sameAlign = (node.attrs.textAlign || null) === block.textAlign;
+  const sameIndent = (Number.isFinite(indent) && indent > 0 ? indent : null) === block.indent;
+  const sameLine = (Number.isFinite(lineHeight) && lineHeight > 0 ? lineHeight : null) === block.lineHeight;
+  if (sameType && sameLevel && sameAlign && sameIndent && sameLine) return;
+  const attrs = { ...node.attrs };
+  if (typeName === "heading") attrs.level = block.level ?? 1;
+  else delete attrs.level;
+  if ((_a = type.spec.attrs) == null ? void 0 : _a.textAlign) attrs.textAlign = block.textAlign;
+  if ((_b = type.spec.attrs) == null ? void 0 : _b.indent) attrs.indent = block.indent;
+  if ((_c = type.spec.attrs) == null ? void 0 : _c.lineHeight) attrs.lineHeight = block.lineHeight;
+  tr.setNodeMarkup(pos, type, attrs);
+}
+function coveredStyleBlockPositions(doc, from, to) {
+  const positions = [];
+  doc.nodesBetween(from, to, (node, pos) => {
+    if (!isStyleBlock(node)) return;
+    if (blockIsCovered(node, pos, from, to)) positions.push(pos);
+  });
+  return positions;
+}
+function mutateFormatting(tr, mode, format, stateStored) {
+  const docBefore = tr.doc;
+  const ranges = tr.selection.ranges.map((range) => ({
+    from: range.$from.pos,
+    to: range.$to.pos
+  }));
+  const caretOnly = ranges.every((range) => range.from === range.to);
+  if (caretOnly) {
+    for (const range of ranges) {
+      const $pos = tr.doc.resolve(range.from);
+      const parent = $pos.parent;
+      if (!parent.isTextblock || parent.type.spec.code) continue;
+      if (mode === "clear") {
+        removeFormatMarks(tr, $pos.start(), $pos.end());
+        if (isStyleBlock(parent)) applyBlockAt(tr, $pos.before(), PLAIN_BLOCK);
+      } else if ((format == null ? void 0 : format.block) && isStyleBlock(parent)) {
+        applyBlockAt(tr, $pos.before(), format.block);
+      }
+    }
+    if (mode === "clear") stripFormatStoredMarks(tr, stateStored);
+    else if (format) setFormatStoredMarks(tr, format.marks, stateStored);
+  } else {
+    for (const range of ranges) {
+      removeFormatMarks(tr, range.from, range.to);
+      if (mode === "paint" && format) addFormatMarks(tr, range.from, range.to, format.marks);
+    }
+    const positions = /* @__PURE__ */ new Set();
+    for (const range of ranges) {
+      for (const pos of coveredStyleBlockPositions(tr.doc, range.from, range.to)) {
+        positions.add(pos);
+      }
+    }
+    const ordered = [...positions].sort((a3, b3) => b3 - a3);
+    for (const pos of ordered) {
+      if (mode === "clear") applyBlockAt(tr, pos, PLAIN_BLOCK);
+      else if (format == null ? void 0 : format.block) applyBlockAt(tr, pos, format.block);
+    }
+    if (mode === "clear") stripFormatStoredMarks(tr, stateStored);
+    else if (format) setFormatStoredMarks(tr, format.marks, stateStored);
+  }
+  const docChanged = !tr.doc.eq(docBefore);
+  const storedChanged = tr.storedMarksSet && !sameMarkSet(tr.storedMarks ?? [], stateStored ?? []);
+  return docChanged || storedChanged;
+}
+function runFormatCommand(editor, mutate) {
+  return editor.chain().focus().command(({ tr }) => mutate(tr)).run();
+}
+function pinCursorMarks(editor, desired) {
+  if (!editor.state.selection.empty) return;
+  const current = editor.state.storedMarks ?? editor.state.selection.$from.marks();
+  if (sameMarkSet(current, desired)) return;
+  editor.view.dispatch(
+    editor.state.tr.setStoredMarks(desired).setMeta("addToHistory", false)
+  );
+}
+function storedMarksFor(editor, captured) {
+  const current = editor.state.storedMarks ?? editor.state.selection.$from.marks();
+  const kept = current.filter((mark) => !isFormatMark(mark.type.name));
+  if (!captured) return kept;
+  return [
+    ...kept,
+    ...captured.flatMap((mark) => {
+      const type = editor.schema.marks[mark.type];
+      return type && isFormatMark(mark.type) ? [type.create(mark.attrs)] : [];
+    })
+  ];
+}
+function clearFormatting(editor) {
+  if (!editor.isEditable) return false;
+  const { selection, doc } = editor.state;
+  if (!canPaint(doc, selection.from, selection.to)) return false;
+  const stateStored = editor.state.storedMarks;
+  const ok = runFormatCommand(
+    editor,
+    (tr) => mutateFormatting(tr, "clear", null, stateStored)
+  );
+  if (editor.state.selection.empty) pinCursorMarks(editor, storedMarksFor(editor, null));
+  return ok;
+}
+function applyCapturedFormat(editor, format) {
+  if (!editor.isEditable) return false;
+  const { selection, doc } = editor.state;
+  if (!canPaint(doc, selection.from, selection.to)) return false;
+  const stateStored = editor.state.storedMarks;
+  runFormatCommand(
+    editor,
+    (tr) => mutateFormatting(tr, "paint", format, stateStored)
+  );
+  if (editor.state.selection.empty) {
+    pinCursorMarks(editor, storedMarksFor(editor, format.marks));
+  }
+  return true;
+}
 const palette = "_palette_x5lrq_2";
 const noneRow = "_noneRow_x5lrq_11";
 const noneIcon = "_noneIcon_x5lrq_23";
@@ -6454,6 +6719,63 @@ function EditorToolbar({
       editor.off("blur", onBlur);
     };
   }, [editor]);
+  const [painter, setPainter] = useState("off");
+  const [paintSample, setPaintSample] = useState(null);
+  const painterClickAt = useRef(0);
+  const painterEditor = useRef(editor);
+  const disarmPainter = () => {
+    painterClickAt.current = 0;
+    setPainter("off");
+    setPaintSample(null);
+  };
+  useEffect(() => {
+    if (painterEditor.current === editor) return;
+    painterEditor.current = editor;
+    disarmPainter();
+  }, [editor]);
+  useEffect(() => {
+    if (editor.isDestroyed) return;
+    const dom = editor.view.dom;
+    dom.classList.toggle("tmr-format-painter", painter !== "off");
+    return () => {
+      if (!editor.isDestroyed) dom.classList.remove("tmr-format-painter");
+    };
+  }, [editor, painter]);
+  useEffect(() => {
+    if (painter === "off" || !paintSample || editor.isDestroyed) return;
+    const dom = editor.view.dom;
+    const apply2 = () => {
+      const handled = applyCapturedFormat(editor, paintSample);
+      if (handled && painter === "once") disarmPainter();
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      disarmPainter();
+    };
+    dom.addEventListener("mouseup", apply2);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      dom.removeEventListener("mouseup", apply2);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [editor, painter, paintSample]);
+  const onFormatPainterClick = () => {
+    const now = Date.now();
+    const quick = now - painterClickAt.current < 300;
+    painterClickAt.current = now;
+    if (painter !== "off") {
+      if (quick && painter === "once") {
+        setPainter("locked");
+        return;
+      }
+      disarmPainter();
+      return;
+    }
+    const captured = captureFormat(editor);
+    if (!captured) return;
+    setPaintSample(captured);
+    setPainter(quick ? "locked" : "once");
+  };
   const fileInputRef = useRef(null);
   const chain = () => editor.chain().focus();
   const imageUploadEnabled = hasImageUpload(editor);
@@ -6660,6 +6982,23 @@ function EditorToolbar({
               children: /* @__PURE__ */ jsx(RedoIcon, {})
             }
           ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              title: t.formatPainter,
+              active: painter !== "off",
+              onClick: onFormatPainterClick,
+              children: /* @__PURE__ */ jsx(PaintbrushIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              title: t.clearFormatting,
+              onClick: () => clearFormatting(editor),
+              children: /* @__PURE__ */ jsx(EraserIcon, {})
+            }
+          ),
           /* @__PURE__ */ jsx(Divider, {}),
           /* @__PURE__ */ jsxs(
             MenuPopover,
@@ -6668,11 +7007,18 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
-                  title: t.style,
+                  className: `${styles$6.styleTrigger} ${styles$6.styleTriggerStable}`,
+                  title: state.headingLevel ? t.headingLabel(state.headingLevel) : t.normalText,
+                  "aria-label": t.style,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: t.style }),
+                    /* @__PURE__ */ jsxs("span", { className: `${styles$6.styleTriggerLabel} ${styles$6.styleTriggerLabelStable}`, children: [
+                      /* @__PURE__ */ jsxs("span", { className: styles$6.styleTriggerSizer, "aria-hidden": "true", children: [
+                        /* @__PURE__ */ jsx("span", { children: t.normalText }),
+                        HEADING_LEVELS.map((lv) => /* @__PURE__ */ jsx("span", { children: `H${lv}` }, lv))
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerValue, children: state.headingLevel ? `H${state.headingLevel}` : t.normalText })
+                    ] }),
                     /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
                   ]
                 }
@@ -6711,13 +7057,19 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
-                  title: t.fontSize,
+                  className: `${styles$6.styleTrigger} ${styles$6.styleTriggerStable}`,
+                  title: state.fontSize || t.fontSize,
                   "aria-label": t.fontSize,
                   disabled: !canEditFontSize,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: state.fontSize || t.fontSize }),
+                    /* @__PURE__ */ jsxs("span", { className: `${styles$6.styleTriggerLabel} ${styles$6.styleTriggerLabelStable}`, children: [
+                      /* @__PURE__ */ jsxs("span", { className: styles$6.styleTriggerSizer, "aria-hidden": "true", children: [
+                        /* @__PURE__ */ jsx("span", { children: t.fontSize }),
+                        FONT_SIZES.map((size) => /* @__PURE__ */ jsx("span", { children: size }, size))
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerValue, children: state.fontSize || t.fontSize })
+                    ] }),
                     /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
                   ]
                 }
@@ -7408,8 +7760,8 @@ export {
   C as ChartMount,
   CheckIcon,
   ChevronDownIcon,
-  a9 as ChevronLeftIcon,
-  aa as ChevronRightIcon,
+  aa as ChevronLeftIcon,
+  ab as ChevronRightIcon,
   ChevronUpIcon,
   ChevronsUpDownIcon,
   a as CitationInteractive,
@@ -7433,12 +7785,12 @@ export {
   FIND_DEBOUNCE_MS,
   default2 as FindAndReplace,
   FindReplaceBar,
-  ab as FitIcon,
+  ac as FitIcon,
   GripIcon,
   ImageAlignTools,
   ImageIcon,
   ImageUploadNode,
-  ac as ImportIcon,
+  ad as ImportIcon,
   ImportPlaceholder,
   IndentDecreaseIcon,
   IndentIncreaseIcon,
@@ -7450,13 +7802,14 @@ export {
   ListChecksIcon,
   ListOrderedIcon,
   ListUnorderedIcon,
-  ad as LockIcon,
+  ae as LockIcon,
   MarkdownFileDrop,
   MarkdownPaste,
   MarkdownPreview,
   MarkdownWysiwygEditor,
-  ae as MenuIcon,
+  af as MenuIcon,
   PENDING_ANCHOR_CLASS,
+  PaintbrushIcon,
   P as ParagraphStyles,
   RedoIcon,
   ReplaceAllIcon,
@@ -7465,7 +7818,7 @@ export {
   b as ReportContentInteractive,
   c as ReportContentWithCharts,
   RotateCcwIcon,
-  af as RotateCwIcon,
+  ag as RotateCwIcon,
   RowAfterIcon,
   RowBeforeIcon,
   RowDeleteIcon,
@@ -7478,8 +7831,8 @@ export {
   UnderlineIcon,
   UndoIcon,
   XIcon,
-  ag as ZoomInIcon,
-  ah as ZoomOutIcon,
+  ah as ZoomInIcon,
+  ai as ZoomOutIcon,
   a2 as applyCitationSources,
   applyCommentAnchorsToEditor,
   applyLink,