@harbour-enterprises/superdoc 0.19.0 → 0.20.0-next.10

package/dist/super-editor/chunks/{editor-DrhZRXX9.js → editor-CZE0QdnY.js}

@@ -2,19 +2,19 @@ var __defProp = Object.defineProperty;
 var __typeError = (msg) => {
   throw TypeError(msg);
 };
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
+var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _ListItemNodeView_instances, init_fn2, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _DocumentSectionView_instances, init_fn3, addToolTip_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _ListItemNodeView_instances, init_fn2, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _DocumentSectionView_instances, init_fn3, addToolTip_fn;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as ReplaceStep, E as NodeRange, G as findWrapping, L as ListHelpers, H as findParentNode, I as isMacOS, J as isIOS, K as getSchemaTypeByName, O as inputRulesPlugin, Q as TrackDeleteMarkName, U as TrackInsertMarkName, V as v4, W as TrackFormatMarkName, X as comments_module_events, Y as findMark, Z as objectIncludes, _ as AddMarkStep, $ as RemoveMarkStep, a0 as twipsToLines, a1 as pixelsToTwips, a2 as helpers, a3 as posToDOMRect, a4 as CommandService, a5 as SuperConverter, a6 as createDocument, a7 as createDocFromMarkdown, a8 as createDocFromHTML, a9 as EditorState, aa as hasSomeParentWithClass, ab as isActive, ac as unflattenListsInHtml, ad as parseSizeUnit, ae as minMax, af as getLineHeightValueString, ag as InputRule, ah as kebabCase, ai as findParentNodeClosestToPos, aj as getListItemStyleDefinitions, ak as docxNumberigHelpers, al as parseIndentElement, am as combineIndents, an as StepMap, ao as getColStyleDeclaration, ap as SelectionRange, aq as Transform, ar as isInTable$1, as as createColGroup, at as generateDocxRandomId, au as insertNewRelationship, av as htmlHandler } from "./converter-CFVPKGqT.js";
+import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as ReplaceStep, E as NodeRange, G as findWrapping, L as ListHelpers, H as findParentNode, I as isMacOS, J as isIOS, K as getSchemaTypeByName, O as inputRulesPlugin, Q as TrackDeleteMarkName, U as TrackInsertMarkName, V as v4, W as TrackFormatMarkName, X as comments_module_events, Y as findMark, Z as objectIncludes, _ as AddMarkStep, $ as RemoveMarkStep, a0 as twipsToLines, a1 as pixelsToTwips, a2 as helpers, a3 as posToDOMRect, a4 as CommandService, a5 as SuperConverter, a6 as createDocument, a7 as createDocFromMarkdown, a8 as createDocFromHTML, a9 as EditorState, aa as hasSomeParentWithClass, ab as isActive, ac as unflattenListsInHtml, ad as parseSizeUnit, ae as minMax, af as getLineHeightValueString, ag as InputRule, ah as kebabCase, ai as findParentNodeClosestToPos, aj as getListItemStyleDefinitions, ak as docxNumberigHelpers, al as parseIndentElement, am as combineIndents, an as StepMap, ao as SelectionRange, ap as Transform, aq as isInTable$1, ar as generateDocxRandomId, as as insertNewRelationship, at as updateDOMAttributes, au as htmlHandler } from "./converter-CJg7BSkp.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
-import { D as DocxZipper } from "./docx-zipper-CGdYHGDa.js";
+import { D as DocxZipper } from "./docx-zipper-D56KgEUM.js";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
 };
@@ -662,11 +662,11 @@ function hasBlockDesc(dom) {
 const selectionCollapsed = function(domSel) {
   return domSel.focusNode && isEquivalentPosition(domSel.focusNode, domSel.focusOffset, domSel.anchorNode, domSel.anchorOffset);
 };
-function keyEvent(keyCode, key) {
+function keyEvent(keyCode, key2) {
   let event = document.createEvent("Event");
   event.initEvent("keydown", true, true);
   event.keyCode = keyCode;
-  event.key = event.code = key;
+  event.key = event.code = key2;
   return event;
 }
 function deepActiveElement(doc2) {
@@ -1872,17 +1872,18 @@ class NodeViewDesc extends ViewDesc {
   }
   // Mark this node as being the selected node.
   selectNode() {
-    if (this.nodeDOM.nodeType == 1)
+    if (this.nodeDOM.nodeType == 1) {
       this.nodeDOM.classList.add("ProseMirror-selectednode");
-    if (this.contentDOM || !this.node.type.spec.draggable)
-      this.dom.draggable = true;
+      if (this.contentDOM || !this.node.type.spec.draggable)
+        this.nodeDOM.draggable = true;
+    }
   }
   // Remove selected node marking from this node.
   deselectNode() {
     if (this.nodeDOM.nodeType == 1) {
       this.nodeDOM.classList.remove("ProseMirror-selectednode");
       if (this.contentDOM || !this.node.type.spec.draggable)
-        this.dom.removeAttribute("draggable");
+        this.nodeDOM.removeAttribute("draggable");
     }
   }
   get domAtom() {
@@ -3542,7 +3543,7 @@ class MouseDown {
     }
     const target = flushed ? null : event.target;
     const targetDesc = target ? view.docView.nearestDesc(target, true) : null;
-    this.target = targetDesc && targetDesc.dom.nodeType == 1 ? targetDesc.dom : null;
+    this.target = targetDesc && targetDesc.nodeDOM.nodeType == 1 ? targetDesc.nodeDOM : null;
     let { selection } = view.state;
     if (event.button == 0 && targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false || selection instanceof NodeSelection && selection.from <= targetPos && selection.to > targetPos)
       this.mightDrag = {
@@ -5913,9 +5914,9 @@ const writeAny = (encoder, data) => {
         const keys2 = Object.keys(data);
         writeVarUint(encoder, keys2.length);
         for (let i = 0; i < keys2.length; i++) {
-          const key = keys2[i];
-          writeVarString(encoder, key);
-          writeAny(encoder, data[key]);
+          const key2 = keys2[i];
+          writeVarString(encoder, key2);
+          writeAny(encoder, data[key2]);
         }
       }
       break;
@@ -5934,17 +5935,17 @@ const unexpectedCase = () => {
   throw create$1("Unexpected case");
 };
 const create = () => /* @__PURE__ */ new Map();
-const setIfUndefined = (map2, key, createT) => {
-  let set = map2.get(key);
+const setIfUndefined = (map2, key2, createT) => {
+  let set = map2.get(key2);
   if (set === void 0) {
-    map2.set(key, set = createT());
+    map2.set(key2, set = createT());
   }
   return set;
 };
 const keys = Object.keys;
 const every = (obj, f) => {
-  for (const key in obj) {
-    if (!f(obj[key], key)) {
+  for (const key2 in obj) {
+    if (!f(obj[key2], key2)) {
       return false;
     }
   }
@@ -6000,14 +6001,14 @@ class VarStoragePolyfill {
    * @param {string} key
    * @param {any} newValue
    */
-  setItem(key, newValue) {
-    this.map.set(key, newValue);
+  setItem(key2, newValue) {
+    this.map.set(key2, newValue);
   }
   /**
    * @param {string} key
    */
-  getItem(key) {
-    return this.map.get(key);
+  getItem(key2) {
+    return this.map.get(key2);
   }
 }
 let _localStorage = new VarStoragePolyfill();
@@ -6050,9 +6051,9 @@ const computeParams = () => {
       params = create();
       (location.search || "?").slice(1).split("&").forEach((kv) => {
         if (kv.length !== 0) {
-          const [key, value] = kv.split("=");
-          params.set(`--${fromCamelCase(key, "-")}`, value);
-          params.set(`-${fromCamelCase(key, "-")}`, value);
+          const [key2, value] = kv.split("=");
+          params.set(`--${fromCamelCase(key2, "-")}`, value);
+          params.set(`-${fromCamelCase(key2, "-")}`, value);
         }
       });
     } else {
@@ -6335,8 +6336,8 @@ const ySyncPlugin = (yXmlFragment, {
         const change = tr.getMeta(ySyncPluginKey);
         if (change !== void 0) {
           pluginState = Object.assign({}, pluginState);
-          for (const key in change) {
-            pluginState[key] = change[key];
+          for (const key2 in change) {
+            pluginState[key2] = change[key2];
           }
         }
         pluginState.addToHistory = tr.getMeta("addToHistory") !== false;
@@ -6608,7 +6609,7 @@ class ProsemirrorBinding {
       snapshot = Y.snapshot(historyDoc);
       if (historyType._item === null) {
         const rootKey = Array.from(this.doc.share.keys()).find(
-          (key) => this.doc.share.get(key) === this.type
+          (key2) => this.doc.share.get(key2) === this.type
         );
         historyType = historyDoc.getXmlFragment(rootKey);
       } else {
@@ -6897,10 +6898,10 @@ const createTypeFromTextNodes = (nodes, meta) => {
 };
 const createTypeFromElementNode = (node, meta) => {
   const type = new Y.XmlElement(node.type.name);
-  for (const key in node.attrs) {
-    const val = node.attrs[key];
-    if (val !== null && key !== "ychange") {
-      type.setAttribute(key, val);
+  for (const key2 in node.attrs) {
+    const val = node.attrs[key2];
+    if (val !== null && key2 !== "ychange") {
+      type.setAttribute(key2, val);
     }
   }
   type.insert(
@@ -6915,13 +6916,13 @@ const createTypeFromElementNode = (node, meta) => {
 const createTypeFromTextOrElementNode = (node, meta) => node instanceof Array ? createTypeFromTextNodes(node, meta) : createTypeFromElementNode(node, meta);
 const isObject = (val) => typeof val === "object" && val !== null;
 const equalAttrs = (pattrs, yattrs) => {
-  const keys2 = Object.keys(pattrs).filter((key) => pattrs[key] !== null);
-  let eq = keys2.length === (yattrs == null ? 0 : Object.keys(yattrs).filter((key) => yattrs[key] !== null).length);
+  const keys2 = Object.keys(pattrs).filter((key2) => pattrs[key2] !== null);
+  let eq = keys2.length === (yattrs == null ? 0 : Object.keys(yattrs).filter((key2) => yattrs[key2] !== null).length);
   for (let i = 0; i < keys2.length && eq; i++) {
-    const key = keys2[i];
-    const l = pattrs[key];
-    const r2 = yattrs[key];
-    eq = key === "ychange" || l === r2 || isObject(l) && isObject(r2) && equalAttrs(l, r2);
+    const key2 = keys2[i];
+    const l = pattrs[key2];
+    const r2 = yattrs[key2];
+    eq = key2 === "ychange" || l === r2 || isObject(l) && isObject(r2) && equalAttrs(l, r2);
   }
   return eq;
 };
@@ -7068,18 +7069,18 @@ const updateYFragment = (y, yDomFragment, pNode, meta) => {
   if (yDomFragment instanceof Y.XmlElement) {
     const yDomAttrs = yDomFragment.getAttributes();
     const pAttrs = pNode.attrs;
-    for (const key in pAttrs) {
-      if (pAttrs[key] !== null) {
-        if (yDomAttrs[key] !== pAttrs[key] && key !== "ychange") {
-          yDomFragment.setAttribute(key, pAttrs[key]);
+    for (const key2 in pAttrs) {
+      if (pAttrs[key2] !== null) {
+        if (yDomAttrs[key2] !== pAttrs[key2] && key2 !== "ychange") {
+          yDomFragment.setAttribute(key2, pAttrs[key2]);
         }
       } else {
-        yDomFragment.removeAttribute(key);
+        yDomFragment.removeAttribute(key2);
       }
     }
-    for (const key in yDomAttrs) {
-      if (pAttrs[key] === void 0) {
-        yDomFragment.removeAttribute(key);
+    for (const key2 in yDomAttrs) {
+      if (pAttrs[key2] === void 0) {
+        yDomFragment.removeAttribute(key2);
       }
     }
   }
@@ -7210,19 +7211,19 @@ const updateMetas = () => {
     const tr = view.state.tr;
     const syncState = ySyncPluginKey.getState(view.state);
     if (syncState && syncState.binding && !syncState.binding.isDestroyed) {
-      metas.forEach((val, key) => {
-        tr.setMeta(key, val);
+      metas.forEach((val, key2) => {
+        tr.setMeta(key2, val);
       });
       view.dispatch(tr);
     }
   });
 };
-const setMeta$1 = (view, key, value) => {
+const setMeta$1 = (view, key2, value) => {
   if (!viewsToUpdate) {
     viewsToUpdate = /* @__PURE__ */ new Map();
     timeout(0, updateMetas);
   }
-  setIfUndefined(viewsToUpdate, view, create).set(key, value);
+  setIfUndefined(viewsToUpdate, view, create).set(key2, value);
 };
 const absolutePositionToRelativePosition = (pos, type, mapping) => {
   if (pos === 0) {
@@ -7682,12 +7683,6 @@ const History = Extension.create({
   name: "history",
   addOptions() {
     return {
-      /**
-       * @typedef {Object} HistoryOptions
-       * @category Options
-       * @property {number} [depth=100] - Maximum undo/redo steps to remember
-       * @property {number} [newGroupDelay=500] - Milliseconds to wait before starting a new history group
-       */
       depth: 100,
       newGroupDelay: 500
     };
@@ -7706,9 +7701,8 @@ const History = Extension.create({
       /**
        * Undo the last action
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * undo()
+       * editor.commands.undo()
        * @note Groups changes within the newGroupDelay window
        */
       undo: () => ({ state, dispatch, tr }) => {
@@ -7722,9 +7716,8 @@ const History = Extension.create({
       /**
        * Redo the last undone action
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * redo()
+       * editor.commands.redo()
        * @note Only available after an undo action
        */
       redo: () => ({ state, dispatch, tr }) => {
@@ -7922,21 +7915,21 @@ class Attribute {
     let attrs = {};
     for (const item of items) {
       const mergedAttributes = { ...attrs };
-      for (const [key, value] of Object.entries(item)) {
-        const exists = mergedAttributes[key];
+      for (const [key2, value] of Object.entries(item)) {
+        const exists = mergedAttributes[key2];
         if (!exists) {
-          mergedAttributes[key] = value;
+          mergedAttributes[key2] = value;
           continue;
         }
-        if (key === "class") {
+        if (key2 === "class") {
           const valueClasses = value ? value.split(" ") : [];
-          const existingClasses = mergedAttributes[key] ? mergedAttributes[key].split(" ") : [];
+          const existingClasses = mergedAttributes[key2] ? mergedAttributes[key2].split(" ") : [];
           const insertClasses = valueClasses.filter((value2) => !existingClasses.includes(value2));
-          mergedAttributes[key] = [...existingClasses, ...insertClasses].join(" ");
-        } else if (key === "style") {
-          mergedAttributes[key] = [mergedAttributes[key], value].join("; ");
+          mergedAttributes[key2] = [...existingClasses, ...insertClasses].join(" ");
+        } else if (key2 === "style") {
+          mergedAttributes[key2] = [mergedAttributes[key2], value].join("; ");
         } else {
-          mergedAttributes[key] = value;
+          mergedAttributes[key2] = value;
         }
       }
       attrs = mergedAttributes;
@@ -8246,8 +8239,8 @@ const insertTabNode = () => ({ tr, state, dispatch }) => {
   if (dispatch) dispatch(tr);
   return true;
 };
-const setMeta = (key, value) => ({ tr }) => {
-  tr.setMeta(key, value);
+const setMeta = (key2, value) => ({ tr }) => {
+  tr.setMeta(key2, value);
   return true;
 };
 const ensureMarks = (state, splittableMarks) => {
@@ -11375,14 +11368,14 @@ const updateYdocDocxData = async (editor, ydoc) => {
   const metaMap = ydoc.getMap("meta");
   const docx = [...metaMap.get("docx")];
   const newXml = await editor.exportDocx({ getUpdatedDocs: true });
-  Object.keys(newXml).forEach((key) => {
-    const fileIndex = docx.findIndex((item) => item.name === key);
+  Object.keys(newXml).forEach((key2) => {
+    const fileIndex = docx.findIndex((item) => item.name === key2);
     if (fileIndex > -1) {
       docx.splice(fileIndex, 1);
     }
     docx.push({
-      name: key,
-      content: newXml[key]
+      name: key2,
+      content: newXml[key2]
     });
   });
   ydoc.transact(
@@ -11398,8 +11391,8 @@ const initPaginationData = async (editor) => {
   const sectionData = { headers: {}, footers: {} };
   const headerIds = editor.converter.headerIds.ids;
   const footerIds = editor.converter.footerIds.ids;
-  for (let key in headerIds) {
-    const sectionId = headerIds[key];
+  for (let key2 in headerIds) {
+    const sectionId = headerIds[key2];
     if (!sectionId) continue;
     const dataForThisSection = editor.converter.headers[sectionId];
     if (!sectionData.headers[sectionId]) sectionData.headers[sectionId] = {};
@@ -11409,8 +11402,8 @@ const initPaginationData = async (editor) => {
     sectionData.headers[sectionId].sectionEditor = sectionEditor;
     sectionData.headers[sectionId].sectionContainer = sectionContainer;
   }
-  for (let key in footerIds) {
-    const sectionId = footerIds[key];
+  for (let key2 in footerIds) {
+    const sectionId = footerIds[key2];
     if (!sectionId) continue;
     const dataForThisSection = editor.converter.footers[sectionId];
     if (!sectionData.headers[sectionId]) sectionData.footers[sectionId] = {};
@@ -12479,16 +12472,16 @@ const generateTableIfNecessary = ({ tableNode, annotationValues, tr, state }) =>
   if (rowsToGenerate <= 1) return;
   const validateAttributes = (attrs) => {
     const cleaned = {};
-    for (const [key, value] of Object.entries(attrs)) {
+    for (const [key2, value] of Object.entries(attrs)) {
       if (value !== void 0 && value !== null) {
-        if (key === "displayLabel") {
-          cleaned[key] = String(value);
-        } else if (key === "rawHtml" || key === "linkUrl" || key === "imageSrc") {
-          cleaned[key] = String(value);
+        if (key2 === "displayLabel") {
+          cleaned[key2] = String(value);
+        } else if (key2 === "rawHtml" || key2 === "linkUrl" || key2 === "imageSrc") {
+          cleaned[key2] = String(value);
         } else if (typeof value === "string" && value.length > 0) {
-          cleaned[key] = value;
+          cleaned[key2] = value;
         } else if (typeof value !== "string") {
-          cleaned[key] = value;
+          cleaned[key2] = value;
         }
       }
     }
@@ -12766,10 +12759,10 @@ const Collaboration = Extension.create({
     this.options.fragment = fragment;
     const metaMap = this.options.ydoc.getMap("media");
     metaMap.observe((event) => {
-      event.changes.keys.forEach((_, key) => {
-        if (!(key in this.editor.storage.image.media)) {
-          const fileData = metaMap.get(key);
-          this.editor.storage.image.media[key] = fileData;
+      event.changes.keys.forEach((_, key2) => {
+        if (!(key2 in this.editor.storage.image.media)) {
+          const fileData = metaMap.get(key2);
+          this.editor.storage.image.media[key2] = fileData;
         }
       });
     });
@@ -12789,8 +12782,8 @@ const initializeMetaMap = (ydoc, editor) => {
   metaMap.set("docx", editor.options.content);
   metaMap.set("fonts", editor.options.fonts);
   const mediaMap = ydoc.getMap("media");
-  Object.entries(editor.options.mediaFiles).forEach(([key, value]) => {
-    mediaMap.set(key, value);
+  Object.entries(editor.options.mediaFiles).forEach(([key2, value]) => {
+    mediaMap.set(key2, value);
   });
 };
 const checkDocxChanged = (transaction) => {
@@ -13552,8 +13545,8 @@ function processRelationships(root, convertedXml, results) {
   };
   const seenIds = /* @__PURE__ */ new Set();
   const filtered = [];
-  function extractStringAttr(attrs, key) {
-    return typeof attrs[key] === "string" ? attrs[key].trim() : "";
+  function extractStringAttr(attrs, key2) {
+    return typeof attrs[key2] === "string" ? attrs[key2].trim() : "";
   }
   for (const rel of root.elements) {
     rel.attributes = rel.attributes || {};
@@ -13775,10 +13768,10 @@ class SuperValidator {
     this.logger.debug("Document analysis:", documentAnalysis);
     let hasModifiedDocument = false;
     const validationResults = [];
-    Object.entries(__privateGet(this, _stateValidators)).forEach(([key, validator]) => {
-      this.logger.debug(`🕵 Validating with ${key}...`);
+    Object.entries(__privateGet(this, _stateValidators)).forEach(([key2, validator]) => {
+      this.logger.debug(`🕵 Validating with ${key2}...`);
       const { results, modified } = validator(tr, documentAnalysis);
-      validationResults.push({ key, results });
+      validationResults.push({ key: key2, results });
       hasModifiedDocument = hasModifiedDocument || modified;
     });
     if (!this.dryRun) dispatch(tr);
@@ -13795,10 +13788,10 @@ class SuperValidator {
     const { dispatch } = __privateGet(this, _editor).view;
     let hasModifiedDocument = false;
     const validationResults = [];
-    Object.entries(__privateGet(this, _xmlValidators)).forEach(([key, validator]) => {
-      this.logger.debug(`🕵 Validating export with ${key}...`);
+    Object.entries(__privateGet(this, _xmlValidators)).forEach(([key2, validator]) => {
+      this.logger.debug(`🕵 Validating export with ${key2}...`);
       const { results, modified } = validator();
-      validationResults.push({ key, results });
+      validationResults.push({ key: key2, results });
       hasModifiedDocument = hasModifiedDocument || modified;
     });
     if (!this.dryRun && hasModifiedDocument) dispatch(tr);
@@ -13822,11 +13815,11 @@ initializeValidators_fn = function() {
   const requiredMarks = /* @__PURE__ */ new Set();
   const initializeValidatorSet = (validatorFactories) => {
     return Object.fromEntries(
-      Object.entries(validatorFactories).map(([key, factory]) => {
-        const validatorLogger = this.logger.withPrefix(key);
+      Object.entries(validatorFactories).map(([key2, factory]) => {
+        const validatorLogger = this.logger.withPrefix(key2);
         const validator = factory({ editor: __privateGet(this, _editor), logger: validatorLogger });
         __privateMethod(this, _SuperValidator_instances, collectValidatorRequirements_fn).call(this, validator, requiredNodes, requiredMarks);
-        return [key, validator];
+        return [key2, validator];
       })
     );
   };
@@ -13893,6 +13886,77 @@ analyzeDocument_fn = function() {
   doc2.descendants(collectElements);
   return analysis;
 };
+const transformListsInCopiedContent = (html) => {
+  const container = document.createElement("div");
+  container.innerHTML = html;
+  const result = [];
+  const stack = [];
+  const flushStackUntil = (level) => {
+    while (stack.length && stack[stack.length - 1].level >= level) {
+      const top2 = stack.pop();
+      if (stack.length) {
+        stack[stack.length - 1].el.appendChild(top2.el);
+      } else {
+        result.push(top2.el.outerHTML);
+      }
+    }
+  };
+  Array.from(container.childNodes).forEach((node) => {
+    if (node.nodeType !== Node.ELEMENT_NODE) {
+      result.push(node.outerHTML || node.textContent);
+      return;
+    }
+    if (node.tagName.toLowerCase() === "ol" || node.tagName.toLowerCase() === "ul") {
+      const child = getFirstElementChild(node);
+      const level = getLevel(child);
+      const numFmt = child.getAttribute("data-num-fmt");
+      const lvlText = child.getAttribute("data-lvl-text");
+      const tag = node.tagName.toLowerCase();
+      const li = child.cloneNode(true);
+      li.setAttribute("aria-level", level + 1);
+      li.style["list-style-type"] = getListStyleType(numFmt, lvlText);
+      if (!stack.length || stack[stack.length - 1].level < level) {
+        const newList = document.createElement(tag);
+        stack.push({ tag, level, el: newList });
+      } else if (stack[stack.length - 1].level > level) {
+        flushStackUntil(level + 1);
+      } else if (stack[stack.length - 1].tag !== tag) {
+        flushStackUntil(level);
+        const newList = document.createElement(tag);
+        stack.push({ tag, level, el: newList });
+      }
+      stack[stack.length - 1].el.appendChild(li);
+    } else {
+      flushStackUntil(0);
+      result.push(node.outerHTML);
+    }
+  });
+  flushStackUntil(0);
+  return result.join("");
+};
+const getListStyleType = (numFmt, lvlText) => {
+  const bulletFmtMap = /* @__PURE__ */ new Map([
+    ["●", "disc"],
+    ["◦", "circle"],
+    ["▪", "square"]
+  ]);
+  if (numFmt === "bullet") return bulletFmtMap.get(lvlText) || "disc";
+  const fmtMap = /* @__PURE__ */ new Map([
+    ["decimal", "decimal"],
+    ["lowerLetter", "lower-alpha"],
+    ["upperLetter", "upper-alpha"],
+    ["lowerRoman", "lower-roman"],
+    ["upperRoman", "upper-roman"]
+  ]);
+  return lvlText.startsWith("0") ? "decimal-leading-zero" : fmtMap.get(numFmt);
+};
+function getFirstElementChild(node) {
+  return Array.from(node.childNodes).find((n) => n.nodeType === Node.ELEMENT_NODE) || null;
+}
+const getLevel = (node) => {
+  const lvl = node.getAttribute("data-level");
+  return lvl ? parseInt(lvl, 10) : 0;
+};
 const _Editor = class _Editor extends EventEmitter {
   /**
    * Create a new Editor instance
@@ -14471,6 +14535,8 @@ const _Editor = class _Editor extends EventEmitter {
   }
   /**
    * Get the editor content as HTML
+   * @param {Object} options - Options for the HTML serializer
+   * @param {boolean} [options.unflattenLists] - Whether to unflatten lists in the HTML
    * @returns {string} Editor content as HTML
    */
   getHTML({ unflattenLists = false } = {}) {
@@ -14549,85 +14615,90 @@ const _Editor = class _Editor extends EventEmitter {
     getUpdatedDocs = false,
     fieldsHighlightColor = null
   } = {}) {
-    const json = __privateMethod(this, _Editor_instances, prepareDocumentForExport_fn).call(this, comments);
-    const documentXml = await this.converter.exportToDocx(
-      json,
-      this.schema,
-      this.storage.image.media,
-      isFinalDoc,
-      commentsType,
-      comments,
-      this,
-      exportJsonOnly,
-      fieldsHighlightColor
-    );
-    __privateMethod(this, _Editor_instances, validateDocumentExport_fn).call(this);
-    if (exportXmlOnly || exportJsonOnly) return documentXml;
-    const customXml = this.converter.schemaToXml(this.converter.convertedXml["docProps/custom.xml"].elements[0]);
-    const styles = this.converter.schemaToXml(this.converter.convertedXml["word/styles.xml"].elements[0]);
-    const customSettings = this.converter.schemaToXml(this.converter.convertedXml["word/settings.xml"].elements[0]);
-    const rels = this.converter.schemaToXml(this.converter.convertedXml["word/_rels/document.xml.rels"].elements[0]);
-    const media = this.converter.addedMedia;
-    const updatedHeadersFooters = {};
-    Object.entries(this.converter.convertedXml).forEach(([name, json2]) => {
-      if (name.includes("header") || name.includes("footer")) {
-        const resultXml = this.converter.schemaToXml(json2.elements[0]);
-        updatedHeadersFooters[name] = String(resultXml);
-      }
-    });
-    const numberingData = this.converter.convertedXml["word/numbering.xml"];
-    const numbering = this.converter.schemaToXml(numberingData.elements[0]);
-    const updatedDocs = {
-      ...this.options.customUpdatedFiles,
-      "word/document.xml": String(documentXml),
-      "docProps/custom.xml": String(customXml),
-      "word/settings.xml": String(customSettings),
-      "word/_rels/document.xml.rels": String(rels),
-      "word/numbering.xml": String(numbering),
-      // Replace & with &amp; in styles.xml as DOCX viewers can't handle it
-      "word/styles.xml": String(styles).replace(/&/gi, "&amp;"),
-      ...updatedHeadersFooters
-    };
-    if (comments.length) {
-      const commentsXml = this.converter.schemaToXml(this.converter.convertedXml["word/comments.xml"].elements[0]);
-      const commentsExtendedXml = this.converter.schemaToXml(
-        this.converter.convertedXml["word/commentsExtended.xml"].elements[0]
-      );
-      const commentsExtensibleXml = this.converter.schemaToXml(
-        this.converter.convertedXml["word/commentsExtensible.xml"].elements[0]
-      );
-      const commentsIdsXml = this.converter.schemaToXml(
-        this.converter.convertedXml["word/commentsIds.xml"].elements[0]
+    try {
+      const json = __privateMethod(this, _Editor_instances, prepareDocumentForExport_fn).call(this, comments);
+      const documentXml = await this.converter.exportToDocx(
+        json,
+        this.schema,
+        this.storage.image.media,
+        isFinalDoc,
+        commentsType,
+        comments,
+        this,
+        exportJsonOnly,
+        fieldsHighlightColor
       );
-      updatedDocs["word/comments.xml"] = String(commentsXml);
-      updatedDocs["word/commentsExtended.xml"] = String(commentsExtendedXml);
-      updatedDocs["word/commentsExtensible.xml"] = String(commentsExtensibleXml);
-      updatedDocs["word/commentsIds.xml"] = String(commentsIdsXml);
-    }
-    const zipper = new DocxZipper();
-    if (getUpdatedDocs) {
-      updatedDocs["[Content_Types].xml"] = await zipper.updateContentTypes(
-        {
-          files: this.options.content
-        },
+      __privateMethod(this, _Editor_instances, validateDocumentExport_fn).call(this);
+      if (exportXmlOnly || exportJsonOnly) return documentXml;
+      const customXml = this.converter.schemaToXml(this.converter.convertedXml["docProps/custom.xml"].elements[0]);
+      const styles = this.converter.schemaToXml(this.converter.convertedXml["word/styles.xml"].elements[0]);
+      const customSettings = this.converter.schemaToXml(this.converter.convertedXml["word/settings.xml"].elements[0]);
+      const rels = this.converter.schemaToXml(this.converter.convertedXml["word/_rels/document.xml.rels"].elements[0]);
+      const media = this.converter.addedMedia;
+      const updatedHeadersFooters = {};
+      Object.entries(this.converter.convertedXml).forEach(([name, json2]) => {
+        if (name.includes("header") || name.includes("footer")) {
+          const resultXml = this.converter.schemaToXml(json2.elements[0]);
+          updatedHeadersFooters[name] = String(resultXml);
+        }
+      });
+      const numberingData = this.converter.convertedXml["word/numbering.xml"];
+      const numbering = this.converter.schemaToXml(numberingData.elements[0]);
+      const updatedDocs = {
+        ...this.options.customUpdatedFiles,
+        "word/document.xml": String(documentXml),
+        "docProps/custom.xml": String(customXml),
+        "word/settings.xml": String(customSettings),
+        "word/_rels/document.xml.rels": String(rels),
+        "word/numbering.xml": String(numbering),
+        // Replace & with &amp; in styles.xml as DOCX viewers can't handle it
+        "word/styles.xml": String(styles).replace(/&/gi, "&amp;"),
+        ...updatedHeadersFooters
+      };
+      if (comments.length) {
+        const commentsXml = this.converter.schemaToXml(this.converter.convertedXml["word/comments.xml"].elements[0]);
+        const commentsExtendedXml = this.converter.schemaToXml(
+          this.converter.convertedXml["word/commentsExtended.xml"].elements[0]
+        );
+        const commentsExtensibleXml = this.converter.schemaToXml(
+          this.converter.convertedXml["word/commentsExtensible.xml"].elements[0]
+        );
+        const commentsIdsXml = this.converter.schemaToXml(
+          this.converter.convertedXml["word/commentsIds.xml"].elements[0]
+        );
+        updatedDocs["word/comments.xml"] = String(commentsXml);
+        updatedDocs["word/commentsExtended.xml"] = String(commentsExtendedXml);
+        updatedDocs["word/commentsExtensible.xml"] = String(commentsExtensibleXml);
+        updatedDocs["word/commentsIds.xml"] = String(commentsIdsXml);
+      }
+      const zipper = new DocxZipper();
+      if (getUpdatedDocs) {
+        updatedDocs["[Content_Types].xml"] = await zipper.updateContentTypes(
+          {
+            files: this.options.content
+          },
+          media,
+          true
+        );
+        return updatedDocs;
+      }
+      const result = await zipper.updateZip({
+        docx: this.options.content,
+        updatedDocs,
+        originalDocxFile: this.options.fileSource,
         media,
-        true
-      );
-      return updatedDocs;
+        fonts: this.options.fonts,
+        isHeadless: this.options.isHeadless
+      });
+      this.options.telemetry?.trackUsage("document_export", {
+        documentType: "docx",
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      return result;
+    } catch (error) {
+      this.emit("exception", { error, editor: this });
+      console.error(error);
     }
-    const result = await zipper.updateZip({
-      docx: this.options.content,
-      updatedDocs,
-      originalDocxFile: this.options.fileSource,
-      media,
-      fonts: this.options.fonts,
-      isHeadless: this.options.isHeadless
-    });
-    this.options.telemetry?.trackUsage("document_export", {
-      documentType: "docx",
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    });
-    return result;
   }
   /**
    * Destroy the editor and clean up resources
@@ -14648,7 +14719,9 @@ const _Editor = class _Editor extends EventEmitter {
       }
       this.converter.headerEditors.length = 0;
       this.converter.footerEditors.length = 0;
-    } catch {
+    } catch (error) {
+      this.emit("exception", { error, editor: this });
+      console.error(error);
     }
   }
   /**
@@ -14668,7 +14741,7 @@ const _Editor = class _Editor extends EventEmitter {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.18.1");
+    console.debug("[checkVersionMigrations] Current editor version", "0.20.0");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -14713,7 +14786,7 @@ const _Editor = class _Editor extends EventEmitter {
     this.initDefaultStyles();
     if (this.options.ydoc && this.options.collaborationProvider) {
       updateYdocDocxData(this);
-      this.initializeCollaborationData(true);
+      this.initializeCollaborationData();
     } else {
       __privateMethod(this, _Editor_instances, insertNewFileData_fn).call(this);
     }
@@ -14882,7 +14955,6 @@ init_fn = function() {
   this.on("beforeCreate", this.options.onBeforeCreate);
   this.emit("beforeCreate", { editor: this });
   this.on("contentError", this.options.onContentError);
-  this.on("exception", this.options.onException);
   this.mount(this.options.element);
   this.on("create", this.options.onCreate);
   this.on("update", this.options.onUpdate);
@@ -14900,11 +14972,14 @@ init_fn = function() {
   this.on("paginationUpdate", this.options.onPaginationUpdate);
   this.on("comment-positions", this.options.onCommentLocationsUpdate);
   this.on("list-definitions-change", this.options.onListDefinitionsChange);
+  this.on("exception", this.options.onException);
   if (!this.options.isHeadless) {
     this.initializeCollaborationData();
     this.initDefaultStyles();
   }
-  if (!this.options.ydoc) this.migrateListsToV2();
+  if (!this.options.ydoc || this.options.markdown || this.options.html) {
+    this.migrateListsToV2();
+  }
   this.setDocumentMode(this.options.documentMode);
   if (!this.options.ydoc) {
     if (!this.options.isChildEditor) {
@@ -14914,6 +14989,7 @@ init_fn = function() {
     }
   }
   __privateMethod(this, _Editor_instances, initDevTools_fn).call(this);
+  __privateMethod(this, _Editor_instances, registerCopyHandler_fn).call(this);
 };
 /**
  * Initialize the editor in rich text mode
@@ -14969,6 +15045,21 @@ checkHeadless_fn = function(options) {
     global.window = options.mockWindow;
   }
 };
+registerCopyHandler_fn = function() {
+  this.view.dom.addEventListener("copy", (event) => {
+    const clipboardData = event.clipboardData;
+    if (!clipboardData) return;
+    event.preventDefault();
+    const { from: from2, to } = this.view.state.selection;
+    const slice2 = this.view.state.doc.slice(from2, to);
+    const fragment = slice2.content;
+    const div2 = document.createElement("div");
+    const serializer = DOMSerializer.fromSchema(this.view.state.schema);
+    div2.appendChild(serializer.serializeFragment(fragment));
+    const html = transformListsInCopiedContent(div2.innerHTML);
+    clipboardData.setData("text/html", html);
+  });
+};
 /**
  * Replace the current document with new data. Necessary for initializing a new collaboration file,
  * since we need to insert the data only after the provider has synced.
@@ -15052,8 +15143,8 @@ initMedia_fn = function() {
   if (!this.options.ydoc) return this.storage.image.media = this.options.mediaFiles;
   const mediaMap = this.options.ydoc.getMap("media");
   if (this.options.isNewFile) {
-    Object.entries(this.options.mediaFiles).forEach(([key, value]) => {
-      mediaMap.set(key, value);
+    Object.entries(this.options.mediaFiles).forEach(([key2, value]) => {
+      mediaMap.set(key2, value);
     });
     this.storage.image.media = this.options.mediaFiles;
   } else {
@@ -15326,7 +15417,9 @@ endCollaboration_fn = function() {
     console.debug("🔗 [super-editor] Ending collaboration");
     if (this.options.collaborationProvider) this.options.collaborationProvider.disconnect();
     if (this.options.ydoc) this.options.ydoc.destroy();
-  } catch {
+  } catch (error) {
+    this.emit("exception", { error, editor: this });
+    console.error(error);
   }
 };
 /**
@@ -15361,11 +15454,6 @@ const Color = Extension.create({
   name: "color",
   addOptions() {
     return {
-      /**
-       * @typedef {Object} ColorOptions
-       * @category Options
-       * @property {string[]} [types=['textStyle']] - Mark types to add color support to
-       */
       types: ["textStyle"]
     };
   },
@@ -15374,10 +15462,6 @@ const Color = Extension.create({
       {
         types: this.options.types,
         attributes: {
-          /**
-           * @category Attribute
-           * @param {ColorValue} [color] - Text color value
-           */
           color: {
             default: null,
             parseDOM: (el) => el.style.color?.replace(/['"]+/g, ""),
@@ -15396,16 +15480,17 @@ const Color = Extension.create({
        * Set text color
        * @category Command
        * @param {ColorValue} color - Color value to apply
-       * @returns {Function} Command function
        * @example
        * // Set to red using hex
-       * setColor('#ff0000')
+       * editor.commands.setColor('#ff0000')
        *
+       * @example
        * // Set using rgb
-       * setColor('rgb(255, 0, 0)')
+       * editor.commands.setColor('rgb(255, 0, 0)')
        *
+       * @example
        * // Set using named color
-       * setColor('blue')
+       * editor.commands.setColor('blue')
        * @note Preserves other text styling attributes
        */
       setColor: (color) => ({ chain }) => {
@@ -15414,9 +15499,8 @@ const Color = Extension.create({
       /**
        * Remove text color
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * unsetColor()
+       * editor.commands.unsetColor()
        * @note Removes color while preserving other text styles
        */
       unsetColor: () => ({ chain }) => {
@@ -15429,11 +15513,6 @@ const FontFamily = Extension.create({
   name: "fontFamily",
   addOptions() {
     return {
-      /**
-       * @typedef {Object} FontFamilyOptions
-       * @category Options
-       * @property {string[]} [types=['textStyle']] - Mark types to add font family support to
-       */
       types: ["textStyle"]
     };
   },
@@ -15442,10 +15521,6 @@ const FontFamily = Extension.create({
       {
         types: this.options.types,
         attributes: {
-          /**
-           * @category Attribute
-           * @param {FontFamilyValue} [fontFamily] - Font family for text
-           */
           fontFamily: {
             default: null,
             parseDOM: (el) => el.style.fontFamily?.replace(/['"]+/g, ""),
@@ -15464,13 +15539,13 @@ const FontFamily = Extension.create({
        * Set font family
        * @category Command
        * @param {FontFamilyValue} fontFamily - Font family to apply
-       * @returns {Function} Command function
        * @example
        * // Set to Arial
-       * setFontFamily('Arial')
+       * editor.commands.setFontFamily('Arial')
        *
+       * @example
        * // Set to serif font
-       * setFontFamily('Georgia, serif')
+       * editor.commands.setFontFamily('Georgia, serif')
        * @note Preserves other text styling attributes
        */
       setFontFamily: (fontFamily) => ({ chain }) => {
@@ -15479,9 +15554,8 @@ const FontFamily = Extension.create({
       /**
        * Remove font family
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * unsetFontFamily()
+       * editor.commands.unsetFontFamily()
        * @note Reverts to default document font
        */
       unsetFontFamily: () => ({ chain }) => {
@@ -15494,12 +15568,6 @@ const FontSize = Extension.create({
   name: "fontSize",
   addOptions() {
     return {
-      /**
-       * @typedef {Object} FontSizeOptions
-       * @category Options
-       * @property {string[]} [types=['textStyle', 'tableCell']] - Node/mark types to add font size support to
-       * @property {FontSizeDefaults} [defaults] - Default size configuration
-       */
       types: ["textStyle", "tableCell"],
       defaults: {
         value: 12,
@@ -15514,10 +15582,6 @@ const FontSize = Extension.create({
       {
         types: this.options.types,
         attributes: {
-          /**
-           * @category Attribute
-           * @param {FontSizeValue} [fontSize] - Font size with unit
-           */
           fontSize: {
             default: null,
             parseDOM: (el) => el.style.fontSize,
@@ -15539,16 +15603,10 @@ const FontSize = Extension.create({
        * Set font size
        * @category Command
        * @param {FontSizeValue} fontSize - Size to apply (with optional unit)
-       * @returns {Function} Command function
        * @example
-       * // Set to 14pt
-       * setFontSize('14pt')
-       *
-       * // Set to 18px
-       * setFontSize('18px')
-       *
-       * // Set without unit (uses default)
-       * setFontSize(16)
+       * editor.commands.setFontSize('14pt')
+       * editor.commands.setFontSize('18px')
+       * editor.commands.setFontSize(16)
        * @note Automatically clamps to min/max values
        */
       setFontSize: (fontSize) => ({ chain }) => {
@@ -15570,9 +15628,8 @@ const FontSize = Extension.create({
       /**
        * Remove font size
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * unsetFontSize()
+       * editor.commands.unsetFontSize()
        * @note Reverts to default document size
        */
       unsetFontSize: () => ({ chain }) => {
@@ -15622,13 +15679,9 @@ const TextAlign = Extension.create({
        * Set text alignment
        * @category Command
        * @param {string} alignment - Alignment value (left, center, right, justify)
-       * @returns {Function} Command function
        * @example
-       * // Set to center
-       * setTextAlign('center')
-       *
-       * // Set to justify
-       * setTextAlign('justify')
+       * editor.commands.setTextAlign('center')
+       * editor.commands.setTextAlign('justify')
        * @note Applies to all configured node types (heading, paragraph by default)
        */
       setTextAlign: (alignment) => ({ commands: commands2 }) => {
@@ -15639,9 +15692,8 @@ const TextAlign = Extension.create({
       /**
        * Remove text alignment (reset to default)
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * unsetTextAlign()
+       * editor.commands.unsetTextAlign()
        * @note Resets alignment to the default value
        */
       unsetTextAlign: () => ({ commands: commands2 }) => {
@@ -15782,13 +15834,6 @@ const LineHeight = Extension.create({
   name: "lineHeight",
   addOptions() {
     return {
-      /**
-       * @typedef {Object} LineHeightOptions
-       * @category Options
-       * @property {string[]} [types=['heading', 'paragraph']] - Block types to add line height support to
-       * @property {Object} [defaults] - Default configuration
-       * @property {string} [defaults.unit=''] - Default unit for line height values
-       */
       types: ["heading", "paragraph"],
       defaults: {
         unit: ""
@@ -15800,10 +15845,6 @@ const LineHeight = Extension.create({
       {
         types: this.options.types,
         attributes: {
-          /**
-           * @category Attribute
-           * @param {LineHeightValue} [lineHeight] - Line height value
-           */
           lineHeight: {
             default: null,
             parseDOM: (el) => el.style.lineHeight,
@@ -15829,16 +15870,10 @@ const LineHeight = Extension.create({
        * Set line height for blocks
        * @category Command
        * @param {LineHeightValue} lineHeight - Line height to apply
-       * @returns {Function} Command function
        * @example
-       * // Set to 1.5x spacing
-       * setLineHeight(1.5)
-       *
-       * // Set to 24px spacing
-       * setLineHeight('24px')
-       *
-       * // Set to double spacing
-       * setLineHeight(2)
+       * editor.commands.setLineHeight(1.5)
+       * editor.commands.setLineHeight('24px')
+       * editor.commands.setLineHeight(2)
        * @note Applies to paragraphs and headings
        */
       setLineHeight: (lineHeight) => ({ commands: commands2 }) => {
@@ -15848,9 +15883,8 @@ const LineHeight = Extension.create({
       /**
        * Remove line height
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * unsetLineHeight()
+       * editor.commands.unsetLineHeight()
        * @note Reverts to default line spacing
        */
       unsetLineHeight: () => ({ commands: commands2 }) => {
@@ -15878,9 +15912,8 @@ const FormatCommands = Extension.create({
       /**
        * Clear all formatting (nodes and marks)
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * clearFormat()
+       * editor.commands.clearFormat()
        * @note Removes all marks and resets nodes to default paragraph
        */
       clearFormat: () => ({ chain }) => {
@@ -15889,9 +15922,8 @@ const FormatCommands = Extension.create({
       /**
        * Clear only mark formatting
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * clearMarksFormat()
+       * editor.commands.clearMarksFormat()
        * @note Removes bold, italic, underline, colors, etc. but preserves block structure
        */
       clearMarksFormat: () => ({ chain }) => {
@@ -15900,9 +15932,8 @@ const FormatCommands = Extension.create({
       /**
        * Clear only node formatting
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * clearNodesFormat()
+       * editor.commands.clearNodesFormat()
        * @note Converts headings, lists, etc. to paragraphs but preserves text marks
        */
       clearNodesFormat: () => ({ chain }) => {
@@ -15911,13 +15942,8 @@ const FormatCommands = Extension.create({
       /**
        * Copy format from selection or apply copied format
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * // First call: copy format from selection
-       * copyFormat()
-       *
-       * // Second call: apply copied format to new selection
-       * copyFormat()
+       * editor.commands.copyFormat()
        * @note Works like format painter - first click copies, second click applies
        */
       copyFormat: () => ({ chain }) => {
@@ -15936,11 +15962,11 @@ const FormatCommands = Extension.create({
           const { type, attrs } = mark;
           const { name } = type;
           if (name === "textStyle") {
-            Object.keys(attrs).forEach((key) => {
-              if (!attrs[key]) return;
+            Object.keys(attrs).forEach((key2) => {
+              if (!attrs[key2]) return;
               const attributes = {};
-              attributes[key] = attrs[key];
-              processedMarks.push({ name: key, attrs: attributes });
+              attributes[key2] = attrs[key2];
+              processedMarks.push({ name: key2, attrs: attributes });
             });
           } else {
             processedMarks.push({ name, attrs });
@@ -15955,13 +15981,13 @@ const FormatCommands = Extension.create({
           fontFamily: ["setFontFamily", "unsetFontFamily"]
         };
         let result = chain();
-        Object.keys(marksToCommands).forEach((key) => {
-          const [setCommand, unsetCommand, defaultParam] = marksToCommands[key];
-          const markToApply = processedMarks.find((mark) => mark.name === key);
-          const hasEmptyAttrs = markToApply?.attrs && markToApply?.attrs[key];
+        Object.keys(marksToCommands).forEach((key2) => {
+          const [setCommand, unsetCommand, defaultParam] = marksToCommands[key2];
+          const markToApply = processedMarks.find((mark) => mark.name === key2);
+          const hasEmptyAttrs = markToApply?.attrs && markToApply?.attrs[key2];
           let cmd = {};
           if (!markToApply && !hasEmptyAttrs) cmd = { command: unsetCommand, argument: defaultParam };
-          else cmd = { command: setCommand, argument: markToApply.attrs[key] || defaultParam };
+          else cmd = { command: setCommand, argument: markToApply.attrs[key2] || defaultParam };
           result = result[cmd.command](cmd.argument);
         });
         this.storage.storedStyle = null;
@@ -16330,6 +16356,9 @@ function drawGapCursor(state) {
 }
 const Gapcursor = Extension.create({
   name: "gapCursor",
+  addOptions() {
+    return {};
+  },
   addPmPlugins() {
     return [gapCursor()];
   },
@@ -16670,6 +16699,9 @@ function getCursorPositionRelativeToContainer(view, eventLocation) {
 const SlashMenuPluginKey = new PluginKey("slashMenu");
 const SlashMenu = Extension.create({
   name: "slashMenu",
+  addOptions() {
+    return {};
+  },
   addPmPlugins() {
     if (this.editor.options?.disableContextMenu) {
       return [];
@@ -16807,11 +16839,6 @@ const Document = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @private
-       * @category Attribute
-       * @param {Object} [attributes] - Internal document attributes
-       */
       attributes: {
         rendered: false,
         "aria-label": "Document node"
@@ -16823,10 +16850,10 @@ const Document = Node$1.create({
       /**
        * Get document statistics
        * @category Command
-       * @returns {Function} Command function
        * @example
        * // Get word and character count
-       * getDocumentStats()
+       * const stats = editor.commands.getDocumentStats()
+       * console.log(`${stats.words} words, ${stats.characters} characters`)
        * @note Returns word count, character count, and paragraph count
        */
       getDocumentStats: () => ({ editor }) => {
@@ -16843,9 +16870,8 @@ const Document = Node$1.create({
       /**
        * Clear entire document
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * clearDocument()
+       * editor.commands.clearDocument()
        * @note Replaces all content with an empty paragraph
        */
       clearDocument: () => ({ commands: commands2 }) => {
@@ -16857,13 +16883,19 @@ const Document = Node$1.create({
 const Text = Node$1.create({
   name: "text",
   group: "inline",
-  inline: true
+  inline: true,
+  addOptions() {
+    return {};
+  }
 });
 const RunItem = Node$1.create({
   name: "run",
   group: "inline",
   content: "text*",
   inline: true,
+  addOptions() {
+    return {};
+  },
   parseDOM() {
     return [{ tag: "run" }];
   },
@@ -16889,14 +16921,6 @@ const BulletList = Node$1.create({
   },
   addOptions() {
     return {
-      /**
-       * @typedef {Object} BulletListOptions
-       * @category Options
-       * @property {string} [itemTypeName='listItem'] - Name of the list item node type
-       * @property {Object} [htmlAttributes] - HTML attributes for the ul element
-       * @property {boolean} [keepMarks=true] - Whether to preserve marks when splitting
-       * @property {boolean} [keepAttributes=false] - Whether to preserve attributes when splitting
-       */
       itemTypeName: "listItem",
       htmlAttributes: {
         "aria-label": "Bullet list node"
@@ -16914,27 +16938,13 @@ const BulletList = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @category Attribute
-       * @param {string} [list-style-type='bullet'] - List style type for this list
-       */
       "list-style-type": {
         default: "bullet",
         rendered: false
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [listId] - Internal list identifier for numbering
-       */
       listId: {
         rendered: false
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [sdBlockId] - Internal block tracking ID
-       */
       sdBlockId: {
         default: null,
         keepOnSplit: false,
@@ -16943,11 +16953,6 @@ const BulletList = Node$1.create({
           return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
         }
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {Object} [attributes] - Additional attributes for the list
-       */
       attributes: {
         rendered: false,
         keepOnSplit: true
@@ -16959,10 +16964,9 @@ const BulletList = Node$1.create({
       /**
        * Toggle a bullet list at the current selection
        * @category Command
-       * @returns {Function} Command function
        * @example
        * // Toggle bullet list on selected text
-       * toggleBulletList()
+       * editor.commands.toggleBulletList()
        * @note Converts selected paragraphs to list items or removes list formatting
        */
       toggleBulletList: () => (params2) => {
@@ -17081,9 +17085,25 @@ const OrderedList = Node$1.create({
   },
   addCommands() {
     return {
+      /**
+       * Toggle ordered list formatting
+       * @category Command
+       * @example
+       * editor.commands.toggleOrderedList()
+       * @note Converts selection to ordered list or back to paragraphs
+       */
       toggleOrderedList: () => (params2) => {
         return toggleList(this.type)(params2);
       },
+      /**
+       * Restart list node numbering
+       * @category Command
+       * @param {Array} followingNodes - Nodes to restart
+       * @param {number} pos - Starting position
+       * @example
+       * editor.commands.restartListNodes(nodes, position)
+       * @note Resets list numbering for specified nodes
+       */
       restartListNodes: (followingNodes, pos) => ({ tr }) => {
         let currentNodePos = pos;
         const nodes = followingNodes.map((node) => {
@@ -17102,8 +17122,11 @@ const OrderedList = Node$1.create({
         return true;
       },
       /**
-       * Updates ordered list style type when sink or lift `listItem`.
-       * @example 1,2,3 -> a,b,c -> i,ii,iii -> 1,2,3 -> etc
+       * Update ordered list style type based on nesting level
+       * @category Command
+       * @example
+       * editor.commands.updateOrderedListStyleType()
+       * @note Cycles through decimal -> lowerAlpha -> lowerRoman based on depth
        */
       updateOrderedListStyleType: () => ({ dispatch, tr }) => {
         let list = findParentNode((node) => node.type.name === this.name)(tr.selection);
@@ -17380,7 +17403,7 @@ const CustomSelection = Extension.create({
        * @returns {Function} Command function
        * @example
        * // Restore selection after toolbar interaction
-       * restorePreservedSelection()
+       * editor.commands.restorePreservedSelection()
        * @note Used internally to maintain selection when interacting with toolbar
        */
       restorePreservedSelection: () => ({ tr, state }) => {
@@ -17465,7 +17488,7 @@ const generateLinkedStyleString = (linkedStyle, basedOnStyle, node, parent, incl
     resultStyles["text-transform"] = basedOnDefinitionStyles["text-transform"];
   }
   Object.entries(resultStyles).forEach(([k, value]) => {
-    const key = kebabCase(k);
+    const key2 = kebabCase(k);
     const flattenedMarks = [];
     node?.marks?.forEach((n) => {
       if (n.type.name === "textStyle") {
@@ -17476,46 +17499,46 @@ const generateLinkedStyleString = (linkedStyle, basedOnStyle, node, parent, incl
         });
         return;
       }
-      flattenedMarks.push({ key: n.type.name, value: n.attrs[key] });
+      flattenedMarks.push({ key: n.type.name, value: n.attrs[key2] });
     });
-    const mark = flattenedMarks.find((n) => n.key === key);
+    const mark = flattenedMarks.find((n) => n.key === key2);
     const hasParentIndent = Object.keys(parent?.attrs?.indent || {});
     const hasParentSpacing = Object.keys(parent?.attrs?.spacing || {});
     const listTypes = ["orderedList", "listItem"];
     if (!mark) {
-      if (key === "spacing" && includeSpacing && !hasParentSpacing) {
+      if (key2 === "spacing" && includeSpacing && !hasParentSpacing) {
         const space = getSpacingStyle(value);
         Object.entries(space).forEach(([k2, v]) => {
           markValue[k2] = v;
         });
-      } else if (key === "indent" && includeSpacing && !hasParentIndent) {
+      } else if (key2 === "indent" && includeSpacing && !hasParentIndent) {
         const { leftIndent, rightIndent, firstLine } = value;
         if (leftIndent) markValue["margin-left"] = leftIndent + "px";
         if (rightIndent) markValue["margin-right"] = rightIndent + "px";
         if (firstLine) markValue["text-indent"] = firstLine + "px";
-      } else if (key === "bold" && node) {
+      } else if (key2 === "bold" && node) {
         const val = value?.value;
         if (!listTypes.includes(node.type.name) && val !== "0") {
           markValue["font-weight"] = "bold";
         }
-      } else if (key === "text-transform" && node) {
+      } else if (key2 === "text-transform" && node) {
         if (!listTypes.includes(node.type.name)) {
-          markValue[key] = value;
+          markValue[key2] = value;
         }
-      } else if (key === "font-size" && node) {
+      } else if (key2 === "font-size" && node) {
         if (!listTypes.includes(node.type.name)) {
-          markValue[key] = value;
+          markValue[key2] = value;
         }
-      } else if (key === "color" && node) {
+      } else if (key2 === "color" && node) {
         if (!listTypes.includes(node.type.name)) {
-          markValue[key] = value;
+          markValue[key2] = value;
         }
       } else if (typeof value === "string") {
-        markValue[key] = value;
+        markValue[key2] = value;
       }
     }
   });
-  const final = Object.entries(markValue).map(([key, value]) => `${key}: ${value}`).join(";");
+  const final = Object.entries(markValue).map(([key2, value]) => `${key2}: ${value}`).join(";");
   return final;
 };
 const applyLinkedStyleToTransaction = (tr, editor, style) => {
@@ -17669,6 +17692,9 @@ const LinkedStyles = Extension.create({
   name: "linkedStyles",
   priority: 1,
   // We need this plugin to run before the list plugins
+  addOptions() {
+    return {};
+  },
   addPmPlugins() {
     return [createLinkedStylesPlugin(this.editor)];
   },
@@ -17677,11 +17703,10 @@ const LinkedStyles = Extension.create({
       /**
        * Apply a linked style to the selected paragraphs
        * @category Command
-       * @param {Object} style - The style object to apply
-       * @returns {Function} Command function
+       * @param {LinkedStyle} style - The style object to apply
        * @example
        * const style = editor.helpers.linkedStyles.getStyleById('Heading1');
-       * setLinkedStyle(style);
+       * editor.commands.setLinkedStyle(style);
        * @note Clears existing formatting when applying a style
        * @note Works with custom selection preservation
        */
@@ -17692,16 +17717,12 @@ const LinkedStyles = Extension.create({
       /**
        * Toggle a linked style on the current selection
        * @category Command
-       * @param {Object} style - The linked style to apply (with id property)
+       * @param {LinkedStyle} style - The linked style to apply (with id property)
        * @param {string|null} [nodeType=null] - Node type to restrict toggle to (e.g., 'paragraph')
-       * @returns {Function} Command function
        * @example
-       * // Toggle a heading style
        * const style = editor.helpers.linkedStyles.getStyleById('Heading1');
-       * toggleLinkedStyle(style)
-       *
-       * // Toggle only on paragraph nodes
-       * toggleLinkedStyle(style, 'paragraph')
+       * editor.commands.toggleLinkedStyle(style)
+       * editor.commands.toggleLinkedStyle(style, 'paragraph')
        * @note If selection is empty, returns false
        * @note Removes style if already applied, applies it if not
        */
@@ -17729,13 +17750,9 @@ const LinkedStyles = Extension.create({
        * Apply a linked style by its ID
        * @category Command
        * @param {string} styleId - The style ID to apply (e.g., 'Heading1')
-       * @returns {Function} Command function
        * @example
-       * // Apply a heading style
-       * setStyleById('Heading1')
-       *
-       * // Apply a normal style
-       * setStyleById('Normal')
+       * editor.commands.setStyleById('Heading1')
+       * editor.commands.setStyleById('Normal')
        * @note Looks up the style from loaded Word styles
        */
       setStyleById: (styleId) => (params2) => {
@@ -18210,7 +18227,7 @@ function orderedListSync(editor) {
           listNumberingType,
           customFormat
         };
-        const keysChanged = Object.keys(updatedAttrs).some((key) => node.attrs[key] !== updatedAttrs[key]);
+        const keysChanged = Object.keys(updatedAttrs).some((key2) => node.attrs[key2] !== updatedAttrs[key2]);
         if (keysChanged) {
           tr.setNodeMarkup(pos, void 0, updatedAttrs);
         }
@@ -18443,12 +18460,6 @@ const Paragraph = OxmlNode.create({
   inline: false,
   addOptions() {
     return {
-      /**
-       * @typedef {Object} HeadingOptions
-       * @category Options
-       * @property {number[]} [headingLevels=[1,2,3,4,5,6]] - Supported heading levels
-       * @property {Object} [htmlAttributes] - HTML attributes for paragraph elements
-       */
       headingLevels: [1, 2, 3, 4, 5, 6],
       htmlAttributes: {}
     };
@@ -18596,13 +18607,30 @@ const Paragraph = OxmlNode.create({
       {
         tag: "p",
         getAttrs: (node) => {
-          let extra = {};
+          const { styleid, ...extraAttrs } = Array.from(node.attributes).reduce((acc, attr) => {
+            acc[attr.name] = attr.value;
+            return acc;
+          }, {});
+          return {
+            styleId: styleid || null,
+            extraAttrs
+          };
+        }
+      },
+      {
+        tag: "div",
+        getAttrs: (node) => {
+          const extra = {};
           Array.from(node.attributes).forEach((attr) => {
             extra[attr.name] = attr.value;
           });
           return { extraAttrs: extra };
         }
       },
+      {
+        tag: "blockquote",
+        attrs: { styleId: "BlockQuote" }
+      },
       ...this.options.headingLevels.map((level) => ({
         tag: `h${level}`,
         attrs: { level, styleId: `Heading${level}` }
@@ -18663,11 +18691,6 @@ const Heading = Extension.create({
   name: "heading",
   addOptions() {
     return {
-      /**
-       * @typedef {Object} HeadingOptions
-       * @category Options
-       * @property {number[]} [levels=[1,2,3,4,5,6]] - Supported heading levels
-       */
       levels: [1, 2, 3, 4, 5, 6]
     };
   },
@@ -18677,10 +18700,8 @@ const Heading = Extension.create({
        * Set a heading with specified level
        * @category Command
        * @param {HeadingAttributes} attributes - Heading attributes including level
-       * @returns {Function} Command function
        * @example
-       * // Set heading level 2
-       * setHeading({ level: 2 })
+       * editor.commands.setHeading({ level: 2 })
        * @note Converts current block to heading
        */
       setHeading: (attributes) => ({ commands: commands2 }) => {
@@ -18692,13 +18713,9 @@ const Heading = Extension.create({
        * Toggle between heading and paragraph
        * @category Command
        * @param {HeadingAttributes} attributes - Heading attributes including level
-       * @returns {Function} Command function
        * @example
-       * // Toggle heading level 1
-       * toggleHeading({ level: 1 })
-       *
-       * // Toggle heading level 3
-       * toggleHeading({ level: 3 })
+       * editor.commands.toggleHeading({ level: 1 })
+       * editor.commands.toggleHeading({ level: 3 })
        * @note Switches between heading and paragraph for the same level
        */
       toggleHeading: (attributes) => ({ commands: commands2 }) => {
@@ -19103,6 +19120,9 @@ const LineBreak = Node$1.create({
   selectable: false,
   content: "",
   atom: true,
+  addOptions() {
+    return {};
+  },
   parseDOM() {
     return [{ tag: "br" }];
   },
@@ -19111,17 +19131,7 @@ const LineBreak = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [lineBreakType] - Type of line break - passthrough in this node
-       */
       lineBreakType: { rendered: false },
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [clear] - Clear attribute - passthrough in this node
-       */
       clear: { rendered: false }
     };
   },
@@ -19130,9 +19140,8 @@ const LineBreak = Node$1.create({
       /**
        * Insert a line break
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * insertLineBreak()
+       * editor.commands.insertLineBreak()
        * @note Creates a soft break within the same paragraph
        */
       insertLineBreak: () => ({ commands: commands2 }) => {
@@ -19149,11 +19158,6 @@ const HardBreak = Node$1.create({
   atom: true,
   addOptions() {
     return {
-      /**
-       * @typedef {Object} HardBreakOptions
-       * @category Options
-       * @property {Object} [htmlAttributes] - HTML attributes for the break element
-       */
       htmlAttributes: {
         contentEditable: "false",
         lineBreakType: "page",
@@ -19164,35 +19168,15 @@ const HardBreak = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [pageBreakSource] - Source of the page break
-       */
       pageBreakSource: {
         rendered: false,
         default: null
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [pageBreakType] - Type of page break
-       */
       pageBreakType: {
         default: null,
         rendered: false
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [lineBreakType] - Type of line break - passthrough in this node
-       */
       lineBreakType: { rendered: false },
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [clear] - Clear attribute - passthrough in this node
-       */
       clear: { rendered: false }
     };
   },
@@ -19218,9 +19202,8 @@ const HardBreak = Node$1.create({
       /**
        * Insert a page break
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * insertPageBreak()
+       * editor.commands.insertPageBreak()
        * @note Forces content to start on a new page when printed
        */
       insertPageBreak: () => ({ commands: commands2 }) => {
@@ -19232,6 +19215,12 @@ const HardBreak = Node$1.create({
     };
   }
 });
+const getColStyleDeclaration = (minWidth, width) => {
+  if (width) {
+    return ["width", `${Math.max(width, minWidth)}px`];
+  }
+  return ["min-width", `${minWidth}px`];
+};
 const createTableView = ({ editor }) => {
   return class TableView {
     constructor(node, cellMinWidth) {
@@ -19320,11 +19309,11 @@ function updateTable(editor, node, table) {
   const allExtensionsAttrs = editor.extensionService.attributes;
   const tableExtensionAttrs = allExtensionsAttrs.filter((e) => e.type === "table");
   const htmlAttributes = Attribute.getAttributesToRender(node, tableExtensionAttrs);
-  Object.entries(htmlAttributes).forEach(([key, value]) => {
-    if (key === "style") {
+  Object.entries(htmlAttributes).forEach(([key2, value]) => {
+    if (key2 === "style") {
       table.style.cssText = value;
     } else {
-      table.setAttribute(key, value);
+      table.setAttribute(key2, value);
     }
   });
 }
@@ -19392,26 +19381,55 @@ const createTable = (schema, rowsCount, colsCount, withHeaderRow, cellContent =
   const tableBorders = createTableBorders();
   return types.table.createChecked({ borders: tableBorders }, rows);
 };
+const createColGroup = (node, cellMinWidth, overrideCol, overrideValue) => {
+  let totalWidth = 0;
+  let fixedWidth = true;
+  const cols = [];
+  const colsValues = [];
+  const row = node.firstChild;
+  if (!row) return {};
+  for (let i = 0, col = 0; i < row.childCount; i++) {
+    const { colspan, colwidth } = row.child(i).attrs;
+    for (let j = 0; j < colspan; j++, col++) {
+      const hasWidth = overrideCol === col ? overrideValue : colwidth && colwidth[j];
+      totalWidth += hasWidth || cellMinWidth;
+      if (!hasWidth) fixedWidth = false;
+      const [prop, value] = getColStyleDeclaration(cellMinWidth, hasWidth);
+      cols.push(["col", { style: `${prop}: ${value}` }]);
+      colsValues.push(parseInt(value, 10));
+    }
+  }
+  const tableWidth = fixedWidth ? `${totalWidth}px` : "";
+  const tableMinWidth = fixedWidth ? "" : `${totalWidth}px`;
+  const colgroup = ["colgroup", {}, ...cols];
+  const colgroupValues = [...colsValues];
+  return {
+    colgroup,
+    tableWidth,
+    tableMinWidth,
+    colgroupValues
+  };
+};
 var readFromCache;
 var addToCache;
 if (typeof WeakMap != "undefined") {
   let cache = /* @__PURE__ */ new WeakMap();
-  readFromCache = (key) => cache.get(key);
-  addToCache = (key, value) => {
-    cache.set(key, value);
+  readFromCache = (key2) => cache.get(key2);
+  addToCache = (key2, value) => {
+    cache.set(key2, value);
     return value;
   };
 } else {
   const cache = [];
   const cacheSize = 10;
   let cachePos = 0;
-  readFromCache = (key) => {
+  readFromCache = (key2) => {
     for (let i = 0; i < cache.length; i += 2)
-      if (cache[i] == key) return cache[i + 1];
+      if (cache[i] == key2) return cache[i + 1];
   };
-  addToCache = (key, value) => {
+  addToCache = (key2, value) => {
     if (cachePos == cacheSize) cachePos = 0;
-    cache[cachePos++] = key;
+    cache[cachePos++] = key2;
     return cache[cachePos++] = value;
   };
 }
@@ -21575,17 +21593,6 @@ const Table = Node$1.create({
   group: "block",
   isolating: true,
   tableRole: "table",
-  /**
-   * Table extension options
-   * @category Options
-   * @typedef {Object} TableOptions
-   * @property {Object} [htmlAttributes={'aria-label': 'Table node'}] - Default HTML attributes for all tables
-   * @property {boolean} [resizable=true] - Enable column resizing functionality
-   * @property {number} [handleWidth=5] - Width of resize handles in pixels
-   * @property {number} [cellMinWidth=10] - Minimum cell width constraint in pixels
-   * @property {boolean} [lastColumnResizable=true] - Allow resizing of the last column
-   * @property {boolean} [allowTableNodeSelection=false] - Enable selecting the entire table node
-   */
   addOptions() {
     return {
       htmlAttributes: {
@@ -21645,8 +21652,8 @@ const Table = Node$1.create({
         default: {},
         renderDOM({ borders }) {
           if (!borders) return {};
-          const style = Object.entries(borders).reduce((acc, [key, { size, color }]) => {
-            return `${acc}border-${key}: ${Math.ceil(size)}px solid ${color || "black"};`;
+          const style = Object.entries(borders).reduce((acc, [key2, { size, color }]) => {
+            return `${acc}border-${key2}: ${Math.ceil(size)}px solid ${color || "black"};`;
           }, "");
           return {
             style
@@ -21705,6 +21712,24 @@ const Table = Node$1.create({
       tableCellSpacing: {
         default: null,
         rendered: false
+      },
+      /**
+       * @category Attribute
+       * @param {TableProperties} [tableProperties] - Properties for the table.
+       * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 371-483
+       */
+      tableProperties: {
+        default: null,
+        rendered: false
+      },
+      /**
+       * @category Attribute
+       * @param {TableGrid} [grid] - Grid definition for the table
+       * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 432
+       */
+      grid: {
+        default: null,
+        rendered: false
       }
     };
   },
@@ -21725,14 +21750,9 @@ const Table = Node$1.create({
        * Insert a new table into the document
        * @category Command
        * @param {TableConfig} [config] - Table configuration options
-       * @returns {Function} Command
        * @example
-       * // Using default values
-       * insertTable() // Creates 3x3 table without header
-       *
-       * // Using custom values
-       * insertTable({ rows: 3, cols: 3, withHeaderRow: true })
-       *
+       * editor.commands.insertTable()
+       * editor.commands.insertTable({ rows: 3, cols: 3, withHeaderRow: true })
        */
       insertTable: ({ rows = 3, cols = 3, withHeaderRow = false } = {}) => ({ tr, dispatch, editor }) => {
         const node = createTable(editor.schema, rows, cols, withHeaderRow);
@@ -21745,9 +21765,8 @@ const Table = Node$1.create({
       /**
        * Delete the entire table containing the cursor
        * @category Command
-       * @returns {Function} Command
        * @example
-       * deleteTable()
+       * editor.commands.deleteTable()
        */
       deleteTable: () => ({ state, dispatch }) => {
         return deleteTable(state, dispatch);
@@ -21755,9 +21774,8 @@ const Table = Node$1.create({
       /**
        * Add a column before the current column
        * @category Command
-       * @returns {Function} Command
        * @example
-       * addColumnBefore()
+       * editor.commands.addColumnBefore()
        * @note Preserves cell attributes from current column
        */
       addColumnBefore: () => ({ state, dispatch, chain }) => {
@@ -22134,10 +22152,9 @@ const Table = Node$1.create({
        * Set background color for selected cells
        * @category Command
        * @param {string} value - Color value (hex with or without #)
-       * @returns {Function} Command
        * @example
-       * setCellBackground('#ff0000')
-       * setCellBackground('ff0000')
+       * editor.commands.setCellBackground('#ff0000')
+       * editor.commands.setCellBackground('ff0000')
        */
       setCellBackground: (value) => ({ editor, commands: commands2, dispatch }) => {
         const { selection } = editor.state;
@@ -22263,24 +22280,12 @@ const TableHeader = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @category Attribute
-       * @param {number} [colspan=1] - Number of columns this header spans
-       */
       colspan: {
         default: 1
       },
-      /**
-       * @category Attribute
-       * @param {number} [rowspan=1] - Number of rows this header spans
-       */
       rowspan: {
         default: 1
       },
-      /**
-       * @category Attribute
-       * @param {number[]} [colwidth] - Column widths array in pixels
-       */
       colwidth: {
         default: null,
         parseDOM: (element) => {
@@ -22317,10 +22322,6 @@ const TableRow = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @category Attribute
-       * @param {number} [rowHeight] - Fixed row height in pixels
-       */
       rowHeight: {
         renderDOM({ rowHeight }) {
           if (!rowHeight) return {};
@@ -22328,11 +22329,6 @@ const TableRow = Node$1.create({
           return { style };
         }
       },
-      /**
-       * Indicates that this row should not be split across pages when paginating/exporting.
-       * @category Attribute
-       * @param {boolean} [cantSplit]
-       */
       cantSplit: {
         default: false,
         parseDOM() {
@@ -22344,44 +22340,30 @@ const TableRow = Node$1.create({
         }
       },
       /**
-       * @category Attribute
-       * @param {TableRowProperties} [tableRowProperties] - Properties for the table row.
        * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 377-482
        */
       tableRowProperties: { rendered: false },
       /**
-       * @category Attribute
-       * @param {string} [rsidDel] - Unique identifier used to track the editing session when the row was deleted from the main document.
        * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 472
        */
       rsidDel: { rendered: false },
       /**
-       * @category Attribute
-       * @param {string} [rsidR] - Unique identifier used to track the editing session when the table row was added to the main document.
        * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 472
        */
       rsidR: { rendered: false },
       /**
-       * @category Attribute
-       * @param {string} [rsidRPr] - Unique identifier used to track the editing session when the glyph character representing the table row mark was last modified in the main document.
        * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 473
        */
       rsidRPr: { rendered: false },
       /**
-       * @category Attribute
-       * @param {string} [rsidTr] - Unique identifier used to track the editing session when the table row's properties were last modified in this document.
        * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 473
        */
       rsidTr: { rendered: false },
       /**
-       * @category Attribute
-       * @param {string} [paraId] - A randomly generated unique identifier for the table row.
        * @see {@link https://learn.microsoft.com/en-us/openspecs/office_standards/ms-docx/a0e7d2e2-2246-44c6-96e8-1cf009823615}
        */
       paraId: { rendered: false },
       /**
-       * @category Attribute
-       * @param {string} [textId] - A randomly generated unique identifier for the text of the table row.
        * @see {@link https://learn.microsoft.com/en-us/openspecs/office_standards/ms-docx/b7eeddec-7c50-47fb-88b6-1feec3ed832c}
        */
       textId: { rendered: false }
@@ -22408,24 +22390,12 @@ const TableCell = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @category Attribute
-       * @param {number} [colspan=1] - Number of columns this cell spans
-       */
       colspan: {
         default: 1
       },
-      /**
-       * @category Attribute
-       * @param {number} [rowspan=1] - Number of rows this cell spans
-       */
       rowspan: {
         default: 1
       },
-      /**
-       * @category Attribute
-       * @param {number[]} [colwidth=[100]] - Column widths array in pixels
-       */
       colwidth: {
         default: [100],
         parseDOM: (elem) => {
@@ -22440,10 +22410,6 @@ const TableCell = Node$1.create({
           };
         }
       },
-      /**
-       * @category Attribute
-       * @param {CellBackground} [background] - Cell background color configuration
-       */
       background: {
         renderDOM({ background }) {
           if (!background) return {};
@@ -22452,10 +22418,6 @@ const TableCell = Node$1.create({
           return { style };
         }
       },
-      /**
-       * @category Attribute
-       * @param {string} [verticalAlign] - Vertical content alignment (top, middle, bottom)
-       */
       verticalAlign: {
         renderDOM({ verticalAlign }) {
           if (!verticalAlign) return {};
@@ -22463,10 +22425,6 @@ const TableCell = Node$1.create({
           return { style };
         }
       },
-      /**
-       * @category Attribute
-       * @param {CellMargins} [cellMargins] - Internal cell padding
-       */
       cellMargins: {
         renderDOM({ cellMargins }) {
           if (!cellMargins) return {};
@@ -22479,10 +22437,6 @@ const TableCell = Node$1.create({
           return { style };
         }
       },
-      /**
-       * @category Attribute
-       * @param {CellBorders} [borders] - Cell border configuration
-       */
       borders: {
         default: () => createCellBorders(),
         renderDOM({ borders }) {
@@ -22497,20 +22451,10 @@ const TableCell = Node$1.create({
           return { style };
         }
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [widthType='auto'] - Internal width type
-       */
       widthType: {
         default: "auto",
         rendered: false
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [widthUnit='px'] - Internal width unit
-       */
       widthUnit: {
         default: "px",
         rendered: false
@@ -22761,11 +22705,11 @@ createAnnotation_fn = function({ displayLabel } = {}) {
   let mergedAttrs = Attribute.mergeAttributes(this.htmlAttributes, {
     style: omitHighlight ? "" : annotationStyle
   });
-  for (let [key, value] of Object.entries(mergedAttrs)) {
-    if (key === "style") {
+  for (let [key2, value] of Object.entries(mergedAttrs)) {
+    if (key2 === "style") {
       annotation.style.cssText = value;
     } else {
-      annotation.setAttribute(key, value);
+      annotation.setAttribute(key2, value);
     }
   }
   return {
@@ -22939,13 +22883,13 @@ function hash$2(str) {
 }
 const colorToInt = (x) => parseInt(x.replace(/_/g, ""), 36);
 const compressedColorMap = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((acc, next) => {
-  const key = colorToInt(next.substring(0, 3));
+  const key2 = colorToInt(next.substring(0, 3));
   const hex = colorToInt(next.substring(3)).toString(16);
   let prefix = "";
   for (let i = 0; i < 6 - hex.length; i++) {
     prefix += "0";
   }
-  acc[key] = `${prefix}${hex}`;
+  acc[key2] = `${prefix}${hex}`;
   return acc;
 }, {});
 function nameToHex(color) {
@@ -24061,466 +24005,161 @@ function getFormatAttrsFromMarks(marks) {
   }
   return formatAttrs;
 }
-const ImagePlaceholderPluginKey = new PluginKey("ImagePlaceholder");
-const ImagePlaceholderPlugin = () => {
-  return new Plugin({
-    key: ImagePlaceholderPluginKey,
-    state: {
-      init() {
-        return DecorationSet.empty;
-      },
-      apply(tr, set) {
-        set = set.map(tr.mapping, tr.doc);
-        let action = tr.getMeta(ImagePlaceholderPluginKey);
-        if (action?.type === "add") {
-          let widget = document.createElement("placeholder");
-          let deco = Decoration.widget(action.pos, widget, {
-            id: action.id
-          });
-          set = set.add(tr.doc, [deco]);
-        } else if (action?.type === "remove") {
-          set = set.remove(set.find(null, null, (spec) => spec.id == action.id));
-        }
-        return set;
-      }
-    },
-    props: {
-      decorations(state) {
-        return this.getState(state);
+const simpleHash = (str) => {
+  let hash2 = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash2 = (hash2 << 5) - hash2 + char;
+    hash2 = hash2 & hash2;
+  }
+  return Math.abs(hash2).toString();
+};
+const base64ToFile = (base64String) => {
+  const arr = base64String.split(",");
+  const mimeMatch = arr[0].match(/:(.*?);/);
+  const mimeType = mimeMatch ? mimeMatch[1] : "";
+  const data = arr[1];
+  const binaryString = atob(data);
+  const hash2 = simpleHash(binaryString);
+  const extension = mimeType.split("/")[1] || "bin";
+  const filename = `image-${hash2}.${extension}`;
+  const bytes = new Uint8Array(binaryString.length);
+  for (let i = 0; i < binaryString.length; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+  const blob = new Blob([bytes], { type: mimeType });
+  return new File([blob], filename, { type: mimeType });
+};
+const urlToFile = async (url, filename, mimeType) => {
+  try {
+    const response = await fetch(url, {
+      mode: "cors",
+      credentials: "omit",
+      headers: {
+        // Add common headers that might help with CORS
+        Accept: "image/*,*/*;q=0.8"
       }
+    });
+    if (!response.ok) {
+      console.warn(`Failed to fetch image from ${url}: ${response.status} ${response.statusText}`);
+      return null;
     }
-  });
+    const blob = await response.blob();
+    const finalFilename = filename || extractFilenameFromUrl(url);
+    const finalMimeType = mimeType || response.headers.get("content-type") || blob.type || "image/jpeg";
+    return new File([blob], finalFilename, { type: finalMimeType });
+  } catch (error) {
+    if (isCorsError(error)) {
+      console.warn(`CORS policy prevents accessing image from ${url}:`, error.message);
+      return null;
+    }
+    console.error(`Error fetching image from ${url}:`, error);
+    return null;
+  }
 };
-const findPlaceholder = (state, id) => {
-  let decos = ImagePlaceholderPluginKey.getState(state);
-  let found = decos?.find(null, null, (spec) => spec.id === id);
-  return found?.length ? found[0].from : null;
+const isCorsError = (error) => {
+  const errorMessage = error.message.toLowerCase();
+  const errorName = error.name.toLowerCase();
+  return errorName.includes("cors") || errorMessage.includes("cors") || errorMessage.includes("cross-origin") || errorMessage.includes("access-control") || errorMessage.includes("network error") || // Often indicates CORS in browsers
+  errorMessage.includes("failed to fetch");
 };
-const ImagePositionPluginKey = new PluginKey("ImagePosition");
-const ImagePositionPlugin = ({ editor }) => {
-  const { view } = editor;
-  let shouldUpdate = false;
-  return new Plugin({
-    name: "ImagePositionPlugin",
-    key: ImagePositionPluginKey,
-    state: {
-      init() {
-        return DecorationSet.empty;
-      },
-      apply(tr, oldDecorationSet, oldState, newState) {
-        if (!tr.docChanged) return oldDecorationSet;
-        const decorations = getImagePositionDecorations(newState, view);
-        return DecorationSet.create(newState.doc, decorations);
-      }
-    },
-    view: () => {
-      return {
-        update: (view2, lastState) => {
-          const pagination = PaginationPluginKey.getState(lastState);
-          if (shouldUpdate) {
-            shouldUpdate = false;
-            const decorations = getImagePositionDecorations(lastState, view2);
-            const updateTransaction = view2.state.tr.setMeta(ImagePositionPluginKey, { decorations });
-            view2.dispatch(updateTransaction);
-          }
-          if (pagination?.isReadyToInit) {
-            shouldUpdate = true;
-          }
-        }
-      };
-    },
-    props: {
-      decorations(state) {
-        return this.getState(state);
-      }
+const extractFilenameFromUrl = (url) => {
+  try {
+    const urlObj = new URL(url);
+    const pathname = urlObj.pathname;
+    const filename = pathname.split("/").pop();
+    if (filename && !filename.includes(".")) {
+      return `${filename}.jpg`;
     }
+    return filename || "image.jpg";
+  } catch {
+    return "image.jpg";
+  }
+};
+const validateUrlAccessibility = async (url) => {
+  try {
+    const response = await fetch(url, {
+      method: "HEAD",
+      mode: "cors",
+      credentials: "omit"
+    });
+    return response.ok;
+  } catch {
+    return false;
+  }
+};
+const handleImageUpload = (file) => {
+  return new Promise((resolve, reject) => {
+    let reader = new FileReader();
+    reader.onload = (event) => {
+      resolve(event.target.result);
+    };
+    reader.onerror = reject;
+    setTimeout(() => reader.readAsDataURL(file), 250);
   });
 };
-const getImagePositionDecorations = (state, view) => {
-  let decorations = [];
-  state.doc.descendants((node, pos) => {
-    if (node.attrs.anchorData) {
-      let style = "";
-      let className = "";
-      const { vRelativeFrom, alignH } = node.attrs.anchorData;
-      const { size, padding, marginOffset } = node.attrs;
-      const pageBreak = findPreviousDomNodeWithClass(view, pos, "pagination-break-wrapper");
-      if (pageBreak) {
-        switch (alignH) {
-          case "left":
-            style += "float: left; left: 0; margin-left: 0; ";
-            break;
-          case "right":
-            style += "float: right; right: 0; margin-right: 0; ";
-            break;
-          case "center":
-            style += "display: block; margin-left: auto; margin-right: auto; ";
-            break;
-        }
-        const topPos = marginOffset.top !== void 0 ? marginOffset.top : pageBreak?.offsetTop + pageBreak?.offsetHeight;
-        style += vRelativeFrom === "margin" ? `position: absolute; top: ${topPos}px; ` : "";
-        if (vRelativeFrom === "margin") {
-          const nextPos = view.posAtDOM(pageBreak, 1);
-          if (nextPos < 0) {
-            const $pos = view.state.doc.resolve(pos);
-            decorations.push(
-              Decoration.node(pos - 1, pos + $pos.parent.nodeSize - 1, {
-                style: `height: ${size.height + parseInt(padding.top) + parseInt(padding.bottom)}px`
-              })
-            );
-          }
-          const imageBlock = document.createElement("div");
-          imageBlock.className = "anchor-image-placeholder";
-          imageBlock.style.float = alignH;
-          imageBlock.style.width = size.width + parseInt(padding[alignH]) + "px";
-          imageBlock.style.height = size.height + parseInt(padding.top) + parseInt(padding.bottom) + "px";
-          decorations.push(Decoration.widget(nextPos, imageBlock, { key: "stable-key" }));
+const processUploadedImage = (fileData, getMaxContentSize) => {
+  return new Promise((resolve, reject) => {
+    const img = new window.Image();
+    img.onload = () => {
+      const canvas = document.createElement("canvas");
+      const { width: logicalWidth, height: logicalHeight } = getAllowedImageDimensions(
+        img.width,
+        img.height,
+        getMaxContentSize
+      );
+      canvas.width = img.width;
+      canvas.height = img.height;
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.imageSmoothingEnabled = true;
+        try {
+          ctx.imageSmoothingQuality = "high";
+        } catch {
         }
       }
-      decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style, class: className }));
-    }
+      ctx.drawImage(img, 0, 0, img.width, img.height);
+      const dpr = typeof window !== "undefined" && window.devicePixelRatio ? window.devicePixelRatio : 1;
+      const targetPixelWidth = Math.round(logicalWidth * dpr);
+      const targetPixelHeight = Math.round(logicalHeight * dpr);
+      const finalTargetWidth = Math.min(targetPixelWidth, img.width);
+      const finalTargetHeight = Math.min(targetPixelHeight, img.height);
+      const resizeNeeded = finalTargetWidth !== img.width || finalTargetHeight !== img.height;
+      if (resizeNeeded) {
+        multiStepResize(canvas, finalTargetWidth, finalTargetHeight);
+      }
+      if (typeof fileData === "string") {
+        const resizedBase64 = canvas.toDataURL();
+        resolve(resizedBase64);
+      } else {
+        canvas.toBlob((blob) => {
+          const updatedFile = new File([blob], fileData.name, {
+            type: fileData.type,
+            lastModified: Date.now()
+          });
+          resolve({ file: updatedFile, width: logicalWidth, height: logicalHeight });
+        });
+      }
+    };
+    img.onerror = (error) => reject(error);
+    img.src = typeof fileData === "string" ? fileData : URL.createObjectURL(fileData);
   });
-  return decorations;
 };
-const findPreviousDomNodeWithClass = (view, pos, className) => {
-  let { node } = view.domAtPos(pos);
-  if (node.nodeType === 3) {
-    node = node.parentNode;
+const getAllowedImageDimensions = (width, height, getMaxContentSize) => {
+  const { width: maxWidth, height: maxHeight } = getMaxContentSize();
+  if (!maxWidth || !maxHeight) return { width, height };
+  let adjustedWidth = width;
+  let adjustedHeight = height;
+  const aspectRatio = width / height;
+  if (height > maxHeight) {
+    adjustedHeight = maxHeight;
+    adjustedWidth = Math.round(maxHeight * aspectRatio);
   }
-  while (node) {
-    if (node.classList && node.classList.contains(className)) {
-      return node;
-    }
-    if (node.previousSibling) {
-      node = node.previousSibling;
-      while (node && node.lastChild) {
-        node = node.lastChild;
-      }
-    } else {
-      node = node.parentNode;
-    }
+  if (adjustedWidth > maxWidth) {
+    adjustedWidth = maxWidth;
+    adjustedHeight = Math.round(maxWidth / aspectRatio);
   }
-  return null;
-};
-const Image = Node$1.create({
-  name: "image",
-  group: "inline",
-  inline: true,
-  draggable: true,
-  addOptions() {
-    return {
-      allowBase64: true,
-      htmlAttributes: {
-        style: "display: inline-block;",
-        "aria-label": "Image node"
-      }
-    };
-  },
-  addStorage() {
-    return {
-      media: {}
-    };
-  },
-  addAttributes() {
-    return {
-      /**
-       * @category Attribute
-       * @param {string} [src] - Image source URL or path
-       */
-      src: {
-        default: null,
-        renderDOM: ({ src }) => {
-          return {
-            src: this.storage.media[src] ?? src
-          };
-        }
-      },
-      /**
-       * @category Attribute
-       * @param {string} [alt='Uploaded picture'] - Alternative text for accessibility
-       */
-      alt: {
-        default: "Uploaded picture"
-      },
-      /**
-       * @category Attribute
-       * @param {string} [id] - Image element ID
-       * @private
-       */
-      id: { rendered: false },
-      /**
-       * @category Attribute
-       * @param {string} [title] - Image title/tooltip text
-       */
-      title: {
-        default: null
-      },
-      /**
-       * @category Attribute
-       * @param {string} [rId] - Relationship ID for Word export
-       * @private
-       */
-      rId: {
-        default: null,
-        rendered: false
-      },
-      /**
-       * @category Attribute
-       * @param {Object} [originalPadding] - Original padding values from Word import
-       * @private
-       */
-      originalPadding: {
-        default: null,
-        rendered: false
-      },
-      /**
-       * @category Attribute
-       * @param {Object} [originalAttributes] - Original attributes from Word import
-       * @private
-       */
-      originalAttributes: { rendered: false },
-      /**
-       * @category Attribute
-       * @param {boolean} [wrapTopAndBottom] - Wrap text above and below image
-       * @private
-       */
-      wrapTopAndBottom: { rendered: false },
-      /**
-       * @category Attribute
-       * @param {Object} [anchorData] - Anchor positioning data for Word
-       * @private
-       */
-      anchorData: {
-        default: null,
-        rendered: false
-      },
-      /**
-       * @category Attribute
-       * @param {boolean} [isAnchor] - Whether image is anchored
-       * @private
-       */
-      isAnchor: { rendered: false },
-      /**
-       * @category Attribute
-       * @param {boolean} [simplePos] - Simple positioning flag
-       * @private
-       */
-      simplePos: { rendered: false },
-      /**
-       * @category Attribute
-       * @param {string} [wrapText] - Text wrapping style
-       * @private
-       */
-      wrapText: { rendered: false },
-      extension: { rendered: false },
-      /**
-       * @category Attribute
-       * @param {Object} [size] - Image dimensions
-       * @param {number} [size.width] - Width in pixels
-       * @param {number} [size.height] - Height in pixels
-       */
-      size: {
-        default: {},
-        renderDOM: ({ size, extension }) => {
-          let style = "";
-          const { width, height } = size ?? {};
-          if (width) style += `width: ${width}px;`;
-          if (height && ["emf", "wmf"].includes(extension))
-            style += `height: ${height}px; border: 1px solid black; position: absolute;`;
-          else if (height) style += "height: auto;";
-          return { style };
-        }
-      },
-      /**
-       * @category Attribute
-       * @param {Object} [padding] - Image padding/margins
-       * @param {number} [padding.left] - Left padding in pixels
-       * @param {number} [padding.top] - Top padding in pixels
-       * @param {number} [padding.bottom] - Bottom padding in pixels
-       * @param {number} [padding.right] - Right padding in pixels
-       */
-      padding: {
-        default: {},
-        renderDOM: ({ padding, marginOffset }) => {
-          const { left: left2 = 0, top: top2 = 0, bottom: bottom2 = 0, right: right2 = 0 } = padding ?? {};
-          let style = "";
-          if (left2 && !marginOffset?.left) style += `margin-left: ${left2}px;`;
-          if (top2 && !marginOffset?.top) style += `margin-top: ${top2}px;`;
-          if (bottom2) style += `margin-bottom: ${bottom2}px;`;
-          if (right2) style += `margin-right: ${right2}px;`;
-          return { style };
-        }
-      },
-      /**
-       * @category Attribute
-       * @param {Object} [marginOffset] - Margin offset for anchored images
-       * @param {number} [marginOffset.left] - Left margin offset
-       * @param {number} [marginOffset.top] - Top margin offset
-       */
-      marginOffset: {
-        default: {},
-        renderDOM: ({ marginOffset, anchorData }) => {
-          const relativeFromPageV = anchorData?.vRelativeFrom === "page";
-          const maxMarginV = 500;
-          const { left: left2 = 0, top: top2 = 0 } = marginOffset ?? {};
-          let style = "";
-          if (left2) style += `margin-left: ${left2}px;`;
-          if (top2) {
-            if (relativeFromPageV && top2 >= maxMarginV) style += `margin-top: ${maxMarginV}px;`;
-            else style += `margin-top: ${top2}px;`;
-          }
-          return { style };
-        }
-      },
-      /**
-       * @category Attribute
-       * @param {string} [style] - Custom inline CSS styles
-       */
-      style: {
-        default: null,
-        rendered: true,
-        renderDOM: ({ style }) => {
-          if (!style) return {};
-          return { style };
-        }
-      }
-    };
-  },
-  parseDOM() {
-    return [
-      {
-        tag: this.options.allowBase64 ? "img[src]" : 'img[src]:not([src^="data:"])'
-      }
-    ];
-  },
-  renderDOM({ htmlAttributes }) {
-    return ["img", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
-  },
-  addCommands() {
-    return {
-      /**
-       * Insert an image at the current position
-       * @category Command
-       * @param {Object} options - Image attributes
-       * @param {string} options.src - Image source URL or data URI
-       * @param {string} [options.alt] - Alternative text
-       * @param {string} [options.title] - Image title
-       * @param {Object} [options.size] - Image dimensions
-       * @returns {Function} Command function
-       * @example
-       * // Insert an image from a URL
-       * setImage({ src: 'https://example.com/image.jpg' })
-       *
-       * // Insert a base64 encoded image
-       * setImage({
-       *   src: 'data:image/png;base64,...',
-       *   alt: 'Company logo',
-       *   size: { width: 200 }
-       * })
-       * @note Supports URLs, relative paths, and base64 data URIs
-       */
-      setImage: (options) => ({ commands: commands2 }) => {
-        return commands2.insertContent({
-          type: this.name,
-          attrs: options
-        });
-      }
-    };
-  },
-  addPmPlugins() {
-    return [ImagePlaceholderPlugin(), ImagePositionPlugin({ editor: this.editor })];
-  }
-});
-const ACCEPT_IMAGE_TYPES = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"];
-const getFileOpener = () => {
-  let fileInput = document.createElement("input");
-  fileInput.type = "file";
-  let acceptTypes = ACCEPT_IMAGE_TYPES;
-  fileInput.accept = acceptTypes.join(",");
-  const openFile = () => {
-    return new Promise((resolve, reject) => {
-      fileInput.onchange = async () => {
-        const files = fileInput.files;
-        if (!files) return resolve(null);
-        const file = files.item(0);
-        if (!file) return resolve(null);
-        return resolve({ file });
-      };
-      fileInput.oncancel = () => resolve(null);
-      fileInput.onerror = reject;
-      fileInput.click();
-    });
-  };
-  return openFile;
-};
-const handleImageUpload = (file) => {
-  return new Promise((resolve, reject) => {
-    let reader = new FileReader();
-    reader.onload = (event) => {
-      resolve(event.target.result);
-    };
-    reader.onerror = reject;
-    setTimeout(() => reader.readAsDataURL(file), 250);
-  });
-};
-const processUploadedImage = (fileData, editor) => {
-  return new Promise((resolve, reject) => {
-    const img = new window.Image();
-    img.onload = () => {
-      const canvas = document.createElement("canvas");
-      const { width: logicalWidth, height: logicalHeight } = getAllowedImageDimensions(img.width, img.height, editor);
-      canvas.width = img.width;
-      canvas.height = img.height;
-      const ctx = canvas.getContext("2d");
-      if (ctx) {
-        ctx.imageSmoothingEnabled = true;
-        try {
-          ctx.imageSmoothingQuality = "high";
-        } catch {
-        }
-      }
-      ctx.drawImage(img, 0, 0, img.width, img.height);
-      const dpr = typeof window !== "undefined" && window.devicePixelRatio ? window.devicePixelRatio : 1;
-      const targetPixelWidth = Math.round(logicalWidth * dpr);
-      const targetPixelHeight = Math.round(logicalHeight * dpr);
-      const finalTargetWidth = Math.min(targetPixelWidth, img.width);
-      const finalTargetHeight = Math.min(targetPixelHeight, img.height);
-      const resizeNeeded = finalTargetWidth !== img.width || finalTargetHeight !== img.height;
-      if (resizeNeeded) {
-        multiStepResize(canvas, finalTargetWidth, finalTargetHeight);
-      }
-      if (typeof fileData === "string") {
-        const resizedBase64 = canvas.toDataURL();
-        resolve(resizedBase64);
-      } else {
-        canvas.toBlob((blob) => {
-          const updatedFile = new File([blob], fileData.name, {
-            type: fileData.type,
-            lastModified: Date.now()
-          });
-          resolve({ file: updatedFile, width: logicalWidth, height: logicalHeight });
-        });
-      }
-    };
-    img.onerror = (error) => reject(error);
-    img.src = typeof fileData === "string" ? fileData : URL.createObjectURL(fileData);
-  });
-};
-const getAllowedImageDimensions = (width, height, editor) => {
-  const { width: maxWidth, height: maxHeight } = editor.getMaxContentSize();
-  if (!maxWidth || !maxHeight) return { width, height };
-  let adjustedWidth = width;
-  let adjustedHeight = height;
-  const aspectRatio = width / height;
-  if (height > maxHeight) {
-    adjustedHeight = maxHeight;
-    adjustedWidth = Math.round(maxHeight * aspectRatio);
-  }
-  if (adjustedWidth > maxWidth) {
-    adjustedWidth = maxWidth;
-    adjustedHeight = Math.round(maxWidth / aspectRatio);
-  }
-  return { width: adjustedWidth, height: adjustedHeight };
+  return { width: adjustedWidth, height: adjustedHeight };
 };
 function resample_high_quality(canvas, width, height, resize_canvas) {
   var width_source = canvas.width;
@@ -24584,114 +24223,679 @@ function resample_high_quality(canvas, width, height, resize_canvas) {
   }
   ctx.putImageData(img2, 0, 0);
 }
-function multiStepResize(canvas, targetWidth, targetHeight) {
-  const originalWidth = canvas.width;
-  const originalHeight = canvas.height;
-  const scaleX = targetWidth / originalWidth;
-  const scaleY = targetHeight / originalHeight;
-  const scaleFactor = Math.min(scaleX, scaleY);
-  if (scaleFactor < 0.5) {
-    let currentWidth = originalWidth;
-    let currentHeight = originalHeight;
-    while (currentWidth > targetWidth * 2 || currentHeight > targetHeight * 2) {
-      const nextWidth = Math.round(currentWidth / 2);
-      const nextHeight = Math.round(currentHeight / 2);
-      resample_high_quality(canvas, nextWidth, nextHeight);
-      currentWidth = nextWidth;
-      currentHeight = nextHeight;
-    }
-    if (currentWidth !== targetWidth || currentHeight !== targetHeight) {
-      resample_high_quality(canvas, targetWidth, targetHeight);
-    }
-  } else {
-    resample_high_quality(canvas, targetWidth, targetHeight);
+function multiStepResize(canvas, width, height) {
+  let oc = document.createElement("canvas");
+  let octx = oc.getContext("2d");
+  let ctx = canvas.getContext("2d");
+  let steps = Math.ceil(Math.log(canvas.width / width) / Math.log(2));
+  steps = Math.max(steps, 1);
+  let stepWidth = width * Math.pow(2, steps - 1);
+  let stepHeight = height * Math.pow(2, steps - 1);
+  let currentWidth = canvas.width;
+  let currentHeight = canvas.height;
+  oc.width = currentWidth;
+  oc.height = currentHeight;
+  octx.drawImage(canvas, 0, 0);
+  while (steps > 0) {
+    stepWidth = Math.max(stepWidth, width);
+    stepHeight = Math.max(stepHeight, height);
+    canvas.width = stepWidth;
+    canvas.height = stepHeight;
+    ctx.drawImage(oc, 0, 0, currentWidth, currentHeight, 0, 0, stepWidth, stepHeight);
+    currentWidth = stepWidth;
+    currentHeight = stepHeight;
+    oc.width = currentWidth;
+    oc.height = currentHeight;
+    octx.drawImage(canvas, 0, 0);
+    stepWidth = Math.round(stepWidth / 2);
+    stepHeight = Math.round(stepHeight / 2);
+    steps--;
+  }
+  resample_high_quality(canvas, width, height);
+}
+const FALLBACK_NAME = "image";
+const stripDiacritics = (value) => value.normalize("NFKD").replace(/[\u0300-\u036f]/g, "");
+const sanitizeSegment = (segment, { allowDots = false } = {}) => {
+  if (!segment) return "";
+  const normalized = stripDiacritics(segment).replace(/[\s\u2000-\u206f]+/g, "_").replace(/[\\/]+/g, "_");
+  const allowedPattern = allowDots ? /[^0-9A-Za-z._-]+/g : /[^0-9A-Za-z_-]+/g;
+  let sanitized = normalized.replace(allowedPattern, "_");
+  sanitized = sanitized.replace(/_+/g, "_");
+  sanitized = sanitized.replace(/^[_.-]+/, "");
+  sanitized = sanitized.replace(/[_-]+$/, "");
+  return sanitized;
+};
+const splitFileName = (name) => {
+  const trimmed = name?.trim?.() ?? "";
+  const lastDot = trimmed.lastIndexOf(".");
+  if (lastDot <= 0 || lastDot === trimmed.length - 1) {
+    return { base: trimmed, ext: "" };
   }
-}
-const startImageUpload = async ({ editor, view, file }) => {
-  const imageUploadHandler = typeof editor.options.handleImageUpload === "function" ? editor.options.handleImageUpload : handleImageUpload;
+  return {
+    base: trimmed.slice(0, lastDot),
+    ext: trimmed.slice(lastDot + 1)
+  };
+};
+const sanitizeImageFileName = (inputName) => {
+  const { base: base2, ext } = splitFileName(inputName || "");
+  const sanitizedBase = sanitizeSegment(base2, { allowDots: true }) || FALLBACK_NAME;
+  const sanitizedExt = sanitizeSegment(ext, { allowDots: false }).toLowerCase();
+  if (!sanitizedExt) return sanitizedBase;
+  return `${sanitizedBase}.${sanitizedExt}`;
+};
+const ensureUniqueFileName = (preferredName, existingNames = /* @__PURE__ */ new Set()) => {
+  const sanitized = sanitizeImageFileName(preferredName);
+  if (!existingNames || typeof existingNames.has !== "function") {
+    return sanitized;
+  }
+  const existingSet = /* @__PURE__ */ new Set();
+  existingNames.forEach((name) => existingSet.add(sanitizeImageFileName(name)));
+  if (!existingSet.has(sanitized)) {
+    return sanitized;
+  }
+  const { base: base2, ext } = splitFileName(sanitized);
+  let counter = 1;
+  let candidate = sanitized;
+  const suffix = () => `${base2}-${counter}${ext ? `.${ext}` : ""}`;
+  while (existingSet.has(candidate)) {
+    candidate = suffix();
+    counter += 1;
+  }
+  return candidate;
+};
+const buildMediaPath = (fileName) => `word/media/${fileName}`;
+const fileTooLarge = (file) => {
   let fileSizeMb = Number((file.size / (1024 * 1024)).toFixed(4));
   if (fileSizeMb > 5) {
     window.alert("Image size must be less than 5MB");
-    return;
+    return true;
+  }
+  return false;
+};
+const checkAndProcessImage = async ({ getMaxContentSize, file }) => {
+  if (fileTooLarge(file)) {
+    return { file: null, size: { width: 0, height: 0 } };
   }
-  let width;
-  let height;
   try {
-    const processedImageResult = await processUploadedImage(file, editor);
-    width = processedImageResult.width;
-    height = processedImageResult.height;
-    file = processedImageResult.file;
+    const processedImageResult = await processUploadedImage(file, getMaxContentSize);
+    const process = processedImageResult;
+    return { file: process.file, size: { width: process.width, height: process.height } };
   } catch (err) {
     console.warn("Error processing image:", err);
-    return;
+    return { file: null, size: { width: 0, height: 0 } };
   }
-  await uploadImage({
-    editor,
-    view,
-    file,
-    size: { width, height },
-    uploadHandler: imageUploadHandler
-  });
 };
-async function uploadImage({ editor, view, file, size, uploadHandler }) {
-  let id = {};
-  let { tr, schema } = view.state;
+function replaceSelectionWithImagePlaceholder({ editorOptions, view, id }) {
+  let { tr } = view.state;
   let { selection } = tr;
-  if (editor.options.isHeaderOrFooter) {
-    selection = editor.options.lastSelection;
+  if (editorOptions.isHeaderOrFooter) {
+    selection = editorOptions.lastSelection;
   }
-  if (!selection.empty && !editor.options.isHeaderOrFooter) {
+  if (!selection.empty && !editorOptions.isHeaderOrFooter) {
     tr.deleteSelection();
   }
-  let imageMeta = {
-    type: "add",
-    pos: selection.from,
-    id
-  };
-  tr.setMeta(ImagePlaceholderPluginKey, imageMeta);
+  tr = addImagePlaceholder(view.state, tr, id, selection.from);
   view.dispatch(tr);
+}
+const generateUniqueDocPrId = (editor) => {
+  const existingIds = /* @__PURE__ */ new Set();
+  editor?.state?.doc?.descendants((node) => {
+    if (node.type.name === "image" && node.attrs.id !== void 0 && node.attrs.id !== null) {
+      existingIds.add(String(node.attrs.id));
+    }
+  });
+  let candidate;
+  do {
+    const hex = generateDocxRandomId();
+    candidate = String(parseInt(hex, 16));
+  } while (!candidate || existingIds.has(candidate));
+  return candidate;
+};
+async function uploadAndInsertImage({ editor, view, file, size, id }) {
+  const imageUploadHandler = typeof editor.options.handleImageUpload === "function" ? editor.options.handleImageUpload : handleImageUpload;
+  const placeholderId = id;
   try {
-    let url = await uploadHandler(file);
-    let fileName = file.name.replace(" ", "_");
-    let placeholderPos = findPlaceholder(view.state, id);
+    const existingFileNames = new Set(Object.keys(editor.storage.image.media ?? {}).map((key2) => key2.split("/").pop()));
+    const uniqueFileName = ensureUniqueFileName(file.name, existingFileNames);
+    const normalizedFile = uniqueFileName === file.name ? file : new File([file], uniqueFileName, {
+      type: file.type,
+      lastModified: file.lastModified ?? Date.now()
+    });
+    let url = await imageUploadHandler(normalizedFile);
+    let placeholderPos = findPlaceholder(view.state, placeholderId);
     if (placeholderPos == null) {
       return;
     }
-    let removeMeta = { type: "remove", id };
-    let mediaPath = `word/media/${fileName}`;
+    const mediaPath = buildMediaPath(uniqueFileName);
+    const docPrId = generateUniqueDocPrId(editor);
     let rId = null;
     if (editor.options.mode === "docx") {
       const [, path] = mediaPath.split("word/");
-      const imageid = addImageRelationship({ editor, path });
-      if (imageid) rId = imageid;
+      const id2 = addImageRelationship({ editor, path });
+      if (id2) rId = id2;
     }
-    let imageNode = schema.nodes.image.create({
+    let imageNode = view.state.schema.nodes.image.create({
       src: mediaPath,
       size,
+      id: docPrId,
       rId
     });
     editor.storage.image.media = Object.assign(editor.storage.image.media, { [mediaPath]: url });
-    if (editor.options.ydoc) {
+    if (editor.options.ydoc && typeof editor.commands.addImageToCollaboration === "function") {
       editor.commands.addImageToCollaboration({ mediaPath, fileData: url });
     }
-    view.dispatch(
-      view.state.tr.replaceWith(placeholderPos, placeholderPos, imageNode).setMeta(ImagePlaceholderPluginKey, removeMeta)
-    );
+    let tr = view.state.tr;
+    tr.replaceWith(placeholderPos, placeholderPos, imageNode);
+    tr = removeImagePlaceholder(view.state, tr, placeholderId);
+    view.dispatch(tr);
   } catch {
-    let removeMeta = { type: "remove", id };
-    view.dispatch(tr.setMeta(ImagePlaceholderPluginKey, removeMeta));
+    const tr = removeImagePlaceholder(view.state, view.state.tr, placeholderId);
+    view.dispatch(tr);
   }
 }
 function addImageRelationship({ editor, path }) {
   const target = path;
   const type = "image";
   try {
-    const relationshipId = insertNewRelationship(target, type, editor);
-    return relationshipId;
+    const id = insertNewRelationship(target, type, editor);
+    return id;
   } catch {
     return null;
   }
 }
+const key = new PluginKey("ImageRegistration");
+const ImageRegistrationPlugin = ({ editor }) => {
+  const { view } = editor;
+  return new Plugin({
+    key,
+    state: {
+      init() {
+        return { set: DecorationSet.empty };
+      },
+      apply(tr, { set }) {
+        const meta = tr.getMeta(key);
+        if (meta) {
+          set = meta.set;
+          return { set };
+        }
+        set = set.map(tr.mapping, tr.doc);
+        return { set };
+      }
+    },
+    appendTransaction: (trs, _oldState, state) => {
+      let foundImages = [];
+      trs.forEach((tr2) => {
+        if (tr2.docChanged) {
+          tr2.steps.forEach((step, index2) => {
+            const stepMap = step.getMap();
+            foundImages = foundImages.map(({ node, pos, id }) => {
+              const mappedPos = stepMap.map(pos, -1);
+              return { node, pos: mappedPos, id };
+            });
+            if (step instanceof ReplaceStep || step instanceof ReplaceAroundStep$1) {
+              (tr2.docs[index2 + 1] || tr2.doc).nodesBetween(
+                stepMap.map(step.from, -1),
+                stepMap.map(step.to, 1),
+                (node, pos) => {
+                  if (node.type.name === "image" && !node.attrs.src.startsWith("word/media")) {
+                    const id = {};
+                    foundImages.push({ node, pos, id });
+                  } else {
+                    return true;
+                  }
+                }
+              );
+            }
+          });
+        }
+      });
+      if (!foundImages || foundImages.length === 0) {
+        return null;
+      }
+      registerImages(foundImages, editor, view);
+      const tr = state.tr;
+      let { set } = key.getState(state);
+      foundImages.slice().sort((a, b) => a.pos - b.pos).forEach(({ pos, id }) => {
+        let deco = Decoration.widget(pos, () => document.createElement("placeholder"), {
+          side: -1,
+          id
+        });
+        set = set.add(tr.doc, [deco]);
+      });
+      foundImages.slice().sort((a, b) => b.pos - a.pos).forEach(({ node, pos }) => {
+        tr.delete(pos, pos + node.nodeSize);
+      });
+      set = set.map(tr.mapping, tr.doc);
+      tr.setMeta(key, { set });
+      return tr;
+    },
+    props: {
+      decorations(state) {
+        let { set } = key.getState(state);
+        return set;
+      }
+    }
+  });
+};
+const findPlaceholder = (state, id) => {
+  let { set } = key.getState(state);
+  let found = set?.find(null, null, (spec) => spec.id === id);
+  return found?.length ? found[0].from : null;
+};
+const removeImagePlaceholder = (state, tr, id) => {
+  let { set } = key.getState(state);
+  set = set.map(tr.mapping, tr.doc);
+  set = set.remove(set.find(null, null, (spec) => spec.id == id));
+  return tr.setMeta(key, { set, type: "remove" });
+};
+const addImagePlaceholder = (state, tr, id, pos) => {
+  let { set } = key.getState(state);
+  set = set.map(tr.mapping, tr.doc);
+  let deco = Decoration.widget(pos, () => document.createElement("placeholder"), {
+    id
+  });
+  set = set.add(tr.doc, [deco]);
+  return tr.setMeta(key, { set, type: "add" });
+};
+const getImageRegistrationMetaType = (tr) => {
+  const meta = tr.getMeta(key);
+  if (meta && meta.type) {
+    return meta.type;
+  }
+  return null;
+};
+const registerImages = async (foundImages, editor, view) => {
+  foundImages.forEach(async (image) => {
+    const src = image.node.attrs.src;
+    const id = image.id;
+    let file = null;
+    if (src.startsWith("http")) {
+      const isAccessible = await validateUrlAccessibility(src);
+      if (isAccessible) {
+        file = await urlToFile(src);
+      } else {
+        console.warn(`Image URL ${src} is not accessible due to CORS or other restrictions. Using original URL.`);
+        const tr = view.state.tr;
+        removeImagePlaceholder(view.state, tr, id);
+        view.dispatch(tr);
+        return;
+      }
+    } else if (src.startsWith("data:")) {
+      file = base64ToFile(src);
+    } else {
+      console.error(`Unsupported image source: ${src}`);
+    }
+    if (!file) {
+      const tr = view.state.tr;
+      removeImagePlaceholder(view.state, tr, id);
+      view.dispatch(tr);
+      return;
+    }
+    try {
+      const process = await checkAndProcessImage({
+        getMaxContentSize: () => editor.getMaxContentSize(),
+        file
+      });
+      if (!process.file) {
+        const tr = view.state.tr;
+        removeImagePlaceholder(view.state, tr, id);
+        view.dispatch(tr);
+        return;
+      }
+      await uploadAndInsertImage({ editor, view, file: process.file, size: process.size, id });
+    } catch (error) {
+      console.error(`Error processing image from ${src}:`, error);
+      const tr = view.state.tr;
+      removeImagePlaceholder(view.state, tr, id);
+      view.dispatch(tr);
+    }
+  });
+};
+const ImagePositionPluginKey = new PluginKey("ImagePosition");
+const ImagePositionPlugin = ({ editor }) => {
+  const { view } = editor;
+  let shouldUpdate = false;
+  return new Plugin({
+    name: "ImagePositionPlugin",
+    key: ImagePositionPluginKey,
+    state: {
+      init() {
+        return DecorationSet.empty;
+      },
+      apply(tr, oldDecorationSet, oldState, newState) {
+        if (!tr.docChanged) return oldDecorationSet;
+        const decorations = getImagePositionDecorations(newState, view);
+        return DecorationSet.create(newState.doc, decorations);
+      }
+    },
+    view: () => {
+      return {
+        update: (view2, lastState) => {
+          const pagination = PaginationPluginKey.getState(lastState);
+          if (shouldUpdate) {
+            shouldUpdate = false;
+            const decorations = getImagePositionDecorations(lastState, view2);
+            const updateTransaction = view2.state.tr.setMeta(ImagePositionPluginKey, { decorations });
+            view2.dispatch(updateTransaction);
+          }
+          if (pagination?.isReadyToInit) {
+            shouldUpdate = true;
+          }
+        }
+      };
+    },
+    props: {
+      decorations(state) {
+        return this.getState(state);
+      }
+    }
+  });
+};
+const getImagePositionDecorations = (state, view) => {
+  let decorations = [];
+  state.doc.descendants((node, pos) => {
+    if (node.attrs.anchorData) {
+      let style = "";
+      let className = "";
+      const { vRelativeFrom, alignH } = node.attrs.anchorData;
+      const { size, padding, marginOffset } = node.attrs;
+      const pageBreak = findPreviousDomNodeWithClass(view, pos, "pagination-break-wrapper");
+      if (pageBreak) {
+        switch (alignH) {
+          case "left":
+            style += "float: left; left: 0; margin-left: 0; ";
+            break;
+          case "right":
+            style += "float: right; right: 0; margin-right: 0; ";
+            break;
+          case "center":
+            style += "display: block; margin-left: auto; margin-right: auto; ";
+            break;
+        }
+        const topPos = marginOffset.top !== void 0 ? marginOffset.top : pageBreak?.offsetTop + pageBreak?.offsetHeight;
+        style += vRelativeFrom === "margin" ? `position: absolute; top: ${topPos}px; ` : "";
+        if (vRelativeFrom === "margin") {
+          const nextPos = view.posAtDOM(pageBreak, 1);
+          if (nextPos < 0) {
+            const $pos = view.state.doc.resolve(pos);
+            decorations.push(
+              Decoration.node(pos - 1, pos + $pos.parent.nodeSize - 1, {
+                style: `height: ${size.height + parseInt(padding.top) + parseInt(padding.bottom)}px`
+              })
+            );
+          }
+          const imageBlock = document.createElement("div");
+          imageBlock.className = "anchor-image-placeholder";
+          imageBlock.style.float = alignH;
+          imageBlock.style.width = size.width + parseInt(padding[alignH]) + "px";
+          imageBlock.style.height = size.height + parseInt(padding.top) + parseInt(padding.bottom) + "px";
+          decorations.push(Decoration.widget(nextPos, imageBlock, { key: "stable-key" }));
+        }
+      }
+      decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style, class: className }));
+    }
+  });
+  return decorations;
+};
+const findPreviousDomNodeWithClass = (view, pos, className) => {
+  let { node } = view.domAtPos(pos);
+  if (node.nodeType === 3) {
+    node = node.parentNode;
+  }
+  while (node) {
+    if (node.classList && node.classList.contains(className)) {
+      return node;
+    }
+    if (node.previousSibling) {
+      node = node.previousSibling;
+      while (node && node.lastChild) {
+        node = node.lastChild;
+      }
+    } else {
+      node = node.parentNode;
+    }
+  }
+  return null;
+};
+const getRotationMargins = (w, h, angleDegrees) => {
+  const rad = angleDegrees * (Math.PI / 180);
+  const cos = Math.abs(Math.cos(rad));
+  const sin = Math.abs(Math.sin(rad));
+  const boundingWidth = w * cos + h * sin;
+  const boundingHeight = w * sin + h * cos;
+  const marginLeftRight = Math.round(Math.max(0, (boundingWidth - w) / 2));
+  const marginTopBottom = Math.round(Math.max(0, (boundingHeight - h) / 2));
+  return {
+    horizontal: marginLeftRight,
+    vertical: marginTopBottom
+  };
+};
+const Image = Node$1.create({
+  name: "image",
+  group: "inline",
+  inline: true,
+  draggable: true,
+  addOptions() {
+    return {
+      allowBase64: true,
+      htmlAttributes: {
+        style: "display: inline-block;",
+        "aria-label": "Image node"
+      }
+    };
+  },
+  addStorage() {
+    return {
+      media: {}
+    };
+  },
+  addAttributes() {
+    return {
+      src: {
+        default: null,
+        renderDOM: ({ src }) => {
+          return {
+            src: this.storage.media[src] ?? src
+          };
+        }
+      },
+      alt: {
+        default: "Uploaded picture"
+      },
+      id: { rendered: false },
+      title: {
+        default: null
+      },
+      rId: {
+        default: null,
+        rendered: false
+      },
+      originalPadding: {
+        default: null,
+        rendered: false
+      },
+      originalAttributes: { rendered: false },
+      wrapTopAndBottom: { rendered: false },
+      anchorData: {
+        default: null,
+        rendered: false
+      },
+      isAnchor: { rendered: false },
+      /**
+       * @category Attribute
+       * @param {Object} [transformData] - Transform data for image (turn and flip)
+       * @param {number} [transformData.rotation] - Turn angle in degrees
+       * @param {boolean} [transformData.verticalFlip] - Whether to flip vertically
+       * @param {boolean} [transformData.horizontalFlip] - Whether to flip horizontally
+       * @param {Object} [transformData.sizeExtension] - Size extension for image due to transformation
+       * @param {number} [transformData.sizeExtension.left] - Left size extension for image
+       * @param {number} [transformData.sizeExtension.top] - Top size extension for image
+       * @param {number} [transformData.sizeExtension.right] - Right size extension for image
+       * @param {number} [transformData.sizeExtension.bottom] - Bottom size extension for image
+       *
+       * @private
+       */
+      transformData: {
+        default: {},
+        renderDOM: ({ transformData }) => {
+          let style = "";
+          if (transformData?.rotation) {
+            style += `rotate(${Math.round(transformData.rotation)}deg) `;
+          }
+          if (transformData?.verticalFlip) {
+            style += "scaleY(-1) ";
+          }
+          if (transformData?.horizontalFlip) {
+            style += "scaleX(-1) ";
+          }
+          style = style.trim();
+          if (style.length > 0) {
+            return { style: `transform: ${style};` };
+          }
+          return;
+        }
+      },
+      /**
+       * @category Attribute
+       * @param {boolean} [simplePos] - Simple positioning flag
+       * @private
+       */
+      simplePos: { rendered: false },
+      wrapText: { rendered: false },
+      extension: { rendered: false },
+      size: {
+        default: {},
+        renderDOM: ({ size, extension }) => {
+          let style = "";
+          let { width, height } = size ?? {};
+          if (width) style += `width: ${width}px;`;
+          if (height && ["emf", "wmf"].includes(extension))
+            style += `height: ${height}px; border: 1px solid black; position: absolute;`;
+          else if (height) style += "height: auto;";
+          return { style };
+        }
+      },
+      padding: {
+        default: {},
+        renderDOM: ({ size = {}, padding, marginOffset, transformData }) => {
+          let { left: left2 = 0, top: top2 = 0, bottom: bottom2 = 0, right: right2 = 0 } = padding ?? {};
+          const { rotation } = transformData ?? {};
+          const { height, width } = size ?? {};
+          if (rotation && height && width) {
+            const { horizontal, vertical } = getRotationMargins(width, height, rotation);
+            left2 += horizontal;
+            right2 += horizontal;
+            top2 += vertical;
+            bottom2 += vertical;
+          }
+          let style = "";
+          if (left2 && marginOffset?.left == null) style += `margin-left: ${left2}px;`;
+          if (top2 && marginOffset?.top == null) style += `margin-top: ${top2}px;`;
+          if (bottom2) style += `margin-bottom: ${bottom2}px;`;
+          if (right2) style += `margin-right: ${right2}px;`;
+          return { style };
+        }
+      },
+      marginOffset: {
+        default: {},
+        renderDOM: ({ marginOffset, anchorData, transformData, size }) => {
+          const hasAnchorData = Boolean(anchorData);
+          const hasMarginOffsets = marginOffset?.left != null || marginOffset?.top != null;
+          if (!hasAnchorData && !hasMarginOffsets) return {};
+          const relativeFromPageV = anchorData?.vRelativeFrom === "page";
+          const maxMarginV = 500;
+          const baseLeft = marginOffset?.left ?? 0;
+          const baseTop = marginOffset?.top ?? 0;
+          let rotationLeft = 0;
+          let rotationTop = 0;
+          const { rotation } = transformData ?? {};
+          const { height, width } = size ?? {};
+          if (rotation && height && width) {
+            const { horizontal, vertical } = getRotationMargins(width, height, rotation);
+            rotationLeft = horizontal;
+            rotationTop = vertical;
+          }
+          const left2 = baseLeft + rotationLeft;
+          const top2 = baseTop + rotationTop;
+          let style = "";
+          if (left2) style += `margin-left: ${left2}px;`;
+          if (top2) {
+            if (relativeFromPageV && top2 >= maxMarginV) style += `margin-top: ${maxMarginV}px;`;
+            else style += `margin-top: ${top2}px;`;
+          }
+          if (!style) return {};
+          return { style };
+        }
+      },
+      style: {
+        default: null,
+        rendered: true,
+        renderDOM: ({ style }) => {
+          if (!style) return {};
+          return { style };
+        }
+      }
+    };
+  },
+  parseDOM() {
+    return [
+      {
+        tag: this.options.allowBase64 ? "img[src]" : 'img[src]:not([src^="data:"])'
+      }
+    ];
+  },
+  renderDOM({ htmlAttributes }) {
+    return ["img", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
+  },
+  addCommands() {
+    return {
+      /**
+       * Insert an image at the current position
+       * @category Command
+       * @param {ImageInsertOptions} options - Image insertion options
+       * @example
+       * editor.commands.setImage({ src: 'https://example.com/image.jpg' })
+       * editor.commands.setImage({
+       *   src: 'data:image/png;base64,...',
+       *   alt: 'Company logo',
+       *   size: { width: 200 }
+       * })
+       * @note Supports URLs, relative paths, and base64 data URIs
+       */
+      setImage: (options) => ({ commands: commands2 }) => {
+        return commands2.insertContent({
+          type: this.name,
+          attrs: options
+        });
+      }
+    };
+  },
+  addPmPlugins() {
+    return [ImageRegistrationPlugin({ editor: this.editor }), ImagePositionPlugin({ editor: this.editor })];
+  }
+});
+const ACCEPT_IMAGE_TYPES = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"];
+const getFileOpener = () => {
+  let fileInput = document.createElement("input");
+  fileInput.type = "file";
+  let acceptTypes = ACCEPT_IMAGE_TYPES;
+  fileInput.accept = acceptTypes.join(",");
+  const openFile = () => {
+    return new Promise((resolve, reject) => {
+      fileInput.onchange = async () => {
+        const files = fileInput.files;
+        if (!files) return resolve(null);
+        const file = files.item(0);
+        if (!file) return resolve(null);
+        return resolve({ file });
+      };
+      fileInput.oncancel = () => resolve(null);
+      fileInput.onerror = reject;
+      fileInput.click();
+    });
+  };
+  return openFile;
+};
 const BookmarkStart = Node$1.create({
   name: "bookmarkStart",
   group: "inline",
@@ -24730,60 +24934,135 @@ const BookmarkStart = Node$1.create({
        */
       id: {
         default: null,
-        renderDOM: ({ id }) => {
-          if (id) return { id };
+        renderDOM: ({ id }) => {
+          if (id) return { id };
+          return {};
+        }
+      }
+    };
+  },
+  renderDOM({ htmlAttributes }) {
+    return ["a", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
+  },
+  addCommands() {
+    return {
+      /**
+       * Insert a bookmark at the current position
+       * @category Command
+       * @param {BookmarkConfig} config - Bookmark configuration
+       * @returns {Function} Command function
+       * @example
+       * // Insert a named bookmark
+       * insertBookmark({ name: 'chapter1' })
+       *
+       * // Insert with ID
+       * insertBookmark({ name: 'introduction', id: 'intro-001' })
+       * @note Bookmarks are invisible markers for navigation and cross-references
+       */
+      insertBookmark: (config) => ({ commands: commands2 }) => {
+        return commands2.insertContent({
+          type: this.name,
+          attrs: config
+        });
+      },
+      /**
+       * Navigate to a bookmark by name
+       * @category Command
+       * @param {string} name - Bookmark name to navigate to
+       * @returns {Function} Command function
+       * @example
+       * goToBookmark('chapter1')
+       * @note Scrolls the document to the bookmark position
+       */
+      goToBookmark: (name) => ({ editor, tr }) => {
+        const { doc: doc2 } = tr;
+        let targetPos = null;
+        doc2.descendants((node, pos) => {
+          if (node.type.name === "bookmarkStart" && node.attrs.name === name) {
+            targetPos = pos;
+            return false;
+          }
+        });
+        if (targetPos !== null) {
+          editor.commands.focus(targetPos);
+          return true;
+        }
+        return false;
+      }
+    };
+  }
+});
+const BookmarkEnd = Node$1.create({
+  name: "bookmarkEnd",
+  group: "inline",
+  inline: true,
+  atom: true,
+  addOptions() {
+    return {
+      /**
+       * @typedef {Object} BookmarkEndOptions
+       * @category Options
+       * @property {Object} [htmlAttributes] - HTML attributes for the bookmark end element
+       */
+      htmlAttributes: {
+        style: "height: 0; width: 0; display: none;",
+        "aria-label": "Bookmark end node",
+        role: "none"
+      }
+    };
+  },
+  addAttributes() {
+    return {
+      /**
+       * @category Attribute
+       * @param {string} [id] - Unique identifier matching the corresponding bookmarkStart
+       */
+      id: {
+        default: null,
+        renderDOM: ({ id }) => {
+          if (id) return { "data-bookmark-end-id": id };
+          return {};
+        }
+      },
+      /**
+       * @category Attribute
+       * @param {string} [displacedByCustomXml] - Indicates if bookmark was displaced by custom XML
+       */
+      displacedByCustomXml: {
+        default: null,
+        renderDOM: ({ displacedByCustomXml }) => {
+          if (displacedByCustomXml) return { "data-displaced-by-custom-xml": displacedByCustomXml };
           return {};
         }
+      },
+      // Pass-through attributes that may not be used in rendering but should be preserved
+      colFirst: {
+        default: null
+      },
+      colLast: {
+        default: null
       }
     };
   },
   renderDOM({ htmlAttributes }) {
-    return ["a", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
+    return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
   },
   addCommands() {
     return {
       /**
-       * Insert a bookmark at the current position
+       * Insert a bookmark end marker at the current position
        * @category Command
-       * @param {BookmarkConfig} config - Bookmark configuration
+       * @param {string} id - The bookmark ID to match with bookmarkStart
        * @returns {Function} Command function
        * @example
-       * // Insert a named bookmark
-       * insertBookmark({ name: 'chapter1' })
-       *
-       * // Insert with ID
-       * insertBookmark({ name: 'introduction', id: 'intro-001' })
-       * @note Bookmarks are invisible markers for navigation and cross-references
+       * // Insert bookmark end
+       * insertBookmarkEnd('bookmark-001')
        */
-      insertBookmark: (config) => ({ commands: commands2 }) => {
+      insertBookmarkEnd: (id) => ({ commands: commands2 }) => {
         return commands2.insertContent({
           type: this.name,
-          attrs: config
-        });
-      },
-      /**
-       * Navigate to a bookmark by name
-       * @category Command
-       * @param {string} name - Bookmark name to navigate to
-       * @returns {Function} Command function
-       * @example
-       * goToBookmark('chapter1')
-       * @note Scrolls the document to the bookmark position
-       */
-      goToBookmark: (name) => ({ editor, tr }) => {
-        const { doc: doc2 } = tr;
-        let targetPos = null;
-        doc2.descendants((node, pos) => {
-          if (node.type.name === "bookmarkStart" && node.attrs.name === name) {
-            targetPos = pos;
-            return false;
-          }
+          attrs: { id }
         });
-        if (targetPos !== null) {
-          editor.commands.focus(targetPos);
-          return true;
-        }
-        return false;
       }
     };
   }
@@ -24868,6 +25147,14 @@ const PageNumber = Node$1.create({
   },
   addCommands() {
     return {
+      /**
+       * Insert an automatic page number
+       * @category Command
+       * @returns {Function} Command function
+       * @example
+       * editor.commands.addAutoPageNumber()
+       * @note Only works in header/footer contexts
+       */
       addAutoPageNumber: () => ({ tr, dispatch, state, editor }) => {
         const { options } = editor;
         if (!options.isHeaderOrFooter) return false;
@@ -24930,6 +25217,14 @@ const TotalPageCount = Node$1.create({
   },
   addCommands() {
     return {
+      /**
+       * Insert total page count
+       * @category Command
+       * @returns {Function} Command function
+       * @example
+       * editor.commands.addTotalPageCount()
+       * @note Only works in header/footer contexts
+       */
       addTotalPageCount: () => ({ tr, dispatch, state, editor }) => {
         const { options } = editor;
         if (!options.isHeaderOrFooter) return false;
@@ -24986,7 +25281,9 @@ class AutoPageNumberNodeView {
     this.dom = __privateMethod(this, _AutoPageNumberNodeView_instances, renderDom_fn).call(this, node, htmlAttributes);
   }
   update(node) {
-    if (node.type !== this.node.type) return false;
+    const incomingType = node?.type?.name;
+    const currentType = this.node?.type?.name;
+    if (!incomingType || incomingType !== currentType) return false;
     this.node = node;
     return true;
   }
@@ -25004,8 +25301,8 @@ renderDom_fn = function(node, htmlAttributes) {
   __privateMethod(this, _AutoPageNumberNodeView_instances, scheduleUpdateNodeStyle_fn).call(this, currentPos, marks);
   Object.assign(nodeContent.style, styles);
   nodeContent.appendChild(content);
-  Object.entries(htmlAttributes).forEach(([key, value]) => {
-    if (value) nodeContent.setAttribute(key, value);
+  Object.entries(htmlAttributes).forEach(([key2, value]) => {
+    if (value) nodeContent.setAttribute(key2, value);
   });
   return nodeContent;
 };
@@ -25071,8 +25368,8 @@ const processMarks = (marks) => {
         break;
       default:
         if (attrs?.style) {
-          Object.entries(attrs.style).forEach(([key, value]) => {
-            styles[key] = value;
+          Object.entries(attrs.style).forEach(([key2, value]) => {
+            styles[key2] = value;
           });
         }
         break;
@@ -25194,11 +25491,6 @@ const ContentBlock = Node$1.create({
   inline: true,
   addOptions() {
     return {
-      /**
-       * @typedef {Object} ContentBlockOptions
-       * @category Options
-       * @property {Object} [htmlAttributes] - HTML attributes for the block element
-       */
       htmlAttributes: {
         contenteditable: false
       }
@@ -25206,10 +25498,6 @@ const ContentBlock = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @category Attribute
-       * @param {boolean} [horizontalRule=false] - Whether this block is a horizontal rule
-       */
       horizontalRule: {
         default: false,
         renderDOM: ({ horizontalRule }) => {
@@ -25217,10 +25505,6 @@ const ContentBlock = Node$1.create({
           return { "data-horizontal-rule": "true" };
         }
       },
-      /**
-       * @category Attribute
-       * @param {ContentBlockSize} [size] - Size and position of the content block
-       */
       size: {
         default: null,
         renderDOM: ({ size }) => {
@@ -25234,10 +25518,6 @@ const ContentBlock = Node$1.create({
           return { style };
         }
       },
-      /**
-       * @category Attribute
-       * @param {string} [background] - Background color for the block
-       */
       background: {
         default: null,
         renderDOM: (attrs) => {
@@ -25247,19 +25527,9 @@ const ContentBlock = Node$1.create({
           };
         }
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {Object} [drawingContent] - Internal drawing data
-       */
       drawingContent: {
         rendered: false
       },
-      /**
-       * @private
-       * @category Attribute
-       * @param {Object} [attributes] - Additional internal attributes
-       */
       attributes: {
         rendered: false
       }
@@ -25280,9 +25550,8 @@ const ContentBlock = Node$1.create({
       /**
        * Insert a horizontal rule
        * @category Command
-       * @returns {Function} Command function
        * @example
-       * insertHorizontalRule()
+       * editor.commands.insertHorizontalRule()
        * @note Creates a visual separator between content sections
        */
       insertHorizontalRule: () => ({ commands: commands2 }) => {
@@ -25299,13 +25568,13 @@ const ContentBlock = Node$1.create({
        * Insert a content block
        * @category Command
        * @param {ContentBlockConfig} config - Block configuration
-       * @returns {Function} Command function
        * @example
        * // Insert a spacer block
-       * insertContentBlock({ size: { height: 20 } })
+       * editor.commands.insertContentBlock({ size: { height: 20 } })
        *
+       * @example
        * // Insert a colored divider
-       * insertContentBlock({
+       * editor.commands.insertContentBlock({
        *   size: { width: '50%', height: 3 },
        *   background: '#3b82f6'
        * })
@@ -25320,57 +25589,353 @@ const ContentBlock = Node$1.create({
     };
   }
 });
+class StructuredContentViewBase {
+  constructor(props) {
+    __publicField(this, "node");
+    __publicField(this, "view");
+    __publicField(this, "getPos");
+    __publicField(this, "decorations");
+    __publicField(this, "innerDecorations");
+    __publicField(this, "editor");
+    __publicField(this, "extension");
+    __publicField(this, "htmlAttributes");
+    __publicField(this, "root");
+    __publicField(this, "isDragging", false);
+    this.node = props.node;
+    this.view = props.editor.view;
+    this.getPos = props.getPos;
+    this.decorations = props.decorations;
+    this.innerDecorations = props.innerDecorations;
+    this.editor = props.editor;
+    this.extension = props.extension;
+    this.htmlAttributes = props.htmlAttributes;
+    this.mount(props);
+  }
+  mount() {
+    return;
+  }
+  get dom() {
+    return this.root;
+  }
+  get contentDOM() {
+    return null;
+  }
+  update(node, decorations, innerDecorations) {
+    if (node.type !== this.node.type) {
+      return false;
+    }
+    this.node = node;
+    this.decorations = decorations;
+    this.innerDecorations = innerDecorations;
+    this.updateHTMLAttributes();
+    return true;
+  }
+  stopEvent(event) {
+    if (!this.dom) return false;
+    const target = event.target;
+    const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);
+    if (!isInElement) return false;
+    const isDragEvent = event.type.startsWith("drag");
+    const isDropEvent = event.type === "drop";
+    const isInput = ["INPUT", "BUTTON", "SELECT", "TEXTAREA"].includes(target.tagName) || target.isContentEditable;
+    if (isInput && !isDropEvent && !isDragEvent) return true;
+    const { isEditable } = this.editor;
+    const { isDragging } = this;
+    const isDraggable = !!this.node.type.spec.draggable;
+    const isSelectable = NodeSelection.isSelectable(this.node);
+    const isCopyEvent = event.type === "copy";
+    const isPasteEvent = event.type === "paste";
+    const isCutEvent = event.type === "cut";
+    const isClickEvent = event.type === "mousedown";
+    if (!isDraggable && isSelectable && isDragEvent && event.target === this.dom) {
+      event.preventDefault();
+    }
+    if (isDraggable && isDragEvent && !isDragging && event.target === this.dom) {
+      event.preventDefault();
+      return false;
+    }
+    if (isDraggable && isEditable && !isDragging && isClickEvent) {
+      const dragHandle = target.closest("[data-drag-handle]");
+      const isValidDragHandle = dragHandle && (this.dom === dragHandle || this.dom.contains(dragHandle));
+      if (isValidDragHandle) {
+        this.isDragging = true;
+        document.addEventListener(
+          "dragend",
+          () => {
+            this.isDragging = false;
+          },
+          { once: true }
+        );
+        document.addEventListener(
+          "drop",
+          () => {
+            this.isDragging = false;
+          },
+          { once: true }
+        );
+        document.addEventListener(
+          "mouseup",
+          () => {
+            this.isDragging = false;
+          },
+          { once: true }
+        );
+      }
+    }
+    if (isDragging || isDropEvent || isCopyEvent || isPasteEvent || isCutEvent || isClickEvent && isSelectable) {
+      return false;
+    }
+    return true;
+  }
+  ignoreMutation(mutation) {
+    if (!this.dom || !this.contentDOM) return true;
+    if (this.node.isLeaf || this.node.isAtom) return true;
+    if (mutation.type === "selection") return false;
+    if (this.contentDOM === mutation.target && mutation.type === "attributes") return true;
+    if (this.contentDOM.contains(mutation.target)) return false;
+    return true;
+  }
+  destroy() {
+    this.dom.remove();
+    this.contentDOM?.remove();
+  }
+  updateAttributes(attrs) {
+    const pos = this.getPos();
+    if (typeof pos !== "number") {
+      return;
+    }
+    return this.view.dispatch(
+      this.view.state.tr.setNodeMarkup(pos, void 0, {
+        ...this.node.attrs,
+        ...attrs
+      })
+    );
+  }
+  updateHTMLAttributes() {
+    const { extensionService } = this.editor;
+    const { attributes } = extensionService;
+    const extensionAttrs = attributes.filter((i) => i.type === this.node.type.name);
+    this.htmlAttributes = Attribute.getAttributesToRender(this.node, extensionAttrs);
+  }
+  createDragHandle() {
+    const dragHandle = document.createElement("span");
+    dragHandle.classList.add("sd-structured-content-draggable");
+    dragHandle.draggable = true;
+    dragHandle.contentEditable = "false";
+    dragHandle.dataset.dragHandle = "";
+    const textElement = document.createElement("span");
+    textElement.textContent = "Structured content";
+    dragHandle.append(textElement);
+    return dragHandle;
+  }
+  onDragStart(event) {
+    const { view } = this.editor;
+    const target = event.target;
+    const dragHandle = target.nodeType === 3 ? target.parentElement?.closest("[data-drag-handle]") : target.closest("[data-drag-handle]");
+    if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {
+      return;
+    }
+    let x = 0;
+    let y = 0;
+    if (this.dom !== dragHandle) {
+      const domBox = this.dom.getBoundingClientRect();
+      const handleBox = dragHandle.getBoundingClientRect();
+      const offsetX = event.offsetX ?? event.nativeEvent?.offsetX;
+      const offsetY = event.offsetY ?? event.nativeEvent?.offsetY;
+      x = handleBox.x - domBox.x + offsetX;
+      y = handleBox.y - domBox.y + offsetY;
+    }
+    event.dataTransfer?.setDragImage(this.dom, x, y);
+    const pos = this.getPos();
+    if (typeof pos !== "number") {
+      return;
+    }
+    const selection = NodeSelection.create(view.state.doc, pos);
+    const transaction = view.state.tr.setSelection(selection);
+    view.dispatch(transaction);
+  }
+}
+class StructuredContentInlineView extends StructuredContentViewBase {
+  constructor(props) {
+    super(props);
+  }
+  mount() {
+    this.buildView();
+  }
+  get contentDOM() {
+    const contentElement = this.dom?.querySelector(`.${structuredContentInnerClass$1}`);
+    return contentElement || null;
+  }
+  createElement() {
+    const element = document.createElement("span");
+    element.classList.add(structuredContentClass$1);
+    element.setAttribute("data-structured-content", "");
+    const contentElement = document.createElement("span");
+    contentElement.classList.add(structuredContentInnerClass$1);
+    element.append(contentElement);
+    const domAttrs = Attribute.mergeAttributes(this.htmlAttributes);
+    updateDOMAttributes(element, { ...domAttrs });
+    return { element, contentElement };
+  }
+  buildView() {
+    const { element } = this.createElement();
+    const dragHandle = this.createDragHandle();
+    element.prepend(dragHandle);
+    element.addEventListener("dragstart", (e) => this.onDragStart(e));
+    this.root = element;
+  }
+  updateView() {
+    const domAttrs = Attribute.mergeAttributes(this.htmlAttributes);
+    updateDOMAttributes(this.dom, { ...domAttrs });
+  }
+  update(node, decorations, innerDecorations) {
+    const result = super.update(node, decorations, innerDecorations);
+    if (!result) return false;
+    this.updateView();
+    return true;
+  }
+}
+const structuredContentClass$1 = "sd-structured-content";
+const structuredContentInnerClass$1 = "sd-structured-content__content";
 const StructuredContent = Node$1.create({
   name: "structuredContent",
-  group: "inline",
+  group: "inline structuredContent",
   inline: true,
   content: "inline*",
+  isolating: true,
+  atom: false,
+  // false - has editable content.
+  draggable: true,
   addOptions() {
     return {
-      structuredContentClass: "sd-structured-content-tag",
       htmlAttributes: {
+        class: structuredContentClass$1,
         "aria-label": "Structured content node"
       }
     };
   },
-  parseDOM() {
-    return [{ tag: `span.${this.options.structuredContentClass}` }];
-  },
-  renderDOM({ htmlAttributes }) {
-    return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
-  },
   addAttributes() {
     return {
+      id: {
+        default: null,
+        parseDOM: (elem) => elem.getAttribute("data-id"),
+        renderDOM: (attrs) => {
+          if (!attrs.id) return {};
+          return { "data-id": attrs.id };
+        }
+      },
       sdtPr: {
         rendered: false
       }
     };
+  },
+  parseDOM() {
+    return [{ tag: "span[data-structured-content]" }];
+  },
+  renderDOM({ htmlAttributes }) {
+    return [
+      "span",
+      Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes, {
+        "data-structured-content": ""
+      }),
+      0
+    ];
+  },
+  addNodeView() {
+    return (props) => {
+      return new StructuredContentInlineView({ ...props });
+    };
   }
 });
+class StructuredContentBlockView extends StructuredContentViewBase {
+  constructor(props) {
+    super(props);
+  }
+  mount() {
+    this.buildView();
+  }
+  get contentDOM() {
+    const contentElement = this.dom?.querySelector(`.${structuredContentInnerClass}`);
+    return contentElement || null;
+  }
+  createElement() {
+    const element = document.createElement("div");
+    element.classList.add(structuredContentClass);
+    element.setAttribute("data-structured-content-block", "");
+    const contentElement = document.createElement("div");
+    contentElement.classList.add(structuredContentInnerClass);
+    element.append(contentElement);
+    const domAttrs = Attribute.mergeAttributes(this.htmlAttributes);
+    updateDOMAttributes(element, { ...domAttrs });
+    return { element, contentElement };
+  }
+  buildView() {
+    const { element } = this.createElement();
+    const dragHandle = this.createDragHandle();
+    element.prepend(dragHandle);
+    element.addEventListener("dragstart", (e) => this.onDragStart(e));
+    this.root = element;
+  }
+  updateView() {
+    const domAttrs = Attribute.mergeAttributes(this.htmlAttributes);
+    updateDOMAttributes(this.dom, { ...domAttrs });
+  }
+  update(node, decorations, innerDecorations) {
+    const result = super.update(node, decorations, innerDecorations);
+    if (!result) return false;
+    this.updateView();
+    return true;
+  }
+}
+const structuredContentClass = "sd-structured-content-block";
+const structuredContentInnerClass = "sd-structured-content-block__content";
 const StructuredContentBlock = Node$1.create({
   name: "structuredContentBlock",
-  group: "block",
+  group: "block structuredContent",
   content: "block*",
+  isolating: true,
+  atom: false,
+  // false - has editable content.
+  draggable: true,
   addOptions() {
     return {
-      structuredContentClass: "sd-structured-content-tag",
       htmlAttributes: {
+        class: structuredContentClass,
         "aria-label": "Structured content block node"
       }
     };
   },
-  parseDOM() {
-    return [{ tag: `div.${this.options.structuredContentClass}` }];
-  },
-  renderDOM({ htmlAttributes }) {
-    return ["div", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
-  },
   addAttributes() {
     return {
+      id: {
+        default: null,
+        parseDOM: (elem) => elem.getAttribute("data-id"),
+        renderDOM: (attrs) => {
+          if (!attrs.id) return {};
+          return { "data-id": attrs.id };
+        }
+      },
       sdtPr: {
         rendered: false
       }
     };
+  },
+  parseDOM() {
+    return [{ tag: "div[data-structured-content-block]" }];
+  },
+  renderDOM({ htmlAttributes }) {
+    return [
+      "div",
+      Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes, {
+        "data-structured-content-block": ""
+      }),
+      0
+    ];
+  },
+  addNodeView() {
+    return (props) => {
+      return new StructuredContentBlockView({ ...props });
+    };
   }
 });
 class DocumentSectionView {
@@ -25537,16 +26102,7 @@ const DocumentSection = Node$1.create({
   },
   addAttributes() {
     return {
-      /**
-       * @category Attribute
-       * @param {number} [id] - Unique section identifier
-       */
       id: {},
-      /**
-       * @private
-       * @category Attribute
-       * @param {string} [sdBlockId] - Internal block tracking
-       */
       sdBlockId: {
         default: null,
         keepOnSplit: false,
@@ -25555,25 +26111,9 @@ const DocumentSection = Node$1.create({
           return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
         }
       },
-      /**
-       * @category Attribute
-       * @param {string} [title] - Section display label
-       */
       title: {},
-      /**
-       * @category Attribute
-       * @param {string} [description] - Section metadata
-       */
       description: {},
-      /**
-       * @category Attribute
-       * @param {string} [sectionType] - Business classification (e.g., 'legal', 'pricing')
-       */
       sectionType: {},
-      /**
-       * @category Attribute
-       * @param {boolean} [isLocked=false] - Lock state preventing edits
-       */
       isLocked: { default: false }
     };
   },
@@ -25588,10 +26128,9 @@ const DocumentSection = Node$1.create({
        * Create a lockable content section
        * @category Command
        * @param {SectionCreate} [options={}] - Section configuration
-       * @returns {Function} Command - true if created, false if position invalid
        * @example
-       * createDocumentSection({
-       *   id: 'legal-1',
+       * editor.commands.createDocumentSection({
+       *   id: 1,
        *   title: 'Terms & Conditions',
        *   isLocked: true,
        *   html: '<p>Legal content...</p>'
@@ -25672,9 +26211,8 @@ const DocumentSection = Node$1.create({
       /**
        * Remove section wrapper at cursor, preserving its content
        * @category Command
-       * @returns {Function} Command - true if removed, false if no section at position
        * @example
-       * removeSectionAtSelection()
+       * editor.commands.removeSectionAtSelection()
        * @note Content stays in document, only section wrapper is removed
        */
       removeSectionAtSelection: () => ({ tr, dispatch }) => {
@@ -25700,9 +26238,8 @@ const DocumentSection = Node$1.create({
        * Delete section and all its content
        * @category Command
        * @param {number} id - Section to delete
-       * @returns {Function} Command - true if deleted, false if ID doesn't exist
        * @example
-       * removeSectionById(123)
+       * editor.commands.removeSectionById(123)
        */
       removeSectionById: (id) => ({ tr, dispatch }) => {
         const sections = SectionHelpers.getAllSections(this.editor);
@@ -25722,9 +26259,8 @@ const DocumentSection = Node$1.create({
        * Lock section against edits
        * @category Command
        * @param {number} id - Section to lock
-       * @returns {Function} Command - true if locked, false if ID doesn't exist
        * @example
-       * lockSectionById(123)
+       * editor.commands.lockSectionById(123)
        */
       lockSectionById: (id) => ({ tr, dispatch }) => {
         const sections = SectionHelpers.getAllSections(this.editor);
@@ -25741,16 +26277,10 @@ const DocumentSection = Node$1.create({
        * Modify section attributes or content
        * @category Command
        * @param {SectionUpdate} options - Changes to apply
-       * @returns {Function} Command - true if updated, false if ID doesn't exist
        * @example
-       * // Toggle lock
-       * updateSectionById({ id: 123, attrs: { isLocked: false } })
-       *
-       * // Replace content
-       * updateSectionById({ id: 123, html: '<p>New content</p>' })
-       *
-       * // Both
-       * updateSectionById({
+       * editor.commands.updateSectionById({ id: 123, attrs: { isLocked: false } })
+       * editor.commands.updateSectionById({ id: 123, html: '<p>New content</p>' })
+       * editor.commands.updateSectionById({
        *   id: 123,
        *   html: '<p>Updated</p>',
        *   attrs: { title: 'New Title' }
@@ -25800,11 +26330,10 @@ const BlockNode = Extension.create({
        * Replace a block node by its ID with new content
        * @category Command
        * @param {string} id - The sdBlockId of the node to replace
-       * @param {Object} contentNode - The replacement ProseMirror node
-       * @returns {Function} Command function
+       * @param {ProseMirrorNode} contentNode - The replacement ProseMirror node
        * @example
        * const newParagraph = editor.schema.nodes.paragraph.create({}, editor.schema.text('New content'))
-       * replaceBlockNodeById('block-123', newParagraph)
+       * editor.commands.replaceBlockNodeById('block-123', newParagraph)
        * @note The replacement node should have the same type as the original
        */
       replaceBlockNodeById: (id, contentNode) => ({ dispatch, tr }) => {
@@ -25827,9 +26356,8 @@ const BlockNode = Extension.create({
        * Delete a block node by its ID
        * @category Command
        * @param {string} id - The sdBlockId of the node to delete
-       * @returns {Function} Command function
        * @example
-       * deleteBlockNodeById('block-123')
+       * editor.commands.deleteBlockNodeById('block-123')
        * @note Completely removes the node from the document
        */
       deleteBlockNodeById: (id) => ({ dispatch, tr }) => {
@@ -25853,11 +26381,10 @@ const BlockNode = Extension.create({
        * @category Command
        * @param {string} id - The sdBlockId of the node to update
        * @param {Object} attrs - Attributes to update
-       * @returns {Function} Command function
        * @example
-       * updateBlockNodeAttributes('block-123', { textAlign: 'center' })
+       * editor.commands.updateBlockNodeAttributes('block-123', { textAlign: 'center' })
        * @example
-       * updateBlockNodeAttributes('block-123', { indent: { left: 20 } })
+       * editor.commands.updateBlockNodeAttributes('block-123', { indent: { left: 20 } })
        * @note Merges new attributes with existing ones
        */
       updateBlockNodeAttributes: (id, attrs = {}) => ({ dispatch, tr }) => {
@@ -25951,7 +26478,7 @@ const BlockNode = Extension.create({
         key: BlockNodePluginKey,
         appendTransaction: (transactions, _oldState, newState) => {
           if (hasInitialized && !transactions.some((tr2) => tr2.docChanged)) return null;
-          if (hasInitialized && !checkForNewBlockNodesInTrs(transactions)) return null;
+          if (hasInitialized && !checkForNewBlockNodesInTrs([...transactions])) return null;
           const { tr } = newState;
           let changed = false;
           newState.doc.descendants((node, pos) => {
@@ -26030,9 +26557,8 @@ const TextStyle = Mark.create({
       /**
        * Remove empty text style marks
        * @category Command
-       * @returns {Function} Command function - Removes mark if no attributes present
        * @example
-       * removeEmptyTextStyle()
+       * editor.commands.removeEmptyTextStyle()
        * @note Cleanup utility to prevent empty span elements
        * @note Automatically checks if any style attributes exist before removal
        */
@@ -26054,10 +26580,6 @@ const Bold = Mark.create({
   },
   addAttributes() {
     return {
-      /**
-       * @category Attribute
-       * @param {string} [value] - Bold weight value ('0' renders as normal)
-       */
       value: {
         default: null,
         renderDOM: (attrs) => {
@@ -26086,26 +26608,23 @@ const Bold = Mark.create({
       /**
        * Apply bold formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * setBold()
+       * editor.commands.setBold()
        * @note '0' renders as normal weight
        */
       setBold: () => ({ commands: commands2 }) => commands2.setMark(this.name),
       /**
        * Remove bold formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * unsetBold()
+       * editor.commands.unsetBold()
        */
       unsetBold: () => ({ commands: commands2 }) => commands2.unsetMark(this.name),
       /**
        * Toggle bold formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * toggleBold()
+       * editor.commands.toggleBold()
        */
       toggleBold: () => ({ commands: commands2 }) => commands2.toggleMark(this.name)
     };
@@ -26140,25 +26659,22 @@ const Italic = Mark.create({
       /**
        * Apply italic formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * setItalic()
+       * editor.commands.setItalic()
        */
       setItalic: () => ({ commands: commands2 }) => commands2.setMark(this.name),
       /**
        * Remove italic formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * unsetItalic()
+       * editor.commands.unsetItalic()
        */
       unsetItalic: () => ({ commands: commands2 }) => commands2.unsetMark(this.name),
       /**
        * Toggle italic formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * toggleItalic()
+       * editor.commands.toggleItalic()
        */
       toggleItalic: () => ({ commands: commands2 }) => commands2.toggleMark(this.name)
     };
@@ -26242,10 +26758,6 @@ const Highlight = Mark.create({
   },
   addAttributes() {
     return {
-      /**
-       * @category Attribute
-       * @param {string} [color] - Background color (CSS color value)
-       */
       color: {
         default: null,
         parseDOM: (element) => element.getAttribute("data-color") || element.style.backgroundColor,
@@ -26273,26 +26785,23 @@ const Highlight = Mark.create({
        * Apply highlight with specified color
        * @category Command
        * @param {string} color - CSS color value
-       * @returns {Function} Command
        * @example
-       * setHighlight('#FFEB3B')
-       * setHighlight('rgba(255, 235, 59, 0.5)')
+       * editor.commands.setHighlight('#FFEB3B')
+       * editor.commands.setHighlight('rgba(255, 235, 59, 0.5)')
        */
       setHighlight: (color) => ({ commands: commands2 }) => commands2.setMark(this.name, { color }),
       /**
        * Remove highlight formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * unsetHighlight()
+       * editor.commands.unsetHighlight()
        */
       unsetHighlight: () => ({ commands: commands2 }) => commands2.unsetMark(this.name),
       /**
        * Toggle highlight formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * toggleHighlight()
+       * editor.commands.toggleHighlight()
        */
       toggleHighlight: () => ({ commands: commands2 }) => commands2.toggleMark(this.name)
     };
@@ -26325,9 +26834,8 @@ const Strike = Mark.create({
       /**
        * Apply strikethrough formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * setStrike()
+       * editor.commands.setStrike()
        */
       setStrike: () => ({ commands: commands2 }) => {
         return commands2.setMark(this.name);
@@ -26335,9 +26843,8 @@ const Strike = Mark.create({
       /**
        * Remove strikethrough formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * unsetStrike()
+       * editor.commands.unsetStrike()
        */
       unsetStrike: () => ({ commands: commands2 }) => {
         return commands2.unsetMark(this.name);
@@ -26345,9 +26852,8 @@ const Strike = Mark.create({
       /**
        * Toggle strikethrough formatting
        * @category Command
-       * @returns {Function} Command
        * @example
-       * toggleStrike()
+       * editor.commands.toggleStrike()
        */
       toggleStrike: () => ({ commands: commands2 }) => {
         return commands2.toggleMark(this.name);
@@ -26367,11 +26873,6 @@ const Link = Mark.create({
   inclusive: false,
   addOptions() {
     return {
-      /**
-       * Allowed URL protocols
-       * @type {string[]}
-       * @default ['http', 'https']
-       */
       protocols: ["http", "https"],
       htmlAttributes: {
         target: null,
@@ -26470,16 +26971,10 @@ const Link = Mark.create({
       /**
        * Create or update a link
        * @category Command
-       * @param {Object} options - Link configuration
-       * @param {string} [options.href] - URL for the link
-       * @param {string} [options.text] - Display text (uses selection if omitted)
-       * @returns {Function} Command - Creates link with underline
+       * @param {SetLinkOptions} [options] - Link configuration
        * @example
-       * // Link selected text
-       * setLink({ href: 'https://example.com' })
-       *
-       * // Link with custom text
-       * setLink({
+       * editor.commands.setLink({ href: 'https://example.com' })
+       * editor.commands.setLink({
        *   href: 'https://example.com',
        *   text: 'Visit Example'
        * })
@@ -26531,9 +27026,8 @@ const Link = Mark.create({
       /**
        * Remove link and associated formatting
        * @category Command
-       * @returns {Function} Command - Removes link, underline, and color
        * @example
-       * unsetLink()
+       * editor.commands.unsetLink()
        * @note Also removes underline and text color
        */
       unsetLink: () => ({ chain }) => {
@@ -26542,16 +27036,10 @@ const Link = Mark.create({
       /**
        * Toggle link on selection
        * @category Command
-       * @param {Object} [options] - Link configuration
-       * @param {string} [options.href] - URL for the link
-       * @param {string} [options.text] - Display text
-       * @returns {Function} Command - Creates link if href provided, removes otherwise
+       * @param {SetLinkOptions} [options] - Link configuration
        * @example
-       * // Add link
-       * toggleLink({ href: 'https://example.com' })
-       *
-       * // Remove link
-       * toggleLink()
+       * editor.commands.toggleLink({ href: 'https://example.com' })
+       * editor.commands.toggleLink()
        */
       toggleLink: ({ href, text } = {}) => ({ commands: commands2 }) => {
         if (!href) return commands2.unsetLink();
@@ -27438,8 +27926,8 @@ function mergePaddingObject(paddingObject) {
   return Object.assign({}, getFreshSideObject(), paddingObject);
 }
 function expandToHashMap(value, keys2) {
-  return keys2.reduce(function(hashMap, key) {
-    hashMap[key] = value;
+  return keys2.reduce(function(hashMap, key2) {
+    hashMap[key2] = value;
     return hashMap;
   }, {});
 }
@@ -27895,10 +28383,10 @@ function detectOverflow$1(state, options) {
   var offsetData = state.modifiersData.offset;
   if (elementContext === popper && offsetData) {
     var offset2 = offsetData[placement];
-    Object.keys(overflowOffsets).forEach(function(key) {
-      var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
-      var axis = [top, bottom].indexOf(key) >= 0 ? "y" : "x";
-      overflowOffsets[key] += offset2[axis] * multiply;
+    Object.keys(overflowOffsets).forEach(function(key2) {
+      var multiply = [right, bottom].indexOf(key2) >= 0 ? 1 : -1;
+      var axis = [top, bottom].indexOf(key2) >= 0 ? "y" : "x";
+      overflowOffsets[key2] += offset2[axis] * multiply;
     });
   }
   return overflowOffsets;
@@ -28345,8 +28833,8 @@ function mergeByName(modifiers2) {
     }) : current;
     return merged2;
   }, {});
-  return Object.keys(merged).map(function(key) {
-    return merged[key];
+  return Object.keys(merged).map(function(key2) {
+    return merged[key2];
   });
 }
 var DEFAULT_OPTIONS = {
@@ -28503,8 +28991,8 @@ var TOUCH_OPTIONS = {
 var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO2() {
   return document.body;
 };
-function hasOwnProperty(obj, key) {
-  return {}.hasOwnProperty.call(obj, key);
+function hasOwnProperty(obj, key2) {
+  return {}.hasOwnProperty.call(obj, key2);
 }
 function getValueAtIndexOrReturn(value, index2, defaultValue) {
   if (Array.isArray(value)) {
@@ -28534,8 +29022,8 @@ function debounce(fn2, ms) {
 }
 function removeProperties(obj, keys2) {
   var clone = Object.assign({}, obj);
-  keys2.forEach(function(key) {
-    delete clone[key];
+  keys2.forEach(function(key2) {
+    delete clone[key2];
   });
   return clone;
 }
@@ -28562,9 +29050,9 @@ function arrayFrom(value) {
   return [].slice.call(value);
 }
 function removeUndefinedProps(obj) {
-  return Object.keys(obj).reduce(function(acc, key) {
-    if (obj[key] !== void 0) {
-      acc[key] = obj[key];
+  return Object.keys(obj).reduce(function(acc, key2) {
+    if (obj[key2] !== void 0) {
+      acc[key2] = obj[key2];
     }
     return acc;
   }, {});
@@ -28816,8 +29304,8 @@ var setDefaultProps = function setDefaultProps2(partialProps) {
     validateProps(partialProps, []);
   }
   var keys2 = Object.keys(partialProps);
-  keys2.forEach(function(key) {
-    defaultProps[key] = partialProps[key];
+  keys2.forEach(function(key2) {
+    defaultProps[key2] = partialProps[key2];
   });
 };
 function getExtendedPassedProps(passedProps) {
@@ -28836,18 +29324,18 @@ function getDataAttributeProps(reference2, plugins) {
   var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps, {
     plugins
   }))) : defaultKeys;
-  var props = propKeys.reduce(function(acc, key) {
-    var valueAsString = (reference2.getAttribute("data-tippy-" + key) || "").trim();
+  var props = propKeys.reduce(function(acc, key2) {
+    var valueAsString = (reference2.getAttribute("data-tippy-" + key2) || "").trim();
     if (!valueAsString) {
       return acc;
     }
-    if (key === "content") {
-      acc[key] = valueAsString;
+    if (key2 === "content") {
+      acc[key2] = valueAsString;
     } else {
       try {
-        acc[key] = JSON.parse(valueAsString);
+        acc[key2] = JSON.parse(valueAsString);
       } catch (e) {
-        acc[key] = valueAsString;
+        acc[key2] = valueAsString;
       }
     }
     return acc;
@@ -29771,8 +30259,8 @@ tippy.setDefaultProps({
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
+  for (const [key2, val] of props) {
+    target[key2] = val;
   }
   return target;
 };
@@ -29868,6 +30356,9 @@ const Mentions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b
 const popoverPluginKey = new PluginKey("popoverPlugin");
 const PopoverPlugin = Extension.create({
   name: "popoverPlugin",
+  addOptions() {
+    return {};
+  },
   addPmPlugins() {
     const popover = new Plugin({
       key: popoverPluginKey,
@@ -31164,9 +31655,9 @@ const Pagination = Extension.create({
           if (syncMeta && syncMeta.isChangeOrigin || listSyncMeta) {
             return { ...oldState };
           }
-          const imagePluginTransaction = tr.getMeta(ImagePlaceholderPluginKey);
-          if (imagePluginTransaction) {
-            if (imagePluginTransaction.type === "remove") {
+          const imageRegistrationMetaType = getImageRegistrationMetaType(tr);
+          if (imageRegistrationMetaType) {
+            if (imageRegistrationMetaType === "remove") {
               onImageLoad(editor);
             }
             return { ...oldState };
@@ -32095,12 +32586,11 @@ const Search = Extension.create({
   addCommands() {
     return {
       /**
-       * Navigates to the first search match
+       * Navigate to the first search match
        * @category Command
-       * @returns {Function} - Command function
        * @example
-       * goToFirstMatch()
-       * @note Scrolls Editor to the first match of called search().
+       * editor.commands.goToFirstMatch()
+       * @note Scrolls editor to the first match from previous search
        */
       goToFirstMatch: () => (
         /** @returns {boolean} */
@@ -32116,13 +32606,13 @@ const Search = Extension.create({
         }
       ),
       /**
-       * Searches for the string match in Editor content
+       * Search for string matches in editor content
        * @category Command
        * @param {String|RegExp} patternInput - Search string or pattern
-       * @returns {Function} - Command function that returns matches
        * @example
-       * search('test string')
-       * @note Searches for the test string in the Editor content and returns an array of matches
+       * const matches = editor.commands.search('test string')
+       * const regexMatches = editor.commands.search(/test/i)
+       * @note Returns array of SearchMatch objects with positions and IDs
        */
       search: (patternInput) => (
         /** @returns {SearchMatch[]} */
@@ -32165,14 +32655,13 @@ const Search = Extension.create({
         }
       ),
       /**
-       * Navigates to the selected match
+       * Navigate to a specific search match
        * @category Command
-       * @param {SearchMatch} match Match at specific index
-       * @returns {Function} - Command function
+       * @param {SearchMatch} match - Match object to navigate to
        * @example
-       * const searchResult = search('test string')
-       * goToSearchResult(searchResult[3])
-       * @note Scrolls Editor to the fourth match of called search() and sets selection on it.
+       * const searchResults = editor.commands.search('test string')
+       * editor.commands.goToSearchResult(searchResults[3])
+       * @note Scrolls to match and selects it
        */
       goToSearchResult: (match) => (
         /** @returns {boolean} */
@@ -32434,6 +32923,9 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
 };
 const NodeResizer = Extension.create({
   name: "nodeResizer",
+  addOptions() {
+    return {};
+  },
   addPmPlugins() {
     const isHeadless = this.editor.options.isHeadless;
     const hasDocument = typeof document !== "undefined";
@@ -32525,6 +33017,7 @@ const getStarterExtensions = () => {
     DropCursor,
     Image,
     BookmarkStart,
+    BookmarkEnd,
     Mention,
     Collaboration,
     CollaborationCursor,
@@ -32567,18 +33060,20 @@ export {
   getQuickFormatList as a,
   generateLinkedStyleString as b,
   getFileOpener as c,
-  undoDepth as d,
-  getStarterExtensions as e,
-  getRichTextExtensions as f,
+  checkAndProcessImage as d,
+  uploadAndInsertImage as e,
+  undoDepth as f,
   global as g,
-  Extension as h,
-  index$1 as i,
-  index as j,
-  AnnotatorHelpers as k,
-  SectionHelpers as l,
-  getAllowedImageDimensions as m,
-  redoDepth as r,
-  startImageUpload as s,
+  redoDepth as h,
+  getStarterExtensions as i,
+  getRichTextExtensions as j,
+  Extension as k,
+  index$1 as l,
+  index as m,
+  AnnotatorHelpers as n,
+  SectionHelpers as o,
+  getAllowedImageDimensions as p,
+  replaceSelectionWithImagePlaceholder as r,
   useHighContrastMode as u,
   yUndoPluginKey as y
 };