tiptap-markdown-react 0.19.2 → 1.1.0

package/dist/index.js

@@ -1,29 +1,33 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-B2QmL4wi.js";
-import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-B2QmL4wi.js";
+import { c as renderOrUpdateChart, d as destroyChart, s as scrollToTocHeading } from "./ReportContentWithCharts-CDwS4OH9.js";
+import { C, a, R, b, f, m, r } from "./ReportContentWithCharts-CDwS4OH9.js";
 import { jsx, jsxs, Fragment as Fragment$2 } from "react/jsx-runtime";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import FindAndReplace, { FindAndReplacePluginKey, createSearchRegex } from "@tiptap/extension-find-and-replace";
 import { default as default2 } from "@tiptap/extension-find-and-replace";
+import Typography from "@tiptap/extension-typography";
 import Image from "@tiptap/extension-image";
 import { TableOfContents } from "@tiptap/extension-table-of-contents";
-import { skipTrailingNodeMeta, Placeholder } from "@tiptap/extensions";
+import { skipTrailingNodeMeta, Placeholder, Selection as Selection$1, CharacterCount } from "@tiptap/extensions";
 import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, ReactRenderer, NodeViewContent, useEditor, EditorContent } from "@tiptap/react";
 import { Extension, Node as Node$1, mergeAttributes } from "@tiptap/core";
 import { createPortal } from "react-dom";
-import { useState, useEffect, useCallback, useRef, useMemo, forwardRef, useImperativeHandle, Fragment as Fragment$1, useLayoutEffect, useId, useContext, createContext } from "react";
-import { e as enrichMarkdownCitations, c as styles$c } from "./ReportContent-B8jIzhy3.js";
-import { R as R2, a as a2, b as b2, s as s2 } from "./ReportContent-B8jIzhy3.js";
-import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, n as normalizeImageAlign, p as prepareChartMarkdown, j as reportChart, b as baseExtensions, f as CommentMark, 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 subscribeMathClick, d as pureChart } from "./extractToc-CGrBMGvM.js";
-import { P, g, e, s as s3 } from "./extractToc-CGrBMGvM.js";
+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-B7okwVW0.js";
+import { R as R2, a as a2, b as b2, s } from "./ReportContent-B7okwVW0.js";
+import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, n as normalizeImageAlign, p as prepareChartMarkdown, j as reportChart, f as CommentMark, b as baseExtensions, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, o as imageMarkdownTokenizer, q as imageParseMarkdown, t as imageRenderMarkdown, u as imageNodeHtml, v as imageFigureParseRule, w as imageCaptionAttribute, x as imageAlignAttribute, y as normalizeImageCaption, a as pureCodeBlock, c as pureImage, z as renderMathInto, A as readCurrentNumberingFormat, B as subscribeMathClick, D as applyNumberingFormat, N as NUMBERING_FORMAT_IDS, E as NUMBERING_FORMAT_LABELS, F as NUMBERING_FORMAT_PREVIEWS, d as pureChart } from "./extractToc-B50WvHao.js";
+import { P, g, e, s as s2 } from "./extractToc-B50WvHao.js";
 import { Slice, Fragment } from "@tiptap/pm/model";
 import { PluginKey, Plugin, Selection, TextSelection, NodeSelection } from "@tiptap/pm/state";
 import { DecorationSet, Decoration } from "@tiptap/pm/view";
+import { EmojiSuggestionPluginKey } from "@tiptap/extension-emoji";
 import Suggestion from "@tiptap/suggestion";
 import { FileHandlePlugin } from "@tiptap/extension-file-handler";
 import { CellSelection, TableMap, isInTable, selectedRect, rowIsHeader, cellAround } from "@tiptap/pm/tables";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { DragHandle } from "@tiptap/extension-drag-handle-react";
+import { dropPoint } from "@tiptap/pm/transform";
 import * as Popover from "@radix-ui/react-popover";
 function CitationRefView({ node, extension }) {
   const index = String(node.attrs.index ?? "");
@@ -118,8 +122,8 @@ function sliceHasCommentMarks(slice, markType) {
 }
 function blockBounds(doc) {
   const bounds = [];
-  doc.forEach((child, offset) => {
-    bounds.push({ start: offset, end: offset + child.nodeSize });
+  doc.forEach((child, offset2) => {
+    bounds.push({ start: offset2, end: offset2 + child.nodeSize });
   });
   return bounds;
 }
@@ -173,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: {
@@ -329,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);
@@ -511,6 +515,12 @@ const ListOrderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "M4 10h2" }),
   /* @__PURE__ */ jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
 ] });
+const DetailsIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m9 7 4 5-4 5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 7h5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 12h5" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 17h5" })
+] });
 const ListChecksIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "m3 17 2 2 4-4" }),
   /* @__PURE__ */ jsx("path", { d: "m3 7 2 2 4-4" }),
@@ -624,6 +634,19 @@ const ChevronsUpDownIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }),
   /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })
 ] });
+const GripIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, fill: "currentColor", strokeWidth: 0, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "6", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "6", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "12", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "12", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "18", r: "1.25" }),
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "18", r: "1.25" })
+] });
+const DownloadIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ jsx("polyline", { points: "7 10 12 15 17 10" }),
+  /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+] });
 const KeyboardIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
   /* @__PURE__ */ jsx("path", { d: "M6 8h.01" }),
@@ -698,8 +721,10 @@ const defaultToolbarLabels = {
   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",
@@ -735,6 +760,23 @@ const defaultToolbarLabels = {
   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",
@@ -746,6 +788,7 @@ const defaultSlashMenuLabels = {
   orderedList: "Ordered list",
   taskList: "Task list",
   blockquote: "Blockquote",
+  details: "Toggle",
   codeBlock: "Code block",
   divider: "Divider",
   table: "Table",
@@ -783,7 +826,19 @@ const defaultShortcutLabels = {
   alignCenter: "Align center",
   alignRight: "Align right",
   alignJustify: "Justify",
-  imageUpload: "Upload image"
+  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",
@@ -806,16 +861,8 @@ const defaultCodeBlockLabels = {
   delete: "Delete code block",
   copy: "Copy code",
   expand: "Expand code",
-  collapse: "Collapse code"
-};
-const defaultCommentLabels = {
-  open: "Open",
-  resolved: "Resolved",
-  dismissed: "Dismissed",
-  outdated: "Outdated",
-  ambiguous: "Ambiguous",
-  partial: "Partially matched",
-  gutterTitle: "Comment"
+  collapse: "Collapse code",
+  language: "Code language"
 };
 const defaultFindLabels = {
   find: "Find",
@@ -845,7 +892,261 @@ const defaultImageUploadLabels = {
   failed: "Upload failed",
   fallbackAlt: "image"
 };
-const bar$1 = "_bar_1h61e_3";
+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$2 = "_bar_1h61e_3";
 const row$1 = "_row_1h61e_25";
 const field$1 = "_field_1h61e_43";
 const fieldIcon = "_fieldIcon_1h61e_62";
@@ -858,8 +1159,8 @@ const toggleOn = "_toggleOn_1h61e_135";
 const iconGroup = "_iconGroup_1h61e_29";
 const spacer = "_spacer_1h61e_150";
 const readOnly = "_readOnly_1h61e_155";
-const styles$b = {
-  bar: bar$1,
+const styles$d = {
+  bar: bar$2,
   row: row$1,
   field: field$1,
   fieldIcon,
@@ -884,12 +1185,12 @@ function warnMissingExtensionOnce() {
 function FindReplaceBar({
   editor,
   onClose,
-  labels,
+  locale = "en",
   inputRef,
   className,
   style
 }) {
-  const t = { ...defaultFindLabels, ...labels };
+  const t = getLocaleBundle(locale).find;
   const [term, setTerm] = useState("");
   const [replaceTerm, setReplaceTerm] = useState("");
   const hasExtension = hasFindReplaceExtension(editor);
@@ -982,11 +1283,11 @@ function FindReplaceBar({
     });
   };
   if (!hasExtension) return null;
-  const toggleClass = (on) => `${styles$b.btn} ${styles$b.toggle}${on ? ` ${styles$b.toggleOn}` : ""}`;
+  const toggleClass = (on) => `${styles$d.btn} ${styles$d.toggle}${on ? ` ${styles$d.toggleOn}` : ""}`;
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: className ? `${styles$b.bar} ${className}` : styles$b.bar,
+      className: className ? `${styles$d.bar} ${className}` : styles$d.bar,
       style,
       "data-find-bar": "",
       role: "dialog",
@@ -999,14 +1300,14 @@ function FindReplaceBar({
         onClose();
       },
       children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$b.row, children: [
-          /* @__PURE__ */ jsxs("span", { className: styles$b.field, children: [
-            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$b.fieldIcon }),
+        /* @__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__ */ jsx(
               "input",
               {
                 ref: inputRef,
-                className: styles$b.input,
+                className: styles$d.input,
                 "data-find-field": "search",
                 value: term,
                 onChange: (e2) => setTerm(e2.target.value),
@@ -1020,7 +1321,7 @@ function FindReplaceBar({
             /* @__PURE__ */ jsx(
               "span",
               {
-                className: `${styles$b.counter}${invalidPattern ? ` ${styles$b.counterInvalid}` : ""}`,
+                className: `${styles$d.counter}${invalidPattern ? ` ${styles$d.counterInvalid}` : ""}`,
                 "data-find-counter": "",
                 "aria-live": "polite",
                 title: invalidPattern ? t.invalidRegex : void 0,
@@ -1056,13 +1357,13 @@ function FindReplaceBar({
               children: "ab"
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: styles$b.spacer }),
-          /* @__PURE__ */ jsxs("span", { className: styles$b.iconGroup, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$d.spacer }),
+          /* @__PURE__ */ jsxs("span", { className: styles$d.iconGroup, children: [
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                className: styles$b.btn,
+                className: styles$d.btn,
                 "data-find-action": "previous",
                 title: t.previous,
                 "aria-label": t.previous,
@@ -1076,7 +1377,7 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$b.btn,
+                className: styles$d.btn,
                 "data-find-action": "next",
                 title: t.next,
                 "aria-label": t.next,
@@ -1090,7 +1391,7 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$b.btn,
+                className: styles$d.btn,
                 "data-find-action": "close",
                 title: t.close,
                 "aria-label": t.close,
@@ -1100,11 +1401,11 @@ function FindReplaceBar({
             )
           ] })
         ] }),
-        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$b.row, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$b.field, children: /* @__PURE__ */ jsx(
+        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$d.row, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$d.field, children: /* @__PURE__ */ jsx(
             "input",
             {
-              className: styles$b.input,
+              className: styles$d.input,
               "data-find-field": "replace",
               value: replaceTerm,
               onChange: (e2) => setReplaceTerm(e2.target.value),
@@ -1114,12 +1415,12 @@ function FindReplaceBar({
               spellCheck: false
             }
           ) }),
-          /* @__PURE__ */ jsx("span", { className: styles$b.spacer }),
+          /* @__PURE__ */ jsx("span", { className: styles$d.spacer }),
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$b.btn,
+              className: styles$d.btn,
               "data-find-action": "replace",
               title: t.replaceOne,
               "aria-label": t.replaceOne,
@@ -1133,7 +1434,7 @@ function FindReplaceBar({
             "button",
             {
               type: "button",
-              className: styles$b.btn,
+              className: styles$d.btn,
               "data-find-action": "replace-all",
               title: t.replaceAll,
               "aria-label": t.replaceAll,
@@ -1143,7 +1444,7 @@ function FindReplaceBar({
               children: /* @__PURE__ */ jsx(ReplaceAllIcon, { size: 16 })
             }
           )
-        ] }) : /* @__PURE__ */ jsx("div", { className: styles$b.row, children: /* @__PURE__ */ jsx("span", { className: styles$b.readOnly, children: t.readOnly }) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: styles$d.row, children: /* @__PURE__ */ jsx("span", { className: styles$d.readOnly, children: t.readOnly }) })
       ]
     }
   );
@@ -1230,6 +1531,65 @@ const ImportPlaceholder = Node$1.create({
     };
   }
 });
+const serverBundle = getLocaleBundle("en");
+const stores = /* @__PURE__ */ new WeakMap();
+function ensure(editor) {
+  let entry = stores.get(editor);
+  if (!entry) {
+    entry = {
+      locale: "en",
+      bundle: serverBundle,
+      listeners: /* @__PURE__ */ new Set(),
+      pendingNotify: false
+    };
+    stores.set(editor, entry);
+  }
+  return entry;
+}
+function setEditorLocale(editor, locale) {
+  const entry = ensure(editor);
+  if (entry.locale === locale) return;
+  entry.locale = locale;
+  entry.bundle = getLocaleBundle(locale);
+  entry.pendingNotify = true;
+}
+function flushEditorLocale(editor) {
+  const entry = stores.get(editor);
+  if (!(entry == null ? void 0 : entry.pendingNotify)) return;
+  entry.pendingNotify = false;
+  entry.listeners.forEach((listener) => listener());
+}
+function getEditorLocale(editor) {
+  var _a;
+  return ((_a = stores.get(editor)) == null ? void 0 : _a.locale) ?? "en";
+}
+function getEditorBundle(editor) {
+  var _a;
+  return ((_a = stores.get(editor)) == null ? void 0 : _a.bundle) ?? serverBundle;
+}
+function subscribeEditorLocale(editor, listener) {
+  const entry = ensure(editor);
+  entry.listeners.add(listener);
+  return () => {
+    entry.listeners.delete(listener);
+  };
+}
+const useIsoLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+function usePublishEditorLocale(editor, locale) {
+  if (editor) setEditorLocale(editor, locale);
+  useIsoLayoutEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    flushEditorLocale(editor);
+  }, [editor, locale]);
+}
+function useEditorBundle(editor) {
+  const subscribe = useCallback(
+    (onStoreChange) => subscribeEditorLocale(editor, onStoreChange),
+    [editor]
+  );
+  const getSnapshot = useCallback(() => getEditorBundle(editor), [editor]);
+  return useSyncExternalStore(subscribe, getSnapshot, () => serverBundle);
+}
 const wrap = "_wrap_1k6n1_8";
 const dropzone = "_dropzone_1k6n1_24";
 const dragActive = "_dragActive_1k6n1_43";
@@ -1243,7 +1603,7 @@ const textMain = "_textMain_1k6n1_100";
 const textEm = "_textEm_1k6n1_107";
 const subtext = "_subtext_1k6n1_112";
 const previews = "_previews_1k6n1_121";
-const header$2 = "_header_1k6n1_127";
+const header$1 = "_header_1k6n1_127";
 const clearAll = "_clearAll_1k6n1_139";
 const preview = "_preview_1k6n1_121";
 const progress = "_progress_1k6n1_161";
@@ -1255,7 +1615,7 @@ const fileName = "_fileName_1k6n1_205";
 const actions = "_actions_1k6n1_215";
 const progressText = "_progressText_1k6n1_222";
 const remove = "_remove_1k6n1_228";
-const styles$a = {
+const styles$c = {
   wrap,
   dropzone,
   dragActive,
@@ -1269,7 +1629,7 @@ const styles$a = {
   textEm,
   subtext,
   previews,
-  header: header$2,
+  header: header$1,
   clearAll,
   preview,
   progress,
@@ -1312,10 +1672,7 @@ function focusNextNode(editor) {
 function ImageUploadView(props) {
   const { node, extension, editor, getPos } = props;
   const options = extension.options;
-  const labels = {
-    ...defaultImageUploadLabels,
-    ...options.labels
-  };
+  const labels = useEditorBundle(editor).imageUpload;
   const accept = String(node.attrs.accept ?? "image/*");
   const limit = Number(node.attrs.limit ?? 1) || 1;
   const maxSize = Number(node.attrs.maxSize ?? 0) || 0;
@@ -1387,7 +1744,7 @@ function ImageUploadView(props) {
       files.map(async (file) => ({ file, url: await uploadOne(file) }))
     );
     const uploaded = settled.filter(
-      (s4) => s4.url != null
+      (s3) => s3.url != null
     );
     if (uploaded.length === 0) return;
     const pos = getPos();
@@ -1433,14 +1790,14 @@ function ImageUploadView(props) {
   const hasFiles = items.length > 0;
   const maxSizeMb = maxSize > 0 ? toMb(maxSize) : null;
   const dropzoneClass = [
-    styles$a.dropzone,
-    dragActive2 ? styles$a.dragActive : "",
-    dragOver2 ? styles$a.dragOver : ""
+    styles$c.dropzone,
+    dragActive2 ? styles$c.dragActive : "",
+    dragOver2 ? styles$c.dragOver : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(
     NodeViewWrapper,
     {
-      className: styles$a.wrap,
+      className: styles$c.wrap,
       "data-image-upload": "",
       tabIndex: editable ? 0 : void 0,
       onClick: openPicker,
@@ -1472,28 +1829,28 @@ function ImageUploadView(props) {
             },
             onDrop,
             children: [
-              /* @__PURE__ */ jsxs("span", { className: styles$a.fileShape, "aria-hidden": true, children: [
+              /* @__PURE__ */ jsxs("span", { className: styles$c.fileShape, "aria-hidden": true, children: [
                 /* @__PURE__ */ jsx(FileDocIcon, {}),
                 /* @__PURE__ */ jsx(FileCornerIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: styles$a.fileBadge, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) })
+                /* @__PURE__ */ jsx("span", { className: styles$c.fileBadge, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) })
               ] }),
-              /* @__PURE__ */ jsxs("span", { className: styles$a.text, children: [
-                /* @__PURE__ */ jsxs("span", { className: styles$a.textMain, children: [
-                  /* @__PURE__ */ jsx("em", { className: styles$a.textEm, children: labels.dropzoneClick }),
+              /* @__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 }),
                   labels.dropzoneRest
                 ] }),
-                /* @__PURE__ */ jsx("span", { className: styles$a.subtext, children: labels.dropzoneLimits(limit, maxSizeMb) })
+                /* @__PURE__ */ jsx("span", { className: styles$c.subtext, children: labels.dropzoneLimits(limit, maxSizeMb) })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ jsxs("div", { className: styles$a.previews, "data-image-upload-list": "", children: [
-          items.length > 1 && /* @__PURE__ */ jsxs("div", { className: styles$a.header, children: [
+        ) : /* @__PURE__ */ jsxs("div", { className: styles$c.previews, "data-image-upload-list": "", children: [
+          items.length > 1 && /* @__PURE__ */ jsxs("div", { className: styles$c.header, children: [
             /* @__PURE__ */ jsx("span", { children: labels.uploadingCount(items.length) }),
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                className: styles$a.clearAll,
+                className: styles$c.clearAll,
                 onClick: (e2) => {
                   e2.stopPropagation();
                   clearAll2();
@@ -1505,27 +1862,27 @@ function ImageUploadView(props) {
           items.map((it) => /* @__PURE__ */ jsxs(
             "div",
             {
-              className: styles$a.preview,
+              className: styles$c.preview,
               "data-image-upload-item": "",
               children: [
                 it.status === "uploading" && /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: styles$a.progress,
+                    className: styles$c.progress,
                     style: { width: `${it.progress}%` },
                     "aria-hidden": true
                   }
                 ),
-                /* @__PURE__ */ jsxs("div", { className: styles$a.previewContent, children: [
-                  /* @__PURE__ */ jsxs("span", { className: styles$a.fileInfo, children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$a.fileIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) }),
-                    /* @__PURE__ */ jsxs("span", { className: styles$a.details, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$a.fileName, children: it.file.name }),
-                      /* @__PURE__ */ jsx("span", { className: styles$a.subtext, children: it.status === "error" ? labels.failed : formatFileSize(it.file.size) })
+                /* @__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("span", { className: styles$a.actions, children: [
-                    it.status === "uploading" && /* @__PURE__ */ jsxs("span", { className: styles$a.progressText, children: [
+                  /* @__PURE__ */ jsxs("span", { className: styles$c.actions, children: [
+                    it.status === "uploading" && /* @__PURE__ */ jsxs("span", { className: styles$c.progressText, children: [
                       Math.round(it.progress),
                       "%"
                     ] }),
@@ -1533,7 +1890,7 @@ function ImageUploadView(props) {
                       "button",
                       {
                         type: "button",
-                        className: styles$a.remove,
+                        className: styles$c.remove,
                         "data-image-upload-remove": "",
                         title: labels.remove,
                         "aria-label": labels.remove,
@@ -1592,7 +1949,7 @@ function FileDocIcon() {
       viewBox: "0 0 43 57",
       fill: "none",
       "aria-hidden": true,
-      className: styles$a.fileShapeDoc,
+      className: styles$c.fileShapeDoc,
       children: /* @__PURE__ */ jsx(
         "path",
         {
@@ -1615,7 +1972,7 @@ function FileCornerIcon() {
       viewBox: "0 0 10 10",
       fill: "currentColor",
       "aria-hidden": true,
-      className: styles$a.fileShapeCorner,
+      className: styles$c.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" })
     }
   );
@@ -1639,8 +1996,7 @@ const ImageUploadNode = Node$1.create({
       maxSize: 0,
       type: "image",
       onError: void 0,
-      onSuccess: void 0,
-      labels: void 0
+      onSuccess: void 0
     };
   },
   addAttributes() {
@@ -1739,23 +2095,305 @@ function setImageAlignAt(editor, imageElement, align) {
     return false;
   }
 }
+const popupHost$1 = "_popupHost_xhti8_5";
+const panel$1 = "_panel_xhti8_11";
+const menu$3 = "_menu_xhti8_22";
+const tabs = "_tabs_xhti8_32";
+const tab = "_tab_xhti8_32";
+const tabActive = "_tabActive_xhti8_40";
+const cell = "_cell_xhti8_71";
+const cellActive = "_cellActive_xhti8_72";
+const styles$b = {
+  popupHost: popupHost$1,
+  panel: panel$1,
+  menu: menu$3,
+  tabs,
+  tab,
+  tabActive,
+  cell,
+  cellActive
+};
+const EMOJI_CATEGORIES = [
+  { id: "smileys", group: "", label: "Smileys", icon: "😀" },
+  { id: "people", group: "people & body", label: "People", icon: "👋" },
+  { id: "nature", group: "animals & nature", label: "Animals & nature", icon: "🐻" },
+  { id: "food", group: "food & drink", label: "Food & drink", icon: "🍔" },
+  { id: "travel", group: "travel & places", label: "Travel & places", icon: "✈️" },
+  { id: "activities", group: "activities", label: "Activities", icon: "⚽" },
+  { id: "objects", group: "objects", label: "Objects", icon: "💡" },
+  { id: "symbols", group: "symbols", label: "Symbols", icon: "💯" },
+  { id: "flags", group: "flags", label: "Flags", icon: "🏁" }
+];
+function isEmojiComponent(item2) {
+  return item2.group === "components";
+}
+function itemsInCategory(items, id) {
+  const category = EMOJI_CATEGORIES.find((entry) => entry.id === id);
+  if (!category) return [];
+  return items.filter((item2) => (item2.group ?? "") === category.group);
+}
+function isRegionalIndicator(item2) {
+  return item2.name.startsWith("regional_indicator_");
+}
+function filterEmojiItems(items, query) {
+  const q = query.trim().toLowerCase();
+  const usable = items.filter(
+    (item2) => !!item2.emoji && !isRegionalIndicator(item2) && !isEmojiComponent(item2)
+  );
+  if (!q) return usable;
+  const primary = [];
+  const secondary = [];
+  for (const item2 of usable) {
+    const nameHit = item2.name.toLowerCase().startsWith(q) || item2.shortcodes.some((code) => code.toLowerCase().startsWith(q));
+    if (nameHit) primary.push(item2);
+    else if (item2.tags.some((tag) => tag.toLowerCase().startsWith(q))) {
+      secondary.push(item2);
+    }
+  }
+  return [...primary, ...secondary];
+}
+const COLUMNS = 8;
+function isComposing$1(event, view) {
+  return view.composing || event.isComposing || event.keyCode === 229;
+}
+const themeVars = [
+  "--tmr-text",
+  "--tmr-accent",
+  "--tmr-toolbar-border",
+  "--tmr-toolbar-muted"
+];
+function copyThemeVars(from, to) {
+  const computed = getComputedStyle(from);
+  for (const name of themeVars) {
+    const value = computed.getPropertyValue(name);
+    if (value) to.style.setProperty(name, value);
+  }
+}
+function moveIndex(index, key, length, shiftKey) {
+  if (key === "ArrowRight" || key === "Tab" && !shiftKey) {
+    return (index + 1) % length;
+  }
+  if (key === "ArrowLeft" || key === "Tab" && shiftKey) {
+    return (index - 1 + length) % length;
+  }
+  if (key === "ArrowDown") {
+    const next = index + COLUMNS;
+    return next < length ? next : null;
+  }
+  if (key === "ArrowUp") {
+    const next = index - COLUMNS;
+    return next >= 0 ? next : null;
+  }
+  return null;
+}
+function keepCellInView(menu2, cell2) {
+  const menuRect = menu2.getBoundingClientRect();
+  const cellRect = cell2.getBoundingClientRect();
+  if (cellRect.top < menuRect.top) menu2.scrollTop -= menuRect.top - cellRect.top;
+  else if (cellRect.bottom > menuRect.bottom) {
+    menu2.scrollTop += cellRect.bottom - menuRect.bottom;
+  }
+}
+const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items, query, menuLabel, command }, ref) {
+  var _a;
+  const gridId = useId();
+  const browsing = !query.trim();
+  const [categoryId, setCategoryId] = useState(EMOJI_CATEGORIES[0].id);
+  const [index, setIndex] = useState(0);
+  const menuRef = useRef(null);
+  const cellRefs = useRef([]);
+  const categories = useMemo(
+    () => EMOJI_CATEGORIES.filter((category) => itemsInCategory(items, category.id).length > 0),
+    [items]
+  );
+  const activeId = categories.some((category) => category.id === categoryId) ? categoryId : ((_a = categories[0]) == null ? void 0 : _a.id) ?? EMOJI_CATEGORIES[0].id;
+  const visible = browsing ? itemsInCategory(items, activeId) : items;
+  useEffect(() => {
+    var _a2;
+    setIndex(0);
+    (_a2 = menuRef.current) == null ? void 0 : _a2.scrollTo(0, 0);
+  }, [query, activeId]);
+  useEffect(() => {
+    const menu2 = menuRef.current;
+    const cell2 = cellRefs.current[index];
+    if (menu2 && cell2) keepCellInView(menu2, cell2);
+  }, [index, activeId, query]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      onKeyDown(event) {
+        if (!visible.length) return false;
+        const next = moveIndex(index, event.key, visible.length, event.shiftKey);
+        if (next !== null) {
+          setIndex(next);
+          return true;
+        }
+        if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Tab") {
+          return true;
+        }
+        if (event.key === "Enter") {
+          const item2 = visible[index];
+          if (!item2) return false;
+          command(item2);
+          return true;
+        }
+        return false;
+      }
+    }),
+    [visible, index, command]
+  );
+  if (!visible.length) return null;
+  return /* @__PURE__ */ jsxs("div", { className: styles$b.panel, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: gridId,
+        ref: menuRef,
+        className: styles$b.menu,
+        role: "listbox",
+        "aria-label": menuLabel,
+        children: visible.map((item2, i) => {
+          const shortcode = `:${item2.name}:`;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: (node) => {
+                cellRefs.current[i] = node;
+              },
+              type: "button",
+              role: "option",
+              "aria-label": shortcode,
+              "aria-selected": i === index,
+              title: shortcode,
+              className: i === index ? styles$b.cellActive : styles$b.cell,
+              tabIndex: -1,
+              onMouseEnter: () => setIndex(i),
+              onMouseDown: (event) => {
+                event.preventDefault();
+                command(item2);
+              },
+              children: item2.emoji
+            },
+            item2.name
+          );
+        })
+      }
+    ),
+    browsing ? /* @__PURE__ */ jsx("div", { className: styles$b.tabs, role: "tablist", "aria-label": menuLabel, children: categories.map((category) => {
+      const selected = category.id === activeId;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": selected,
+          "aria-controls": gridId,
+          "aria-label": category.label,
+          title: category.label,
+          className: selected ? styles$b.tabActive : styles$b.tab,
+          tabIndex: -1,
+          onMouseDown: (event) => {
+            event.preventDefault();
+            setCategoryId(category.id);
+          },
+          children: category.icon
+        },
+        category.id
+      );
+    }) }) : null
+  ] });
+});
+function configureEmojiSuggestion(extension, enabled) {
+  if (!enabled) {
+    return extension.configure({
+      suggestion: { allow: () => false }
+    });
+  }
+  return extension.configure({
+    suggestion: {
+      pluginKey: EmojiSuggestionPluginKey,
+      items: ({ editor, query }) => filterEmojiItems(editor.storage.emoji.emojis, query),
+      allow: ({
+        editor,
+        state,
+        range
+      }) => {
+        if (!editor.isEditable) return false;
+        if (editor.isActive("code") || editor.isActive("codeBlock")) return false;
+        const type = state.schema.nodes.emoji;
+        if (!type) return false;
+        return !!state.doc.resolve(range.from).parent.type.contentMatch.matchType(type);
+      },
+      render: () => {
+        let renderer = null;
+        let unmountPopup = null;
+        return {
+          onStart: (props) => {
+            renderer = new ReactRenderer(EmojiSuggestionPopup, {
+              editor: props.editor,
+              props: {
+                items: props.items,
+                query: props.query,
+                menuLabel: getEditorBundle(props.editor).emoji.menuLabel,
+                command: props.command
+              },
+              className: styles$b.popupHost
+            });
+            copyThemeVars(props.editor.view.dom, renderer.element);
+            unmountPopup = props.mount(renderer.element);
+          },
+          onUpdate: (props) => {
+            renderer == null ? void 0 : renderer.updateProps({
+              items: props.items,
+              query: props.query,
+              menuLabel: getEditorBundle(props.editor).emoji.menuLabel,
+              command: props.command
+            });
+          },
+          onKeyDown: (props) => {
+            var _a;
+            if (!renderer || isComposing$1(props.event, props.view)) return false;
+            return ((_a = renderer.ref) == null ? void 0 : _a.onKeyDown(props.event)) ?? false;
+          },
+          onExit: () => {
+            unmountPopup == null ? void 0 : unmountPopup();
+            unmountPopup = null;
+            renderer == null ? void 0 : renderer.destroy();
+            renderer = null;
+          }
+        };
+      }
+    }
+  });
+}
+const CJK_IDEOGRAPH = /[\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff]/g;
+function countWords(text2) {
+  let cjk = 0;
+  const rest = text2.replace(CJK_IDEOGRAPH, () => {
+    cjk += 1;
+    return " ";
+  });
+  const words = rest.split(/\s+/).filter((word) => /[\p{L}\p{N}]/u.test(word));
+  return cjk + words.length;
+}
 const popupHost = "_popupHost_1noza_11";
-const menu$1 = "_menu_1noza_1";
-const groupLabel = "_groupLabel_1noza_43";
-const item$1 = "_item_1noza_53";
-const itemActive = "_itemActive_1noza_54";
-const itemIcon = "_itemIcon_1noza_79";
+const menu$2 = "_menu_1noza_1";
+const groupLabel$1 = "_groupLabel_1noza_43";
+const item$2 = "_item_1noza_53";
+const itemActive$2 = "_itemActive_1noza_54";
+const itemIcon$1 = "_itemIcon_1noza_79";
 const itemTitle = "_itemTitle_1noza_102";
-const styles$9 = {
+const styles$a = {
   popupHost,
-  menu: menu$1,
-  groupLabel,
-  item: item$1,
-  itemActive,
-  itemIcon,
+  menu: menu$2,
+  groupLabel: groupLabel$1,
+  item: item$2,
+  itemActive: itemActive$2,
+  itemIcon: itemIcon$1,
   itemTitle
 };
-function createDefaultSlashMenuItems(labels = defaultSlashMenuLabels) {
+function createDefaultSlashMenuItems(locale = "en") {
+  const labels = getLocaleBundle(locale).slashMenu;
   return [
     {
       id: "normal-text",
@@ -1823,6 +2461,17 @@ function createDefaultSlashMenuItems(labels = defaultSlashMenuLabels) {
         editor.chain().focus().deleteRange(range).toggleBlockquote().run();
       }
     },
+    {
+      id: "details",
+      title: labels.details,
+      group: labels.groupAdvanced,
+      icon: "▸",
+      aliases: ["zhedie", "折叠", "toggle", "details", "collapse"],
+      order: 8,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).setDetails().run();
+      }
+    },
     {
       id: "code-block",
       title: labels.codeBlock,
@@ -1935,11 +2584,11 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
   );
   if (!items.length) return null;
   let optionIndex = -1;
-  return /* @__PURE__ */ jsx("div", { className: styles$9.menu, role: "listbox", "aria-label": menuLabel, children: withGroupHeaders(items).map(([header2, item2]) => {
+  return /* @__PURE__ */ jsx("div", { className: styles$a.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$9.groupLabel, "aria-hidden": "true", children: header2 }) : null,
+      header2 !== null ? /* @__PURE__ */ jsx("div", { className: styles$a.groupLabel, "aria-hidden": "true", children: header2 }) : null,
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -1947,7 +2596,7 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
           role: "option",
           "aria-selected": i === index,
           title: item2.title,
-          className: i === index ? styles$9.itemActive : styles$9.item,
+          className: i === index ? styles$a.itemActive : styles$a.item,
           tabIndex: -1,
           onMouseEnter: () => setIndex(i),
           onMouseDown: (e2) => {
@@ -1955,8 +2604,8 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
             command(item2);
           },
           children: [
-            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 })
+            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 })
           ]
         }
       )
@@ -1969,14 +2618,10 @@ function isComposing(event, view) {
 const SlashMenu = Extension.create({
   name: "slashMenu",
   addOptions() {
-    return { items: void 0, labels: void 0 };
+    return { items: void 0 };
   },
   addProseMirrorPlugins() {
-    const { items: extraItems, labels } = this.options;
-    const allItems = [
-      ...createDefaultSlashMenuItems({ ...defaultSlashMenuLabels, ...labels }),
-      ...extraItems ?? []
-    ];
+    const { items: extraItems } = this.options;
     let renderer = null;
     let unmountPopup = null;
     return [
@@ -1989,14 +2634,19 @@ const SlashMenu = Extension.create({
         allowSpaces: false,
         decorationClass: "tmr-slash-suggestion",
         decorationEmptyClass: "tmr-slash-suggestion-empty",
-        items: ({ query }) => filterSlashItems(allItems, query),
+        items: ({ editor, query }) => filterSlashItems(
+          [
+            ...createDefaultSlashMenuItems(getEditorLocale(editor)),
+            ...extraItems ?? []
+          ],
+          query
+        ),
         command: ({ editor, range, props: item2 }) => {
           item2.apply(editor, range);
         },
         allow: ({ editor }) => editor.isEditable && !editor.isActive("codeBlock"),
         render: () => ({
           onStart: (props) => {
-            var _a;
             renderer = new ReactRenderer(
               SlashMenuPopup,
               {
@@ -2004,10 +2654,10 @@ const SlashMenu = Extension.create({
                 props: {
                   items: props.items,
                   query: props.query,
-                  menuLabel: ((_a = this.options.labels) == null ? void 0 : _a.menuLabel) ?? defaultSlashMenuLabels.menuLabel,
+                  menuLabel: getEditorBundle(props.editor).slashMenu.menuLabel,
                   command: props.command
                 },
-                className: styles$9.popupHost
+                className: styles$a.popupHost
               }
             );
             const pmStyle = getComputedStyle(props.editor.view.dom);
@@ -2026,6 +2676,7 @@ const SlashMenu = Extension.create({
             renderer == null ? void 0 : renderer.updateProps({
               items: props.items,
               query: props.query,
+              menuLabel: getEditorBundle(props.editor).slashMenu.menuLabel,
               command: props.command
             });
           },
@@ -2059,7 +2710,7 @@ const rowKeys = "_rowKeys_ljnq6_127";
 const rowMd = "_rowMd_ljnq6_128";
 const keycap = "_keycap_ljnq6_138";
 const none = "_none_ljnq6_163";
-const styles$8 = {
+const styles$9 = {
   drawer,
   closeBtn,
   head,
@@ -2075,7 +2726,8 @@ const styles$8 = {
   keycap,
   none
 };
-function buildShortcutGroups(labels) {
+function buildShortcutGroups(locale = "en") {
+  const labels = getLocaleBundle(locale).shortcut;
   return [
     {
       id: "format",
@@ -2087,6 +2739,9 @@ function buildShortcutGroups(labels) {
         { id: "underline", label: labels.underline, keys: ["Mod", "u"] },
         { id: "inline-code", label: labels.inlineCode, keys: ["Mod", "e"], markdown: { marker: "`x`" } },
         { id: "highlight", label: labels.highlight, keys: ["Mod", "Shift", "h"], markdown: { marker: "==x==" } },
+        { id: "smart-quote", label: labels.smartQuote, markdown: { marker: '"' } },
+        { id: "ellipsis", label: labels.ellipsis, markdown: { marker: "..." } },
+        { id: "em-dash", label: labels.emDash, markdown: { marker: "--" } },
         { id: "align-left", label: labels.alignLeft, keys: ["Mod", "Shift", "l"] },
         { id: "align-center", label: labels.alignCenter, keys: ["Mod", "Shift", "e"] },
         { id: "align-right", label: labels.alignRight, keys: ["Mod", "Shift", "r"] },
@@ -2110,7 +2765,8 @@ function buildShortcutGroups(labels) {
         { id: "ordered-list", label: labels.orderedList, keys: ["Mod", "Shift", "7"], markdown: { marker: "1.", terminator: "Space" } },
         { id: "task-list", label: labels.taskList, markdown: { marker: "[]", terminator: "Space" } },
         { id: "code-block", label: labels.codeBlock, markdown: { marker: "```", terminator: "Space" } },
-        { id: "divider", label: labels.divider, markdown: { marker: "---", terminator: "Space" } }
+        { id: "divider", label: labels.divider, markdown: { marker: "---", terminator: "Space" } },
+        { id: "emoji", label: labels.emoji, markdown: { marker: ":smile:" } }
       ]
     },
     {
@@ -2135,11 +2791,12 @@ function keycapText(key, mac) {
   if (/^[a-z]$/.test(key)) return key.toUpperCase();
   return key;
 }
-function ShortcutPanel({ open, onClose, labels }) {
-  const t = useMemo(
-    () => ({ ...defaultShortcutLabels, ...labels }),
-    [labels]
-  );
+function ShortcutPanel({
+  open,
+  onClose,
+  locale = "en"
+}) {
+  const t = getLocaleBundle(locale).shortcut;
   useEffect(() => {
     if (!open) return;
     const onKey = (e2) => {
@@ -2149,15 +2806,15 @@ function ShortcutPanel({ open, onClose, labels }) {
     return () => document.removeEventListener("keydown", onKey);
   }, [open, onClose]);
   const groups = useMemo(
-    () => open ? buildShortcutGroups(t) : [],
-    [open, t]
+    () => open ? buildShortcutGroups(locale) : [],
+    [open, locale]
   );
   const mac = useMemo(isMacPlatform, []);
   if (!open) return null;
   return /* @__PURE__ */ jsxs(
     "aside",
     {
-      className: styles$8.drawer,
+      className: styles$9.drawer,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": t.panelTitle,
@@ -2166,27 +2823,27 @@ function ShortcutPanel({ open, onClose, labels }) {
           "button",
           {
             type: "button",
-            className: styles$8.closeBtn,
+            className: styles$9.closeBtn,
             title: t.close,
             "aria-label": t.close,
             onClick: onClose,
             children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
           }
         ),
-        /* @__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__ */ 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__ */ 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: "—" }) })
+        /* @__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: "—" }) })
           ] }, entry.id))
         ] }, group2.id)) })
       ]
@@ -2270,12 +2927,12 @@ function setPendingAnchors(editor, anchors) {
 }
 function buildDecorations(doc, anchors) {
   const bounds = [];
-  doc.forEach((child, offset) => {
-    bounds.push({ from: offset, to: offset + child.nodeSize });
+  doc.forEach((child, offset2) => {
+    bounds.push({ from: offset2, to: offset2 + child.nodeSize });
   });
   const decorations = [];
-  for (const anchor of anchors) {
-    for (const range of anchor.ranges) {
+  for (const anchor2 of anchors) {
+    for (const range of anchor2.ranges) {
       const from = Math.max(0, Math.min(range.from, range.to));
       const to = Math.min(doc.content.size, Math.max(range.from, range.to));
       if (from >= to) continue;
@@ -2283,7 +2940,7 @@ function buildDecorations(doc, anchors) {
         if (bound.to <= from || bound.from >= to) continue;
         const attrs = {
           class: PENDING_ANCHOR_CLASS,
-          "data-pending-id": anchor.id
+          "data-pending-id": anchor2.id
         };
         if (from <= bound.from && to >= bound.to) {
           decorations.push(Decoration.node(bound.from, bound.to, attrs));
@@ -2362,7 +3019,8 @@ 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(
     () => ({
       config: node.attrs.config ?? [],
@@ -2373,7 +3031,7 @@ function ChartView({
   );
   const theme = extension.options.chartTheme ?? null;
   const configs = payload.config;
-  const safeIndex = Math.min(active2, Math.max(0, configs.length - 1));
+  const safeIndex = Math.min(active, Math.max(0, configs.length - 1));
   const config = configs[safeIndex];
   const height = (config == null ? void 0 : config.height) ?? 320;
   const canSelect = Boolean(editor == null ? void 0 : editor.isEditable);
@@ -2407,10 +3065,6 @@ function ChartView({
       chart: null
     });
   }, [safeIndex]);
-  const labels = {
-    ...defaultChartLabels,
-    ...extension.options.chartLabels
-  };
   const selectChart = () => {
     if (!editor || !canSelect) return;
     const pos = getPos();
@@ -2456,14 +3110,13 @@ function ChartView({
   );
 }
 function createChart(options = {}) {
-  const { editable = false, chartTheme = null, chartLabels } = options;
+  const { editable = false, chartTheme = null } = options;
   return reportChart.extend({
     addOptions() {
       return {
         HTMLAttributes: {},
         chartEditable: editable,
-        chartTheme,
-        chartLabels
+        chartTheme
       };
     },
     addNodeView() {
@@ -2472,7 +3125,7 @@ function createChart(options = {}) {
   });
 }
 const wrapper = "_wrapper_k8th1_2";
-const header$1 = "_header_k8th1_18";
+const header = "_header_k8th1_18";
 const langTrigger = "_langTrigger_k8th1_28";
 const langChevron = "_langChevron_k8th1_50";
 const readonlyHeader = "_readonlyHeader_k8th1_56";
@@ -2490,9 +3143,9 @@ const gutterLine = "_gutterLine_k8th1_184";
 const readonlyActions = "_readonlyActions_k8th1_188";
 const actionBtn = "_actionBtn_k8th1_194";
 const langBraces = "_langBraces_k8th1_213";
-const styles$7 = {
+const styles$8 = {
   wrapper,
-  header: header$1,
+  header,
   langTrigger,
   langChevron,
   readonlyHeader,
@@ -2535,14 +3188,9 @@ function CodeBlockView({
   node,
   updateAttributes,
   deleteNode,
-  extension,
   editor
 }) {
-  var _a;
-  const labels = {
-    ...defaultCodeBlockLabels,
-    ...((_a = extension == null ? void 0 : extension.options) == null ? void 0 : _a.codeBlockLabels) ?? {}
-  };
+  const labels = useEditorBundle(editor).codeBlock;
   const language = node.attrs.language || "";
   const current = LANGUAGES.find((l) => l.value === language);
   const currentLabel = current ? current.value === "" ? labels.autoDetect : current.label : labels.autoDetect;
@@ -2567,13 +3215,13 @@ function CodeBlockView({
     return () => mo.disconnect();
   }, [readonly2]);
   const handleCopy = () => {
-    var _a2;
+    var _a;
     const text2 = node.textContent ?? "";
     const done = () => {
       setCopied(true);
       window.setTimeout(() => setCopied(false), 1500);
     };
-    if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
+    if ((_a = navigator.clipboard) == null ? void 0 : _a.writeText) {
       navigator.clipboard.writeText(text2).then(done, () => {
       });
       return;
@@ -2590,29 +3238,29 @@ function CodeBlockView({
     ta.remove();
   };
   const wrapperClass = [
-    styles$7.wrapper,
-    readonly2 ? styles$7.readonly : "",
-    folded2 ? styles$7.folded : ""
+    styles$8.wrapper,
+    readonly2 ? styles$8.readonly : "",
+    folded2 ? styles$8.folded : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: wrapperClass, children: [
-    editable ? /* @__PURE__ */ jsxs("div", { className: styles$7.header, contentEditable: false, children: [
+    editable ? /* @__PURE__ */ jsxs("div", { className: styles$8.header, contentEditable: false, children: [
       /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
         /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            className: styles$7.langTrigger,
-            "aria-label": "Code language",
+            className: styles$8.langTrigger,
+            "aria-label": labels.language,
             children: [
               /* @__PURE__ */ jsx("span", { children: currentLabel }),
-              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14, className: styles$7.langChevron })
+              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14, className: styles$8.langChevron })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
           DropdownMenu.Content,
           {
-            className: styles$7.langMenu,
+            className: styles$8.langMenu,
             sideOffset: 4,
             align: "end",
             children: LANGUAGES.map((l) => {
@@ -2621,10 +3269,10 @@ function CodeBlockView({
               return /* @__PURE__ */ jsxs(
                 DropdownMenu.Item,
                 {
-                  className: `${styles$7.langItem}${selected ? ` ${styles$7.langItemSelected}` : ""}`,
+                  className: `${styles$8.langItem}${selected ? ` ${styles$8.langItemSelected}` : ""}`,
                   onSelect: () => updateAttributes({ language: l.value }),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$7.langItemCheck, children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : null }),
+                    /* @__PURE__ */ jsx("span", { className: styles$8.langItemCheck, children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : null }),
                     optionLabel
                   ]
                 },
@@ -2638,7 +3286,7 @@ function CodeBlockView({
         "button",
         {
           type: "button",
-          className: styles$7.deleteBtn,
+          className: styles$8.deleteBtn,
           title: labels.delete,
           "aria-label": labels.delete,
           onClick: () => deleteNode(),
@@ -2647,17 +3295,17 @@ function CodeBlockView({
       )
     ] }) : (
       // 只读头部：左侧语言标签，右侧复制 + 展开收起（展开后按钮保留，供收回）
-      /* @__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: "{}" }),
+      /* @__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: "{}" }),
           currentLabel
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: styles$7.readonlyActions, children: [
+        /* @__PURE__ */ jsxs("span", { className: styles$8.readonlyActions, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$7.actionBtn,
+              className: styles$8.actionBtn,
               onClick: handleCopy,
               "aria-label": labels.copy,
               title: labels.copy,
@@ -2668,7 +3316,7 @@ function CodeBlockView({
             "button",
             {
               type: "button",
-              className: styles$7.actionBtn,
+              className: styles$8.actionBtn,
               onClick: () => setFolded((v) => !v),
               "aria-label": folded2 ? labels.expand : labels.collapse,
               title: folded2 ? labels.expand : labels.collapse,
@@ -2679,28 +3327,1005 @@ function CodeBlockView({
         ] })
       ] })
     ),
-    /* @__PURE__ */ jsxs("pre", { ref: preRef, className: styles$7.pre, children: [
+    /* @__PURE__ */ jsxs("pre", { ref: preRef, className: styles$8.pre, children: [
       readonly2 ? /* @__PURE__ */ jsx(
         "span",
         {
-          className: styles$7.gutter,
+          className: styles$8.gutter,
           contentEditable: false,
           "aria-hidden": "true",
-          children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("span", { className: styles$7.gutterLine, children: i + 1 }, i))
+          children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("span", { className: styles$8.gutterLine, children: i + 1 }, i))
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(NodeViewContent, { as: "code" })
+    ] })
+  ] });
+}
+function evaluate(value, param) {
+  return typeof value === "function" ? value(param) : value;
+}
+function getSide(placement) {
+  return placement.split("-")[0];
+}
+function getAlignment(placement) {
+  return placement.split("-")[1];
+}
+function getSideAxis(placement) {
+  const firstChar = placement[0];
+  return firstChar === "t" || firstChar === "b" ? "y" : "x";
+}
+const originSides = /* @__PURE__ */ new Set(["left", "top"]);
+async function convertValueToCoords(state, options) {
+  const {
+    placement,
+    platform,
+    elements
+  } = state;
+  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
+  const side = getSide(placement);
+  const alignment = getAlignment(placement);
+  const isVertical = getSideAxis(placement) === "y";
+  const mainAxisMulti = originSides.has(side) ? -1 : 1;
+  const crossAxisMulti = rtl && isVertical ? -1 : 1;
+  const rawValue = evaluate(options, state);
+  let {
+    mainAxis,
+    crossAxis,
+    alignmentAxis
+  } = typeof rawValue === "number" ? {
+    mainAxis: rawValue,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
+  };
+  if (alignment && typeof alignmentAxis === "number") {
+    crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
+  }
+  return isVertical ? {
+    x: crossAxis * crossAxisMulti,
+    y: mainAxis * mainAxisMulti
+  } : {
+    x: mainAxis * mainAxisMulti,
+    y: crossAxis * crossAxisMulti
+  };
+}
+const offset$1 = function(options) {
+  if (options === void 0) {
+    options = 0;
+  }
+  return {
+    name: "offset",
+    options,
+    async fn(state) {
+      var _middlewareData$offse, _middlewareData$arrow;
+      const {
+        x,
+        y,
+        placement,
+        middlewareData
+      } = state;
+      const diffCoords = await convertValueToCoords(state, options);
+      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
+      return {
+        x: x + diffCoords.x,
+        y: y + diffCoords.y,
+        data: {
+          ...diffCoords,
+          placement
+        }
+      };
+    }
+  };
+};
+const offset = offset$1;
+const TURN_INTO_KINDS = [
+  "paragraph",
+  "heading-1",
+  "heading-2",
+  "heading-3",
+  "bulletList",
+  "orderedList",
+  "taskList",
+  "blockquote",
+  "codeBlock"
+];
+const TURNABLE = /* @__PURE__ */ new Set([
+  "paragraph",
+  "heading",
+  "bulletList",
+  "orderedList",
+  "taskList",
+  "listItem",
+  "taskItem",
+  "blockquote",
+  "codeBlock"
+]);
+const LIFT_BEFORE_TURN = /* @__PURE__ */ new Set([
+  "listItem",
+  "taskItem",
+  "bulletList",
+  "orderedList",
+  "taskList",
+  "blockquote",
+  "codeBlock"
+]);
+function canTurnBlockInto(node) {
+  return !!node && TURNABLE.has(node.type.name);
+}
+function currentTurnIntoKind(editor, pos, node) {
+  const name = node.type.name;
+  if (name === "paragraph") return "paragraph";
+  if (name === "heading") {
+    const level = Number(node.attrs.level);
+    if (level === 1 || level === 2 || level === 3) {
+      return `heading-${level}`;
+    }
+    return null;
+  }
+  if (name === "bulletList") return "bulletList";
+  if (name === "orderedList") return "orderedList";
+  if (name === "taskList") return "taskList";
+  if (name === "blockquote") return "blockquote";
+  if (name === "codeBlock") return "codeBlock";
+  if (name === "listItem" || name === "taskItem") {
+    const parent = editor.state.doc.resolve(pos).parent.type.name;
+    if (parent === "bulletList") return "bulletList";
+    if (parent === "orderedList") return "orderedList";
+    if (parent === "taskList") return "taskList";
+  }
+  return null;
+}
+function firstTextPos(node, pos) {
+  if (node.isTextblock) return pos + 1;
+  let found = null;
+  node.descendants((child, offset2) => {
+    if (found != null) return false;
+    if (child.isTextblock) {
+      found = pos + 1 + offset2 + 1;
+      return false;
+    }
+    return true;
+  });
+  return found;
+}
+function turnBlockInto(editor, pos, kind) {
+  const node = editor.state.doc.nodeAt(pos);
+  if (!node || !canTurnBlockInto(node)) return false;
+  const textPos = firstTextPos(node, pos);
+  if (textPos == null) return false;
+  const chain = editor.chain().setTextSelection(textPos);
+  if (LIFT_BEFORE_TURN.has(node.type.name)) chain.clearNodes();
+  if (kind === "heading-1" || kind === "heading-2" || kind === "heading-3") {
+    const level = Number(kind.slice(-1));
+    chain.setHeading({ level });
+  } else if (kind === "paragraph") {
+    if (!LIFT_BEFORE_TURN.has(node.type.name)) chain.setParagraph();
+  } else if (kind === "bulletList") {
+    chain.toggleBulletList();
+  } else if (kind === "orderedList") {
+    chain.toggleOrderedList();
+  } else if (kind === "taskList") {
+    chain.toggleTaskList();
+  } else if (kind === "blockquote") {
+    chain.toggleBlockquote();
+  } else if (kind === "codeBlock") {
+    chain.setCodeBlock();
+  }
+  return chain.run();
+}
+function duplicateBlock(editor, pos) {
+  const node = editor.state.doc.nodeAt(pos);
+  if (!node) return false;
+  return editor.chain().insertContentAt(pos + node.nodeSize, node.toJSON()).run();
+}
+function deleteBlock(editor, pos) {
+  const node = editor.state.doc.nodeAt(pos);
+  if (!node) return false;
+  let from = pos;
+  let to = pos + node.nodeSize;
+  const $pos = editor.state.doc.resolve(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;
+  }
+  if (from <= 0 && to >= editor.state.doc.content.size) {
+    return editor.chain().insertContentAt(
+      { from: 0, to: editor.state.doc.content.size },
+      { type: "paragraph" }
+    ).run();
+  }
+  return editor.chain().deleteRange({ from, to }).run();
+}
+function blockMarkdown(editor, pos) {
+  var _a;
+  const node = editor.state.doc.nodeAt(pos);
+  if (!node) return null;
+  const serialized = (_a = editor.markdown) == null ? void 0 : _a.serialize(node.toJSON());
+  if (typeof serialized === "string") return serialized;
+  return node.textContent;
+}
+function canResetBlockFormatting(node) {
+  if (!node || node.isAtom) return false;
+  if (node.type.name === "image" || node.type.name === "horizontalRule") {
+    return false;
+  }
+  if (node.isTextblock) return true;
+  let found = false;
+  node.descendants((child) => {
+    if (child.isTextblock) {
+      found = true;
+      return false;
+    }
+    return true;
+  });
+  return found;
+}
+function withoutBlockStyles(node) {
+  const next = { ...node.attrs };
+  if ("textAlign" in next) next.textAlign = null;
+  if ("indent" in next) next.indent = null;
+  if ("lineHeight" in next) next.lineHeight = null;
+  return next;
+}
+function resetBlockFormatting(editor, pos) {
+  const node = editor.state.doc.nodeAt(pos);
+  if (!node || !canResetBlockFormatting(node)) return false;
+  const from = pos + 1;
+  const to = pos + node.nodeSize - 1;
+  let tr = editor.state.tr;
+  if (to > from) {
+    for (const mark of Object.values(editor.schema.marks)) {
+      tr = tr.removeMark(from, to, mark);
+    }
+  }
+  const markup = [];
+  if (node.isTextblock) {
+    markup.push({ pos, attrs: withoutBlockStyles(node) });
+  }
+  node.descendants((child, offset2) => {
+    if (!child.isTextblock) return;
+    markup.push({
+      pos: pos + 1 + offset2,
+      attrs: withoutBlockStyles(child)
+    });
+  });
+  for (const item2 of markup) {
+    tr = tr.setNodeMarkup(item2.pos, void 0, item2.attrs);
+  }
+  if (!tr.docChanged) return false;
+  editor.view.dispatch(tr);
+  return true;
+}
+function isImageBlock(node) {
+  return (node == null ? void 0 : node.type.name) === "image" && typeof node.attrs.src === "string" && node.attrs.src.length > 0;
+}
+function downloadImageBlock(node) {
+  var _a;
+  if (!isImageBlock(node)) return;
+  const src = node.attrs.src;
+  const alt = typeof node.attrs.alt === "string" ? node.attrs.alt.trim() : "";
+  const fromUrl = ((_a = src.split("/").pop()) == null ? void 0 : _a.split("?")[0]) ?? "";
+  const a3 = document.createElement("a");
+  a3.href = src;
+  a3.download = alt || fromUrl || "image";
+  a3.rel = "noopener";
+  a3.target = "_blank";
+  document.body.appendChild(a3);
+  a3.click();
+  a3.remove();
+}
+const LIST_NAMES = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
+const draggingViews = /* @__PURE__ */ new WeakSet();
+const blockDragListGuardKey = new PluginKey("blockDragListGuard");
+function setBlockHandleDragging(view, dragging) {
+  if (dragging) draggingViews.add(view);
+  else draggingViews.delete(view);
+}
+function isBlockHandleDragging(view) {
+  return draggingViews.has(view);
+}
+function outermostListDepth(doc, pos) {
+  const safe = Math.max(0, Math.min(pos, doc.content.size));
+  const $pos = doc.resolve(safe);
+  let listDepth = -1;
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    if (LIST_NAMES.has($pos.node(depth).type.name)) listDepth = depth;
+  }
+  return listDepth;
+}
+function isPosInsideList(doc, pos) {
+  return outermostListDepth(doc, pos) > 0;
+}
+function listEscapeEdge(view, pos, clientY) {
+  const listDepth = outermostListDepth(view.state.doc, pos);
+  if (listDepth < 0) return null;
+  const $pos = view.state.doc.resolve(
+    Math.max(0, Math.min(pos, view.state.doc.content.size))
+  );
+  const start = $pos.before(listDepth);
+  const node = $pos.node(listDepth);
+  const dom = view.nodeDOM(start);
+  let after = pos >= start + node.nodeSize / 2;
+  if (dom instanceof HTMLElement) {
+    const rect = dom.getBoundingClientRect();
+    if (rect.height > 0) after = clientY >= rect.top + rect.height / 2;
+  }
+  return after ? start + node.nodeSize : start;
+}
+function moveDraggedSlice(view, slice, insertPos) {
+  const { state } = view;
+  const { from, to } = state.selection;
+  if (insertPos > from && insertPos < to) return true;
+  const tr = state.tr;
+  tr.deleteSelection();
+  const pos = tr.mapping.map(insertPos, 1);
+  const block = slice.openStart === 0 && slice.openEnd === 0 && slice.content.childCount === 1 ? slice.content.firstChild : null;
+  if (block) tr.replaceRangeWith(pos, pos, block);
+  else tr.replaceRange(pos, pos, slice);
+  if (tr.doc.eq(state.doc)) return true;
+  const $pos = tr.doc.resolve(Math.max(0, Math.min(pos, tr.doc.content.size)));
+  const near = TextSelection.findFrom($pos, 1, true) ?? TextSelection.findFrom($pos, -1, true);
+  if (near) tr.setSelection(near);
+  try {
+    view.focus();
+  } catch {
+  }
+  view.dispatch(tr.setMeta("uiEvent", "drop").scrollIntoView());
+  return true;
+}
+function snappedListEdge(view, clientX, clientY, slice) {
+  const coords = view.posAtCoords({ left: clientX, top: clientY });
+  if (!coords) return null;
+  const natural = dropPoint(view.state.doc, coords.pos, slice);
+  const probe = natural ?? coords.pos;
+  if (!isPosInsideList(view.state.doc, probe)) return null;
+  return listEscapeEdge(view, probe, clientY);
+}
+function placeBlockDropCursor(view, pos) {
+  const parent = view.dom.offsetParent;
+  if (!(parent instanceof HTMLElement)) return;
+  const cursor = parent.querySelector(
+    ".prosemirror-dropcursor-block, .prosemirror-dropcursor-inline"
+  );
+  if (!(cursor instanceof HTMLElement)) return;
+  const $pos = view.state.doc.resolve(pos);
+  const before = $pos.nodeBefore;
+  const anchorPos = before ? pos - before.nodeSize : pos;
+  const anchor2 = view.nodeDOM(anchorPos);
+  if (!(anchor2 instanceof HTMLElement)) return;
+  const anchorRect = anchor2.getBoundingClientRect();
+  let lineTop = before ? anchorRect.bottom : anchorRect.top;
+  if (before && $pos.nodeAfter) {
+    const next = view.nodeDOM(pos);
+    if (next instanceof HTMLElement) {
+      lineTop = (anchorRect.bottom + next.getBoundingClientRect().top) / 2;
+    }
+  }
+  const editorRect = view.dom.getBoundingClientRect();
+  const scaleX = editorRect.width / view.dom.offsetWidth || 1;
+  const scaleY = editorRect.height / view.dom.offsetHeight || 1;
+  const parentRect = parent.getBoundingClientRect();
+  const parentScaleX = parentRect.width / parent.offsetWidth || 1;
+  const parentScaleY = parentRect.height / parent.offsetHeight || 1;
+  const parentLeft = parentRect.left - parent.scrollLeft * parentScaleX;
+  const parentTop = parentRect.top - parent.scrollTop * parentScaleY;
+  const half = scaleY;
+  cursor.classList.add("prosemirror-dropcursor-block");
+  cursor.classList.remove("prosemirror-dropcursor-inline");
+  cursor.style.left = `${(anchorRect.left - parentLeft) / scaleX}px`;
+  cursor.style.top = `${(lineTop - half - parentTop) / scaleY}px`;
+  cursor.style.width = `${(anchorRect.right - anchorRect.left) / scaleX}px`;
+  cursor.style.height = `${2 * half / scaleY}px`;
+}
+function blockDragListGuardPlugin() {
+  return new Plugin({
+    key: blockDragListGuardKey,
+    props: {
+      handleDrop(view, event, slice, moved) {
+        if (!moved || !isBlockHandleDragging(view)) return false;
+        const edge = snappedListEdge(view, event.clientX, event.clientY, slice);
+        if (edge == null) return false;
+        moveDraggedSlice(view, slice, edge);
+        return true;
+      }
+    },
+    view(editorView) {
+      const onDragOver = (event) => {
+        var _a;
+        const slice = (_a = editorView.dragging) == null ? void 0 : _a.slice;
+        if (!slice || !isBlockHandleDragging(editorView)) return;
+        const edge = snappedListEdge(
+          editorView,
+          event.clientX,
+          event.clientY,
+          slice
+        );
+        if (edge == null) return;
+        placeBlockDropCursor(editorView, edge);
+      };
+      editorView.dom.addEventListener("dragover", onDragOver);
+      return {
+        destroy() {
+          editorView.dom.removeEventListener("dragover", onDragOver);
+          setBlockHandleDragging(editorView, false);
+        }
+      };
+    }
+  });
+}
+const cluster = "_cluster_5edcs_4";
+const clusterOnTable = "_clusterOnTable_5edcs_24";
+const button = "_button_5edcs_28";
+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 itemActive$1 = "_itemActive_5edcs_118";
+const itemDanger = "_itemDanger_5edcs_123";
+const itemIcon = "_itemIcon_5edcs_132";
+const styles$7 = {
+  cluster,
+  clusterOnTable,
+  button,
+  grip,
+  menu: menu$1,
+  groupLabel,
+  divider: divider$3,
+  item: item$1,
+  itemActive: itemActive$1,
+  itemDanger,
+  itemIcon
+};
+const HANDLE_POSITION = {
+  placement: "left-start",
+  strategy: "absolute",
+  middleware: [offset({ mainAxis: -6, crossAxis: 4 })]
+};
+const TABLE_ANCHOR_LIFT = 24;
+const THEME_VARS = [
+  "--tmr-text",
+  "--tmr-accent",
+  "--tmr-toolbar-border",
+  "--tmr-toolbar-muted",
+  "--tmr-popover-bg",
+  "--tmr-danger",
+  "--tmr-code-bg"
+];
+function lockDragHandle(editor, locked) {
+  if (editor.isDestroyed) return;
+  editor.view.dispatch(
+    editor.state.tr.setMeta("lockDragHandle", locked).setMeta("addToHistory", false)
+  );
+}
+async function copyMarkdown(markdown) {
+  try {
+    await navigator.clipboard.writeText(markdown);
+    return;
+  } catch {
+  }
+  const area = document.createElement("textarea");
+  area.value = markdown;
+  area.setAttribute("readonly", "");
+  area.style.position = "fixed";
+  area.style.left = "-9999px";
+  document.body.appendChild(area);
+  area.select();
+  document.execCommand("copy");
+  area.remove();
+}
+const TURN_ICON = {
+  paragraph: "¶",
+  "heading-1": "H1",
+  "heading-2": "H2",
+  "heading-3": "H3",
+  bulletList: "•",
+  orderedList: "1.",
+  taskList: "✓",
+  blockquote: "❝",
+  codeBlock: "{ }"
+};
+function BlockDragHandle({ editor }) {
+  const t = useEditorBundle(editor).blockDrag;
+  const [target, setTarget] = useState(null);
+  const [menu2, setMenu] = useState(null);
+  const draggedRef = useRef(false);
+  const targetRef = useRef(null);
+  const menuRef = useRef(null);
+  const closeMenu = useCallback(() => {
+    setMenu(null);
+    lockDragHandle(editor, false);
+  }, [editor]);
+  useEffect(() => {
+    const plugin = blockDragListGuardPlugin();
+    editor.registerPlugin(plugin);
+    return () => {
+      setBlockHandleDragging(editor.view, false);
+      if (!editor.isDestroyed) editor.unregisterPlugin(blockDragListGuardKey);
+    };
+  }, [editor]);
+  useEffect(() => {
+    if (!menu2) return;
+    const onKey = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      closeMenu();
+    };
+    const onDown = (event) => {
+      const el = event.target;
+      if (!(el instanceof Element)) return;
+      if (el.closest("[data-block-drag-menu], [data-block-drag-grip]")) return;
+      closeMenu();
+    };
+    const onScroll = () => closeMenu();
+    document.addEventListener("keydown", onKey);
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("scroll", onScroll, true);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("scroll", onScroll, true);
+    };
+  }, [menu2, closeMenu]);
+  useEffect(() => {
+    if (!menu2 || !menuRef.current) return;
+    const style = getComputedStyle(editor.view.dom);
+    for (const name of THEME_VARS) {
+      const value = style.getPropertyValue(name);
+      if (value) menuRef.current.style.setProperty(name, value);
+    }
+  }, [menu2, editor]);
+  useEffect(() => () => lockDragHandle(editor, false), [editor, closeMenu]);
+  const openMenu = (anchor2) => {
+    if (!target) return;
+    const rect = anchor2.getBoundingClientRect();
+    const estimated = 380;
+    const y = rect.top + estimated > window.innerHeight ? Math.max(8, window.innerHeight - estimated - 8) : rect.top;
+    const x = Math.min(rect.right + 6, window.innerWidth - 220);
+    lockDragHandle(editor, true);
+    setMenu({ x, y, pos: target.pos, node: target.node });
+  };
+  const run = (action) => {
+    action();
+    editor.commands.focus();
+    closeMenu();
+  };
+  const activeKind = menu2 ? currentTurnIntoKind(editor, menu2.pos, menu2.node) : null;
+  const showTurn = menu2 ? canTurnBlockInto(menu2.node) : false;
+  const showReset = menu2 ? canResetBlockFormatting(menu2.node) : false;
+  const showDownload = menu2 ? isImageBlock(menu2.node) : false;
+  const turnLabel = (kind) => {
+    if (kind === "paragraph") return t.paragraph;
+    if (kind === "heading-1") return t.headingLabel(1);
+    if (kind === "heading-2") return t.headingLabel(2);
+    if (kind === "heading-3") return t.headingLabel(3);
+    if (kind === "bulletList") return t.bulletList;
+    if (kind === "orderedList") return t.orderedList;
+    if (kind === "taskList") return t.taskList;
+    if (kind === "blockquote") return t.blockquote;
+    return t.codeBlock;
+  };
+  return /* @__PURE__ */ jsxs(Fragment$2, { children: [
+    /* @__PURE__ */ jsx(
+      DragHandle,
+      {
+        editor,
+        computePositionConfig: HANDLE_POSITION,
+        onNodeChange: ({ node, pos }) => {
+          if (!node || pos < 0) {
+            targetRef.current = null;
+            setTarget(null);
+            return;
+          }
+          const next = { node, pos };
+          targetRef.current = next;
+          setTarget(next);
+        },
+        getReferencedVirtualElement: () => {
+          const current = targetRef.current;
+          if (!current || current.node.type.name !== "table") return null;
+          const pos = current.pos;
+          return {
+            getBoundingClientRect: () => {
+              let dom = null;
+              try {
+                dom = editor.view.nodeDOM(pos);
+              } catch {
+                dom = null;
+              }
+              if (!(dom instanceof HTMLElement)) return new DOMRect();
+              const rect = dom.getBoundingClientRect();
+              return new DOMRect(
+                rect.x,
+                rect.y - TABLE_ANCHOR_LIFT,
+                rect.width,
+                rect.height
+              );
+            }
+          };
+        },
+        onElementDragStart: () => {
+          draggedRef.current = true;
+          setBlockHandleDragging(editor.view, true);
+        },
+        onElementDragEnd: () => {
+          setBlockHandleDragging(editor.view, false);
+          setTimeout(() => {
+            draggedRef.current = false;
+          }, 0);
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${styles$7.cluster} ${(target == null ? void 0 : target.node.type.name) === "table" ? styles$7.clusterOnTable : ""}`,
+            "data-block-drag": "",
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "button",
+                tabIndex: 0,
+                className: `${styles$7.button} ${styles$7.grip}`,
+                "data-block-drag-grip": "",
+                title: t.dragHandle,
+                "aria-label": t.dragHandle,
+                "aria-haspopup": "menu",
+                "aria-expanded": menu2 != null,
+                onKeyDown: (event) => {
+                  if (event.key !== "Enter" && event.key !== " ") return;
+                  event.preventDefault();
+                  if (menu2) closeMenu();
+                  else openMenu(event.currentTarget);
+                },
+                onClick: (event) => {
+                  if (draggedRef.current) return;
+                  if (menu2) {
+                    closeMenu();
+                    return;
+                  }
+                  openMenu(event.currentTarget);
+                },
+                children: /* @__PURE__ */ jsx(GripIcon, { size: 14 })
+              }
+            )
+          }
+        )
+      }
+    ),
+    menu2 ? createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: menuRef,
+          className: styles$7.menu,
+          "data-block-drag-menu": "",
+          role: "menu",
+          "aria-label": t.menuLabel,
+          style: { left: menu2.x, top: menu2.y },
+          onMouseDown: (event) => event.stopPropagation(),
+          children: [
+            showTurn ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
+              /* @__PURE__ */ jsx("div", { className: styles$7.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,
+                  "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", { children: turnLabel(kind) })
+                  ]
+                },
+                kind
+              )),
+              /* @__PURE__ */ jsx("div", { className: styles$7.divider })
+            ] }) : null,
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: styles$7.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", { children: t.copy })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: styles$7.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", { children: t.duplicate })
+                ]
+              }
+            ),
+            showReset ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: styles$7.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", { children: t.resetFormatting })
+                ]
+              }
+            ) : null,
+            showDownload ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: styles$7.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", { children: t.downloadImage })
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ jsx("div", { className: styles$7.divider }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: `${styles$7.item} ${styles$7.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", { children: t.delete })
+                ]
+              }
+            )
+          ]
         }
-      ) : null,
-      /* @__PURE__ */ jsx(NodeViewContent, { as: "code" })
-    ] })
+      ),
+      document.body
+    ) : null
   ] });
 }
-const CodeBlock = CodeBlockLowlight.extend({
-  addOptions() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      codeBlockLabels: void 0
+const anchor = "_anchor_1b977_4";
+const nav = "_nav_1b977_15";
+const navOpen = "_navOpen_1b977_16";
+const list = "_list_1b977_58";
+const barButton = "_barButton_1b977_64";
+const bar$1 = "_bar_1b977_64";
+const barActive = "_barActive_1b977_78";
+const item = "_item_1b977_89";
+const itemActive = "_itemActive_1b977_110";
+const itemText = "_itemText_1b977_117";
+const styles$6 = {
+  anchor,
+  nav,
+  navOpen,
+  list,
+  barButton,
+  bar: bar$1,
+  barActive,
+  item,
+  itemActive,
+  itemText
+};
+function barWidth(level) {
+  if (level <= 1) return 16;
+  if (level === 2) return 12;
+  if (level === 3) return 8;
+  return 6;
+}
+function findScrollParent(start) {
+  let node = start.parentElement;
+  while (node && node !== document.documentElement) {
+    const style = getComputedStyle(node);
+    const overflowY = style.overflowY;
+    const canScroll = overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay";
+    if (canScroll && (node.scrollHeight > node.clientHeight + 1 || style.maxHeight !== "none")) {
+      return node;
+    }
+    node = node.parentElement;
+  }
+  return document.scrollingElement ?? document.documentElement;
+}
+function isViewportScroller(node) {
+  return node === document.documentElement || node === document.body || node === document.scrollingElement;
+}
+function EditorToc({ items, editorDom, locale = "en" }) {
+  var _a;
+  const t = getLocaleBundle(locale).toc;
+  const [open, setOpen] = useState(false);
+  const [activeId, setActiveId] = useState(((_a = items[0]) == null ? void 0 : _a.id) ?? "");
+  const [roving, setRoving] = useState(0);
+  const navRef = useRef(null);
+  const itemRefs = useRef([]);
+  const hideTimer = useRef(null);
+  const clearHide = () => {
+    if (hideTimer.current !== null) {
+      window.clearTimeout(hideTimer.current);
+      hideTimer.current = null;
+    }
+  };
+  const show = () => {
+    clearHide();
+    setOpen(true);
+  };
+  const hideSoon = () => {
+    clearHide();
+    hideTimer.current = window.setTimeout(() => {
+      var _a2;
+      hideTimer.current = null;
+      if ((_a2 = navRef.current) == null ? void 0 : _a2.contains(document.activeElement)) return;
+      setOpen(false);
+    }, 80);
+  };
+  useEffect(() => () => clearHide(), []);
+  useEffect(() => {
+    const headings = items.map(
+      (item2) => editorDom.querySelector(
+        `[data-toc-id="${CSS.escape(item2.id)}"]`
+      )
+    ).filter((el) => el !== null);
+    if (!headings.length) return;
+    const scrollParent = findScrollParent(editorDom);
+    const viewport = isViewportScroller(scrollParent);
+    const visible = /* @__PURE__ */ new Set();
+    const apply2 = () => {
+      const rootTop = viewport ? 0 : scrollParent.getBoundingClientRect().top;
+      let best = null;
+      let bestTop = Infinity;
+      for (const el of visible) {
+        const top = el.getBoundingClientRect().top;
+        if (top < bestTop) {
+          bestTop = top;
+          best = el;
+        }
+      }
+      if (!best) {
+        let last = null;
+        for (const heading of headings) {
+          if (heading.getBoundingClientRect().top <= rootTop + 12) last = heading;
+        }
+        best = last ?? headings[0];
+      }
+      const id = best.getAttribute("data-toc-id");
+      if (id) setActiveId(id);
     };
-  },
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) visible.add(entry.target);
+          else visible.delete(entry.target);
+        }
+        apply2();
+      },
+      {
+        root: viewport ? null : scrollParent,
+        rootMargin: "0px 0px -60% 0px",
+        threshold: [0, 1]
+      }
+    );
+    for (const heading of headings) observer.observe(heading);
+    const onScroll = () => apply2();
+    const scrollTarget = viewport ? window : scrollParent;
+    scrollTarget.addEventListener("scroll", onScroll, { passive: true });
+    apply2();
+    return () => {
+      observer.disconnect();
+      scrollTarget.removeEventListener("scroll", onScroll);
+    };
+  }, [items, editorDom]);
+  useEffect(() => {
+    var _a2;
+    if ((_a2 = navRef.current) == null ? void 0 : _a2.contains(document.activeElement)) return;
+    const index = items.findIndex((item2) => item2.id === activeId);
+    if (index >= 0) setRoving(index);
+  }, [activeId, items]);
+  useEffect(() => {
+    var _a2, _b;
+    if (!open || !activeId) return;
+    const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    (_b = (_a2 = navRef.current) == null ? void 0 : _a2.querySelector(`[data-toc-item="${CSS.escape(activeId)}"]`)) == null ? void 0 : _b.scrollIntoView({ block: "nearest", behavior: reduce ? "auto" : "smooth" });
+  }, [activeId, open]);
+  const jump = (item2) => {
+    setActiveId(item2.id);
+    scrollToTocHeading(item2.id, findScrollParent(editorDom));
+  };
+  const move = (delta) => {
+    var _a2;
+    const next = Math.min(items.length - 1, Math.max(0, roving + delta));
+    setRoving(next);
+    setOpen(true);
+    (_a2 = itemRefs.current[next]) == null ? void 0 : _a2.focus();
+  };
+  return /* @__PURE__ */ jsx("div", { className: styles$6.anchor, children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref: navRef,
+      className: open ? styles$6.navOpen : styles$6.nav,
+      "aria-label": t.title,
+      "data-editor-toc": "",
+      onMouseEnter: show,
+      onMouseLeave: hideSoon,
+      onFocus: show,
+      onBlur: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) hideSoon();
+      },
+      onKeyDown: (event) => {
+        if (event.key === "ArrowDown") {
+          event.preventDefault();
+          move(1);
+        } else if (event.key === "ArrowUp") {
+          event.preventDefault();
+          move(-1);
+        } else if (event.key === "Escape") {
+          setOpen(false);
+        }
+      },
+      children: /* @__PURE__ */ jsx("ul", { className: styles$6.list, children: items.map((item2, index) => {
+        const active = item2.id === activeId;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            ref: (node) => {
+              itemRefs.current[index] = node;
+            },
+            "data-toc-item": item2.id,
+            tabIndex: index === roving ? 0 : -1,
+            className: open ? `${styles$6.item} ${active ? styles$6.itemActive : ""}` : styles$6.barButton,
+            style: open ? { paddingLeft: `${(item2.level - 1) * 12 + 10}px` } : void 0,
+            "aria-current": active ? "true" : void 0,
+            "aria-label": item2.text,
+            onClick: () => jump(item2),
+            children: open ? /* @__PURE__ */ jsx("span", { className: styles$6.itemText, children: item2.text }) : /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: active ? styles$6.barActive : styles$6.bar,
+                style: { width: barWidth(item2.level) }
+              }
+            )
+          }
+        ) }, item2.id);
+      }) })
+    }
+  ) });
+}
+function useIsMobile(breakpoint = 768) {
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    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.
   parseMarkdown: (token, helpers) => parseCodeTokenAsChartOrCodeBlock(token, helpers, "codeBlock"),
@@ -2846,35 +4471,74 @@ const ImageWithConfirmDelete = Image.extend({
   }
 });
 const DEFAULT_FIND_BAR_OFFSET = { top: 4, right: 4 };
-function findBarOffsetStyle(offset) {
+function findBarOffsetStyle(offset2) {
   const px = (v) => typeof v === "number" ? `${v}px` : v;
   return {
     position: "absolute",
-    top: px(offset.top),
-    right: px(offset.right),
-    bottom: px(offset.bottom),
-    left: px(offset.left)
+    top: px(offset2.top),
+    right: px(offset2.right),
+    bottom: px(offset2.bottom),
+    left: px(offset2.left)
   };
 }
+function CharacterCountStatus({
+  editor,
+  locale
+}) {
+  const t = getLocaleBundle(locale).characterCount;
+  const counts = useEditorState({
+    editor,
+    selector: ({ editor: current }) => {
+      const storage = current == null ? void 0 : current.storage.characterCount;
+      if (!storage) return { characters: 0, words: 0 };
+      return {
+        characters: storage.characters(),
+        words: storage.words()
+      };
+    }
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: styles$e.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", { 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,
+  locale = "en",
   sources,
   renderCitation,
   placeholder,
   onEditorReady,
   onTocChange,
+  toc = true,
   markdownPaste = true,
   markdownFileDrop = true,
   extraExtensions,
-  codeBlockLabels,
   className,
   comments,
   activeCommentId,
@@ -2890,26 +4554,35 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   findBarContainer,
   findBarOffset = DEFAULT_FIND_BAR_OFFSET,
   findShortcut = true,
-  findLabels,
   onFindOpenChange,
   slashMenu = true,
-  slashMenuLabels,
+  typography = true,
+  emojiSuggestion = true,
+  blockDrag = true,
   shortcutPanel = true,
-  shortcutLabels,
   shortcutFabContainer,
   imageUpload,
-  imageResize = true
+  imageResize = true,
+  characterCount = false
 }, ref) {
   const preparedInitial = prepareChartMarkdown(
     enrichMarkdownCitations(initialMarkdown, sources ?? [])
   );
+  const blockDragMobile = useIsMobile(768);
+  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,
-      CodeBlock.configure({ lowlight, codeBlockLabels }),
+      ...baseExtensions.map(
+        (ext) => ext.name === "emoji" ? configureEmojiSuggestion(ext, emojiSuggestion) : ext
+      ),
+      CodeBlock.configure({ lowlight }),
       ImageWithConfirmDelete.configure({
         inline: false,
         // 图片缩放（默认开、默认等比、默认左右两条手柄）：false 关掉；对象透传官方配置
@@ -2950,18 +4623,36 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       // - searchDebounceMs 关掉：官方防抖走 setTimeout，抛错会落在异步回调里兜不住；
       //   防抖改由浮动条自己做（见 findReplace.ts）。
       ...findReplace ? [FindAndReplace.configure({ injectCSS: false, searchDebounceMs: 0 })] : [],
+      // 失焦选区：MIT 的 Selection。非空文本选区失焦后打上 .tmr-blur-selection，
+      // 样式在 content.module.css。节点选区（图片、代码块整块）官方不保留。
+      Selection$1.configure({ className: "tmr-blur-selection" }),
+      // 字数统计：MIT 的 @tiptap/extensions CharacterCount（不是 @tiptap-pro）。
+      // 只调用它的 storage，统计条是本库自绘。无 limit，不裁剪正文。
+      // 词数换成自写的 countWords，否则整段中文会被默认的按空格切分算成 1 个词。
+      ...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] : [],
       ...markdownFileDrop ? [MarkdownFileDrop] : [],
       // 斜杠菜单（键入 / 唤起）：默认开，只读态由 suggestion 状态机自身短路
-      ...slashMenu ? [SlashMenu.configure({ labels: slashMenuLabels })] : [],
+      ...slashMenu ? [SlashMenu] : [],
+      // 智能标点：输入规则，不增加节点，所以不进 baseExtensions。
+      ...typography ? [Typography] : [],
       ...extraExtensions ?? []
     ],
     content: preparedInitial,
@@ -2971,10 +4662,11 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class: styles$c.editorContent
+        class: styles$e.editorContent
       }
     }
   });
+  usePublishEditorLocale(editor, locale);
   useEffect(() => {
     onEditorReady == null ? void 0 : onEditorReady(editor);
     return () => onEditorReady == null ? void 0 : onEditorReady(null);
@@ -3167,22 +4859,19 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     FindReplaceBar,
     {
       editor,
-      labels: findLabels,
+      locale,
       onClose: closeFind,
       inputRef: findInputRef,
-      className: styles$c.findBar,
+      className: styles$e.findBar,
       style: findBarOffsetStyle(findBarOffset)
     }
   ) : null;
-  const shortcutT = useMemo(
-    () => ({ ...defaultShortcutLabels, ...shortcutLabels }),
-    [shortcutLabels]
-  );
+  const shortcutT = getLocaleBundle(locale).shortcut;
   const [shortcutFabTarget, setShortcutFabTarget] = useState(
     null
   );
-  const useIsoLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-  useIsoLayoutEffect(() => {
+  const useIsoLayoutEffect2 = typeof window === "undefined" ? useEffect : useLayoutEffect;
+  useIsoLayoutEffect2(() => {
     const target = typeof shortcutFabContainer === "function" ? shortcutFabContainer() : shortcutFabContainer ?? null;
     setShortcutFabTarget((prev) => prev === target ? prev : target);
   });
@@ -3190,7 +4879,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     "button",
     {
       type: "button",
-      className: shortcutFabTarget ? `${styles$c.shortcutFab} ${styles$c.shortcutFabHosted}` : styles$c.shortcutFab,
+      className: shortcutFabTarget ? `${styles$e.shortcutFab} ${styles$e.shortcutFabHosted}` : styles$e.shortcutFab,
       title: shortcutT.panelTitle,
       "aria-label": shortcutT.panelTitle,
       "aria-expanded": shortcutsOpen,
@@ -3198,32 +4887,58 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       children: /* @__PURE__ */ jsx(KeyboardIcon, { size: 18 })
     }
   ) : null;
-  return /* @__PURE__ */ jsxs("div", { className: styles$c.editorHost, children: [
-    findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$c.findBarAnchor, children: findBarNode }) : null,
-    findBarNode && findBarTarget ? createPortal(findBarNode, findBarTarget) : null,
-    /* @__PURE__ */ jsx(
-      EditorContent,
-      {
-        editor,
-        className: className ? `${styles$c.editorScroll} ${className}` : styles$c.editorScroll
-      }
-    ),
-    shortcutFabNode && shortcutFabTarget ? createPortal(shortcutFabNode, shortcutFabTarget) : shortcutFabNode,
-    shortcutPanel && editable ? /* @__PURE__ */ jsx(
-      ShortcutPanel,
-      {
-        open: shortcutsOpen,
-        onClose: () => setShortcutsOpen(false),
-        labels: shortcutLabels
-      }
-    ) : null
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: styles$e.editorHost,
+      "data-block-drag-gutter": showBlockDrag ? "" : void 0,
+      children: [
+        findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$e.findBarAnchor, children: findBarNode }) : null,
+        findBarNode && findBarTarget ? createPortal(findBarNode, findBarTarget) : null,
+        editor && toc && !blockDragMobile && tocItems.length > 0 ? /* @__PURE__ */ jsx(
+          EditorToc,
+          {
+            items: tocItems,
+            editorDom: editor.view.dom,
+            locale
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          EditorContent,
+          {
+            editor,
+            className: [
+              styles$e.editorScroll,
+              showBlockDrag ? styles$e.withBlockDrag : "",
+              toc && !blockDragMobile && tocItems.length > 0 ? styles$e.withToc : "",
+              className ?? ""
+            ].filter(Boolean).join(" ")
+          }
+        ),
+        editor && showBlockDrag ? /* @__PURE__ */ jsx(BlockDragHandle, { editor }) : null,
+        editor && characterCount ? /* @__PURE__ */ jsxs("div", { className: styles$e.editorStatus, children: [
+          /* @__PURE__ */ jsx(CharacterCountStatus, { editor, locale }),
+          shortcutFabNode && !shortcutFabTarget ? shortcutFabNode : null
+        ] }) : shortcutFabNode && !shortcutFabTarget ? shortcutFabNode : null,
+        shortcutFabNode && shortcutFabTarget ? createPortal(shortcutFabNode, shortcutFabTarget) : null,
+        shortcutPanel && editable ? /* @__PURE__ */ jsx(
+          ShortcutPanel,
+          {
+            open: shortcutsOpen,
+            onClose: () => setShortcutsOpen(false),
+            locale
+          }
+        ) : null
+      ]
+    }
+  );
 });
 function MarkdownPreview({
   markdown,
   sources,
   renderCitation,
-  className
+  className,
+  locale = "en"
 }) {
   const prepared = useMemo(
     () => prepareChartMarkdown(
@@ -3258,11 +4973,12 @@ function MarkdownPreview({
       editable: false,
       immediatelyRender: false,
       editorProps: {
-        attributes: { class: styles$c.editorContent }
+        attributes: { class: styles$e.editorContent }
       }
     },
     [extensions]
   );
+  usePublishEditorLocale(editor, locale);
   useEffect(() => {
     if (!editor) return;
     editor.commands.setContent(prepared, { contentType: "markdown" });
@@ -3271,7 +4987,7 @@ function MarkdownPreview({
     EditorContent,
     {
       editor,
-      className: className ?? styles$c.editorScroll
+      className: className ?? styles$e.editorScroll
     }
   );
 }
@@ -3343,46 +5059,58 @@ function splitTopLevelBlocks(markdown) {
 function stripToPlainText(markdown) {
   return markdown.replace(/!\[[^\]]*\]\([^)]+\)/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^#{1,6}\s+/gm, "").replace(/^[ \t]*[-*+]\s+/gm, "").replace(/^[ \t]*\d+\.\s+/gm, "").replace(/[*_~`]+/g, "").replace(/<[^>]+>/g, "").replace(/\|/g, " ").replace(/\s+/g, " ").trim();
 }
-const toolbar = "_toolbar_fvk6u_2";
-const inner = "_inner_fvk6u_15";
-const btn$2 = "_btn_fvk6u_35";
-const btnActive$1 = "_btnActive_fvk6u_58";
-const txtIcon = "_txtIcon_fvk6u_74";
-const colorIcon = "_colorIcon_fvk6u_82";
-const colorIconGlyph = "_colorIconGlyph_fvk6u_90";
-const colorIconBar = "_colorIconBar_fvk6u_96";
-const scriptTrigger = "_scriptTrigger_fvk6u_103";
-const scriptTriggerGlyph = "_scriptTriggerGlyph_fvk6u_123";
-const divider$2 = "_divider_fvk6u_131";
-const styleTrigger = "_styleTrigger_fvk6u_140";
-const styleTriggerLabel = "_styleTriggerLabel_fvk6u_174";
-const styleTriggerCaret = "_styleTriggerCaret_fvk6u_183";
-const iconTrigger = "_iconTrigger_fvk6u_190";
-const styleItem = "_styleItem_fvk6u_198";
-const styleIcon = "_styleIcon_fvk6u_204";
-const scriptGlyph = "_scriptGlyph_fvk6u_214";
-const menu = "_menu_fvk6u_226";
-const menuItem = "_menuItem_fvk6u_237";
-const menuItemSelected = "_menuItemSelected_fvk6u_264";
-const tableInsertCaret = "_tableInsertCaret_fvk6u_277";
-const tableSizePicker = "_tableSizePicker_fvk6u_285";
-const tableSizeGrid = "_tableSizeGrid_fvk6u_295";
-const tableSizeCell = "_tableSizeCell_fvk6u_300";
-const tableSizeCellActive = "_tableSizeCellActive_fvk6u_310";
-const tableSizeLabel = "_tableSizeLabel_fvk6u_315";
-const popoverContent$1 = "_popoverContent_fvk6u_324";
-const mathLayer = "_mathLayer_fvk6u_328";
-const mathStack = "_mathStack_fvk6u_333";
-const mathStackBlock = "_mathStackBlock_fvk6u_340";
-const mathHint = "_mathHint_fvk6u_345";
-const mathHintBlock = "_mathHintBlock_fvk6u_357";
-const mathHintIcon = "_mathHintIcon_fvk6u_363";
-const mathField = "_mathField_fvk6u_394";
-const mathFieldBlock = "_mathFieldBlock_fvk6u_406";
-const mathInput = "_mathInput_fvk6u_413";
-const mathDone = "_mathDone_fvk6u_431";
-const mathDoneKbd = "_mathDoneKbd_fvk6u_456";
-const styles$6 = {
+const toolbar = "_toolbar_1l6t0_2";
+const inner = "_inner_1l6t0_15";
+const btn$2 = "_btn_1l6t0_35";
+const btnActive$1 = "_btnActive_1l6t0_58";
+const txtIcon = "_txtIcon_1l6t0_74";
+const colorIcon = "_colorIcon_1l6t0_82";
+const colorIconGlyph = "_colorIconGlyph_1l6t0_90";
+const colorIconBar = "_colorIconBar_1l6t0_96";
+const scriptTrigger = "_scriptTrigger_1l6t0_103";
+const scriptTriggerGlyph = "_scriptTriggerGlyph_1l6t0_123";
+const divider$2 = "_divider_1l6t0_131";
+const styleTrigger = "_styleTrigger_1l6t0_140";
+const styleTriggerLabel = "_styleTriggerLabel_1l6t0_174";
+const styleTriggerCaret = "_styleTriggerCaret_1l6t0_183";
+const iconTrigger = "_iconTrigger_1l6t0_190";
+const styleItem = "_styleItem_1l6t0_198";
+const styleIcon = "_styleIcon_1l6t0_204";
+const scriptGlyph = "_scriptGlyph_1l6t0_214";
+const menu = "_menu_1l6t0_226";
+const menuItem = "_menuItem_1l6t0_237";
+const menuItemSelected = "_menuItemSelected_1l6t0_264";
+const listSplit = "_listSplit_1l6t0_279";
+const listSplitActive = "_listSplitActive_1l6t0_285";
+const numberingCaret = "_numberingCaret_1l6t0_297";
+const numberingCaretActive = "_numberingCaretActive_1l6t0_327";
+const numberingMenu = "_numberingMenu_1l6t0_331";
+const numberingGrid = "_numberingGrid_1l6t0_341";
+const numberingOption = "_numberingOption_1l6t0_347";
+const numberingOptionActive = "_numberingOptionActive_1l6t0_362";
+const numberingPreview = "_numberingPreview_1l6t0_367";
+const numberingPreviewRow = "_numberingPreviewRow_1l6t0_373";
+const numberingPreviewMarker = "_numberingPreviewMarker_1l6t0_388";
+const numberingPreviewLine = "_numberingPreviewLine_1l6t0_396";
+const tableInsertCaret = "_tableInsertCaret_1l6t0_402";
+const tableSizePicker = "_tableSizePicker_1l6t0_410";
+const tableSizeGrid = "_tableSizeGrid_1l6t0_420";
+const tableSizeCell = "_tableSizeCell_1l6t0_425";
+const tableSizeCellActive = "_tableSizeCellActive_1l6t0_435";
+const tableSizeLabel = "_tableSizeLabel_1l6t0_440";
+const popoverContent$1 = "_popoverContent_1l6t0_449";
+const mathLayer = "_mathLayer_1l6t0_453";
+const mathStack = "_mathStack_1l6t0_458";
+const mathStackBlock = "_mathStackBlock_1l6t0_465";
+const mathHint = "_mathHint_1l6t0_470";
+const mathHintBlock = "_mathHintBlock_1l6t0_482";
+const mathHintIcon = "_mathHintIcon_1l6t0_488";
+const mathField = "_mathField_1l6t0_519";
+const mathFieldBlock = "_mathFieldBlock_1l6t0_531";
+const mathInput = "_mathInput_1l6t0_538";
+const mathDone = "_mathDone_1l6t0_556";
+const mathDoneKbd = "_mathDoneKbd_1l6t0_581";
+const styles$5 = {
   toolbar,
   inner,
   btn: btn$2,
@@ -3404,6 +5132,18 @@ const styles$6 = {
   menu,
   menuItem,
   menuItemSelected,
+  listSplit,
+  listSplitActive,
+  numberingCaret,
+  numberingCaretActive,
+  numberingMenu,
+  numberingGrid,
+  numberingOption,
+  numberingOptionActive,
+  numberingPreview,
+  numberingPreviewRow,
+  numberingPreviewMarker,
+  numberingPreviewLine,
   tableInsertCaret,
   tableSizePicker,
   tableSizeGrid,
@@ -3432,7 +5172,7 @@ const swatch = "_swatch_x5lrq_54";
 const swatchActive = "_swatchActive_x5lrq_70";
 const themeLabel = "_themeLabel_x5lrq_76";
 const themeRow = "_themeRow_x5lrq_84";
-const styles$5 = {
+const styles$4 = {
   palette,
   noneRow,
   noneIcon,
@@ -3452,28 +5192,28 @@ const PALETTE = [
   ["#5c1010", "#700818", "#7c4808", "#7c6808", "#205818", "#10403c", "#183c78", "#0c3060", "#3c1460", "#601838"]
 ];
 const THEME_COLORS = ["#ff6719", "#ff5500"];
-function ColorPalette({ value, onPick, labels }) {
-  const t = { ...defaultColorPaletteLabels, ...labels };
+function ColorPalette({ value, onPick, locale = "en" }) {
+  const t = getLocaleBundle(locale).palette;
   const current = value == null ? void 0 : value.toLowerCase();
-  return /* @__PURE__ */ jsxs("div", { className: styles$5.palette, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$4.palette, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
-        className: styles$5.noneRow,
+        className: styles$4.noneRow,
         onMouseDown: (e2) => e2.preventDefault(),
         onClick: () => onPick(null),
         children: [
-          /* @__PURE__ */ jsx("span", { className: styles$5.noneIcon, "aria-hidden": true }),
-          /* @__PURE__ */ jsx("span", { className: styles$5.noneLabel, children: t.none })
+          /* @__PURE__ */ jsx("span", { className: styles$4.noneIcon, "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: styles$4.noneLabel, children: t.none })
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: styles$5.grid, children: PALETTE.flat().map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$4.grid, children: PALETTE.flat().map((c) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$5.swatch} ${current === c.toLowerCase() ? styles$5.swatchActive : ""}`,
+        className: `${styles$4.swatch} ${current === c.toLowerCase() ? styles$4.swatchActive : ""}`,
         style: { background: c },
         title: c,
         "aria-label": c,
@@ -3482,12 +5222,12 @@ function ColorPalette({ value, onPick, labels }) {
       },
       c
     )) }),
-    /* @__PURE__ */ jsx("div", { className: styles$5.themeLabel, children: t.theme }),
-    /* @__PURE__ */ jsx("div", { className: styles$5.themeRow, children: THEME_COLORS.map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$4.themeLabel, children: t.theme }),
+    /* @__PURE__ */ jsx("div", { className: styles$4.themeRow, children: THEME_COLORS.map((c) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$5.swatch} ${current === c.toLowerCase() ? styles$5.swatchActive : ""}`,
+        className: `${styles$4.swatch} ${current === c.toLowerCase() ? styles$4.swatchActive : ""}`,
         style: { background: c },
         title: c,
         "aria-label": c,
@@ -3518,7 +5258,7 @@ const captionRow = "_captionRow_mp2o5_13";
 const captionInput = "_captionInput_mp2o5_40";
 const btn$1 = "_btn_mp2o5_58";
 const btnActive = "_btnActive_mp2o5_76";
-const styles$4 = {
+const styles$3 = {
   bar,
   divider: divider$1,
   captionRow,
@@ -3636,7 +5376,7 @@ function ImageAlignTools({ editor, labels }) {
   if (!hover || !editor.isEditable) return null;
   const above = hover.top - TOOLBAR_HEIGHT - TOOLBAR_GAP >= 8;
   const nodeAttrs = (_a = editor.state.doc.nodeAt(hover.pos)) == null ? void 0 : _a.attrs;
-  const active2 = normalizeImageAlign(nodeAttrs == null ? void 0 : nodeAttrs.align);
+  const active = normalizeImageAlign(nodeAttrs == null ? void 0 : nodeAttrs.align);
   const caption = normalizeImageCaption(nodeAttrs == null ? void 0 : nodeAttrs.caption);
   const labelOf = {
     left: labels.imageAlignLeft,
@@ -3654,7 +5394,7 @@ function ImageAlignTools({ editor, labels }) {
       "div",
       {
         "data-image-align": "",
-        className: styles$4.bar,
+        className: styles$3.bar,
         role: "toolbar",
         "aria-label": labels.imageAlign,
         style: {
@@ -3674,10 +5414,10 @@ function ImageAlignTools({ editor, labels }) {
               {
                 type: "button",
                 "data-image-align-action": align,
-                className: `${styles$4.btn} ${active2 === align ? styles$4.btnActive : ""}`,
+                className: `${styles$3.btn} ${active === align ? styles$3.btnActive : ""}`,
                 title: labelOf[align],
                 "aria-label": labelOf[align],
-                "aria-pressed": active2 === align,
+                "aria-pressed": active === align,
                 onClick: () => {
                   setImageAlignAtPos(editor, hover.pos, align);
                   remeasureHover();
@@ -3687,13 +5427,13 @@ function ImageAlignTools({ editor, labels }) {
               align
             );
           }),
-          /* @__PURE__ */ jsx("span", { className: styles$4.divider, "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: styles$3.divider, "aria-hidden": true }),
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               "data-image-align-action": "caption",
-              className: `${styles$4.btn} ${caption ? styles$4.btnActive : ""}`,
+              className: `${styles$3.btn} ${caption ? styles$3.btnActive : ""}`,
               title: labels.imageCaption,
               "aria-label": labels.imageCaption,
               "aria-pressed": !!caption,
@@ -3704,10 +5444,10 @@ function ImageAlignTools({ editor, labels }) {
               children: /* @__PURE__ */ jsx(CaptionsIcon, { size: 14 })
             }
           ),
-          captionDraft !== null ? /* @__PURE__ */ jsx("div", { className: styles$4.captionRow, children: /* @__PURE__ */ jsx(
+          captionDraft !== null ? /* @__PURE__ */ jsx("div", { className: styles$3.captionRow, children: /* @__PURE__ */ jsx(
             "input",
             {
-              className: styles$4.captionInput,
+              className: styles$3.captionInput,
               value: captionDraft,
               placeholder: labels.imageCaptionPlaceholder,
               "aria-label": labels.imageCaptionPlaceholder,
@@ -3818,7 +5558,7 @@ const input = "_input_qysb1_52";
 const divider = "_divider_qysb1_63";
 const btn = "_btn_qysb1_71";
 const apply = "_apply_qysb1_99";
-const styles$3 = {
+const styles$2 = {
   panel,
   field,
   fieldInvalid,
@@ -3830,7 +5570,7 @@ const styles$3 = {
 function LinkPopover({
   editor,
   trigger,
-  labels,
+  locale = "en",
   className,
   style
 }) {
@@ -3847,7 +5587,7 @@ function LinkPopover({
           LinkPanel,
           {
             editor,
-            labels,
+            locale,
             className,
             style,
             onClose: () => setOpen(false)
@@ -3859,12 +5599,12 @@ function LinkPopover({
 }
 function LinkPanel({
   editor,
-  labels,
+  locale,
   className,
   style,
   onClose
 }) {
-  const t = { ...defaultLinkPopoverLabels, ...labels };
+  const t = getLocaleBundle(locale).link;
   const [url, setUrl] = useState(() => readLinkHref(editor));
   const [invalid, setInvalid] = useState(false);
   const canEdit = canSetLink(editor);
@@ -3893,16 +5633,16 @@ function LinkPanel({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: className ? `${styles$3.panel} ${className}` : styles$3.panel,
+      className: className ? `${styles$2.panel} ${className}` : styles$2.panel,
       style,
       "data-link-popover": "",
       role: "dialog",
       "aria-label": t.field,
       children: [
-        /* @__PURE__ */ jsx("span", { className: `${styles$3.field}${invalid ? ` ${styles$3.fieldInvalid}` : ""}`, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("span", { className: `${styles$2.field}${invalid ? ` ${styles$2.fieldInvalid}` : ""}`, children: /* @__PURE__ */ jsx(
           "input",
           {
-            className: styles$3.input,
+            className: styles$2.input,
             "data-link-field": "",
             "data-link-invalid": invalid ? "" : void 0,
             type: "url",
@@ -3927,7 +5667,7 @@ function LinkPanel({
           "button",
           {
             type: "button",
-            className: `${styles$3.btn} ${styles$3.apply}`,
+            className: `${styles$2.btn} ${styles$2.apply}`,
             "data-link-action": "apply",
             title: t.apply,
             "aria-label": t.apply,
@@ -3937,12 +5677,12 @@ function LinkPanel({
             children: /* @__PURE__ */ jsx(CheckIcon, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: styles$3.divider, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: styles$2.divider, "aria-hidden": "true" }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: styles$3.btn,
+            className: styles$2.btn,
             "data-link-action": "open",
             title: t.open,
             "aria-label": t.open,
@@ -3956,7 +5696,7 @@ function LinkPanel({
           "button",
           {
             type: "button",
-            className: styles$3.btn,
+            className: styles$2.btn,
             "data-link-action": "remove",
             title: t.remove,
             "aria-label": t.remove,
@@ -4146,16 +5886,16 @@ function appendColumnToTable(editor) {
   selectLineAt(editor, table, "col", TableMap.get(table.node).width - 1);
   return addColumnsAfter(editor, 1);
 }
-const handle = "_handle_qjreh_9";
-const handleRow = "_handleRow_qjreh_30";
-const handleCol = "_handleCol_qjreh_40";
-const extend = "_extend_qjreh_71";
-const tableBubble = "_tableBubble_qjreh_117";
-const tableMenuItem = "_tableMenuItem_qjreh_130";
-const tableMenuItemIcon = "_tableMenuItemIcon_qjreh_156";
-const tableMenuItemLabel = "_tableMenuItemLabel_qjreh_166";
-const tableMenuDivider = "_tableMenuDivider_qjreh_171";
-const styles$2 = {
+const handle = "_handle_1m19y_9";
+const handleRow = "_handleRow_1m19y_30";
+const handleCol = "_handleCol_1m19y_40";
+const extend = "_extend_1m19y_71";
+const tableBubble = "_tableBubble_1m19y_117";
+const tableMenuItem = "_tableMenuItem_1m19y_130";
+const tableMenuItemIcon = "_tableMenuItemIcon_1m19y_156";
+const tableMenuItemLabel = "_tableMenuItemLabel_1m19y_166";
+const tableMenuDivider = "_tableMenuDivider_1m19y_171";
+const styles$1 = {
   handle,
   handleRow,
   handleCol,
@@ -4166,9 +5906,9 @@ const styles$2 = {
   tableMenuItemLabel,
   tableMenuDivider
 };
-function edgeFlags(editor, cell) {
+function edgeFlags(editor, cell2) {
   try {
-    const $cell = cellAround(editor.state.doc.resolve(editor.view.posAtDOM(cell, 0)));
+    const $cell = cellAround(editor.state.doc.resolve(editor.view.posAtDOM(cell2, 0)));
     if (!$cell) return { onLastRow: false, onLastCol: false };
     const map = TableMap.get($cell.node(-1));
     const rect = map.findCell($cell.pos - $cell.start(-1));
@@ -4180,26 +5920,28 @@ function edgeFlags(editor, cell) {
     return { onLastRow: false, onLastCol: false };
   }
 }
-const COL_HANDLE_GAP = 22;
-const ROW_HANDLE_GAP = 26;
+const COL_HANDLE_GAP = 18;
+const COL_HANDLE_HEIGHT = 12;
+const ROW_HANDLE_GAP = 20;
+const ROW_HANDLE_WIDTH = 12;
 const EXTEND_GAP = 6;
-const EXTEND_THICKNESS = 16;
+const EXTEND_THICKNESS = 12;
 const HOVER_KEEP_MS = 160;
-function measureCell(editor, cell) {
-  const table = cell.closest("table");
-  const row2 = cell.closest("tr");
+function measureCell(editor, cell2) {
+  const table = cell2.closest("table");
+  const row2 = cell2.closest("tr");
   if (!table || !row2) return null;
   try {
-    editor.view.posAtDOM(cell, 0);
+    editor.view.posAtDOM(cell2, 0);
   } catch {
     return null;
   }
-  const cellRect = cell.getBoundingClientRect();
+  const cellRect = cell2.getBoundingClientRect();
   const rowRect = row2.getBoundingClientRect();
   const tableRect = table.getBoundingClientRect();
-  const edges = edgeFlags(editor, cell);
+  const edges = edgeFlags(editor, cell2);
   return {
-    cell,
+    cell: cell2,
     ...edges,
     rowTop: rowRect.top,
     rowHeight: rowRect.height,
@@ -4211,10 +5953,10 @@ function measureCell(editor, cell) {
     tableBottom: tableRect.bottom
   };
 }
-function selectRowOrColumn(editor, cell, kind) {
+function selectRowOrColumn(editor, cell2, kind) {
   let pos;
   try {
-    pos = editor.view.posAtDOM(cell, 0);
+    pos = editor.view.posAtDOM(cell2, 0);
   } catch {
     return false;
   }
@@ -4317,9 +6059,9 @@ function TableHandles({ editor, labels }) {
   const closeMenu = useCallback(() => setMenu(null), []);
   const remeasureHover = useCallback(() => {
     var _a;
-    const cell = (_a = hoverRef.current) == null ? void 0 : _a.cell;
-    if (!cell) return;
-    const next = cell.isConnected ? measureCell(editor, cell) : null;
+    const cell2 = (_a = hoverRef.current) == null ? void 0 : _a.cell;
+    if (!cell2) return;
+    const next = cell2.isConnected ? measureCell(editor, cell2) : null;
     hoverRef.current = next;
     setHover(next);
   }, [editor]);
@@ -4338,8 +6080,8 @@ function TableHandles({ editor, labels }) {
         cancelPendingClear();
         return;
       }
-      const cell = target && editor.view.dom.contains(target) ? target.closest("td, th") : null;
-      if (!cell) {
+      const cell2 = target && editor.view.dom.contains(target) ? target.closest("td, th") : null;
+      if (!cell2) {
         if (hoverRef.current && clearTimerRef.current === null) {
           clearTimerRef.current = setTimeout(() => {
             clearTimerRef.current = null;
@@ -4349,8 +6091,8 @@ function TableHandles({ editor, labels }) {
         return;
       }
       cancelPendingClear();
-      if (((_b = hoverRef.current) == null ? void 0 : _b.cell) === cell) return;
-      const next = measureCell(editor, cell);
+      if (((_b = hoverRef.current) == null ? void 0 : _b.cell) === cell2) return;
+      const next = measureCell(editor, cell2);
       hoverRef.current = next;
       setHover(next);
     };
@@ -4427,11 +6169,11 @@ 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,
-              // 长度跟着行高走（原来固定 28px 居中，行高时就显得太短）
               top: hover.rowTop,
+              width: ROW_HANDLE_WIDTH,
               height: hover.rowHeight
             },
             title: labels.tableRowMenu,
@@ -4446,12 +6188,12 @@ 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,
-              width: hover.colWidth
+              width: hover.colWidth,
+              height: COL_HANDLE_HEIGHT
             },
             title: labels.tableColumnMenu,
             "aria-label": labels.tableColumnMenu,
@@ -4465,7 +6207,7 @@ function TableHandles({ editor, labels }) {
           {
             type: "button",
             "data-table-extend": "col",
-            className: styles$2.extend,
+            className: styles$1.extend,
             style: {
               left: hover.tableRight + EXTEND_GAP,
               top: hover.tableTop,
@@ -4487,7 +6229,7 @@ function TableHandles({ editor, labels }) {
           {
             type: "button",
             "data-table-extend": "row",
-            className: styles$2.extend,
+            className: styles$1.extend,
             style: {
               left: hover.tableLeft,
               top: hover.tableBottom + EXTEND_GAP,
@@ -4508,7 +6250,7 @@ function TableHandles({ editor, labels }) {
       menu2 ? /* @__PURE__ */ jsxs(
         "div",
         {
-          className: styles$2.tableBubble,
+          className: styles$1.tableBubble,
           "data-table-menu": "",
           style: { left: menu2.x, top: menu2.y },
           role: "menu",
@@ -4516,39 +6258,39 @@ function TableHandles({ editor, labels }) {
           onContextMenu: (e2) => e2.preventDefault(),
           children: [
             items.map((item2, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              index > 0 && item2.group !== items[index - 1].group ? /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuDivider, "aria-hidden": true }) : null,
+              index > 0 && item2.group !== items[index - 1].group ? /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuDivider, "aria-hidden": true }) : null,
               /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   role: "menuitem",
-                  className: styles$2.tableMenuItem,
+                  className: styles$1.tableMenuItem,
                   disabled: item2.disabled,
                   onClick: () => {
                     item2.run();
                     closeMenu();
                   },
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemIcon, "aria-hidden": true, children: item2.icon }),
-                    /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemLabel, children: item2.label })
+                    /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuItemIcon, "aria-hidden": true, children: item2.icon }),
+                    /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuItemLabel, children: item2.label })
                   ]
                 }
               )
             ] }, item2.key)),
-            /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuDivider, "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuDivider, "aria-hidden": true }),
             /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$2.tableMenuItem,
+                className: styles$1.tableMenuItem,
                 onClick: () => {
                   editor.commands.deleteTable();
                   closeMenu();
                 },
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TableDeleteIcon, {}) }),
-                  /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemLabel, children: labels.tableDeleteTable })
+                  /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuItemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TableDeleteIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$1.tableMenuItemLabel, children: labels.tableDeleteTable })
                 ]
               }
             )
@@ -4707,7 +6449,7 @@ function MathEditorPopover({
     "textarea",
     {
       ref: inputRef,
-      className: styles$6.mathInput,
+      className: styles$5.mathInput,
       value: draft,
       placeholder,
       rows: Math.max(3, draft.split("\n").length),
@@ -4719,7 +6461,7 @@ function MathEditorPopover({
     "input",
     {
       ref: inputRef,
-      className: styles$6.mathInput,
+      className: styles$5.mathInput,
       value: draft,
       placeholder,
       "aria-labelledby": titleId,
@@ -4733,7 +6475,7 @@ function MathEditorPopover({
       "div",
       {
         ref: rootRef,
-        className: styles$6.mathLayer,
+        className: styles$5.mathLayer,
         style: layerStyle,
         role: "dialog",
         "aria-modal": "false",
@@ -4741,15 +6483,15 @@ function MathEditorPopover({
         children: /* @__PURE__ */ jsxs(
           "div",
           {
-            className: isBlock ? `${styles$6.mathStack} ${styles$6.mathStackBlock}` : styles$6.mathStack,
+            className: isBlock ? `${styles$5.mathStack} ${styles$5.mathStackBlock}` : styles$5.mathStack,
             children: [
               showHint ? /* @__PURE__ */ jsxs(
                 "div",
                 {
                   id: titleId,
-                  className: isBlock ? `${styles$6.mathHint} ${styles$6.mathHintBlock}` : styles$6.mathHint,
+                  className: isBlock ? `${styles$5.mathHint} ${styles$5.mathHintBlock}` : styles$5.mathHint,
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.mathHintIcon, "aria-hidden": true, children: isBlock ? "TeX" : "√x" }),
+                    /* @__PURE__ */ jsx("span", { className: styles$5.mathHintIcon, "aria-hidden": true, children: isBlock ? "TeX" : "√x" }),
                     newLabel
                   ]
                 }
@@ -4758,20 +6500,20 @@ function MathEditorPopover({
                 "div",
                 {
                   id: showHint ? void 0 : titleId,
-                  className: isBlock ? `${styles$6.mathField} ${styles$6.mathFieldBlock}` : styles$6.mathField,
+                  className: isBlock ? `${styles$5.mathField} ${styles$5.mathFieldBlock}` : styles$5.mathField,
                   children: [
                     field2,
                     /* @__PURE__ */ jsxs(
                       "button",
                       {
                         type: "button",
-                        className: styles$6.mathDone,
+                        className: styles$5.mathDone,
                         disabled: !canSubmit,
                         title: isBlock ? `${doneLabel} (⌘/Ctrl+Enter)` : `${doneLabel} (Enter)`,
                         onClick: submit,
                         children: [
                           doneLabel,
-                          /* @__PURE__ */ jsx("span", { className: styles$6.mathDoneKbd, "aria-hidden": true, children: "↵" })
+                          /* @__PURE__ */ jsx("span", { className: styles$5.mathDoneKbd, "aria-hidden": true, children: "↵" })
                         ]
                       }
                     )
@@ -4786,7 +6528,7 @@ function MathEditorPopover({
     host
   );
 }
-const ToolbarButton = forwardRef(function ToolbarButton2({ title, active: active2, disabled, busy, onClick, children, className, ...rest }, ref) {
+const ToolbarButton = forwardRef(function ToolbarButton2({ title, active, disabled, busy, onClick, children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -4795,10 +6537,10 @@ const ToolbarButton = forwardRef(function ToolbarButton2({ title, active: active
       type: "button",
       title,
       "aria-label": title,
-      "aria-pressed": active2,
+      "aria-pressed": active,
       "aria-busy": busy,
       disabled,
-      className: `${styles$6.btn} ${active2 ? styles$6.btnActive : ""}${className ? ` ${className}` : ""}`,
+      className: `${styles$5.btn} ${active ? styles$5.btnActive : ""}${className ? ` ${className}` : ""}`,
       onMouseDown: (e2) => e2.preventDefault(),
       onClick,
       children
@@ -4806,7 +6548,7 @@ const ToolbarButton = forwardRef(function ToolbarButton2({ title, active: active
   );
 });
 function Divider() {
-  return /* @__PURE__ */ jsx("span", { className: styles$6.divider, "aria-hidden": true });
+  return /* @__PURE__ */ jsx("span", { className: styles$5.divider, "aria-hidden": true });
 }
 const LINE_HEIGHTS = ["1", "1.15", "1.5", "2", "2.5", "3"];
 function readParaAttr(editor, name) {
@@ -4816,7 +6558,9 @@ const MenuCloseCtx = createContext(() => {
 });
 function MenuPopover({
   trigger,
-  children
+  children,
+  contentClassName,
+  align = "start"
 }) {
   const [open, setOpen] = useState(false);
   const close = useCallback(() => setOpen(false), []);
@@ -4825,9 +6569,9 @@ function MenuPopover({
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
       Popover.Content,
       {
-        className: styles$6.menu,
+        className: contentClassName ? `${styles$5.menu} ${contentClassName}` : styles$5.menu,
         sideOffset: 4,
-        align: "start",
+        align,
         onOpenAutoFocus: (e2) => e2.preventDefault(),
         onCloseAutoFocus: (e2) => e2.preventDefault(),
         children: /* @__PURE__ */ jsx(MenuCloseCtx.Provider, { value: close, children })
@@ -4847,7 +6591,7 @@ function MenuItem({
     {
       type: "button",
       disabled,
-      className: `${styles$6.menuItem} ${selected ? styles$6.menuItemSelected : ""}`,
+      className: `${styles$5.menuItem} ${selected ? styles$5.menuItemSelected : ""}`,
       onMouseDown: (e2) => e2.preventDefault(),
       onClick: () => {
         onSelect();
@@ -4857,6 +6601,43 @@ function MenuItem({
     }
   );
 }
+function NumberingFormatGrid({
+  current,
+  onSelect
+}) {
+  const close = useContext(MenuCloseCtx);
+  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": active,
+        className: `${styles$5.numberingOption}${active ? ` ${styles$5.numberingOptionActive}` : ""}`,
+        onMouseDown: (e2) => e2.preventDefault(),
+        onClick: () => {
+          onSelect(format);
+          close();
+        },
+        children: /* @__PURE__ */ jsx("span", { className: styles$5.numberingPreview, children: NUMBERING_FORMAT_PREVIEWS[format].map((row2, index) => /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: styles$5.numberingPreviewRow,
+            "data-depth": row2.depth,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: styles$5.numberingPreviewMarker, children: row2.marker }),
+              /* @__PURE__ */ jsx("span", { className: styles$5.numberingPreviewLine })
+            ]
+          },
+          `${format}-${index}`
+        )) })
+      },
+      format
+    );
+  }) });
+}
 const TABLE_PICKER_COLS = 10;
 const TABLE_PICKER_ROWS = 8;
 function TableInsertItem({
@@ -4882,21 +6663,21 @@ function TableInsertItem({
           {
             type: "button",
             disabled,
-            className: `${styles$6.menuItem} ${open ? styles$6.menuItemSelected : ""}`,
+            className: `${styles$5.menuItem} ${open ? styles$5.menuItemSelected : ""}`,
             onMouseDown: (e2) => e2.preventDefault(),
             children: [
-              /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "⊞" }),
+              /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "⊞" }),
                 labels.tableInsert
               ] }),
-              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.tableInsertCaret })
+              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.tableInsertCaret })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
           Popover.Content,
           {
-            className: styles$6.tableSizePicker,
+            className: styles$5.tableSizePicker,
             side: "right",
             align: "start",
             sideOffset: 6,
@@ -4906,7 +6687,7 @@ function TableInsertItem({
               /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: styles$6.tableSizeGrid,
+                  className: styles$5.tableSizeGrid,
                   style: {
                     gridTemplateColumns: `repeat(${TABLE_PICKER_COLS}, 1fr)`
                   },
@@ -4914,13 +6695,13 @@ function TableInsertItem({
                   children: Array.from({ length: TABLE_PICKER_ROWS * TABLE_PICKER_COLS }, (_, i) => {
                     const col = i % TABLE_PICKER_COLS + 1;
                     const row2 = Math.floor(i / TABLE_PICKER_COLS) + 1;
-                    const active2 = hover.cols > 0 && col <= hover.cols && row2 <= hover.rows;
+                    const active = hover.cols > 0 && col <= hover.cols && row2 <= hover.rows;
                     return /* @__PURE__ */ jsx(
                       "button",
                       {
                         type: "button",
                         "aria-label": labels.tableSizeSelected(col, row2),
-                        className: `${styles$6.tableSizeCell} ${active2 ? styles$6.tableSizeCellActive : ""}`,
+                        className: `${styles$5.tableSizeCell} ${active ? styles$5.tableSizeCellActive : ""}`,
                         onMouseDown: (e2) => e2.preventDefault(),
                         onMouseEnter: () => setHover({ cols: col, rows: row2 }),
                         onClick: () => {
@@ -4935,7 +6716,7 @@ function TableInsertItem({
                   })
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: styles$6.tableSizeLabel, children: hover.cols > 0 ? labels.tableSizeSelected(hover.cols, hover.rows) : labels.tableInsert })
+              /* @__PURE__ */ jsx("div", { className: styles$5.tableSizeLabel, children: hover.cols > 0 ? labels.tableSizeSelected(hover.cols, hover.rows) : labels.tableInsert })
             ]
           }
         ) })
@@ -4949,7 +6730,7 @@ function ColorPopover({
   bar: bar2,
   value,
   onPick,
-  paletteLabels
+  locale
 }) {
   const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
@@ -4957,20 +6738,20 @@ function ColorPopover({
       "button",
       {
         type: "button",
-        className: styles$6.btn,
+        className: styles$5.btn,
         title,
         "aria-label": title,
         onMouseDown: (e2) => e2.preventDefault(),
-        children: /* @__PURE__ */ jsxs("span", { className: styles$6.colorIcon, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$6.colorIconGlyph, children: glyph }),
-          /* @__PURE__ */ jsx("span", { className: styles$6.colorIconBar, style: { background: bar2 } })
+        children: /* @__PURE__ */ jsxs("span", { className: styles$5.colorIcon, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$5.colorIconGlyph, children: glyph }),
+          /* @__PURE__ */ jsx("span", { className: styles$5.colorIconBar, style: { background: bar2 } })
         ] })
       }
     ) }),
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
       Popover.Content,
       {
-        className: styles$6.popoverContent,
+        className: styles$5.popoverContent,
         sideOffset: 4,
         align: "start",
         onOpenAutoFocus: (e2) => e2.preventDefault(),
@@ -4983,7 +6764,7 @@ function ColorPopover({
               onPick(c);
               setOpen(false);
             },
-            labels: paletteLabels
+            locale
           }
         )
       }
@@ -5000,13 +6781,13 @@ function EditorToolbar({
   importAccept,
   importMenuItems,
   showImport = true,
-  labels,
+  locale = "en",
   onSearch,
   searchActive = false,
   extraToolbarItems,
   className
 }) {
-  const t = { ...defaultToolbarLabels, ...labels };
+  const t = getLocaleBundle(locale).toolbar;
   const state = useEditorState({
     editor,
     selector: ({ editor: e2 }) => ({
@@ -5024,7 +6805,9 @@ function EditorToolbar({
       isParagraph: e2.isActive("paragraph"),
       bulletList: e2.isActive("bulletList"),
       orderedList: e2.isActive("orderedList"),
+      numberingFormat: readCurrentNumberingFormat(e2),
       blockquote: e2.isActive("blockquote"),
+      details: e2.isActive("details"),
       textColor: e2.getAttributes("textStyle").color || void 0,
       highlightColor: e2.getAttributes("highlight").color || void 0,
       superscript: e2.isActive("superscript"),
@@ -5234,8 +7017,8 @@ function EditorToolbar({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: className ? `${styles$6.toolbar} ${className}` : styles$6.toolbar,
-        children: /* @__PURE__ */ jsxs("div", { className: styles$6.inner, children: [
+        className: className ? `${styles$5.toolbar} ${className}` : styles$5.toolbar,
+        children: /* @__PURE__ */ jsxs("div", { className: styles$5.inner, children: [
           /* @__PURE__ */ jsx(
             ToolbarButton,
             {
@@ -5262,12 +7045,12 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.style,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: t.style }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.style }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -5277,8 +7060,8 @@ function EditorToolbar({
                   {
                     selected: (state.headingLevel ?? 0) === 0,
                     onSelect: () => setBlockStyle(0),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "¶" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "¶" }),
                       t.normalText
                     ] })
                   }
@@ -5288,8 +7071,8 @@ function EditorToolbar({
                   {
                     selected: state.headingLevel === lv,
                     onSelect: () => setBlockStyle(lv),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: `H${lv}` }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: `H${lv}` }),
                       t.headingLabel(lv)
                     ] })
                   },
@@ -5305,14 +7088,14 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.fontSize,
                   "aria-label": t.fontSize,
                   disabled: !canEditFontSize,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: state.fontSize || t.fontSize }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: state.fontSize || t.fontSize }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -5322,8 +7105,8 @@ function EditorToolbar({
                   {
                     selected: !state.fontSize,
                     onSelect: () => applyFontSize(""),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "A" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "A" }),
                       t.fontSizeDefault
                     ] })
                   }
@@ -5333,8 +7116,8 @@ function EditorToolbar({
                   {
                     selected: state.fontSize === size,
                     onSelect: () => applyFontSize(size),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: parseInt(size, 10) }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: parseInt(size, 10) }),
                       size
                     ] })
                   },
@@ -5397,7 +7180,7 @@ function EditorToolbar({
               bar: state.textColor || "#ff3b30",
               value: state.textColor,
               onPick: applyTextColor,
-              paletteLabels: { none: t.colorNone, theme: t.colorTheme }
+              locale
             }
           ),
           /* @__PURE__ */ jsx(
@@ -5408,7 +7191,7 @@ function EditorToolbar({
               bar: state.highlightColor || "#ffd83d",
               value: state.highlightColor,
               onPick: applyHighlight,
-              paletteLabels: { none: t.colorNone, theme: t.colorTheme }
+              locale
             }
           ),
           /* @__PURE__ */ jsxs(
@@ -5418,13 +7201,13 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$6.scriptTrigger} ${scriptActive !== "normal" ? styles$6.btnActive : ""}`,
+                  className: `${styles$5.scriptTrigger} ${scriptActive !== "normal" ? styles$5.btnActive : ""}`,
                   title: t.scriptMenu,
                   "aria-label": t.scriptMenu,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.scriptTriggerGlyph, children: "A" }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.scriptTriggerGlyph, children: "A" }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -5434,8 +7217,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "normal",
                     onSelect: () => chain().unsetSuperscript().unsetSubscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "A" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "A" }),
                       t.scriptNormal
                     ] })
                   }
@@ -5445,8 +7228,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "superscript",
                     onSelect: () => chain().unsetSubscript().toggleSuperscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsxs("span", { className: `${styles$6.styleIcon} ${styles$6.scriptGlyph}`, children: [
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsxs("span", { className: `${styles$5.styleIcon} ${styles$5.scriptGlyph}`, children: [
                         "x",
                         /* @__PURE__ */ jsx("sup", { children: "2" })
                       ] }),
@@ -5459,8 +7242,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "subscript",
                     onSelect: () => chain().unsetSuperscript().toggleSubscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsxs("span", { className: `${styles$6.styleIcon} ${styles$6.scriptGlyph}`, children: [
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsxs("span", { className: `${styles$5.styleIcon} ${styles$5.scriptGlyph}`, children: [
                         "x",
                         /* @__PURE__ */ jsx("sub", { children: "2" })
                       ] }),
@@ -5476,13 +7259,7 @@ function EditorToolbar({
             LinkPopover,
             {
               editor,
-              labels: {
-                field: t.linkPrompt,
-                apply: t.linkApply,
-                open: t.linkOpen,
-                remove: t.linkRemove,
-                invalid: t.linkInvalid
-              },
+              locale,
               trigger: /* @__PURE__ */ jsx(ToolbarButton, { title: t.link, active: state.link, children: /* @__PURE__ */ jsx(LinkIcon, {}) })
             }
           ),
@@ -5506,19 +7283,19 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: importTitle,
                   "aria-label": importTitle,
                   "aria-busy": !!importing,
                   disabled: !!importing,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: t.importDocument }),
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.importDocument }),
                     /* @__PURE__ */ jsx(
                       ChevronDownIcon,
                       {
                         size: 12,
-                        className: styles$6.styleTriggerCaret
+                        className: styles$5.styleTriggerCaret
                       }
                     )
                   ]
@@ -5540,7 +7317,20 @@ 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(
+            ToolbarButton,
+            {
+              title: t.details,
+              active: state.details,
+              onClick: () => {
+                const next = editor.chain().focus();
+                if (editor.isActive("details")) next.unsetDetails().run();
+                else next.setDetails().run();
+              },
+              children: /* @__PURE__ */ jsx(DetailsIcon, {})
             }
           ),
           /* @__PURE__ */ jsx(Divider, {}),
@@ -5551,13 +7341,13 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$6.styleTrigger} ${styles$6.iconTrigger}`,
+                  className: `${styles$5.styleTrigger} ${styles$5.iconTrigger}`,
                   title: t.align,
                   "aria-label": t.align,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     state.textAlign === "center" ? /* @__PURE__ */ jsx(AlignCenterIcon, {}) : state.textAlign === "right" ? /* @__PURE__ */ jsx(AlignRightIcon, {}) : state.textAlign === "justify" ? /* @__PURE__ */ jsx(AlignJustifyIcon, {}) : /* @__PURE__ */ jsx(AlignLeftIcon, {}),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -5571,8 +7361,8 @@ function EditorToolbar({
                 {
                   selected: state.textAlign === value,
                   onSelect: () => chain().setTextAlign(value).run(),
-                  children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
+                  children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
                     label
                   ] })
                 },
@@ -5587,23 +7377,23 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$6.styleTrigger} ${styles$6.iconTrigger}`,
+                  className: `${styles$5.styleTrigger} ${styles$5.iconTrigger}`,
                   title: t.indent,
                   "aria-label": t.indent,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx(IndentIncreaseIcon, {}),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().increaseIndent().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: /* @__PURE__ */ jsx(IndentIncreaseIcon, { size: 14 }) }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().increaseIndent().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: /* @__PURE__ */ jsx(IndentIncreaseIcon, { size: 14 }) }),
                   t.indentIncrease
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().decreaseIndent().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: /* @__PURE__ */ jsx(IndentDecreaseIcon, { size: 14 }) }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().decreaseIndent().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: /* @__PURE__ */ jsx(IndentDecreaseIcon, { size: 14 }) }),
                   t.indentDecrease
                 ] }) })
               ]
@@ -5616,13 +7406,13 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$6.styleTrigger} ${styles$6.iconTrigger}`,
+                  className: `${styles$5.styleTrigger} ${styles$5.iconTrigger}`,
                   title: t.lineHeight,
                   "aria-label": t.lineHeight,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
                     /* @__PURE__ */ jsx(LineHeightIcon, {}),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -5632,8 +7422,8 @@ function EditorToolbar({
                   {
                     selected: !state.lineHeight,
                     onSelect: () => chain().setLineHeight(null).run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "—" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "—" }),
                       t.lineHeightDefault
                     ] })
                   }
@@ -5643,8 +7433,8 @@ function EditorToolbar({
                   {
                     selected: state.lineHeight === Number(value),
                     onSelect: () => chain().setLineHeight(Number(value)).run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "≡" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "≡" }),
                       value
                     ] })
                   },
@@ -5663,13 +7453,46 @@ function EditorToolbar({
               children: /* @__PURE__ */ jsx(ListUnorderedIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
+          /* @__PURE__ */ jsxs(
+            "span",
             {
-              title: t.orderedList,
-              active: state.orderedList,
-              onClick: () => chain().toggleOrderedList().run(),
-              children: /* @__PURE__ */ jsx(ListOrderedIcon, {})
+              className: `${styles$5.listSplit}${state.orderedList ? ` ${styles$5.listSplitActive}` : ""}`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  ToolbarButton,
+                  {
+                    title: t.orderedList,
+                    active: state.orderedList,
+                    onClick: () => chain().toggleOrderedList().run(),
+                    children: /* @__PURE__ */ jsx(ListOrderedIcon, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  MenuPopover,
+                  {
+                    align: "end",
+                    contentClassName: styles$5.numberingMenu,
+                    trigger: /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: `${styles$5.numberingCaret}${state.numberingFormat ? ` ${styles$5.numberingCaretActive}` : ""}`,
+                        title: t.numberingFormat,
+                        "aria-label": t.numberingFormat,
+                        onMouseDown: (e2) => e2.preventDefault(),
+                        children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12 })
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsx(
+                      NumberingFormatGrid,
+                      {
+                        current: state.numberingFormat,
+                        onSelect: (format) => applyNumberingFormat(editor, format)
+                      }
+                    )
+                  }
+                )
+              ]
             }
           ),
           /* @__PURE__ */ jsx(
@@ -5698,30 +7521,30 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$6.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.more,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$6.styleTriggerLabel, children: t.more }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$6.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.more }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().toggleCodeBlock().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "{ }" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().toggleCodeBlock().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "{ }" }),
                   t.codeBlock
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("inline"), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "√x" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("inline"), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "√x" }),
                   t.inlineMath
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("block"), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "∑" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("block"), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "∑" }),
                   t.blockMath
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().setHorizontalRule().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: "—" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().setHorizontalRule().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "—" }),
                   t.hr
                 ] }) }),
                 /* @__PURE__ */ jsx(
@@ -5737,8 +7560,8 @@ function EditorToolbar({
                   {
                     disabled: item2.disabled,
                     onSelect: () => item2.onSelect(editor),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$6.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$6.styleIcon, children: item2.icon }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: item2.icon }),
                       item2.label
                     ] })
                   },
@@ -5779,165 +7602,6 @@ function EditorToolbar({
     /* @__PURE__ */ jsx(ImageAlignTools, { editor, labels: t })
   ] });
 }
-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 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, labels }) {
-  const t = { ...defaultTocLabels, ...labels };
-  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;
@@ -5982,10 +7646,10 @@ function CommentPopover({
   ] });
 }
 const PROBE_ID = "__anchor-range-probe__";
-function findRangeByAnchor(editor, anchor) {
-  if (!anchor || !anchor.exact) return null;
+function findRangeByAnchor(editor, anchor2) {
+  if (!anchor2 || !anchor2.exact) return null;
   const [result] = mapCommentAnchors(editor.state.doc, [
-    { commentId: PROBE_ID, segments: [anchor] }
+    { commentId: PROBE_ID, segments: [anchor2] }
   ]);
   const range = result == null ? void 0 : result.ranges[0];
   if (!range) return null;
@@ -6000,11 +7664,11 @@ function findRangeByAnchor(editor, anchor) {
 const BLOCK_SEPARATOR = "\n\n";
 function topLevelBlocks(editor) {
   const blocks = [];
-  editor.state.doc.forEach((node, offset) => {
+  editor.state.doc.forEach((node, offset2) => {
     blocks.push({
       json: node.toJSON(),
-      from: offset,
-      to: offset + node.nodeSize
+      from: offset2,
+      to: offset2 + node.nodeSize
     });
   });
   return blocks;
@@ -6134,12 +7798,15 @@ export {
   CommentMark,
   CommentPopover,
   CopyIcon,
+  DetailsIcon,
+  DownloadIcon,
   EditorToolbar,
   EraserIcon,
   ExternalLinkIcon,
   FIND_DEBOUNCE_MS,
   default2 as FindAndReplace,
   FindReplaceBar,
+  GripIcon,
   ImageAlignTools,
   ImageIcon,
   ImageUploadNode,
@@ -6178,7 +7845,6 @@ export {
   SlashMenu,
   StrikethroughIcon,
   TableDeleteIcon,
-  TocPanel,
   TrashIcon,
   UnderlineIcon,
   UndoIcon,
@@ -6198,17 +7864,6 @@ export {
   createChart,
   createCitationRef,
   createDefaultSlashMenuItems,
-  defaultChartLabels,
-  defaultCodeBlockLabels,
-  defaultColorPaletteLabels,
-  defaultCommentLabels,
-  defaultFindLabels,
-  defaultImageUploadLabels,
-  defaultLinkPopoverLabels,
-  defaultShortcutLabels,
-  defaultSlashMenuLabels,
-  defaultTocLabels,
-  defaultToolbarLabels,
   enrichMarkdownCitations,
   b2 as extractFootnoteSources,
   e as extractToc,
@@ -6249,14 +7904,14 @@ export {
   resetImageSize,
   runFindCommand,
   sanitizeLinkUrl,
-  s as scrollToTocHeading,
+  scrollToTocHeading,
   selectionKind,
-  s2 as serializeChartPayload,
+  s as serializeChartPayload,
   setImageAlign,
   setImageAlignAt,
   setImageCaption,
   setImageCaptionAtPos,
-  s3 as stabilizeMarkdown,
+  s2 as stabilizeMarkdown,
   stripCommentAnchorMarks,
   useIsMobile
 };