tiptap-markdown-react 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-kPgsn3cu.js";
-import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-kPgsn3cu.js";
+import { c as renderOrUpdateChart, d as destroyChart, s as scrollToTocHeading } from "./ReportContentWithCharts-CDwS4OH9.js";
+import { C, a, R, b, f, m, r } from "./ReportContentWithCharts-CDwS4OH9.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 { e as enrichMarkdownCitations, c as styles$e } from "./ReportContent-w08GFm8v.js";
-import { R as R2, a as a2, b as b2, s as s2 } from "./ReportContent-w08GFm8v.js";
-import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, n as normalizeImageAlign, p as prepareChartMarkdown, j as reportChart, f as CommentMark, b as baseExtensions, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, o as imageMarkdownTokenizer, q as imageParseMarkdown, t as imageRenderMarkdown, u as imageNodeHtml, v as imageFigureParseRule, w as imageCaptionAttribute, x as imageAlignAttribute, y as normalizeImageCaption, a as pureCodeBlock, c as pureImage, z as renderMathInto, A as readCurrentNumberingFormat, B as subscribeMathClick, D as applyNumberingFormat, N as NUMBERING_FORMAT_IDS, E as NUMBERING_FORMAT_LABELS, F as NUMBERING_FORMAT_PREVIEWS, d as pureChart } from "./extractToc-Cr470fBy.js";
-import { P, g, e, s as s3 } from "./extractToc-Cr470fBy.js";
+import { e as enrichMarkdownCitations, c as styles$e } from "./ReportContent-B7okwVW0.js";
+import { R as R2, a as a2, b as b2, s } from "./ReportContent-B7okwVW0.js";
+import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, n as normalizeImageAlign, p as prepareChartMarkdown, j as reportChart, f as CommentMark, b as baseExtensions, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, o as imageMarkdownTokenizer, q as imageParseMarkdown, t as imageRenderMarkdown, u as imageNodeHtml, v as imageFigureParseRule, w as imageCaptionAttribute, x as imageAlignAttribute, y as normalizeImageCaption, a as pureCodeBlock, c as pureImage, z as renderMathInto, A as readCurrentNumberingFormat, B as subscribeMathClick, D as applyNumberingFormat, N as NUMBERING_FORMAT_IDS, E as NUMBERING_FORMAT_LABELS, F as NUMBERING_FORMAT_PREVIEWS, d as pureChart } from "./extractToc-B50WvHao.js";
+import { P, g, e, s as s2 } from "./extractToc-B50WvHao.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";
@@ -177,8 +177,8 @@ function commentAnchorPlugin(options = {}) {
     state: {
       init: () => ({ activeCommentId: null }),
       apply: (tr, value) => {
-        const active2 = tr.getMeta(COMMENT_ACTIVE_META);
-        return active2 !== void 0 ? { activeCommentId: active2 } : value;
+        const active = tr.getMeta(COMMENT_ACTIVE_META);
+        return active !== void 0 ? { activeCommentId: active } : value;
       }
     },
     props: {
@@ -333,8 +333,8 @@ function focusComment(editor, commentId) {
 function nextComment(editor, dir = "next") {
   const ids = collectCommentIds(editor);
   if (ids.length === 0) return null;
-  const active2 = getActive(editor);
-  const current = active2 ? ids.indexOf(active2) : -1;
+  const active = getActive(editor);
+  const current = active ? ids.indexOf(active) : -1;
   const nextIdx = dir === "next" ? (current + 1) % ids.length : (current - 1 + ids.length) % ids.length;
   const target = ids[nextIdx];
   focusComment(editor, target);
@@ -1146,7 +1146,7 @@ const bundles = { en, zh };
 function getLocaleBundle(locale = "en") {
   return bundles[locale] ?? en;
 }
-const bar$1 = "_bar_1h61e_3";
+const bar$2 = "_bar_1h61e_3";
 const row$1 = "_row_1h61e_25";
 const field$1 = "_field_1h61e_43";
 const fieldIcon = "_fieldIcon_1h61e_62";
@@ -1160,7 +1160,7 @@ const iconGroup = "_iconGroup_1h61e_29";
 const spacer = "_spacer_1h61e_150";
 const readOnly = "_readOnly_1h61e_155";
 const styles$d = {
-  bar: bar$1,
+  bar: bar$2,
   row: row$1,
   field: field$1,
   fieldIcon,
@@ -1603,7 +1603,7 @@ const textMain = "_textMain_1k6n1_100";
 const textEm = "_textEm_1k6n1_107";
 const subtext = "_subtext_1k6n1_112";
 const previews = "_previews_1k6n1_121";
-const header$2 = "_header_1k6n1_127";
+const header$1 = "_header_1k6n1_127";
 const clearAll = "_clearAll_1k6n1_139";
 const preview = "_preview_1k6n1_121";
 const progress = "_progress_1k6n1_161";
@@ -1629,7 +1629,7 @@ const styles$c = {
   textEm,
   subtext,
   previews,
-  header: header$2,
+  header: header$1,
   clearAll,
   preview,
   progress,
@@ -1744,7 +1744,7 @@ function ImageUploadView(props) {
       files.map(async (file) => ({ file, url: await uploadOne(file) }))
     );
     const uploaded = settled.filter(
-      (s4) => s4.url != null
+      (s3) => s3.url != null
     );
     if (uploaded.length === 0) return;
     const pos = getPos();
@@ -2380,7 +2380,7 @@ const popupHost = "_popupHost_1noza_11";
 const menu$2 = "_menu_1noza_1";
 const groupLabel$1 = "_groupLabel_1noza_43";
 const item$2 = "_item_1noza_53";
-const itemActive$1 = "_itemActive_1noza_54";
+const itemActive$2 = "_itemActive_1noza_54";
 const itemIcon$1 = "_itemIcon_1noza_79";
 const itemTitle = "_itemTitle_1noza_102";
 const styles$a = {
@@ -2388,7 +2388,7 @@ const styles$a = {
   menu: menu$2,
   groupLabel: groupLabel$1,
   item: item$2,
-  itemActive: itemActive$1,
+  itemActive: itemActive$2,
   itemIcon: itemIcon$1,
   itemTitle
 };
@@ -2931,8 +2931,8 @@ function buildDecorations(doc, anchors) {
     bounds.push({ from: offset2, to: offset2 + child.nodeSize });
   });
   const decorations = [];
-  for (const anchor of anchors) {
-    for (const range of anchor.ranges) {
+  for (const anchor2 of anchors) {
+    for (const range of anchor2.ranges) {
       const from = Math.max(0, Math.min(range.from, range.to));
       const to = Math.min(doc.content.size, Math.max(range.from, range.to));
       if (from >= to) continue;
@@ -2940,7 +2940,7 @@ function buildDecorations(doc, anchors) {
         if (bound.to <= from || bound.from >= to) continue;
         const attrs = {
           class: PENDING_ANCHOR_CLASS,
-          "data-pending-id": anchor.id
+          "data-pending-id": anchor2.id
         };
         if (from <= bound.from && to >= bound.to) {
           decorations.push(Decoration.node(bound.from, bound.to, attrs));
@@ -3019,7 +3019,7 @@ function ChartView({
 }) {
   const canvasRef = useRef(null);
   const chartRef = useRef(null);
-  const [active2, setActive2] = useState(0);
+  const [active, setActive2] = useState(0);
   const labels = useEditorBundle(editor).chart;
   const payload = useMemo(
     () => ({
@@ -3031,7 +3031,7 @@ function ChartView({
   );
   const theme = extension.options.chartTheme ?? null;
   const configs = payload.config;
-  const safeIndex = Math.min(active2, Math.max(0, configs.length - 1));
+  const safeIndex = Math.min(active, Math.max(0, configs.length - 1));
   const config = configs[safeIndex];
   const height = (config == null ? void 0 : config.height) ?? 320;
   const canSelect = Boolean(editor == null ? void 0 : editor.isEditable);
@@ -3125,7 +3125,7 @@ function createChart(options = {}) {
   });
 }
 const wrapper = "_wrapper_k8th1_2";
-const header$1 = "_header_k8th1_18";
+const header = "_header_k8th1_18";
 const langTrigger = "_langTrigger_k8th1_28";
 const langChevron = "_langChevron_k8th1_50";
 const readonlyHeader = "_readonlyHeader_k8th1_56";
@@ -3145,7 +3145,7 @@ const actionBtn = "_actionBtn_k8th1_194";
 const langBraces = "_langBraces_k8th1_213";
 const styles$8 = {
   wrapper,
-  header: header$1,
+  header,
   langTrigger,
   langChevron,
   readonlyHeader,
@@ -3698,9 +3698,9 @@ function placeBlockDropCursor(view, pos) {
   const $pos = view.state.doc.resolve(pos);
   const before = $pos.nodeBefore;
   const anchorPos = before ? pos - before.nodeSize : pos;
-  const anchor = view.nodeDOM(anchorPos);
-  if (!(anchor instanceof HTMLElement)) return;
-  const anchorRect = anchor.getBoundingClientRect();
+  const anchor2 = view.nodeDOM(anchorPos);
+  if (!(anchor2 instanceof HTMLElement)) return;
+  const anchorRect = anchor2.getBoundingClientRect();
   let lineTop = before ? anchorRect.bottom : anchorRect.top;
   if (before && $pos.nodeAfter) {
     const next = view.nodeDOM(pos);
@@ -3768,7 +3768,7 @@ const menu$1 = "_menu_5edcs_61";
 const groupLabel = "_groupLabel_5edcs_84";
 const divider$3 = "_divider_5edcs_94";
 const item$1 = "_item_5edcs_100";
-const itemActive = "_itemActive_5edcs_118";
+const itemActive$1 = "_itemActive_5edcs_118";
 const itemDanger = "_itemDanger_5edcs_123";
 const itemIcon = "_itemIcon_5edcs_132";
 const styles$7 = {
@@ -3780,7 +3780,7 @@ const styles$7 = {
   groupLabel,
   divider: divider$3,
   item: item$1,
-  itemActive,
+  itemActive: itemActive$1,
   itemDanger,
   itemIcon
 };
@@ -3799,10 +3799,10 @@ const THEME_VARS = [
   "--tmr-danger",
   "--tmr-code-bg"
 ];
-function lockDragHandle(editor, locked2) {
+function lockDragHandle(editor, locked) {
   if (editor.isDestroyed) return;
   editor.view.dispatch(
-    editor.state.tr.setMeta("lockDragHandle", locked2).setMeta("addToHistory", false)
+    editor.state.tr.setMeta("lockDragHandle", locked).setMeta("addToHistory", false)
   );
 }
 async function copyMarkdown(markdown) {
@@ -3883,9 +3883,9 @@ function BlockDragHandle({ editor }) {
     }
   }, [menu2, editor]);
   useEffect(() => () => lockDragHandle(editor, false), [editor, closeMenu]);
-  const openMenu = (anchor) => {
+  const openMenu = (anchor2) => {
     if (!target) return;
-    const rect = anchor.getBoundingClientRect();
+    const rect = anchor2.getBoundingClientRect();
     const estimated = 380;
     const y = rect.top + estimated > window.innerHeight ? Math.max(8, window.innerHeight - estimated - 8) : rect.top;
     const x = Math.min(rect.right + 6, window.innerWidth - 220);
@@ -4110,6 +4110,210 @@ function BlockDragHandle({ editor }) {
     ) : null
   ] });
 }
+const anchor = "_anchor_1b977_4";
+const nav = "_nav_1b977_15";
+const navOpen = "_navOpen_1b977_16";
+const list = "_list_1b977_58";
+const barButton = "_barButton_1b977_64";
+const bar$1 = "_bar_1b977_64";
+const barActive = "_barActive_1b977_78";
+const item = "_item_1b977_89";
+const itemActive = "_itemActive_1b977_110";
+const itemText = "_itemText_1b977_117";
+const styles$6 = {
+  anchor,
+  nav,
+  navOpen,
+  list,
+  barButton,
+  bar: bar$1,
+  barActive,
+  item,
+  itemActive,
+  itemText
+};
+function barWidth(level) {
+  if (level <= 1) return 16;
+  if (level === 2) return 12;
+  if (level === 3) return 8;
+  return 6;
+}
+function findScrollParent(start) {
+  let node = start.parentElement;
+  while (node && node !== document.documentElement) {
+    const style = getComputedStyle(node);
+    const overflowY = style.overflowY;
+    const canScroll = overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay";
+    if (canScroll && (node.scrollHeight > node.clientHeight + 1 || style.maxHeight !== "none")) {
+      return node;
+    }
+    node = node.parentElement;
+  }
+  return document.scrollingElement ?? document.documentElement;
+}
+function isViewportScroller(node) {
+  return node === document.documentElement || node === document.body || node === document.scrollingElement;
+}
+function EditorToc({ items, editorDom, locale = "en" }) {
+  var _a;
+  const t = getLocaleBundle(locale).toc;
+  const [open, setOpen] = useState(false);
+  const [activeId, setActiveId] = useState(((_a = items[0]) == null ? void 0 : _a.id) ?? "");
+  const [roving, setRoving] = useState(0);
+  const navRef = useRef(null);
+  const itemRefs = useRef([]);
+  const hideTimer = useRef(null);
+  const clearHide = () => {
+    if (hideTimer.current !== null) {
+      window.clearTimeout(hideTimer.current);
+      hideTimer.current = null;
+    }
+  };
+  const show = () => {
+    clearHide();
+    setOpen(true);
+  };
+  const hideSoon = () => {
+    clearHide();
+    hideTimer.current = window.setTimeout(() => {
+      var _a2;
+      hideTimer.current = null;
+      if ((_a2 = navRef.current) == null ? void 0 : _a2.contains(document.activeElement)) return;
+      setOpen(false);
+    }, 80);
+  };
+  useEffect(() => () => clearHide(), []);
+  useEffect(() => {
+    const headings = items.map(
+      (item2) => editorDom.querySelector(
+        `[data-toc-id="${CSS.escape(item2.id)}"]`
+      )
+    ).filter((el) => el !== null);
+    if (!headings.length) return;
+    const scrollParent = findScrollParent(editorDom);
+    const viewport = isViewportScroller(scrollParent);
+    const visible = /* @__PURE__ */ new Set();
+    const apply2 = () => {
+      const rootTop = viewport ? 0 : scrollParent.getBoundingClientRect().top;
+      let best = null;
+      let bestTop = Infinity;
+      for (const el of visible) {
+        const top = el.getBoundingClientRect().top;
+        if (top < bestTop) {
+          bestTop = top;
+          best = el;
+        }
+      }
+      if (!best) {
+        let last = null;
+        for (const heading of headings) {
+          if (heading.getBoundingClientRect().top <= rootTop + 12) last = heading;
+        }
+        best = last ?? headings[0];
+      }
+      const id = best.getAttribute("data-toc-id");
+      if (id) setActiveId(id);
+    };
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) visible.add(entry.target);
+          else visible.delete(entry.target);
+        }
+        apply2();
+      },
+      {
+        root: viewport ? null : scrollParent,
+        rootMargin: "0px 0px -60% 0px",
+        threshold: [0, 1]
+      }
+    );
+    for (const heading of headings) observer.observe(heading);
+    const onScroll = () => apply2();
+    const scrollTarget = viewport ? window : scrollParent;
+    scrollTarget.addEventListener("scroll", onScroll, { passive: true });
+    apply2();
+    return () => {
+      observer.disconnect();
+      scrollTarget.removeEventListener("scroll", onScroll);
+    };
+  }, [items, editorDom]);
+  useEffect(() => {
+    var _a2;
+    if ((_a2 = navRef.current) == null ? void 0 : _a2.contains(document.activeElement)) return;
+    const index = items.findIndex((item2) => item2.id === activeId);
+    if (index >= 0) setRoving(index);
+  }, [activeId, items]);
+  useEffect(() => {
+    var _a2, _b;
+    if (!open || !activeId) return;
+    const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    (_b = (_a2 = navRef.current) == null ? void 0 : _a2.querySelector(`[data-toc-item="${CSS.escape(activeId)}"]`)) == null ? void 0 : _b.scrollIntoView({ block: "nearest", behavior: reduce ? "auto" : "smooth" });
+  }, [activeId, open]);
+  const jump = (item2) => {
+    setActiveId(item2.id);
+    scrollToTocHeading(item2.id, findScrollParent(editorDom));
+  };
+  const move = (delta) => {
+    var _a2;
+    const next = Math.min(items.length - 1, Math.max(0, roving + delta));
+    setRoving(next);
+    setOpen(true);
+    (_a2 = itemRefs.current[next]) == null ? void 0 : _a2.focus();
+  };
+  return /* @__PURE__ */ jsx("div", { className: styles$6.anchor, children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref: navRef,
+      className: open ? styles$6.navOpen : styles$6.nav,
+      "aria-label": t.title,
+      "data-editor-toc": "",
+      onMouseEnter: show,
+      onMouseLeave: hideSoon,
+      onFocus: show,
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) hideSoon();
+      },
+      onKeyDown: (event) => {
+        if (event.key === "ArrowDown") {
+          event.preventDefault();
+          move(1);
+        } else if (event.key === "ArrowUp") {
+          event.preventDefault();
+          move(-1);
+        } else if (event.key === "Escape") {
+          setOpen(false);
+        }
+      },
+      children: /* @__PURE__ */ jsx("ul", { className: styles$6.list, children: items.map((item2, index) => {
+        const active = item2.id === activeId;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            ref: (node) => {
+              itemRefs.current[index] = node;
+            },
+            "data-toc-item": item2.id,
+            tabIndex: index === roving ? 0 : -1,
+            className: open ? `${styles$6.item} ${active ? styles$6.itemActive : ""}` : styles$6.barButton,
+            style: open ? { paddingLeft: `${(item2.level - 1) * 12 + 10}px` } : void 0,
+            "aria-current": active ? "true" : void 0,
+            "aria-label": item2.text,
+            onClick: () => jump(item2),
+            children: open ? /* @__PURE__ */ jsx("span", { className: styles$6.itemText, children: item2.text }) : /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: active ? styles$6.barActive : styles$6.bar,
+                style: { width: barWidth(item2.level) }
+              }
+            )
+          }
+        ) }, item2.id);
+      }) })
+    }
+  ) });
+}
 function useIsMobile(breakpoint = 768) {
   const [isMobile, setIsMobile] = useState(false);
   useEffect(() => {
@@ -4310,12 +4514,18 @@ function CharacterCountStatus({
   );
 }
 function editorOwnsKeyboard(editor) {
-  const active2 = document.activeElement;
-  const inEditor = !!active2 && editor.view.dom.contains(active2);
+  const active = document.activeElement;
+  const inEditor = !!active && editor.view.dom.contains(active);
   if (inEditor || editor.isFocused) return true;
-  const nothingFocused = active2 === null || active2 === document.body;
+  const nothingFocused = active === null || active === document.body;
   return nothingFocused && document.querySelectorAll(".ProseMirror").length <= 1;
 }
+function sameTocItems(a3, b3) {
+  if (a3.length !== b3.length) return false;
+  return a3.every(
+    (item2, index) => item2.id === b3[index].id && item2.level === b3[index].level && item2.text === b3[index].text
+  );
+}
 const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   initialMarkdown = "",
   editable = true,
@@ -4325,6 +4535,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   placeholder,
   onEditorReady,
   onTocChange,
+  toc = true,
   markdownPaste = true,
   markdownFileDrop = true,
   extraExtensions,
@@ -4361,7 +4572,11 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   const showBlockDrag = blockDrag && editable && !blockDragMobile;
   const [findOpen, setFindOpen] = useState(false);
   const [shortcutsOpen, setShortcutsOpen] = useState(false);
+  const [tocItems, setTocItems] = useState([]);
   const findInputRef = useRef(null);
+  const onTocChangeRef = useRef(onTocChange);
+  onTocChangeRef.current = onTocChange;
+  const tocItemsRef = useRef([]);
   const editor = useEditor({
     extensions: [
       ...baseExtensions.map(
@@ -4417,10 +4632,19 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       ...characterCount ? [CharacterCount.configure({ wordCounter: countWords })] : [],
       TableOfContents.configure({
         getId: makeTocGetId(),
+        // 官方扩展在滚动时也会 onUpdate（只为刷新 isActive）。目录项没变就不通知，
+        // 否则每次滚动都 setState。回调走 ref：扩展只在创建时绑一次。
         onUpdate: (anchors) => {
-          onTocChange == null ? void 0 : onTocChange(
-            anchors.filter((a3) => a3.level <= 6).map((a3) => ({ id: a3.id, level: a3.level, text: a3.textContent }))
-          );
+          var _a;
+          const next = anchors.filter((a3) => a3.originalLevel <= 6 && a3.textContent.trim()).map((a3) => ({
+            id: a3.id,
+            level: a3.originalLevel,
+            text: a3.textContent
+          }));
+          if (sameTocItems(tocItemsRef.current, next)) return;
+          tocItemsRef.current = next;
+          setTocItems(next);
+          (_a = onTocChangeRef.current) == null ? void 0 : _a.call(onTocChangeRef, next);
         }
       }),
       ...markdownPaste ? [MarkdownPaste] : [],
@@ -4671,6 +4895,14 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       children: [
         findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$e.findBarAnchor, children: findBarNode }) : null,
         findBarNode && findBarTarget ? createPortal(findBarNode, findBarTarget) : null,
+        editor && toc && !blockDragMobile && tocItems.length > 0 ? /* @__PURE__ */ jsx(
+          EditorToc,
+          {
+            items: tocItems,
+            editorDom: editor.view.dom,
+            locale
+          }
+        ) : null,
         /* @__PURE__ */ jsx(
           EditorContent,
           {
@@ -4678,6 +4910,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
             className: [
               styles$e.editorScroll,
               showBlockDrag ? styles$e.withBlockDrag : "",
+              toc && !blockDragMobile && tocItems.length > 0 ? styles$e.withToc : "",
               className ?? ""
             ].filter(Boolean).join(" ")
           }
@@ -4877,7 +5110,7 @@ const mathFieldBlock = "_mathFieldBlock_1l6t0_531";
 const mathInput = "_mathInput_1l6t0_538";
 const mathDone = "_mathDone_1l6t0_556";
 const mathDoneKbd = "_mathDoneKbd_1l6t0_581";
-const styles$6 = {
+const styles$5 = {
   toolbar,
   inner,
   btn: btn$2,
@@ -4939,7 +5172,7 @@ const swatch = "_swatch_x5lrq_54";
 const swatchActive = "_swatchActive_x5lrq_70";
 const themeLabel = "_themeLabel_x5lrq_76";
 const themeRow = "_themeRow_x5lrq_84";
-const styles$5 = {
+const styles$4 = {
   palette,
   noneRow,
   noneIcon,
@@ -4962,25 +5195,25 @@ const THEME_COLORS = ["#ff6719", "#ff5500"];
 function ColorPalette({ value, onPick, locale = "en" }) {
   const t = getLocaleBundle(locale).palette;
   const current = value == null ? void 0 : value.toLowerCase();
-  return /* @__PURE__ */ jsxs("div", { className: styles$5.palette, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$4.palette, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
-        className: styles$5.noneRow,
+        className: styles$4.noneRow,
         onMouseDown: (e2) => e2.preventDefault(),
         onClick: () => onPick(null),
         children: [
-          /* @__PURE__ */ jsx("span", { className: styles$5.noneIcon, "aria-hidden": true }),
-          /* @__PURE__ */ jsx("span", { className: styles$5.noneLabel, children: t.none })
+          /* @__PURE__ */ jsx("span", { className: styles$4.noneIcon, "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: styles$4.noneLabel, children: t.none })
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: styles$5.grid, children: PALETTE.flat().map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$4.grid, children: PALETTE.flat().map((c) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$5.swatch} ${current === c.toLowerCase() ? styles$5.swatchActive : ""}`,
+        className: `${styles$4.swatch} ${current === c.toLowerCase() ? styles$4.swatchActive : ""}`,
         style: { background: c },
         title: c,
         "aria-label": c,
@@ -4989,12 +5222,12 @@ function ColorPalette({ value, onPick, locale = "en" }) {
       },
       c
     )) }),
-    /* @__PURE__ */ jsx("div", { className: styles$5.themeLabel, children: t.theme }),
-    /* @__PURE__ */ jsx("div", { className: styles$5.themeRow, children: THEME_COLORS.map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$4.themeLabel, children: t.theme }),
+    /* @__PURE__ */ jsx("div", { className: styles$4.themeRow, children: THEME_COLORS.map((c) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$5.swatch} ${current === c.toLowerCase() ? styles$5.swatchActive : ""}`,
+        className: `${styles$4.swatch} ${current === c.toLowerCase() ? styles$4.swatchActive : ""}`,
         style: { background: c },
         title: c,
         "aria-label": c,
@@ -5025,7 +5258,7 @@ const captionRow = "_captionRow_mp2o5_13";
 const captionInput = "_captionInput_mp2o5_40";
 const btn$1 = "_btn_mp2o5_58";
 const btnActive = "_btnActive_mp2o5_76";
-const styles$4 = {
+const styles$3 = {
   bar,
   divider: divider$1,
   captionRow,
@@ -5143,7 +5376,7 @@ function ImageAlignTools({ editor, labels }) {
   if (!hover || !editor.isEditable) return null;
   const above = hover.top - TOOLBAR_HEIGHT - TOOLBAR_GAP >= 8;
   const nodeAttrs = (_a = editor.state.doc.nodeAt(hover.pos)) == null ? void 0 : _a.attrs;
-  const active2 = normalizeImageAlign(nodeAttrs == null ? void 0 : nodeAttrs.align);
+  const active = normalizeImageAlign(nodeAttrs == null ? void 0 : nodeAttrs.align);
   const caption = normalizeImageCaption(nodeAttrs == null ? void 0 : nodeAttrs.caption);
   const labelOf = {
     left: labels.imageAlignLeft,
@@ -5161,7 +5394,7 @@ function ImageAlignTools({ editor, labels }) {
       "div",
       {
         "data-image-align": "",
-        className: styles$4.bar,
+        className: styles$3.bar,
         role: "toolbar",
         "aria-label": labels.imageAlign,
         style: {
@@ -5181,10 +5414,10 @@ function ImageAlignTools({ editor, labels }) {
               {
                 type: "button",
                 "data-image-align-action": align,
-                className: `${styles$4.btn} ${active2 === align ? styles$4.btnActive : ""}`,
+                className: `${styles$3.btn} ${active === align ? styles$3.btnActive : ""}`,
                 title: labelOf[align],
                 "aria-label": labelOf[align],
-                "aria-pressed": active2 === align,
+                "aria-pressed": active === align,
                 onClick: () => {
                   setImageAlignAtPos(editor, hover.pos, align);
                   remeasureHover();
@@ -5194,13 +5427,13 @@ function ImageAlignTools({ editor, labels }) {
               align
             );
           }),
-          /* @__PURE__ */ jsx("span", { className: styles$4.divider, "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: styles$3.divider, "aria-hidden": true }),
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               "data-image-align-action": "caption",
-              className: `${styles$4.btn} ${caption ? styles$4.btnActive : ""}`,
+              className: `${styles$3.btn} ${caption ? styles$3.btnActive : ""}`,
               title: labels.imageCaption,
               "aria-label": labels.imageCaption,
               "aria-pressed": !!caption,
@@ -5211,10 +5444,10 @@ function ImageAlignTools({ editor, labels }) {
               children: /* @__PURE__ */ jsx(CaptionsIcon, { size: 14 })
             }
           ),
-          captionDraft !== null ? /* @__PURE__ */ jsx("div", { className: styles$4.captionRow, children: /* @__PURE__ */ jsx(
+          captionDraft !== null ? /* @__PURE__ */ jsx("div", { className: styles$3.captionRow, children: /* @__PURE__ */ jsx(
             "input",
             {
-              className: styles$4.captionInput,
+              className: styles$3.captionInput,
               value: captionDraft,
               placeholder: labels.imageCaptionPlaceholder,
               "aria-label": labels.imageCaptionPlaceholder,
@@ -5325,7 +5558,7 @@ const input = "_input_qysb1_52";
 const divider = "_divider_qysb1_63";
 const btn = "_btn_qysb1_71";
 const apply = "_apply_qysb1_99";
-const styles$3 = {
+const styles$2 = {
   panel,
   field,
   fieldInvalid,
@@ -5400,16 +5633,16 @@ function LinkPanel({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: className ? `${styles$3.panel} ${className}` : styles$3.panel,
+      className: className ? `${styles$2.panel} ${className}` : styles$2.panel,
       style,
       "data-link-popover": "",
       role: "dialog",
       "aria-label": t.field,
       children: [
-        /* @__PURE__ */ jsx("span", { className: `${styles$3.field}${invalid ? ` ${styles$3.fieldInvalid}` : ""}`, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("span", { className: `${styles$2.field}${invalid ? ` ${styles$2.fieldInvalid}` : ""}`, children: /* @__PURE__ */ jsx(
           "input",
           {
-            className: styles$3.input,
+            className: styles$2.input,
             "data-link-field": "",
             "data-link-invalid": invalid ? "" : void 0,
             type: "url",
@@ -5434,7 +5667,7 @@ function LinkPanel({
           "button",
           {
             type: "button",
-            className: `${styles$3.btn} ${styles$3.apply}`,
+            className: `${styles$2.btn} ${styles$2.apply}`,
             "data-link-action": "apply",
             title: t.apply,
             "aria-label": t.apply,
@@ -5444,12 +5677,12 @@ function LinkPanel({
             children: /* @__PURE__ */ jsx(CheckIcon, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: styles$3.divider, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: styles$2.divider, "aria-hidden": "true" }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: styles$3.btn,
+            className: styles$2.btn,
             "data-link-action": "open",
             title: t.open,
             "aria-label": t.open,
@@ -5463,7 +5696,7 @@ function LinkPanel({
           "button",
           {
             type: "button",
-            className: styles$3.btn,
+            className: styles$2.btn,
             "data-link-action": "remove",
             title: t.remove,
             "aria-label": t.remove,
@@ -5662,7 +5895,7 @@ const tableMenuItem = "_tableMenuItem_1m19y_130";
 const tableMenuItemIcon = "_tableMenuItemIcon_1m19y_156";
 const tableMenuItemLabel = "_tableMenuItemLabel_1m19y_166";
 const tableMenuDivider = "_tableMenuDivider_1m19y_171";
-const styles$2 = {
+const styles$1 = {
   handle,
   handleRow,
   handleCol,
@@ -5936,7 +6169,7 @@ function TableHandles({ editor, labels }) {
           {
             type: "button",
             "data-table-handle": "row",
-            className: `${styles$2.handle} ${styles$2.handleRow}`,
+            className: `${styles$1.handle} ${styles$1.handleRow}`,
             style: {
               left: hover.tableLeft - ROW_HANDLE_GAP,
               top: hover.rowTop,
@@ -5955,7 +6188,7 @@ function TableHandles({ editor, labels }) {
           {
             type: "button",
             "data-table-handle": "col",
-            className: `${styles$2.handle} ${styles$2.handleCol}`,
+            className: `${styles$1.handle} ${styles$1.handleCol}`,
             style: {
               left: hover.colLeft,
               top: hover.tableTop - COL_HANDLE_GAP,
@@ -5974,7 +6207,7 @@ function TableHandles({ editor, labels }) {
           {
             type: "button",
             "data-table-extend": "col",
-            className: styles$2.extend,
+            className: styles$1.extend,
             style: {
               left: hover.tableRight + EXTEND_GAP,
               top: hover.tableTop,
@@ -5996,7 +6229,7 @@ function TableHandles({ editor, labels }) {
           {
             type: "button",
             "data-table-extend": "row",
-            className: styles$2.extend,
+            className: styles$1.extend,
             style: {
               left: hover.tableLeft,
               top: hover.tableBottom + EXTEND_GAP,
@@ -6017,7 +6250,7 @@ function TableHandles({ editor, labels }) {
       menu2 ? /* @__PURE__ */ jsxs(
         "div",
         {
-          className: styles$2.tableBubble,
+          className: styles$1.tableBubble,
           "data-table-menu": "",
           style: { left: menu2.x, top: menu2.y },
           role: "menu",
@@ -6025,39 +6258,39 @@ function TableHandles({ editor, labels }) {
           onContextMenu: (e2) => e2.preventDefault(),
           children: [
             items.map((item2, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              index > 0 && item2.group !== items[index - 1].group ? /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuDivider, "aria-hidden": true }) : null,
+              index > 0 && item2.group !== items[index - 1].group ? /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuDivider, "aria-hidden": true }) : null,
               /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   role: "menuitem",
-                  className: styles$2.tableMenuItem,
+                  className: styles$1.tableMenuItem,
                   disabled: item2.disabled,
                   onClick: () => {
                     item2.run();
                     closeMenu();
                   },
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemIcon, "aria-hidden": true, children: item2.icon }),
-                    /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemLabel, children: item2.label })
+                    /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuItemIcon, "aria-hidden": true, children: item2.icon }),
+                    /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuItemLabel, children: item2.label })
                   ]
                 }
               )
             ] }, item2.key)),
-            /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuDivider, "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuDivider, "aria-hidden": true }),
             /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$2.tableMenuItem,
+                className: styles$1.tableMenuItem,
                 onClick: () => {
                   editor.commands.deleteTable();
                   closeMenu();
                 },
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TableDeleteIcon, {}) }),
-                  /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemLabel, children: labels.tableDeleteTable })
+                  /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuItemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TableDeleteIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuItemLabel, children: labels.tableDeleteTable })
                 ]
               }
             )
@@ -6216,7 +6449,7 @@ function MathEditorPopover({
     "textarea",
     {
       ref: inputRef,
-      className: styles$6.mathInput,
+      className: styles$5.mathInput,
       value: draft,
       placeholder,
       rows: Math.max(3, draft.split("\n").length),
@@ -6228,7 +6461,7 @@ function MathEditorPopover({
     "input",
     {
       ref: inputRef,
-      className: styles$6.mathInput,
+      className: styles$5.mathInput,
       value: draft,
       placeholder,
       "aria-labelledby": titleId,
@@ -6242,7 +6475,7 @@ function MathEditorPopover({
       "div",
       {
         ref: rootRef,
-        className: styles$6.mathLayer,
+        className: styles$5.mathLayer,
         style: layerStyle,
         role: "dialog",
         "aria-modal": "false",
@@ -6250,15 +6483,15 @@ function MathEditorPopover({
         children: /* @__PURE__ */ jsxs(
           "div",
           {
-            className: isBlock ? `${styles$6.mathStack} ${styles$6.mathStackBlock}` : styles$6.mathStack,
+            className: isBlock ? `${styles$5.mathStack} ${styles$5.mathStackBlock}` : styles$5.mathStack,
             children: [
               showHint ? /* @__PURE__ */ jsxs(
                 "div",
                 {
                   id: titleId,
-                  className: isBlock ? `${styles$6.mathHint} ${styles$6.mathHintBlock}` : styles$6.mathHint,
+                  className: isBlock ? `${styles$5.mathHint} ${styles$5.mathHintBlock}` : styles$5.mathHint,
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.mathHintIcon, "aria-hidden": true, children: isBlock ? "TeX" : "√x" }),
+                    /* @__PURE__ */ jsx("span", { className: styles$5.mathHintIcon, "aria-hidden": true, children: isBlock ? "TeX" : "√x" }),
                     newLabel
                   ]
                 }
@@ -6267,20 +6500,20 @@ function MathEditorPopover({
                 "div",
                 {
                   id: showHint ? void 0 : titleId,
-                  className: isBlock ? `${styles$6.mathField} ${styles$6.mathFieldBlock}` : styles$6.mathField,
+                  className: isBlock ? `${styles$5.mathField} ${styles$5.mathFieldBlock}` : styles$5.mathField,
                   children: [
                     field2,
                     /* @__PURE__ */ jsxs(
                       "button",
                       {
                         type: "button",
-                        className: styles$6.mathDone,
+                        className: styles$5.mathDone,
                         disabled: !canSubmit,
                         title: isBlock ? `${doneLabel} (⌘/Ctrl+Enter)` : `${doneLabel} (Enter)`,
                         onClick: submit,
                         children: [
                           doneLabel,
-                          /* @__PURE__ */ jsx("span", { className: styles$6.mathDoneKbd, "aria-hidden": true, children: "↵" })
+                          /* @__PURE__ */ jsx("span", { className: styles$5.mathDoneKbd, "aria-hidden": true, children: "↵" })
                         ]
                       }
                     )
@@ -6295,7 +6528,7 @@ function MathEditorPopover({
     host
   );
 }
-const ToolbarButton = forwardRef(function ToolbarButton2({ title, active: active2, disabled, busy, onClick, children, className, ...rest }, ref) {
+const ToolbarButton = forwardRef(function ToolbarButton2({ title, active, disabled, busy, onClick, children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -6304,10 +6537,10 @@ const ToolbarButton = forwardRef(function ToolbarButton2({ title, active: active
       type: "button",
       title,
       "aria-label": title,
-      "aria-pressed": active2,
+      "aria-pressed": active,
       "aria-busy": busy,
       disabled,
-      className: `${styles$6.btn} ${active2 ? styles$6.btnActive : ""}${className ? ` ${className}` : ""}`,
+      className: `${styles$5.btn} ${active ? styles$5.btnActive : ""}${className ? ` ${className}` : ""}`,
       onMouseDown: (e2) => e2.preventDefault(),
       onClick,
       children
@@ -6315,7 +6548,7 @@ const ToolbarButton = forwardRef(function ToolbarButton2({ title, active: active
   );
 });
 function Divider() {
-  return /* @__PURE__ */ jsx("span", { className: styles$6.divider, "aria-hidden": true });
+  return /* @__PURE__ */ jsx("span", { className: styles$5.divider, "aria-hidden": true });
 }
 const LINE_HEIGHTS = ["1", "1.15", "1.5", "2", "2.5", "3"];
 function readParaAttr(editor, name) {
@@ -6336,7 +6569,7 @@ function MenuPopover({
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
       Popover.Content,
       {
-        className: contentClassName ? `${styles$6.menu} ${contentClassName}` : styles$6.menu,
+        className: contentClassName ? `${styles$5.menu} ${contentClassName}` : styles$5.menu,
         sideOffset: 4,
         align,
         onOpenAutoFocus: (e2) => e2.preventDefault(),
@@ -6358,7 +6591,7 @@ function MenuItem({
     {
       type: "button",
       disabled,
-      className: `${styles$6.menuItem} ${selected ? styles$6.menuItemSelected : ""}`,
+      className: `${styles$5.menuItem} ${selected ? styles$5.menuItemSelected : ""}`,
       onMouseDown: (e2) => e2.preventDefault(),
       onClick: () => {
         onSelect();
@@ -6373,29 +6606,29 @@ function NumberingFormatGrid({
   onSelect
 }) {
   const close = useContext(MenuCloseCtx);
-  return /* @__PURE__ */ jsx("div", { className: styles$6.numberingGrid, role: "group", "aria-label": "Numbering formats", children: NUMBERING_FORMAT_IDS.map((format) => {
-    const active2 = current === format;
+  return /* @__PURE__ */ jsx("div", { className: styles$5.numberingGrid, role: "group", "aria-label": "Numbering formats", children: NUMBERING_FORMAT_IDS.map((format) => {
+    const active = current === format;
     return /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
         role: "menuitem",
         "aria-label": NUMBERING_FORMAT_LABELS[format],
-        "aria-pressed": active2,
-        className: `${styles$6.numberingOption}${active2 ? ` ${styles$6.numberingOptionActive}` : ""}`,
+        "aria-pressed": active,
+        className: `${styles$5.numberingOption}${active ? ` ${styles$5.numberingOptionActive}` : ""}`,
         onMouseDown: (e2) => e2.preventDefault(),
         onClick: () => {
           onSelect(format);
           close();
         },
-        children: /* @__PURE__ */ jsx("span", { className: styles$6.numberingPreview, children: NUMBERING_FORMAT_PREVIEWS[format].map((row2, index) => /* @__PURE__ */ jsxs(
+        children: /* @__PURE__ */ jsx("span", { className: styles$5.numberingPreview, children: NUMBERING_FORMAT_PREVIEWS[format].map((row2, index) => /* @__PURE__ */ jsxs(
           "span",
           {
-            className: styles$6.numberingPreviewRow,
+            className: styles$5.numberingPreviewRow,
             "data-depth": row2.depth,
             children: [
-              /* @__PURE__ */ jsx("span", { className: styles$6.numberingPreviewMarker, children: row2.marker }),
-              /* @__PURE__ */ jsx("span", { className: styles$6.numberingPreviewLine })
+              /* @__PURE__ */ jsx("span", { className: styles$5.numberingPreviewMarker, children: row2.marker }),
+              /* @__PURE__ */ jsx("span", { className: styles$5.numberingPreviewLine })
             ]
           },
           `${format}-${index}`
@@ -6430,21 +6663,21 @@ function TableInsertItem({
           {
             type: "button",
             disabled,
-            className: `${styles$6.menuItem} ${open ? styles$6.menuItemSelected : ""}`,
+            className: `${styles$5.menuItem} ${open ? styles$5.menuItemSelected : ""}`,
             onMouseDown: (e2) => e2.preventDefault(),
             children: [
-              /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "⊞" }),
+              /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "⊞" }),
                 labels.tableInsert
               ] }),
-              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.tableInsertCaret })
+              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.tableInsertCaret })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
           Popover.Content,
           {
-            className: styles$6.tableSizePicker,
+            className: styles$5.tableSizePicker,
             side: "right",
             align: "start",
             sideOffset: 6,
@@ -6454,7 +6687,7 @@ function TableInsertItem({
               /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: styles$6.tableSizeGrid,
+                  className: styles$5.tableSizeGrid,
                   style: {
                     gridTemplateColumns: `repeat(${TABLE_PICKER_COLS}, 1fr)`
                   },
@@ -6462,13 +6695,13 @@ function TableInsertItem({
                   children: Array.from({ length: TABLE_PICKER_ROWS * TABLE_PICKER_COLS }, (_, i) => {
                     const col = i % TABLE_PICKER_COLS + 1;
                     const row2 = Math.floor(i / TABLE_PICKER_COLS) + 1;
-                    const active2 = hover.cols > 0 && col <= hover.cols && row2 <= hover.rows;
+                    const active = hover.cols > 0 && col <= hover.cols && row2 <= hover.rows;
                     return /* @__PURE__ */ jsx(
                       "button",
                       {
                         type: "button",
                         "aria-label": labels.tableSizeSelected(col, row2),
-                        className: `${styles$6.tableSizeCell} ${active2 ? styles$6.tableSizeCellActive : ""}`,
+                        className: `${styles$5.tableSizeCell} ${active ? styles$5.tableSizeCellActive : ""}`,
                         onMouseDown: (e2) => e2.preventDefault(),
                         onMouseEnter: () => setHover({ cols: col, rows: row2 }),
                         onClick: () => {
@@ -6483,7 +6716,7 @@ function TableInsertItem({
                   })
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: styles$6.tableSizeLabel, children: hover.cols > 0 ? labels.tableSizeSelected(hover.cols, hover.rows) : labels.tableInsert })
+              /* @__PURE__ */ jsx("div", { className: styles$5.tableSizeLabel, children: hover.cols > 0 ? labels.tableSizeSelected(hover.cols, hover.rows) : labels.tableInsert })
             ]
           }
         ) })
@@ -6505,20 +6738,20 @@ function ColorPopover({
       "button",
       {
         type: "button",
-        className: styles$6.btn,
+        className: styles$5.btn,
         title,
         "aria-label": title,
         onMouseDown: (e2) => e2.preventDefault(),
-        children: /* @__PURE__ */ jsxs("span", { className: styles$6.colorIcon, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$6.colorIconGlyph, children: glyph }),
-          /* @__PURE__ */ jsx("span", { className: styles$6.colorIconBar, style: { background: bar2 } })
+        children: /* @__PURE__ */ jsxs("span", { className: styles$5.colorIcon, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$5.colorIconGlyph, children: glyph }),
+          /* @__PURE__ */ jsx("span", { className: styles$5.colorIconBar, style: { background: bar2 } })
         ] })
       }
     ) }),
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
       Popover.Content,
       {
-        className: styles$6.popoverContent,
+        className: styles$5.popoverContent,
         sideOffset: 4,
         align: "start",
         onOpenAutoFocus: (e2) => e2.preventDefault(),
@@ -6784,8 +7017,8 @@ function EditorToolbar({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: className ? `${styles$6.toolbar} ${className}` : styles$6.toolbar,
-        children: /* @__PURE__ */ jsxs("div", { className: styles$6.inner, children: [
+        className: className ? `${styles$5.toolbar} ${className}` : styles$5.toolbar,
+        children: /* @__PURE__ */ jsxs("div", { className: styles$5.inner, children: [
           /* @__PURE__ */ jsx(
             ToolbarButton,
             {
@@ -6812,12 +7045,12 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.style,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: t.style }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.style }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -6827,8 +7060,8 @@ function EditorToolbar({
                   {
                     selected: (state.headingLevel ?? 0) === 0,
                     onSelect: () => setBlockStyle(0),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "¶" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "¶" }),
                       t.normalText
                     ] })
                   }
@@ -6838,8 +7071,8 @@ function EditorToolbar({
                   {
                     selected: state.headingLevel === lv,
                     onSelect: () => setBlockStyle(lv),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: `H${lv}` }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: `H${lv}` }),
                       t.headingLabel(lv)
                     ] })
                   },
@@ -6855,14 +7088,14 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.fontSize,
                   "aria-label": t.fontSize,
                   disabled: !canEditFontSize,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: state.fontSize || t.fontSize }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: state.fontSize || t.fontSize }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -6872,8 +7105,8 @@ function EditorToolbar({
                   {
                     selected: !state.fontSize,
                     onSelect: () => applyFontSize(""),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "A" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "A" }),
                       t.fontSizeDefault
                     ] })
                   }
@@ -6883,8 +7116,8 @@ function EditorToolbar({
                   {
                     selected: state.fontSize === size,
                     onSelect: () => applyFontSize(size),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: parseInt(size, 10) }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: parseInt(size, 10) }),
                       size
                     ] })
                   },
@@ -6968,13 +7201,13 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$6.scriptTrigger} ${scriptActive !== "normal" ? styles$6.btnActive : ""}`,
+                  className: `${styles$5.scriptTrigger} ${scriptActive !== "normal" ? styles$5.btnActive : ""}`,
                   title: t.scriptMenu,
                   "aria-label": t.scriptMenu,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.scriptTriggerGlyph, children: "A" }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.scriptTriggerGlyph, children: "A" }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -6984,8 +7217,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "normal",
                     onSelect: () => chain().unsetSuperscript().unsetSubscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "A" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "A" }),
                       t.scriptNormal
                     ] })
                   }
@@ -6995,8 +7228,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "superscript",
                     onSelect: () => chain().unsetSubscript().toggleSuperscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsxs("span", { className: `${styles$6.styleIcon} ${styles$6.scriptGlyph}`, children: [
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsxs("span", { className: `${styles$5.styleIcon} ${styles$5.scriptGlyph}`, children: [
                         "x",
                         /* @__PURE__ */ jsx("sup", { children: "2" })
                       ] }),
@@ -7009,8 +7242,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "subscript",
                     onSelect: () => chain().unsetSuperscript().toggleSubscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsxs("span", { className: `${styles$6.styleIcon} ${styles$6.scriptGlyph}`, children: [
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsxs("span", { className: `${styles$5.styleIcon} ${styles$5.scriptGlyph}`, children: [
                         "x",
                         /* @__PURE__ */ jsx("sub", { children: "2" })
                       ] }),
@@ -7050,19 +7283,19 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: importTitle,
                   "aria-label": importTitle,
                   "aria-busy": !!importing,
                   disabled: !!importing,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: t.importDocument }),
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.importDocument }),
                     /* @__PURE__ */ jsx(
                       ChevronDownIcon,
                       {
                         size: 12,
-                        className: styles$6.styleTriggerCaret
+                        className: styles$5.styleTriggerCaret
                       }
                     )
                   ]
@@ -7084,7 +7317,7 @@ function EditorToolbar({
               title: t.blockquote,
               active: state.blockquote,
               onClick: () => chain().toggleBlockquote().run(),
-              children: /* @__PURE__ */ jsx("span", { className: styles$6.txtIcon, children: "❝" })
+              children: /* @__PURE__ */ jsx("span", { className: styles$5.txtIcon, children: "❝" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -7108,13 +7341,13 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$6.styleTrigger} ${styles$6.iconTrigger}`,
+                  className: `${styles$5.styleTrigger} ${styles$5.iconTrigger}`,
                   title: t.align,
                   "aria-label": t.align,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     state.textAlign === "center" ? /* @__PURE__ */ jsx(AlignCenterIcon, {}) : state.textAlign === "right" ? /* @__PURE__ */ jsx(AlignRightIcon, {}) : state.textAlign === "justify" ? /* @__PURE__ */ jsx(AlignJustifyIcon, {}) : /* @__PURE__ */ jsx(AlignLeftIcon, {}),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -7128,8 +7361,8 @@ function EditorToolbar({
                 {
                   selected: state.textAlign === value,
                   onSelect: () => chain().setTextAlign(value).run(),
-                  children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
+                  children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
                     label
                   ] })
                 },
@@ -7144,23 +7377,23 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$6.styleTrigger} ${styles$6.iconTrigger}`,
+                  className: `${styles$5.styleTrigger} ${styles$5.iconTrigger}`,
                   title: t.indent,
                   "aria-label": t.indent,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx(IndentIncreaseIcon, {}),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().increaseIndent().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: /* @__PURE__ */ jsx(IndentIncreaseIcon, { size: 14 }) }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().increaseIndent().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: /* @__PURE__ */ jsx(IndentIncreaseIcon, { size: 14 }) }),
                   t.indentIncrease
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().decreaseIndent().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: /* @__PURE__ */ jsx(IndentDecreaseIcon, { size: 14 }) }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().decreaseIndent().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: /* @__PURE__ */ jsx(IndentDecreaseIcon, { size: 14 }) }),
                   t.indentDecrease
                 ] }) })
               ]
@@ -7173,13 +7406,13 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$6.styleTrigger} ${styles$6.iconTrigger}`,
+                  className: `${styles$5.styleTrigger} ${styles$5.iconTrigger}`,
                   title: t.lineHeight,
                   "aria-label": t.lineHeight,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx(LineHeightIcon, {}),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -7189,8 +7422,8 @@ function EditorToolbar({
                   {
                     selected: !state.lineHeight,
                     onSelect: () => chain().setLineHeight(null).run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "—" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "—" }),
                       t.lineHeightDefault
                     ] })
                   }
@@ -7200,8 +7433,8 @@ function EditorToolbar({
                   {
                     selected: state.lineHeight === Number(value),
                     onSelect: () => chain().setLineHeight(Number(value)).run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "≡" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "≡" }),
                       value
                     ] })
                   },
@@ -7223,7 +7456,7 @@ function EditorToolbar({
           /* @__PURE__ */ jsxs(
             "span",
             {
-              className: `${styles$6.listSplit}${state.orderedList ? ` ${styles$6.listSplitActive}` : ""}`,
+              className: `${styles$5.listSplit}${state.orderedList ? ` ${styles$5.listSplitActive}` : ""}`,
               children: [
                 /* @__PURE__ */ jsx(
                   ToolbarButton,
@@ -7238,12 +7471,12 @@ function EditorToolbar({
                   MenuPopover,
                   {
                     align: "end",
-                    contentClassName: styles$6.numberingMenu,
+                    contentClassName: styles$5.numberingMenu,
                     trigger: /* @__PURE__ */ jsx(
                       "button",
                       {
                         type: "button",
-                        className: `${styles$6.numberingCaret}${state.numberingFormat ? ` ${styles$6.numberingCaretActive}` : ""}`,
+                        className: `${styles$5.numberingCaret}${state.numberingFormat ? ` ${styles$5.numberingCaretActive}` : ""}`,
                         title: t.numberingFormat,
                         "aria-label": t.numberingFormat,
                         onMouseDown: (e2) => e2.preventDefault(),
@@ -7288,30 +7521,30 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.more,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: t.more }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.more }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().toggleCodeBlock().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "{ }" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().toggleCodeBlock().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "{ }" }),
                   t.codeBlock
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("inline"), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "√x" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("inline"), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "√x" }),
                   t.inlineMath
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("block"), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "∑" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("block"), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "∑" }),
                   t.blockMath
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().setHorizontalRule().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "—" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().setHorizontalRule().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "—" }),
                   t.hr
                 ] }) }),
                 /* @__PURE__ */ jsx(
@@ -7327,8 +7560,8 @@ function EditorToolbar({
                   {
                     disabled: item2.disabled,
                     onSelect: () => item2.onSelect(editor),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: item2.icon }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: item2.icon }),
                       item2.label
                     ] })
                   },
@@ -7369,159 +7602,6 @@ function EditorToolbar({
     /* @__PURE__ */ jsx(ImageAlignTools, { editor, labels: t })
   ] });
 }
-const desktop = "_desktop_euqdt_3";
-const header = "_header_euqdt_19";
-const headerTitle = "_headerTitle_euqdt_27";
-const collapseBtn = "_collapseBtn_euqdt_35";
-const collapsedRail = "_collapsedRail_euqdt_55";
-const list = "_list_euqdt_75";
-const item = "_item_euqdt_81";
-const itemText = "_itemText_euqdt_102";
-const active = "_active_euqdt_109";
-const locked = "_locked_euqdt_116";
-const lockIcon = "_lockIcon_euqdt_126";
-const mobile = "_mobile_euqdt_133";
-const mobileBar = "_mobileBar_euqdt_138";
-const mobileBarIcon = "_mobileBarIcon_euqdt_154";
-const chevron = "_chevron_euqdt_159";
-const chevronUp = "_chevronUp_euqdt_166";
-const mobilePanel = "_mobilePanel_euqdt_170";
-const mobilePanelOpen = "_mobilePanelOpen_euqdt_176";
-const styles$1 = {
-  desktop,
-  header,
-  headerTitle,
-  collapseBtn,
-  collapsedRail,
-  list,
-  item,
-  itemText,
-  active,
-  locked,
-  lockIcon,
-  mobile,
-  mobileBar,
-  mobileBarIcon,
-  chevron,
-  chevronUp,
-  mobilePanel,
-  mobilePanelOpen
-};
-function TocPanel({
-  items,
-  activeId,
-  onItemClick,
-  locale = "en"
-}) {
-  const t = getLocaleBundle(locale).toc;
-  const isMobile = useIsMobile();
-  const [collapsed, setCollapsed] = useState(false);
-  const [mobileOpen, setMobileOpen] = useState(false);
-  const desktopNavRef = useRef(null);
-  const mobilePanelRef = useRef(null);
-  useEffect(() => {
-    if (!activeId) return;
-    const reduce = window.matchMedia(
-      "(prefers-reduced-motion: reduce)"
-    ).matches;
-    const container = desktopNavRef.current || mobilePanelRef.current;
-    if (!container) return;
-    const el = container.querySelector(`a[href="#${CSS.escape(activeId)}"]`);
-    if (!el) return;
-    el.scrollIntoView({
-      block: "nearest",
-      behavior: reduce ? "auto" : "smooth"
-    });
-  }, [activeId]);
-  if (!items.length) return null;
-  const minLevel = Math.min(...items.map((i) => i.level));
-  const handleClick = (item2) => {
-    if (item2.locked) return;
-    onItemClick == null ? void 0 : onItemClick(item2);
-    if (isMobile) setMobileOpen(false);
-  };
-  const list2 = /* @__PURE__ */ jsx("ul", { className: styles$1.list, children: items.map((item2) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-    "a",
-    {
-      href: item2.locked ? void 0 : `#${item2.id}`,
-      className: `${styles$1.item} ${item2.id === activeId ? styles$1.active : ""} ${item2.locked ? styles$1.locked : ""}`,
-      style: { paddingLeft: `${(item2.level - minLevel) * 12 + 12}px` },
-      "aria-current": item2.id === activeId ? "true" : void 0,
-      "aria-disabled": item2.locked ? "true" : void 0,
-      onClick: (e2) => {
-        e2.preventDefault();
-        handleClick(item2);
-      },
-      children: [
-        /* @__PURE__ */ jsx("span", { className: styles$1.itemText, children: item2.text }),
-        item2.locked ? /* @__PURE__ */ jsx(LockIcon, { className: styles$1.lockIcon, "aria-hidden": true }) : null
-      ]
-    }
-  ) }, item2.id)) });
-  if (isMobile) {
-    return /* @__PURE__ */ jsxs("nav", { className: styles$1.mobile, "aria-label": t.title, children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: styles$1.mobileBar,
-          "aria-expanded": mobileOpen,
-          onClick: () => setMobileOpen((v) => !v),
-          children: [
-            /* @__PURE__ */ jsx(MenuIcon, { className: styles$1.mobileBarIcon, "aria-hidden": true }),
-            /* @__PURE__ */ jsx("span", { children: t.title }),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: `${styles$1.chevron} ${mobileOpen ? styles$1.chevronUp : ""}`,
-                "aria-hidden": true,
-                children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: mobilePanelRef,
-          className: `${styles$1.mobilePanel} ${mobileOpen ? styles$1.mobilePanelOpen : ""}`,
-          children: list2
-        }
-      )
-    ] });
-  }
-  if (collapsed) {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: styles$1.collapsedRail,
-        "aria-label": t.expand,
-        title: t.expand,
-        onClick: () => setCollapsed(false),
-        children: /* @__PURE__ */ jsx(ListUnorderedIcon, {})
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("nav", { className: styles$1.desktop, "aria-label": t.title, ref: desktopNavRef, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles$1.header, children: [
-      /* @__PURE__ */ jsx("span", { className: styles$1.headerTitle, children: t.title }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: styles$1.collapseBtn,
-          "aria-label": t.collapse,
-          title: t.collapse,
-          onClick: () => setCollapsed(true),
-          children: "«"
-        }
-      )
-    ] }),
-    list2
-  ] });
-}
 function resetImageSize(editor) {
   const pos = findImagePos(editor);
   if (pos == null) return false;
@@ -7566,10 +7646,10 @@ function CommentPopover({
   ] });
 }
 const PROBE_ID = "__anchor-range-probe__";
-function findRangeByAnchor(editor, anchor) {
-  if (!anchor || !anchor.exact) return null;
+function findRangeByAnchor(editor, anchor2) {
+  if (!anchor2 || !anchor2.exact) return null;
   const [result] = mapCommentAnchors(editor.state.doc, [
-    { commentId: PROBE_ID, segments: [anchor] }
+    { commentId: PROBE_ID, segments: [anchor2] }
   ]);
   const range = result == null ? void 0 : result.ranges[0];
   if (!range) return null;
@@ -7765,7 +7845,6 @@ export {
   SlashMenu,
   StrikethroughIcon,
   TableDeleteIcon,
-  TocPanel,
   TrashIcon,
   UnderlineIcon,
   UndoIcon,
@@ -7825,14 +7904,14 @@ export {
   resetImageSize,
   runFindCommand,
   sanitizeLinkUrl,
-  s as scrollToTocHeading,
+  scrollToTocHeading,
   selectionKind,
-  s2 as serializeChartPayload,
+  s as serializeChartPayload,
   setImageAlign,
   setImageAlignAt,
   setImageCaption,
   setImageCaptionAtPos,
-  s3 as stabilizeMarkdown,
+  s2 as stabilizeMarkdown,
   stripCommentAnchorMarks,
   useIsMobile
 };