tiptap-markdown-react 1.0.0 → 1.2.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 { g as getLocaleBundle, d as renderOrUpdateChart, e as destroyChart, u as useIsMobile, E as EditorToc, h as sameTocItems$1 } from "./ReportContentWithCharts-DHdD1BaH.js";
+import { C, a, b, c, f, m, r, s } from "./ReportContentWithCharts-DHdD1BaH.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$d } from "./ReportContent-B7okwVW0.js";
+import { R, a as a2, b as b2, s as s2 } 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 s3 } 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: {
@@ -270,7 +270,7 @@ function applyCommentAnchorsToEditor(editor, comments) {
   const intervals = comments.length > 0 ? mergeCommentIntervals(
     mapCommentAnchors(
       editor.state.doc,
-      comments.map((c) => ({ commentId: c.commentId, segments: c.segments }))
+      comments.map((c2) => ({ commentId: c2.commentId, segments: c2.segments }))
     ).map((r2) => ({ commentId: r2.commentId, ranges: r2.ranges }))
   ) : [];
   const chain = editor.chain().clearCommentAnchors();
@@ -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);
@@ -659,493 +659,6 @@ const KeyboardIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "M18 12h.01" }),
   /* @__PURE__ */ jsx("path", { d: "M7 16h10" })
 ] });
-const defaultChartLabels = {
-  tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
-  done: "Done",
-  cancel: "Cancel",
-  configLabel: "Chart config (JSON)",
-  tableLabel: "Data table (Markdown)",
-  editTitle: "Edit chart"
-};
-const defaultToolbarLabels = {
-  undo: "Undo",
-  redo: "Redo",
-  style: "Style",
-  normalText: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  fontSize: "Font size",
-  fontSizeDefault: "Default",
-  bold: "Bold",
-  italic: "Italic",
-  underline: "Underline",
-  strike: "Strikethrough",
-  code: "Inline code",
-  textColor: "Text color",
-  highlight: "Highlight",
-  colorNone: "None",
-  colorTheme: "THEME",
-  scriptMenu: "Superscript / Subscript",
-  scriptNormal: "Normal",
-  superscript: "Superscript",
-  subscript: "Subscript",
-  link: "Link",
-  align: "Alignment",
-  alignLeft: "Align left",
-  alignCenter: "Align center",
-  alignRight: "Align right",
-  alignJustify: "Justify",
-  indent: "Indent",
-  indentIncrease: "Increase indent",
-  indentDecrease: "Decrease indent",
-  lineHeight: "Line height",
-  lineHeightDefault: "Default",
-  linkPrompt: "Enter URL",
-  linkApply: "Apply link",
-  linkOpen: "Open in new window",
-  linkRemove: "Remove link",
-  linkInvalid: "The editor rejected this address",
-  image: "Image",
-  imageUploadFailed: "Image upload failed",
-  imageAlign: "Image alignment",
-  imageAlignLeft: "Align left",
-  imageAlignCenter: "Align center",
-  imageAlignRight: "Align right",
-  imageCaption: "Caption",
-  imageCaptionPlaceholder: "Add a caption…",
-  importMarkdownFailed: "Markdown import failed",
-  importDocument: "Import",
-  importDocumentHint: "Import a file",
-  importDocumentOther: "Document",
-  importDocumentBusy: "Importing…",
-  importDocumentUploading: (percent) => `Uploading ${percent}%`,
-  importDocumentConverting: "Converting…",
-  importDocumentFailed: "Import failed",
-  blockquote: "Blockquote",
-  details: "Toggle",
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  numberingFormat: "Numbering format",
-  taskList: "Task list",
-  more: "More",
-  search: "Find & replace",
-  codeBlock: "Code block",
-  hr: "Divider",
-  importMarkdown: "Markdown",
-  tableInsert: "Insert table",
-  tableRowMenu: "Row actions",
-  tableColumnMenu: "Column actions",
-  tableClearContent: "Clear content",
-  tableResetCellStyles: "Reset cell styles",
-  tableAppendRow: "Add row",
-  tableAppendColumn: "Add column",
-  tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
-  tableAddColumnBefore: "Add column before",
-  tableAddColumnAfter: "Add column after",
-  tableDeleteColumn: "Delete column",
-  tableAddRowBefore: "Add row before",
-  tableAddRowAfter: "Add row after",
-  tableDeleteRow: "Delete row",
-  tableAddColumnBeforeN: (n) => `Add ${n} columns before`,
-  tableAddColumnAfterN: (n) => `Add ${n} columns after`,
-  tableDeleteColumnN: (n) => `Delete ${n} columns`,
-  tableAddRowBeforeN: (n) => `Add ${n} rows before`,
-  tableAddRowAfterN: (n) => `Add ${n} rows after`,
-  tableDeleteRowN: (n) => `Delete ${n} rows`,
-  tableDeleteTable: "Delete table",
-  inlineMath: "Inline equation",
-  blockMath: "Block equation",
-  mathPlaceholder: "E = mc^2",
-  mathDone: "Done",
-  mathCancel: "Cancel",
-  mathNewInline: "New equation",
-  mathNewBlock: "Add a TeX equation"
-};
-const defaultBlockDragLabels = {
-  dragHandle: "Drag to move",
-  menuLabel: "Block actions",
-  turnInto: "Turn into",
-  paragraph: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  blockquote: "Blockquote",
-  codeBlock: "Code block",
-  copy: "Copy",
-  duplicate: "Duplicate",
-  resetFormatting: "Reset formatting",
-  downloadImage: "Download image",
-  delete: "Delete"
-};
-const defaultSlashMenuLabels = {
-  menuLabel: "Insert block",
-  groupText: "Text",
-  groupList: "Lists",
-  groupAdvanced: "Advanced",
-  normalText: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  blockquote: "Blockquote",
-  details: "Toggle",
-  codeBlock: "Code block",
-  divider: "Divider",
-  table: "Table",
-  inlineMath: "Inline equation",
-  blockMath: "Block equation"
-};
-const defaultShortcutLabels = {
-  panelTitle: "Shortcuts",
-  close: "Close",
-  colFormat: "Format",
-  colShortcut: "Shortcut",
-  colMarkdown: "Markdown",
-  formatGroup: "Formatting",
-  insertGroup: "Insert",
-  editGroup: "Editing",
-  bold: "Bold",
-  italic: "Italic",
-  strike: "Strikethrough",
-  underline: "Underline",
-  inlineCode: "Inline code",
-  highlight: "Highlight",
-  headingLabel: (level) => `Heading ${level}`,
-  paragraph: "Normal text",
-  blockquote: "Blockquote",
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  codeBlock: "Code block",
-  divider: "Divider",
-  undo: "Undo",
-  redo: "Redo",
-  hardBreak: "Hard break",
-  findReplace: "Find & replace",
-  alignLeft: "Align left",
-  alignCenter: "Align center",
-  alignRight: "Align right",
-  alignJustify: "Justify",
-  imageUpload: "Upload image",
-  smartQuote: "Smart quotes",
-  ellipsis: "Ellipsis",
-  emDash: "Em dash",
-  emoji: "Emoji"
-};
-const defaultCharacterCountLabels = {
-  label: "Document statistics",
-  characters: (count) => `${count} ${count === 1 ? "character" : "characters"}`,
-  words: (count) => `${count} ${count === 1 ? "word" : "words"}`
-};
-const defaultEmojiSuggestionLabels = {
-  menuLabel: "Emoji"
-};
-const defaultLinkPopoverLabels = {
-  field: "Enter URL",
-  apply: "Apply link",
-  open: "Open in new window",
-  remove: "Remove link",
-  invalid: "The editor rejected this address"
-};
-const defaultColorPaletteLabels = {
-  none: "None",
-  theme: "THEME"
-};
-const defaultTocLabels = {
-  title: "Contents",
-  expand: "Expand",
-  collapse: "Collapse"
-};
-const defaultCodeBlockLabels = {
-  autoDetect: "Auto-detect",
-  delete: "Delete code block",
-  copy: "Copy code",
-  expand: "Expand code",
-  collapse: "Collapse code",
-  language: "Code language"
-};
-const defaultFindLabels = {
-  find: "Find",
-  replace: "Replace with",
-  next: "Next match",
-  previous: "Previous match",
-  replaceOne: "Replace",
-  replaceAll: "Replace all",
-  close: "Close",
-  caseSensitive: "Match case",
-  wholeWord: "Whole word",
-  useRegex: "Use regular expression",
-  counter: (current, total) => `${current} / ${total}`,
-  invalidRegex: "Invalid pattern",
-  readOnly: "Read-only"
-};
-const defaultImageUploadLabels = {
-  dropzoneClick: "Click to upload",
-  dropzoneRest: " or drag and drop",
-  dropzoneLimits: (limit, maxSizeMb) => {
-    const count = `Maximum ${limit} file${limit === 1 ? "" : "s"}`;
-    return maxSizeMb == null ? `${count}.` : `${count}, ${maxSizeMb}MB each.`;
-  },
-  uploadingCount: (count) => `Uploading ${count} files`,
-  clearAll: "Clear all",
-  remove: "Remove",
-  failed: "Upload failed",
-  fallbackAlt: "image"
-};
-const zh = {
-  toolbar: {
-    undo: "撤销",
-    redo: "重做",
-    style: "样式",
-    normalText: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    fontSize: "字号",
-    fontSizeDefault: "默认",
-    bold: "加粗",
-    italic: "斜体",
-    underline: "下划线",
-    strike: "删除线",
-    code: "行内代码",
-    textColor: "文字颜色",
-    highlight: "高亮",
-    colorNone: "无",
-    colorTheme: "主题色",
-    scriptMenu: "上标 / 下标",
-    scriptNormal: "常规",
-    superscript: "上标",
-    subscript: "下标",
-    link: "链接",
-    align: "对齐",
-    alignLeft: "左对齐",
-    alignCenter: "居中",
-    alignRight: "右对齐",
-    alignJustify: "两端对齐",
-    indent: "缩进",
-    indentIncrease: "增加缩进",
-    indentDecrease: "减少缩进",
-    lineHeight: "行高",
-    lineHeightDefault: "默认",
-    linkPrompt: "输入链接地址",
-    linkApply: "应用链接",
-    linkOpen: "在新窗口打开",
-    linkRemove: "移除链接",
-    linkInvalid: "编辑器不接受这个地址",
-    image: "图片",
-    imageUploadFailed: "图片上传失败",
-    imageAlign: "图片对齐",
-    imageAlignLeft: "左对齐",
-    imageAlignCenter: "居中",
-    imageAlignRight: "右对齐",
-    imageCaption: "图片描述",
-    imageCaptionPlaceholder: "添加描述…",
-    importMarkdownFailed: "Markdown 导入失败",
-    importDocument: "导入",
-    importDocumentHint: "导入文件",
-    importDocumentOther: "文档",
-    importDocumentBusy: "正在导入…",
-    importDocumentUploading: (percent) => `上传中 ${percent}%`,
-    importDocumentConverting: "正在转换…",
-    importDocumentFailed: "导入失败",
-    blockquote: "引用",
-    details: "折叠块",
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    numberingFormat: "编号格式",
-    taskList: "任务列表",
-    more: "更多",
-    search: "查找替换",
-    codeBlock: "代码块",
-    hr: "分隔线",
-    importMarkdown: "Markdown",
-    tableInsert: "插入表格",
-    tableRowMenu: "行操作",
-    tableColumnMenu: "列操作",
-    tableClearContent: "清空内容",
-    tableResetCellStyles: "重置单元格样式",
-    tableAppendRow: "添加行",
-    tableAppendColumn: "添加列",
-    tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
-    tableAddColumnBefore: "在左侧插入列",
-    tableAddColumnAfter: "在右侧插入列",
-    tableDeleteColumn: "删除列",
-    tableAddRowBefore: "在上方插入行",
-    tableAddRowAfter: "在下方插入行",
-    tableDeleteRow: "删除行",
-    tableAddColumnBeforeN: (n) => `在左侧插入 ${n} 列`,
-    tableAddColumnAfterN: (n) => `在右侧插入 ${n} 列`,
-    tableDeleteColumnN: (n) => `删除 ${n} 列`,
-    tableAddRowBeforeN: (n) => `在上方插入 ${n} 行`,
-    tableAddRowAfterN: (n) => `在下方插入 ${n} 行`,
-    tableDeleteRowN: (n) => `删除 ${n} 行`,
-    tableDeleteTable: "删除表格",
-    inlineMath: "行内公式",
-    blockMath: "块级公式",
-    mathPlaceholder: "E = mc^2",
-    mathDone: "完成",
-    mathCancel: "取消",
-    mathNewInline: "新建公式",
-    mathNewBlock: "插入 TeX 公式"
-  },
-  slashMenu: {
-    menuLabel: "插入块",
-    groupText: "文本",
-    groupList: "列表",
-    groupAdvanced: "高级",
-    normalText: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    blockquote: "引用",
-    details: "折叠块",
-    codeBlock: "代码块",
-    divider: "分隔线",
-    table: "表格",
-    inlineMath: "行内公式",
-    blockMath: "块级公式"
-  },
-  chart: {
-    tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
-    done: "完成",
-    cancel: "取消",
-    configLabel: "图表配置（JSON）",
-    tableLabel: "数据表（Markdown）",
-    editTitle: "编辑图表"
-  },
-  blockDrag: {
-    dragHandle: "拖动以移动",
-    menuLabel: "块操作",
-    turnInto: "转换成",
-    paragraph: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    blockquote: "引用",
-    codeBlock: "代码块",
-    copy: "复制",
-    duplicate: "再制一份",
-    resetFormatting: "清除格式",
-    downloadImage: "下载图片",
-    delete: "删除"
-  },
-  shortcut: {
-    panelTitle: "快捷键",
-    close: "关闭",
-    colFormat: "格式",
-    colShortcut: "快捷键",
-    colMarkdown: "Markdown",
-    formatGroup: "格式",
-    insertGroup: "插入",
-    editGroup: "编辑",
-    bold: "加粗",
-    italic: "斜体",
-    strike: "删除线",
-    underline: "下划线",
-    inlineCode: "行内代码",
-    highlight: "高亮",
-    headingLabel: (level) => `标题 ${level}`,
-    paragraph: "正文",
-    blockquote: "引用",
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    codeBlock: "代码块",
-    divider: "分隔线",
-    undo: "撤销",
-    redo: "重做",
-    hardBreak: "硬换行",
-    findReplace: "查找替换",
-    alignLeft: "左对齐",
-    alignCenter: "居中",
-    alignRight: "右对齐",
-    alignJustify: "两端对齐",
-    imageUpload: "上传图片",
-    smartQuote: "智能引号",
-    ellipsis: "省略号",
-    emDash: "破折号",
-    emoji: "表情"
-  },
-  characterCount: {
-    label: "字数统计",
-    characters: (count) => `${count} 字符`,
-    words: (count) => `${count} 词`
-  },
-  emoji: {
-    menuLabel: "表情"
-  },
-  link: {
-    field: "输入链接地址",
-    apply: "应用链接",
-    open: "在新窗口打开",
-    remove: "移除链接",
-    invalid: "编辑器不接受这个地址"
-  },
-  palette: {
-    none: "无",
-    theme: "主题色"
-  },
-  toc: {
-    title: "目录",
-    expand: "展开",
-    collapse: "收起"
-  },
-  codeBlock: {
-    autoDetect: "自动识别",
-    delete: "删除代码块",
-    copy: "复制代码",
-    expand: "展开代码",
-    collapse: "收起代码",
-    language: "代码语言"
-  },
-  find: {
-    find: "查找",
-    replace: "替换为",
-    next: "下一处",
-    previous: "上一处",
-    replaceOne: "替换",
-    replaceAll: "全部替换",
-    close: "关闭",
-    caseSensitive: "区分大小写",
-    wholeWord: "全词匹配",
-    useRegex: "正则表达式",
-    counter: (current, total) => `${current} / ${total}`,
-    invalidRegex: "正则无效",
-    readOnly: "只读"
-  },
-  imageUpload: {
-    dropzoneClick: "点击上传",
-    dropzoneRest: "，或拖拽到此处",
-    dropzoneLimits: (limit, maxSizeMb) => {
-      const count = `最多 ${limit} 个文件`;
-      return maxSizeMb == null ? `${count}。` : `${count}，每个 ${maxSizeMb}MB。`;
-    },
-    uploadingCount: (count) => `正在上传 ${count} 个文件`,
-    clearAll: "全部清除",
-    remove: "移除",
-    failed: "上传失败",
-    fallbackAlt: "图片"
-  }
-};
-const en = {
-  toolbar: defaultToolbarLabels,
-  slashMenu: defaultSlashMenuLabels,
-  chart: defaultChartLabels,
-  blockDrag: defaultBlockDragLabels,
-  shortcut: defaultShortcutLabels,
-  characterCount: defaultCharacterCountLabels,
-  emoji: defaultEmojiSuggestionLabels,
-  link: defaultLinkPopoverLabels,
-  palette: defaultColorPaletteLabels,
-  toc: defaultTocLabels,
-  codeBlock: defaultCodeBlockLabels,
-  find: defaultFindLabels,
-  imageUpload: defaultImageUploadLabels
-};
-const bundles = { en, zh };
-function getLocaleBundle(locale = "en") {
-  return bundles[locale] ?? en;
-}
 const bar$1 = "_bar_1h61e_3";
 const row$1 = "_row_1h61e_25";
 const field$1 = "_field_1h61e_43";
@@ -1159,7 +672,7 @@ const toggleOn = "_toggleOn_1h61e_135";
 const iconGroup = "_iconGroup_1h61e_29";
 const spacer = "_spacer_1h61e_150";
 const readOnly = "_readOnly_1h61e_155";
-const styles$d = {
+const styles$c = {
   bar: bar$1,
   row: row$1,
   field: field$1,
@@ -1283,11 +796,11 @@ function FindReplaceBar({
     });
   };
   if (!hasExtension) return null;
-  const toggleClass = (on) => `${styles$d.btn} ${styles$d.toggle}${on ? ` ${styles$d.toggleOn}` : ""}`;
+  const toggleClass = (on) => `${styles$c.btn} ${styles$c.toggle}${on ? ` ${styles$c.toggleOn}` : ""}`;
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: className ? `${styles$d.bar} ${className}` : styles$d.bar,
+      className: className ? `${styles$c.bar} ${className}` : styles$c.bar,
       style,
       "data-find-bar": "",
       role: "dialog",
@@ -1300,14 +813,14 @@ function FindReplaceBar({
         onClose();
       },
       children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$d.row, children: [
-          /* @__PURE__ */ jsxs("span", { className: styles$d.field, children: [
-            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$d.fieldIcon }),
+        /* @__PURE__ */ jsxs("div", { className: styles$c.row, children: [
+          /* @__PURE__ */ jsxs("span", { className: styles$c.field, children: [
+            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$c.fieldIcon }),
             /* @__PURE__ */ jsx(
               "input",
               {
                 ref: inputRef,
-                className: styles$d.input,
+                className: styles$c.input,
                 "data-find-field": "search",
                 value: term,
                 onChange: (e2) => setTerm(e2.target.value),
@@ -1321,7 +834,7 @@ function FindReplaceBar({
             /* @__PURE__ */ jsx(
               "span",
               {
-                className: `${styles$d.counter}${invalidPattern ? ` ${styles$d.counterInvalid}` : ""}`,
+                className: `${styles$c.counter}${invalidPattern ? ` ${styles$c.counterInvalid}` : ""}`,
                 "data-find-counter": "",
                 "aria-live": "polite",
                 title: invalidPattern ? t.invalidRegex : void 0,
@@ -1357,13 +870,13 @@ function FindReplaceBar({
               children: "ab"
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: styles$d.spacer }),
-          /* @__PURE__ */ jsxs("span", { className: styles$d.iconGroup, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$c.spacer }),
+          /* @__PURE__ */ jsxs("span", { className: styles$c.iconGroup, children: [
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                className: styles$d.btn,
+                className: styles$c.btn,
                 "data-find-action": "previous",
                 title: t.previous,
                 "aria-label": t.previous,
@@ -1377,7 +890,7 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$d.btn,
+                className: styles$c.btn,
                 "data-find-action": "next",
                 title: t.next,
                 "aria-label": t.next,
@@ -1391,7 +904,7 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$d.btn,
+                className: styles$c.btn,
                 "data-find-action": "close",
                 title: t.close,
                 "aria-label": t.close,
@@ -1401,11 +914,11 @@ function FindReplaceBar({
             )
           ] })
         ] }),
-        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$d.row, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$d.field, children: /* @__PURE__ */ jsx(
+        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$c.row, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$c.field, children: /* @__PURE__ */ jsx(
             "input",
             {
-              className: styles$d.input,
+              className: styles$c.input,
               "data-find-field": "replace",
               value: replaceTerm,
               onChange: (e2) => setReplaceTerm(e2.target.value),
@@ -1415,12 +928,12 @@ function FindReplaceBar({
               spellCheck: false
             }
           ) }),
-          /* @__PURE__ */ jsx("span", { className: styles$d.spacer }),
+          /* @__PURE__ */ jsx("span", { className: styles$c.spacer }),
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$d.btn,
+              className: styles$c.btn,
               "data-find-action": "replace",
               title: t.replaceOne,
               "aria-label": t.replaceOne,
@@ -1434,7 +947,7 @@ function FindReplaceBar({
             "button",
             {
               type: "button",
-              className: styles$d.btn,
+              className: styles$c.btn,
               "data-find-action": "replace-all",
               title: t.replaceAll,
               "aria-label": t.replaceAll,
@@ -1444,7 +957,7 @@ function FindReplaceBar({
               children: /* @__PURE__ */ jsx(ReplaceAllIcon, { size: 16 })
             }
           )
-        ] }) : /* @__PURE__ */ jsx("div", { className: styles$d.row, children: /* @__PURE__ */ jsx("span", { className: styles$d.readOnly, children: t.readOnly }) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: styles$c.row, children: /* @__PURE__ */ jsx("span", { className: styles$c.readOnly, children: t.readOnly }) })
       ]
     }
   );
@@ -1603,7 +1116,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";
@@ -1615,7 +1128,7 @@ const fileName = "_fileName_1k6n1_205";
 const actions = "_actions_1k6n1_215";
 const progressText = "_progressText_1k6n1_222";
 const remove = "_remove_1k6n1_228";
-const styles$c = {
+const styles$b = {
   wrap,
   dropzone,
   dragActive,
@@ -1629,7 +1142,7 @@ const styles$c = {
   textEm,
   subtext,
   previews,
-  header: header$2,
+  header: header$1,
   clearAll,
   preview,
   progress,
@@ -1790,14 +1303,14 @@ function ImageUploadView(props) {
   const hasFiles = items.length > 0;
   const maxSizeMb = maxSize > 0 ? toMb(maxSize) : null;
   const dropzoneClass = [
-    styles$c.dropzone,
-    dragActive2 ? styles$c.dragActive : "",
-    dragOver2 ? styles$c.dragOver : ""
+    styles$b.dropzone,
+    dragActive2 ? styles$b.dragActive : "",
+    dragOver2 ? styles$b.dragOver : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(
     NodeViewWrapper,
     {
-      className: styles$c.wrap,
+      className: styles$b.wrap,
       "data-image-upload": "",
       tabIndex: editable ? 0 : void 0,
       onClick: openPicker,
@@ -1829,28 +1342,28 @@ function ImageUploadView(props) {
             },
             onDrop,
             children: [
-              /* @__PURE__ */ jsxs("span", { className: styles$c.fileShape, "aria-hidden": true, children: [
+              /* @__PURE__ */ jsxs("span", { className: styles$b.fileShape, "aria-hidden": true, children: [
                 /* @__PURE__ */ jsx(FileDocIcon, {}),
                 /* @__PURE__ */ jsx(FileCornerIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: styles$c.fileBadge, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) })
+                /* @__PURE__ */ jsx("span", { className: styles$b.fileBadge, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) })
               ] }),
-              /* @__PURE__ */ jsxs("span", { className: styles$c.text, children: [
-                /* @__PURE__ */ jsxs("span", { className: styles$c.textMain, children: [
-                  /* @__PURE__ */ jsx("em", { className: styles$c.textEm, children: labels.dropzoneClick }),
+              /* @__PURE__ */ jsxs("span", { className: styles$b.text, children: [
+                /* @__PURE__ */ jsxs("span", { className: styles$b.textMain, children: [
+                  /* @__PURE__ */ jsx("em", { className: styles$b.textEm, children: labels.dropzoneClick }),
                   labels.dropzoneRest
                 ] }),
-                /* @__PURE__ */ jsx("span", { className: styles$c.subtext, children: labels.dropzoneLimits(limit, maxSizeMb) })
+                /* @__PURE__ */ jsx("span", { className: styles$b.subtext, children: labels.dropzoneLimits(limit, maxSizeMb) })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ jsxs("div", { className: styles$c.previews, "data-image-upload-list": "", children: [
-          items.length > 1 && /* @__PURE__ */ jsxs("div", { className: styles$c.header, children: [
+        ) : /* @__PURE__ */ jsxs("div", { className: styles$b.previews, "data-image-upload-list": "", children: [
+          items.length > 1 && /* @__PURE__ */ jsxs("div", { className: styles$b.header, children: [
             /* @__PURE__ */ jsx("span", { children: labels.uploadingCount(items.length) }),
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                className: styles$c.clearAll,
+                className: styles$b.clearAll,
                 onClick: (e2) => {
                   e2.stopPropagation();
                   clearAll2();
@@ -1862,27 +1375,27 @@ function ImageUploadView(props) {
           items.map((it) => /* @__PURE__ */ jsxs(
             "div",
             {
-              className: styles$c.preview,
+              className: styles$b.preview,
               "data-image-upload-item": "",
               children: [
                 it.status === "uploading" && /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: styles$c.progress,
+                    className: styles$b.progress,
                     style: { width: `${it.progress}%` },
                     "aria-hidden": true
                   }
                 ),
-                /* @__PURE__ */ jsxs("div", { className: styles$c.previewContent, children: [
-                  /* @__PURE__ */ jsxs("span", { className: styles$c.fileInfo, children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$c.fileIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) }),
-                    /* @__PURE__ */ jsxs("span", { className: styles$c.details, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$c.fileName, children: it.file.name }),
-                      /* @__PURE__ */ jsx("span", { className: styles$c.subtext, children: it.status === "error" ? labels.failed : formatFileSize(it.file.size) })
+                /* @__PURE__ */ jsxs("div", { className: styles$b.previewContent, children: [
+                  /* @__PURE__ */ jsxs("span", { className: styles$b.fileInfo, children: [
+                    /* @__PURE__ */ jsx("span", { className: styles$b.fileIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) }),
+                    /* @__PURE__ */ jsxs("span", { className: styles$b.details, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$b.fileName, children: it.file.name }),
+                      /* @__PURE__ */ jsx("span", { className: styles$b.subtext, children: it.status === "error" ? labels.failed : formatFileSize(it.file.size) })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs("span", { className: styles$c.actions, children: [
-                    it.status === "uploading" && /* @__PURE__ */ jsxs("span", { className: styles$c.progressText, children: [
+                  /* @__PURE__ */ jsxs("span", { className: styles$b.actions, children: [
+                    it.status === "uploading" && /* @__PURE__ */ jsxs("span", { className: styles$b.progressText, children: [
                       Math.round(it.progress),
                       "%"
                     ] }),
@@ -1890,7 +1403,7 @@ function ImageUploadView(props) {
                       "button",
                       {
                         type: "button",
-                        className: styles$c.remove,
+                        className: styles$b.remove,
                         "data-image-upload-remove": "",
                         title: labels.remove,
                         "aria-label": labels.remove,
@@ -1949,7 +1462,7 @@ function FileDocIcon() {
       viewBox: "0 0 43 57",
       fill: "none",
       "aria-hidden": true,
-      className: styles$c.fileShapeDoc,
+      className: styles$b.fileShapeDoc,
       children: /* @__PURE__ */ jsx(
         "path",
         {
@@ -1972,7 +1485,7 @@ function FileCornerIcon() {
       viewBox: "0 0 10 10",
       fill: "currentColor",
       "aria-hidden": true,
-      className: styles$c.fileShapeCorner,
+      className: styles$b.fileShapeCorner,
       children: /* @__PURE__ */ jsx("path", { d: "M0 0.75H0.343146C1.40401 0.75 2.42143 1.17143 3.17157 1.92157L8.82843 7.57843C9.57857 8.32857 10 9.34599 10 10.4069V10.75H4C1.79086 10.75 0 8.95914 0 6.75V0.75Z" })
     }
   );
@@ -2103,7 +1616,7 @@ const tab = "_tab_xhti8_32";
 const tabActive = "_tabActive_xhti8_40";
 const cell = "_cell_xhti8_71";
 const cellActive = "_cellActive_xhti8_72";
-const styles$b = {
+const styles$a = {
   popupHost: popupHost$1,
   panel: panel$1,
   menu: menu$3,
@@ -2243,13 +1756,13 @@ const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items,
     [visible, index, command]
   );
   if (!visible.length) return null;
-  return /* @__PURE__ */ jsxs("div", { className: styles$b.panel, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$a.panel, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
         id: gridId,
         ref: menuRef,
-        className: styles$b.menu,
+        className: styles$a.menu,
         role: "listbox",
         "aria-label": menuLabel,
         children: visible.map((item2, i) => {
@@ -2265,7 +1778,7 @@ const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items,
               "aria-label": shortcode,
               "aria-selected": i === index,
               title: shortcode,
-              className: i === index ? styles$b.cellActive : styles$b.cell,
+              className: i === index ? styles$a.cellActive : styles$a.cell,
               tabIndex: -1,
               onMouseEnter: () => setIndex(i),
               onMouseDown: (event) => {
@@ -2279,7 +1792,7 @@ const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items,
         })
       }
     ),
-    browsing ? /* @__PURE__ */ jsx("div", { className: styles$b.tabs, role: "tablist", "aria-label": menuLabel, children: categories.map((category) => {
+    browsing ? /* @__PURE__ */ jsx("div", { className: styles$a.tabs, role: "tablist", "aria-label": menuLabel, children: categories.map((category) => {
       const selected = category.id === activeId;
       return /* @__PURE__ */ jsx(
         "button",
@@ -2290,7 +1803,7 @@ const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items,
           "aria-controls": gridId,
           "aria-label": category.label,
           title: category.label,
-          className: selected ? styles$b.tabActive : styles$b.tab,
+          className: selected ? styles$a.tabActive : styles$a.tab,
           tabIndex: -1,
           onMouseDown: (event) => {
             event.preventDefault();
@@ -2337,7 +1850,7 @@ function configureEmojiSuggestion(extension, enabled) {
                 menuLabel: getEditorBundle(props.editor).emoji.menuLabel,
                 command: props.command
               },
-              className: styles$b.popupHost
+              className: styles$a.popupHost
             });
             copyThemeVars(props.editor.view.dom, renderer.element);
             unmountPopup = props.mount(renderer.element);
@@ -2379,15 +1892,15 @@ function countWords(text2) {
 const popupHost = "_popupHost_1noza_11";
 const menu$2 = "_menu_1noza_1";
 const groupLabel$1 = "_groupLabel_1noza_43";
-const item$2 = "_item_1noza_53";
+const item$1 = "_item_1noza_53";
 const itemActive$1 = "_itemActive_1noza_54";
 const itemIcon$1 = "_itemIcon_1noza_79";
 const itemTitle = "_itemTitle_1noza_102";
-const styles$a = {
+const styles$9 = {
   popupHost,
   menu: menu$2,
   groupLabel: groupLabel$1,
-  item: item$2,
+  item: item$1,
   itemActive: itemActive$1,
   itemIcon: itemIcon$1,
   itemTitle
@@ -2584,11 +2097,11 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
   );
   if (!items.length) return null;
   let optionIndex = -1;
-  return /* @__PURE__ */ jsx("div", { className: styles$a.menu, role: "listbox", "aria-label": menuLabel, children: withGroupHeaders(items).map(([header2, item2]) => {
+  return /* @__PURE__ */ jsx("div", { className: styles$9.menu, role: "listbox", "aria-label": menuLabel, children: withGroupHeaders(items).map(([header2, item2]) => {
     optionIndex += 1;
     const i = optionIndex;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      header2 !== null ? /* @__PURE__ */ jsx("div", { className: styles$a.groupLabel, "aria-hidden": "true", children: header2 }) : null,
+      header2 !== null ? /* @__PURE__ */ jsx("div", { className: styles$9.groupLabel, "aria-hidden": "true", children: header2 }) : null,
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -2596,7 +2109,7 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
           role: "option",
           "aria-selected": i === index,
           title: item2.title,
-          className: i === index ? styles$a.itemActive : styles$a.item,
+          className: i === index ? styles$9.itemActive : styles$9.item,
           tabIndex: -1,
           onMouseEnter: () => setIndex(i),
           onMouseDown: (e2) => {
@@ -2604,8 +2117,8 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
             command(item2);
           },
           children: [
-            item2.icon != null ? /* @__PURE__ */ jsx("span", { className: styles$a.itemIcon, "aria-hidden": "true", children: item2.icon }) : /* @__PURE__ */ jsx("span", { className: styles$a.itemIcon, "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: styles$a.itemTitle, children: item2.title })
+            item2.icon != null ? /* @__PURE__ */ jsx("span", { className: styles$9.itemIcon, "aria-hidden": "true", children: item2.icon }) : /* @__PURE__ */ jsx("span", { className: styles$9.itemIcon, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: styles$9.itemTitle, children: item2.title })
           ]
         }
       )
@@ -2657,7 +2170,7 @@ const SlashMenu = Extension.create({
                   menuLabel: getEditorBundle(props.editor).slashMenu.menuLabel,
                   command: props.command
                 },
-                className: styles$a.popupHost
+                className: styles$9.popupHost
               }
             );
             const pmStyle = getComputedStyle(props.editor.view.dom);
@@ -2710,7 +2223,7 @@ const rowKeys = "_rowKeys_ljnq6_127";
 const rowMd = "_rowMd_ljnq6_128";
 const keycap = "_keycap_ljnq6_138";
 const none = "_none_ljnq6_163";
-const styles$9 = {
+const styles$8 = {
   drawer,
   closeBtn,
   head,
@@ -2814,7 +2327,7 @@ function ShortcutPanel({
   return /* @__PURE__ */ jsxs(
     "aside",
     {
-      className: styles$9.drawer,
+      className: styles$8.drawer,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": t.panelTitle,
@@ -2823,27 +2336,27 @@ function ShortcutPanel({
           "button",
           {
             type: "button",
-            className: styles$9.closeBtn,
+            className: styles$8.closeBtn,
             title: t.close,
             "aria-label": t.close,
             onClick: onClose,
             children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: styles$9.head, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$9.colFormat, children: t.colFormat }),
-          /* @__PURE__ */ jsx("span", { className: styles$9.colShortcut, children: t.colShortcut }),
-          /* @__PURE__ */ jsx("span", { className: styles$9.colMarkdown, children: t.colMarkdown })
+        /* @__PURE__ */ jsxs("div", { className: styles$8.head, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$8.colFormat, children: t.colFormat }),
+          /* @__PURE__ */ jsx("span", { className: styles$8.colShortcut, children: t.colShortcut }),
+          /* @__PURE__ */ jsx("span", { className: styles$8.colMarkdown, children: t.colMarkdown })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: styles$9.body, children: groups.map((group2) => /* @__PURE__ */ jsxs("section", { className: styles$9.group, children: [
-          /* @__PURE__ */ jsx("h3", { className: styles$9.groupTitle, children: group2.title }),
-          group2.entries.map((entry) => /* @__PURE__ */ jsxs("div", { className: styles$9.row, children: [
-            /* @__PURE__ */ jsx("span", { className: styles$9.rowLabel, children: entry.label }),
-            /* @__PURE__ */ jsx("span", { className: styles$9.rowKeys, children: entry.keys ? entry.keys.map((key, i) => /* @__PURE__ */ jsx("kbd", { className: styles$9.keycap, children: keycapText(key, mac) }, i)) : /* @__PURE__ */ jsx("span", { className: styles$9.none, children: "—" }) }),
-            /* @__PURE__ */ jsx("span", { className: styles$9.rowMd, children: entry.markdown ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
-              /* @__PURE__ */ jsx("kbd", { className: styles$9.keycap, children: entry.markdown.marker }),
-              entry.markdown.terminator ? /* @__PURE__ */ jsx("kbd", { className: styles$9.keycap, children: entry.markdown.terminator }) : null
-            ] }) : /* @__PURE__ */ jsx("span", { className: styles$9.none, children: "—" }) })
+        /* @__PURE__ */ jsx("div", { className: styles$8.body, children: groups.map((group2) => /* @__PURE__ */ jsxs("section", { className: styles$8.group, children: [
+          /* @__PURE__ */ jsx("h3", { className: styles$8.groupTitle, children: group2.title }),
+          group2.entries.map((entry) => /* @__PURE__ */ jsxs("div", { className: styles$8.row, children: [
+            /* @__PURE__ */ jsx("span", { className: styles$8.rowLabel, children: entry.label }),
+            /* @__PURE__ */ jsx("span", { className: styles$8.rowKeys, children: entry.keys ? entry.keys.map((key, i) => /* @__PURE__ */ jsx("kbd", { className: styles$8.keycap, children: keycapText(key, mac) }, i)) : /* @__PURE__ */ jsx("span", { className: styles$8.none, children: "—" }) }),
+            /* @__PURE__ */ jsx("span", { className: styles$8.rowMd, children: entry.markdown ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
+              /* @__PURE__ */ jsx("kbd", { className: styles$8.keycap, children: entry.markdown.marker }),
+              entry.markdown.terminator ? /* @__PURE__ */ jsx("kbd", { className: styles$8.keycap, children: entry.markdown.terminator }) : null
+            ] }) : /* @__PURE__ */ jsx("span", { className: styles$8.none, children: "—" }) })
           ] }, entry.id))
         ] }, group2.id)) })
       ]
@@ -3019,7 +2532,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 +2544,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);
@@ -3087,7 +2600,7 @@ function ChartView({
       children: [
         (config == null ? void 0 : config.title) ? /* @__PURE__ */ jsx("div", { className: "tmr-chart-title", children: config.title }) : null,
         (config == null ? void 0 : config.dataTime) ? /* @__PURE__ */ jsx("div", { className: "tmr-chart-time", children: config.dataTime }) : null,
-        configs.length > 1 ? /* @__PURE__ */ jsx("div", { className: "tmr-chart-tabs", role: "tablist", children: configs.map((c, i) => /* @__PURE__ */ jsx(
+        configs.length > 1 ? /* @__PURE__ */ jsx("div", { className: "tmr-chart-tabs", role: "tablist", children: configs.map((c2, i) => /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -3100,9 +2613,9 @@ function ChartView({
               e2.stopPropagation();
               setActive2(i);
             },
-            children: tabLabel(c.chartType, c.title, i, labels.tabLabel)
+            children: tabLabel(c2.chartType, c2.title, i, labels.tabLabel)
           },
-          `${c.chartType}-${i}`
+          `${c2.chartType}-${i}`
         )) }) : null,
         /* @__PURE__ */ jsx("div", { className: "tmr-chart-canvas-host", style: { height }, children: /* @__PURE__ */ jsx("canvas", { ref: canvasRef }) })
       ]
@@ -3125,7 +2638,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";
@@ -3143,9 +2656,9 @@ const gutterLine = "_gutterLine_k8th1_184";
 const readonlyActions = "_readonlyActions_k8th1_188";
 const actionBtn = "_actionBtn_k8th1_194";
 const langBraces = "_langBraces_k8th1_213";
-const styles$8 = {
+const styles$7 = {
   wrapper,
-  header: header$1,
+  header,
   langTrigger,
   langChevron,
   readonlyHeader,
@@ -3238,29 +2751,29 @@ function CodeBlockView({
     ta.remove();
   };
   const wrapperClass = [
-    styles$8.wrapper,
-    readonly2 ? styles$8.readonly : "",
-    folded2 ? styles$8.folded : ""
+    styles$7.wrapper,
+    readonly2 ? styles$7.readonly : "",
+    folded2 ? styles$7.folded : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: wrapperClass, children: [
-    editable ? /* @__PURE__ */ jsxs("div", { className: styles$8.header, contentEditable: false, children: [
+    editable ? /* @__PURE__ */ jsxs("div", { className: styles$7.header, contentEditable: false, children: [
       /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
         /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            className: styles$8.langTrigger,
+            className: styles$7.langTrigger,
             "aria-label": labels.language,
             children: [
               /* @__PURE__ */ jsx("span", { children: currentLabel }),
-              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14, className: styles$8.langChevron })
+              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14, className: styles$7.langChevron })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
           DropdownMenu.Content,
           {
-            className: styles$8.langMenu,
+            className: styles$7.langMenu,
             sideOffset: 4,
             align: "end",
             children: LANGUAGES.map((l) => {
@@ -3269,10 +2782,10 @@ function CodeBlockView({
               return /* @__PURE__ */ jsxs(
                 DropdownMenu.Item,
                 {
-                  className: `${styles$8.langItem}${selected ? ` ${styles$8.langItemSelected}` : ""}`,
+                  className: `${styles$7.langItem}${selected ? ` ${styles$7.langItemSelected}` : ""}`,
                   onSelect: () => updateAttributes({ language: l.value }),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$8.langItemCheck, children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : null }),
+                    /* @__PURE__ */ jsx("span", { className: styles$7.langItemCheck, children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : null }),
                     optionLabel
                   ]
                 },
@@ -3286,7 +2799,7 @@ function CodeBlockView({
         "button",
         {
           type: "button",
-          className: styles$8.deleteBtn,
+          className: styles$7.deleteBtn,
           title: labels.delete,
           "aria-label": labels.delete,
           onClick: () => deleteNode(),
@@ -3295,17 +2808,17 @@ function CodeBlockView({
       )
     ] }) : (
       // 只读头部：左侧语言标签，右侧复制 + 展开收起（展开后按钮保留，供收回）
-      /* @__PURE__ */ jsxs("div", { className: styles$8.readonlyHeader, contentEditable: false, children: [
-        /* @__PURE__ */ jsxs("span", { className: styles$8.langBadge, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$8.langBraces, children: "{}" }),
+      /* @__PURE__ */ jsxs("div", { className: styles$7.readonlyHeader, contentEditable: false, children: [
+        /* @__PURE__ */ jsxs("span", { className: styles$7.langBadge, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$7.langBraces, children: "{}" }),
           currentLabel
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: styles$8.readonlyActions, children: [
+        /* @__PURE__ */ jsxs("span", { className: styles$7.readonlyActions, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$8.actionBtn,
+              className: styles$7.actionBtn,
               onClick: handleCopy,
               "aria-label": labels.copy,
               title: labels.copy,
@@ -3316,7 +2829,7 @@ function CodeBlockView({
             "button",
             {
               type: "button",
-              className: styles$8.actionBtn,
+              className: styles$7.actionBtn,
               onClick: () => setFolded((v) => !v),
               "aria-label": folded2 ? labels.expand : labels.collapse,
               title: folded2 ? labels.expand : labels.collapse,
@@ -3327,14 +2840,14 @@ function CodeBlockView({
         ] })
       ] })
     ),
-    /* @__PURE__ */ jsxs("pre", { ref: preRef, className: styles$8.pre, children: [
+    /* @__PURE__ */ jsxs("pre", { ref: preRef, className: styles$7.pre, children: [
       readonly2 ? /* @__PURE__ */ jsx(
         "span",
         {
-          className: styles$8.gutter,
+          className: styles$7.gutter,
           contentEditable: false,
           "aria-hidden": "true",
-          children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("span", { className: styles$8.gutterLine, children: i + 1 }, i))
+          children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("span", { className: styles$7.gutterLine, children: i + 1 }, i))
         }
       ) : null,
       /* @__PURE__ */ jsx(NodeViewContent, { as: "code" })
@@ -3532,8 +3045,8 @@ function deleteBlock(editor, pos) {
   const parent = $pos.parent;
   if ((node.type.name === "listItem" || node.type.name === "taskItem") && parent.childCount === 1) {
     from = pos - $pos.parentOffset - 1;
-    const list2 = editor.state.doc.nodeAt(from);
-    if (list2) to = from + list2.nodeSize;
+    const list = editor.state.doc.nodeAt(from);
+    if (list) to = from + list.nodeSize;
   }
   if (from <= 0 && to >= editor.state.doc.content.size) {
     return editor.chain().insertContentAt(
@@ -3767,11 +3280,11 @@ const grip = "_grip_5edcs_50";
 const menu$1 = "_menu_5edcs_61";
 const groupLabel = "_groupLabel_5edcs_84";
 const divider$3 = "_divider_5edcs_94";
-const item$1 = "_item_5edcs_100";
+const item = "_item_5edcs_100";
 const itemActive = "_itemActive_5edcs_118";
 const itemDanger = "_itemDanger_5edcs_123";
 const itemIcon = "_itemIcon_5edcs_132";
-const styles$7 = {
+const styles$6 = {
   cluster,
   clusterOnTable,
   button,
@@ -3779,7 +3292,7 @@ const styles$7 = {
   menu: menu$1,
   groupLabel,
   divider: divider$3,
-  item: item$1,
+  item,
   itemActive,
   itemDanger,
   itemIcon
@@ -3799,10 +3312,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) {
@@ -3964,14 +3477,14 @@ function BlockDragHandle({ editor }) {
         children: /* @__PURE__ */ jsx(
           "div",
           {
-            className: `${styles$7.cluster} ${(target == null ? void 0 : target.node.type.name) === "table" ? styles$7.clusterOnTable : ""}`,
+            className: `${styles$6.cluster} ${(target == null ? void 0 : target.node.type.name) === "table" ? styles$6.clusterOnTable : ""}`,
             "data-block-drag": "",
             children: /* @__PURE__ */ jsx(
               "div",
               {
                 role: "button",
                 tabIndex: 0,
-                className: `${styles$7.button} ${styles$7.grip}`,
+                className: `${styles$6.button} ${styles$6.grip}`,
                 "data-block-drag-grip": "",
                 title: t.dragHandle,
                 "aria-label": t.dragHandle,
@@ -4003,7 +3516,7 @@ function BlockDragHandle({ editor }) {
         "div",
         {
           ref: menuRef,
-          className: styles$7.menu,
+          className: styles$6.menu,
           "data-block-drag-menu": "",
           role: "menu",
           "aria-label": t.menuLabel,
@@ -4011,37 +3524,37 @@ function BlockDragHandle({ editor }) {
           onMouseDown: (event) => event.stopPropagation(),
           children: [
             showTurn ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
-              /* @__PURE__ */ jsx("div", { className: styles$7.groupLabel, children: t.turnInto }),
+              /* @__PURE__ */ jsx("div", { className: styles$6.groupLabel, children: t.turnInto }),
               TURN_INTO_KINDS.map((kind) => /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   role: "menuitem",
-                  className: kind === activeKind ? `${styles$7.item} ${styles$7.itemActive}` : styles$7.item,
+                  className: kind === activeKind ? `${styles$6.item} ${styles$6.itemActive}` : styles$6.item,
                   "data-block-drag-action": kind,
                   onClick: () => run(() => turnBlockInto(editor, menu2.pos, kind)),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: TURN_ICON[kind] }),
+                    /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: TURN_ICON[kind] }),
                     /* @__PURE__ */ jsx("span", { children: turnLabel(kind) })
                   ]
                 },
                 kind
               )),
-              /* @__PURE__ */ jsx("div", { className: styles$7.divider })
+              /* @__PURE__ */ jsx("div", { className: styles$6.divider })
             ] }) : null,
             /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$7.item,
+                className: styles$6.item,
                 "data-block-drag-action": "copy",
                 onClick: () => run(() => {
                   const markdown = blockMarkdown(editor, menu2.pos);
                   if (markdown != null) void copyMarkdown(markdown);
                 }),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.copy })
                 ]
               }
@@ -4051,11 +3564,11 @@ function BlockDragHandle({ editor }) {
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$7.item,
+                className: styles$6.item,
                 "data-block-drag-action": "duplicate",
                 onClick: () => run(() => duplicateBlock(editor, menu2.pos)),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.duplicate })
                 ]
               }
@@ -4065,11 +3578,11 @@ function BlockDragHandle({ editor }) {
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$7.item,
+                className: styles$6.item,
                 "data-block-drag-action": "reset",
                 onClick: () => run(() => resetBlockFormatting(editor, menu2.pos)),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(EraserIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(EraserIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.resetFormatting })
                 ]
               }
@@ -4079,26 +3592,26 @@ function BlockDragHandle({ editor }) {
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$7.item,
+                className: styles$6.item,
                 "data-block-drag-action": "download",
                 onClick: () => run(() => downloadImageBlock(menu2.node)),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(DownloadIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(DownloadIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.downloadImage })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ jsx("div", { className: styles$7.divider }),
+            /* @__PURE__ */ jsx("div", { className: styles$6.divider }),
             /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 role: "menuitem",
-                className: `${styles$7.item} ${styles$7.itemDanger}`,
+                className: `${styles$6.item} ${styles$6.itemDanger}`,
                 "data-block-drag-action": "delete",
                 onClick: () => run(() => deleteBlock(editor, menu2.pos)),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TrashIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TrashIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.delete })
                 ]
               }
@@ -4110,17 +3623,6 @@ function BlockDragHandle({ editor }) {
     ) : null
   ] });
 }
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
-    const update = () => setIsMobile(mq.matches);
-    update();
-    mq.addEventListener("change", update);
-    return () => mq.removeEventListener("change", update);
-  }, [breakpoint]);
-  return isMobile;
-}
 const CodeBlock = CodeBlockLowlight.extend({
   // Built-in `code` tokens often win over chart's custom fence tokenizer;
   // upgrade ```tmr-chart here so the mid-column card editor renders ChartView.
@@ -4296,26 +3798,32 @@ function CharacterCountStatus({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: styles$e.charCount,
+      className: styles$d.charCount,
       role: "group",
       "aria-label": t.label,
       "data-characters": counts.characters,
       "data-words": counts.words,
       children: [
         /* @__PURE__ */ jsx("span", { children: t.characters(counts.characters) }),
-        /* @__PURE__ */ jsx("span", { className: styles$e.charCountSep, "aria-hidden": "true", children: "·" }),
+        /* @__PURE__ */ jsx("span", { className: styles$d.charCountSep, "aria-hidden": "true", children: "·" }),
         /* @__PURE__ */ jsx("span", { children: t.words(counts.words) })
       ]
     }
   );
 }
 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 +3833,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   placeholder,
   onEditorReady,
   onTocChange,
+  toc = false,
   markdownPaste = true,
   markdownFileDrop = true,
   extraExtensions,
@@ -4361,7 +3870,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 +3930,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] : [],
@@ -4438,7 +3960,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class: styles$e.editorContent
+        class: styles$d.editorContent
       }
     }
   });
@@ -4514,7 +4036,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   const commentsSignatureRef = useRef("");
   useEffect(() => {
     if (!editor || !editable) return;
-    const signature = (comments ?? []).map((c) => `${c.commentId}:${c.segments.length}`).join("|");
+    const signature = (comments ?? []).map((c2) => `${c2.commentId}:${c2.segments.length}`).join("|");
     if (signature === commentsSignatureRef.current) return;
     commentsSignatureRef.current = signature;
     applyCommentAnchorsToEditor(editor, comments ?? []);
@@ -4638,7 +4160,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       locale,
       onClose: closeFind,
       inputRef: findInputRef,
-      className: styles$e.findBar,
+      className: styles$d.findBar,
       style: findBarOffsetStyle(findBarOffset)
     }
   ) : null;
@@ -4655,7 +4177,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     "button",
     {
       type: "button",
-      className: shortcutFabTarget ? `${styles$e.shortcutFab} ${styles$e.shortcutFabHosted}` : styles$e.shortcutFab,
+      className: shortcutFabTarget ? `${styles$d.shortcutFab} ${styles$d.shortcutFabHosted}` : styles$d.shortcutFab,
       title: shortcutT.panelTitle,
       "aria-label": shortcutT.panelTitle,
       "aria-expanded": shortcutsOpen,
@@ -4666,24 +4188,33 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: styles$e.editorHost,
+      className: styles$d.editorHost,
       "data-block-drag-gutter": showBlockDrag ? "" : void 0,
       children: [
-        findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$e.findBarAnchor, children: findBarNode }) : null,
+        findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$d.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,
           {
             editor,
             className: [
-              styles$e.editorScroll,
-              showBlockDrag ? styles$e.withBlockDrag : "",
+              styles$d.editorScroll,
+              showBlockDrag ? styles$d.withBlockDrag : "",
+              toc && !blockDragMobile && tocItems.length > 0 ? styles$d.withToc : "",
               className ?? ""
             ].filter(Boolean).join(" ")
           }
         ),
         editor && showBlockDrag ? /* @__PURE__ */ jsx(BlockDragHandle, { editor }) : null,
-        editor && characterCount ? /* @__PURE__ */ jsxs("div", { className: styles$e.editorStatus, children: [
+        editor && characterCount ? /* @__PURE__ */ jsxs("div", { className: styles$d.editorStatus, children: [
           /* @__PURE__ */ jsx(CharacterCountStatus, { editor, locale }),
           shortcutFabNode && !shortcutFabTarget ? shortcutFabNode : null
         ] }) : shortcutFabNode && !shortcutFabTarget ? shortcutFabNode : null,
@@ -4705,8 +4236,12 @@ function MarkdownPreview({
   sources,
   renderCitation,
   className,
-  locale = "en"
+  locale = "en",
+  toc = false
 }) {
+  const mobile = useIsMobile(768);
+  const [tocItems, setTocItems] = useState([]);
+  const tocItemsRef = useRef([]);
   const prepared = useMemo(
     () => prepareChartMarkdown(
       enrichMarkdownCitations(markdown, sources ?? [])
@@ -4728,9 +4263,22 @@ function MarkdownPreview({
       pureImage,
       createChart({ editable: false }),
       createCitationRef({ renderCitation }),
-      Markdown
+      Markdown,
+      TableOfContents.configure({
+        getId: makeTocGetId(),
+        onUpdate: (anchors) => {
+          const next = anchors.filter((anchor) => anchor.originalLevel <= 6 && anchor.textContent.trim()).map((anchor) => ({
+            id: anchor.id,
+            level: anchor.originalLevel,
+            text: anchor.textContent
+          }));
+          if (sameTocItems$1(tocItemsRef.current, next)) return;
+          tocItemsRef.current = next;
+          setTocItems(next);
+        }
+      })
     ],
-    [renderCitation]
+    [previewCodeBlock, renderCitation]
   );
   const editor = useEditor(
     {
@@ -4740,7 +4288,7 @@ function MarkdownPreview({
       editable: false,
       immediatelyRender: false,
       editorProps: {
-        attributes: { class: styles$e.editorContent }
+        attributes: { class: styles$d.editorContent }
       }
     },
     [extensions]
@@ -4750,13 +4298,17 @@ function MarkdownPreview({
     if (!editor) return;
     editor.commands.setContent(prepared, { contentType: "markdown" });
   }, [editor, prepared]);
-  return /* @__PURE__ */ jsx(
-    EditorContent,
-    {
-      editor,
-      className: className ?? styles$e.editorScroll
-    }
-  );
+  const showToc = Boolean(editor && toc && !mobile && tocItems.length > 0);
+  return /* @__PURE__ */ jsxs("div", { className: styles$d.editorHost, children: [
+    showToc && editor ? /* @__PURE__ */ jsx(EditorToc, { items: tocItems, editorDom: editor.view.dom, locale }) : null,
+    /* @__PURE__ */ jsx(
+      EditorContent,
+      {
+        editor,
+        className: [className ?? styles$d.editorScroll, showToc ? styles$d.withToc : ""].filter(Boolean).join(" ")
+      }
+    )
+  ] });
 }
 const MD_FILE_RE = /\.(md|markdown)$/i;
 const MD_ACCEPT = ".md,.markdown,text/markdown";
@@ -4877,7 +4429,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 +4491,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,46 +4514,46 @@ 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((c2) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$5.swatch} ${current === c.toLowerCase() ? styles$5.swatchActive : ""}`,
-        style: { background: c },
-        title: c,
-        "aria-label": c,
+        className: `${styles$4.swatch} ${current === c2.toLowerCase() ? styles$4.swatchActive : ""}`,
+        style: { background: c2 },
+        title: c2,
+        "aria-label": c2,
         onMouseDown: (e2) => e2.preventDefault(),
-        onClick: () => onPick(c)
+        onClick: () => onPick(c2)
       },
-      c
+      c2
     )) }),
-    /* @__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((c2) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$5.swatch} ${current === c.toLowerCase() ? styles$5.swatchActive : ""}`,
-        style: { background: c },
-        title: c,
-        "aria-label": c,
+        className: `${styles$4.swatch} ${current === c2.toLowerCase() ? styles$4.swatchActive : ""}`,
+        style: { background: c2 },
+        title: c2,
+        "aria-label": c2,
         onMouseDown: (e2) => e2.preventDefault(),
-        onClick: () => onPick(c)
+        onClick: () => onPick(c2)
       },
-      c
+      c2
     )) })
   ] });
 }
@@ -5025,7 +4577,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 +4695,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 +4713,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 +4733,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 +4746,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 +4763,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 +4877,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 +4952,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 +4986,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 +4996,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 +5015,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 +5214,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 +5488,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 +5507,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 +5526,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 +5548,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 +5569,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 +5577,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 +5768,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 +5780,7 @@ function MathEditorPopover({
     "input",
     {
       ref: inputRef,
-      className: styles$6.mathInput,
+      className: styles$5.mathInput,
       value: draft,
       placeholder,
       "aria-labelledby": titleId,
@@ -6242,7 +5794,7 @@ function MathEditorPopover({
       "div",
       {
         ref: rootRef,
-        className: styles$6.mathLayer,
+        className: styles$5.mathLayer,
         style: layerStyle,
         role: "dialog",
         "aria-modal": "false",
@@ -6250,15 +5802,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 +5819,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 +5847,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 +5856,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 +5867,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 +5888,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 +5910,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 +5925,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 +5982,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 +6006,7 @@ function TableInsertItem({
               /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: styles$6.tableSizeGrid,
+                  className: styles$5.tableSizeGrid,
                   style: {
                     gridTemplateColumns: `repeat(${TABLE_PICKER_COLS}, 1fr)`
                   },
@@ -6462,13 +6014,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 +6035,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 +6057,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(),
@@ -6527,8 +6079,8 @@ function ColorPopover({
           ColorPalette,
           {
             value,
-            onPick: (c) => {
-              onPick(c);
+            onPick: (c2) => {
+              onPick(c2);
               setOpen(false);
             },
             locale
@@ -6784,8 +6336,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 +6364,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 +6379,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 +6390,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 +6407,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 +6424,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 +6435,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 +6520,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 +6536,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 +6547,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 +6561,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 +6602,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 +6636,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 +6660,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 +6680,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 +6696,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 +6725,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 +6741,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 +6752,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 +6775,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 +6790,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 +6840,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 +6879,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 +6921,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;
@@ -7753,9 +7152,9 @@ export {
   RedoIcon,
   ReplaceAllIcon,
   ReplaceIcon,
-  R2 as ReportContent,
-  R as ReportContentInteractive,
-  b as ReportContentWithCharts,
+  R as ReportContent,
+  b as ReportContentInteractive,
+  c as ReportContentWithCharts,
   RotateCcwIcon,
   RowAfterIcon,
   RowBeforeIcon,
@@ -7765,7 +7164,6 @@ export {
   SlashMenu,
   StrikethroughIcon,
   TableDeleteIcon,
-  TocPanel,
   TrashIcon,
   UnderlineIcon,
   UndoIcon,