tiptap-markdown-react 0.8.9 → 0.8.11

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,7 @@ 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 { 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 +135,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 +143,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 +200,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 +261,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 +415,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();
@@ -660,6 +663,8 @@ const defaultToolbarLabels = {
   imageUploadFailed: "Image upload failed",
   importMarkdownFailed: "Markdown import failed",
   importDocument: "Import",
+  importDocumentHint: "Import a file",
+  importDocumentOther: "Document",
   importDocumentBusy: "Importing…",
   importDocumentUploading: (percent) => `Uploading ${percent}%`,
   importDocumentConverting: "Converting…",
@@ -671,7 +676,7 @@ const defaultToolbarLabels = {
   more: "More",
   codeBlock: "Code block",
   hr: "Divider",
-  importMarkdown: "Import Markdown",
+  importMarkdown: "Markdown",
   tableInsert: "Insert table",
   tableAddColumnBefore: "Add column before",
   tableAddColumnAfter: "Add column after",
@@ -922,7 +927,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 }))
           );
         }
       }),
@@ -1071,6 +1076,32 @@ function MarkdownPreview({
     }
   );
 }
+const MD_FILE_RE = /\.(md|markdown)$/i;
+const MD_ACCEPT = ".md,.markdown,text/markdown";
+function resolveImportMenuItems({
+  labels,
+  onImportDocument,
+  importAccept,
+  importMenuItems
+}) {
+  if (importMenuItems == null ? void 0 : importMenuItems.length) return importMenuItems;
+  const markdown = {
+    key: "markdown",
+    label: labels.importMarkdown,
+    accept: MD_ACCEPT
+  };
+  if (onImportDocument && importAccept) {
+    return [
+      markdown,
+      {
+        key: "document",
+        label: labels.importDocumentOther,
+        accept: importAccept
+      }
+    ];
+  }
+  return [markdown];
+}
 function insertMarkdown(editor, markdown, sources = []) {
   const prepared = enrichMarkdownCitations(markdown, sources);
   if (!prepared) return;
@@ -1096,9 +1127,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;
     }
@@ -1217,7 +1248,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 }),
@@ -1233,7 +1264,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
@@ -1247,7 +1278,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
@@ -1274,8 +1305,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,
@@ -1284,7 +1315,7 @@ function getMathLayerStyle(editor, kind, pos) {
         };
       }
       return {
-        left: r.left - hostRect.left,
+        left: r2.left - hostRect.left,
         top
       };
     }
@@ -1367,9 +1398,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) {
@@ -1387,15 +1418,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(
@@ -1407,7 +1438,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(
@@ -1418,7 +1449,7 @@ function MathEditorPopover({
       value: draft,
       placeholder,
       "aria-labelledby": titleId,
-      onChange: (e) => setDraft(e.target.value),
+      onChange: (e2) => setDraft(e2.target.value),
       onKeyDown
     }
   );
@@ -1499,7 +1530,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
     }
@@ -1524,8 +1555,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 })
       }
     ) })
@@ -1544,7 +1575,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();
@@ -1570,7 +1601,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 } })
@@ -1583,8 +1614,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,
           {
@@ -1602,14 +1633,13 @@ function ColorPopover({
 }
 const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
 const FONT_SIZES = ["12px", "14px", "16px", "18px", "20px", "24px", "30px"];
-const MD_FILE_RE = /\.(md|markdown)$/i;
-const MD_ACCEPT = ".md,.markdown,text/markdown";
 function EditorToolbar({
   editor,
   onImageUpload,
   onError,
   onImportDocument,
   importAccept,
+  importMenuItems,
   showImport = true,
   labels,
   extraToolbarItems,
@@ -1618,30 +1648,30 @@ 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"),
+      inTableHeader: e2.isActive("tableHeader"),
+      canUndo: e2.can().undo(),
+      canRedo: e2.can().redo()
     })
   });
   const [editorFocused, setEditorFocused] = useState(() => editor.isFocused);
@@ -1663,32 +1693,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();
+      e2.preventDefault();
       editor.chain().focus().setTextSelection(coords.pos).run();
-      setTableMenu({ x: e.clientX, y: e.clientY });
+      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);
@@ -1708,10 +1738,10 @@ function EditorToolbar({
     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);
@@ -1731,10 +1761,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 {
@@ -1778,7 +1808,20 @@ function EditorToolbar({
       setImporting(null);
     }
   };
-  const importTitle = importing ? t.importDocumentBusy : t.importDocument;
+  const importItems = resolveImportMenuItems({
+    labels: t,
+    onImportDocument,
+    importAccept,
+    importMenuItems
+  });
+  const pickImport = (accept) => {
+    const input = importInputRef.current;
+    if (!input) return;
+    input.accept = accept;
+    input.value = "";
+    input.click();
+  };
+  const importTitle = importing ? t.importDocumentBusy : t.importDocumentHint;
   const applyTextColor = (color) => {
     if (color) chain().setColor(color).run();
     else chain().unsetColor().run();
@@ -1908,7 +1951,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 })
@@ -1953,7 +1996,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 })
@@ -2065,7 +2108,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 })
@@ -2130,19 +2173,41 @@ function EditorToolbar({
               }
             )
           ] }) : null,
-          showImport ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(
-            ToolbarButton,
+          showImport ? /* @__PURE__ */ jsx(
+            MenuPopover,
             {
-              title: importTitle,
-              disabled: !!importing,
-              busy: !!importing,
-              onClick: () => {
-                var _a;
-                return (_a = importInputRef.current) == null ? void 0 : _a.click();
-              },
-              children: /* @__PURE__ */ jsx(ImportIcon, {})
+              trigger: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: styles$3.styleTrigger,
+                  title: importTitle,
+                  "aria-label": importTitle,
+                  "aria-busy": !!importing,
+                  disabled: !!importing,
+                  onMouseDown: (e2) => e2.preventDefault(),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: t.importDocument }),
+                    /* @__PURE__ */ jsx(
+                      ChevronDownIcon,
+                      {
+                        size: 12,
+                        className: styles$3.styleTriggerCaret
+                      }
+                    )
+                  ]
+                }
+              ),
+              children: importItems.map((item2) => /* @__PURE__ */ jsx(
+                MenuItem,
+                {
+                  onSelect: () => pickImport(item2.accept),
+                  children: item2.label
+                },
+                item2.key
+              ))
             }
-          ) }) : null,
+          ) : null,
           /* @__PURE__ */ jsx(
             ToolbarButton,
             {
@@ -2190,7 +2255,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 })
@@ -2248,7 +2313,6 @@ function EditorToolbar({
       {
         ref: importInputRef,
         type: "file",
-        accept: onImportDocument && importAccept ? `${MD_ACCEPT},${importAccept}` : MD_ACCEPT,
         hidden: true,
         onChange: handleImportChange
       }
@@ -2275,8 +2339,8 @@ function EditorToolbar({
         {
           className: styles$3.tableBubble,
           style: { position: "fixed", left: tableMenu.x, top: tableMenu.y },
-          onMouseDown: (e) => e.stopPropagation(),
-          onContextMenu: (e) => e.preventDefault(),
+          onMouseDown: (e2) => e2.stopPropagation(),
+          onContextMenu: (e2) => e2.preventDefault(),
           children: [
             /* @__PURE__ */ jsx(
               ToolbarButton,
@@ -2407,7 +2471,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);
@@ -2421,8 +2485,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: [
@@ -2495,120 +2559,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 = {
@@ -2640,8 +2590,8 @@ function CommentPopover({
         side,
         align,
         sideOffset,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        onCloseAutoFocus: (e) => e.preventDefault(),
+        onOpenAutoFocus: (e2) => e2.preventDefault(),
+        onCloseAutoFocus: (e2) => e2.preventDefault(),
         children
       }
     ) })
@@ -2654,7 +2604,7 @@ export {
   COMMENT_GUTTER_META,
   CheckIcon,
   ChevronDownIcon,
-  CitationInteractive,
+  C as CitationInteractive,
   CitationRef,
   CodeBlockView,
   CodeIcon,
@@ -2680,8 +2630,8 @@ export {
   MarkdownWysiwygEditor,
   MenuIcon,
   RedoIcon,
-  ReportContent,
-  ReportContentInteractive,
+  R as ReportContent,
+  R2 as ReportContentInteractive,
   RowAfterIcon,
   RowBeforeIcon,
   RowDeleteIcon,
@@ -2690,10 +2640,10 @@ export {
   TrashIcon,
   UnderlineIcon,
   UndoIcon,
-  h as applyCitationSources,
+  a as applyCitationSources,
   applyCommentAnchorsToEditor,
   baseExtensions,
-  i as blockTextHash,
+  d as blockTextHash,
   collectCommentIds,
   commentAnchorExtension,
   commentAnchorPlugin,
@@ -2706,8 +2656,8 @@ export {
   defaultTocLabels,
   defaultToolbarLabels,
   enrichMarkdownCitations,
-  j as extractToc,
-  findCitationRefElement,
+  e as extractToc,
+  f as findCitationRefElement,
   focusComment,
   insertMarkdown,
   looksLikeMarkdown,
@@ -2718,9 +2668,9 @@ export {
   nextComment,
   pureCodeBlock,
   pureImage,
-  readCitationAttrs,
-  scrollToTocHeading,
-  k as stabilizeMarkdown,
+  r as readCitationAttrs,
+  s2 as scrollToTocHeading,
+  s as stabilizeMarkdown,
   stripCommentAnchorMarks,
   useIsMobile
 };