tiptap-markdown-react 0.8.10 → 0.8.12

package/dist/index.js

@@ -6,8 +6,10 @@ import Image from "@tiptap/extension-image";
 import { TableOfContents } from "@tiptap/extension-table-of-contents";
 import { NodeViewWrapper, ReactNodeViewRenderer, NodeViewContent, useEditor, EditorContent, useEditorState } from "@tiptap/react";
 import { forwardRef, useEffect, useRef, useImperativeHandle, useMemo, useState, useId, useCallback, useContext, createContext } from "react";
-import { C as CitationRef, m as mergeCommentIntervals, a as mapCommentAnchors, e as enrichMarkdownCitations, s as styles$5, b as baseExtensions, c as CommentMark, l as lowlight, d as makeTocGetId, p as pureCodeBlock, f as pureImage, r as renderMathInto, g as subscribeMathClick, R as ReportContent } from "./extractToc-DiY1iu1J.js";
-import { h, i, j, k } from "./extractToc-DiY1iu1J.js";
+import { e as enrichMarkdownCitations, s as styles$5 } from "./ReportContent-c_UlJnVY.js";
+import { R, a } from "./ReportContent-c_UlJnVY.js";
+import { C as CitationRef, g as mergeCommentIntervals, f as mapCommentAnchors, b as baseExtensions, c as CommentMark, l as lowlight, m as makeTocGetId, p as pureCodeBlock, a as pureImage, h as renderMathInto, i as subscribeMathClick } from "./extractToc-CecK9W_w.js";
+import { d, e, s } from "./extractToc-CecK9W_w.js";
 import { Slice, Fragment } from "@tiptap/pm/model";
 import { Extension, Node as Node$1 } from "@tiptap/core";
 import { PluginKey, Plugin } from "@tiptap/pm/state";
@@ -16,6 +18,8 @@ import { FileHandlePlugin } from "@tiptap/extension-file-handler";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import * as Popover from "@radix-ui/react-popover";
 import { createPortal } from "react-dom";
+import { isInTable, selectedRect, rowIsHeader, CellSelection } from "@tiptap/pm/tables";
+import { C, R as R2, f, r, s as s2 } from "./scrollToTocHeading-CwapFaVP.js";
 function CitationRefView({ node, extension }) {
   const index = String(node.attrs.index ?? "");
   const url = node.attrs.url || null;
@@ -132,7 +136,7 @@ function collectCommentRanges(doc) {
   return byId;
 }
 function rangesIntersectBlock(ranges, start, end) {
-  return ranges.some((r) => r.from < end && r.to > start);
+  return ranges.some((r2) => r2.from < end && r2.to > start);
 }
 function gutterDom(commentIds, view, blockPos) {
   const el = document.createElement("span");
@@ -140,13 +144,13 @@ function gutterDom(commentIds, view, blockPos) {
   el.setAttribute("data-comment-ids", commentIds.join(" "));
   el.textContent = String(commentIds.length);
   el.title = `${commentIds.length}`;
-  el.addEventListener("mousedown", (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+  el.addEventListener("mousedown", (e2) => {
+    e2.preventDefault();
+    e2.stopPropagation();
   });
-  el.addEventListener("click", (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+  el.addEventListener("click", (e2) => {
+    e2.preventDefault();
+    e2.stopPropagation();
     view.dispatch(
       view.state.tr.setMeta(COMMENT_ACTIVE_META, commentIds[0] ?? null).setMeta(COMMENT_GUTTER_META, {
         commentIds,
@@ -197,9 +201,9 @@ function commentAnchorPlugin(options = {}) {
         const activeId = ((_a = commentAnchorPluginKey.getState(state)) == null ? void 0 : _a.activeCommentId) ?? null;
         if (activeId) {
           const ranges = byId.get(activeId) ?? [];
-          for (const r of ranges) {
+          for (const r2 of ranges) {
             decos.push(
-              Decoration.inline(r.from, r.to, { class: "tmr-comment-active" })
+              Decoration.inline(r2.from, r2.to, { class: "tmr-comment-active" })
             );
           }
           for (const b of bounds) {
@@ -258,7 +262,7 @@ function applyCommentAnchorsToEditor(editor, comments) {
     mapCommentAnchors(
       editor.state.doc,
       comments.map((c) => ({ commentId: c.commentId, segments: c.segments }))
-    ).map((r) => ({ commentId: r.commentId, ranges: r.ranges }))
+    ).map((r2) => ({ commentId: r2.commentId, ranges: r2.ranges }))
   ) : [];
   const chain = editor.chain().clearCommentAnchors();
   if (intervals.length > 0) chain.applyCommentAnchors(intervals);
@@ -412,11 +416,11 @@ const ImportPlaceholder = Node$1.create({
 const MD_FILE_RE$1 = /\.(md|markdown)$/i;
 const MD_MIME_TYPES = ["text/markdown", "text/x-markdown", ""];
 async function insertMarkdownFiles(editor, files, pos) {
-  const mdFiles = files.filter((f) => MD_FILE_RE$1.test(f.name));
+  const mdFiles = files.filter((f2) => MD_FILE_RE$1.test(f2.name));
   if (mdFiles.length === 0) return;
   const markdown = editor.markdown;
   if (!markdown) return;
-  const texts = await Promise.all(mdFiles.map((f) => f.text()));
+  const texts = await Promise.all(mdFiles.map((f2) => f2.text()));
   const json = markdown.parse(texts.join("\n\n"));
   if (pos != null) {
     editor.chain().focus().insertContentAt(pos, json).run();
@@ -633,6 +637,13 @@ const RowDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "m9 8 6 8" }),
   /* @__PURE__ */ jsx("path", { d: "m15 8-6 8" })
 ] });
+const TableDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 9h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 5v14" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 5v14" }),
+  /* @__PURE__ */ jsx("path", { d: "m7 2 10 20" })
+] });
 const defaultToolbarLabels = {
   undo: "Undo",
   redo: "Redo",
@@ -675,12 +686,20 @@ const defaultToolbarLabels = {
   hr: "Divider",
   importMarkdown: "Markdown",
   tableInsert: "Insert table",
+  tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
   tableAddColumnBefore: "Add column before",
   tableAddColumnAfter: "Add column after",
   tableDeleteColumn: "Delete column",
   tableAddRowBefore: "Add row before",
   tableAddRowAfter: "Add row after",
   tableDeleteRow: "Delete row",
+  tableAddColumnBeforeN: (n) => `Add ${n} columns before`,
+  tableAddColumnAfterN: (n) => `Add ${n} columns after`,
+  tableDeleteColumnN: (n) => `Delete ${n} columns`,
+  tableAddRowBeforeN: (n) => `Add ${n} rows before`,
+  tableAddRowAfterN: (n) => `Add ${n} rows after`,
+  tableDeleteRowN: (n) => `Delete ${n} rows`,
+  tableDeleteTable: "Delete table",
   inlineMath: "Inline equation",
   blockMath: "Block equation",
   mathPlaceholder: "E = mc^2",
@@ -924,7 +943,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
         getId: makeTocGetId(),
         onUpdate: (anchors) => {
           onTocChange == null ? void 0 : onTocChange(
-            anchors.filter((a) => a.level <= 6).map((a) => ({ id: a.id, level: a.level, text: a.textContent }))
+            anchors.filter((a2) => a2.level <= 6).map((a2) => ({ id: a2.id, level: a2.level, text: a2.textContent }))
           );
         }
       }),
@@ -1124,9 +1143,9 @@ function insertPlainParagraph(editor, text) {
 }
 function splitTopLevelBlocks(markdown) {
   const out = [];
-  for (const [i2, part] of markdown.split(/(```[\s\S]*?```)/).entries()) {
+  for (const [i, part] of markdown.split(/(```[\s\S]*?```)/).entries()) {
     if (!part) continue;
-    if (i2 % 2 === 1) {
+    if (i % 2 === 1) {
       out.push(part);
       continue;
     }
@@ -1139,45 +1158,140 @@ 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_16b09_2";
-const inner = "_inner_16b09_15";
-const btn = "_btn_16b09_27";
-const btnActive = "_btnActive_16b09_50";
-const tableBubble = "_tableBubble_16b09_66";
-const txtIcon = "_txtIcon_16b09_78";
-const colorIcon = "_colorIcon_16b09_86";
-const colorIconGlyph = "_colorIconGlyph_16b09_94";
-const colorIconBar = "_colorIconBar_16b09_100";
-const scriptTrigger = "_scriptTrigger_16b09_107";
-const scriptTriggerGlyph = "_scriptTriggerGlyph_16b09_127";
-const divider = "_divider_16b09_135";
-const styleTrigger = "_styleTrigger_16b09_144";
-const styleTriggerLabel = "_styleTriggerLabel_16b09_173";
-const styleTriggerCaret = "_styleTriggerCaret_16b09_181";
-const styleItem = "_styleItem_16b09_187";
-const styleIcon = "_styleIcon_16b09_193";
-const scriptGlyph = "_scriptGlyph_16b09_203";
-const menu = "_menu_16b09_215";
-const menuItem = "_menuItem_16b09_226";
-const menuItemSelected = "_menuItemSelected_16b09_252";
-const popoverContent$1 = "_popoverContent_16b09_266";
-const mathLayer = "_mathLayer_16b09_270";
-const mathStack = "_mathStack_16b09_275";
-const mathStackBlock = "_mathStackBlock_16b09_282";
-const mathHint = "_mathHint_16b09_287";
-const mathHintBlock = "_mathHintBlock_16b09_299";
-const mathHintIcon = "_mathHintIcon_16b09_305";
-const mathField = "_mathField_16b09_336";
-const mathFieldBlock = "_mathFieldBlock_16b09_348";
-const mathInput = "_mathInput_16b09_355";
-const mathDone = "_mathDone_16b09_373";
-const mathDoneKbd = "_mathDoneKbd_16b09_398";
+function getTableSelectionInfo(state) {
+  if (!isInTable(state)) return null;
+  const rect = selectedRect(state);
+  const rowCount = Math.max(1, rect.bottom - rect.top);
+  const colCount = Math.max(1, rect.right - rect.left);
+  let includesHeaderRow = false;
+  for (let row = rect.top; row < rect.bottom; row++) {
+    if (rowIsHeader(rect.map, rect.table, row)) {
+      includesHeaderRow = true;
+      break;
+    }
+  }
+  return {
+    rowCount,
+    colCount,
+    isMultiCell: rowCount > 1 || colCount > 1,
+    includesHeaderRow,
+    coversAllRows: rect.top === 0 && rect.bottom === rect.map.height,
+    coversAllCols: rect.left === 0 && rect.right === rect.map.width
+  };
+}
+function isPosInCellSelection(selection, pos) {
+  let found = false;
+  selection.forEachCell((node, cellPos) => {
+    if (pos >= cellPos && pos <= cellPos + node.nodeSize) {
+      found = true;
+    }
+  });
+  return found;
+}
+function preserveTableSelectionOnContextMenu(editor, pos) {
+  const { selection } = editor.state;
+  if (selection instanceof CellSelection && isPosInCellSelection(selection, pos)) {
+    editor.view.focus();
+    return;
+  }
+  editor.chain().focus().setTextSelection(pos).run();
+}
+function addRowsBefore(editor, count) {
+  const n = Math.max(1, count);
+  for (let i = 0; i < n; i++) {
+    if (!editor.commands.addRowBefore()) return false;
+  }
+  return true;
+}
+function addRowsAfter(editor, count) {
+  const n = Math.max(1, count);
+  for (let i = 0; i < n; i++) {
+    if (!editor.commands.addRowAfter()) return false;
+  }
+  return true;
+}
+function addColumnsBefore(editor, count) {
+  const n = Math.max(1, count);
+  for (let i = 0; i < n; i++) {
+    if (!editor.commands.addColumnBefore()) return false;
+  }
+  return true;
+}
+function addColumnsAfter(editor, count) {
+  const n = Math.max(1, count);
+  for (let i = 0; i < n; i++) {
+    if (!editor.commands.addColumnAfter()) return false;
+  }
+  return true;
+}
+function deleteSelectedRows(editor) {
+  const info = getTableSelectionInfo(editor.state);
+  if (!info) return false;
+  if (info.coversAllRows) return editor.commands.deleteTable();
+  return editor.commands.deleteRow();
+}
+function deleteSelectedColumns(editor) {
+  const info = getTableSelectionInfo(editor.state);
+  if (!info) return false;
+  if (info.coversAllCols) {
+    if (info.coversAllRows) return editor.commands.deleteTable();
+    return false;
+  }
+  return editor.commands.deleteColumn();
+}
+const toolbar = "_toolbar_1f7fb_2";
+const inner = "_inner_1f7fb_15";
+const btn = "_btn_1f7fb_27";
+const btnActive = "_btnActive_1f7fb_50";
+const tableBubble = "_tableBubble_1f7fb_66";
+const tableMenuItem = "_tableMenuItem_1f7fb_77";
+const tableMenuItemIcon = "_tableMenuItemIcon_1f7fb_103";
+const tableMenuItemLabel = "_tableMenuItemLabel_1f7fb_113";
+const tableMenuDivider = "_tableMenuDivider_1f7fb_118";
+const txtIcon = "_txtIcon_1f7fb_126";
+const colorIcon = "_colorIcon_1f7fb_134";
+const colorIconGlyph = "_colorIconGlyph_1f7fb_142";
+const colorIconBar = "_colorIconBar_1f7fb_148";
+const scriptTrigger = "_scriptTrigger_1f7fb_155";
+const scriptTriggerGlyph = "_scriptTriggerGlyph_1f7fb_175";
+const divider = "_divider_1f7fb_183";
+const styleTrigger = "_styleTrigger_1f7fb_192";
+const styleTriggerLabel = "_styleTriggerLabel_1f7fb_221";
+const styleTriggerCaret = "_styleTriggerCaret_1f7fb_229";
+const styleItem = "_styleItem_1f7fb_235";
+const styleIcon = "_styleIcon_1f7fb_241";
+const scriptGlyph = "_scriptGlyph_1f7fb_251";
+const menu = "_menu_1f7fb_263";
+const menuItem = "_menuItem_1f7fb_274";
+const menuItemSelected = "_menuItemSelected_1f7fb_301";
+const tableInsertCaret = "_tableInsertCaret_1f7fb_314";
+const tableSizePicker = "_tableSizePicker_1f7fb_322";
+const tableSizeGrid = "_tableSizeGrid_1f7fb_332";
+const tableSizeCell = "_tableSizeCell_1f7fb_337";
+const tableSizeCellActive = "_tableSizeCellActive_1f7fb_347";
+const tableSizeLabel = "_tableSizeLabel_1f7fb_352";
+const popoverContent$1 = "_popoverContent_1f7fb_361";
+const mathLayer = "_mathLayer_1f7fb_365";
+const mathStack = "_mathStack_1f7fb_370";
+const mathStackBlock = "_mathStackBlock_1f7fb_377";
+const mathHint = "_mathHint_1f7fb_382";
+const mathHintBlock = "_mathHintBlock_1f7fb_394";
+const mathHintIcon = "_mathHintIcon_1f7fb_400";
+const mathField = "_mathField_1f7fb_431";
+const mathFieldBlock = "_mathFieldBlock_1f7fb_443";
+const mathInput = "_mathInput_1f7fb_450";
+const mathDone = "_mathDone_1f7fb_468";
+const mathDoneKbd = "_mathDoneKbd_1f7fb_493";
 const styles$3 = {
   toolbar,
   inner,
   btn,
   btnActive,
   tableBubble,
+  tableMenuItem,
+  tableMenuItemIcon,
+  tableMenuItemLabel,
+  tableMenuDivider,
   txtIcon,
   colorIcon,
   colorIconGlyph,
@@ -1194,6 +1308,12 @@ const styles$3 = {
   menu,
   menuItem,
   menuItemSelected,
+  tableInsertCaret,
+  tableSizePicker,
+  tableSizeGrid,
+  tableSizeCell,
+  tableSizeCellActive,
+  tableSizeLabel,
   popoverContent: popoverContent$1,
   mathLayer,
   mathStack,
@@ -1245,7 +1365,7 @@ function ColorPalette({ value, onPick, labels }) {
       {
         type: "button",
         className: styles$2.noneRow,
-        onMouseDown: (e) => e.preventDefault(),
+        onMouseDown: (e2) => e2.preventDefault(),
         onClick: () => onPick(null),
         children: [
           /* @__PURE__ */ jsx("span", { className: styles$2.noneIcon, "aria-hidden": true }),
@@ -1261,7 +1381,7 @@ function ColorPalette({ value, onPick, labels }) {
         style: { background: c },
         title: c,
         "aria-label": c,
-        onMouseDown: (e) => e.preventDefault(),
+        onMouseDown: (e2) => e2.preventDefault(),
         onClick: () => onPick(c)
       },
       c
@@ -1275,7 +1395,7 @@ function ColorPalette({ value, onPick, labels }) {
         style: { background: c },
         title: c,
         "aria-label": c,
-        onMouseDown: (e) => e.preventDefault(),
+        onMouseDown: (e2) => e2.preventDefault(),
         onClick: () => onPick(c)
       },
       c
@@ -1302,8 +1422,8 @@ function getMathLayerStyle(editor, kind, pos) {
   if (pos != null) {
     const el = resolveNodeEl(editor, pos);
     if (el) {
-      const r = el.getBoundingClientRect();
-      const top = r.bottom - hostRect.top + gap;
+      const r2 = el.getBoundingClientRect();
+      const top = r2.bottom - hostRect.top + gap;
       if (kind === "block") {
         return {
           left: editorRect.left - hostRect.left,
@@ -1312,7 +1432,7 @@ function getMathLayerStyle(editor, kind, pos) {
         };
       }
       return {
-        left: r.left - hostRect.left,
+        left: r2.left - hostRect.left,
         top
       };
     }
@@ -1395,9 +1515,9 @@ function MathEditorPopover({
     };
   }, [pos, editor, isBlock, latex, isNew]);
   useEffect(() => {
-    const onPtr = (e) => {
+    const onPtr = (e2) => {
       var _a;
-      const target = e.target;
+      const target = e2.target;
       if (!(target instanceof Node)) return;
       if ((_a = rootRef.current) == null ? void 0 : _a.contains(target)) return;
       if (pos != null) {
@@ -1415,15 +1535,15 @@ function MathEditorPopover({
     if (!canSubmit) return;
     onConfirm(draft.trim());
   };
-  const onKeyDown = (e) => {
-    if (e.key === "Escape") {
-      e.preventDefault();
+  const onKeyDown = (e2) => {
+    if (e2.key === "Escape") {
+      e2.preventDefault();
       onCancel();
       return;
     }
-    if (e.key !== "Enter") return;
-    if (isBlock && !(e.metaKey || e.ctrlKey)) return;
-    e.preventDefault();
+    if (e2.key !== "Enter") return;
+    if (isBlock && !(e2.metaKey || e2.ctrlKey)) return;
+    e2.preventDefault();
     submit();
   };
   const field = isBlock ? /* @__PURE__ */ jsx(
@@ -1435,7 +1555,7 @@ function MathEditorPopover({
       placeholder,
       rows: Math.max(3, draft.split("\n").length),
       "aria-labelledby": titleId,
-      onChange: (e) => setDraft(e.target.value),
+      onChange: (e2) => setDraft(e2.target.value),
       onKeyDown
     }
   ) : /* @__PURE__ */ jsx(
@@ -1446,7 +1566,7 @@ function MathEditorPopover({
       value: draft,
       placeholder,
       "aria-labelledby": titleId,
-      onChange: (e) => setDraft(e.target.value),
+      onChange: (e2) => setDraft(e2.target.value),
       onKeyDown
     }
   );
@@ -1527,7 +1647,7 @@ function ToolbarButton({
       "aria-busy": busy,
       disabled,
       className: `${styles$3.btn} ${active2 ? styles$3.btnActive : ""}`,
-      onMouseDown: (e) => e.preventDefault(),
+      onMouseDown: (e2) => e2.preventDefault(),
       onClick,
       children
     }
@@ -1536,6 +1656,30 @@ function ToolbarButton({
 function Divider() {
   return /* @__PURE__ */ jsx("span", { className: styles$3.divider, "aria-hidden": true });
 }
+function TableMenuItem({
+  label,
+  disabled,
+  onClick,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      disabled,
+      className: styles$3.tableMenuItem,
+      onMouseDown: (e2) => e2.preventDefault(),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles$3.tableMenuItemIcon, "aria-hidden": true, children }),
+        /* @__PURE__ */ jsx("span", { className: styles$3.tableMenuItemLabel, children: label })
+      ]
+    }
+  );
+}
+function TableMenuDivider() {
+  return /* @__PURE__ */ jsx("div", { className: styles$3.tableMenuDivider, "aria-hidden": true });
+}
 const MenuCloseCtx = createContext(() => {
 });
 function MenuPopover({
@@ -1552,8 +1696,8 @@ function MenuPopover({
         className: styles$3.menu,
         sideOffset: 4,
         align: "start",
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        onCloseAutoFocus: (e) => e.preventDefault(),
+        onOpenAutoFocus: (e2) => e2.preventDefault(),
+        onCloseAutoFocus: (e2) => e2.preventDefault(),
         children: /* @__PURE__ */ jsx(MenuCloseCtx.Provider, { value: close, children })
       }
     ) })
@@ -1572,7 +1716,7 @@ function MenuItem({
       type: "button",
       disabled,
       className: `${styles$3.menuItem} ${selected ? styles$3.menuItemSelected : ""}`,
-      onMouseDown: (e) => e.preventDefault(),
+      onMouseDown: (e2) => e2.preventDefault(),
       onClick: () => {
         onSelect();
         close();
@@ -1581,6 +1725,92 @@ function MenuItem({
     }
   );
 }
+const TABLE_PICKER_COLS = 10;
+const TABLE_PICKER_ROWS = 8;
+function TableInsertItem({
+  disabled,
+  labels,
+  onInsert
+}) {
+  const closeMenu = useContext(MenuCloseCtx);
+  const [open, setOpen] = useState(false);
+  const [hover, setHover] = useState({ cols: 0, rows: 0 });
+  const resetHover = useCallback(() => setHover({ cols: 0, rows: 0 }), []);
+  return /* @__PURE__ */ jsxs(
+    Popover.Root,
+    {
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) resetHover();
+      },
+      children: [
+        /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            disabled,
+            className: `${styles$3.menuItem} ${open ? styles$3.menuItemSelected : ""}`,
+            onMouseDown: (e2) => e2.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
+                /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "⊞" }),
+                labels.tableInsert
+              ] }),
+              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.tableInsertCaret })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
+          Popover.Content,
+          {
+            className: styles$3.tableSizePicker,
+            side: "right",
+            align: "start",
+            sideOffset: 6,
+            onOpenAutoFocus: (e2) => e2.preventDefault(),
+            onCloseAutoFocus: (e2) => e2.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: styles$3.tableSizeGrid,
+                  style: {
+                    gridTemplateColumns: `repeat(${TABLE_PICKER_COLS}, 1fr)`
+                  },
+                  onMouseLeave: resetHover,
+                  children: Array.from({ length: TABLE_PICKER_ROWS * TABLE_PICKER_COLS }, (_, i) => {
+                    const col = i % TABLE_PICKER_COLS + 1;
+                    const row = Math.floor(i / TABLE_PICKER_COLS) + 1;
+                    const active2 = hover.cols > 0 && col <= hover.cols && row <= hover.rows;
+                    return /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": labels.tableSizeSelected(col, row),
+                        className: `${styles$3.tableSizeCell} ${active2 ? styles$3.tableSizeCellActive : ""}`,
+                        onMouseDown: (e2) => e2.preventDefault(),
+                        onMouseEnter: () => setHover({ cols: col, rows: row }),
+                        onClick: () => {
+                          onInsert(row, col);
+                          setOpen(false);
+                          resetHover();
+                          closeMenu();
+                        }
+                      },
+                      i
+                    );
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: styles$3.tableSizeLabel, children: hover.cols > 0 ? labels.tableSizeSelected(hover.cols, hover.rows) : labels.tableInsert })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
 function ColorPopover({
   title,
   glyph,
@@ -1598,7 +1828,7 @@ function ColorPopover({
         className: styles$3.btn,
         title,
         "aria-label": title,
-        onMouseDown: (e) => e.preventDefault(),
+        onMouseDown: (e2) => e2.preventDefault(),
         children: /* @__PURE__ */ jsxs("span", { className: styles$3.colorIcon, children: [
           /* @__PURE__ */ jsx("span", { className: styles$3.colorIconGlyph, children: glyph }),
           /* @__PURE__ */ jsx("span", { className: styles$3.colorIconBar, style: { background: bar } })
@@ -1611,8 +1841,8 @@ function ColorPopover({
         className: styles$3.popoverContent,
         sideOffset: 4,
         align: "start",
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        onCloseAutoFocus: (e) => e.preventDefault(),
+        onOpenAutoFocus: (e2) => e2.preventDefault(),
+        onCloseAutoFocus: (e2) => e2.preventDefault(),
         children: /* @__PURE__ */ jsx(
           ColorPalette,
           {
@@ -1645,30 +1875,29 @@ function EditorToolbar({
   const t = { ...defaultToolbarLabels, ...labels };
   const state = useEditorState({
     editor,
-    selector: ({ editor: e }) => ({
-      bold: e.isActive("bold"),
-      italic: e.isActive("italic"),
-      underline: e.isActive("underline"),
-      strike: e.isActive("strike"),
-      code: e.isActive("code"),
-      link: e.isActive("link"),
-      taskList: e.isActive("taskList"),
+    selector: ({ editor: e2 }) => ({
+      bold: e2.isActive("bold"),
+      italic: e2.isActive("italic"),
+      underline: e2.isActive("underline"),
+      strike: e2.isActive("strike"),
+      code: e2.isActive("code"),
+      link: e2.isActive("link"),
+      taskList: e2.isActive("taskList"),
       headingLevel: [1, 2, 3, 4, 5, 6].find(
-        (lv) => e.isActive("heading", { level: lv })
+        (lv) => e2.isActive("heading", { level: lv })
       ),
-      fontSize: e.getAttributes("textStyle").fontSize || void 0,
-      isParagraph: e.isActive("paragraph"),
-      bulletList: e.isActive("bulletList"),
-      orderedList: e.isActive("orderedList"),
-      blockquote: e.isActive("blockquote"),
-      textColor: e.getAttributes("textStyle").color || void 0,
-      highlightColor: e.getAttributes("highlight").color || void 0,
-      superscript: e.isActive("superscript"),
-      subscript: e.isActive("subscript"),
-      inTable: e.isActive("table"),
-      inTableHeader: e.isActive("tableHeader"),
-      canUndo: e.can().undo(),
-      canRedo: e.can().redo()
+      fontSize: e2.getAttributes("textStyle").fontSize || void 0,
+      isParagraph: e2.isActive("paragraph"),
+      bulletList: e2.isActive("bulletList"),
+      orderedList: e2.isActive("orderedList"),
+      blockquote: e2.isActive("blockquote"),
+      textColor: e2.getAttributes("textStyle").color || void 0,
+      highlightColor: e2.getAttributes("highlight").color || void 0,
+      superscript: e2.isActive("superscript"),
+      subscript: e2.isActive("subscript"),
+      inTable: e2.isActive("table"),
+      canUndo: e2.can().undo(),
+      canRedo: e2.can().redo()
     })
   });
   const [editorFocused, setEditorFocused] = useState(() => editor.isFocused);
@@ -1690,32 +1919,32 @@ function EditorToolbar({
   const closeTableMenu = useCallback(() => setTableMenu(null), []);
   useEffect(() => {
     const dom = editor.view.dom;
-    const onContextMenu = (e) => {
+    const onContextMenu = (e2) => {
       const coords = editor.view.posAtCoords({
-        left: e.clientX,
-        top: e.clientY
+        left: e2.clientX,
+        top: e2.clientY
       });
       if (!coords) return;
       const $pos = editor.state.doc.resolve(coords.pos);
       let inTable = false;
-      for (let d = $pos.depth; d > 0; d--) {
-        if ($pos.node(d).type.name === "table") {
+      for (let d2 = $pos.depth; d2 > 0; d2--) {
+        if ($pos.node(d2).type.name === "table") {
           inTable = true;
           break;
         }
       }
       if (!inTable) return;
-      e.preventDefault();
-      editor.chain().focus().setTextSelection(coords.pos).run();
-      setTableMenu({ x: e.clientX, y: e.clientY });
+      e2.preventDefault();
+      preserveTableSelectionOnContextMenu(editor, coords.pos);
+      setTableMenu({ x: e2.clientX, y: e2.clientY });
     };
     dom.addEventListener("contextmenu", onContextMenu);
     return () => dom.removeEventListener("contextmenu", onContextMenu);
   }, [editor]);
   useEffect(() => {
     if (!tableMenu) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") closeTableMenu();
+    const onKey = (e2) => {
+      if (e2.key === "Escape") closeTableMenu();
     };
     document.addEventListener("mousedown", closeTableMenu);
     document.addEventListener("keydown", onKey, true);
@@ -1731,14 +1960,21 @@ function EditorToolbar({
     },
     [closeTableMenu]
   );
+  const tableSel = tableMenu ? getTableSelectionInfo(editor.state) : null;
+  const tableRowN = (tableSel == null ? void 0 : tableSel.rowCount) ?? 1;
+  const tableColN = (tableSel == null ? void 0 : tableSel.colCount) ?? 1;
+  const tableMulti = (tableSel == null ? void 0 : tableSel.isMultiCell) ?? false;
+  const disableAddRowBefore = !!(tableSel == null ? void 0 : tableSel.includesHeaderRow);
+  const disableDeleteRow = !!(tableSel == null ? void 0 : tableSel.includesHeaderRow);
+  const disableDeleteColumn = !!(tableSel == null ? void 0 : tableSel.coversAllCols) && !(tableSel == null ? void 0 : tableSel.coversAllRows);
   const handlePickImage = () => {
     var _a;
     return (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const handleImageChange = async (e) => {
+  const handleImageChange = async (e2) => {
     var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
-    e.target.value = "";
+    const file = (_a = e2.target.files) == null ? void 0 : _a[0];
+    e2.target.value = "";
     if (!file || !onImageUpload) return;
     try {
       const url = await onImageUpload(file);
@@ -1758,10 +1994,10 @@ function EditorToolbar({
     var _a;
     return (_a = importAbortRef.current) == null ? void 0 : _a.abort();
   }, []);
-  const handleImportChange = async (e) => {
+  const handleImportChange = async (e2) => {
     var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
-    e.target.value = "";
+    const file = (_a = e2.target.files) == null ? void 0 : _a[0];
+    e2.target.value = "";
     if (!file) return;
     if (MD_FILE_RE.test(file.name)) {
       try {
@@ -1948,7 +2184,7 @@ function EditorToolbar({
                   type: "button",
                   className: styles$3.styleTrigger,
                   title: t.style,
-                  onMouseDown: (e) => e.preventDefault(),
+                  onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: t.style }),
                     /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.styleTriggerCaret })
@@ -1993,7 +2229,7 @@ function EditorToolbar({
                   title: t.fontSize,
                   "aria-label": t.fontSize,
                   disabled: !canEditFontSize,
-                  onMouseDown: (e) => e.preventDefault(),
+                  onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: state.fontSize || t.fontSize }),
                     /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.styleTriggerCaret })
@@ -2105,7 +2341,7 @@ function EditorToolbar({
                   className: `${styles$3.scriptTrigger} ${scriptActive !== "normal" ? styles$3.btnActive : ""}`,
                   title: t.scriptMenu,
                   "aria-label": t.scriptMenu,
-                  onMouseDown: (e) => e.preventDefault(),
+                  onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx("span", { className: styles$3.scriptTriggerGlyph, children: "A" }),
                     /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.styleTriggerCaret })
@@ -2182,7 +2418,7 @@ function EditorToolbar({
                   "aria-label": importTitle,
                   "aria-busy": !!importing,
                   disabled: !!importing,
-                  onMouseDown: (e) => e.preventDefault(),
+                  onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: t.importDocument }),
                     /* @__PURE__ */ jsx(
@@ -2252,7 +2488,7 @@ function EditorToolbar({
                   type: "button",
                   className: styles$3.styleTrigger,
                   title: t.more,
-                  onMouseDown: (e) => e.preventDefault(),
+                  onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: t.more }),
                     /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.styleTriggerCaret })
@@ -2277,14 +2513,11 @@ function EditorToolbar({
                   t.hr
                 ] }) }),
                 /* @__PURE__ */ jsx(
-                  MenuItem,
+                  TableInsertItem,
                   {
                     disabled: state.inTable,
-                    onSelect: () => chain().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "⊞" }),
-                      t.tableInsert
-                    ] })
+                    labels: t,
+                    onInsert: (rows, cols) => chain().insertTable({ rows, cols, withHeaderRow: true }).run()
                   }
                 ),
                 extraToolbarItems == null ? void 0 : extraToolbarItems.map((item2) => /* @__PURE__ */ jsx(
@@ -2336,59 +2569,76 @@ function EditorToolbar({
         {
           className: styles$3.tableBubble,
           style: { position: "fixed", left: tableMenu.x, top: tableMenu.y },
-          onMouseDown: (e) => e.stopPropagation(),
-          onContextMenu: (e) => e.preventDefault(),
+          role: "menu",
+          onMouseDown: (e2) => e2.stopPropagation(),
+          onContextMenu: (e2) => e2.preventDefault(),
           children: [
             /* @__PURE__ */ jsx(
-              ToolbarButton,
+              TableMenuItem,
               {
-                title: t.tableAddColumnBefore,
-                onClick: () => runTable(() => chain().addColumnBefore().run()),
+                label: tableMulti ? t.tableAddColumnBeforeN(tableColN) : t.tableAddColumnBefore,
+                onClick: () => runTable(() => addColumnsBefore(editor, tableColN)),
                 children: /* @__PURE__ */ jsx(ColumnBeforeIcon, {})
               }
             ),
             /* @__PURE__ */ jsx(
-              ToolbarButton,
+              TableMenuItem,
               {
-                title: t.tableAddColumnAfter,
-                onClick: () => runTable(() => chain().addColumnAfter().run()),
+                label: tableMulti ? t.tableAddColumnAfterN(tableColN) : t.tableAddColumnAfter,
+                onClick: () => runTable(() => addColumnsAfter(editor, tableColN)),
                 children: /* @__PURE__ */ jsx(ColumnAfterIcon, {})
               }
             ),
             /* @__PURE__ */ jsx(
-              ToolbarButton,
+              TableMenuItem,
               {
-                title: t.tableDeleteColumn,
-                onClick: () => runTable(() => chain().deleteColumn().run()),
+                label: tableMulti ? t.tableDeleteColumnN(tableColN) : t.tableDeleteColumn,
+                disabled: disableDeleteColumn,
+                onClick: () => runTable(() => {
+                  deleteSelectedColumns(editor);
+                }),
                 children: /* @__PURE__ */ jsx(ColumnDeleteIcon, {})
               }
             ),
-            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsx(TableMenuDivider, {}),
             /* @__PURE__ */ jsx(
-              ToolbarButton,
+              TableMenuItem,
               {
-                title: t.tableAddRowBefore,
-                disabled: state.inTableHeader,
-                onClick: () => runTable(() => chain().addRowBefore().run()),
+                label: tableMulti ? t.tableAddRowBeforeN(tableRowN) : t.tableAddRowBefore,
+                disabled: disableAddRowBefore,
+                onClick: () => runTable(() => addRowsBefore(editor, tableRowN)),
                 children: /* @__PURE__ */ jsx(RowBeforeIcon, {})
               }
             ),
             /* @__PURE__ */ jsx(
-              ToolbarButton,
+              TableMenuItem,
               {
-                title: t.tableAddRowAfter,
-                onClick: () => runTable(() => chain().addRowAfter().run()),
+                label: tableMulti ? t.tableAddRowAfterN(tableRowN) : t.tableAddRowAfter,
+                onClick: () => runTable(() => addRowsAfter(editor, tableRowN)),
                 children: /* @__PURE__ */ jsx(RowAfterIcon, {})
               }
             ),
             /* @__PURE__ */ jsx(
-              ToolbarButton,
+              TableMenuItem,
               {
-                title: t.tableDeleteRow,
-                disabled: state.inTableHeader,
-                onClick: () => runTable(() => chain().deleteRow().run()),
+                label: tableMulti ? t.tableDeleteRowN(tableRowN) : t.tableDeleteRow,
+                disabled: disableDeleteRow,
+                onClick: () => runTable(() => {
+                  deleteSelectedRows(editor);
+                }),
                 children: /* @__PURE__ */ jsx(RowDeleteIcon, {})
               }
+            ),
+            /* @__PURE__ */ jsx(TableMenuDivider, {}),
+            /* @__PURE__ */ jsx(
+              TableMenuItem,
+              {
+                label: t.tableDeleteTable,
+                onClick: () => runTable(() => {
+                  editor.commands.deleteTable();
+                }),
+                children: /* @__PURE__ */ jsx(TableDeleteIcon, {})
+              }
             )
           ]
         }
@@ -2468,7 +2718,7 @@ function TocPanel({ items, activeId, onItemClick, labels }) {
     });
   }, [activeId]);
   if (!items.length) return null;
-  const minLevel = Math.min(...items.map((i2) => i2.level));
+  const minLevel = Math.min(...items.map((i) => i.level));
   const handleClick = (item2) => {
     if (item2.locked) return;
     onItemClick == null ? void 0 : onItemClick(item2);
@@ -2482,8 +2732,8 @@ function TocPanel({ items, activeId, onItemClick, labels }) {
       style: { paddingLeft: `${(item2.level - minLevel) * 12 + 12}px` },
       "aria-current": item2.id === activeId ? "true" : void 0,
       "aria-disabled": item2.locked ? "true" : void 0,
-      onClick: (e) => {
-        e.preventDefault();
+      onClick: (e2) => {
+        e2.preventDefault();
         handleClick(item2);
       },
       children: [
@@ -2556,120 +2806,6 @@ function TocPanel({ items, activeId, onItemClick, labels }) {
     list2
   ] });
 }
-function findCitationRefElement(target, root) {
-  let node = null;
-  if (target instanceof Element) node = target;
-  else if (target instanceof Text) node = target.parentElement;
-  else if (target instanceof Node) node = target.parentElement;
-  if (!(node instanceof Element)) return null;
-  const el = node.closest(".citation-ref");
-  if (!(el instanceof HTMLElement)) return null;
-  if (!root.contains(el)) return null;
-  return el;
-}
-function readCitationAttrs(el) {
-  var _a;
-  return {
-    index: el.getAttribute("data-index") || ((_a = el.textContent) == null ? void 0 : _a.trim()) || "",
-    url: el.getAttribute("data-url"),
-    title: el.getAttribute("data-title")
-  };
-}
-function CitationInteractive({
-  containerRef,
-  onCitationEnter,
-  onCitationLeave
-}) {
-  const enterRef = useRef(onCitationEnter);
-  const leaveRef = useRef(onCitationLeave);
-  enterRef.current = onCitationEnter;
-  leaveRef.current = onCitationLeave;
-  useEffect(() => {
-    const root = containerRef.current;
-    if (!root) return;
-    let currentEl = null;
-    const emitEnter = (el) => {
-      currentEl = el;
-      const attrs = readCitationAttrs(el);
-      enterRef.current({ index: attrs.index, attrs, anchorEl: el });
-    };
-    const emitLeave = () => {
-      if (!currentEl) return;
-      currentEl = null;
-      leaveRef.current();
-    };
-    const ACTIVE_ATTR = "data-tmr-citation-active";
-    const onClick = (e) => {
-      const el = findCitationRefElement(e.target, root);
-      if (el) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (el === currentEl && el.hasAttribute(ACTIVE_ATTR)) {
-          emitLeave();
-          return;
-        }
-        emitEnter(el);
-        return;
-      }
-      emitLeave();
-    };
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") emitLeave();
-    };
-    root.addEventListener("click", onClick, true);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      root.removeEventListener("click", onClick, true);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [containerRef]);
-  return null;
-}
-function ReportContentInteractive({
-  onCitationEnter,
-  onCitationLeave,
-  className,
-  html,
-  ...rest
-}) {
-  const ref = useRef(null);
-  return /* @__PURE__ */ jsxs("div", { ref, className, children: [
-    /* @__PURE__ */ jsx(ReportContent, { html, ...rest }),
-    /* @__PURE__ */ jsx(
-      CitationInteractive,
-      {
-        containerRef: ref,
-        onCitationEnter,
-        onCitationLeave
-      }
-    )
-  ] });
-}
-function easeOutCubic(t) {
-  return 1 - (1 - t) * (1 - t) * (1 - t);
-}
-function scrollToTocHeading(headingId, scrollContainer, options) {
-  const el = scrollContainer.querySelector(
-    `[data-toc-id="${CSS.escape(headingId)}"]`
-  );
-  if (!el) return;
-  const startTop = scrollContainer.scrollTop;
-  const rootRect = scrollContainer.getBoundingClientRect();
-  const elRect = el.getBoundingClientRect();
-  const targetTop = startTop + (elRect.top - rootRect.top);
-  if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-    scrollContainer.scrollTop = targetTop;
-    return;
-  }
-  const duration = (options == null ? void 0 : options.duration) ?? 400;
-  const start = performance.now();
-  const animate = () => {
-    const t = Math.min((performance.now() - start) / duration, 1);
-    scrollContainer.scrollTop = startTop + (targetTop - startTop) * easeOutCubic(t);
-    if (t < 1) requestAnimationFrame(animate);
-  };
-  requestAnimationFrame(animate);
-}
 const popoverAnchor = "_popoverAnchor_9y5t0_55";
 const popoverContent = "_popoverContent_9y5t0_62";
 const styles = {
@@ -2701,8 +2837,8 @@ function CommentPopover({
         side,
         align,
         sideOffset,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        onCloseAutoFocus: (e) => e.preventDefault(),
+        onOpenAutoFocus: (e2) => e2.preventDefault(),
+        onCloseAutoFocus: (e2) => e2.preventDefault(),
         children
       }
     ) })
@@ -2715,7 +2851,7 @@ export {
   COMMENT_GUTTER_META,
   CheckIcon,
   ChevronDownIcon,
-  CitationInteractive,
+  C as CitationInteractive,
   CitationRef,
   CodeBlockView,
   CodeIcon,
@@ -2741,20 +2877,21 @@ export {
   MarkdownWysiwygEditor,
   MenuIcon,
   RedoIcon,
-  ReportContent,
-  ReportContentInteractive,
+  R as ReportContent,
+  R2 as ReportContentInteractive,
   RowAfterIcon,
   RowBeforeIcon,
   RowDeleteIcon,
   StrikethroughIcon,
+  TableDeleteIcon,
   TocPanel,
   TrashIcon,
   UnderlineIcon,
   UndoIcon,
-  h as applyCitationSources,
+  a as applyCitationSources,
   applyCommentAnchorsToEditor,
   baseExtensions,
-  i as blockTextHash,
+  d as blockTextHash,
   collectCommentIds,
   commentAnchorExtension,
   commentAnchorPlugin,
@@ -2767,8 +2904,8 @@ export {
   defaultTocLabels,
   defaultToolbarLabels,
   enrichMarkdownCitations,
-  j as extractToc,
-  findCitationRefElement,
+  e as extractToc,
+  f as findCitationRefElement,
   focusComment,
   insertMarkdown,
   looksLikeMarkdown,
@@ -2779,9 +2916,9 @@ export {
   nextComment,
   pureCodeBlock,
   pureImage,
-  readCitationAttrs,
-  scrollToTocHeading,
-  k as stabilizeMarkdown,
+  r as readCitationAttrs,
+  s2 as scrollToTocHeading,
+  s as stabilizeMarkdown,
   stripCommentAnchorMarks,
   useIsMobile
 };