superdoc 0.31.0-next.10 → 0.31.0-next.11

package/dist/super-editor/chunks/{editor-CJUnMzXV.js → editor-BG6XbVA7.js}

@@ -9,11 +9,11 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 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, isElementNode_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, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_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, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, updateHTMLAttributes_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, isElementNode_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, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_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, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, updateHTMLAttributes_fn, updateDOMStyles_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_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 htmlHandler, E as ReplaceStep, L as ListHelpers, G as updateNumberingProperties, H as changeListLevel, I as findParentNode, J as isList, K as isMacOS, O as isIOS, Q as getSchemaTypeByName, U as inputRulesPlugin, V as TrackDeleteMarkName, W as TrackInsertMarkName, X as v4, Y as TrackFormatMarkName, Z as comments_module_events, _ as findMark, $ as objectIncludes, a0 as AddMarkStep, a1 as RemoveMarkStep, a2 as twipsToLines, a3 as pixelsToTwips, a4 as helpers, a5 as posToDOMRect, a6 as CommandService, a7 as SuperConverter, a8 as createDocument, a9 as createDocFromMarkdown, aa as createDocFromHTML, ab as EditorState, ac as hasSomeParentWithClass, ad as isActive, ae as unflattenListsInHtml, af as parseSizeUnit, ag as minMax, ah as getLineHeightValueString, ai as updateDOMAttributes, aj as findChildren$5, ak as generateRandomSigned32BitIntStrId, al as kebabCase, am as twipsToPixels, an as halfPointToPixels, ao as getUnderlineCssString, ap as findParentNodeClosestToPos, aq as resolveRunProperties, ar as encodeCSSFromRPr, as as docxNumberingHelpers, at as InputRule, au as resolveParagraphProperties, av as eighthPointsToPixels, aw as linesToTwips, ax as convertSizeToCSS, ay as SelectionRange, az as Transform, aA as isInTable$1, aB as generateDocxRandomId, aC as insertNewRelationship, aD as inchesToPixels } from "./converter-CuN7BQ8r.js";
-import { D as DocxZipper } from "./docx-zipper-DvU3g1QE.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 htmlHandler, E as ReplaceStep, G as ptToTwips, H as getResolvedParagraphProperties, I as linesToTwips, L as ListHelpers, J as updateNumberingProperties, K as changeListLevel, O as findParentNode, Q as isList, U as isMacOS, V as isIOS, W as getSchemaTypeByName, X as inputRulesPlugin, Y as TrackDeleteMarkName, Z as TrackInsertMarkName, _ as v4, $ as TrackFormatMarkName, a0 as comments_module_events, a1 as findMark, a2 as objectIncludes, a3 as AddMarkStep, a4 as RemoveMarkStep, a5 as twipsToLines, a6 as pixelsToTwips, a7 as helpers, a8 as posToDOMRect, a9 as CommandService, aa as SuperConverter, ab as createDocument, ac as createDocFromMarkdown, ad as createDocFromHTML, ae as EditorState, af as hasSomeParentWithClass, ag as isActive, ah as unflattenListsInHtml, ai as parseSizeUnit, aj as minMax, ak as updateDOMAttributes, al as findChildren$5, am as generateRandomSigned32BitIntStrId, an as twipsToPixels, ao as calculateResolvedParagraphProperties, ap as encodeCSSFromPPr, aq as resolveRunProperties, ar as encodeCSSFromRPr, as as docxNumberingHelpers, at as InputRule, au as convertSizeToCSS, av as SelectionRange, aw as Transform, ax as findParentNodeClosestToPos, ay as isInTable$1, az as generateDocxRandomId, aA as insertNewRelationship, aB as inchesToPixels, aC as kebabCase, aD as getUnderlineCssString } from "./converter-DNZlAyEp.js";
+import { D as DocxZipper } from "./docx-zipper-CGXr6ESB.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
@@ -9028,22 +9028,53 @@ const updateAttributes = (typeOrName, attrs = {}) => ({ tr, state, dispatch }) =
       const to = range.$to.pos;
       state.doc.nodesBetween(from2, to, (node, pos) => {
         if (nodeType && nodeType === node.type) {
-          tr.setNodeMarkup(pos, void 0, { ...node.attrs, ...attrs });
+          const resolvedAttrs = mergeAttributes(node.attrs, attrs);
+          tr.setNodeMarkup(pos, void 0, resolvedAttrs);
         }
         if (markType && node.marks.length) {
           node.marks.forEach((mark) => {
             if (markType === mark.type) {
               const trimmedFrom = Math.max(pos, from2);
               const trimmedTo = Math.min(pos + node.nodeSize, to);
-              tr.addMark(trimmedFrom, trimmedTo, markType.create({ ...mark.attrs, ...attrs }));
+              const resolvedAttrs = mergeAttributes(mark.attrs, attrs);
+              tr.addMark(trimmedFrom, trimmedTo, markType.create(resolvedAttrs));
             }
           });
         }
       });
     });
+    dispatch(tr);
   }
   return true;
 };
+const isPlainObject = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+const assignNestedValue = (target, path, value) => {
+  if (!path.includes(".")) {
+    target[path] = value;
+    return;
+  }
+  const parts = path.split(".");
+  let current = target;
+  for (let i = 0; i < parts.length; i += 1) {
+    const part = parts[i];
+    const isLast = i === parts.length - 1;
+    if (isLast) {
+      current[part] = value;
+    } else {
+      if (!isPlainObject(current[part])) {
+        current[part] = {};
+      }
+      current = current[part];
+    }
+  }
+};
+const mergeAttributes = (existingAttrs = {}, newAttrs = {}) => {
+  const expandedAttrs = JSON.parse(JSON.stringify(existingAttrs));
+  Object.entries(newAttrs).forEach(([key2, value]) => {
+    assignNestedValue(expandedAttrs, key2, value);
+  });
+  return expandedAttrs;
+};
 const resetAttributes = (typeOrName, attrs) => ({ tr, state, dispatch }) => {
   let nodeType = null;
   let markType = null;
@@ -9073,6 +9104,7 @@ const resetAttributes = (typeOrName, attrs) => ({ tr, state, dispatch }) => {
         }
       });
     });
+    dispatch(tr);
   }
   return true;
 };
@@ -9351,12 +9383,92 @@ const undoInputRule = () => ({ state, dispatch }) => {
   }
   return false;
 };
+const defaultIncrementPoints = 36;
+const increaseTextIndent = () => modifyIndentation((node) => calculateNewIndentation(node, 1));
+const decreaseTextIndent = () => modifyIndentation((node) => calculateNewIndentation(node, -1));
+const setTextIndentation = (points) => modifyIndentation(() => ptToTwips(points));
+const unsetTextIndentation = () => modifyIndentation(() => null);
+function calculateNewIndentation(node, delta) {
+  let { indent } = getResolvedParagraphProperties(node);
+  let { left: left2 } = indent || {};
+  const increment = ptToTwips(delta * defaultIncrementPoints);
+  if (!left2) {
+    left2 = increment;
+  } else {
+    left2 += increment;
+  }
+  if (left2 <= 0) {
+    left2 = null;
+  }
+  return left2;
+}
+function modifyIndentation(calcFunc) {
+  return ({ state, dispatch }) => {
+    const tr = state.tr;
+    const { from: from2, to } = state.selection;
+    const results = [];
+    state.doc.nodesBetween(from2, to, (node, pos) => {
+      if (node.type.name === "paragraph") {
+        let left2 = calcFunc(node);
+        if (Number.isNaN(left2)) {
+          results.push(false);
+          return false;
+        }
+        const newAttrs = {
+          ...node.attrs,
+          paragraphProperties: {
+            ...node.attrs.paragraphProperties || {},
+            indent: {
+              ...node.attrs.paragraphProperties?.indent || {},
+              left: left2
+            }
+          }
+        };
+        if (left2 == null) {
+          delete newAttrs.paragraphProperties.indent.left;
+          if (Object.keys(newAttrs.paragraphProperties.indent).length === 0) {
+            delete newAttrs.paragraphProperties.indent;
+          }
+        }
+        tr.setNodeMarkup(pos, void 0, newAttrs);
+        results.push(true);
+        return false;
+      }
+      return true;
+    });
+    const success = results.every((result) => result);
+    if (dispatch && success) {
+      dispatch(tr);
+    }
+    return success;
+  };
+}
+const setLineHeight = (lineHeight) => ({ commands: commands2 }) => {
+  if (!lineHeight) return false;
+  return commands2.updateAttributes("paragraph", {
+    "paragraphProperties.spacing.line": linesToTwips(lineHeight),
+    "paragraphProperties.spacing.lineRule": "auto"
+  });
+};
+const unsetLineHeight = () => ({ commands: commands2 }) => {
+  return commands2.resetAttributes(
+    "paragraph",
+    "paragraphProperties.spacing.line",
+    "paragraphProperties.spacing.lineRule"
+  );
+};
 const toggleList = (listType) => ({ editor, state, tr, dispatch }) => {
   let predicate;
   if (listType === "orderedList") {
-    predicate = (n) => n.attrs.numberingProperties && n.attrs.listRendering && n.attrs.listRendering.numberingType !== "bullet";
+    predicate = (n) => {
+      const paraProps = getResolvedParagraphProperties(n);
+      return paraProps.numberingProperties && n.attrs.listRendering && n.attrs.listRendering.numberingType !== "bullet";
+    };
   } else if (listType === "bulletList") {
-    predicate = (n) => n.attrs.numberingProperties && n.attrs.listRendering && n.attrs.listRendering.numberingType === "bullet";
+    predicate = (n) => {
+      const paraProps = getResolvedParagraphProperties(n);
+      return paraProps.numberingProperties && n.attrs.listRendering && n.attrs.listRendering.numberingType === "bullet";
+    };
   } else {
     return false;
   }
@@ -9394,7 +9506,8 @@ const toggleList = (listType) => ({ editor, state, tr, dispatch }) => {
       mode = "remove";
     } else {
       mode = "reuse";
-      const baseNumbering = firstListNode.attrs.numberingProperties || {};
+      const paraProps = getResolvedParagraphProperties(firstListNode);
+      const baseNumbering = paraProps.numberingProperties || {};
       sharedNumberingProperties = {
         ...baseNumbering,
         ilvl: baseNumbering.ilvl ?? 0
@@ -9445,7 +9558,7 @@ const removeNumberingProperties = ({ checkType = "startParagraph" } = {}) => (pr
     const { $from, empty: empty2 } = state.selection;
     if ((!empty2 || $from.parentOffset !== 0) && !isVisuallyEmptyParagraph(paragraph)) return false;
   }
-  const ilvl = paragraph.attrs.numberingProperties.ilvl;
+  const ilvl = getResolvedParagraphProperties(paragraph).numberingProperties.ilvl;
   if (ilvl > 0) {
     const outdented = decreaseListIndent()(props);
     if (outdented) {
@@ -9540,6 +9653,7 @@ const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   command,
   createParagraphNear,
   decreaseListIndent,
+  decreaseTextIndent,
   defaultStyleDetector,
   deleteSelection,
   exitCode,
@@ -9548,6 +9662,7 @@ const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   getSelectionMarks,
   getStyleIdFromMarks,
   increaseListIndent,
+  increaseTextIndent,
   insertContent,
   insertContentAt,
   insertTabChar,
@@ -9569,9 +9684,11 @@ const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   selectNodeForward,
   selectTextblockEnd,
   selectTextblockStart,
+  setLineHeight,
   setMark,
   setMeta,
   setNode,
+  setTextIndentation,
   setTextSelection,
   splitBlock: splitBlock$1,
   toggleList,
@@ -9580,7 +9697,9 @@ const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   toggleNode,
   undoInputRule,
   unsetAllMarks,
+  unsetLineHeight,
   unsetMark,
+  unsetTextIndentation,
   updateAttributes,
   updateNumberingProperties
 }, Symbol.toStringTag, { value: "Module" }));
@@ -13502,7 +13621,7 @@ const getLevel = (node) => {
   const lvl = node.getAttribute("data-level");
   return lvl ? parseInt(lvl, 10) : 0;
 };
-const summaryVersion = "0.31.0-next.10";
+const summaryVersion = "0.31.0-next.11";
 const nodeKeys = [
   "group",
   "content",
@@ -14222,7 +14341,7 @@ const _Editor = class _Editor extends EventEmitter {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-TPvf306Z.js"),
+      import("./index-hUtaGvC8.js"),
       import("./index-DRCvimau.js"),
       import("./index-C_x_N6Uh.js"),
       import("./index-D_sWOSiG.js"),
@@ -14423,7 +14542,7 @@ const _Editor = class _Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.31.0-next.10");
+    console.debug("[checkVersionMigrations] Current editor version", "0.31.0-next.11");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -15339,37 +15458,9 @@ const TextAlign = Extension.create({
   name: "textAlign",
   addOptions() {
     return {
-      types: ["heading", "paragraph"],
       alignments: ["left", "center", "right", "justify"]
     };
   },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          /**
-           * @category Attribute
-           * @param {string} [textAlign='left'] - Text alignment value (left, center, right, justify)
-           */
-          textAlign: {
-            default: this.options.defaultAlignment,
-            parseDOM: (el) => {
-              const alignment = el.style.textAlign || this.options.defaultAlignment;
-              const containsAlignment = this.options.alignments.includes(alignment);
-              return containsAlignment ? alignment : this.options.defaultAlignment;
-            },
-            renderDOM: (attrs) => {
-              if (attrs.textAlign === this.options.defaultAlignment) return {};
-              const textAlign = attrs.textAlign === "both" ? "justify" : attrs.textAlign;
-              if (!textAlign) return {};
-              return { style: `text-align: ${textAlign}` };
-            }
-          }
-        }
-      }
-    ];
-  },
   addCommands() {
     return {
       /**
@@ -15379,12 +15470,11 @@ const TextAlign = Extension.create({
        * @example
        * editor.commands.setTextAlign('center')
        * editor.commands.setTextAlign('justify')
-       * @note Applies to all configured node types (heading, paragraph by default)
        */
       setTextAlign: (alignment) => ({ commands: commands2 }) => {
         const containsAlignment = this.options.alignments.includes(alignment);
         if (!containsAlignment) return false;
-        return this.options.types.map((type) => commands2.updateAttributes(type, { textAlign: alignment })).every((result) => result);
+        return commands2.updateAttributes("paragraph", { "paragraphProperties.justification": alignment });
       },
       /**
        * Remove text alignment (reset to default)
@@ -15393,9 +15483,7 @@ const TextAlign = Extension.create({
        * editor.commands.unsetTextAlign()
        * @note Resets alignment to the default value
        */
-      unsetTextAlign: () => ({ commands: commands2 }) => {
-        return this.options.types.map((type) => commands2.resetAttributes(type, "textAlign")).every((result) => result);
-      }
+      unsetTextAlign: () => ({ commands: commands2 }) => commands2.resetAttributes("paragraph", "paragraphProperties.justification")
     };
   },
   addShortcuts() {
@@ -15407,189 +15495,6 @@ const TextAlign = Extension.create({
     };
   }
 });
-const TextIndent = Extension.create({
-  name: "textIndent",
-  addOptions() {
-    return {
-      types: ["heading", "paragraph"],
-      defaults: {
-        unit: "in",
-        increment: 0.125
-      }
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          /**
-           * @category Attribute
-           * @param {string} [textIndent] - Text indentation value with unit (e.g., '0.5in')
-           */
-          textIndent: {
-            default: null,
-            parseDOM: (el) => el.style.textIndent,
-            renderDOM: (attrs) => {
-              if (!attrs.textIndent) return {};
-              let [value, unit] = parseSizeUnit(attrs.textIndent);
-              if (Number.isNaN(value) || !value) return {};
-              unit = unit ? unit : this.options.defaults.unit;
-              return { style: `margin-left: ${value}${unit}` };
-            }
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      /**
-       * Set text indentation
-       * @category Command
-       * @param {string} indent - Indentation value with unit (e.g., '0.5in', '2cm')
-       * @returns {Function} Command function
-       * @example
-       * // Set to 0.5 inches
-       * setTextIndent('0.5in')
-       *
-       * // Set to 2 centimeters
-       * setTextIndent('2cm')
-       * @note Accepts any valid CSS unit (in, cm, px, em, etc.)
-       */
-      setTextIndent: (indent) => ({ commands: commands2 }) => {
-        if (!indent) return false;
-        return this.options.types.map((type) => commands2.updateAttributes(type, { textIndent: indent })).every((result) => result);
-      },
-      /**
-       * Remove text indentation
-       * @category Command
-       * @returns {Function} Command function
-       * @example
-       * unsetTextIndent()
-       * @note Removes all indentation from the selected nodes
-       */
-      unsetTextIndent: () => ({ commands: commands2 }) => {
-        return this.options.types.map((type) => commands2.resetAttributes(type, "textIndent")).every((result) => result);
-      },
-      /**
-       * Increase text indentation
-       * @category Command
-       * @returns {Function} Command function
-       * @example
-       * increaseTextIndent()
-       * @note Increments by the default value (0.125in by default)
-       * @note Creates initial indent if none exists
-       */
-      increaseTextIndent: () => ({ commands: commands2 }) => {
-        return this.options.types.map((type) => {
-          let { textIndent } = this.editor.getAttributes(type);
-          if (!textIndent) {
-            let { increment, unit: unit2 } = this.options.defaults;
-            return commands2.updateAttributes(type, {
-              textIndent: `${increment}${unit2}`
-            });
-          }
-          let [value, unit] = parseSizeUnit(textIndent);
-          value = Number(value) + this.options.defaults.increment;
-          unit = unit ? unit : this.options.defaults.unit;
-          if (Number.isNaN(value)) return false;
-          return commands2.updateAttributes(type, {
-            textIndent: `${value}${unit}`
-          });
-        }).every((result) => result);
-      },
-      /**
-       * Decrease text indentation
-       * @category Command
-       * @returns {Function} Command function
-       * @example
-       * decreaseTextIndent()
-       * @note Decrements by the default value (0.125in by default)
-       * @note Removes indentation completely if it reaches 0 or below
-       */
-      decreaseTextIndent: () => ({ commands: commands2 }) => {
-        return this.options.types.map((type) => {
-          let { textIndent } = this.editor.getAttributes(type);
-          if (!textIndent) return false;
-          let [value, unit] = parseSizeUnit(textIndent);
-          value = Number(value) - this.options.defaults.increment;
-          unit = unit ? unit : this.options.defaults.unit;
-          if (Number.isNaN(value)) return false;
-          if (value <= 0) {
-            return commands2.unsetTextIndent();
-          }
-          return commands2.updateAttributes(type, {
-            textIndent: `${value}${unit}`
-          });
-        }).every((result) => result);
-      }
-    };
-  }
-});
-const LineHeight = Extension.create({
-  name: "lineHeight",
-  addOptions() {
-    return {
-      types: ["heading", "paragraph"],
-      defaults: {
-        unit: ""
-      }
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          lineHeight: {
-            default: null,
-            parseDOM: (el) => el.style.lineHeight,
-            renderDOM: (attrs) => {
-              if (!attrs.lineHeight) return {};
-              const lineHeightStyle = getLineHeightValueString(
-                attrs.lineHeight,
-                this.options.defaults.unit,
-                attrs.spacing?.lineRule
-              );
-              return {
-                style: `${lineHeightStyle}`
-              };
-            }
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      /**
-       * Set line height for blocks
-       * @category Command
-       * @param {LineHeightValue} lineHeight - Line height to apply
-       * @example
-       * editor.commands.setLineHeight(1.5)
-       * editor.commands.setLineHeight('24px')
-       * editor.commands.setLineHeight(2)
-       * @note Applies to paragraphs and headings
-       */
-      setLineHeight: (lineHeight) => ({ commands: commands2 }) => {
-        if (!lineHeight) return false;
-        return this.options.types.map((type) => commands2.updateAttributes(type, { lineHeight })).every((result) => result);
-      },
-      /**
-       * Remove line height
-       * @category Command
-       * @example
-       * editor.commands.unsetLineHeight()
-       * @note Reverts to default line spacing
-       */
-      unsetLineHeight: () => ({ commands: commands2 }) => {
-        return this.options.types.map((type) => commands2.resetAttributes(type, "lineHeight")).every((result) => result);
-      }
-    };
-  }
-});
 const FormatCommands = Extension.create({
   name: "formatCommands",
   addOptions() {
@@ -17979,1301 +17884,462 @@ const Run = OxmlNode.create({
     return ["span", base2, 0];
   }
 });
-const isKeyboardInvocation = (event) => {
-  return event.type === "contextmenu" && typeof event.detail === "number" && event.detail === 0 && (event.button === 0 || event.button === void 0) && event.clientX === 0 && event.clientY === 0;
-};
-const prefersNativeMenu = (event) => {
-  if (!event) return false;
-  if (event.ctrlKey || event.metaKey) {
-    return true;
-  }
-  return isKeyboardInvocation(event);
-};
-const shouldAllowNativeContextMenu = (event) => {
-  return prefersNativeMenu(event);
-};
-const shouldBypassContextMenu = shouldAllowNativeContextMenu;
-const DEFAULT_SELECTION_STATE = Object.freeze({
-  focused: false,
-  preservedSelection: null,
-  showVisualSelection: false,
-  skipFocusReset: false
-});
-const normalizeSelectionState = (state = {}) => ({
-  ...DEFAULT_SELECTION_STATE,
-  ...state
-});
-const CustomSelectionPluginKey = new PluginKey("CustomSelection");
-const handleClickOutside = (event, editor) => {
-  const editorElem = editor?.options?.element;
-  if (!editorElem) return;
-  const isInsideEditor = editorElem?.contains(event.target);
-  if (!isInsideEditor) {
-    editor.setOptions({
-      focusTarget: event.target
-    });
-  } else {
-    editor.setOptions({
-      focusTarget: null
-    });
-  }
-};
-function getFocusMeta(tr) {
-  return tr.getMeta(CustomSelectionPluginKey);
-}
-function setFocusMeta(tr, value) {
-  return tr.setMeta(CustomSelectionPluginKey, value);
-}
-function getFocusState(state) {
-  return CustomSelectionPluginKey.getState(state);
-}
-const isToolbarInput = (target) => {
-  return !!target?.closest(".button-text-input") || target?.classList?.contains("button-text-input");
-};
-const isToolbarButton = (target) => {
-  return !!target?.closest(".toolbar-button") || target?.classList?.contains("toolbar-button");
-};
-const CustomSelection = Extension.create({
-  name: "customSelection",
-  addPmPlugins() {
-    const editor = this.editor;
-    const customSelectionPlugin = new Plugin({
-      key: CustomSelectionPluginKey,
-      state: {
-        init: () => ({ ...DEFAULT_SELECTION_STATE }),
-        apply: (tr, value) => {
-          const meta = getFocusMeta(tr);
-          if (meta !== void 0) {
-            return { ...value, ...meta };
-          }
-          return value;
-        }
-      },
-      view: () => {
-        const clickHandler = (event) => handleClickOutside(event, editor);
-        document?.addEventListener("mousedown", clickHandler);
-        return {
-          destroy: () => {
-            document?.removeEventListener("mousedown", clickHandler);
-          }
-        };
-      },
-      props: {
-        handleDOMEvents: {
-          contextmenu: (view, event) => {
-            if (shouldAllowNativeContextMenu(event)) {
-              return false;
-            }
-            event.preventDefault();
-            const { selection } = view.state;
-            if (!selection.empty) {
-              view.dispatch(
-                setFocusMeta(view.state.tr, {
-                  focused: true,
-                  preservedSelection: selection,
-                  showVisualSelection: true,
-                  skipFocusReset: true
-                })
-              );
-            }
-            setTimeout(() => {
-              view.focus();
-            }, 0);
-            return false;
-          },
-          mousedown: (view, event) => {
-            if (event.button === 2) {
-              if (shouldAllowNativeContextMenu(event)) {
-                return false;
-              }
-              event.preventDefault();
-              const { selection: selection2 } = view.state;
-              if (!selection2.empty) {
-                view.dispatch(
-                  setFocusMeta(view.state.tr, {
-                    focused: true,
-                    preservedSelection: selection2,
-                    showVisualSelection: true,
-                    skipFocusReset: true
-                  })
-                );
-                this.editor.setOptions({
-                  lastSelection: selection2,
-                  preservedSelection: selection2
-                });
-              }
-              return false;
-            }
-            const { selection } = view.state;
-            const target = event.target;
-            const isElement2 = target instanceof Element;
-            const isToolbarBtn = isElement2 && isToolbarButton(target);
-            const isToolbarInp = isElement2 && isToolbarInput(target);
-            this.editor.setOptions({
-              focusTarget: target
-            });
-            if (isToolbarInp && !selection.empty) {
-              view.dispatch(
-                setFocusMeta(view.state.tr, {
-                  focused: true,
-                  preservedSelection: selection,
-                  showVisualSelection: true,
-                  skipFocusReset: false
-                })
-              );
-              this.editor.setOptions({
-                lastSelection: selection,
-                preservedSelection: selection
-              });
-              return false;
-            }
-            if (isToolbarBtn && !isToolbarInp) {
-              if (!selection.empty) {
-                this.editor.setOptions({
-                  lastSelection: selection
-                });
-                view.dispatch(
-                  setFocusMeta(view.state.tr, {
-                    focused: true,
-                    preservedSelection: selection,
-                    showVisualSelection: true,
-                    skipFocusReset: false
-                  })
-                );
-              }
-              return false;
-            }
-            if (!isToolbarBtn && !isToolbarInp) {
-              view.dispatch(
-                setFocusMeta(view.state.tr, {
-                  focused: false,
-                  preservedSelection: null,
-                  showVisualSelection: false,
-                  skipFocusReset: false
-                })
-              );
-              if (!selection.empty && !this.editor.options.element?.contains(target)) {
-                this.editor.setOptions({
-                  lastSelection: selection
-                });
-                const clearSelectionTr = view.state.tr.setSelection(TextSelection.create(view.state.doc, 0));
-                view.dispatch(clearSelectionTr);
-              }
-            }
-          },
-          focus: (view) => {
-            const target = this.editor.options.focusTarget;
-            const isElement2 = target instanceof Element;
-            const isToolbarBtn = isElement2 && isToolbarButton(target);
-            const isToolbarInp = isElement2 && isToolbarInput(target);
-            const focusState = getFocusState(view.state);
-            if (focusState?.skipFocusReset) {
-              view.dispatch(
-                setFocusMeta(view.state.tr, normalizeSelectionState({ ...focusState, skipFocusReset: false }))
-              );
-              return false;
-            }
-            if (!isToolbarBtn && !isToolbarInp) {
-              view.dispatch(
-                setFocusMeta(view.state.tr, {
-                  focused: false,
-                  preservedSelection: null,
-                  showVisualSelection: false,
-                  skipFocusReset: false
-                })
-              );
-            }
-          },
-          blur: (view) => {
-            const target = this.editor.options.focusTarget;
-            const isElement2 = target instanceof Element;
-            const isToolbarBtn = isElement2 && isToolbarButton(target);
-            const isToolbarInp = isElement2 && isToolbarInput(target);
-            const state = getFocusState(view.state);
-            if (state?.skipFocusReset) {
-              return false;
-            }
-            if (isToolbarBtn || isToolbarInp) {
-              view.dispatch(
-                setFocusMeta(view.state.tr, {
-                  focused: true,
-                  preservedSelection: state.preservedSelection || view.state.selection,
-                  showVisualSelection: true,
-                  skipFocusReset: false
-                })
-              );
-            } else {
-              view.dispatch(
-                setFocusMeta(view.state.tr, {
-                  focused: false,
-                  preservedSelection: null,
-                  showVisualSelection: false,
-                  skipFocusReset: false
-                })
-              );
-            }
-          }
-        },
-        decorations: (state) => {
-          const { selection, doc: doc2 } = state;
-          const focusState = getFocusState(state);
-          const shouldShowSelection = focusState.showVisualSelection && (focusState.preservedSelection || !selection.empty && focusState.focused);
-          if (!shouldShowSelection) {
-            return null;
-          }
-          const targetSelection = focusState.preservedSelection || selection;
-          if (targetSelection.empty) {
-            return null;
-          }
-          return DecorationSet.create(doc2, [
-            Decoration.inline(targetSelection.from, targetSelection.to, {
-              class: "sd-custom-selection"
-            })
-          ]);
-        }
-      }
-    });
-    return [customSelectionPlugin];
-  },
-  addCommands() {
-    return {
-      /**
-       * Restore the preserved selection
-       * @category Command
-       * @returns {Function} Command function
-       * @example
-       * // Restore selection after toolbar interaction
-       * editor.commands.restorePreservedSelection()
-       * @note Used internally to maintain selection when interacting with toolbar
-       */
-      restorePreservedSelection: () => ({ tr, state }) => {
-        const focusState = getFocusState(state);
-        if (focusState.preservedSelection) {
-          return tr.setSelection(focusState.preservedSelection);
-        }
-        const lastSelection = this.editor.options.lastSelection;
-        if (lastSelection) {
-          return tr.setSelection(lastSelection);
-        }
-        return tr;
+const restartNumbering = ({ editor, tr, state, dispatch }) => {
+  const { node: paragraph, pos } = findParentNode(isList)(state.selection) || {};
+  if (!paragraph) return false;
+  const allParagraphs = [{ node: paragraph, pos }];
+  const startPos = pos + paragraph.nodeSize;
+  const myNumId = getResolvedParagraphProperties(paragraph).numberingProperties.numId;
+  let stop = false;
+  state.doc.nodesBetween(startPos, state.doc.content.size, (node, nodePos) => {
+    if (node.type.name === "paragraph") {
+      const paraProps = getResolvedParagraphProperties(node);
+      if (isList(node) && paraProps.numberingProperties?.numId === myNumId) {
+        allParagraphs.push({ node, pos: nodePos });
+      } else {
+        stop = true;
       }
-    };
-  }
-});
-const getLinkedStyle = (styleId, styles = []) => {
-  const linkedStyle = styles.find((style) => style.id === styleId);
-  const basedOn = linkedStyle?.definition?.attrs?.basedOn;
-  const basedOnStyle = styles.find((style) => style.id === basedOn);
-  return { linkedStyle, basedOnStyle };
+      return false;
+    }
+    return !stop;
+  });
+  const { numberingType } = paragraph.attrs.listRendering || {};
+  const listType = numberingType === "bullet" ? "bulletList" : "orderedList";
+  const numId = ListHelpers.getNewListId(editor);
+  ListHelpers.generateNewListDefinition({ numId: Number(numId), listType, editor });
+  allParagraphs.forEach(({ node, pos: pos2 }) => {
+    const paragraphProps = getResolvedParagraphProperties(node);
+    updateNumberingProperties(
+      {
+        ...paragraphProps.numberingProperties || {},
+        numId: Number(numId)
+      },
+      node,
+      pos2,
+      editor,
+      tr
+    );
+  });
+  if (dispatch) dispatch(tr);
+  return true;
 };
-const getSpacingStyle = (spacing) => {
-  const { lineSpaceBefore, lineSpaceAfter, line, lineRule, beforeAutoSpacing, afterAutoSpacing } = spacing;
-  const lineHeightResult = getLineHeightValueString(line, "", lineRule, true);
-  const lineHeightStyles = typeof lineHeightResult === "object" && lineHeightResult !== null ? lineHeightResult : {};
-  const result = {};
-  if (!beforeAutoSpacing) {
-    result["margin-top"] = lineSpaceBefore + "px";
-  }
-  if (!afterAutoSpacing) {
-    result["margin-bottom"] = lineSpaceAfter + "px";
-  }
-  return {
-    ...result,
-    ...lineHeightStyles
-  };
+const defaultTabDistance = 48;
+const defaultLineLength = 816;
+const getTabDecorations = (doc2, view, helpers2, from2 = 0, to = null) => {
+  const decorations = [];
+  const paragraphCache = /* @__PURE__ */ new Map();
+  const coordCache = /* @__PURE__ */ new Map();
+  const domPosCache = /* @__PURE__ */ new Map();
+  const end2 = to ?? doc2.content.size;
+  doc2.nodesBetween(from2, end2, (node, pos) => {
+    if (node.type.name !== "tab") return;
+    const $pos = doc2.resolve(pos);
+    const paragraphContext = findParagraphContext($pos, paragraphCache, helpers2);
+    if (!paragraphContext) return;
+    const blockParent2 = $pos.node(paragraphContext.paragraphDepth);
+    const style = calculateTabStyle(node.nodeSize, view, pos, blockParent2, paragraphContext, coordCache, domPosCache);
+    if (style) {
+      decorations.push(
+        Decoration.node(pos, pos + node.nodeSize, {
+          style
+        })
+      );
+    }
+  });
+  return decorations;
 };
-const getSpacingStyleString = (spacing, marks, isListItem) => {
-  let { before, after, line, lineRule, beforeAutospacing, afterAutospacing } = spacing;
-  line = twipsToLines(line);
-  if (line != null && line < 1) {
-    line = 1;
-  }
-  if (lineRule === "exact" && line) {
-    line = String(line);
-  }
-  const textStyleMark = marks?.find((mark) => mark.type === "textStyle");
-  const fontSize = textStyleMark?.attrs?.fontSize;
-  before = twipsToPixels(before);
-  if (beforeAutospacing) {
-    if (fontSize) {
-      before += halfPointToPixels(parseInt(fontSize) * 0.5);
+function calculateTabStyle(nodeSize2, view, pos, blockParent2, paragraphContext, coordCache = null, domPosCache = null) {
+  let extraStyles = "";
+  try {
+    const { tabStops, flattened, positionMap, startPos } = paragraphContext;
+    if (paragraphContext.indentWidth === void 0) {
+      paragraphContext.indentWidth = getIndentWidth(view, startPos, paragraphContext.indent, coordCache, domPosCache);
     }
-    if (isListItem) {
-      before = 0;
+    if (paragraphContext.tabHeight === void 0) {
+      paragraphContext.tabHeight = calcTabHeight(blockParent2);
     }
-  }
-  after = twipsToPixels(after);
-  if (afterAutospacing) {
-    if (fontSize) {
-      after += halfPointToPixels(parseInt(fontSize) * 0.5);
+    if (paragraphContext.paragraphWidth === void 0) {
+      paragraphContext.paragraphWidth = getBlockNodeWidth(view, startPos);
     }
-    if (isListItem) {
-      after = 0;
+    const indentWidth = paragraphContext.indentWidth;
+    const hanging = twipsToPixels(Number(paragraphContext.indent.hanging) || 0);
+    if (hanging > 0) {
+      tabStops.unshift({ val: "start", pos: indentWidth + hanging });
+    }
+    const accumulatedTabWidth = paragraphContext.accumulatedTabWidth || 0;
+    const currentWidth = indentWidth + measureRangeWidth(view, startPos + 1, pos, coordCache, domPosCache) + accumulatedTabWidth;
+    let tabWidth;
+    if (tabStops.length) {
+      const tabStop = tabStops.find((stop) => stop.pos > currentWidth && stop.val !== "clear");
+      if (tabStop) {
+        tabWidth = Math.min(tabStop.pos, paragraphContext.paragraphWidth) - currentWidth;
+        let val = tabStop.val;
+        const aliases = { left: "start", right: "end" };
+        if (aliases[val]) val = aliases[val];
+        if (val === "center" || val === "end" || val === "right") {
+          const entryIndex = positionMap.get(pos);
+          if (entryIndex === void 0) return;
+          const nextTabIndex = findNextTabIndex(flattened, entryIndex + 1);
+          const segmentStartPos = pos + nodeSize2;
+          const segmentEndPos = nextTabIndex === -1 ? startPos + paragraphContext.paragraph.nodeSize - 1 : flattened[nextTabIndex].pos;
+          const segmentWidth = measureRangeWidth(view, segmentStartPos, segmentEndPos, coordCache, domPosCache);
+          tabWidth -= val === "center" ? segmentWidth / 2 : segmentWidth;
+        } else if (val === "decimal" || val === "num") {
+          const entryIndex = positionMap.get(pos);
+          if (entryIndex === void 0) return;
+          const breakChar = tabStop.decimalChar || ".";
+          const decimalPos = findDecimalBreakPos(flattened, entryIndex + 1, breakChar);
+          const integralWidth = decimalPos ? measureRangeWidth(view, pos + nodeSize2, decimalPos, coordCache, domPosCache) : measureRangeWidth(
+            view,
+            pos + nodeSize2,
+            startPos + paragraphContext.paragraph.nodeSize - 1,
+            coordCache,
+            domPosCache
+          );
+          tabWidth -= integralWidth;
+        }
+        if (tabStop.leader) {
+          const leaderStyles = {
+            dot: "border-bottom: 1px dotted black;",
+            heavy: "border-bottom: 2px solid black;",
+            hyphen: "border-bottom: 1px solid black;",
+            middleDot: "border-bottom: 1px dotted black; margin-bottom: 2px;",
+            underscore: "border-bottom: 1px solid black;"
+          };
+          extraStyles += leaderStyles[tabStop.leader] || "";
+        }
+      }
     }
+    if (!tabWidth || tabWidth < 1) {
+      tabWidth = defaultTabDistance - currentWidth % defaultLineLength % defaultTabDistance;
+      if (tabWidth === 0) tabWidth = defaultTabDistance;
+    }
+    const tabHeight = paragraphContext.tabHeight;
+    paragraphContext.accumulatedTabWidth = accumulatedTabWidth + tabWidth;
+    return `width: ${tabWidth}px; height: ${tabHeight}; ${extraStyles}`;
+  } catch (error) {
+    console.error("tab decoration error", error);
   }
-  return `
-    ${before ? `margin-top: ${before}px;` : ""}
-    ${after ? `margin-bottom: ${after}px;` : ""}
-    ${line ? getLineHeightValueString(line, "") : ""}
-  `.trim();
-};
-const getMarksStyle = (attrs) => {
-  let styles = "";
-  for (const attr of attrs) {
-    switch (attr.type) {
-      case "bold":
-        styles += `font-weight: bold; `;
-        break;
-      case "italic":
-        styles += `font-style: italic; `;
-        break;
-      case "underline":
-        styles += `text-decoration: underline; `;
-        break;
-      case "highlight":
-        styles += `background-color: ${attr.attrs.color}; `;
-        break;
-      case "textStyle":
-        const { fontFamily, fontSize } = attr.attrs;
-        styles += `${fontFamily ? `font-family: ${fontFamily};` : ""} ${fontSize ? `font-size: ${fontSize};` : ""}`;
-        break;
+}
+function findParagraphContext($pos, cache, helpers2) {
+  for (let depth = $pos.depth; depth >= 0; depth--) {
+    const node = $pos.node(depth);
+    if (node?.type?.name === "paragraph") {
+      const startPos = $pos.start(depth);
+      if (!cache.has(startPos)) {
+        const paragraphContext = extractParagraphContext(node, startPos, helpers2, depth);
+        cache.set(startPos, paragraphContext);
+      }
+      return cache.get(startPos);
     }
   }
-  return styles.trim();
-};
-const getQuickFormatList = (editor) => {
-  if (!editor?.converter?.linkedStyles) return [];
-  return editor.converter.linkedStyles.filter((style) => style.type === "paragraph" && style.definition?.attrs).sort((a, b) => {
-    const nameA = a.definition.attrs?.name ?? "";
-    const nameB = b.definition.attrs?.name ?? "";
-    return nameA.localeCompare(nameB);
-  });
-};
-const generateLinkedStyleString = (linkedStyle, basedOnStyle, node, parent, includeSpacing = true) => {
-  if (!linkedStyle?.definition?.styles) return "";
-  const markValue = {};
-  const linkedDefinitionStyles = { ...linkedStyle.definition.styles };
-  const basedOnDefinitionStyles = { ...basedOnStyle?.definition?.styles };
-  const resultStyles = { ...linkedDefinitionStyles };
-  const inheritKeys = [
-    "font-size",
-    "font-family",
-    "text-transform",
-    "bold",
-    "italic",
-    "underline",
-    "strike",
-    "color",
-    "highlight"
-  ];
-  inheritKeys.forEach((k2) => {
-    if (!linkedDefinitionStyles[k2] && basedOnDefinitionStyles[k2]) {
-      resultStyles[k2] = basedOnDefinitionStyles[k2];
+  return null;
+}
+function extractParagraphContext(node, startPos, helpers2, depth = 0) {
+  const paragraphProperties = getResolvedParagraphProperties(node);
+  let tabStops = [];
+  if (Array.isArray(paragraphProperties.tabStops)) {
+    tabStops = paragraphProperties.tabStops.map((stop) => {
+      const ref2 = stop?.tab;
+      if (!ref2) return stop || null;
+      return {
+        val: ref2.tabType || "start",
+        pos: twipsToPixels(Number(ref2.pos) || 0),
+        leader: ref2.leader
+      };
+    }).filter(Boolean);
+  }
+  const { entries, positionMap } = flattenParagraph(node, startPos);
+  return {
+    paragraph: node,
+    paragraphDepth: depth,
+    startPos,
+    indent: paragraphProperties.indent || {},
+    tabStops,
+    flattened: entries,
+    positionMap,
+    // Store position map for O(1) lookups
+    accumulatedTabWidth: 0
+  };
+}
+function flattenParagraph(paragraph, paragraphStartPos) {
+  const entries = [];
+  const positionMap = /* @__PURE__ */ new Map();
+  const walk = (node, basePos) => {
+    if (!node) return;
+    if (node.type?.name === "run") {
+      node.forEach((child, offset2) => {
+        const childPos = basePos + offset2 + 1;
+        walk(child, childPos);
+      });
+      return;
     }
+    const pos = basePos - 1;
+    const index2 = entries.length;
+    entries.push({ node, pos });
+    positionMap.set(pos, index2);
+  };
+  paragraph.forEach((child, offset2) => {
+    const childPos = paragraphStartPos + offset2 + 1;
+    walk(child, childPos);
   });
-  Object.entries(resultStyles).forEach(([k2, value]) => {
-    const key2 = kebabCase(k2);
-    const flattenedMarks = [];
-    node?.marks?.forEach((n) => {
-      if (n.type.name === "textStyle") {
-        Object.entries(n.attrs).forEach(([styleKey, value2]) => {
-          const parsedKey = kebabCase(styleKey);
-          if (!value2) return;
-          flattenedMarks.push({ key: parsedKey, value: value2 });
-        });
-        return;
+  return { entries, positionMap };
+}
+function findNextTabIndex(flattened, fromIndex) {
+  for (let i = fromIndex; i < flattened.length; i++) {
+    if (flattened[i]?.node?.type?.name === "tab") {
+      return i;
+    }
+  }
+  return -1;
+}
+function findDecimalBreakPos(flattened, startIndex, breakChar) {
+  for (let i = startIndex; i < flattened.length; i++) {
+    const entry = flattened[i];
+    if (!entry) break;
+    if (entry.node.type?.name === "tab") break;
+    if (entry.node.type?.name === "text") {
+      const index2 = entry.node.text?.indexOf(breakChar);
+      if (index2 !== void 0 && index2 !== -1) {
+        return entry.pos + index2 + 1;
       }
-      flattenedMarks.push({ key: n.type.name, value: n.attrs[key2] });
-    });
-    const underlineNone = node?.marks?.some((m) => m.type?.name === "underline" && m.attrs?.underlineType === "none");
-    if (underlineNone) {
-      markValue["text-decoration"] = "none";
     }
-    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 (key2 === "spacing" && includeSpacing && !hasParentSpacing) {
-        const space = getSpacingStyle(value);
-        Object.entries(space).forEach(([k3, v]) => {
-          markValue[k3] = v;
-        });
-      } 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 (key2 === "bold" && node) {
-        const boldValue = typeof value === "object" && value !== null ? value.value : value;
-        const hasInlineBoldOff = node.marks?.some((m) => m.type?.name === "bold" && m.attrs?.value === "0");
-        const hasInlineBoldOn = node.marks?.some((m) => m.type?.name === "bold" && m.attrs?.value !== "0");
-        if (!listTypes.includes(node.type.name) && !hasInlineBoldOff && !hasInlineBoldOn && boldValue !== "0" && boldValue !== false) {
-          markValue["font-weight"] = "bold";
-        }
-      } else if (key2 === "italic" && node) {
-        const italicValue = typeof value === "object" && value !== null ? value.value : value;
-        const hasInlineItalicOff = node.marks?.some((m) => m.type?.name === "italic" && m.attrs?.value === "0");
-        const hasInlineItalicOn = node.marks?.some((m) => m.type?.name === "italic" && m.attrs?.value !== "0");
-        if (!listTypes.includes(node.type.name) && !hasInlineItalicOff && !hasInlineItalicOn && italicValue !== "0" && italicValue !== false) {
-          markValue["font-style"] = "italic";
-        }
-      } else if (key2 === "strike" && node) {
-        const strikeValue = typeof value === "object" && value !== null ? value.value : value;
-        const hasInlineStrikeOff = node.marks?.some((m) => m.type?.name === "strike" && m.attrs?.value === "0");
-        const hasInlineStrikeOn = node.marks?.some(
-          (m) => m.type?.name === "strike" && (m.attrs?.value === void 0 || m.attrs?.value !== "0")
-        );
-        if (!listTypes.includes(node.type.name) && !hasInlineStrikeOff && !hasInlineStrikeOn && strikeValue !== "0" && strikeValue !== false) {
-          markValue["text-decoration"] = "line-through";
-        }
-      } else if (key2 === "text-transform" && node) {
-        if (!listTypes.includes(node.type.name)) {
-          markValue[key2] = value;
-        }
-      } else if (key2 === "font-size" && node) {
-        if (!listTypes.includes(node.type.name)) {
-          markValue[key2] = value;
-        }
-      } else if (key2 === "font-family" && node) {
-        if (!listTypes.includes(node.type.name)) {
-          markValue[key2] = value;
-        }
-      } else if (key2 === "color" && node) {
-        if (!listTypes.includes(node.type.name)) {
-          markValue[key2] = value;
-        }
-      } else if (key2 === "highlight" && node) {
-        const hasInlineHighlight = node.marks?.some((m) => m.type?.name === "highlight");
-        if (!listTypes.includes(node.type.name) && !hasInlineHighlight) {
-          const color = typeof value === "string" ? value : value?.color;
-          if (color) markValue["background-color"] = color;
-        }
-      } else if (key2 === "underline" && node) {
-        const styleValRaw = value?.value ?? value ?? "";
-        const styleVal = styleValRaw.toString().toLowerCase();
-        const hasInlineUnderlineOff = node.marks?.some(
-          (m) => m.type?.name === "underline" && m.attrs?.underlineType === "none"
-        );
-        const hasInlineUnderlineOn = node.marks?.some(
-          (m) => m.type?.name === "underline" && m.attrs?.underlineType && m.attrs.underlineType !== "none"
-        );
-        if (!listTypes.includes(node.type.name) && !hasInlineUnderlineOff && !hasInlineUnderlineOn) {
-          if (styleVal && styleVal !== "none" && styleVal !== "0") {
-            const colorVal = value && typeof value === "object" ? value.color || value.underlineColor || null : null;
-            const css = getUnderlineCssString({ type: styleVal, color: colorVal });
-            css.split(";").forEach((decl) => {
-              const d2 = decl.trim();
-              if (!d2) return;
-              const idx = d2.indexOf(":");
-              if (idx === -1) return;
-              const k3 = d2.slice(0, idx).trim();
-              const v = d2.slice(idx + 1).trim();
-              markValue[k3] = v;
-            });
-          }
+  }
+  return null;
+}
+function measureRangeWidth(view, from2, to, coordCache = null, domPosCache = null) {
+  if (!Number.isFinite(from2) || !Number.isFinite(to) || to <= from2) return 0;
+  try {
+    const range = document.createRange();
+    const fromRef = getCachedDomAtPos(view, from2, domPosCache);
+    const toRef = getCachedDomAtPos(view, to, domPosCache);
+    range.setStart(fromRef.node, fromRef.offset);
+    range.setEnd(toRef.node, toRef.offset);
+    const rect = range.getBoundingClientRect();
+    range.detach?.();
+    return rect.width || 0;
+  } catch {
+    const startLeft = getLeftCoord(view, from2, coordCache, domPosCache);
+    const endLeft = getLeftCoord(view, to, coordCache, domPosCache);
+    if (startLeft == null || endLeft == null) return 0;
+    return Math.max(0, endLeft - startLeft);
+  }
+}
+function getIndentWidth(view, paragraphStartPos, indentAttrs = {}, coordCache = null, domPosCache = null) {
+  const marginLeft = getLeftCoord(view, paragraphStartPos, coordCache, domPosCache);
+  const lineLeft = getLeftCoord(view, paragraphStartPos + 1, coordCache, domPosCache);
+  if (marginLeft != null && lineLeft != null) {
+    const diff = lineLeft - marginLeft;
+    if (!Number.isNaN(diff) && Math.abs(diff) > 0.5) {
+      return diff;
+    }
+  }
+  return calculateIndentFallback(indentAttrs);
+}
+function getBlockNodeWidth(view, blockStartPos) {
+  const blockDom = view.nodeDOM(blockStartPos - 1);
+  if (blockDom instanceof HTMLElement) {
+    const styles = window.getComputedStyle(blockDom);
+    const width = blockDom.clientWidth + parseFloat(styles.marginLeft || "0") + parseFloat(styles.marginRight || "0") + parseFloat(styles.borderLeftWidth || "0") + parseFloat(styles.borderRightWidth || "0") + parseFloat(styles.paddingLeft || "0") + parseFloat(styles.paddingRight || "0");
+    return width;
+  }
+  return defaultLineLength;
+}
+function calculateIndentFallback(indentAttrs = {}) {
+  if (!indentAttrs) return 0;
+  const left2 = twipsToPixels(Number(indentAttrs.left) || 0);
+  const firstLine = twipsToPixels(Number(indentAttrs.firstLine) || 0);
+  const hanging = twipsToPixels(Number(indentAttrs.hanging) || 0);
+  let textIndent = 0;
+  if (firstLine && hanging) {
+    textIndent = firstLine - hanging;
+  } else if (firstLine) {
+    textIndent = firstLine;
+  } else if (hanging) {
+    textIndent = -hanging;
+  }
+  if (textIndent) return left2 + textIndent;
+  if (left2) return left2;
+  return 0;
+}
+function getLeftCoord(view, pos, coordCache = null, domPosCache = null) {
+  if (!Number.isFinite(pos)) return null;
+  if (coordCache && coordCache.has(pos)) {
+    return coordCache.get(pos);
+  }
+  let result = null;
+  try {
+    result = view.coordsAtPos(pos).left;
+  } catch {
+    try {
+      const ref2 = getCachedDomAtPos(view, pos, domPosCache);
+      const range = document.createRange();
+      range.setStart(ref2.node, ref2.offset);
+      range.setEnd(ref2.node, ref2.offset);
+      const rect = range.getBoundingClientRect();
+      range.detach?.();
+      result = rect.left;
+    } catch {
+      result = null;
+    }
+  }
+  if (coordCache) {
+    coordCache.set(pos, result);
+  }
+  return result;
+}
+function getCachedDomAtPos(view, pos, domPosCache = null) {
+  if (domPosCache && domPosCache.has(pos)) {
+    return domPosCache.get(pos);
+  }
+  const result = view.domAtPos(pos);
+  if (domPosCache) {
+    domPosCache.set(pos, result);
+  }
+  return result;
+}
+function calcTabHeight(blockParent2) {
+  const ptToPxRatio = 1.333;
+  const defaultFontSize = 16;
+  const defaultLineHeight = 1.1;
+  const parentTextStyleMark = blockParent2.firstChild?.marks?.find((mark) => mark.type.name === "textStyle");
+  const fontSize = parseInt(parentTextStyleMark?.attrs.fontSize) * ptToPxRatio || defaultFontSize;
+  return `${fontSize * defaultLineHeight}px`;
+}
+class ParagraphNodeView {
+  /**
+   * @param {import('prosemirror-model').Node} node Current paragraph node.
+   * @param {import('../../core/Editor').Editor} editor Editor instance providing schema/helpers.
+   * @param {() => number} getPos Position getter provided by ProseMirror.
+   * @param {import('prosemirror-view').Decoration[]} decorations Decorations applied to this node.
+   * @param {Record<string, unknown>} extensionAttrs Extra attributes declared by the paragraph extension.
+   */
+  constructor(node, editor, getPos, decorations, extensionAttrs) {
+    __privateAdd(this, _ParagraphNodeView_instances);
+    this.node = node;
+    this.editor = editor;
+    this.getPos = getPos;
+    this.decorations = decorations;
+    this.extensionAttrs = extensionAttrs;
+    this._animationFrameRequest = null;
+    calculateResolvedParagraphProperties(this.editor, this.node, this.editor.state.doc.resolve(this.getPos()));
+    this.dom = document.createElement("p");
+    this.contentDOM = document.createElement("span");
+    this.dom.appendChild(this.contentDOM);
+    if (__privateMethod(this, _ParagraphNodeView_instances, checkIsList_fn).call(this)) {
+      __privateMethod(this, _ParagraphNodeView_instances, initList_fn).call(this, node.attrs.listRendering);
+      __privateMethod(this, _ParagraphNodeView_instances, scheduleAnimation_fn).call(this, () => {
+        if (!__privateMethod(this, _ParagraphNodeView_instances, checkIsList_fn).call(this)) {
+          return;
         }
-      } else if (typeof value === "string") {
-        markValue[key2] = value;
-      }
+        __privateMethod(this, _ParagraphNodeView_instances, updateListStyles_fn).call(this);
+      });
     }
-  });
-  const final = Object.entries(markValue).map(([key2, value]) => `${key2}: ${value}`).join(";");
-  return final;
-};
-const applyLinkedStyleToTransaction = (tr, editor, style) => {
-  if (!style) return false;
-  let selection = tr.selection;
-  const state = editor.state;
-  const focusState = CustomSelectionPluginKey.getState(state);
-  if (selection.empty && focusState?.preservedSelection && !focusState?.preservedSelection.empty) {
-    selection = focusState.preservedSelection;
-    tr.setSelection(selection);
-  } else if (selection.empty && editor.options.lastSelection) {
-    selection = editor.options.lastSelection;
-    tr.setSelection(selection);
+    __privateMethod(this, _ParagraphNodeView_instances, updateHTMLAttributes_fn).call(this);
+    __privateMethod(this, _ParagraphNodeView_instances, updateDOMStyles_fn).call(this);
   }
-  const { from: from2, to } = selection;
-  const getCleanParagraphAttrs = (node) => {
-    const cleanAttrs = {};
-    const preservedAttrs = ["id", "class"];
-    preservedAttrs.forEach((attr) => {
-      if (node.attrs[attr] !== void 0) {
-        cleanAttrs[attr] = node.attrs[attr];
-      }
-    });
-    cleanAttrs.styleId = style.id;
-    return cleanAttrs;
-  };
-  const clearFormattingMarks = (startPos, endPos) => {
-    tr.doc.nodesBetween(startPos, endPos, (node, pos) => {
-      if (node.isText && node.marks.length > 0) {
-        const marksToRemove = [
-          "textStyle",
-          "bold",
-          "italic",
-          "underline",
-          "strike",
-          "subscript",
-          "superscript",
-          "highlight"
-        ];
-        node.marks.forEach((mark) => {
-          if (marksToRemove.includes(mark.type.name)) {
-            tr.removeMark(pos, pos + node.nodeSize, mark);
-          }
-        });
-      }
+  /**
+   * @param {import('prosemirror-model').Node} node
+   * @param {import('prosemirror-view').Decoration[]} decorations
+   */
+  update(node, decorations) {
+    const oldAttrs = this.node.attrs;
+    const newAttrs = node.attrs;
+    this.node = node;
+    this.decorations = decorations;
+    if (JSON.stringify(oldAttrs) === JSON.stringify(newAttrs)) {
       return true;
-    });
-  };
-  if (from2 === to) {
-    let pos = from2;
-    let paragraphNode = tr.doc.nodeAt(from2);
-    if (paragraphNode?.type.name !== "paragraph") {
-      const parentNode2 = findParentNode((node) => node.type.name === "paragraph")(selection);
-      if (!parentNode2) return false;
-      pos = parentNode2.pos;
-      paragraphNode = parentNode2.node;
     }
-    clearFormattingMarks(pos + 1, pos + paragraphNode.nodeSize - 1);
-    tr.setNodeMarkup(pos, void 0, getCleanParagraphAttrs(paragraphNode));
+    calculateResolvedParagraphProperties(this.editor, this.node, this.editor.state.doc.resolve(this.getPos()));
+    __privateMethod(this, _ParagraphNodeView_instances, updateHTMLAttributes_fn).call(this);
+    __privateMethod(this, _ParagraphNodeView_instances, updateDOMStyles_fn).call(this);
+    if (!__privateMethod(this, _ParagraphNodeView_instances, checkIsList_fn).call(this)) {
+      __privateMethod(this, _ParagraphNodeView_instances, removeList_fn).call(this);
+      return true;
+    }
+    __privateMethod(this, _ParagraphNodeView_instances, initList_fn).call(this, node.attrs.listRendering);
+    __privateMethod(this, _ParagraphNodeView_instances, scheduleAnimation_fn).call(this, () => {
+      __privateMethod(this, _ParagraphNodeView_instances, initList_fn).call(this, node.attrs.listRendering);
+      __privateMethod(this, _ParagraphNodeView_instances, updateListStyles_fn).call(this);
+    });
     return true;
   }
-  const paragraphPositions = [];
-  tr.doc.nodesBetween(from2, to, (node, pos) => {
-    if (node.type.name === "paragraph") {
-      paragraphPositions.push({ node, pos });
+  /**
+   * @param {MutationRecord} mutation
+   */
+  ignoreMutation(mutation) {
+    if (this.marker && (mutation.target === this.marker || this.marker.contains(mutation.target))) {
+      return true;
+    }
+    if (this.separator && (mutation.target === this.separator || this.separator.contains(mutation.target))) {
+      return true;
+    }
+    if (mutation.type === "attributes" && mutation.target === this.dom && mutation.attributeName === "style") {
+      return true;
+    }
+    if (mutation.type === "childList") {
+      if (this.marker && Array.from(mutation.removedNodes).includes(this.marker)) {
+        return true;
+      }
+      if (this.marker && Array.from(mutation.addedNodes).includes(this.marker)) {
+        return true;
+      }
+      if (this.separator && Array.from(mutation.removedNodes).includes(this.separator)) {
+        return true;
+      }
+      if (this.separator && Array.from(mutation.addedNodes).includes(this.separator)) {
+        return true;
+      }
     }
-    return true;
-  });
-  paragraphPositions.forEach(({ node, pos }) => {
-    clearFormattingMarks(pos + 1, pos + node.nodeSize - 1);
-    tr.setNodeMarkup(pos, void 0, getCleanParagraphAttrs(node));
-  });
-  return true;
-};
-const stepInsertsTextIntoStyledParagraph = (tr, oldEditorState, step, stepIndex) => {
-  if (!step.slice || step.slice.size === 0 || typeof step.from !== "number") {
     return false;
   }
-  let insertsText = false;
-  step.slice.content.descendants((node) => {
-    if (node.type?.name === "text" && node.text?.length) {
-      insertsText = true;
-      return false;
-    }
-    return true;
-  });
-  if (!insertsText) return false;
-  const docBeforeStep = tr.docs?.[stepIndex] || oldEditorState.doc;
-  if (!docBeforeStep) return false;
-  const resolvedPos = Math.min(step.from, docBeforeStep.content.size);
-  const $pos = docBeforeStep.resolve(resolvedPos);
-  for (let depth = $pos.depth; depth >= 0; depth--) {
-    const node = $pos.node(depth);
-    if (node?.type?.name === "paragraph") {
-      return Boolean(node.attrs?.styleId);
+  destroy() {
+    __privateMethod(this, _ParagraphNodeView_instances, cancelScheduledAnimation_fn).call(this);
+  }
+}
+_ParagraphNodeView_instances = new WeakSet();
+updateHTMLAttributes_fn = function() {
+  const htmlAttributes = Attribute.getAttributesToRender(this.node, this.extensionAttrs);
+  htmlAttributes.style = htmlAttributes.style || "";
+  for (const [key2, value] of Object.entries(htmlAttributes || {})) {
+    if (value == null) {
+      this.dom.removeAttribute(key2);
+      continue;
     }
+    this.dom.setAttribute(key2, value);
   }
-  return false;
-};
-const LinkedStylesPluginKey = new PluginKey("linkedStyles");
-const createLinkedStylesPlugin = (editor) => {
-  return new Plugin({
-    key: LinkedStylesPluginKey,
-    state: {
-      /**
-       * Initialize plugin state with styles and decorations
-       * @returns {Object} Initial state with styles and decorations
-       * @private
-       */
-      init() {
-        if (!editor.converter || editor.options.mode !== "docx") return {};
-        const styles = editor.converter?.linkedStyles || [];
-        return {
-          styles,
-          decorations: generateDecorations(editor.state, styles)
-        };
-      },
-      /**
-       * Update decorations when document changes
-       * @param {Object} tr - The transaction
-       * @param {Object} prev - Previous plugin state
-       * @param {Object} oldEditorState - Old editor state
-       * @param {Object} newEditorState - New editor state
-       * @returns {Object} Updated state with styles and decorations
-       * @private
-       */
-      apply(tr, prev, oldEditorState, newEditorState) {
-        if (!editor.converter || editor.options.mode !== "docx") return { ...prev };
-        let decorations = prev.decorations || DecorationSet.empty;
-        if (tr.docChanged) {
-          let mightAffectStyles = false;
-          const styleRelatedMarks = /* @__PURE__ */ new Set(["textStyle", "bold", "italic", "underline", "strike"]);
-          tr.steps.forEach((step, index2) => {
-            if (step.slice) {
-              step.slice.content.descendants((node) => {
-                if (node.attrs?.styleId) {
-                  mightAffectStyles = true;
-                  return false;
-                }
-                if (node.marks.length > 0) {
-                  const hasStyleMarks = node.marks.some((mark) => styleRelatedMarks.has(mark.type.name));
-                  if (hasStyleMarks) {
-                    mightAffectStyles = true;
-                    return false;
-                  }
-                }
-              });
-            }
-            if (step.jsonID === "addMark" || step.jsonID === "removeMark") {
-              if (step.mark && styleRelatedMarks.has(step.mark.type.name)) {
-                mightAffectStyles = true;
-              }
-            }
-            if (!mightAffectStyles && stepInsertsTextIntoStyledParagraph(tr, oldEditorState, step, index2)) {
-              mightAffectStyles = true;
-            }
-          });
-          if (mightAffectStyles) {
-            const styles = LinkedStylesPluginKey.getState(editor.state).styles;
-            decorations = generateDecorations(newEditorState, styles);
-          } else {
-            decorations = decorations.map(tr.mapping, tr.doc);
-          }
-        }
-        return { ...prev, decorations };
-      }
-    },
-    props: {
-      /**
-       * Provide decorations to the editor view
-       * @param {Object} state - Current editor state
-       * @returns {Object} The decoration set
-       * @private
-       */
-      decorations(state) {
-        return LinkedStylesPluginKey.getState(state)?.decorations;
-      }
-    }
-  });
-};
-const generateDecorations = (state, styles) => {
-  const decorations = [];
-  const doc2 = state?.doc;
-  const getParagraphStyleId = (pos) => {
-    const $pos = state.doc.resolve(pos);
-    for (let d2 = $pos.depth; d2 >= 0; d2--) {
-      const n = $pos.node(d2);
-      if (n?.type?.name === "paragraph") return n.attrs?.styleId || null;
-    }
-    return null;
-  };
-  doc2.descendants((node, pos) => {
-    const { name } = node.type;
-    if (name !== "text") return;
-    const paragraphStyleId = getParagraphStyleId(pos);
-    let runStyleId = null;
-    let inlineTextStyleId = null;
-    for (const mark of node.marks) {
-      if (mark.type.name === "run") {
-        const rp = mark.attrs?.runProperties;
-        if (rp && typeof rp === "object" && !Array.isArray(rp) && rp.styleId) runStyleId = rp.styleId;
-        else if (Array.isArray(rp)) {
-          const ent = rp.find((e) => e?.xmlName === "w:rStyle");
-          const sid = ent?.attributes?.["w:val"];
-          if (sid) runStyleId = sid;
-        }
-      } else if (mark.type.name === "textStyle" && mark.attrs?.styleId) {
-        inlineTextStyleId = mark.attrs.styleId;
-      }
-    }
-    const buildStyleMap = (sid) => {
-      if (!sid) return {};
-      const { linkedStyle, basedOnStyle: basedOnStyle2 } = getLinkedStyle(sid, styles);
-      if (!linkedStyle) return {};
-      const base2 = { ...basedOnStyle2?.definition?.styles || {} };
-      return { ...base2, ...linkedStyle.definition?.styles || {} };
-    };
-    const pMap = buildStyleMap(paragraphStyleId);
-    let tMap;
-    if (paragraphStyleId?.startsWith("TOC")) {
-      tMap = {};
-    } else {
-      tMap = buildStyleMap(inlineTextStyleId);
-    }
-    const rMap = buildStyleMap(runStyleId);
-    const finalStyles = { ...pMap, ...tMap, ...rMap };
-    if (Object.keys(finalStyles).length === 0) return;
-    const mergedLinkedStyle = { definition: { styles: finalStyles, attrs: {} } };
-    const basedOnStyle = null;
-    const $pos = state.doc.resolve(pos);
-    const parent = $pos.parent;
-    const styleString = generateLinkedStyleString(mergedLinkedStyle, basedOnStyle, node, parent);
-    if (!styleString) return;
-    const decoration = Decoration.inline(pos, pos + node.nodeSize, { style: styleString });
-    decorations.push(decoration);
-  });
-  return DecorationSet.create(doc2, decorations);
-};
-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)];
-  },
-  addCommands() {
-    return {
-      /**
-       * Apply a linked style to the selected paragraphs
-       * @category Command
-       * @param {LinkedStyle} style - The style object to apply
-       * @example
-       * const style = editor.helpers.linkedStyles.getStyleById('Heading1');
-       * editor.commands.setLinkedStyle(style);
-       * @note Clears existing formatting when applying a style
-       * @note Works with custom selection preservation
-       */
-      setLinkedStyle: (style) => (params2) => {
-        const { tr } = params2;
-        return applyLinkedStyleToTransaction(tr, this.editor, style);
-      },
-      /**
-       * Toggle a linked style on the current selection
-       * @category Command
-       * @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')
-       * @example
-       * const style = editor.helpers.linkedStyles.getStyleById('Heading1');
-       * 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
-       */
-      toggleLinkedStyle: (style, nodeType = null) => (params2) => {
-        const { tr } = params2;
-        if (tr.selection.empty) {
-          return false;
-        }
-        let node = tr.doc.nodeAt(tr.selection.$from.pos);
-        if (node && nodeType && node.type.name !== nodeType) {
-          node = findParentNodeClosestToPos(tr.selection.$from, (n) => {
-            return nodeType ? n.type.name === nodeType : true;
-          })?.node;
-        }
-        if (!node) {
-          return false;
-        }
-        const currentStyleId = node.attrs.styleId;
-        if (currentStyleId === style.id) {
-          return applyLinkedStyleToTransaction(tr, this.editor, { id: null });
-        }
-        return applyLinkedStyleToTransaction(tr, this.editor, style);
-      },
-      /**
-       * Apply a linked style by its ID
-       * @category Command
-       * @param {string} styleId - The style ID to apply (e.g., 'Heading1')
-       * @example
-       * editor.commands.setStyleById('Heading1')
-       * editor.commands.setStyleById('Normal')
-       * @note Looks up the style from loaded Word styles
-       */
-      setStyleById: (styleId) => (params2) => {
-        const { state, tr } = params2;
-        const pluginState = LinkedStylesPluginKey.getState(state);
-        if (!pluginState) return false;
-        const style = pluginState.styles?.find((s2) => s2.id === styleId);
-        if (!style) return false;
-        return applyLinkedStyleToTransaction(tr, this.editor, style);
-      }
-    };
-  },
-  addHelpers() {
-    return {
-      /**
-       * Get all available linked styles
-       * @category Helper
-       * @returns {Array} Array of linked style objects
-       * @example
-       * const styles = editor.helpers.linkedStyles.getStyles();
-       * // Returns all styles from the Word document
-       */
-      getStyles: () => {
-        const styles = LinkedStylesPluginKey.getState(this.editor.state)?.styles || [];
-        return styles;
-      },
-      /**
-       * Get a specific style by ID
-       * @category Helper
-       * @param {string} styleId - The style ID to find
-       * @returns {Object} The style object or undefined
-       * @example
-       * const headingStyle = editor.helpers.linkedStyles.getStyleById('Heading1');
-       */
-      getStyleById: (styleId) => {
-        const styles = this.editor.helpers[this.name].getStyles();
-        return styles.find((s2) => s2.id === styleId);
-      },
-      /**
-       * Get the CSS string for a style
-       * @category Helper
-       * @param {string} styleId - The style ID
-       * @returns {string} CSS style string
-       * @example
-       * const css = editor.helpers.linkedStyles.getLinkedStyleString('Heading1');
-       * // Returns: "font-size: 16pt; font-weight: bold; color: #2E74B5"
-       * @private
-       */
-      getLinkedStyleString: (styleId) => {
-        const styles = this.editor.helpers.linkedStyles.getStyles();
-        const style = styles.find((s2) => s2.id === styleId);
-        if (!style) return "";
-        return generateLinkedStyleString(style);
-      }
-    };
-  }
-});
-const getDefaultSpacing = () => ({
-  after: null,
-  before: null,
-  line: null,
-  lineRule: "auto"
-});
-const restartNumbering = ({ editor, tr, state, dispatch }) => {
-  const { node: paragraph, pos } = findParentNode(isList)(state.selection) || {};
-  if (!paragraph) return false;
-  const allParagraphs = [{ node: paragraph, pos }];
-  const startPos = pos + paragraph.nodeSize;
-  const myNumId = paragraph.attrs.numberingProperties.numId;
-  let stop = false;
-  state.doc.nodesBetween(startPos, state.doc.content.size, (node, nodePos) => {
-    if (node.type.name === "paragraph") {
-      if (isList(node) && node.attrs.paragraphProperties?.numberingProperties?.numId === myNumId) {
-        allParagraphs.push({ node, pos: nodePos });
-      } else {
-        stop = true;
-      }
-      return false;
-    }
-    return !stop;
-  });
-  const { numberingType } = paragraph.attrs.listRendering || {};
-  const listType = numberingType === "bullet" ? "bulletList" : "orderedList";
-  const numId = ListHelpers.getNewListId(editor);
-  ListHelpers.generateNewListDefinition({ numId: Number(numId), listType, editor });
-  allParagraphs.forEach(({ node, pos: pos2 }) => {
-    updateNumberingProperties(
-      {
-        ...node.attrs.numberingProperties,
-        numId: Number(numId)
-      },
-      node,
-      pos2,
-      editor,
-      tr
-    );
-  });
-  if (dispatch) dispatch(tr);
-  return true;
-};
-const defaultTabDistance = 48;
-const defaultLineLength = 816;
-const getTabDecorations = (doc2, view, helpers2, from2 = 0, to = null) => {
-  const decorations = [];
-  const paragraphCache = /* @__PURE__ */ new Map();
-  const coordCache = /* @__PURE__ */ new Map();
-  const domPosCache = /* @__PURE__ */ new Map();
-  const end2 = to ?? doc2.content.size;
-  doc2.nodesBetween(from2, end2, (node, pos) => {
-    if (node.type.name !== "tab") return;
-    const $pos = doc2.resolve(pos);
-    const paragraphContext = findParagraphContext($pos, paragraphCache, helpers2);
-    if (!paragraphContext) return;
-    const blockParent2 = $pos.node(paragraphContext.paragraphDepth);
-    const style = calculateTabStyle(node.nodeSize, view, pos, blockParent2, paragraphContext, coordCache, domPosCache);
-    if (style) {
-      decorations.push(
-        Decoration.node(pos, pos + node.nodeSize, {
-          style
-        })
-      );
-    }
-  });
-  return decorations;
-};
-function calculateTabStyle(nodeSize2, view, pos, blockParent2, paragraphContext, coordCache = null, domPosCache = null) {
-  let extraStyles = "";
-  try {
-    const { tabStops, flattened, positionMap, startPos } = paragraphContext;
-    if (paragraphContext.indentWidth === void 0) {
-      paragraphContext.indentWidth = getIndentWidth(view, startPos, paragraphContext.indent, coordCache, domPosCache);
-    }
-    if (paragraphContext.tabHeight === void 0) {
-      paragraphContext.tabHeight = calcTabHeight(blockParent2);
-    }
-    if (paragraphContext.paragraphWidth === void 0) {
-      paragraphContext.paragraphWidth = getBlockNodeWidth(view, startPos);
-    }
-    const indentWidth = paragraphContext.indentWidth;
-    const hanging = twipsToPixels(Number(paragraphContext.indent.hanging) || 0);
-    if (hanging > 0) {
-      tabStops.unshift({ val: "start", pos: indentWidth + hanging });
-    }
-    const accumulatedTabWidth = paragraphContext.accumulatedTabWidth || 0;
-    const currentWidth = indentWidth + measureRangeWidth(view, startPos + 1, pos, coordCache, domPosCache) + accumulatedTabWidth;
-    let tabWidth;
-    if (tabStops.length) {
-      const tabStop = tabStops.find((stop) => stop.pos > currentWidth && stop.val !== "clear");
-      if (tabStop) {
-        tabWidth = Math.min(tabStop.pos, paragraphContext.paragraphWidth) - currentWidth;
-        let val = tabStop.val;
-        const aliases = { left: "start", right: "end" };
-        if (aliases[val]) val = aliases[val];
-        if (val === "center" || val === "end" || val === "right") {
-          const entryIndex = positionMap.get(pos);
-          if (entryIndex === void 0) return;
-          const nextTabIndex = findNextTabIndex(flattened, entryIndex + 1);
-          const segmentStartPos = pos + nodeSize2;
-          const segmentEndPos = nextTabIndex === -1 ? startPos + paragraphContext.paragraph.nodeSize - 1 : flattened[nextTabIndex].pos;
-          const segmentWidth = measureRangeWidth(view, segmentStartPos, segmentEndPos, coordCache, domPosCache);
-          tabWidth -= val === "center" ? segmentWidth / 2 : segmentWidth;
-        } else if (val === "decimal" || val === "num") {
-          const entryIndex = positionMap.get(pos);
-          if (entryIndex === void 0) return;
-          const breakChar = tabStop.decimalChar || ".";
-          const decimalPos = findDecimalBreakPos(flattened, entryIndex + 1, breakChar);
-          const integralWidth = decimalPos ? measureRangeWidth(view, pos + nodeSize2, decimalPos, coordCache, domPosCache) : measureRangeWidth(
-            view,
-            pos + nodeSize2,
-            startPos + paragraphContext.paragraph.nodeSize - 1,
-            coordCache,
-            domPosCache
-          );
-          tabWidth -= integralWidth;
-        }
-        if (tabStop.leader) {
-          const leaderStyles = {
-            dot: "border-bottom: 1px dotted black;",
-            heavy: "border-bottom: 2px solid black;",
-            hyphen: "border-bottom: 1px solid black;",
-            middleDot: "border-bottom: 1px dotted black; margin-bottom: 2px;",
-            underscore: "border-bottom: 1px solid black;"
-          };
-          extraStyles += leaderStyles[tabStop.leader] || "";
-        }
-      }
-    }
-    if (!tabWidth || tabWidth < 1) {
-      tabWidth = defaultTabDistance - currentWidth % defaultLineLength % defaultTabDistance;
-      if (tabWidth === 0) tabWidth = defaultTabDistance;
-    }
-    const tabHeight = paragraphContext.tabHeight;
-    paragraphContext.accumulatedTabWidth = accumulatedTabWidth + tabWidth;
-    return `width: ${tabWidth}px; height: ${tabHeight}; ${extraStyles}`;
-  } catch (error) {
-    console.error("tab decoration error", error);
-  }
-}
-function findParagraphContext($pos, cache, helpers2) {
-  for (let depth = $pos.depth; depth >= 0; depth--) {
-    const node = $pos.node(depth);
-    if (node?.type?.name === "paragraph") {
-      const startPos = $pos.start(depth);
-      if (!cache.has(startPos)) {
-        const paragraphContext = extractParagraphContext(node, startPos, helpers2, depth);
-        cache.set(startPos, paragraphContext);
-      }
-      return cache.get(startPos);
-    }
-  }
-  return null;
-}
-function extractParagraphContext(node, startPos, helpers2, depth = 0) {
-  let tabStops = [];
-  if (Array.isArray(node.attrs?.tabStops)) {
-    tabStops = node.attrs.tabStops.map((stop) => {
-      const ref2 = stop?.tab;
-      if (!ref2) return stop || null;
-      return {
-        val: ref2.tabType || "start",
-        pos: twipsToPixels(Number(ref2.pos) || 0),
-        leader: ref2.leader
-      };
-    }).filter(Boolean);
+  const paragraphProperties = getResolvedParagraphProperties(this.node);
+  if (__privateMethod(this, _ParagraphNodeView_instances, checkIsList_fn).call(this)) {
+    this.dom.setAttribute("data-num-id", paragraphProperties.numberingProperties.numId);
+    this.dom.setAttribute("data-level", paragraphProperties.numberingProperties.ilvl);
   } else {
-    const style = helpers2.linkedStyles.getStyleById(node.attrs?.styleId);
-    if (Array.isArray(style?.definition?.styles?.tabStops)) {
-      tabStops = style.definition.styles.tabStops;
-    }
-  }
-  const { entries, positionMap } = flattenParagraph(node, startPos);
-  return {
-    paragraph: node,
-    paragraphDepth: depth,
-    startPos,
-    indent: node.attrs?.indent || {},
-    tabStops,
-    flattened: entries,
-    positionMap,
-    // Store position map for O(1) lookups
-    accumulatedTabWidth: 0
-  };
-}
-function flattenParagraph(paragraph, paragraphStartPos) {
-  const entries = [];
-  const positionMap = /* @__PURE__ */ new Map();
-  const walk = (node, basePos) => {
-    if (!node) return;
-    if (node.type?.name === "run") {
-      node.forEach((child, offset2) => {
-        const childPos = basePos + offset2 + 1;
-        walk(child, childPos);
-      });
-      return;
-    }
-    const pos = basePos - 1;
-    const index2 = entries.length;
-    entries.push({ node, pos });
-    positionMap.set(pos, index2);
-  };
-  paragraph.forEach((child, offset2) => {
-    const childPos = paragraphStartPos + offset2 + 1;
-    walk(child, childPos);
-  });
-  return { entries, positionMap };
-}
-function findNextTabIndex(flattened, fromIndex) {
-  for (let i = fromIndex; i < flattened.length; i++) {
-    if (flattened[i]?.node?.type?.name === "tab") {
-      return i;
-    }
-  }
-  return -1;
-}
-function findDecimalBreakPos(flattened, startIndex, breakChar) {
-  for (let i = startIndex; i < flattened.length; i++) {
-    const entry = flattened[i];
-    if (!entry) break;
-    if (entry.node.type?.name === "tab") break;
-    if (entry.node.type?.name === "text") {
-      const index2 = entry.node.text?.indexOf(breakChar);
-      if (index2 !== void 0 && index2 !== -1) {
-        return entry.pos + index2 + 1;
-      }
-    }
-  }
-  return null;
-}
-function measureRangeWidth(view, from2, to, coordCache = null, domPosCache = null) {
-  if (!Number.isFinite(from2) || !Number.isFinite(to) || to <= from2) return 0;
-  try {
-    const range = document.createRange();
-    const fromRef = getCachedDomAtPos(view, from2, domPosCache);
-    const toRef = getCachedDomAtPos(view, to, domPosCache);
-    range.setStart(fromRef.node, fromRef.offset);
-    range.setEnd(toRef.node, toRef.offset);
-    const rect = range.getBoundingClientRect();
-    range.detach?.();
-    return rect.width || 0;
-  } catch {
-    const startLeft = getLeftCoord(view, from2, coordCache, domPosCache);
-    const endLeft = getLeftCoord(view, to, coordCache, domPosCache);
-    if (startLeft == null || endLeft == null) return 0;
-    return Math.max(0, endLeft - startLeft);
-  }
-}
-function getIndentWidth(view, paragraphStartPos, indentAttrs = {}, coordCache = null, domPosCache = null) {
-  const marginLeft = getLeftCoord(view, paragraphStartPos, coordCache, domPosCache);
-  const lineLeft = getLeftCoord(view, paragraphStartPos + 1, coordCache, domPosCache);
-  if (marginLeft != null && lineLeft != null) {
-    const diff = lineLeft - marginLeft;
-    if (!Number.isNaN(diff) && Math.abs(diff) > 0.5) {
-      return diff;
-    }
-  }
-  return calculateIndentFallback(indentAttrs);
-}
-function getBlockNodeWidth(view, blockStartPos) {
-  const blockDom = view.nodeDOM(blockStartPos - 1);
-  if (blockDom instanceof HTMLElement) {
-    const styles = window.getComputedStyle(blockDom);
-    const width = blockDom.clientWidth + parseFloat(styles.marginLeft || "0") + parseFloat(styles.marginRight || "0") + parseFloat(styles.borderLeftWidth || "0") + parseFloat(styles.borderRightWidth || "0") + parseFloat(styles.paddingLeft || "0") + parseFloat(styles.paddingRight || "0");
-    return width;
-  }
-  return defaultLineLength;
-}
-function calculateIndentFallback(indentAttrs = {}) {
-  if (!indentAttrs) return 0;
-  const left2 = twipsToPixels(Number(indentAttrs.left) || 0);
-  const firstLine = twipsToPixels(Number(indentAttrs.firstLine) || 0);
-  const hanging = twipsToPixels(Number(indentAttrs.hanging) || 0);
-  let textIndent = 0;
-  if (firstLine && hanging) {
-    textIndent = firstLine - hanging;
-  } else if (firstLine) {
-    textIndent = firstLine;
-  } else if (hanging) {
-    textIndent = -hanging;
+    this.dom.removeAttribute("data-num-id");
+    this.dom.removeAttribute("data-level");
   }
-  if (textIndent) return left2 + textIndent;
-  if (left2) return left2;
-  return 0;
-}
-function getLeftCoord(view, pos, coordCache = null, domPosCache = null) {
-  if (!Number.isFinite(pos)) return null;
-  if (coordCache && coordCache.has(pos)) {
-    return coordCache.get(pos);
-  }
-  let result = null;
-  try {
-    result = view.coordsAtPos(pos).left;
-  } catch {
-    try {
-      const ref2 = getCachedDomAtPos(view, pos, domPosCache);
-      const range = document.createRange();
-      range.setStart(ref2.node, ref2.offset);
-      range.setEnd(ref2.node, ref2.offset);
-      const rect = range.getBoundingClientRect();
-      range.detach?.();
-      result = rect.left;
-    } catch {
-      result = null;
-    }
-  }
-  if (coordCache) {
-    coordCache.set(pos, result);
-  }
-  return result;
-}
-function getCachedDomAtPos(view, pos, domPosCache = null) {
-  if (domPosCache && domPosCache.has(pos)) {
-    return domPosCache.get(pos);
-  }
-  const result = view.domAtPos(pos);
-  if (domPosCache) {
-    domPosCache.set(pos, result);
-  }
-  return result;
-}
-function calcTabHeight(blockParent2) {
-  const ptToPxRatio = 1.333;
-  const defaultFontSize = 16;
-  const defaultLineHeight = 1.1;
-  const parentTextStyleMark = blockParent2.firstChild?.marks?.find((mark) => mark.type.name === "textStyle");
-  const fontSize = parseInt(parentTextStyleMark?.attrs.fontSize) * ptToPxRatio || defaultFontSize;
-  return `${fontSize * defaultLineHeight}px`;
-}
-class ParagraphNodeView {
-  /**
-   * @param {import('prosemirror-model').Node} node Current paragraph node.
-   * @param {import('../../core/Editor').Editor} editor Editor instance providing schema/helpers.
-   * @param {() => number} getPos Position getter provided by ProseMirror.
-   * @param {import('prosemirror-view').Decoration[]} decorations Decorations applied to this node.
-   * @param {Record<string, unknown>} extensionAttrs Extra attributes declared by the paragraph extension.
-   */
-  constructor(node, editor, getPos, decorations, extensionAttrs) {
-    __privateAdd(this, _ParagraphNodeView_instances);
-    this.node = node;
-    this.editor = editor;
-    this.getPos = getPos;
-    this.decorations = decorations;
-    this.extensionAttrs = extensionAttrs;
-    this._animationFrameRequest = null;
-    this.dom = document.createElement("p");
-    this.contentDOM = document.createElement("span");
-    this.dom.appendChild(this.contentDOM);
-    if (__privateMethod(this, _ParagraphNodeView_instances, checkIsList_fn).call(this)) {
-      __privateMethod(this, _ParagraphNodeView_instances, initList_fn).call(this, node.attrs.listRendering);
-      __privateMethod(this, _ParagraphNodeView_instances, scheduleAnimation_fn).call(this, () => {
-        if (!__privateMethod(this, _ParagraphNodeView_instances, checkIsList_fn).call(this)) {
-          return;
-        }
-        __privateMethod(this, _ParagraphNodeView_instances, updateListStyles_fn).call(this);
-      });
-    }
-    __privateMethod(this, _ParagraphNodeView_instances, updateHTMLAttributes_fn).call(this);
-  }
-  /**
-   * @param {import('prosemirror-model').Node} node
-   * @param {import('prosemirror-view').Decoration[]} decorations
-   */
-  update(node, decorations) {
-    const oldAttrs = this.node.attrs;
-    const newAttrs = node.attrs;
-    this.node = node;
-    this.decorations = decorations;
-    if (JSON.stringify(oldAttrs) === JSON.stringify(newAttrs)) {
-      return true;
-    }
-    __privateMethod(this, _ParagraphNodeView_instances, updateHTMLAttributes_fn).call(this);
-    if (!__privateMethod(this, _ParagraphNodeView_instances, checkIsList_fn).call(this)) {
-      __privateMethod(this, _ParagraphNodeView_instances, removeList_fn).call(this);
-      return true;
-    }
-    __privateMethod(this, _ParagraphNodeView_instances, initList_fn).call(this, node.attrs.listRendering);
-    __privateMethod(this, _ParagraphNodeView_instances, scheduleAnimation_fn).call(this, () => {
-      __privateMethod(this, _ParagraphNodeView_instances, initList_fn).call(this, node.attrs.listRendering);
-      __privateMethod(this, _ParagraphNodeView_instances, updateListStyles_fn).call(this);
-    });
-    return true;
-  }
-  /**
-   * @param {MutationRecord} mutation
-   */
-  ignoreMutation(mutation) {
-    if (this.marker && (mutation.target === this.marker || this.marker.contains(mutation.target))) {
-      return true;
-    }
-    if (this.separator && (mutation.target === this.separator || this.separator.contains(mutation.target))) {
-      return true;
-    }
-    if (mutation.type === "attributes" && mutation.target === this.dom && mutation.attributeName === "style") {
-      return true;
-    }
-    if (mutation.type === "childList") {
-      if (this.marker && Array.from(mutation.removedNodes).includes(this.marker)) {
-        return true;
-      }
-      if (this.marker && Array.from(mutation.addedNodes).includes(this.marker)) {
-        return true;
-      }
-      if (this.separator && Array.from(mutation.removedNodes).includes(this.separator)) {
-        return true;
-      }
-      if (this.separator && Array.from(mutation.addedNodes).includes(this.separator)) {
-        return true;
-      }
-    }
-    return false;
-  }
-  destroy() {
-    __privateMethod(this, _ParagraphNodeView_instances, cancelScheduledAnimation_fn).call(this);
+  if (paragraphProperties.framePr?.dropCap) {
+    this.dom.classList.add("sd-editor-dropcap");
+  } else {
+    this.dom.classList.remove("sd-editor-dropcap");
   }
-}
-_ParagraphNodeView_instances = new WeakSet();
-updateHTMLAttributes_fn = function() {
-  const htmlAttributes = Attribute.getAttributesToRender(this.node, this.extensionAttrs);
-  htmlAttributes.style = htmlAttributes.style || "";
-  for (const [key2, value] of Object.entries(htmlAttributes || {})) {
-    if (value == null) {
-      this.dom.removeAttribute(key2);
-      continue;
-    }
-    this.dom.setAttribute(key2, value);
+  if (paragraphProperties.styleId) {
+    this.dom.setAttribute("styleid", paragraphProperties.styleId);
   }
 };
+updateDOMStyles_fn = function() {
+  this.dom.style.cssText = "";
+  const paragraphProperties = getResolvedParagraphProperties(this.node);
+  const style = encodeCSSFromPPr(paragraphProperties);
+  Object.entries(style).forEach(([k2, v]) => {
+    this.dom.style[k2] = v;
+  });
+};
 updateListStyles_fn = function() {
   let { suffix, justification } = this.node.attrs.listRendering;
   suffix = suffix ?? "tab";
   __privateMethod(this, _ParagraphNodeView_instances, calculateMarkerStyle_fn).call(this, justification);
   if (suffix === "tab") {
-    __privateMethod(this, _ParagraphNodeView_instances, calculateTabSeparatorStyle_fn).call(this, justification, this.node.attrs.indent);
+    const paragraphProperties = getResolvedParagraphProperties(this.node);
+    __privateMethod(this, _ParagraphNodeView_instances, calculateTabSeparatorStyle_fn).call(this, justification, paragraphProperties.indent);
   } else {
     this.separator.textContent = suffix === "space" ? " " : "";
   }
@@ -19390,10 +18456,11 @@ calculateTabSeparatorStyle_fn = function(justification, indent) {
  * @param {'left' | 'right' | 'center'} justification
  */
 calculateMarkerStyle_fn = function(justification) {
+  const paragraphProperties = getResolvedParagraphProperties(this.node);
   const runProperties = resolveRunProperties(
     { docx: this.editor.converter.convertedXml, numbering: this.editor.converter.numbering },
-    this.node.attrs.paragraphProperties.runProperties || {},
-    { ...this.node.attrs.paragraphProperties, numberingProperties: this.node.attrs.numberingProperties },
+    paragraphProperties.runProperties || {},
+    paragraphProperties,
     true,
     Boolean(this.node.attrs.paragraphProperties.numberingProperties)
   );
@@ -19857,10 +18924,11 @@ function createNumberingPlugin(editor) {
       tr.setMeta("orderedListSync", true);
       numberingManager.enableCache();
       newState.doc.descendants((node, pos) => {
-        if (node.type.name !== "paragraph" || !node.attrs.numberingProperties) {
+        let resolvedProps = calculateResolvedParagraphProperties(editor, node, newState.doc.resolve(pos));
+        if (node.type.name !== "paragraph" || !resolvedProps.numberingProperties) {
           return;
         }
-        const { numId, ilvl: level = 0 } = node.attrs.numberingProperties;
+        const { numId, ilvl: level = 0 } = resolvedProps.numberingProperties;
         const definitionDetails = ListHelpers.getListDefinitionDetails({ numId, level, editor });
         if (!definitionDetails || Object.keys(definitionDetails).length === 0) {
           tr.setNodeAttribute(pos, "listRendering", null);
@@ -19904,6 +18972,110 @@ function createNumberingPlugin(editor) {
     }
   });
 }
+function createDropcapPlugin(editor) {
+  const { view } = editor;
+  const dropcapWidthCache = /* @__PURE__ */ new Map();
+  const invalidateCacheForRange = (from2, to) => {
+    for (const [pos] of dropcapWidthCache) {
+      if (pos >= from2 && pos <= to) {
+        dropcapWidthCache.delete(pos);
+      }
+    }
+  };
+  const getDropcapDecorations = (state, view2, widthCache) => {
+    const decorations = [];
+    state.doc.descendants((node, pos) => {
+      if (hasDropcapParagraph(node, pos, state)) {
+        const width = getDropcapWidth(view2, pos, widthCache);
+        decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style: `margin-left: -${width}px;` }));
+        return false;
+      }
+      return node.type.name !== "paragraph";
+    });
+    return decorations;
+  };
+  function getDropcapWidth(view2, pos, widthCache) {
+    if (widthCache.has(pos)) {
+      return widthCache.get(pos);
+    }
+    const domNode = view2.nodeDOM(pos);
+    if (domNode) {
+      const range = document.createRange();
+      range.selectNodeContents(domNode);
+      const width = range.getBoundingClientRect().width;
+      widthCache.set(pos, width);
+      return width;
+    }
+    return 0;
+  }
+  const hasDropcapParagraph = (node, pos, state) => {
+    if (node.type.name !== "paragraph") return false;
+    const paragraphProps = calculateResolvedParagraphProperties(editor, node, state.doc.resolve(pos));
+    return paragraphProps.framePr?.dropCap === "margin";
+  };
+  return new Plugin({
+    name: "dropcapPlugin",
+    key: new PluginKey("dropcapPlugin"),
+    state: {
+      init(_, state) {
+        const decorations = getDropcapDecorations(state, view, dropcapWidthCache);
+        return DecorationSet.create(state.doc, decorations);
+      },
+      apply(tr, oldDecorationSet, oldState, newState) {
+        if (!tr.docChanged) return oldDecorationSet;
+        let hasDropcaps = false;
+        newState.doc.descendants((node, pos) => {
+          if (hasDropcapParagraph(node, pos, newState)) {
+            hasDropcaps = true;
+            return false;
+          }
+        });
+        if (!hasDropcaps) {
+          dropcapWidthCache.clear();
+          return DecorationSet.empty;
+        }
+        let affectsDropcaps = false;
+        tr.steps.forEach((step) => {
+          if (step.slice?.content) {
+            step.slice.content.descendants((node, pos) => {
+              if (hasDropcapParagraph(node, pos, newState)) {
+                affectsDropcaps = true;
+                return false;
+              }
+            });
+          }
+          if (step.jsonID === "replace" && step.from !== void 0 && step.to !== void 0) {
+            try {
+              oldState.doc.nodesBetween(step.from, step.to, (node, pos) => {
+                if (hasDropcapParagraph(node, pos, newState)) {
+                  affectsDropcaps = true;
+                  return false;
+                }
+              });
+            } catch {
+              affectsDropcaps = true;
+            }
+          }
+        });
+        if (!affectsDropcaps) {
+          return oldDecorationSet.map(tr.mapping, tr.doc);
+        }
+        tr.steps.forEach((step) => {
+          if (step.from !== void 0 && step.to !== void 0) {
+            invalidateCacheForRange(step.from, step.to);
+          }
+        });
+        const decorations = getDropcapDecorations(newState, view, dropcapWidthCache);
+        return DecorationSet.create(newState.doc, decorations);
+      }
+    },
+    props: {
+      decorations(state) {
+        return this.getState(state);
+      }
+    }
+  });
+}
 const bulletInputRegex = /^\s*([-+*])\s$/;
 const orderedInputRegex = /^(\d+)\.\s$/;
 const Paragraph = OxmlNode.create({
@@ -19929,33 +19101,6 @@ const Paragraph = OxmlNode.create({
       rsidP: { rendered: false },
       rsidRPr: { rendered: false },
       rsidDel: { rendered: false },
-      spacing: {
-        default: getDefaultSpacing(),
-        parseDOM: (element) => {
-          if (element && element.closest("[data-superdoc-import]")) {
-            return {
-              after: pixelsToTwips(11),
-              before: 0,
-              line: linesToTwips(1.15),
-              lineRule: "auto"
-            };
-          }
-          return void 0;
-        },
-        renderDOM: (attrs) => {
-          const { spacing, marksAttrs } = attrs;
-          if (!spacing) return { style: null };
-          const spacingCopy = { ...spacing };
-          if (attrs.lineHeight) delete spacingCopy.line;
-          const style = getSpacingStyleString(
-            spacingCopy,
-            marksAttrs ?? [],
-            Boolean(attrs.paragraphProperties?.numberingProperties)
-          );
-          if (style) return { style };
-          return { style: null };
-        }
-      },
       extraAttrs: {
         default: {},
         parseDOM: (element) => {
@@ -19969,78 +19114,6 @@ const Paragraph = OxmlNode.create({
           return attributes.extraAttrs || {};
         }
       },
-      marksAttrs: {
-        renderDOM: (attrs) => {
-          const { marksAttrs } = attrs;
-          if (!marksAttrs?.length) return {};
-          const style = getMarksStyle(marksAttrs);
-          if (style) return { style };
-          return {};
-        }
-      },
-      indent: {
-        default: null,
-        renderDOM: ({ indent }) => {
-          if (!indent) return { style: null };
-          const { left: left2, right: right2, firstLine, hanging } = indent;
-          if (indent && Object.values(indent).every((v) => v === 0)) {
-            return { style: null };
-          }
-          let style = "";
-          if (left2) style += `margin-left: ${twipsToPixels(left2)}px;`;
-          if (right2) style += `margin-right: ${twipsToPixels(right2)}px;`;
-          if (firstLine && !hanging) style += `text-indent: ${twipsToPixels(firstLine)}px;`;
-          if (firstLine && hanging) style += `text-indent: ${twipsToPixels(firstLine - hanging)}px;`;
-          if (!firstLine && hanging) style += `text-indent: ${twipsToPixels(-hanging)}px;`;
-          return { style };
-        }
-      },
-      borders: {
-        default: null,
-        renderDOM: ({ borders }) => {
-          if (!borders) return {};
-          const sideOrder = ["top", "right", "bottom", "left"];
-          const valToCss = {
-            single: "solid",
-            dashed: "dashed",
-            dotted: "dotted",
-            double: "double"
-          };
-          let style = "";
-          sideOrder.forEach((side) => {
-            const b = borders[side];
-            if (!b) return;
-            if (["nil", "none", void 0, null].includes(b.val)) {
-              style += `border-${side}: none;`;
-              return;
-            }
-            const width = b.size != null ? `${eighthPointsToPixels(b.size)}px` : "1px";
-            const cssStyle = valToCss[b.val] || "solid";
-            const color = !b.color || b.color === "auto" ? "#000000" : `#${b.color}`;
-            style += `border-${side}: ${width} ${cssStyle} ${color};`;
-            if (b.space != null && side === "bottom") {
-              style += `padding-bottom: ${eighthPointsToPixels(b.space)}px;`;
-            }
-          });
-          return style ? { style } : {};
-        }
-      },
-      class: {
-        renderDOM: (attributes) => {
-          if (attributes.dropcap) {
-            return { class: `sd-editor-dropcap` };
-          }
-          return null;
-        }
-      },
-      styleId: {
-        default: null,
-        keepOnSplit: false,
-        renderDOM: (attrs) => {
-          if (!attrs.styleId) return {};
-          return { styleid: attrs.styleId };
-        }
-      },
       sdBlockId: {
         default: null,
         keepOnSplit: false,
@@ -20053,23 +19126,8 @@ const Paragraph = OxmlNode.create({
         rendered: false
       },
       filename: { rendered: false },
-      keepLines: { rendered: false },
-      keepNext: { rendered: false },
       paragraphProperties: { rendered: false },
-      dropcap: { rendered: false },
       pageBreakSource: { rendered: false },
-      textAlign: {
-        renderDOM: ({ textAlign }) => {
-          if (!textAlign) return {};
-          let style = "";
-          if (textAlign === "left") style += "text-align: left;";
-          else if (textAlign === "right") style += "text-align: right;";
-          else if (textAlign === "center") style += "text-align: center;";
-          else if (textAlign === "both") style += "text-align: justify;";
-          return { style };
-        }
-      },
-      tabStops: { rendered: false },
       listRendering: {
         keepOnSplit: false,
         renderDOM: ({ listRendering }) => {
@@ -20079,15 +19137,6 @@ const Paragraph = OxmlNode.create({
             "data-list-numbering-type": listRendering?.numberingType
           };
         }
-      },
-      numberingProperties: {
-        keepOnSplit: true,
-        renderDOM: ({ numberingProperties }) => {
-          return {
-            "data-num-id": numberingProperties?.numId,
-            "data-level": numberingProperties?.ilvl
-          };
-        }
       }
     };
   },
@@ -20125,12 +19174,6 @@ const Paragraph = OxmlNode.create({
             return acc;
           }, {});
           if (Object.keys(numberingProperties).length > 0) {
-            const resolvedParagraphProperties = resolveParagraphProperties(
-              { docx: this.editor.converter.convertedXml, numbering: this.editor.converter.numbering },
-              { styleId, numberingProperties, indent, spacing },
-              false,
-              true
-            );
             return {
               paragraphProperties: {
                 numberingProperties,
@@ -20138,17 +19181,10 @@ const Paragraph = OxmlNode.create({
                 spacing,
                 styleId: styleId || null
               },
-              indent: resolvedParagraphProperties.indent,
-              spacing: resolvedParagraphProperties.spacing,
-              numberingProperties,
-              styleId: styleId || null,
               extraAttrs
             };
           }
           return {
-            styleId: styleId || null,
-            indent,
-            spacing,
             extraAttrs
           };
         }
@@ -20165,11 +19201,11 @@ const Paragraph = OxmlNode.create({
       },
       {
         tag: "blockquote",
-        attrs: { styleId: "BlockQuote" }
+        attrs: { paragraphProperties: { styleId: "BlockQuote" } }
       },
       ...this.options.headingLevels.map((level) => ({
         tag: `h${level}`,
-        attrs: { level, styleId: `Heading${level}` }
+        attrs: { level, paragraphProperties: { styleId: `Heading${level}` } }
       }))
     ];
   },
@@ -20272,109 +19308,11 @@ const Paragraph = OxmlNode.create({
     };
   },
   addPmPlugins() {
-    const { view } = this.editor;
-    const dropcapWidthCache = /* @__PURE__ */ new Map();
-    const hasDropcapParagraph = (node) => node.type.name === "paragraph" && node.attrs.dropcap?.type === "margin";
-    const invalidateCacheForRange = (from2, to) => {
-      for (const [pos] of dropcapWidthCache) {
-        if (pos >= from2 && pos <= to) {
-          dropcapWidthCache.delete(pos);
-        }
-      }
-    };
-    const dropcapPlugin = new Plugin({
-      name: "dropcapPlugin",
-      key: new PluginKey("dropcapPlugin"),
-      state: {
-        init(_, state) {
-          const decorations = getDropcapDecorations(state, view, dropcapWidthCache);
-          return DecorationSet.create(state.doc, decorations);
-        },
-        apply(tr, oldDecorationSet, oldState, newState) {
-          if (!tr.docChanged) return oldDecorationSet;
-          let hasDropcaps = false;
-          newState.doc.descendants((node) => {
-            if (hasDropcapParagraph(node)) {
-              hasDropcaps = true;
-              return false;
-            }
-          });
-          if (!hasDropcaps) {
-            dropcapWidthCache.clear();
-            return DecorationSet.empty;
-          }
-          let affectsDropcaps = false;
-          tr.steps.forEach((step) => {
-            if (step.slice?.content) {
-              step.slice.content.descendants((node) => {
-                if (hasDropcapParagraph(node)) {
-                  affectsDropcaps = true;
-                  return false;
-                }
-              });
-            }
-            if (step.jsonID === "replace" && step.from !== void 0 && step.to !== void 0) {
-              try {
-                oldState.doc.nodesBetween(step.from, step.to, (node) => {
-                  if (hasDropcapParagraph(node)) {
-                    affectsDropcaps = true;
-                    return false;
-                  }
-                });
-              } catch {
-                affectsDropcaps = true;
-              }
-            }
-          });
-          if (!affectsDropcaps) {
-            return oldDecorationSet.map(tr.mapping, tr.doc);
-          }
-          tr.steps.forEach((step) => {
-            if (step.from !== void 0 && step.to !== void 0) {
-              invalidateCacheForRange(step.from, step.to);
-            }
-          });
-          const decorations = getDropcapDecorations(newState, view, dropcapWidthCache);
-          return DecorationSet.create(newState.doc, decorations);
-        }
-      },
-      props: {
-        decorations(state) {
-          return this.getState(state);
-        }
-      }
-    });
+    const dropcapPlugin = createDropcapPlugin(this.editor);
     const numberingPlugin = createNumberingPlugin(this.editor);
     return [dropcapPlugin, numberingPlugin];
   }
 });
-const getDropcapDecorations = (state, view, widthCache) => {
-  const decorations = [];
-  state.doc.descendants((node, pos) => {
-    if (node.type.name === "paragraph") {
-      if (node.attrs.dropcap?.type === "margin") {
-        const width = getDropcapWidth(view, pos, widthCache);
-        decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style: `margin-left: -${width}px;` }));
-      }
-      return false;
-    }
-  });
-  return decorations;
-};
-function getDropcapWidth(view, pos, widthCache) {
-  if (widthCache.has(pos)) {
-    return widthCache.get(pos);
-  }
-  const domNode = view.nodeDOM(pos);
-  if (domNode) {
-    const range = document.createRange();
-    range.selectNodeContents(domNode);
-    const width = range.getBoundingClientRect().width;
-    widthCache.set(pos, width);
-    return width;
-  }
-  return 0;
-}
 const Heading = Extension.create({
   name: "heading",
   addOptions() {
@@ -30652,434 +29590,1205 @@ class ShapeGroupView {
             svg.appendChild(shapeElement);
           }
         }
-      });
-    }
-    container.appendChild(svg);
-    return { element: container };
-  }
-  createShapeElement(shape) {
-    const attrs = shape.attrs;
-    if (!attrs) return null;
-    const x = attrs.x || 0;
-    const y = attrs.y || 0;
-    const width = attrs.width || 100;
-    const height = attrs.height || 100;
-    const g = document.createElementNS("http://www.w3.org/2000/svg", "g");
-    const transforms = [];
-    transforms.push(`translate(${x}, ${y})`);
-    if (attrs.rotation !== 0) {
-      transforms.push(`rotate(${attrs.rotation} ${width / 2} ${height / 2})`);
-    }
-    if (attrs.flipH) {
-      transforms.push(`scale(-1, 1) translate(${-width}, 0)`);
-    }
-    if (attrs.flipV) {
-      transforms.push(`scale(1, -1) translate(0, ${-height})`);
-    }
-    if (transforms.length > 0) {
-      g.setAttribute("transform", transforms.join(" "));
-    }
-    const shapeKind = attrs.kind || "rect";
-    const fillColor = attrs.fillColor || "#5b9bd5";
-    const strokeColor = attrs.strokeColor || "#000000";
-    const strokeWidth = attrs.strokeWidth || 1;
-    try {
-      const svgContent = k({
-        preset: shapeKind,
-        styleOverrides: {
-          fill: fillColor || "none",
-          stroke: strokeColor || "none",
-          strokeWidth: strokeWidth || 0
-        },
-        width,
-        height
-      });
-      if (svgContent) {
-        const tempDiv = document.createElement("div");
-        tempDiv.innerHTML = svgContent;
-        const svgElement = tempDiv.querySelector("svg");
-        if (svgElement) {
-          Array.from(svgElement.children).forEach((child) => {
-            const clonedChild = child.cloneNode(true);
-            if (clonedChild.tagName === "ellipse") {
-              clonedChild.setAttribute("cx", (width / 2).toString());
-              clonedChild.setAttribute("cy", (height / 2).toString());
-              clonedChild.setAttribute("rx", (width / 2).toString());
-              clonedChild.setAttribute("ry", (height / 2).toString());
-            } else if (clonedChild.tagName === "circle") {
-              if (width !== height) {
-                const ellipse = document.createElementNS("http://www.w3.org/2000/svg", "ellipse");
-                ellipse.setAttribute("cx", (width / 2).toString());
-                ellipse.setAttribute("cy", (height / 2).toString());
-                ellipse.setAttribute("rx", (width / 2).toString());
-                ellipse.setAttribute("ry", (height / 2).toString());
-                Array.from(clonedChild.attributes).forEach((attr) => {
-                  if (!["cx", "cy", "r"].includes(attr.name)) {
-                    ellipse.setAttribute(attr.name, attr.value);
-                  }
+      });
+    }
+    container.appendChild(svg);
+    return { element: container };
+  }
+  createShapeElement(shape) {
+    const attrs = shape.attrs;
+    if (!attrs) return null;
+    const x = attrs.x || 0;
+    const y = attrs.y || 0;
+    const width = attrs.width || 100;
+    const height = attrs.height || 100;
+    const g = document.createElementNS("http://www.w3.org/2000/svg", "g");
+    const transforms = [];
+    transforms.push(`translate(${x}, ${y})`);
+    if (attrs.rotation !== 0) {
+      transforms.push(`rotate(${attrs.rotation} ${width / 2} ${height / 2})`);
+    }
+    if (attrs.flipH) {
+      transforms.push(`scale(-1, 1) translate(${-width}, 0)`);
+    }
+    if (attrs.flipV) {
+      transforms.push(`scale(1, -1) translate(0, ${-height})`);
+    }
+    if (transforms.length > 0) {
+      g.setAttribute("transform", transforms.join(" "));
+    }
+    const shapeKind = attrs.kind || "rect";
+    const fillColor = attrs.fillColor || "#5b9bd5";
+    const strokeColor = attrs.strokeColor || "#000000";
+    const strokeWidth = attrs.strokeWidth || 1;
+    try {
+      const svgContent = k({
+        preset: shapeKind,
+        styleOverrides: {
+          fill: fillColor || "none",
+          stroke: strokeColor || "none",
+          strokeWidth: strokeWidth || 0
+        },
+        width,
+        height
+      });
+      if (svgContent) {
+        const tempDiv = document.createElement("div");
+        tempDiv.innerHTML = svgContent;
+        const svgElement = tempDiv.querySelector("svg");
+        if (svgElement) {
+          Array.from(svgElement.children).forEach((child) => {
+            const clonedChild = child.cloneNode(true);
+            if (clonedChild.tagName === "ellipse") {
+              clonedChild.setAttribute("cx", (width / 2).toString());
+              clonedChild.setAttribute("cy", (height / 2).toString());
+              clonedChild.setAttribute("rx", (width / 2).toString());
+              clonedChild.setAttribute("ry", (height / 2).toString());
+            } else if (clonedChild.tagName === "circle") {
+              if (width !== height) {
+                const ellipse = document.createElementNS("http://www.w3.org/2000/svg", "ellipse");
+                ellipse.setAttribute("cx", (width / 2).toString());
+                ellipse.setAttribute("cy", (height / 2).toString());
+                ellipse.setAttribute("rx", (width / 2).toString());
+                ellipse.setAttribute("ry", (height / 2).toString());
+                Array.from(clonedChild.attributes).forEach((attr) => {
+                  if (!["cx", "cy", "r"].includes(attr.name)) {
+                    ellipse.setAttribute(attr.name, attr.value);
+                  }
+                });
+                g.appendChild(ellipse);
+                return;
+              } else {
+                clonedChild.setAttribute("cx", (width / 2).toString());
+                clonedChild.setAttribute("cy", (height / 2).toString());
+                clonedChild.setAttribute("r", (width / 2).toString());
+              }
+            } else if (clonedChild.tagName === "rect") {
+              clonedChild.setAttribute("width", width.toString());
+              clonedChild.setAttribute("height", height.toString());
+            } else if (clonedChild.tagName === "path" && svgElement.hasAttribute("viewBox")) {
+              const viewBox = svgElement.getAttribute("viewBox").split(" ").map(Number);
+              if (viewBox.length === 4) {
+                const [, , vbWidth, vbHeight] = viewBox;
+                const scaleX = width / vbWidth;
+                const scaleY = height / vbHeight;
+                if (scaleX !== 1 || scaleY !== 1) {
+                  const pathTransform = `scale(${scaleX}, ${scaleY})`;
+                  const existingTransform = clonedChild.getAttribute("transform");
+                  clonedChild.setAttribute(
+                    "transform",
+                    existingTransform ? `${existingTransform} ${pathTransform}` : pathTransform
+                  );
+                }
+              }
+            } else if (clonedChild.hasAttribute("width")) {
+              clonedChild.setAttribute("width", width.toString());
+            }
+            if (clonedChild.hasAttribute("height") && clonedChild.tagName !== "ellipse") {
+              clonedChild.setAttribute("height", height.toString());
+            }
+            g.appendChild(clonedChild);
+          });
+        }
+      }
+    } catch (error) {
+      console.warn("Failed to generate shape SVG:", error);
+      const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+      rect.setAttribute("width", width.toString());
+      rect.setAttribute("height", height.toString());
+      rect.setAttribute("fill", fillColor);
+      rect.setAttribute("stroke", strokeColor);
+      rect.setAttribute("stroke-width", strokeWidth.toString());
+      g.appendChild(rect);
+    }
+    return g;
+  }
+  buildView() {
+    const { element } = this.createElement();
+    this.root = element;
+  }
+  update() {
+    return false;
+  }
+}
+const ShapeGroup = Node$1.create({
+  name: "shapeGroup",
+  group: "inline",
+  inline: true,
+  atom: true,
+  addOptions() {
+    return {
+      htmlAttributes: {
+        contenteditable: false
+      }
+    };
+  },
+  addAttributes() {
+    return {
+      groupTransform: {
+        default: {},
+        renderDOM: () => ({})
+      },
+      shapes: {
+        default: [],
+        renderDOM: () => ({})
+      },
+      size: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.size) return {};
+          const sizeData = {};
+          if (attrs.size.width) sizeData["data-width"] = attrs.size.width;
+          if (attrs.size.height) sizeData["data-height"] = attrs.size.height;
+          return sizeData;
+        }
+      },
+      padding: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.padding) return {};
+          const paddingData = {};
+          if (attrs.padding.top != null) paddingData["data-padding-top"] = attrs.padding.top;
+          if (attrs.padding.right != null) paddingData["data-padding-right"] = attrs.padding.right;
+          if (attrs.padding.bottom != null) paddingData["data-padding-bottom"] = attrs.padding.bottom;
+          if (attrs.padding.left != null) paddingData["data-padding-left"] = attrs.padding.left;
+          return paddingData;
+        }
+      },
+      marginOffset: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.marginOffset) return {};
+          const offsetData = {};
+          if (attrs.marginOffset.horizontal != null) offsetData["data-offset-x"] = attrs.marginOffset.horizontal;
+          if (attrs.marginOffset.top != null) offsetData["data-offset-y"] = attrs.marginOffset.top;
+          return offsetData;
+        }
+      },
+      drawingContent: {
+        rendered: false
+      }
+    };
+  },
+  parseDOM() {
+    return false;
+  },
+  renderDOM({ htmlAttributes }) {
+    return ["div", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-shape-group": "" })];
+  },
+  addNodeView() {
+    return (props) => {
+      return new ShapeGroupView({ ...props });
+    };
+  }
+});
+const TextStyle = Mark.create({
+  name: "textStyle",
+  addOptions() {
+    return {
+      htmlAttributes: {}
+    };
+  },
+  parseDOM() {
+    return [
+      {
+        tag: "span",
+        getAttrs: (el) => {
+          const hasStyles = el.hasAttribute("style");
+          const isAnnotation = el.classList.contains(annotationClass) || el.classList.contains(annotationContentClass);
+          if (!hasStyles || isAnnotation) return false;
+          return {};
+        }
+      },
+      {
+        getAttrs: (node) => {
+          const fontFamily = node.style.fontFamily?.replace(/['"]+/g, "");
+          const fontSize = node.style.fontSize;
+          const textTransform = node.style.textTransform;
+          if (fontFamily || fontSize || textTransform) {
+            return {
+              fontFamily: fontFamily || null,
+              fontSize: fontSize || null,
+              textTransform: textTransform || null
+            };
+          }
+          return false;
+        }
+      }
+    ];
+  },
+  renderDOM({ htmlAttributes }) {
+    return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+  },
+  addAttributes() {
+    return {
+      /**
+       * @category Attribute
+       * @param {string} [styleId] - Style identifier for referencing predefined styles
+       */
+      styleId: {}
+    };
+  },
+  addCommands() {
+    return {
+      /**
+       * Remove empty text style marks
+       * @category Command
+       * @example
+       * editor.commands.removeEmptyTextStyle()
+       * @note Cleanup utility to prevent empty span elements
+       * @note Automatically checks if any style attributes exist before removal
+       */
+      removeEmptyTextStyle: () => ({ state, commands: commands2 }) => {
+        const attributes = Attribute.getMarkAttributes(state, this.type);
+        const hasStyles = Object.entries(attributes).some(([, value]) => !!value);
+        if (hasStyles) return true;
+        return commands2.unsetMark(this.name);
+      }
+    };
+  }
+});
+function createCascadeToggleCommands({
+  markName,
+  setCommand,
+  unsetCommand,
+  toggleCommand,
+  negationAttrs,
+  isNegation,
+  extendEmptyMarkRange
+} = {}) {
+  if (!markName) throw new Error("createCascadeToggleCommands requires a markName");
+  const capitalized = markName.charAt(0).toUpperCase() + markName.slice(1);
+  const setName = setCommand ?? `set${capitalized}`;
+  const unsetName = unsetCommand ?? `unset${capitalized}`;
+  const toggleName = toggleCommand ?? `toggle${capitalized}`;
+  const cascadeOptions = {};
+  if (negationAttrs) cascadeOptions.negationAttrs = negationAttrs;
+  if (typeof isNegation === "function") cascadeOptions.isNegation = isNegation;
+  if (extendEmptyMarkRange !== void 0) cascadeOptions.extendEmptyMarkRange = extendEmptyMarkRange;
+  return {
+    [setName]: () => ({ commands: commands2 }) => commands2.setMark(markName),
+    [unsetName]: () => ({ commands: commands2 }) => commands2.unsetMark(markName),
+    [toggleName]: () => ({ commands: commands2 }) => commands2.toggleMarkCascade(markName, cascadeOptions)
+  };
+}
+const Bold = Mark.create({
+  name: "bold",
+  addOptions() {
+    return {
+      htmlAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      value: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (attrs.value == null) return {};
+          if (attrs.value === "0" || !attrs.value) {
+            return { style: "font-weight: normal" };
+          }
+          return {};
+        }
+      }
+    };
+  },
+  parseDOM() {
+    return [
+      { tag: "strong" },
+      { tag: "b", getAttrs: (node) => node.style.fontWeight != "normal" && null },
+      { style: "font-weight=400", clearMark: (m) => m.type.name == "strong" },
+      { style: "font-weight", getAttrs: (value) => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null }
+    ];
+  },
+  renderDOM({ htmlAttributes }) {
+    const merged = Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
+    const { value, ...rest } = merged || {};
+    if (value === "0") {
+      return ["span", rest, 0];
+    }
+    return ["strong", rest, 0];
+  },
+  addCommands() {
+    const { setBold, unsetBold, toggleBold } = createCascadeToggleCommands({
+      markName: this.name,
+      negationAttrs: { value: "0" }
+    });
+    return {
+      /**
+       * Apply bold formatting
+       * @category Command
+       * @example
+       * editor.commands.setBold()
+       * @note '0' renders as normal weight
+       */
+      setBold,
+      /**
+       * Remove bold formatting
+       * @category Command
+       * @example
+       * editor.commands.unsetBold()
+       */
+      unsetBold,
+      /**
+       * Toggle bold formatting
+       * @category Command
+       * @example
+       * editor.commands.toggleBold()
+       */
+      toggleBold
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-b": () => this.editor.commands.toggleBold(),
+      "Mod-B": () => this.editor.commands.toggleBold()
+    };
+  }
+});
+const Italic = Mark.create({
+  name: "italic",
+  addOptions() {
+    return {
+      htmlAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      /**
+       * @category Attribute
+       * @param {string} [value] - Italic toggle value ('0' renders as normal)
+       */
+      value: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (attrs.value == null) return {};
+          if (attrs.value === "0" || !attrs.value) return { style: "font-style: normal" };
+          return {};
+        }
+      }
+    };
+  },
+  parseDOM() {
+    return [
+      { tag: "i" },
+      { tag: "em" },
+      { style: "font-style=italic" },
+      { style: "font-style=normal", clearMark: (m) => m.type.name == "em" }
+    ];
+  },
+  renderDOM({ htmlAttributes }) {
+    const merged = Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
+    const { value, ...rest } = merged || {};
+    if (value === "0") {
+      return ["span", rest, 0];
+    }
+    return ["em", rest, 0];
+  },
+  addCommands() {
+    const { setItalic, unsetItalic, toggleItalic } = createCascadeToggleCommands({
+      markName: this.name,
+      negationAttrs: { value: "0" }
+    });
+    return {
+      /**
+       * Apply italic formatting
+       * @category Command
+       * @example
+       * editor.commands.setItalic()
+       */
+      setItalic,
+      /**
+       * Remove italic formatting
+       * @category Command
+       * @example
+       * editor.commands.unsetItalic()
+       */
+      unsetItalic,
+      /**
+       * Toggle italic formatting
+       * @category Command
+       * @example
+       * editor.commands.toggleItalic()
+       */
+      toggleItalic
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-i": () => this.editor.commands.toggleItalic(),
+      "Mod-I": () => this.editor.commands.toggleItalic()
+    };
+  }
+});
+const isKeyboardInvocation = (event) => {
+  return event.type === "contextmenu" && typeof event.detail === "number" && event.detail === 0 && (event.button === 0 || event.button === void 0) && event.clientX === 0 && event.clientY === 0;
+};
+const prefersNativeMenu = (event) => {
+  if (!event) return false;
+  if (event.ctrlKey || event.metaKey) {
+    return true;
+  }
+  return isKeyboardInvocation(event);
+};
+const shouldAllowNativeContextMenu = (event) => {
+  return prefersNativeMenu(event);
+};
+const shouldBypassContextMenu = shouldAllowNativeContextMenu;
+const DEFAULT_SELECTION_STATE = Object.freeze({
+  focused: false,
+  preservedSelection: null,
+  showVisualSelection: false,
+  skipFocusReset: false
+});
+const normalizeSelectionState = (state = {}) => ({
+  ...DEFAULT_SELECTION_STATE,
+  ...state
+});
+const CustomSelectionPluginKey = new PluginKey("CustomSelection");
+const handleClickOutside = (event, editor) => {
+  const editorElem = editor?.options?.element;
+  if (!editorElem) return;
+  const isInsideEditor = editorElem?.contains(event.target);
+  if (!isInsideEditor) {
+    editor.setOptions({
+      focusTarget: event.target
+    });
+  } else {
+    editor.setOptions({
+      focusTarget: null
+    });
+  }
+};
+function getFocusMeta(tr) {
+  return tr.getMeta(CustomSelectionPluginKey);
+}
+function setFocusMeta(tr, value) {
+  return tr.setMeta(CustomSelectionPluginKey, value);
+}
+function getFocusState(state) {
+  return CustomSelectionPluginKey.getState(state);
+}
+const isToolbarInput = (target) => {
+  return !!target?.closest(".button-text-input") || target?.classList?.contains("button-text-input");
+};
+const isToolbarButton = (target) => {
+  return !!target?.closest(".toolbar-button") || target?.classList?.contains("toolbar-button");
+};
+const CustomSelection = Extension.create({
+  name: "customSelection",
+  addPmPlugins() {
+    const editor = this.editor;
+    const customSelectionPlugin = new Plugin({
+      key: CustomSelectionPluginKey,
+      state: {
+        init: () => ({ ...DEFAULT_SELECTION_STATE }),
+        apply: (tr, value) => {
+          const meta = getFocusMeta(tr);
+          if (meta !== void 0) {
+            return { ...value, ...meta };
+          }
+          return value;
+        }
+      },
+      view: () => {
+        const clickHandler = (event) => handleClickOutside(event, editor);
+        document?.addEventListener("mousedown", clickHandler);
+        return {
+          destroy: () => {
+            document?.removeEventListener("mousedown", clickHandler);
+          }
+        };
+      },
+      props: {
+        handleDOMEvents: {
+          contextmenu: (view, event) => {
+            if (shouldAllowNativeContextMenu(event)) {
+              return false;
+            }
+            event.preventDefault();
+            const { selection } = view.state;
+            if (!selection.empty) {
+              view.dispatch(
+                setFocusMeta(view.state.tr, {
+                  focused: true,
+                  preservedSelection: selection,
+                  showVisualSelection: true,
+                  skipFocusReset: true
+                })
+              );
+            }
+            setTimeout(() => {
+              view.focus();
+            }, 0);
+            return false;
+          },
+          mousedown: (view, event) => {
+            if (event.button === 2) {
+              if (shouldAllowNativeContextMenu(event)) {
+                return false;
+              }
+              event.preventDefault();
+              const { selection: selection2 } = view.state;
+              if (!selection2.empty) {
+                view.dispatch(
+                  setFocusMeta(view.state.tr, {
+                    focused: true,
+                    preservedSelection: selection2,
+                    showVisualSelection: true,
+                    skipFocusReset: true
+                  })
+                );
+                this.editor.setOptions({
+                  lastSelection: selection2,
+                  preservedSelection: selection2
                 });
-                g.appendChild(ellipse);
-                return;
-              } else {
-                clonedChild.setAttribute("cx", (width / 2).toString());
-                clonedChild.setAttribute("cy", (height / 2).toString());
-                clonedChild.setAttribute("r", (width / 2).toString());
               }
-            } else if (clonedChild.tagName === "rect") {
-              clonedChild.setAttribute("width", width.toString());
-              clonedChild.setAttribute("height", height.toString());
-            } else if (clonedChild.tagName === "path" && svgElement.hasAttribute("viewBox")) {
-              const viewBox = svgElement.getAttribute("viewBox").split(" ").map(Number);
-              if (viewBox.length === 4) {
-                const [, , vbWidth, vbHeight] = viewBox;
-                const scaleX = width / vbWidth;
-                const scaleY = height / vbHeight;
-                if (scaleX !== 1 || scaleY !== 1) {
-                  const pathTransform = `scale(${scaleX}, ${scaleY})`;
-                  const existingTransform = clonedChild.getAttribute("transform");
-                  clonedChild.setAttribute(
-                    "transform",
-                    existingTransform ? `${existingTransform} ${pathTransform}` : pathTransform
-                  );
-                }
+              return false;
+            }
+            const { selection } = view.state;
+            const target = event.target;
+            const isElement2 = target instanceof Element;
+            const isToolbarBtn = isElement2 && isToolbarButton(target);
+            const isToolbarInp = isElement2 && isToolbarInput(target);
+            this.editor.setOptions({
+              focusTarget: target
+            });
+            if (isToolbarInp && !selection.empty) {
+              view.dispatch(
+                setFocusMeta(view.state.tr, {
+                  focused: true,
+                  preservedSelection: selection,
+                  showVisualSelection: true,
+                  skipFocusReset: false
+                })
+              );
+              this.editor.setOptions({
+                lastSelection: selection,
+                preservedSelection: selection
+              });
+              return false;
+            }
+            if (isToolbarBtn && !isToolbarInp) {
+              if (!selection.empty) {
+                this.editor.setOptions({
+                  lastSelection: selection
+                });
+                view.dispatch(
+                  setFocusMeta(view.state.tr, {
+                    focused: true,
+                    preservedSelection: selection,
+                    showVisualSelection: true,
+                    skipFocusReset: false
+                  })
+                );
               }
-            } else if (clonedChild.hasAttribute("width")) {
-              clonedChild.setAttribute("width", width.toString());
+              return false;
             }
-            if (clonedChild.hasAttribute("height") && clonedChild.tagName !== "ellipse") {
-              clonedChild.setAttribute("height", height.toString());
+            if (!isToolbarBtn && !isToolbarInp) {
+              view.dispatch(
+                setFocusMeta(view.state.tr, {
+                  focused: false,
+                  preservedSelection: null,
+                  showVisualSelection: false,
+                  skipFocusReset: false
+                })
+              );
+              if (!selection.empty && !this.editor.options.element?.contains(target)) {
+                this.editor.setOptions({
+                  lastSelection: selection
+                });
+                const clearSelectionTr = view.state.tr.setSelection(TextSelection.create(view.state.doc, 0));
+                view.dispatch(clearSelectionTr);
+              }
             }
-            g.appendChild(clonedChild);
-          });
+          },
+          focus: (view) => {
+            const target = this.editor.options.focusTarget;
+            const isElement2 = target instanceof Element;
+            const isToolbarBtn = isElement2 && isToolbarButton(target);
+            const isToolbarInp = isElement2 && isToolbarInput(target);
+            const focusState = getFocusState(view.state);
+            if (focusState?.skipFocusReset) {
+              view.dispatch(
+                setFocusMeta(view.state.tr, normalizeSelectionState({ ...focusState, skipFocusReset: false }))
+              );
+              return false;
+            }
+            if (!isToolbarBtn && !isToolbarInp) {
+              view.dispatch(
+                setFocusMeta(view.state.tr, {
+                  focused: false,
+                  preservedSelection: null,
+                  showVisualSelection: false,
+                  skipFocusReset: false
+                })
+              );
+            }
+          },
+          blur: (view) => {
+            const target = this.editor.options.focusTarget;
+            const isElement2 = target instanceof Element;
+            const isToolbarBtn = isElement2 && isToolbarButton(target);
+            const isToolbarInp = isElement2 && isToolbarInput(target);
+            const state = getFocusState(view.state);
+            if (state?.skipFocusReset) {
+              return false;
+            }
+            if (isToolbarBtn || isToolbarInp) {
+              view.dispatch(
+                setFocusMeta(view.state.tr, {
+                  focused: true,
+                  preservedSelection: state.preservedSelection || view.state.selection,
+                  showVisualSelection: true,
+                  skipFocusReset: false
+                })
+              );
+            } else {
+              view.dispatch(
+                setFocusMeta(view.state.tr, {
+                  focused: false,
+                  preservedSelection: null,
+                  showVisualSelection: false,
+                  skipFocusReset: false
+                })
+              );
+            }
+          }
+        },
+        decorations: (state) => {
+          const { selection, doc: doc2 } = state;
+          const focusState = getFocusState(state);
+          const shouldShowSelection = focusState.showVisualSelection && (focusState.preservedSelection || !selection.empty && focusState.focused);
+          if (!shouldShowSelection) {
+            return null;
+          }
+          const targetSelection = focusState.preservedSelection || selection;
+          if (targetSelection.empty) {
+            return null;
+          }
+          return DecorationSet.create(doc2, [
+            Decoration.inline(targetSelection.from, targetSelection.to, {
+              class: "sd-custom-selection"
+            })
+          ]);
         }
       }
-    } catch (error) {
-      console.warn("Failed to generate shape SVG:", error);
-      const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-      rect.setAttribute("width", width.toString());
-      rect.setAttribute("height", height.toString());
-      rect.setAttribute("fill", fillColor);
-      rect.setAttribute("stroke", strokeColor);
-      rect.setAttribute("stroke-width", strokeWidth.toString());
-      g.appendChild(rect);
-    }
-    return g;
-  }
-  buildView() {
-    const { element } = this.createElement();
-    this.root = element;
-  }
-  update() {
-    return false;
-  }
-}
-const ShapeGroup = Node$1.create({
-  name: "shapeGroup",
-  group: "inline",
-  inline: true,
-  atom: true,
-  addOptions() {
+    });
+    return [customSelectionPlugin];
+  },
+  addCommands() {
     return {
-      htmlAttributes: {
-        contenteditable: false
+      /**
+       * Restore the preserved selection
+       * @category Command
+       * @returns {Function} Command function
+       * @example
+       * // Restore selection after toolbar interaction
+       * editor.commands.restorePreservedSelection()
+       * @note Used internally to maintain selection when interacting with toolbar
+       */
+      restorePreservedSelection: () => ({ tr, state }) => {
+        const focusState = getFocusState(state);
+        if (focusState.preservedSelection) {
+          return tr.setSelection(focusState.preservedSelection);
+        }
+        const lastSelection = this.editor.options.lastSelection;
+        if (lastSelection) {
+          return tr.setSelection(lastSelection);
+        }
+        return tr;
       }
     };
-  },
-  addAttributes() {
-    return {
-      groupTransform: {
-        default: {},
-        renderDOM: () => ({})
-      },
-      shapes: {
-        default: [],
-        renderDOM: () => ({})
-      },
-      size: {
-        default: null,
-        renderDOM: (attrs) => {
-          if (!attrs.size) return {};
-          const sizeData = {};
-          if (attrs.size.width) sizeData["data-width"] = attrs.size.width;
-          if (attrs.size.height) sizeData["data-height"] = attrs.size.height;
-          return sizeData;
+  }
+});
+const getLinkedStyle = (styleId, styles = []) => {
+  const linkedStyle = styles.find((style) => style.id === styleId);
+  const basedOn = linkedStyle?.definition?.attrs?.basedOn;
+  const basedOnStyle = styles.find((style) => style.id === basedOn);
+  return { linkedStyle, basedOnStyle };
+};
+const getQuickFormatList = (editor) => {
+  if (!editor?.converter?.linkedStyles) return [];
+  return editor.converter.linkedStyles.filter((style) => style.type === "paragraph" && style.definition?.attrs).sort((a, b) => {
+    const nameA = a.definition.attrs?.name ?? "";
+    const nameB = b.definition.attrs?.name ?? "";
+    return nameA.localeCompare(nameB);
+  });
+};
+const generateLinkedStyleString = (linkedStyle, basedOnStyle, node, parent, includeSpacing = true) => {
+  if (!linkedStyle?.definition?.styles) return "";
+  const markValue = {};
+  const linkedDefinitionStyles = { ...linkedStyle.definition.styles };
+  const basedOnDefinitionStyles = { ...basedOnStyle?.definition?.styles };
+  const resultStyles = { ...linkedDefinitionStyles };
+  const inheritKeys = [
+    "font-size",
+    "font-family",
+    "text-transform",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "color",
+    "highlight"
+  ];
+  inheritKeys.forEach((k2) => {
+    if (!linkedDefinitionStyles[k2] && basedOnDefinitionStyles[k2]) {
+      resultStyles[k2] = basedOnDefinitionStyles[k2];
+    }
+  });
+  Object.entries(resultStyles).forEach(([k2, value]) => {
+    const key2 = kebabCase(k2);
+    const flattenedMarks = [];
+    node?.marks?.forEach((n) => {
+      if (n.type.name === "textStyle") {
+        Object.entries(n.attrs).forEach(([styleKey, value2]) => {
+          const parsedKey = kebabCase(styleKey);
+          if (!value2) return;
+          flattenedMarks.push({ key: parsedKey, value: value2 });
+        });
+        return;
+      }
+      flattenedMarks.push({ key: n.type.name, value: n.attrs[key2] });
+    });
+    const underlineNone = node?.marks?.some((m) => m.type?.name === "underline" && m.attrs?.underlineType === "none");
+    if (underlineNone) {
+      markValue["text-decoration"] = "none";
+    }
+    const mark = flattenedMarks.find((n) => n.key === key2);
+    if (!mark) {
+      if (key2 === "bold" && node) {
+        const boldValue = typeof value === "object" && value !== null ? value.value : value;
+        const hasInlineBoldOff = node.marks?.some((m) => m.type?.name === "bold" && m.attrs?.value === "0");
+        const hasInlineBoldOn = node.marks?.some((m) => m.type?.name === "bold" && m.attrs?.value !== "0");
+        if (!hasInlineBoldOff && !hasInlineBoldOn && boldValue !== "0" && boldValue !== false) {
+          markValue["font-weight"] = "bold";
         }
-      },
-      padding: {
-        default: null,
-        renderDOM: (attrs) => {
-          if (!attrs.padding) return {};
-          const paddingData = {};
-          if (attrs.padding.top != null) paddingData["data-padding-top"] = attrs.padding.top;
-          if (attrs.padding.right != null) paddingData["data-padding-right"] = attrs.padding.right;
-          if (attrs.padding.bottom != null) paddingData["data-padding-bottom"] = attrs.padding.bottom;
-          if (attrs.padding.left != null) paddingData["data-padding-left"] = attrs.padding.left;
-          return paddingData;
+      } else if (key2 === "italic" && node) {
+        const italicValue = typeof value === "object" && value !== null ? value.value : value;
+        const hasInlineItalicOff = node.marks?.some((m) => m.type?.name === "italic" && m.attrs?.value === "0");
+        const hasInlineItalicOn = node.marks?.some((m) => m.type?.name === "italic" && m.attrs?.value !== "0");
+        if (!hasInlineItalicOff && !hasInlineItalicOn && italicValue !== "0" && italicValue !== false) {
+          markValue["font-style"] = "italic";
         }
-      },
-      marginOffset: {
-        default: null,
-        renderDOM: (attrs) => {
-          if (!attrs.marginOffset) return {};
-          const offsetData = {};
-          if (attrs.marginOffset.horizontal != null) offsetData["data-offset-x"] = attrs.marginOffset.horizontal;
-          if (attrs.marginOffset.top != null) offsetData["data-offset-y"] = attrs.marginOffset.top;
-          return offsetData;
+      } else if (key2 === "strike" && node) {
+        const strikeValue = typeof value === "object" && value !== null ? value.value : value;
+        const hasInlineStrikeOff = node.marks?.some((m) => m.type?.name === "strike" && m.attrs?.value === "0");
+        const hasInlineStrikeOn = node.marks?.some(
+          (m) => m.type?.name === "strike" && (m.attrs?.value === void 0 || m.attrs?.value !== "0")
+        );
+        if (!hasInlineStrikeOff && !hasInlineStrikeOn && strikeValue !== "0" && strikeValue !== false) {
+          markValue["text-decoration"] = "line-through";
+        }
+      } else if (key2 === "text-transform" && node) {
+        markValue[key2] = value;
+      } else if (key2 === "font-size" && node) {
+        markValue[key2] = value;
+      } else if (key2 === "font-family" && node) {
+        markValue[key2] = value;
+      } else if (key2 === "color" && node) {
+        markValue[key2] = value;
+      } else if (key2 === "highlight" && node) {
+        const hasInlineHighlight = node.marks?.some((m) => m.type?.name === "highlight");
+        if (!hasInlineHighlight) {
+          const color = typeof value === "string" ? value : value?.color;
+          if (color) markValue["background-color"] = color;
+        }
+      } else if (key2 === "underline" && node) {
+        const styleValRaw = value?.value ?? value ?? "";
+        const styleVal = styleValRaw.toString().toLowerCase();
+        const hasInlineUnderlineOff = node.marks?.some(
+          (m) => m.type?.name === "underline" && m.attrs?.underlineType === "none"
+        );
+        const hasInlineUnderlineOn = node.marks?.some(
+          (m) => m.type?.name === "underline" && m.attrs?.underlineType && m.attrs.underlineType !== "none"
+        );
+        if (!hasInlineUnderlineOff && !hasInlineUnderlineOn) {
+          if (styleVal && styleVal !== "none" && styleVal !== "0") {
+            const colorVal = value && typeof value === "object" ? value.color || value.underlineColor || null : null;
+            const css = getUnderlineCssString({ type: styleVal, color: colorVal });
+            css.split(";").forEach((decl) => {
+              const d2 = decl.trim();
+              if (!d2) return;
+              const idx = d2.indexOf(":");
+              if (idx === -1) return;
+              const k3 = d2.slice(0, idx).trim();
+              const v = d2.slice(idx + 1).trim();
+              markValue[k3] = v;
+            });
+          }
         }
-      },
-      drawingContent: {
-        rendered: false
+      } else if (typeof value === "string") {
+        markValue[key2] = value;
       }
-    };
-  },
-  parseDOM() {
-    return false;
-  },
-  renderDOM({ htmlAttributes }) {
-    return ["div", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-shape-group": "" })];
-  },
-  addNodeView() {
-    return (props) => {
-      return new ShapeGroupView({ ...props });
-    };
+    }
+  });
+  const final = Object.entries(markValue).map(([key2, value]) => `${key2}: ${value}`).join(";");
+  return final;
+};
+const applyLinkedStyleToTransaction = (tr, editor, style) => {
+  if (!style) return false;
+  let selection = tr.selection;
+  const state = editor.state;
+  const focusState = CustomSelectionPluginKey.getState(state);
+  if (selection.empty && focusState?.preservedSelection && !focusState?.preservedSelection.empty) {
+    selection = focusState.preservedSelection;
+    tr.setSelection(selection);
+  } else if (selection.empty && editor.options.lastSelection) {
+    selection = editor.options.lastSelection;
+    tr.setSelection(selection);
   }
-});
-const TextStyle = Mark.create({
-  name: "textStyle",
-  addOptions() {
+  const { from: from2, to } = selection;
+  const getUpdatedParagraphAttrs = (node) => {
     return {
-      htmlAttributes: {}
+      ...node.attrs,
+      paragraphProperties: {
+        ...node.attrs.paragraphProperties || {},
+        styleId: style.id
+      }
     };
-  },
-  parseDOM() {
-    return [
-      {
-        tag: "span",
-        getAttrs: (el) => {
-          const hasStyles = el.hasAttribute("style");
-          const isAnnotation = el.classList.contains(annotationClass) || el.classList.contains(annotationContentClass);
-          if (!hasStyles || isAnnotation) return false;
-          return {};
-        }
-      },
-      {
-        getAttrs: (node) => {
-          const fontFamily = node.style.fontFamily?.replace(/['"]+/g, "");
-          const fontSize = node.style.fontSize;
-          const textTransform = node.style.textTransform;
-          if (fontFamily || fontSize || textTransform) {
-            return {
-              fontFamily: fontFamily || null,
-              fontSize: fontSize || null,
-              textTransform: textTransform || null
-            };
+  };
+  const clearFormattingMarks = (startPos, endPos) => {
+    tr.doc.nodesBetween(startPos, endPos, (node, pos) => {
+      if (node.isText && node.marks.length > 0) {
+        const marksToRemove = [
+          "textStyle",
+          "bold",
+          "italic",
+          "underline",
+          "strike",
+          "subscript",
+          "superscript",
+          "highlight"
+        ];
+        node.marks.forEach((mark) => {
+          if (marksToRemove.includes(mark.type.name)) {
+            tr.removeMark(pos, pos + node.nodeSize, mark);
           }
-          return false;
-        }
+        });
       }
-    ];
-  },
-  renderDOM({ htmlAttributes }) {
-    return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
-  },
-  addAttributes() {
-    return {
+      return true;
+    });
+  };
+  if (from2 === to) {
+    let pos = from2;
+    let paragraphNode = tr.doc.nodeAt(from2);
+    if (paragraphNode?.type.name !== "paragraph") {
+      const parentNode2 = findParentNode((node) => node.type.name === "paragraph")(selection);
+      if (!parentNode2) return false;
+      pos = parentNode2.pos;
+      paragraphNode = parentNode2.node;
+    }
+    clearFormattingMarks(pos + 1, pos + paragraphNode.nodeSize - 1);
+    tr.setNodeMarkup(pos, void 0, getUpdatedParagraphAttrs(paragraphNode));
+    return true;
+  }
+  const paragraphPositions = [];
+  tr.doc.nodesBetween(from2, to, (node, pos) => {
+    if (node.type.name === "paragraph") {
+      paragraphPositions.push({ node, pos });
+    }
+    return true;
+  });
+  paragraphPositions.forEach(({ node, pos }) => {
+    clearFormattingMarks(pos + 1, pos + node.nodeSize - 1);
+    tr.setNodeMarkup(pos, void 0, getUpdatedParagraphAttrs(node));
+  });
+  return true;
+};
+const stepInsertsTextIntoStyledParagraph = (tr, oldEditorState, step, stepIndex) => {
+  if (!step.slice || step.slice.size === 0 || typeof step.from !== "number") {
+    return false;
+  }
+  let insertsText = false;
+  step.slice.content.descendants((node) => {
+    if (node.type?.name === "text" && node.text?.length) {
+      insertsText = true;
+      return false;
+    }
+    return true;
+  });
+  if (!insertsText) return false;
+  const docBeforeStep = tr.docs?.[stepIndex] || oldEditorState.doc;
+  if (!docBeforeStep) return false;
+  const resolvedPos = Math.min(step.from, docBeforeStep.content.size);
+  const $pos = docBeforeStep.resolve(resolvedPos);
+  for (let depth = $pos.depth; depth >= 0; depth--) {
+    const node = $pos.node(depth);
+    if (node?.type?.name === "paragraph") {
+      return Boolean(node.attrs?.paragraphProperties?.styleId);
+    }
+  }
+  return false;
+};
+const LinkedStylesPluginKey = new PluginKey("linkedStyles");
+const createLinkedStylesPlugin = (editor) => {
+  return new Plugin({
+    key: LinkedStylesPluginKey,
+    state: {
       /**
-       * @category Attribute
-       * @param {string} [styleId] - Style identifier for referencing predefined styles
+       * Initialize plugin state with styles and decorations
+       * @returns {Object} Initial state with styles and decorations
+       * @private
        */
-      styleId: {}
-    };
-  },
-  addCommands() {
-    return {
+      init() {
+        if (!editor.converter || editor.options.mode !== "docx") return {};
+        const styles = editor.converter?.linkedStyles || [];
+        return {
+          styles,
+          decorations: generateDecorations(editor.state, styles)
+        };
+      },
       /**
-       * Remove empty text style marks
-       * @category Command
-       * @example
-       * editor.commands.removeEmptyTextStyle()
-       * @note Cleanup utility to prevent empty span elements
-       * @note Automatically checks if any style attributes exist before removal
+       * Update decorations when document changes
+       * @param {Object} tr - The transaction
+       * @param {Object} prev - Previous plugin state
+       * @param {Object} oldEditorState - Old editor state
+       * @param {Object} newEditorState - New editor state
+       * @returns {Object} Updated state with styles and decorations
+       * @private
        */
-      removeEmptyTextStyle: () => ({ state, commands: commands2 }) => {
-        const attributes = Attribute.getMarkAttributes(state, this.type);
-        const hasStyles = Object.entries(attributes).some(([, value]) => !!value);
-        if (hasStyles) return true;
-        return commands2.unsetMark(this.name);
+      apply(tr, prev, oldEditorState, newEditorState) {
+        if (!editor.converter || editor.options.mode !== "docx") return { ...prev };
+        let decorations = prev.decorations || DecorationSet.empty;
+        if (tr.docChanged) {
+          let mightAffectStyles = false;
+          const styleRelatedMarks = /* @__PURE__ */ new Set(["textStyle", "bold", "italic", "underline", "strike"]);
+          tr.steps.forEach((step, index2) => {
+            if (step.slice) {
+              step.slice.content.descendants((node, pos) => {
+                if (node.type.name === "paragraph") {
+                  const paragraphProps = calculateResolvedParagraphProperties(
+                    editor,
+                    node,
+                    newEditorState.doc.resolve(pos)
+                  );
+                  if (paragraphProps.styleId) {
+                    mightAffectStyles = true;
+                  }
+                  return false;
+                }
+                if (node.marks.length > 0) {
+                  const hasStyleMarks = node.marks.some((mark) => styleRelatedMarks.has(mark.type.name));
+                  if (hasStyleMarks) {
+                    mightAffectStyles = true;
+                    return false;
+                  }
+                }
+              });
+            }
+            if (step.jsonID === "addMark" || step.jsonID === "removeMark") {
+              if (step.mark && styleRelatedMarks.has(step.mark.type.name)) {
+                mightAffectStyles = true;
+              }
+            }
+            if (!mightAffectStyles && stepInsertsTextIntoStyledParagraph(tr, oldEditorState, step, index2)) {
+              mightAffectStyles = true;
+            }
+          });
+          if (mightAffectStyles) {
+            const styles = LinkedStylesPluginKey.getState(editor.state).styles;
+            decorations = generateDecorations(newEditorState, styles);
+          } else {
+            decorations = decorations.map(tr.mapping, tr.doc);
+          }
+        }
+        return { ...prev, decorations };
       }
-    };
-  }
-});
-function createCascadeToggleCommands({
-  markName,
-  setCommand,
-  unsetCommand,
-  toggleCommand,
-  negationAttrs,
-  isNegation,
-  extendEmptyMarkRange
-} = {}) {
-  if (!markName) throw new Error("createCascadeToggleCommands requires a markName");
-  const capitalized = markName.charAt(0).toUpperCase() + markName.slice(1);
-  const setName = setCommand ?? `set${capitalized}`;
-  const unsetName = unsetCommand ?? `unset${capitalized}`;
-  const toggleName = toggleCommand ?? `toggle${capitalized}`;
-  const cascadeOptions = {};
-  if (negationAttrs) cascadeOptions.negationAttrs = negationAttrs;
-  if (typeof isNegation === "function") cascadeOptions.isNegation = isNegation;
-  if (extendEmptyMarkRange !== void 0) cascadeOptions.extendEmptyMarkRange = extendEmptyMarkRange;
-  return {
-    [setName]: () => ({ commands: commands2 }) => commands2.setMark(markName),
-    [unsetName]: () => ({ commands: commands2 }) => commands2.unsetMark(markName),
-    [toggleName]: () => ({ commands: commands2 }) => commands2.toggleMarkCascade(markName, cascadeOptions)
+    },
+    props: {
+      /**
+       * Provide decorations to the editor view
+       * @param {Object} state - Current editor state
+       * @returns {Object} The decoration set
+       * @private
+       */
+      decorations(state) {
+        return LinkedStylesPluginKey.getState(state)?.decorations;
+      }
+    }
+  });
+};
+const generateDecorations = (state, styles) => {
+  const decorations = [];
+  const doc2 = state?.doc;
+  const getParagraphStyleId = (pos) => {
+    const $pos = state.doc.resolve(pos);
+    for (let d2 = $pos.depth; d2 >= 0; d2--) {
+      const n = $pos.node(d2);
+      if (n?.type?.name === "paragraph") {
+        const paragraphProps = getResolvedParagraphProperties(n);
+        return paragraphProps.styleId || null;
+      }
+    }
+    return null;
   };
-}
-const Bold = Mark.create({
-  name: "bold",
-  addOptions() {
-    return {
-      htmlAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      value: {
-        default: null,
-        renderDOM: (attrs) => {
-          if (attrs.value == null) return {};
-          if (attrs.value === "0" || !attrs.value) {
-            return { style: "font-weight: normal" };
-          }
-          return {};
+  doc2.descendants((node, pos) => {
+    const { name } = node.type;
+    if (name !== "text") return;
+    const paragraphStyleId = getParagraphStyleId(pos);
+    let runStyleId = null;
+    let inlineTextStyleId = null;
+    for (const mark of node.marks) {
+      if (mark.type.name === "run") {
+        const rp = mark.attrs?.runProperties;
+        if (rp && typeof rp === "object" && !Array.isArray(rp) && rp.styleId) runStyleId = rp.styleId;
+        else if (Array.isArray(rp)) {
+          const ent = rp.find((e) => e?.xmlName === "w:rStyle");
+          const sid = ent?.attributes?.["w:val"];
+          if (sid) runStyleId = sid;
         }
+      } else if (mark.type.name === "textStyle" && mark.attrs?.styleId) {
+        inlineTextStyleId = mark.attrs.styleId;
       }
+    }
+    const buildStyleMap = (sid) => {
+      if (!sid) return {};
+      const { linkedStyle, basedOnStyle: basedOnStyle2 } = getLinkedStyle(sid, styles);
+      if (!linkedStyle) return {};
+      const base2 = { ...basedOnStyle2?.definition?.styles || {} };
+      return { ...base2, ...linkedStyle.definition?.styles || {} };
     };
-  },
-  parseDOM() {
-    return [
-      { tag: "strong" },
-      { tag: "b", getAttrs: (node) => node.style.fontWeight != "normal" && null },
-      { style: "font-weight=400", clearMark: (m) => m.type.name == "strong" },
-      { style: "font-weight", getAttrs: (value) => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null }
-    ];
-  },
-  renderDOM({ htmlAttributes }) {
-    const merged = Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
-    const { value, ...rest } = merged || {};
-    if (value === "0") {
-      return ["span", rest, 0];
+    const pMap = buildStyleMap(paragraphStyleId);
+    let tMap;
+    if (paragraphStyleId?.startsWith("TOC")) {
+      tMap = {};
+    } else {
+      tMap = buildStyleMap(inlineTextStyleId);
     }
-    return ["strong", rest, 0];
+    const rMap = buildStyleMap(runStyleId);
+    const finalStyles = { ...pMap, ...tMap, ...rMap };
+    if (Object.keys(finalStyles).length === 0) return;
+    const mergedLinkedStyle = { definition: { styles: finalStyles, attrs: {} } };
+    const basedOnStyle = null;
+    const $pos = state.doc.resolve(pos);
+    $pos.parent;
+    const styleString = generateLinkedStyleString(mergedLinkedStyle, basedOnStyle, node);
+    if (!styleString) return;
+    const decoration = Decoration.inline(pos, pos + node.nodeSize, { style: styleString });
+    decorations.push(decoration);
+  });
+  return DecorationSet.create(doc2, decorations);
+};
+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)];
   },
   addCommands() {
-    const { setBold, unsetBold, toggleBold } = createCascadeToggleCommands({
-      markName: this.name,
-      negationAttrs: { value: "0" }
-    });
     return {
       /**
-       * Apply bold formatting
+       * Apply a linked style to the selected paragraphs
        * @category Command
+       * @param {LinkedStyle} style - The style object to apply
        * @example
-       * editor.commands.setBold()
-       * @note '0' renders as normal weight
+       * const style = editor.helpers.linkedStyles.getStyleById('Heading1');
+       * editor.commands.setLinkedStyle(style);
+       * @note Clears existing formatting when applying a style
+       * @note Works with custom selection preservation
        */
-      setBold,
+      setLinkedStyle: (style) => (params2) => {
+        const { tr } = params2;
+        return applyLinkedStyleToTransaction(tr, this.editor, style);
+      },
       /**
-       * Remove bold formatting
+       * Toggle a linked style on the current selection
        * @category Command
+       * @param {LinkedStyle} style - The linked style to apply (with id property)
        * @example
-       * editor.commands.unsetBold()
+       * const style = editor.helpers.linkedStyles.getStyleById('Heading1');
+       * editor.commands.toggleLinkedStyle(style)
+       * @note If selection is empty, returns false
+       * @note Removes style if already applied, applies it if not
        */
-      unsetBold,
+      toggleLinkedStyle: (style) => (params2) => {
+        const { tr } = params2;
+        if (tr.selection.empty) {
+          return false;
+        }
+        let node = tr.doc.nodeAt(tr.selection.$from.pos);
+        if (node && node.type.name !== "paragraph") {
+          node = findParentNodeClosestToPos(tr.selection.$from, (n) => {
+            return n.type.name === "paragraph";
+          })?.node;
+        }
+        if (!node) {
+          return false;
+        }
+        const paragraphProps = getResolvedParagraphProperties(node);
+        const currentStyleId = paragraphProps.styleId;
+        if (currentStyleId === style.id) {
+          return applyLinkedStyleToTransaction(tr, this.editor, { id: null });
+        }
+        return applyLinkedStyleToTransaction(tr, this.editor, style);
+      },
       /**
-       * Toggle bold formatting
+       * Apply a linked style by its ID
        * @category Command
+       * @param {string} styleId - The style ID to apply (e.g., 'Heading1')
        * @example
-       * editor.commands.toggleBold()
-       */
-      toggleBold
-    };
-  },
-  addShortcuts() {
-    return {
-      "Mod-b": () => this.editor.commands.toggleBold(),
-      "Mod-B": () => this.editor.commands.toggleBold()
-    };
-  }
-});
-const Italic = Mark.create({
-  name: "italic",
-  addOptions() {
-    return {
-      htmlAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      /**
-       * @category Attribute
-       * @param {string} [value] - Italic toggle value ('0' renders as normal)
+       * editor.commands.setStyleById('Heading1')
+       * editor.commands.setStyleById('Normal')
+       * @note Looks up the style from loaded Word styles
        */
-      value: {
-        default: null,
-        renderDOM: (attrs) => {
-          if (attrs.value == null) return {};
-          if (attrs.value === "0" || !attrs.value) return { style: "font-style: normal" };
-          return {};
-        }
+      setStyleById: (styleId) => (params2) => {
+        const { state, tr } = params2;
+        const pluginState = LinkedStylesPluginKey.getState(state);
+        if (!pluginState) return false;
+        const style = pluginState.styles?.find((s2) => s2.id === styleId);
+        if (!style) return false;
+        return applyLinkedStyleToTransaction(tr, this.editor, style);
       }
     };
   },
-  parseDOM() {
-    return [
-      { tag: "i" },
-      { tag: "em" },
-      { style: "font-style=italic" },
-      { style: "font-style=normal", clearMark: (m) => m.type.name == "em" }
-    ];
-  },
-  renderDOM({ htmlAttributes }) {
-    const merged = Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
-    const { value, ...rest } = merged || {};
-    if (value === "0") {
-      return ["span", rest, 0];
-    }
-    return ["em", rest, 0];
-  },
-  addCommands() {
-    const { setItalic, unsetItalic, toggleItalic } = createCascadeToggleCommands({
-      markName: this.name,
-      negationAttrs: { value: "0" }
-    });
+  addHelpers() {
     return {
       /**
-       * Apply italic formatting
-       * @category Command
+       * Get all available linked styles
+       * @category Helper
+       * @returns {Array} Array of linked style objects
        * @example
-       * editor.commands.setItalic()
+       * const styles = editor.helpers.linkedStyles.getStyles();
+       * // Returns all styles from the Word document
        */
-      setItalic,
+      getStyles: () => {
+        const styles = LinkedStylesPluginKey.getState(this.editor.state)?.styles || [];
+        return styles;
+      },
       /**
-       * Remove italic formatting
-       * @category Command
+       * Get a specific style by ID
+       * @category Helper
+       * @param {string} styleId - The style ID to find
+       * @returns {Object} The style object or undefined
        * @example
-       * editor.commands.unsetItalic()
+       * const headingStyle = editor.helpers.linkedStyles.getStyleById('Heading1');
        */
-      unsetItalic,
+      getStyleById: (styleId) => {
+        const styles = this.editor.helpers[this.name].getStyles();
+        return styles.find((s2) => s2.id === styleId);
+      },
       /**
-       * Toggle italic formatting
-       * @category Command
+       * Get the CSS string for a style
+       * @category Helper
+       * @param {string} styleId - The style ID
+       * @returns {string} CSS style string
        * @example
-       * editor.commands.toggleItalic()
+       * const css = editor.helpers.linkedStyles.getLinkedStyleString('Heading1');
+       * // Returns: "font-size: 16pt; font-weight: bold; color: #2E74B5"
+       * @private
        */
-      toggleItalic
-    };
-  },
-  addShortcuts() {
-    return {
-      "Mod-i": () => this.editor.commands.toggleItalic(),
-      "Mod-I": () => this.editor.commands.toggleItalic()
+      getLinkedStyleString: (styleId) => {
+        const styles = this.editor.helpers.linkedStyles.getStyles();
+        const style = styles.find((s2) => s2.id === styleId);
+        if (!style) return "";
+        return generateLinkedStyleString(style);
+      }
     };
   }
 });
@@ -37667,13 +37376,11 @@ const getRichTextExtensions = () => {
     History,
     Heading,
     Italic,
-    LineHeight,
     Link,
     Paragraph,
     Strike,
     Text,
     TextAlign,
-    TextIndent,
     TextStyle,
     Underline,
     Placeholder,
@@ -37710,7 +37417,6 @@ const getStarterExtensions = () => {
     History,
     Heading,
     Italic,
-    LineHeight,
     Link,
     Paragraph,
     LineBreak,
@@ -37722,7 +37428,6 @@ const getStarterExtensions = () => {
     TableOfContents,
     Text,
     TextAlign,
-    TextIndent,
     TextStyle,
     Underline,
     FormatCommands,