tiptap-markdown-react 1.4.0 → 1.6.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-3cn7_5Tz.js";
-import { C, a9, aa, a, ab, ac, ad, ae, b, c, af, ag, ah, f, m, r, s } from "./ReportContentWithCharts-3cn7_5Tz.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, aa as MinimizeIcon } from "./ReportContentWithCharts-BaBitkZX.js";
+import { C, ab, ac, a, ad, ae, af, ag, b, c, ah, ai, aj, f, m, r, s } from "./ReportContentWithCharts-BaBitkZX.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-B0HdrWAi.js";
-import { R, a as a2, b as b2, s as s2 } from "./ReportContent-B0HdrWAi.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-Bz924Nh4.js";
-import { P, g, e, s as s3 } from "./extractToc-Bz924Nh4.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";
@@ -4224,6 +4224,122 @@ function MarkdownPreview({
     ) })
   ] });
 }
+const FULLSCREEN_ATTR = "data-tmr-fullscreen";
+const ROOT_ATTR = "data-tmr-fullscreen-root";
+const ESCAPE_GUARDS = [
+  "[data-radix-popper-content-wrapper]",
+  "[data-table-menu]",
+  "[data-block-drag-menu]",
+  "[data-find-bar]",
+  "[data-image-lightbox]",
+  "[data-crop-box]",
+  '[role="dialog"]',
+  '[role="listbox"]',
+  '[role="menu"]'
+].join(",");
+let savedBodyOverflow = null;
+function readExplicitTarget(target) {
+  if (typeof target === "function") return target();
+  if (target instanceof HTMLElement) return target;
+  if (target && typeof target === "object" && "current" in target) {
+    return target.current instanceof HTMLElement ? target.current : null;
+  }
+  return null;
+}
+function defaultFullscreenElement(toolbarRoot) {
+  let node = toolbarRoot.parentElement;
+  while (node && node !== document.body && node !== document.documentElement) {
+    if (node.querySelector(".ProseMirror")) return node;
+    node = node.parentElement;
+  }
+  return toolbarRoot.parentElement;
+}
+function resolveFullscreenElement(target, toolbarRoot) {
+  const explicit = readExplicitTarget(target);
+  if (explicit) return explicit;
+  if (!toolbarRoot) return null;
+  return defaultFullscreenElement(toolbarRoot);
+}
+function enterFullscreen(el) {
+  el.setAttribute(FULLSCREEN_ATTR, "");
+  document.documentElement.setAttribute(ROOT_ATTR, "");
+  if (savedBodyOverflow === null) {
+    savedBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+}
+function leaveFullscreen(el) {
+  el == null ? void 0 : el.removeAttribute(FULLSCREEN_ATTR);
+  if (document.querySelector(`[${FULLSCREEN_ATTR}]`)) return;
+  document.documentElement.removeAttribute(ROOT_ATTR);
+  if (savedBodyOverflow !== null) {
+    document.body.style.overflow = savedBodyOverflow;
+    savedBodyOverflow = null;
+  }
+}
+function useToolbarFullscreen({
+  enabled,
+  target,
+  toolbarRootRef,
+  editor,
+  onChange
+}) {
+  const [fullscreen, setFullscreen] = useState(false);
+  const activeRef = useRef(null);
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const exit = useCallback(() => {
+    var _a;
+    if (!activeRef.current) return;
+    leaveFullscreen(activeRef.current);
+    activeRef.current = null;
+    setFullscreen(false);
+    (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, false);
+  }, []);
+  const toggleFullscreen = useCallback(() => {
+    var _a;
+    if (activeRef.current) {
+      exit();
+      return;
+    }
+    const el = resolveFullscreenElement(target, toolbarRootRef.current);
+    if (!el) return;
+    enterFullscreen(el);
+    activeRef.current = el;
+    setFullscreen(true);
+    (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, true);
+    if (!editor.isDestroyed) editor.commands.focus();
+  }, [editor, exit, target, toolbarRootRef]);
+  useEffect(() => {
+    if (enabled) return;
+    exit();
+  }, [enabled, exit]);
+  useEffect(() => {
+    if (!fullscreen) return;
+    const onKey = (event) => {
+      if (event.key !== "Escape" || isComposingKeyEvent(event)) return;
+      if (document.querySelector(ESCAPE_GUARDS)) return;
+      if (!editor.isDestroyed && editor.view.dom.classList.contains("tmr-format-painter")) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      exit();
+    };
+    document.addEventListener("keydown", onKey, true);
+    return () => document.removeEventListener("keydown", onKey, true);
+  }, [fullscreen, editor, exit]);
+  useEffect(() => {
+    return () => {
+      var _a;
+      if (!activeRef.current) return;
+      leaveFullscreen(activeRef.current);
+      activeRef.current = null;
+      (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, false);
+    };
+  }, []);
+  return { fullscreen, toggleFullscreen };
+}
 const MD_FILE_RE = /\.(md|markdown)$/i;
 const MD_ACCEPT = ".md,.markdown,text/markdown";
 function resolveImportMenuItems({
@@ -4292,61 +4408,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_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 toolbar = "_toolbar_1y8hn_2";
+const inner = "_inner_1y8hn_20";
+const btn$2 = "_btn_1y8hn_47";
+const btnActive$1 = "_btnActive_1y8hn_70";
+const txtIcon = "_txtIcon_1y8hn_86";
+const colorIcon = "_colorIcon_1y8hn_94";
+const colorIconGlyph = "_colorIconGlyph_1y8hn_102";
+const colorIconBar = "_colorIconBar_1y8hn_108";
+const scriptTrigger = "_scriptTrigger_1y8hn_115";
+const scriptTriggerGlyph = "_scriptTriggerGlyph_1y8hn_135";
+const divider$2 = "_divider_1y8hn_143";
+const styleTrigger = "_styleTrigger_1y8hn_152";
+const styleTriggerLabel = "_styleTriggerLabel_1y8hn_185";
+const styleTriggerStable = "_styleTriggerStable_1y8hn_195";
+const styleTriggerLabelStable = "_styleTriggerLabelStable_1y8hn_199";
+const styleTriggerSizer = "_styleTriggerSizer_1y8hn_204";
+const styleTriggerValue = "_styleTriggerValue_1y8hn_205";
+const styleTriggerCaret = "_styleTriggerCaret_1y8hn_220";
+const iconTrigger = "_iconTrigger_1y8hn_227";
+const styleItem = "_styleItem_1y8hn_235";
+const styleIcon = "_styleIcon_1y8hn_241";
+const scriptGlyph = "_scriptGlyph_1y8hn_251";
+const menu = "_menu_1y8hn_263";
+const menuItem = "_menuItem_1y8hn_274";
+const menuItemSelected = "_menuItemSelected_1y8hn_301";
+const listSplit = "_listSplit_1y8hn_316";
+const listSplitActive = "_listSplitActive_1y8hn_322";
+const numberingCaret = "_numberingCaret_1y8hn_334";
+const numberingCaretActive = "_numberingCaretActive_1y8hn_364";
+const numberingMenu = "_numberingMenu_1y8hn_368";
+const numberingGrid = "_numberingGrid_1y8hn_378";
+const numberingOption = "_numberingOption_1y8hn_384";
+const numberingOptionActive = "_numberingOptionActive_1y8hn_399";
+const numberingPreview = "_numberingPreview_1y8hn_404";
+const numberingPreviewRow = "_numberingPreviewRow_1y8hn_410";
+const numberingPreviewMarker = "_numberingPreviewMarker_1y8hn_425";
+const numberingPreviewLine = "_numberingPreviewLine_1y8hn_433";
+const tableInsertCaret = "_tableInsertCaret_1y8hn_439";
+const tableSizePicker = "_tableSizePicker_1y8hn_447";
+const tableSizeGrid = "_tableSizeGrid_1y8hn_457";
+const tableSizeCell = "_tableSizeCell_1y8hn_462";
+const tableSizeCellActive = "_tableSizeCellActive_1y8hn_472";
+const tableSizeLabel = "_tableSizeLabel_1y8hn_477";
+const popoverContent$1 = "_popoverContent_1y8hn_486";
+const mathLayer = "_mathLayer_1y8hn_490";
+const mathStack = "_mathStack_1y8hn_495";
+const mathStackBlock = "_mathStackBlock_1y8hn_502";
+const mathHint = "_mathHint_1y8hn_507";
+const mathHintBlock = "_mathHintBlock_1y8hn_519";
+const mathHintIcon = "_mathHintIcon_1y8hn_525";
+const mathField = "_mathField_1y8hn_556";
+const mathFieldBlock = "_mathFieldBlock_1y8hn_568";
+const mathInput = "_mathInput_1y8hn_575";
+const mathDone = "_mathDone_1y8hn_593";
+const mathDoneKbd = "_mathDoneKbd_1y8hn_618";
 const styles$6 = {
   toolbar,
   inner,
@@ -4404,6 +4520,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";
@@ -6213,6 +6586,7 @@ function MenuPopover({
 function MenuItem({
   selected,
   disabled,
+  label,
   onSelect,
   children
 }) {
@@ -6222,6 +6596,8 @@ function MenuItem({
     {
       type: "button",
       disabled,
+      "aria-label": label,
+      "aria-pressed": selected || void 0,
       className: `${styles$6.menuItem} ${selected ? styles$6.menuItemSelected : ""}`,
       onMouseDown: (e2) => e2.preventDefault(),
       onClick: () => {
@@ -6415,10 +6791,21 @@ function EditorToolbar({
   locale = "en",
   onSearch,
   searchActive = false,
+  showFullscreen = true,
+  fullscreenTarget,
+  onFullscreenChange,
   extraToolbarItems,
   className
 }) {
   const t = getLocaleBundle(locale).toolbar;
+  const toolbarRootRef = useRef(null);
+  const { fullscreen, toggleFullscreen } = useToolbarFullscreen({
+    enabled: showFullscreen,
+    target: fullscreenTarget,
+    toolbarRootRef,
+    editor,
+    onChange: onFullscreenChange
+  });
   const state = useEditorState({
     editor,
     selector: ({ editor: e2 }) => ({
@@ -6462,6 +6849,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);
@@ -6648,6 +7092,8 @@ function EditorToolbar({
     /* @__PURE__ */ jsx(
       "div",
       {
+        ref: toolbarRootRef,
+        "data-tmr-toolbar": "",
         className: className ? `${styles$6.toolbar} ${className}` : styles$6.toolbar,
         children: /* @__PURE__ */ jsxs("div", { className: styles$6.inner, children: [
           /* @__PURE__ */ jsx(
@@ -6668,6 +7114,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,
@@ -7199,6 +7662,18 @@ function EditorToolbar({
                     onInsert: (rows, cols) => chain().insertTable({ rows, cols, withHeaderRow: true }).run()
                   }
                 ),
+                showFullscreen ? /* @__PURE__ */ jsx(
+                  MenuItem,
+                  {
+                    selected: fullscreen,
+                    label: fullscreen ? t.exitFullscreen : t.fullscreen,
+                    onSelect: toggleFullscreen,
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: fullscreen ? /* @__PURE__ */ jsx(MinimizeIcon, { size: 14 }) : /* @__PURE__ */ jsx(ExpandIcon, { size: 14 }) }),
+                      fullscreen ? t.exitFullscreen : t.fullscreen
+                    ] })
+                  }
+                ) : null,
                 extraToolbarItems == null ? void 0 : extraToolbarItems.map((item2) => /* @__PURE__ */ jsx(
                   MenuItem,
                   {
@@ -7429,8 +7904,8 @@ export {
   C as ChartMount,
   CheckIcon,
   ChevronDownIcon,
-  a9 as ChevronLeftIcon,
-  aa as ChevronRightIcon,
+  ab as ChevronLeftIcon,
+  ac as ChevronRightIcon,
   ChevronUpIcon,
   ChevronsUpDownIcon,
   a as CitationInteractive,
@@ -7454,12 +7929,12 @@ export {
   FIND_DEBOUNCE_MS,
   default2 as FindAndReplace,
   FindReplaceBar,
-  ab as FitIcon,
+  ad as FitIcon,
   GripIcon,
   ImageAlignTools,
   ImageIcon,
   ImageUploadNode,
-  ac as ImportIcon,
+  ae as ImportIcon,
   ImportPlaceholder,
   IndentDecreaseIcon,
   IndentIncreaseIcon,
@@ -7471,13 +7946,15 @@ export {
   ListChecksIcon,
   ListOrderedIcon,
   ListUnorderedIcon,
-  ad as LockIcon,
+  af as LockIcon,
   MarkdownFileDrop,
   MarkdownPaste,
   MarkdownPreview,
   MarkdownWysiwygEditor,
-  ae as MenuIcon,
+  ag as MenuIcon,
+  MinimizeIcon,
   PENDING_ANCHOR_CLASS,
+  PaintbrushIcon,
   P as ParagraphStyles,
   RedoIcon,
   ReplaceAllIcon,
@@ -7486,7 +7963,7 @@ export {
   b as ReportContentInteractive,
   c as ReportContentWithCharts,
   RotateCcwIcon,
-  af as RotateCwIcon,
+  ah as RotateCwIcon,
   RowAfterIcon,
   RowBeforeIcon,
   RowDeleteIcon,
@@ -7499,8 +7976,8 @@ export {
   UnderlineIcon,
   UndoIcon,
   XIcon,
-  ag as ZoomInIcon,
-  ah as ZoomOutIcon,
+  ai as ZoomInIcon,
+  aj as ZoomOutIcon,
   a2 as applyCitationSources,
   applyCommentAnchorsToEditor,
   applyLink,