@harbour-enterprises/superdoc 0.22.0-next.1 → 0.22.0-next.10

package/dist/chunks/{super-editor.es-vfoWxyZL.es.js → super-editor.es-_iVPQ8J8.es.js}

@@ -24839,17 +24839,16 @@ const getParagraphSpacing = (node, docx, styleId = "", marks = [], options = {})
 };
 const getDefaultParagraphStyle = (docx, styleId = "") => {
   const styles = docx["word/styles.xml"];
-  if (!styles) {
+  const rootElements = styles?.elements?.[0]?.elements;
+  if (!rootElements?.length) {
     return {};
   }
-  const defaults = styles.elements[0].elements?.find((el) => el.name === "w:docDefaults");
-  const pDefault = defaults.elements.find((el) => el.name === "w:pPrDefault");
+  const defaults = rootElements.find((el) => el.name === "w:docDefaults");
+  const pDefault = defaults?.elements?.find((el) => el.name === "w:pPrDefault") || {};
   const pPrDefault = pDefault?.elements?.find((el) => el.name === "w:pPr");
   const pPrDefaultSpacingTag = pPrDefault?.elements?.find((el) => el.name === "w:spacing") || {};
   const pPrDefaultIndentTag = pPrDefault?.elements?.find((el) => el.name === "w:ind") || {};
-  const stylesNormal = styles.elements[0].elements?.find(
-    (el) => el.name === "w:style" && el.attributes["w:styleId"] === "Normal"
-  );
+  const stylesNormal = rootElements.find((el) => el.name === "w:style" && el.attributes["w:styleId"] === "Normal");
   const pPrNormal = stylesNormal?.elements?.find((el) => el.name === "w:pPr");
   const pPrNormalSpacingTag = pPrNormal?.elements?.find((el) => el.name === "w:spacing") || {};
   const pPrNormalIndentTag = pPrNormal?.elements?.find((el) => el.name === "w:ind") || {};
@@ -24858,9 +24857,7 @@ const getDefaultParagraphStyle = (docx, styleId = "") => {
   let pPrStyleIdIndentTag = {};
   let pPrStyleJc = {};
   if (styleId) {
-    const stylesById = styles.elements[0].elements?.find(
-      (el) => el.name === "w:style" && el.attributes["w:styleId"] === styleId
-    );
+    const stylesById = rootElements.find((el) => el.name === "w:style" && el.attributes["w:styleId"] === styleId);
     const pPrById = stylesById?.elements?.find((el) => el.name === "w:pPr");
     pPrStyleIdSpacingTag = pPrById?.elements?.find((el) => el.name === "w:spacing") || {};
     pPrStyleIdIndentTag = pPrById?.elements?.find((el) => el.name === "w:ind") || {};
@@ -27163,6 +27160,68 @@ const config$a = {
   decode: decode$h
 };
 const translator$a = NodeTranslator.from(config$a);
+const DEFAULT_PAGE_WIDTH_TWIPS = 12240;
+const DEFAULT_PAGE_MARGIN_TWIPS = 1440;
+const DEFAULT_CONTENT_WIDTH_TWIPS = DEFAULT_PAGE_WIDTH_TWIPS - 2 * DEFAULT_PAGE_MARGIN_TWIPS;
+const MIN_COLUMN_WIDTH_TWIPS = pixelsToTwips(10);
+const pctToPercent = (value) => {
+  if (value == null) return null;
+  return value / 50;
+};
+const resolveContentWidthTwips = () => DEFAULT_CONTENT_WIDTH_TWIPS;
+const resolveMeasurementWidthPx = (measurement) => {
+  if (!measurement || typeof measurement.value !== "number" || measurement.value <= 0) return null;
+  const { value, type: type2 } = measurement;
+  if (!type2 || type2 === "auto") return null;
+  if (type2 === "dxa") return twipsToPixels(value);
+  if (type2 === "pct") {
+    const percent2 = pctToPercent(value);
+    if (percent2 == null || percent2 <= 0) return null;
+    const widthTwips = resolveContentWidthTwips() * percent2 / 100;
+    return twipsToPixels(widthTwips);
+  }
+  return null;
+};
+const countColumnsInRow = (row) => {
+  if (!row?.elements?.length) return 0;
+  return row.elements.reduce((count, element) => {
+    if (element.name !== "w:tc") return count;
+    const tcPr = element.elements?.find((el) => el.name === "w:tcPr");
+    const gridSpan = tcPr?.elements?.find((el) => el.name === "w:gridSpan");
+    const spanValue = parseInt(gridSpan?.attributes?.["w:val"] || "1", 10);
+    return count + (Number.isFinite(spanValue) && spanValue > 0 ? spanValue : 1);
+  }, 0);
+};
+const clampColumnWidthTwips = (value) => Math.max(Math.round(value), MIN_COLUMN_WIDTH_TWIPS);
+const createFallbackGrid = (columnCount, columnWidthTwips) => Array.from({ length: columnCount }, () => ({ col: clampColumnWidthTwips(columnWidthTwips) }));
+const buildFallbackGridForTable = ({ params: params2, rows, tableWidth, tableWidthMeasurement }) => {
+  const firstRow = rows.find((row) => row.elements?.some((el) => el.name === "w:tc"));
+  const columnCount = countColumnsInRow(firstRow);
+  if (!columnCount) return null;
+  const schemaDefaultPx = getSchemaDefaultColumnWidthPx(
+    /** @type {any} */
+    params2
+  );
+  const minimumColumnWidthPx = Number.isFinite(schemaDefaultPx) && schemaDefaultPx > 0 ? schemaDefaultPx : DEFAULT_COLUMN_WIDTH_PX;
+  let totalWidthPx;
+  if (tableWidthMeasurement) {
+    const resolved = resolveMeasurementWidthPx(tableWidthMeasurement);
+    if (resolved != null) totalWidthPx = resolved;
+  }
+  if (totalWidthPx == null && tableWidth?.width && tableWidth.width > 0) {
+    totalWidthPx = tableWidth.width;
+  }
+  if (totalWidthPx == null) {
+    totalWidthPx = minimumColumnWidthPx * columnCount;
+  }
+  const rawColumnWidthPx = Math.max(totalWidthPx / columnCount, minimumColumnWidthPx);
+  const columnWidthTwips = clampColumnWidthTwips(pixelsToTwips(rawColumnWidthPx));
+  const fallbackColumnWidthPx = twipsToPixels(columnWidthTwips);
+  return {
+    grid: createFallbackGrid(columnCount, columnWidthTwips),
+    columnWidths: Array(columnCount).fill(fallbackColumnWidthPx)
+  };
+};
 const XML_NODE_NAME$9 = "w:tbl";
 const SD_NODE_NAME$9 = "table";
 const encode$g = (params2, encodedAttrs) => {
@@ -27182,7 +27241,6 @@ const encode$g = (params2, encodedAttrs) => {
     "justification",
     "tableLayout",
     ["tableIndent", ({ value, type: type2 }) => ({ width: twipsToPixels(value), type: type2 })],
-    ["tableWidth", ({ value, type: type2 }) => ({ width: twipsToPixels(value), type: type2 })],
     ["tableCellSpacing", ({ value, type: type2 }) => ({ w: String(value), type: type2 })]
   ].forEach((prop) => {
     let key2;
@@ -27200,6 +27258,21 @@ const encode$g = (params2, encodedAttrs) => {
   if (encodedAttrs.tableCellSpacing) {
     encodedAttrs["borderCollapse"] = "separate";
   }
+  if (encodedAttrs.tableProperties?.tableWidth) {
+    const tableWidthMeasurement = encodedAttrs.tableProperties.tableWidth;
+    const widthPx = twipsToPixels(tableWidthMeasurement.value);
+    if (widthPx != null) {
+      encodedAttrs.tableWidth = {
+        width: widthPx,
+        type: tableWidthMeasurement.type
+      };
+    } else if (tableWidthMeasurement.type === "auto") {
+      encodedAttrs.tableWidth = {
+        width: 0,
+        type: tableWidthMeasurement.type
+      };
+    }
+  }
   const { borders, rowBorders } = _processTableBorders(encodedAttrs.tableProperties?.borders || {});
   const referencedStyles = _getReferencedTableStyles(encodedAttrs.tableStyleId, params2);
   if (referencedStyles?.cellMargins && !encodedAttrs.tableProperties?.cellMargins) {
@@ -27213,7 +27286,19 @@ const encode$g = (params2, encodedAttrs) => {
   const borderRowData = Object.assign({}, referencedStyles?.rowBorders || {}, rowBorders || {});
   encodedAttrs["borders"] = borderData;
   const tblStyleTag = tblPr?.elements?.find((el) => el.name === "w:tblStyle");
-  const columnWidths = (encodedAttrs["grid"] ?? []).map((item) => twipsToPixels(item.col));
+  let columnWidths = Array.isArray(encodedAttrs["grid"]) ? encodedAttrs["grid"].map((item) => twipsToPixels(item.col)) : [];
+  if (!columnWidths.length) {
+    const fallback = buildFallbackGridForTable({
+      params: params2,
+      rows,
+      tableWidth: encodedAttrs.tableWidth,
+      tableWidthMeasurement: encodedAttrs.tableProperties?.tableWidth
+    });
+    if (fallback) {
+      encodedAttrs.grid = fallback.grid;
+      columnWidths = fallback.columnWidths;
+    }
+  }
   const content = [];
   rows.forEach((row) => {
     const result = translator$G.encode({
@@ -28075,6 +28160,9 @@ function handleStructuredContentNode(params2) {
   const node = nodes[0];
   const sdtPr = node.elements.find((el) => el.name === "w:sdtPr");
   const sdtContent = node.elements.find((el) => el.name === "w:sdtContent");
+  const id = sdtPr?.elements?.find((el) => el.name === "w:id");
+  const tag = sdtPr?.elements?.find((el) => el.name === "w:tag");
+  const alias = sdtPr?.elements?.find((el) => el.name === "w:alias");
   if (!sdtContent) {
     return null;
   }
@@ -28086,15 +28174,16 @@ function handleStructuredContentNode(params2) {
     nodes: sdtContent.elements,
     path: [...params2.path || [], sdtContent]
   });
-  let sdtContentType = "structuredContent";
-  if (paragraph || table) {
-    sdtContentType = "structuredContentBlock";
-  }
+  const isBlockNode2 = paragraph || table;
+  const sdtContentType = isBlockNode2 ? "structuredContentBlock" : "structuredContent";
   let result = {
     type: sdtContentType,
     content: translatedContent,
     marks,
     attrs: {
+      id: id?.attributes?.["w:val"] || null,
+      tag: tag?.attributes?.["w:val"] || null,
+      alias: alias?.attributes?.["w:val"] || null,
       sdtPr
     }
   };
@@ -30352,21 +30441,55 @@ const generateSdtPrTagForDocumentSection = (id, title, tag) => {
 };
 function translateStructuredContent(params2) {
   const { node } = params2;
-  const { attrs = {} } = node;
   const childContent = translateChildNodes({ ...params2, nodes: node.content });
-  const nodeElements = [
-    {
-      name: "w:sdtContent",
-      elements: childContent
-    }
-  ];
-  nodeElements.unshift(attrs.sdtPr);
+  const sdtContent = { name: "w:sdtContent", elements: childContent };
+  const sdtPr = generateSdtPrTagForStructuredContent({ node });
+  const nodeElements = [sdtPr, sdtContent];
   const result = {
     name: "w:sdt",
     elements: nodeElements
   };
   return result;
 }
+function generateSdtPrTagForStructuredContent({ node }) {
+  const { attrs = {} } = node;
+  const id = {
+    name: "w:id",
+    type: "element",
+    attributes: { "w:val": attrs.id }
+  };
+  const alias = {
+    name: "w:alias",
+    type: "element",
+    attributes: { "w:val": attrs.alias }
+  };
+  const tag = {
+    name: "w:tag",
+    type: "element",
+    attributes: { "w:val": attrs.tag }
+  };
+  const resultElements = [];
+  if (attrs.id) resultElements.push(id);
+  if (attrs.alias) resultElements.push(alias);
+  if (attrs.tag) resultElements.push(tag);
+  if (attrs.sdtPr) {
+    const elements = attrs.sdtPr.elements || [];
+    const elementsToExclude = ["w:id", "w:alias", "w:tag"];
+    const restElements = elements.filter((el) => !elementsToExclude.includes(el.name));
+    const result2 = {
+      name: "w:sdtPr",
+      type: "element",
+      elements: [...resultElements, ...restElements]
+    };
+    return result2;
+  }
+  const result = {
+    name: "w:sdtPr",
+    type: "element",
+    elements: resultElements
+  };
+  return result;
+}
 const XML_NODE_NAME$3 = "w:sdt";
 const SD_NODE_NAME$3 = ["fieldAnnotation", "structuredContent", "structuredContentBlock", "documentSection"];
 const validXmlAttributes$3 = [];
@@ -30594,6 +30717,63 @@ const config = {
   attributes: validXmlAttributes
 };
 const translator = NodeTranslator.from(config);
+const DEFAULT_SECTION_PROPS_TWIPS = Object.freeze({
+  pageSize: Object.freeze({ width: "12240", height: "15840" }),
+  pageMargins: Object.freeze({
+    top: "1440",
+    right: "1440",
+    bottom: "1440",
+    left: "1440",
+    header: "720",
+    footer: "720",
+    gutter: "0"
+  })
+});
+const ensureSectionLayoutDefaults = (sectPr, converter) => {
+  if (!sectPr) {
+    return {
+      type: "element",
+      name: "w:sectPr",
+      elements: []
+    };
+  }
+  if (!sectPr.elements) sectPr.elements = [];
+  const ensureChild = (name) => {
+    let child = sectPr.elements.find((n) => n.name === name);
+    if (!child) {
+      child = {
+        type: "element",
+        name,
+        elements: [],
+        attributes: {}
+      };
+      sectPr.elements.push(child);
+    } else {
+      if (!child.elements) child.elements = [];
+      if (!child.attributes) child.attributes = {};
+    }
+    return child;
+  };
+  const pageSize = converter?.pageStyles?.pageSize;
+  const pgSz = ensureChild("w:pgSz");
+  if (pageSize?.width != null) pgSz.attributes["w:w"] = String(inchesToTwips(pageSize.width));
+  if (pageSize?.height != null) pgSz.attributes["w:h"] = String(inchesToTwips(pageSize.height));
+  if (pgSz.attributes["w:w"] == null) pgSz.attributes["w:w"] = DEFAULT_SECTION_PROPS_TWIPS.pageSize.width;
+  if (pgSz.attributes["w:h"] == null) pgSz.attributes["w:h"] = DEFAULT_SECTION_PROPS_TWIPS.pageSize.height;
+  const pageMargins = converter?.pageStyles?.pageMargins;
+  const pgMar = ensureChild("w:pgMar");
+  if (pageMargins) {
+    Object.entries(pageMargins).forEach(([key2, value]) => {
+      const converted = inchesToTwips(value);
+      if (converted != null) pgMar.attributes[`w:${key2}`] = String(converted);
+    });
+  }
+  Object.entries(DEFAULT_SECTION_PROPS_TWIPS.pageMargins).forEach(([key2, value]) => {
+    const attrKey = `w:${key2}`;
+    if (pgMar.attributes[attrKey] == null) pgMar.attributes[attrKey] = value;
+  });
+  return sectPr;
+};
 const isLineBreakOnlyRun = (node) => {
   if (!node) return false;
   if (node.type === "lineBreak" || node.type === "hardBreak") return true;
@@ -30646,28 +30826,30 @@ function exportSchemaToJson(params2) {
   return handler2(params2);
 }
 function translateBodyNode(params2) {
-  let sectPr = params2.bodyNode?.elements.find((n) => n.name === "w:sectPr") || {};
+  let sectPr = params2.bodyNode?.elements?.find((n) => n.name === "w:sectPr");
+  if (!sectPr) {
+    sectPr = {
+      type: "element",
+      name: "w:sectPr",
+      elements: []
+    };
+  } else if (!sectPr.elements) {
+    sectPr = { ...sectPr, elements: [] };
+  }
+  sectPr = ensureSectionLayoutDefaults(sectPr, params2.converter);
   if (params2.converter) {
-    const hasHeader = sectPr?.elements?.some((n) => n.name === "w:headerReference");
+    const hasHeader = sectPr.elements?.some((n) => n.name === "w:headerReference");
     const hasDefaultHeader = params2.converter.headerIds?.default;
     if (!hasHeader && hasDefaultHeader && !params2.editor.options.isHeaderOrFooter) {
       const defaultHeader = generateDefaultHeaderFooter("header", params2.converter.headerIds?.default);
       sectPr.elements.push(defaultHeader);
     }
-    const hasFooter = sectPr?.elements?.some((n) => n.name === "w:footerReference");
+    const hasFooter = sectPr.elements?.some((n) => n.name === "w:footerReference");
     const hasDefaultFooter = params2.converter.footerIds?.default;
     if (!hasFooter && hasDefaultFooter && !params2.editor.options.isHeaderOrFooter) {
       const defaultFooter = generateDefaultHeaderFooter("footer", params2.converter.footerIds?.default);
       sectPr.elements.push(defaultFooter);
     }
-    const newMargins = params2.converter.pageStyles.pageMargins;
-    const sectPrMargins = sectPr.elements.find((n) => n.name === "w:pgMar");
-    const { attributes } = sectPrMargins;
-    Object.entries(newMargins).forEach(([key2, value]) => {
-      const convertedValue = inchesToTwips(value);
-      attributes[`w:${key2}`] = convertedValue;
-    });
-    sectPrMargins.attributes = attributes;
   }
   const elements = translateChildNodes(params2);
   if (params2.isHeaderFooter) {
@@ -32094,8 +32276,15 @@ const handlePictNode = (params2) => {
     return { nodes: [], consumed: 0 };
   }
   const [pNode] = nodes;
-  const run2 = pNode.elements?.find((el) => el.name === "w:r");
-  const pict = run2?.elements?.find((el) => el.name === "w:pict");
+  const runs = pNode.elements?.filter((el) => el.name === "w:r") || [];
+  let pict = null;
+  for (const run2 of runs) {
+    const foundPict = run2.elements?.find((el) => el.name === "w:pict");
+    if (foundPict) {
+      pict = foundPict;
+      break;
+    }
+  }
   if (!pict) {
     return { nodes: [], consumed: 0 };
   }
@@ -32682,6 +32871,7 @@ const createDocumentJson = (docx, converter, editor) => {
   const nodeListHandler = defaultNodeListHandler();
   const bodyNode = json.elements[0].elements.find((el) => el.name === "w:body");
   if (bodyNode) {
+    ensureSectionProperties(bodyNode);
     const node = bodyNode;
     const contentElements = node.elements?.filter((n) => n.name !== "w:sectPr") ?? [];
     const content = pruneIgnoredNodes(contentElements);
@@ -32915,6 +33105,59 @@ function getDocumentStyles(node, docx, converter, editor) {
   styles.alternateHeaders = isAlternatingHeadersOddEven(docx);
   return styles;
 }
+const DEFAULT_SECTION_PROPS = Object.freeze({
+  pageSize: Object.freeze({ width: "12240", height: "15840" }),
+  pageMargins: Object.freeze({
+    top: "1440",
+    right: "1440",
+    bottom: "1440",
+    left: "1440",
+    header: "720",
+    footer: "720",
+    gutter: "0"
+  })
+});
+function ensureSectionProperties(bodyNode, converter) {
+  if (!bodyNode.elements) bodyNode.elements = [];
+  let sectPr = bodyNode.elements.find((el) => el.name === "w:sectPr");
+  if (!sectPr) {
+    sectPr = {
+      type: "element",
+      name: "w:sectPr",
+      elements: []
+    };
+    bodyNode.elements.push(sectPr);
+  } else if (!sectPr.elements) {
+    sectPr.elements = [];
+  }
+  const ensureChild = (name, factory) => {
+    let child = sectPr.elements.find((el) => el.name === name);
+    if (!child) {
+      child = factory();
+      sectPr.elements.push(child);
+    } else if (!child.attributes) {
+      child.attributes = {};
+    }
+    return child;
+  };
+  const pgSz = ensureChild("w:pgSz", () => ({
+    type: "element",
+    name: "w:pgSz",
+    attributes: {}
+  }));
+  pgSz.attributes["w:w"] = pgSz.attributes["w:w"] ?? DEFAULT_SECTION_PROPS.pageSize.width;
+  pgSz.attributes["w:h"] = pgSz.attributes["w:h"] ?? DEFAULT_SECTION_PROPS.pageSize.height;
+  const pgMar = ensureChild("w:pgMar", () => ({
+    type: "element",
+    name: "w:pgMar",
+    attributes: {}
+  }));
+  Object.entries(DEFAULT_SECTION_PROPS.pageMargins).forEach(([key2, value]) => {
+    const attrKey = `w:${key2}`;
+    if (pgMar.attributes[attrKey] == null) pgMar.attributes[attrKey] = value;
+  });
+  return sectPr;
+}
 function getStyleDefinitions(docx) {
   const styles = docx["word/styles.xml"];
   if (!styles) return [];
@@ -33107,6 +33350,36 @@ const FONT_FAMILY_FALLBACKS = Object.freeze({
   auto: "sans-serif"
 });
 const DEFAULT_GENERIC_FALLBACK = "sans-serif";
+const DEFAULT_FONT_SIZE_PT = 10;
+const collectRunDefaultProperties = (runProps, { allowOverrideTypeface = true, allowOverrideSize = true, themeResolver, state: state2 }) => {
+  if (!runProps?.elements?.length || !state2) return;
+  const fontsNode = runProps.elements.find((el) => el.name === "w:rFonts");
+  if (fontsNode?.attributes) {
+    const themeName = fontsNode.attributes["w:asciiTheme"];
+    if (themeName) {
+      const themeInfo = themeResolver?.(themeName) || {};
+      if ((allowOverrideTypeface || !state2.typeface) && themeInfo.typeface) state2.typeface = themeInfo.typeface;
+      if ((allowOverrideTypeface || !state2.panose) && themeInfo.panose) state2.panose = themeInfo.panose;
+    }
+    const ascii = fontsNode.attributes["w:ascii"];
+    if ((allowOverrideTypeface || !state2.typeface) && ascii) {
+      state2.typeface = ascii;
+    }
+  }
+  const sizeNode = runProps.elements.find((el) => el.name === "w:sz");
+  if (sizeNode?.attributes?.["w:val"]) {
+    const sizeTwips = Number(sizeNode.attributes["w:val"]);
+    if (Number.isFinite(sizeTwips)) {
+      if (state2.fallbackSzTwips === void 0) state2.fallbackSzTwips = sizeTwips;
+      const sizePt = sizeTwips / 2;
+      if (allowOverrideSize || state2.fontSizePt === void 0) state2.fontSizePt = sizePt;
+    }
+  }
+  const kernNode = runProps.elements.find((el) => el.name === "w:kern");
+  if (kernNode?.attributes?.["w:val"]) {
+    if (allowOverrideSize || state2.kern === void 0) state2.kern = kernNode.attributes["w:val"];
+  }
+};
 const _SuperConverter = class _SuperConverter2 {
   constructor(params2 = null) {
     __privateAdd$2(this, _SuperConverter_instances);
@@ -33234,49 +33507,45 @@ const _SuperConverter = class _SuperConverter2 {
   }
   getDocumentDefaultStyles() {
     const styles = this.convertedXml["word/styles.xml"];
-    if (!styles) return {};
-    const defaults = styles.elements[0].elements.find((el) => el.name === "w:docDefaults");
-    const rDefault = defaults.elements.find((el) => el.name === "w:rPrDefault");
-    if (!rDefault.elements) return {};
-    const rElements = rDefault.elements[0].elements;
-    const rFonts = rElements?.find((el) => el.name === "w:rFonts");
-    if ("elements" in rDefault) {
-      const fontThemeName = rElements.find((el) => el.name === "w:rFonts")?.attributes["w:asciiTheme"];
-      let typeface, panose, fontSizeNormal;
-      if (fontThemeName) {
-        const fontInfo = this.getThemeInfo(fontThemeName);
-        typeface = fontInfo.typeface;
-        panose = fontInfo.panose;
-      } else if (rFonts) {
-        typeface = rFonts?.attributes["w:ascii"];
-      }
-      const paragraphDefaults = styles.elements[0].elements.filter((el) => {
-        return el.name === "w:style" && el.attributes["w:styleId"] === "Normal";
-      }) || [];
-      paragraphDefaults.forEach((el) => {
-        const rPr = el.elements.find((el2) => el2.name === "w:rPr");
-        const fonts = rPr?.elements?.find((el2) => el2.name === "w:rFonts");
-        typeface = fonts?.attributes["w:ascii"];
-        fontSizeNormal = Number(rPr?.elements?.find((el2) => el2.name === "w:sz")?.attributes["w:val"]) / 2;
-      });
-      const rPrDefaults = defaults?.elements?.find((el) => el.name === "w:rPrDefault");
-      if (rPrDefaults) {
-        const rPr = rPrDefaults.elements?.find((el) => el.name === "w:rPr");
-        const fonts = rPr?.elements?.find((el) => el.name === "w:rFonts");
-        if (fonts?.attributes?.["w:ascii"]) {
-          typeface = fonts.attributes["w:ascii"];
-        }
-        const fontSizeRaw = rPr?.elements?.find((el) => el.name === "w:sz")?.attributes?.["w:val"];
-        if (!fontSizeNormal && fontSizeRaw) {
-          fontSizeNormal = Number(fontSizeRaw) / 2;
-        }
-      }
-      const fallbackSz = Number(rElements.find((el) => el.name === "w:sz")?.attributes?.["w:val"]);
-      const fontSizePt = fontSizeNormal ?? (Number.isFinite(fallbackSz) ? fallbackSz / 2 : void 0) ?? 10;
-      const kern = rElements.find((el) => el.name === "w:kern")?.attributes["w:val"];
-      const fontFamilyCss = _SuperConverter2.toCssFontFamily(typeface, this.convertedXml);
-      return { fontSizePt, kern, typeface, panose, fontFamilyCss };
-    }
+    const styleRoot = styles?.elements?.[0];
+    const styleElements = styleRoot?.elements || [];
+    if (!styleElements.length) return {};
+    const defaults = styleElements.find((el) => el.name === "w:docDefaults");
+    const normalStyle = styleElements.find((el) => el.name === "w:style" && el.attributes?.["w:styleId"] === "Normal");
+    const defaultsState = {
+      typeface: void 0,
+      panose: void 0,
+      fontSizePt: void 0,
+      kern: void 0,
+      fallbackSzTwips: void 0
+    };
+    const docDefaultRun = defaults?.elements?.find((el) => el.name === "w:rPrDefault");
+    const docDefaultProps = docDefaultRun?.elements?.find((el) => el.name === "w:rPr") ?? docDefaultRun;
+    collectRunDefaultProperties(docDefaultProps, {
+      allowOverrideTypeface: true,
+      allowOverrideSize: true,
+      themeResolver: (theme) => this.getThemeInfo(theme),
+      state: defaultsState
+    });
+    const normalRunProps = normalStyle?.elements?.find((el) => el.name === "w:rPr") ?? null;
+    collectRunDefaultProperties(normalRunProps, {
+      allowOverrideTypeface: true,
+      allowOverrideSize: true,
+      themeResolver: (theme) => this.getThemeInfo(theme),
+      state: defaultsState
+    });
+    if (defaultsState.fontSizePt === void 0) {
+      if (Number.isFinite(defaultsState.fallbackSzTwips)) defaultsState.fontSizePt = defaultsState.fallbackSzTwips / 2;
+      else defaultsState.fontSizePt = DEFAULT_FONT_SIZE_PT;
+    }
+    const fontFamilyCss = defaultsState.typeface ? _SuperConverter2.toCssFontFamily(defaultsState.typeface, this.convertedXml) : void 0;
+    const result = {};
+    if (defaultsState.fontSizePt !== void 0) result.fontSizePt = defaultsState.fontSizePt;
+    if (defaultsState.kern !== void 0) result.kern = defaultsState.kern;
+    if (defaultsState.typeface) result.typeface = defaultsState.typeface;
+    if (defaultsState.panose) result.panose = defaultsState.panose;
+    if (fontFamilyCss) result.fontFamilyCss = fontFamilyCss;
+    return result;
   }
   getDocumentFonts() {
     const fontTable = this.convertedXml["word/fontTable.xml"];
@@ -36143,14 +36412,19 @@ class DocxZipper {
   /**
    * Update [Content_Types].xml with extensions of new Image annotations
    */
-  async updateContentTypes(docx, media, fromJson) {
+  async updateContentTypes(docx, media, fromJson, updatedDocs = {}) {
+    const additionalPartNames = Object.keys(updatedDocs || {});
     const newMediaTypes = Object.keys(media).map((name) => {
       return this.getFileExtension(name);
     }).filter(Boolean);
     const contentTypesPath = "[Content_Types].xml";
     let contentTypesXml;
     if (fromJson) {
-      contentTypesXml = docx.files.find((file) => file.name === contentTypesPath)?.content || "";
+      if (Array.isArray(docx.files)) {
+        contentTypesXml = docx.files.find((file) => file.name === contentTypesPath)?.content || "";
+      } else {
+        contentTypesXml = docx.files?.[contentTypesPath] || "";
+      }
     } else contentTypesXml = await docx.file(contentTypesPath).async("string");
     let typesString = "";
     const defaultMediaTypes = getContentTypesFromXml(contentTypesXml);
@@ -36176,24 +36450,39 @@ class DocxZipper {
     const hasCommentsExtensible = types2.elements?.some(
       (el) => el.name === "Override" && el.attributes.PartName === "/word/commentsExtensible.xml"
     );
-    if (docx.files["word/comments.xml"]) {
+    const hasFile = (filename) => {
+      if (!docx?.files) return false;
+      if (!fromJson) return Boolean(docx.files[filename]);
+      if (Array.isArray(docx.files)) return docx.files.some((file) => file.name === filename);
+      return Boolean(docx.files[filename]);
+    };
+    if (hasFile("word/comments.xml")) {
       const commentsDef = `<Override PartName="/word/comments.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.comments+xml" />`;
       if (!hasComments) typesString += commentsDef;
     }
-    if (docx.files["word/commentsExtended.xml"]) {
+    if (hasFile("word/commentsExtended.xml")) {
       const commentsExtendedDef = `<Override PartName="/word/commentsExtended.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.commentsExtended+xml" />`;
       if (!hasCommentsExtended) typesString += commentsExtendedDef;
     }
-    if (docx.files["word/commentsIds.xml"]) {
+    if (hasFile("word/commentsIds.xml")) {
       const commentsIdsDef = `<Override PartName="/word/commentsIds.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.commentsIds+xml" />`;
       if (!hasCommentsIds) typesString += commentsIdsDef;
     }
-    if (docx.files["word/commentsExtensible.xml"]) {
+    if (hasFile("word/commentsExtensible.xml")) {
       const commentsExtendedDef = `<Override PartName="/word/commentsExtensible.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.commentsExtensible+xml" />`;
       if (!hasCommentsExtensible) typesString += commentsExtendedDef;
     }
-    Object.keys(docx.files).forEach((name) => {
-      if (name.includes(".rels") || !name.includes("header") && !name.includes("footer")) return;
+    const partNames = new Set(additionalPartNames);
+    if (docx?.files) {
+      if (fromJson && Array.isArray(docx.files)) {
+        docx.files.forEach((file) => partNames.add(file.name));
+      } else {
+        Object.keys(docx.files).forEach((key2) => partNames.add(key2));
+      }
+    }
+    partNames.forEach((name) => {
+      if (name.includes(".rels")) return;
+      if (!name.includes("header") && !name.includes("footer")) return;
       const hasExtensible = types2.elements?.some(
         (el) => el.name === "Override" && el.attributes.PartName === `/${name}`
       );
@@ -36204,7 +36493,48 @@ class DocxZipper {
       }
     });
     const beginningString = '<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types">';
-    const updatedContentTypesXml = contentTypesXml.replace(beginningString, `${beginningString}${typesString}`);
+    let updatedContentTypesXml = contentTypesXml.replace(beginningString, `${beginningString}${typesString}`);
+    let relationshipsXml = updatedDocs["word/_rels/document.xml.rels"];
+    if (!relationshipsXml) {
+      if (fromJson) {
+        if (Array.isArray(docx.files)) {
+          relationshipsXml = docx.files.find((file) => file.name === "word/_rels/document.xml.rels")?.content;
+        } else {
+          relationshipsXml = docx.files?.["word/_rels/document.xml.rels"];
+        }
+      } else {
+        relationshipsXml = await docx.file("word/_rels/document.xml.rels")?.async("string");
+      }
+    }
+    if (relationshipsXml) {
+      try {
+        const relJson = xmljs.xml2js(relationshipsXml, { compact: false });
+        const relationships = relJson.elements?.find((el) => el.name === "Relationships");
+        relationships?.elements?.forEach((rel) => {
+          const type2 = rel.attributes?.Type;
+          const target = rel.attributes?.Target;
+          if (!type2 || !target) return;
+          const isHeader = type2.includes("/header");
+          const isFooter = type2.includes("/footer");
+          if (!isHeader && !isFooter) return;
+          let sanitizedTarget = target.replace(/^\.\//, "");
+          if (sanitizedTarget.startsWith("../")) sanitizedTarget = sanitizedTarget.slice(3);
+          if (sanitizedTarget.startsWith("/")) sanitizedTarget = sanitizedTarget.slice(1);
+          const partName = sanitizedTarget.startsWith("word/") ? sanitizedTarget : `word/${sanitizedTarget}`;
+          partNames.add(partName);
+        });
+      } catch (error) {
+        console.warn("Failed to parse document relationships while updating content types", error);
+      }
+    }
+    partNames.forEach((name) => {
+      if (name.includes(".rels")) return;
+      if (!name.includes("header") && !name.includes("footer")) return;
+      if (updatedContentTypesXml.includes(`PartName="/${name}"`)) return;
+      const type2 = name.includes("header") ? "header" : "footer";
+      const extendedDef = `<Override PartName="/${name}" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.${type2}+xml"/>`;
+      updatedContentTypesXml = updatedContentTypesXml.replace("</Types>", `${extendedDef}</Types>`);
+    });
     if (fromJson) return updatedContentTypesXml;
     docx.file(contentTypesPath, updatedContentTypesXml);
   }
@@ -36245,7 +36575,7 @@ class DocxZipper {
     for (const [fontName, fontUintArray] of Object.entries(fonts)) {
       zip.file(fontName, fontUintArray);
     }
-    await this.updateContentTypes(zip, media);
+    await this.updateContentTypes(zip, media, false, updatedDocs);
     return zip;
   }
   /**
@@ -36271,7 +36601,7 @@ class DocxZipper {
     Object.keys(media).forEach((path) => {
       unzippedOriginalDocx.file(path, media[path]);
     });
-    await this.updateContentTypes(unzippedOriginalDocx, media);
+    await this.updateContentTypes(unzippedOriginalDocx, media, false, updatedDocs);
     return unzippedOriginalDocx;
   }
 }
@@ -36286,7 +36616,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("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$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _ListItemNodeView_instances, init_fn2, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _DocumentSectionView_instances, init_fn3, addToolTip_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ListItemNodeView_instances, init_fn3, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
 };
@@ -47929,9 +48259,11 @@ const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode,
     item.editor.view.dom.setAttribute("documentmode", documentMode);
   });
   if (isEditMode) {
-    const pm = document.querySelector(".ProseMirror");
-    pm.classList.add("header-footer-edit");
-    pm.setAttribute("aria-readonly", true);
+    const pm = editor.view?.dom || editor.options.element?.querySelector?.(".ProseMirror");
+    if (pm) {
+      pm.classList.add("header-footer-edit");
+      pm.setAttribute("aria-readonly", true);
+    }
   }
   if (focusedSectionEditor) {
     focusedSectionEditor.view.focus();
@@ -48359,28 +48691,25 @@ const handleTrackedChangeTransaction = (trackedChangeMeta, trackedChanges, newEd
   if (emitParams) editor.emit("commentsUpdate", emitParams);
   return newTrackedChanges;
 };
-const getTrackedChangeText = ({ state: state2, node, mark, marks, trackedChangeType, isDeletionInsertion }) => {
+const getTrackedChangeText = ({ state: state2, nodes, mark, marks, trackedChangeType, isDeletionInsertion }) => {
   let trackedChangeText = "";
   let deletionText = "";
   if (trackedChangeType === TrackInsertMarkName) {
-    trackedChangeText = node?.text ?? "";
+    trackedChangeText = nodes.reduce((acc, node) => {
+      if (!node.marks.find((nodeMark) => nodeMark.type.name === mark.type.name)) return acc;
+      acc += node?.text || node?.textContent || "";
+      return acc;
+    }, "");
   }
   if (trackedChangeType === TrackFormatMarkName) {
     trackedChangeText = translateFormatChangesToEnglish(mark.attrs);
   }
   if (trackedChangeType === TrackDeleteMarkName || isDeletionInsertion) {
-    deletionText = node?.text ?? "";
-    if (isDeletionInsertion) {
-      let { id } = marks.deletionMark.attrs;
-      let deletionNode = findNode$1(state2.doc, (node2) => {
-        const { marks: marks2 = [] } = node2;
-        const changeMarks = marks2.filter((mark2) => TRACK_CHANGE_MARKS.includes(mark2.type.name));
-        if (!changeMarks.length) return false;
-        const hasMatchingId = changeMarks.find((mark2) => mark2.attrs.id === id);
-        if (hasMatchingId) return true;
-      });
-      deletionText = deletionNode?.node.text ?? "";
-    }
+    deletionText = nodes.reduce((acc, node) => {
+      if (!node.marks.find((nodeMark) => nodeMark.type.name === TrackDeleteMarkName)) return acc;
+      acc += node?.text || node?.textContent || "";
+      return acc;
+    }, "");
   }
   return {
     deletionText,
@@ -48395,18 +48724,17 @@ const createOrUpdateTrackedChangeComment = ({ event, marks, deletionNodes, nodes
   const id = attrs.id;
   const node = nodes[0];
   const isDeletionInsertion = !!(marks.insertedMark && marks.deletionMark);
-  let existingNode;
+  let nodesWithMark = [];
   newEditorState.doc.descendants((node2) => {
     const { marks: marks2 = [] } = node2;
     const changeMarks = marks2.filter((mark) => TRACK_CHANGE_MARKS.includes(mark.type.name));
     if (!changeMarks.length) return;
     const hasMatchingId = changeMarks.find((mark) => mark.attrs.id === id);
-    if (hasMatchingId) existingNode = node2;
-    if (existingNode) return false;
+    if (hasMatchingId) nodesWithMark.push(node2);
   });
   const { deletionText, trackedChangeText } = getTrackedChangeText({
     state: newEditorState,
-    node: existingNode || node,
+    nodes: nodesWithMark.length ? nodesWithMark : [node],
     mark: trackedMark,
     marks,
     trackedChangeType,
@@ -48436,14 +48764,6 @@ const createOrUpdateTrackedChangeComment = ({ event, marks, deletionNodes, nodes
   else if (event === "update") params2.event = comments_module_events.UPDATE;
   return params2;
 };
-function findNode$1(node, predicate) {
-  let found2 = null;
-  node.descendants((node2, pos) => {
-    if (predicate(node2)) found2 = { node: node2, pos };
-    if (found2) return false;
-  });
-  return found2;
-}
 function findRangeById(doc2, id) {
   let from2 = null, to = null;
   doc2.descendants((node, pos) => {
@@ -48961,6 +49281,7 @@ const generateTableIfNecessary = ({ tableNode, annotationValues, tr, state: stat
     const mappedRowStart = tr.mapping.map(absoluteRowStart);
     const rowEnd = mappedRowStart + rowNode.nodeSize;
     tr.replaceWith(mappedRowStart, rowEnd, Fragment.from(newRows));
+    tr.setMeta("tableGeneration", true);
   } catch (error) {
     console.error("Error during row generation:", error);
     throw error;
@@ -49365,7 +49686,7 @@ function findFieldAnnotationsBetween(from2, to, doc2) {
 }
 function findRemovedFieldAnnotations(tr) {
   let removedNodes = [];
-  if (!tr.steps.length || tr.meta && !Object.keys(tr.meta).every((meta) => ["inputType", "uiEvent", "paste"].includes(meta)) || ["historyUndo", "historyRedo"].includes(tr.getMeta("inputType")) || ["drop"].includes(tr.getMeta("uiEvent")) || tr.getMeta("fieldAnnotationUpdate") === true) {
+  if (!tr.steps.length || tr.meta && !Object.keys(tr.meta).every((meta) => ["inputType", "uiEvent", "paste"].includes(meta)) || ["historyUndo", "historyRedo"].includes(tr.getMeta("inputType")) || ["drop"].includes(tr.getMeta("uiEvent")) || tr.getMeta("fieldAnnotationUpdate") === true || tr.getMeta("tableGeneration") === true) {
     return removedNodes;
   }
   const hasDeletion = transactionDeletedAnything(tr);
@@ -50543,7 +50864,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   setDocumentMode(documentMode) {
     let cleanedMode = documentMode?.toLowerCase() || "editing";
     if (!this.extensionService || !this.state) return;
-    const pm = document.querySelector(".ProseMirror");
+    const pm = this.view?.dom || this.options.element?.querySelector?.(".ProseMirror");
     if (this.options.role === "viewer") cleanedMode = "viewing";
     if (this.options.role === "suggester" && cleanedMode === "editing") cleanedMode = "suggesting";
     if (cleanedMode === "viewing") {
@@ -51031,7 +51352,8 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
             files: this.options.content
           },
           media,
-          true
+          true,
+          updatedDocs
         );
         return updatedDocs;
       }
@@ -51517,9 +51839,11 @@ createView_fn = function(element) {
           isEditMode: false,
           documentMode: this.options.documentMode
         });
-        const pm = document.querySelector(".ProseMirror");
-        pm.classList.remove("header-footer-edit");
-        pm.setAttribute("aria-readonly", false);
+        const pm = this.view?.dom || this.options.element?.querySelector?.(".ProseMirror");
+        if (pm) {
+          pm.classList.remove("header-footer-edit");
+          pm.setAttribute("aria-readonly", false);
+        }
       }
       setWordSelection(view, pos);
     }
@@ -53067,522 +53391,1536 @@ const SlashMenu = Extension.create({
     return this.editor.options.isHeadless ? [] : [slashMenuPlugin];
   }
 });
-const Document = Node$1.create({
-  name: "doc",
-  topNode: true,
-  content: "block+",
-  parseDOM() {
-    return [{ tag: "doc" }];
-  },
-  renderDOM() {
-    return ["doc", 0];
-  },
-  addAttributes() {
-    return {
-      attributes: {
-        rendered: false,
-        "aria-label": "Document node"
-      }
-    };
-  },
-  addCommands() {
-    return {
-      /**
-       * Get document statistics
-       * @category Command
-       * @example
-       * // Get word and character count
-       * const stats = editor.commands.getDocumentStats()
-       * console.log(`${stats.words} words, ${stats.characters} characters`)
-       * @note Returns word count, character count, and paragraph count
-       */
-      getDocumentStats: () => ({ editor }) => {
-        const text = editor.getText();
-        const words = text.split(/\s+/).filter((word) => word.length > 0).length;
-        const characters = text.length;
-        const paragraphs = editor.state.doc.content.childCount;
-        return {
-          words,
-          characters,
-          paragraphs
-        };
-      },
-      /**
-       * Clear entire document
-       * @category Command
-       * @example
-       * editor.commands.clearDocument()
-       * @note Replaces all content with an empty paragraph
-       */
-      clearDocument: () => ({ commands: commands2 }) => {
-        return commands2.setContent("<p></p>");
+class StructuredContentViewBase {
+  constructor(props) {
+    __publicField$1(this, "node");
+    __publicField$1(this, "view");
+    __publicField$1(this, "getPos");
+    __publicField$1(this, "decorations");
+    __publicField$1(this, "innerDecorations");
+    __publicField$1(this, "editor");
+    __publicField$1(this, "extension");
+    __publicField$1(this, "htmlAttributes");
+    __publicField$1(this, "root");
+    __publicField$1(this, "isDragging", false);
+    this.node = props.node;
+    this.view = props.editor.view;
+    this.getPos = props.getPos;
+    this.decorations = props.decorations;
+    this.innerDecorations = props.innerDecorations;
+    this.editor = props.editor;
+    this.extension = props.extension;
+    this.htmlAttributes = props.htmlAttributes;
+    this.mount(props);
+  }
+  mount() {
+    return;
+  }
+  get dom() {
+    return this.root;
+  }
+  get contentDOM() {
+    return null;
+  }
+  update(node, decorations, innerDecorations) {
+    if (node.type !== this.node.type) {
+      return false;
+    }
+    this.node = node;
+    this.decorations = decorations;
+    this.innerDecorations = innerDecorations;
+    this.updateHTMLAttributes();
+    return true;
+  }
+  stopEvent(event) {
+    if (!this.dom) return false;
+    const target = event.target;
+    const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);
+    if (!isInElement) return false;
+    const isDragEvent = event.type.startsWith("drag");
+    const isDropEvent = event.type === "drop";
+    const isInput = ["INPUT", "BUTTON", "SELECT", "TEXTAREA"].includes(target.tagName) || target.isContentEditable;
+    if (isInput && !isDropEvent && !isDragEvent) return true;
+    const { isEditable } = this.editor;
+    const { isDragging } = this;
+    const isDraggable = !!this.node.type.spec.draggable;
+    const isSelectable = NodeSelection.isSelectable(this.node);
+    const isCopyEvent = event.type === "copy";
+    const isPasteEvent = event.type === "paste";
+    const isCutEvent = event.type === "cut";
+    const isClickEvent = event.type === "mousedown";
+    if (!isDraggable && isSelectable && isDragEvent && event.target === this.dom) {
+      event.preventDefault();
+    }
+    if (isDraggable && isDragEvent && !isDragging && event.target === this.dom) {
+      event.preventDefault();
+      return false;
+    }
+    if (isDraggable && isEditable && !isDragging && isClickEvent) {
+      const dragHandle = target.closest("[data-drag-handle]");
+      const isValidDragHandle = dragHandle && (this.dom === dragHandle || this.dom.contains(dragHandle));
+      if (isValidDragHandle) {
+        this.isDragging = true;
+        document.addEventListener(
+          "dragend",
+          () => {
+            this.isDragging = false;
+          },
+          { once: true }
+        );
+        document.addEventListener(
+          "drop",
+          () => {
+            this.isDragging = false;
+          },
+          { once: true }
+        );
+        document.addEventListener(
+          "mouseup",
+          () => {
+            this.isDragging = false;
+          },
+          { once: true }
+        );
       }
-    };
+    }
+    if (isDragging || isDropEvent || isCopyEvent || isPasteEvent || isCutEvent || isClickEvent && isSelectable) {
+      return false;
+    }
+    return true;
   }
-});
-const Text = Node$1.create({
-  name: "text",
-  group: "inline",
-  inline: true,
-  addOptions() {
-    return {};
+  ignoreMutation(mutation) {
+    if (!this.dom || !this.contentDOM) return true;
+    if (this.node.isLeaf || this.node.isAtom) return true;
+    if (mutation.type === "selection") return false;
+    if (this.contentDOM === mutation.target && mutation.type === "attributes") return true;
+    if (this.contentDOM.contains(mutation.target)) return false;
+    return true;
   }
-});
-const splitRun = () => (props) => {
-  const { state: state2, view, tr } = props;
-  const { $from, empty: empty2 } = state2.selection;
-  if (!empty2) return false;
-  if ($from.parent.type.name !== "run") return false;
-  const handled = splitBlock(state2, (transaction) => {
+  destroy() {
+    this.dom.remove();
+    this.contentDOM?.remove();
+  }
+  updateAttributes(attrs) {
+    const pos = this.getPos();
+    if (typeof pos !== "number") {
+      return;
+    }
+    return this.view.dispatch(
+      this.view.state.tr.setNodeMarkup(pos, void 0, {
+        ...this.node.attrs,
+        ...attrs
+      })
+    );
+  }
+  updateHTMLAttributes() {
+    const { extensionService } = this.editor;
+    const { attributes } = extensionService;
+    const extensionAttrs = attributes.filter((i) => i.type === this.node.type.name);
+    this.htmlAttributes = Attribute2.getAttributesToRender(this.node, extensionAttrs);
+  }
+  createDragHandle() {
+    const dragHandle = document.createElement("span");
+    dragHandle.classList.add("sd-structured-content-draggable");
+    dragHandle.draggable = true;
+    dragHandle.contentEditable = "false";
+    dragHandle.dataset.dragHandle = "";
+    const textElement = document.createElement("span");
+    textElement.textContent = this.node.attrs.alias || "Structured content";
+    dragHandle.append(textElement);
+    return dragHandle;
+  }
+  onDragStart(event) {
+    const { view } = this.editor;
+    const target = event.target;
+    const dragHandle = target.nodeType === 3 ? target.parentElement?.closest("[data-drag-handle]") : target.closest("[data-drag-handle]");
+    if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {
+      return;
+    }
+    let x = 0;
+    let y2 = 0;
+    if (this.dom !== dragHandle) {
+      const domBox = this.dom.getBoundingClientRect();
+      const handleBox = dragHandle.getBoundingClientRect();
+      const offsetX = event.offsetX ?? event.nativeEvent?.offsetX;
+      const offsetY = event.offsetY ?? event.nativeEvent?.offsetY;
+      x = handleBox.x - domBox.x + offsetX;
+      y2 = handleBox.y - domBox.y + offsetY;
+    }
+    event.dataTransfer?.setDragImage(this.dom, x, y2);
+    const pos = this.getPos();
+    if (typeof pos !== "number") {
+      return;
+    }
+    const selection = NodeSelection.create(view.state.doc, pos);
+    const transaction = view.state.tr.setSelection(selection);
     view.dispatch(transaction);
-  });
-  if (handled) {
-    tr.setMeta("preventDispatch", true);
   }
-  return handled;
-};
-const Run = OxmlNode.create({
-  name: "run",
-  oXmlName: "w:r",
-  group: "inline",
+}
+class StructuredContentInlineView extends StructuredContentViewBase {
+  constructor(props) {
+    super(props);
+  }
+  mount() {
+    this.buildView();
+  }
+  get contentDOM() {
+    const contentElement = this.dom?.querySelector(`.${structuredContentInnerClass$1}`);
+    return contentElement || null;
+  }
+  createElement() {
+    const element = document.createElement("span");
+    element.classList.add(structuredContentClass$1);
+    element.setAttribute("data-structured-content", "");
+    const contentElement = document.createElement("span");
+    contentElement.classList.add(structuredContentInnerClass$1);
+    element.append(contentElement);
+    const domAttrs = Attribute2.mergeAttributes(this.htmlAttributes);
+    updateDOMAttributes(element, { ...domAttrs });
+    return { element, contentElement };
+  }
+  buildView() {
+    const { element } = this.createElement();
+    const dragHandle = this.createDragHandle();
+    element.prepend(dragHandle);
+    element.addEventListener("dragstart", (e) => this.onDragStart(e));
+    this.root = element;
+  }
+  updateView() {
+    const domAttrs = Attribute2.mergeAttributes(this.htmlAttributes);
+    updateDOMAttributes(this.dom, { ...domAttrs });
+  }
+  update(node, decorations, innerDecorations) {
+    const result = super.update(node, decorations, innerDecorations);
+    if (!result) return false;
+    this.updateView();
+    return true;
+  }
+}
+const structuredContentClass$1 = "sd-structured-content";
+const structuredContentInnerClass$1 = "sd-structured-content__content";
+const StructuredContent = Node$1.create({
+  name: "structuredContent",
+  group: "inline structuredContent",
   inline: true,
   content: "inline*",
-  selectable: false,
-  childToAttributes: ["runProperties"],
+  isolating: true,
+  atom: false,
+  // false - has editable content.
+  draggable: true,
   addOptions() {
     return {
       htmlAttributes: {
-        "data-run": "1"
+        class: structuredContentClass$1,
+        "aria-label": "Structured content node"
       }
     };
   },
   addAttributes() {
     return {
-      runProperties: {
+      id: {
         default: null,
-        rendered: false,
-        keepOnSplit: true
+        parseDOM: (elem) => elem.getAttribute("data-id"),
+        renderDOM: (attrs) => {
+          if (!attrs.id) return {};
+          return { "data-id": attrs.id };
+        }
       },
-      rsidR: {
+      tag: {
         default: null,
-        rendered: false,
-        keepOnSplit: true
+        parseDOM: (elem) => elem.getAttribute("data-tag"),
+        renderDOM: (attrs) => {
+          if (!attrs.tag) return {};
+          return { "data-tag": attrs.tag };
+        }
       },
-      rsidRPr: {
+      alias: {
         default: null,
-        rendered: false,
-        keepOnSplit: true
+        parseDOM: (elem) => elem.getAttribute("data-alias"),
+        renderDOM: (attrs) => {
+          if (!attrs.alias) return {};
+          return { "data-alias": attrs.alias };
+        }
       },
-      rsidDel: {
-        default: null,
-        rendered: false,
-        keepOnSplit: true
+      sdtPr: {
+        rendered: false
       }
     };
   },
-  addCommands() {
-    return {
-      splitRun
-    };
-  },
   parseDOM() {
-    return [{ tag: "span[data-run]" }];
+    return [{ tag: "span[data-structured-content]" }];
   },
   renderDOM({ htmlAttributes }) {
-    const base2 = Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
-    return ["span", base2, 0];
-  }
-});
-const inputRegex$1 = /^\s*([-+*])\s$/;
-const BulletList = Node$1.create({
-  name: "bulletList",
-  group: "block list",
-  selectable: false,
-  content() {
-    return `${this.options.itemTypeName}+`;
+    return [
+      "span",
+      Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, {
+        "data-structured-content": ""
+      }),
+      0
+    ];
   },
-  addOptions() {
-    return {
-      itemTypeName: "listItem",
-      htmlAttributes: {
-        "aria-label": "Bullet list node"
-      },
-      keepMarks: true,
-      keepAttributes: false
+  addNodeView() {
+    return (props) => {
+      return new StructuredContentInlineView({ ...props });
     };
-  },
-  parseDOM() {
-    return [{ tag: "ul" }];
-  },
-  renderDOM({ htmlAttributes }) {
-    const attributes = Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
-    return ["ul", attributes, 0];
-  },
-  addAttributes() {
-    return {
-      "list-style-type": {
-        default: "bullet",
-        rendered: false
-      },
-      listId: {
-        rendered: false
-      },
-      sdBlockId: {
-        default: null,
-        keepOnSplit: false,
-        parseDOM: (elem) => elem.getAttribute("data-sd-block-id"),
-        renderDOM: (attrs) => {
-          return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
-        }
-      },
-      attributes: {
-        rendered: false,
-        keepOnSplit: true
-      }
-    };
-  },
-  addCommands() {
-    return {
-      /**
-       * Toggle a bullet list at the current selection
-       * @category Command
-       * @example
-       * // Toggle bullet list on selected text
-       * editor.commands.toggleBulletList()
-       * @note Converts selected paragraphs to list items or removes list formatting
-       */
-      toggleBulletList: () => (params2) => {
-        return toggleList(this.type)(params2);
-      }
-    };
-  },
-  addShortcuts() {
-    return {
-      "Mod-Shift-8": () => {
-        return this.editor.commands.toggleBulletList();
-      }
-    };
-  },
-  addInputRules() {
-    return [
-      new InputRule({
-        match: inputRegex$1,
-        handler: ({ state: state2, range: range2 }) => {
-          const $pos = state2.selection.$from;
-          const listItemType = state2.schema.nodes.listItem;
-          for (let depth = $pos.depth; depth >= 0; depth--) {
-            if ($pos.node(depth).type === listItemType) {
-              return null;
-            }
-          }
-          const { tr } = state2;
-          tr.delete(range2.from, range2.to);
-          ListHelpers.createNewList({
-            listType: this.type,
-            tr,
-            editor: this.editor
-          });
-        }
-      })
-    ];
   }
 });
-const inputRegex = /^(\d+)\.\s$/;
-const OrderedList = Node$1.create({
-  name: "orderedList",
-  group: "block list",
-  selectable: false,
-  content() {
-    return `${this.options.itemTypeName}+`;
-  },
+class StructuredContentBlockView extends StructuredContentViewBase {
+  constructor(props) {
+    super(props);
+  }
+  mount() {
+    this.buildView();
+  }
+  get contentDOM() {
+    const contentElement = this.dom?.querySelector(`.${structuredContentInnerClass}`);
+    return contentElement || null;
+  }
+  createElement() {
+    const element = document.createElement("div");
+    element.classList.add(structuredContentClass);
+    element.setAttribute("data-structured-content-block", "");
+    const contentElement = document.createElement("div");
+    contentElement.classList.add(structuredContentInnerClass);
+    element.append(contentElement);
+    const domAttrs = Attribute2.mergeAttributes(this.htmlAttributes);
+    updateDOMAttributes(element, { ...domAttrs });
+    return { element, contentElement };
+  }
+  buildView() {
+    const { element } = this.createElement();
+    const dragHandle = this.createDragHandle();
+    element.prepend(dragHandle);
+    element.addEventListener("dragstart", (e) => this.onDragStart(e));
+    this.root = element;
+  }
+  updateView() {
+    const domAttrs = Attribute2.mergeAttributes(this.htmlAttributes);
+    updateDOMAttributes(this.dom, { ...domAttrs });
+  }
+  update(node, decorations, innerDecorations) {
+    const result = super.update(node, decorations, innerDecorations);
+    if (!result) return false;
+    this.updateView();
+    return true;
+  }
+}
+const structuredContentClass = "sd-structured-content-block";
+const structuredContentInnerClass = "sd-structured-content-block__content";
+const StructuredContentBlock = Node$1.create({
+  name: "structuredContentBlock",
+  group: "block structuredContent",
+  content: "block*",
+  isolating: true,
+  atom: false,
+  // false - has editable content.
+  draggable: true,
   addOptions() {
     return {
-      itemTypeName: "listItem",
       htmlAttributes: {
-        "aria-label": "Ordered list node"
-      },
-      keepMarks: true,
-      keepAttributes: false,
-      listStyleTypes: ["decimal", "lowerAlpha", "lowerRoman"]
+        class: structuredContentClass,
+        "aria-label": "Structured content block node"
+      }
     };
   },
   addAttributes() {
     return {
-      order: {
-        default: 1,
-        parseDOM: (element) => {
-          return element.hasAttribute("start") ? parseInt(element.getAttribute("start") || "", 10) : 1;
-        },
-        renderDOM: (attrs) => {
-          return {
-            start: attrs.order
-          };
-        }
-      },
-      sdBlockId: {
+      id: {
         default: null,
-        keepOnSplit: false,
-        parseDOM: (elem) => elem.getAttribute("data-sd-block-id"),
+        parseDOM: (elem) => elem.getAttribute("data-id"),
         renderDOM: (attrs) => {
-          return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
+          if (!attrs.id) return {};
+          return { "data-id": attrs.id };
         }
       },
-      syncId: {
+      tag: {
         default: null,
-        parseDOM: (elem) => elem.getAttribute("data-sync-id"),
+        parseDOM: (elem) => elem.getAttribute("data-tag"),
         renderDOM: (attrs) => {
-          if (!attrs.syncId) return {};
-          return {
-            "data-sync-id": attrs.syncId
-          };
+          if (!attrs.tag) return {};
+          return { "data-tag": attrs.tag };
         }
-        // rendered: false,
       },
-      listId: {
-        keepOnSplit: true,
-        parseDOM: (elem) => elem.getAttribute("data-list-id"),
+      alias: {
+        default: null,
+        parseDOM: (elem) => elem.getAttribute("data-alias"),
         renderDOM: (attrs) => {
-          if (!attrs.listId) return {};
-          return {
-            "data-list-id": attrs.listId
-          };
+          if (!attrs.alias) return {};
+          return { "data-alias": attrs.alias };
         }
       },
-      "list-style-type": {
-        default: "decimal",
+      sdtPr: {
         rendered: false
-      },
-      attributes: {
-        rendered: false,
-        keepOnSplit: true
       }
     };
   },
   parseDOM() {
-    return [{ tag: "ol" }];
+    return [{ tag: "div[data-structured-content-block]" }];
   },
   renderDOM({ htmlAttributes }) {
-    const { start: start2, ...restAttributes } = htmlAttributes;
-    return start2 === 1 ? ["ol", Attribute2.mergeAttributes(this.options.htmlAttributes, restAttributes), 0] : ["ol", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+    return [
+      "div",
+      Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, {
+        "data-structured-content-block": ""
+      }),
+      0
+    ];
   },
+  addNodeView() {
+    return (props) => {
+      return new StructuredContentBlockView({ ...props });
+    };
+  }
+});
+function getStructuredContentTagsById(idOrIds, state2) {
+  const result = findChildren$5(state2.doc, (node) => {
+    const isStructuredContent = ["structuredContent", "structuredContentBlock"].includes(node.type.name);
+    if (Array.isArray(idOrIds)) {
+      return isStructuredContent && idOrIds.includes(node.attrs.id);
+    } else {
+      return isStructuredContent && node.attrs.id === idOrIds;
+    }
+  });
+  return result;
+}
+function getStructuredContentTags(state2) {
+  const result = findChildren$5(state2.doc, (node) => {
+    return node.type.name === "structuredContent" || node.type.name === "structuredContentBlock";
+  });
+  return result;
+}
+function getStructuredContentInlineTags(state2) {
+  const result = findChildren$5(state2.doc, (node) => node.type.name === "structuredContent");
+  return result;
+}
+function getStructuredContentBlockTags(state2) {
+  const result = findChildren$5(state2.doc, (node) => node.type.name === "structuredContentBlock");
+  return result;
+}
+const structuredContentHelpers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getStructuredContentBlockTags,
+  getStructuredContentInlineTags,
+  getStructuredContentTags,
+  getStructuredContentTagsById
+}, Symbol.toStringTag, { value: "Module" }));
+const STRUCTURED_CONTENT_NAMES = ["structuredContent", "structuredContentBlock"];
+const StructuredContentCommands = Extension.create({
+  name: "structuredContentCommands",
   addCommands() {
     return {
       /**
-       * Toggle ordered list formatting
+       * Inserts a structured content inline at selection.
        * @category Command
-       * @example
-       * editor.commands.toggleOrderedList()
-       * @note Converts selection to ordered list or back to paragraphs
+       * @param {StructuredContentInlineInsert} options
        */
-      toggleOrderedList: () => (params2) => {
-        return toggleList(this.type)(params2);
+      insertStructuredContentInline: (options = {}) => ({ editor, dispatch, state: state2, tr }) => {
+        const { schema } = editor;
+        let { from: from2, to } = state2.selection;
+        if (dispatch) {
+          const selectionText = state2.doc.textBetween(from2, to);
+          let content = null;
+          if (selectionText) {
+            content = schema.text(selectionText);
+          }
+          if (options.text) {
+            content = schema.text(options.text);
+          }
+          if (options.json) {
+            content = schema.nodeFromJSON(options.json);
+          }
+          if (!content) {
+            content = schema.text(" ");
+          }
+          const attrs = {
+            ...options.attrs,
+            id: options.attrs?.id || randomId(),
+            tag: "inline_text_sdt",
+            alias: options.attrs?.alias || "Structured content"
+          };
+          const node = schema.nodes.structuredContent.create(attrs, content, null);
+          const parent = findParentNode((node2) => node2.type.name === "structuredContent")(state2.selection);
+          if (parent) {
+            const insertPos = parent.pos + parent.node.nodeSize;
+            from2 = to = insertPos;
+          }
+          tr.replaceWith(from2, to, node);
+        }
+        return true;
       },
       /**
-       * Restart list node numbering
+       * Inserts a structured content block at selection.
        * @category Command
-       * @param {Array} followingNodes - Nodes to restart
-       * @param {number} pos - Starting position
-       * @example
-       * editor.commands.restartListNodes(nodes, position)
-       * @note Resets list numbering for specified nodes
+       * @param {StructuredContentBlockInsert} options
        */
-      restartListNodes: (followingNodes, pos) => ({ tr }) => {
-        let currentNodePos = pos;
-        const nodes = followingNodes.map((node) => {
-          const resultNode = {
-            node,
-            pos: currentNodePos
+      insertStructuredContentBlock: (options = {}) => ({ editor, dispatch, state: state2, tr }) => {
+        const { schema } = editor;
+        let { from: from2, to } = state2.selection;
+        if (dispatch) {
+          const selectionContent = state2.selection.content();
+          let content = null;
+          if (selectionContent.size) {
+            content = selectionContent.content;
+          }
+          if (options.html) {
+            const html = htmlHandler(options.html, editor);
+            const doc2 = DOMParser$1.fromSchema(schema).parse(html);
+            content = doc2.content;
+          }
+          if (options.json) {
+            content = schema.nodeFromJSON(options.json);
+          }
+          if (!content) {
+            content = schema.nodeFromJSON({ type: "paragraph", content: [] });
+          }
+          const attrs = {
+            ...options.attrs,
+            id: options.attrs?.id || randomId(),
+            tag: "block_table_sdt",
+            alias: options.attrs?.alias || "Structured content"
           };
-          currentNodePos += node.nodeSize;
-          return resultNode;
-        });
-        nodes.forEach((item) => {
-          const { pos: pos2 } = item;
-          const newPos = tr.mapping.map(pos2);
-          tr.setNodeMarkup(newPos, void 0, {});
-        });
+          const node = schema.nodes.structuredContentBlock.create(attrs, content, null);
+          const parent = findParentNode((node2) => node2.type.name === "structuredContentBlock")(state2.selection);
+          if (parent) {
+            const insertPos = parent.pos + parent.node.nodeSize;
+            from2 = to = insertPos;
+          }
+          tr.replaceRangeWith(from2, to, node);
+        }
         return true;
       },
       /**
-       * Update ordered list style type based on nesting level
+       * Updates a structured content attributes or content.
+       * If the updated node does not match the schema, it will not be updated.
        * @category Command
-       * @example
-       * editor.commands.updateOrderedListStyleType()
-       * @note Cycles through decimal -> lowerAlpha -> lowerRoman based on depth
+       * @param {string} id
+       * @param {StructuredContentUpdate} options
        */
-      updateOrderedListStyleType: () => ({ dispatch, tr }) => {
-        let list = findParentNode((node) => node.type.name === this.name)(tr.selection);
-        if (!list) {
+      updateStructuredContentById: (id, options = {}) => ({ editor, dispatch, state: state2, tr }) => {
+        const structuredContentTags = getStructuredContentTagsById(id, state2);
+        if (!structuredContentTags.length) {
           return true;
         }
+        const { schema } = editor;
         if (dispatch) {
-          let listLevel = (list.depth - 1) / 2;
-          let listStyleTypes = this.options.listStyleTypes;
-          let listStyle = listStyleTypes[listLevel % listStyleTypes.length];
-          let currentListStyle = list.node.attrs["list-style-type"];
-          let nodeAtPos = tr.doc.nodeAt(list.pos);
-          if (currentListStyle !== listStyle && nodeAtPos.eq(list.node)) {
-            tr.setNodeMarkup(list.pos, void 0, {
-              ...list.node.attrs,
-              ...{
-                "list-style-type": listStyle
-              }
-            });
+          const structuredContent = structuredContentTags[0];
+          const { pos, node } = structuredContent;
+          const posFrom = pos;
+          const posTo = pos + node.nodeSize;
+          let content = null;
+          if (options.text) {
+            content = schema.text(options.text);
+          }
+          if (options.html) {
+            const html = htmlHandler(options.html, editor);
+            const doc2 = DOMParser$1.fromSchema(schema).parse(html);
+            content = doc2.content;
+          }
+          if (options.json) {
+            content = schema.nodeFromJSON(options.json);
           }
+          if (!content) {
+            content = node.content;
+          }
+          const updatedNode = node.type.create({ ...node.attrs, ...options.attrs }, content, node.marks);
+          try {
+            updatedNode.check();
+          } catch {
+            console.error("Updated node does not conform to the schema");
+            return false;
+          }
+          tr.replaceWith(posFrom, posTo, updatedNode);
+        }
+        return true;
+      },
+      /**
+       * Removes a structured content.
+       * @category Command
+       * @param {Array<{ node: Node, pos: number }>} structuredContentTags
+       */
+      deleteStructuredContent: (structuredContentTags) => ({ dispatch, tr }) => {
+        if (!structuredContentTags.length) {
+          return true;
+        }
+        if (dispatch) {
+          structuredContentTags.forEach((structuredContent) => {
+            const { pos, node } = structuredContent;
+            const posFrom = tr.mapping.map(pos);
+            const posTo = tr.mapping.map(pos + node.nodeSize);
+            const currentNode = tr.doc.nodeAt(posFrom);
+            if (currentNode && node.eq(currentNode)) {
+              tr.delete(posFrom, posTo);
+            }
+          });
+        }
+        return true;
+      },
+      /**
+       * Removes a structured content by ID.
+       * @category Command
+       * @param {string | string[]} idOrIds
+       */
+      deleteStructuredContentById: (idOrIds) => ({ dispatch, state: state2, tr }) => {
+        const structuredContentTags = getStructuredContentTagsById(idOrIds, state2);
+        if (!structuredContentTags.length) {
+          return true;
+        }
+        if (dispatch) {
+          structuredContentTags.forEach((structuredContent) => {
+            const { pos, node } = structuredContent;
+            const posFrom = tr.mapping.map(pos);
+            const posTo = tr.mapping.map(pos + node.nodeSize);
+            const currentNode = tr.doc.nodeAt(posFrom);
+            if (currentNode && node.eq(currentNode)) {
+              tr.delete(posFrom, posTo);
+            }
+          });
+        }
+        return true;
+      },
+      /**
+       * Removes a structured content at cursor, preserving its content.
+       * @category Command
+       */
+      deleteStructuredContentAtSelection: () => ({ editor, dispatch, state: state2, tr }) => {
+        const predicate = (node) => STRUCTURED_CONTENT_NAMES.includes(node.type.name);
+        const structuredContent = findParentNode(predicate)(state2.selection);
+        if (!structuredContent) {
+          return true;
+        }
+        if (dispatch) {
+          const { node, pos } = structuredContent;
+          const posFrom = pos;
+          const posTo = posFrom + node.nodeSize;
+          const content = node.content;
+          tr.replaceWith(posFrom, posTo, content);
         }
         return true;
       }
     };
   },
-  addShortcuts() {
+  addHelpers() {
     return {
-      "Mod-Shift-7": () => {
-        return this.editor.commands.toggleOrderedList();
-      }
+      ...structuredContentHelpers
     };
-  },
-  addInputRules() {
-    return [
-      new InputRule({
-        match: inputRegex,
-        handler: ({ state: state2, range: range2 }) => {
-          const $pos = state2.selection.$from;
-          const listItemType = state2.schema.nodes.listItem;
-          for (let depth = $pos.depth; depth >= 0; depth--) {
-            if ($pos.node(depth).type === listItemType) {
-              return null;
-            }
-          }
-          const { tr } = state2;
-          tr.delete(range2.from, range2.to);
-          ListHelpers.createNewList({
-            listType: this.type,
-            tr,
-            editor: this.editor
-          });
-        }
-      })
-    ];
   }
 });
-const generateOrderedListIndex = ({ listLevel, lvlText, listNumberingType, customFormat }) => {
-  const handler2 = listIndexMap[listNumberingType];
-  return handler2 ? handler2(listLevel, lvlText, customFormat) : null;
-};
-const handleDecimal = (path, lvlText) => generateNumbering(path, lvlText, String);
-const handleRoman = (path, lvlText) => generateNumbering(path, lvlText, intToRoman);
-const handleLowerRoman = (path, lvlText) => handleRoman(path, lvlText).toLowerCase();
-const handleLowerAlpha = (path, lvlText) => handleAlpha(path, lvlText).toLowerCase();
-const handleAlpha = (path, lvlText) => generateNumbering(path, lvlText, (p) => intToAlpha(p));
-const handleOrdinal = (path, lvlText) => generateNumbering(path, lvlText, ordinalFormatter);
-const handleCustom = (path, lvlText, customFormat) => generateFromCustom(path, lvlText, customFormat);
-const handleJapaneseCounting = (path, lvlText) => generateNumbering(path, lvlText, intToJapaneseCounting);
-const listIndexMap = {
-  decimal: handleDecimal,
-  lowerRoman: handleLowerRoman,
-  upperRoman: handleRoman,
-  lowerLetter: handleLowerAlpha,
-  upperLetter: handleAlpha,
-  ordinal: handleOrdinal,
-  custom: handleCustom,
-  japaneseCounting: handleJapaneseCounting
-};
-const createNumbering = (values, lvlText) => {
-  return values.reduce((acc, value, index2) => {
-    return value > 9 ? acc.replace(/^0/, "").replace(`%${index2 + 1}`, value) : acc.replace(`%${index2 + 1}`, value);
-  }, lvlText);
-};
-const generateNumbering = (path, lvlText, formatter) => {
-  const formattedValues = path.map(formatter);
-  return createNumbering(formattedValues, lvlText);
+const randomId = () => {
+  return Math.floor(Math.random() * 4294967295).toString();
 };
-const ordinalFormatter = (level) => {
-  const suffixes = ["th", "st", "nd", "rd"];
-  const value = level % 100;
-  const suffix2 = suffixes[(value - 20) % 10] || suffixes[value] || suffixes[0];
-  const p = level + suffix2;
-  return p;
+class DocumentSectionView {
+  constructor(node, getPos, decorations, editor) {
+    __privateAdd$1(this, _DocumentSectionView_instances);
+    this.node = node;
+    this.editor = editor;
+    this.decorations = decorations;
+    this.view = editor.view;
+    this.getPos = getPos;
+    __privateMethod$1(this, _DocumentSectionView_instances, init_fn2).call(this);
+  }
+}
+_DocumentSectionView_instances = /* @__PURE__ */ new WeakSet();
+init_fn2 = function() {
+  const { attrs } = this.node;
+  const { id, title, description } = attrs;
+  this.dom = document.createElement("div");
+  this.dom.className = "sd-document-section-block";
+  this.dom.setAttribute("data-id", id);
+  this.dom.setAttribute("data-title", title);
+  this.dom.setAttribute("data-description", description);
+  this.dom.setAttribute("aria-label", "Document section");
+  __privateMethod$1(this, _DocumentSectionView_instances, addToolTip_fn).call(this);
+  this.contentDOM = document.createElement("div");
+  this.contentDOM.className = "sd-document-section-block-content";
+  this.contentDOM.setAttribute("contenteditable", "true");
+  this.dom.appendChild(this.contentDOM);
 };
-const generateFromCustom = (path, lvlText, customFormat) => {
-  if (customFormat !== "001, 002, 003, ...") return generateNumbering(path, lvlText, String);
-  const match = customFormat.match(/(\d+)/);
-  if (!match) throw new Error("Invalid format string: no numeric pattern found");
-  const sample = match[1];
-  const digitCount = sample.length;
-  const index2 = path.pop();
-  return String(index2).padStart(digitCount, "0");
+addToolTip_fn = function() {
+  const { title } = this.node.attrs;
+  this.infoDiv = document.createElement("div");
+  this.infoDiv.className = "sd-document-section-block-info";
+  const textSpan = document.createElement("span");
+  textSpan.textContent = title || "Document section";
+  this.infoDiv.appendChild(textSpan);
+  this.infoDiv.setAttribute("contenteditable", "false");
+  this.dom.appendChild(this.infoDiv);
 };
-const intToRoman = (num) => {
-  const romanNumeralMap = [
-    { value: 1e3, numeral: "M" },
-    { value: 900, numeral: "CM" },
-    { value: 500, numeral: "D" },
-    { value: 400, numeral: "CD" },
-    { value: 100, numeral: "C" },
-    { value: 90, numeral: "XC" },
-    { value: 50, numeral: "L" },
-    { value: 40, numeral: "XL" },
-    { value: 10, numeral: "X" },
-    { value: 9, numeral: "IX" },
-    { value: 5, numeral: "V" },
-    { value: 4, numeral: "IV" },
-    { value: 1, numeral: "I" }
-  ];
-  let result = "";
-  for (const { value, numeral } of romanNumeralMap) {
-    while (num >= value) {
-      result += numeral;
-      num -= value;
+const getAllSections = (editor) => {
+  if (!editor) return [];
+  const type2 = editor.schema.nodes.documentSection;
+  if (!type2) return [];
+  const sections = [];
+  const { state: state2 } = editor;
+  state2.doc.descendants((node, pos) => {
+    if (node.type.name === type2.name) {
+      sections.push({ node, pos });
     }
-  }
-  return result;
+  });
+  return sections;
 };
-const intToAlpha = (num) => {
-  let result = "";
-  const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
-  while (num > 0) {
-    let index2 = (num - 1) % 26;
-    result = alphabet[index2] + result;
-    num = Math.floor((num - 1) / 26);
-  }
+const exportSectionsToHTML = (editor) => {
+  const sections = getAllSections(editor);
+  const processedSections = /* @__PURE__ */ new Set();
+  const result = [];
+  sections.forEach(({ node }) => {
+    const { attrs } = node;
+    const { id, title, description } = attrs;
+    if (processedSections.has(id)) return;
+    processedSections.add(id);
+    const html = getHTMLFromNode(node, editor);
+    result.push({
+      id,
+      title,
+      description,
+      html
+    });
+  });
   return result;
 };
-const intToJapaneseCounting = (num) => {
-  const digits = ["", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
-  const units = ["", "十", "百", "千"];
-  if (num === 0) return "零";
-  if (num < 10) return digits[num];
-  let result = "";
-  let tempNum = num;
-  let unitIndex = 0;
-  while (tempNum > 0) {
-    const digit = tempNum % 10;
-    if (digit !== 0) {
-      const digitStr = digit === 1 && unitIndex > 0 ? "" : digits[digit];
-      result = digitStr + (unitIndex > 0 ? units[unitIndex] : "") + result;
-    } else if (result && tempNum > 0) {
-      if (!result.startsWith("零") && tempNum % 100 !== 0) {
-        result = "零" + result;
-      }
-    }
-    tempNum = Math.floor(tempNum / 10);
-    unitIndex++;
-    if (unitIndex > 3) break;
-  }
-  if (num >= 10 && num < 20) {
-    result = result.replace(/^一十/, "十");
-  }
+const getHTMLFromNode = (node, editor) => {
+  const tempDocument = document.implementation.createHTMLDocument();
+  const container = tempDocument.createElement("div");
+  const fragment = DOMSerializer.fromSchema(editor.schema).serializeFragment(node.content);
+  container.appendChild(fragment);
+  let html = container.innerHTML;
+  return html;
+};
+const exportSectionsToJSON = (editor) => {
+  const sections = getAllSections(editor);
+  const processedSections = /* @__PURE__ */ new Set();
+  const result = [];
+  sections.forEach(({ node }) => {
+    const { attrs } = node;
+    const { id, title, description } = attrs;
+    if (processedSections.has(id)) return;
+    processedSections.add(id);
+    result.push({
+      id,
+      title,
+      description,
+      content: node.toJSON()
+    });
+  });
   return result;
 };
-const CustomSelectionPluginKey = new PluginKey("CustomSelection");
-const shouldAllowNativeContextMenu = (event) => {
-  if (!event) return false;
-  if (event.ctrlKey || event.metaKey) {
-    return true;
-  }
-  const isKeyboardInvocation = event.type === "contextmenu" && typeof event.detail === "number" && event.detail === 0 && (event.button === 0 || event.button === void 0) && event.clientX === 0 && event.clientY === 0;
-  return Boolean(isKeyboardInvocation);
+const getLinkedSectionEditor = (id, options, editor) => {
+  const sections = getAllSections(editor);
+  const section = sections.find((s) => s.node.attrs.id === id);
+  if (!section) return null;
+  const child = editor.createChildEditor({
+    ...options,
+    onUpdate: ({ editor: childEditor, transaction }) => {
+      const isFromtLinkedParent = transaction.getMeta("fromLinkedParent");
+      if (isFromtLinkedParent) return;
+      const updatedContent = childEditor.state.doc.content;
+      const sectionNode = getAllSections(editor)?.find((s) => s.node.attrs.id === id);
+      if (!sectionNode) return;
+      const { pos, node } = sectionNode;
+      const newNode = node.type.create(node.attrs, updatedContent, node.marks);
+      const tr = editor.state.tr.replaceWith(pos, pos + node.nodeSize, newNode);
+      tr.setMeta("fromLinkedChild", true);
+      editor.view.dispatch(tr);
+    }
+  });
+  editor.on("update", ({ transaction }) => {
+    const isFromLinkedChild = transaction.getMeta("fromLinkedChild");
+    if (isFromLinkedChild) return;
+    const sectionNode = getAllSections(editor)?.find((s) => s.node.attrs.id === id);
+    if (!sectionNode) return;
+    const sectionContent = sectionNode.node.content;
+    const json = {
+      type: "doc",
+      content: sectionContent.content.map((node) => node.toJSON())
+    };
+    const childTr = child.state.tr;
+    childTr.setMeta("fromLinkedParent", true);
+    childTr.replaceWith(0, child.state.doc.content.size, child.schema.nodeFromJSON(json));
+    child.view.dispatch(childTr);
+  });
+  return child;
+};
+const SectionHelpers = {
+  getAllSections,
+  exportSectionsToHTML,
+  exportSectionsToJSON,
+  getLinkedSectionEditor
+};
+const DocumentSection = Node$1.create({
+  name: "documentSection",
+  group: "block",
+  content: "block*",
+  atom: true,
+  isolating: true,
+  addOptions() {
+    return {
+      htmlAttributes: {
+        class: "sd-document-section-block",
+        "aria-label": "Structured content block"
+      }
+    };
+  },
+  parseDOM() {
+    return [
+      {
+        tag: "div.sd-document-section-block",
+        priority: 60
+      }
+    ];
+  },
+  renderDOM({ htmlAttributes }) {
+    return ["div", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+  },
+  addAttributes() {
+    return {
+      id: {},
+      sdBlockId: {
+        default: null,
+        keepOnSplit: false,
+        parseDOM: (elem) => elem.getAttribute("data-sd-block-id"),
+        renderDOM: (attrs) => {
+          return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
+        }
+      },
+      title: {},
+      description: {},
+      sectionType: {},
+      isLocked: { default: false }
+    };
+  },
+  addNodeView() {
+    return ({ node, editor, getPos, decorations }) => {
+      return new DocumentSectionView(node, getPos, decorations, editor);
+    };
+  },
+  addCommands() {
+    return {
+      /**
+       * Create a lockable content section
+       * @category Command
+       * @param {SectionCreate} [options={}] - Section configuration
+       * @example
+       * editor.commands.createDocumentSection({
+       *   id: 1,
+       *   title: 'Terms & Conditions',
+       *   isLocked: true,
+       *   html: '<p>Legal content...</p>'
+       * })
+       */
+      createDocumentSection: (options = {}) => ({ tr, state: state2, dispatch, editor }) => {
+        const { selection } = state2;
+        let { from: from2, to } = selection;
+        let content = selection.content().content;
+        const { html: optionsHTML, json: optionsJSON } = options;
+        if (optionsHTML) {
+          const html = htmlHandler(optionsHTML, this.editor);
+          const doc2 = DOMParser$1.fromSchema(this.editor.schema).parse(html);
+          content = doc2.content;
+        }
+        if (optionsJSON) {
+          content = this.editor.schema.nodeFromJSON(optionsJSON);
+        }
+        if (!content?.content?.length) {
+          content = this.editor.schema.nodeFromJSON({ type: "paragraph", content: [] });
+        }
+        if (!options.id) {
+          const allSections = SectionHelpers.getAllSections(editor);
+          options.id = allSections.length + 1;
+        }
+        if (!options.title) {
+          options.title = "Document section";
+        }
+        const node = this.type.createAndFill(options, content);
+        if (!node) return false;
+        const isAlreadyInSdtBlock = findParentNode((node2) => node2.type.name === "documentSection")(selection);
+        if (isAlreadyInSdtBlock && isAlreadyInSdtBlock.node) {
+          const insertPos2 = isAlreadyInSdtBlock.pos + isAlreadyInSdtBlock.node.nodeSize;
+          from2 = insertPos2;
+          to = insertPos2;
+        }
+        tr.replaceRangeWith(from2, to, node);
+        const nodeEnd = from2 + node.nodeSize;
+        let shouldInsertParagraph = true;
+        let insertPos = nodeEnd;
+        if (nodeEnd >= tr.doc.content.size) {
+          insertPos = tr.doc.content.size;
+          if (insertPos > 0) {
+            const $endPos = tr.doc.resolve(insertPos);
+            if ($endPos.nodeBefore && $endPos.nodeBefore.type.name === "paragraph") {
+              shouldInsertParagraph = false;
+            }
+          }
+        }
+        if (shouldInsertParagraph) {
+          const emptyParagraph = tr.doc.type.schema.nodes.paragraph.create();
+          tr.insert(insertPos, emptyParagraph);
+        }
+        if (dispatch) {
+          tr.setMeta("documentSection", { action: "create" });
+          dispatch(tr);
+          setTimeout(() => {
+            try {
+              const currentState = editor.state;
+              const docSize = currentState.doc.content.size;
+              let targetPos = from2 + node.nodeSize;
+              if (shouldInsertParagraph) {
+                targetPos += 1;
+              }
+              targetPos = Math.min(targetPos, docSize);
+              if (targetPos < docSize && targetPos > 0) {
+                const newSelection = Selection.near(currentState.doc.resolve(targetPos));
+                const newTr = currentState.tr.setSelection(newSelection);
+                editor.view.dispatch(newTr);
+              }
+            } catch (e) {
+              console.warn("Could not set delayed selection:", e);
+            }
+          }, 0);
+        }
+        return true;
+      },
+      /**
+       * Remove section wrapper at cursor, preserving its content
+       * @category Command
+       * @example
+       * editor.commands.removeSectionAtSelection()
+       * @note Content stays in document, only section wrapper is removed
+       */
+      removeSectionAtSelection: () => ({ tr, dispatch }) => {
+        const sdtNode = findParentNode((node2) => node2.type.name === "documentSection")(tr.selection);
+        if (!sdtNode) return false;
+        const { node, pos } = sdtNode;
+        const nodeStart = pos;
+        const nodeEnd = nodeStart + node.nodeSize;
+        const contentToPreserve = node.content;
+        tr.delete(nodeStart, nodeEnd);
+        if (contentToPreserve.size > 0) {
+          tr.insert(nodeStart, contentToPreserve);
+        }
+        const newPos = Math.min(nodeStart, tr.doc.content.size);
+        tr.setSelection(Selection.near(tr.doc.resolve(newPos)));
+        if (dispatch) {
+          tr.setMeta("documentSection", { action: "delete" });
+          dispatch(tr);
+        }
+        return true;
+      },
+      /**
+       * Delete section and all its content
+       * @category Command
+       * @param {number} id - Section to delete
+       * @example
+       * editor.commands.removeSectionById(123)
+       */
+      removeSectionById: (id) => ({ tr, dispatch }) => {
+        const sections = SectionHelpers.getAllSections(this.editor);
+        const sectionToRemove = sections.find(({ node: node2 }) => node2.attrs.id === id);
+        if (!sectionToRemove) return false;
+        const { pos, node } = sectionToRemove;
+        const nodeStart = pos;
+        const nodeEnd = nodeStart + node.nodeSize;
+        tr.delete(nodeStart, nodeEnd);
+        if (dispatch) {
+          tr.setMeta("documentSection", { action: "delete", id });
+          dispatch(tr);
+        }
+        return true;
+      },
+      /**
+       * Lock section against edits
+       * @category Command
+       * @param {number} id - Section to lock
+       * @example
+       * editor.commands.lockSectionById(123)
+       */
+      lockSectionById: (id) => ({ tr, dispatch }) => {
+        const sections = SectionHelpers.getAllSections(this.editor);
+        const sectionToLock = sections.find(({ node }) => node.attrs.id === id);
+        if (!sectionToLock) return false;
+        tr.setNodeMarkup(sectionToLock.pos, null, { ...sectionToLock.node.attrs, isLocked: true });
+        if (dispatch) {
+          tr.setMeta("documentSection", { action: "lock", id });
+          dispatch(tr);
+        }
+        return true;
+      },
+      /**
+       * Modify section attributes or content
+       * @category Command
+       * @param {SectionUpdate} options - Changes to apply
+       * @example
+       * editor.commands.updateSectionById({ id: 123, attrs: { isLocked: false } })
+       * editor.commands.updateSectionById({ id: 123, html: '<p>New content</p>' })
+       * editor.commands.updateSectionById({
+       *   id: 123,
+       *   html: '<p>Updated</p>',
+       *   attrs: { title: 'New Title' }
+       * })
+       */
+      updateSectionById: ({ id, html, json, attrs }) => ({ tr, dispatch, editor }) => {
+        const sections = SectionHelpers.getAllSections(editor || this.editor);
+        const sectionToUpdate = sections.find(({ node: node2 }) => node2.attrs.id === id);
+        if (!sectionToUpdate) return false;
+        const { pos, node } = sectionToUpdate;
+        let newContent = null;
+        if (html) {
+          const htmlDoc = htmlHandler(html, editor || this.editor);
+          const doc2 = DOMParser$1.fromSchema((editor || this.editor).schema).parse(htmlDoc);
+          newContent = doc2.content;
+        }
+        if (json) {
+          newContent = (editor || this.editor).schema.nodeFromJSON(json);
+        }
+        if (!newContent) {
+          newContent = node.content;
+        }
+        const updatedNode = node.type.create({ ...node.attrs, ...attrs }, newContent, node.marks);
+        tr.replaceWith(pos, pos + node.nodeSize, updatedNode);
+        if (dispatch) {
+          tr.setMeta("documentSection", { action: "update", id, attrs });
+          dispatch(tr);
+        }
+        return true;
+      }
+    };
+  },
+  addHelpers() {
+    return {
+      ...SectionHelpers
+    };
+  }
+});
+const Document = Node$1.create({
+  name: "doc",
+  topNode: true,
+  content: "block+",
+  parseDOM() {
+    return [{ tag: "doc" }];
+  },
+  renderDOM() {
+    return ["doc", 0];
+  },
+  addAttributes() {
+    return {
+      attributes: {
+        rendered: false,
+        "aria-label": "Document node"
+      }
+    };
+  },
+  addCommands() {
+    return {
+      /**
+       * Get document statistics
+       * @category Command
+       * @example
+       * // Get word and character count
+       * const stats = editor.commands.getDocumentStats()
+       * console.log(`${stats.words} words, ${stats.characters} characters`)
+       * @note Returns word count, character count, and paragraph count
+       */
+      getDocumentStats: () => ({ editor }) => {
+        const text = editor.getText();
+        const words = text.split(/\s+/).filter((word) => word.length > 0).length;
+        const characters = text.length;
+        const paragraphs = editor.state.doc.content.childCount;
+        return {
+          words,
+          characters,
+          paragraphs
+        };
+      },
+      /**
+       * Clear entire document
+       * @category Command
+       * @example
+       * editor.commands.clearDocument()
+       * @note Replaces all content with an empty paragraph
+       */
+      clearDocument: () => ({ commands: commands2 }) => {
+        return commands2.setContent("<p></p>");
+      }
+    };
+  }
+});
+const Text = Node$1.create({
+  name: "text",
+  group: "inline",
+  inline: true,
+  addOptions() {
+    return {};
+  }
+});
+const splitRun = () => (props) => {
+  const { state: state2, view, tr } = props;
+  const { $from, empty: empty2 } = state2.selection;
+  if (!empty2) return false;
+  if ($from.parent.type.name !== "run") return false;
+  const handled = splitBlock(state2, (transaction) => {
+    view.dispatch(transaction);
+  });
+  if (handled) {
+    tr.setMeta("preventDispatch", true);
+  }
+  return handled;
+};
+const Run = OxmlNode.create({
+  name: "run",
+  oXmlName: "w:r",
+  group: "inline",
+  inline: true,
+  content: "inline*",
+  selectable: false,
+  childToAttributes: ["runProperties"],
+  addOptions() {
+    return {
+      htmlAttributes: {
+        "data-run": "1"
+      }
+    };
+  },
+  addAttributes() {
+    return {
+      runProperties: {
+        default: null,
+        rendered: false,
+        keepOnSplit: true
+      },
+      rsidR: {
+        default: null,
+        rendered: false,
+        keepOnSplit: true
+      },
+      rsidRPr: {
+        default: null,
+        rendered: false,
+        keepOnSplit: true
+      },
+      rsidDel: {
+        default: null,
+        rendered: false,
+        keepOnSplit: true
+      }
+    };
+  },
+  addCommands() {
+    return {
+      splitRun
+    };
+  },
+  parseDOM() {
+    return [{ tag: "span[data-run]" }];
+  },
+  renderDOM({ htmlAttributes }) {
+    const base2 = Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
+    return ["span", base2, 0];
+  }
+});
+const inputRegex$1 = /^\s*([-+*])\s$/;
+const BulletList = Node$1.create({
+  name: "bulletList",
+  group: "block list",
+  selectable: false,
+  content() {
+    return `${this.options.itemTypeName}+`;
+  },
+  addOptions() {
+    return {
+      itemTypeName: "listItem",
+      htmlAttributes: {
+        "aria-label": "Bullet list node"
+      },
+      keepMarks: true,
+      keepAttributes: false
+    };
+  },
+  parseDOM() {
+    return [{ tag: "ul" }];
+  },
+  renderDOM({ htmlAttributes }) {
+    const attributes = Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
+    return ["ul", attributes, 0];
+  },
+  addAttributes() {
+    return {
+      "list-style-type": {
+        default: "bullet",
+        rendered: false
+      },
+      listId: {
+        rendered: false
+      },
+      sdBlockId: {
+        default: null,
+        keepOnSplit: false,
+        parseDOM: (elem) => elem.getAttribute("data-sd-block-id"),
+        renderDOM: (attrs) => {
+          return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
+        }
+      },
+      attributes: {
+        rendered: false,
+        keepOnSplit: true
+      }
+    };
+  },
+  addCommands() {
+    return {
+      /**
+       * Toggle a bullet list at the current selection
+       * @category Command
+       * @example
+       * // Toggle bullet list on selected text
+       * editor.commands.toggleBulletList()
+       * @note Converts selected paragraphs to list items or removes list formatting
+       */
+      toggleBulletList: () => (params2) => {
+        return toggleList(this.type)(params2);
+      }
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Shift-8": () => {
+        return this.editor.commands.toggleBulletList();
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      new InputRule({
+        match: inputRegex$1,
+        handler: ({ state: state2, range: range2 }) => {
+          const $pos = state2.selection.$from;
+          const listItemType = state2.schema.nodes.listItem;
+          for (let depth = $pos.depth; depth >= 0; depth--) {
+            if ($pos.node(depth).type === listItemType) {
+              return null;
+            }
+          }
+          const { tr } = state2;
+          tr.delete(range2.from, range2.to);
+          ListHelpers.createNewList({
+            listType: this.type,
+            tr,
+            editor: this.editor
+          });
+        }
+      })
+    ];
+  }
+});
+const inputRegex = /^(\d+)\.\s$/;
+const OrderedList = Node$1.create({
+  name: "orderedList",
+  group: "block list",
+  selectable: false,
+  content() {
+    return `${this.options.itemTypeName}+`;
+  },
+  addOptions() {
+    return {
+      itemTypeName: "listItem",
+      htmlAttributes: {
+        "aria-label": "Ordered list node"
+      },
+      keepMarks: true,
+      keepAttributes: false,
+      listStyleTypes: ["decimal", "lowerAlpha", "lowerRoman"]
+    };
+  },
+  addAttributes() {
+    return {
+      order: {
+        default: 1,
+        parseDOM: (element) => {
+          return element.hasAttribute("start") ? parseInt(element.getAttribute("start") || "", 10) : 1;
+        },
+        renderDOM: (attrs) => {
+          return {
+            start: attrs.order
+          };
+        }
+      },
+      sdBlockId: {
+        default: null,
+        keepOnSplit: false,
+        parseDOM: (elem) => elem.getAttribute("data-sd-block-id"),
+        renderDOM: (attrs) => {
+          return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
+        }
+      },
+      syncId: {
+        default: null,
+        parseDOM: (elem) => elem.getAttribute("data-sync-id"),
+        renderDOM: (attrs) => {
+          if (!attrs.syncId) return {};
+          return {
+            "data-sync-id": attrs.syncId
+          };
+        }
+        // rendered: false,
+      },
+      listId: {
+        keepOnSplit: true,
+        parseDOM: (elem) => elem.getAttribute("data-list-id"),
+        renderDOM: (attrs) => {
+          if (!attrs.listId) return {};
+          return {
+            "data-list-id": attrs.listId
+          };
+        }
+      },
+      "list-style-type": {
+        default: "decimal",
+        rendered: false
+      },
+      attributes: {
+        rendered: false,
+        keepOnSplit: true
+      }
+    };
+  },
+  parseDOM() {
+    return [{ tag: "ol" }];
+  },
+  renderDOM({ htmlAttributes }) {
+    const { start: start2, ...restAttributes } = htmlAttributes;
+    return start2 === 1 ? ["ol", Attribute2.mergeAttributes(this.options.htmlAttributes, restAttributes), 0] : ["ol", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+  },
+  addCommands() {
+    return {
+      /**
+       * Toggle ordered list formatting
+       * @category Command
+       * @example
+       * editor.commands.toggleOrderedList()
+       * @note Converts selection to ordered list or back to paragraphs
+       */
+      toggleOrderedList: () => (params2) => {
+        return toggleList(this.type)(params2);
+      },
+      /**
+       * Restart list node numbering
+       * @category Command
+       * @param {Array} followingNodes - Nodes to restart
+       * @param {number} pos - Starting position
+       * @example
+       * editor.commands.restartListNodes(nodes, position)
+       * @note Resets list numbering for specified nodes
+       */
+      restartListNodes: (followingNodes, pos) => ({ tr }) => {
+        let currentNodePos = pos;
+        const nodes = followingNodes.map((node) => {
+          const resultNode = {
+            node,
+            pos: currentNodePos
+          };
+          currentNodePos += node.nodeSize;
+          return resultNode;
+        });
+        nodes.forEach((item) => {
+          const { pos: pos2 } = item;
+          const newPos = tr.mapping.map(pos2);
+          tr.setNodeMarkup(newPos, void 0, {});
+        });
+        return true;
+      },
+      /**
+       * Update ordered list style type based on nesting level
+       * @category Command
+       * @example
+       * editor.commands.updateOrderedListStyleType()
+       * @note Cycles through decimal -> lowerAlpha -> lowerRoman based on depth
+       */
+      updateOrderedListStyleType: () => ({ dispatch, tr }) => {
+        let list = findParentNode((node) => node.type.name === this.name)(tr.selection);
+        if (!list) {
+          return true;
+        }
+        if (dispatch) {
+          let listLevel = (list.depth - 1) / 2;
+          let listStyleTypes = this.options.listStyleTypes;
+          let listStyle = listStyleTypes[listLevel % listStyleTypes.length];
+          let currentListStyle = list.node.attrs["list-style-type"];
+          let nodeAtPos = tr.doc.nodeAt(list.pos);
+          if (currentListStyle !== listStyle && nodeAtPos.eq(list.node)) {
+            tr.setNodeMarkup(list.pos, void 0, {
+              ...list.node.attrs,
+              ...{
+                "list-style-type": listStyle
+              }
+            });
+          }
+        }
+        return true;
+      }
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Shift-7": () => {
+        return this.editor.commands.toggleOrderedList();
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      new InputRule({
+        match: inputRegex,
+        handler: ({ state: state2, range: range2 }) => {
+          const $pos = state2.selection.$from;
+          const listItemType = state2.schema.nodes.listItem;
+          for (let depth = $pos.depth; depth >= 0; depth--) {
+            if ($pos.node(depth).type === listItemType) {
+              return null;
+            }
+          }
+          const { tr } = state2;
+          tr.delete(range2.from, range2.to);
+          ListHelpers.createNewList({
+            listType: this.type,
+            tr,
+            editor: this.editor
+          });
+        }
+      })
+    ];
+  }
+});
+const generateOrderedListIndex = ({ listLevel, lvlText, listNumberingType, customFormat }) => {
+  const handler2 = listIndexMap[listNumberingType];
+  return handler2 ? handler2(listLevel, lvlText, customFormat) : null;
+};
+const handleDecimal = (path, lvlText) => generateNumbering(path, lvlText, String);
+const handleRoman = (path, lvlText) => generateNumbering(path, lvlText, intToRoman);
+const handleLowerRoman = (path, lvlText) => handleRoman(path, lvlText).toLowerCase();
+const handleLowerAlpha = (path, lvlText) => handleAlpha(path, lvlText).toLowerCase();
+const handleAlpha = (path, lvlText) => generateNumbering(path, lvlText, (p) => intToAlpha(p));
+const handleOrdinal = (path, lvlText) => generateNumbering(path, lvlText, ordinalFormatter);
+const handleCustom = (path, lvlText, customFormat) => generateFromCustom(path, lvlText, customFormat);
+const handleJapaneseCounting = (path, lvlText) => generateNumbering(path, lvlText, intToJapaneseCounting);
+const listIndexMap = {
+  decimal: handleDecimal,
+  lowerRoman: handleLowerRoman,
+  upperRoman: handleRoman,
+  lowerLetter: handleLowerAlpha,
+  upperLetter: handleAlpha,
+  ordinal: handleOrdinal,
+  custom: handleCustom,
+  japaneseCounting: handleJapaneseCounting
+};
+const createNumbering = (values, lvlText) => {
+  return values.reduce((acc, value, index2) => {
+    return value > 9 ? acc.replace(/^0/, "").replace(`%${index2 + 1}`, value) : acc.replace(`%${index2 + 1}`, value);
+  }, lvlText);
+};
+const generateNumbering = (path, lvlText, formatter) => {
+  const formattedValues = path.map(formatter);
+  return createNumbering(formattedValues, lvlText);
+};
+const ordinalFormatter = (level) => {
+  const suffixes = ["th", "st", "nd", "rd"];
+  const value = level % 100;
+  const suffix2 = suffixes[(value - 20) % 10] || suffixes[value] || suffixes[0];
+  const p = level + suffix2;
+  return p;
+};
+const generateFromCustom = (path, lvlText, customFormat) => {
+  if (customFormat !== "001, 002, 003, ...") return generateNumbering(path, lvlText, String);
+  const match = customFormat.match(/(\d+)/);
+  if (!match) throw new Error("Invalid format string: no numeric pattern found");
+  const sample = match[1];
+  const digitCount = sample.length;
+  const index2 = path.pop();
+  return String(index2).padStart(digitCount, "0");
 };
+const intToRoman = (num) => {
+  const romanNumeralMap = [
+    { value: 1e3, numeral: "M" },
+    { value: 900, numeral: "CM" },
+    { value: 500, numeral: "D" },
+    { value: 400, numeral: "CD" },
+    { value: 100, numeral: "C" },
+    { value: 90, numeral: "XC" },
+    { value: 50, numeral: "L" },
+    { value: 40, numeral: "XL" },
+    { value: 10, numeral: "X" },
+    { value: 9, numeral: "IX" },
+    { value: 5, numeral: "V" },
+    { value: 4, numeral: "IV" },
+    { value: 1, numeral: "I" }
+  ];
+  let result = "";
+  for (const { value, numeral } of romanNumeralMap) {
+    while (num >= value) {
+      result += numeral;
+      num -= value;
+    }
+  }
+  return result;
+};
+const intToAlpha = (num) => {
+  let result = "";
+  const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+  while (num > 0) {
+    let index2 = (num - 1) % 26;
+    result = alphabet[index2] + result;
+    num = Math.floor((num - 1) / 26);
+  }
+  return result;
+};
+const intToJapaneseCounting = (num) => {
+  const digits = ["", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
+  const units = ["", "十", "百", "千"];
+  if (num === 0) return "零";
+  if (num < 10) return digits[num];
+  let result = "";
+  let tempNum = num;
+  let unitIndex = 0;
+  while (tempNum > 0) {
+    const digit = tempNum % 10;
+    if (digit !== 0) {
+      const digitStr = digit === 1 && unitIndex > 0 ? "" : digits[digit];
+      result = digitStr + (unitIndex > 0 ? units[unitIndex] : "") + result;
+    } else if (result && tempNum > 0) {
+      if (!result.startsWith("零") && tempNum % 100 !== 0) {
+        result = "零" + result;
+      }
+    }
+    tempNum = Math.floor(tempNum / 10);
+    unitIndex++;
+    if (unitIndex > 3) break;
+  }
+  if (num >= 10 && num < 20) {
+    result = result.replace(/^一十/, "十");
+  }
+  return result;
+};
+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 = (state2 = {}) => ({
+  ...DEFAULT_SELECTION_STATE,
+  ...state2
+});
+const CustomSelectionPluginKey = new PluginKey("CustomSelection");
 const handleClickOutside = (event, editor) => {
   const editorElem = editor?.options?.element;
   if (!editorElem) return;
@@ -53619,11 +54957,7 @@ const CustomSelection = Extension.create({
     const customSelectionPlugin = new Plugin({
       key: CustomSelectionPluginKey,
       state: {
-        init: () => ({
-          focused: false,
-          preservedSelection: null,
-          showVisualSelection: false
-        }),
+        init: () => ({ ...DEFAULT_SELECTION_STATE }),
         apply: (tr, value) => {
           const meta = getFocusMeta(tr);
           if (meta !== void 0) {
@@ -53654,7 +54988,8 @@ const CustomSelection = Extension.create({
                 setFocusMeta(view.state.tr, {
                   focused: true,
                   preservedSelection: selection,
-                  showVisualSelection: true
+                  showVisualSelection: true,
+                  skipFocusReset: true
                 })
               );
             }
@@ -53675,7 +55010,8 @@ const CustomSelection = Extension.create({
                   setFocusMeta(view.state.tr, {
                     focused: true,
                     preservedSelection: selection2,
-                    showVisualSelection: true
+                    showVisualSelection: true,
+                    skipFocusReset: true
                   })
                 );
                 this.editor.setOptions({
@@ -53698,7 +55034,8 @@ const CustomSelection = Extension.create({
                 setFocusMeta(view.state.tr, {
                   focused: true,
                   preservedSelection: selection,
-                  showVisualSelection: true
+                  showVisualSelection: true,
+                  skipFocusReset: false
                 })
               );
               this.editor.setOptions({
@@ -53716,7 +55053,8 @@ const CustomSelection = Extension.create({
                   setFocusMeta(view.state.tr, {
                     focused: true,
                     preservedSelection: selection,
-                    showVisualSelection: true
+                    showVisualSelection: true,
+                    skipFocusReset: false
                   })
                 );
               }
@@ -53727,7 +55065,8 @@ const CustomSelection = Extension.create({
                 setFocusMeta(view.state.tr, {
                   focused: false,
                   preservedSelection: null,
-                  showVisualSelection: false
+                  showVisualSelection: false,
+                  skipFocusReset: false
                 })
               );
               if (!selection.empty && !this.editor.options.element?.contains(target)) {
@@ -53744,12 +55083,20 @@ const CustomSelection = Extension.create({
             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
+                  showVisualSelection: false,
+                  skipFocusReset: false
                 })
               );
             }
@@ -53760,12 +55107,16 @@ const CustomSelection = Extension.create({
             const isToolbarBtn = isElement2 && isToolbarButton(target);
             const isToolbarInp = isElement2 && isToolbarInput(target);
             const state2 = getFocusState(view.state);
+            if (state2?.skipFocusReset) {
+              return false;
+            }
             if (isToolbarBtn || isToolbarInp) {
               view.dispatch(
                 setFocusMeta(view.state.tr, {
                   focused: true,
                   preservedSelection: state2.preservedSelection || view.state.selection,
-                  showVisualSelection: true
+                  showVisualSelection: true,
+                  skipFocusReset: false
                 })
               );
             } else {
@@ -53773,7 +55124,8 @@ const CustomSelection = Extension.create({
                 setFocusMeta(view.state.tr, {
                   focused: false,
                   preservedSelection: null,
-                  showVisualSelection: false
+                  showVisualSelection: false,
+                  skipFocusReset: false
                 })
               );
             }
@@ -54619,7 +55971,7 @@ class ListItemNodeView {
     this.decorations = decorations;
     this.view = editor.view;
     this.getPos = getPos;
-    __privateMethod$1(this, _ListItemNodeView_instances, init_fn2).call(this);
+    __privateMethod$1(this, _ListItemNodeView_instances, init_fn3).call(this);
     activeListItemNodeViews.add(this);
   }
   refreshIndentStyling() {
@@ -54680,7 +56032,7 @@ class ListItemNodeView {
   }
 }
 _ListItemNodeView_instances = /* @__PURE__ */ new WeakSet();
-init_fn2 = function() {
+init_fn3 = function() {
   const { attrs } = this.node;
   const { listLevel, listNumberingType, lvlText, numId, level, customFormat } = attrs;
   let orderMarker = "";
@@ -61796,977 +63148,328 @@ const PageNumber = Node$1.create({
         rendered: false
       }
     };
-  },
-  addNodeView() {
-    return ({ node, editor, getPos, decorations }) => {
-      const htmlAttributes = this.options.htmlAttributes;
-      return new AutoPageNumberNodeView(node, getPos, decorations, editor, htmlAttributes);
-    };
-  },
-  parseDOM() {
-    return [{ tag: 'span[data-id="auto-page-number"' }];
-  },
-  renderDOM({ htmlAttributes }) {
-    return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
-  },
-  addCommands() {
-    return {
-      /**
-       * Insert an automatic page number
-       * @category Command
-       * @returns {Function} Command function
-       * @example
-       * editor.commands.addAutoPageNumber()
-       * @note Only works in header/footer contexts
-       */
-      addAutoPageNumber: () => ({ tr, dispatch, state: state2, editor }) => {
-        const { options } = editor;
-        if (!options.isHeaderOrFooter) return false;
-        const { schema } = state2;
-        const pageNumberType = schema?.nodes?.["page-number"];
-        if (!pageNumberType) return false;
-        const pageNumberNodeJSON = { type: "page-number" };
-        const pageNumberNode = schema.nodeFromJSON(pageNumberNodeJSON);
-        if (dispatch) {
-          tr.replaceSelectionWith(pageNumberNode, false);
-          tr.setMeta("forceUpdatePagination", true);
-        }
-        return true;
-      }
-    };
-  },
-  addShortcuts() {
-    return {
-      "Mod-Shift-alt-p": () => this.editor.commands.addAutoPageNumber()
-    };
-  }
-});
-const TotalPageCount = Node$1.create({
-  name: "total-page-number",
-  group: "inline",
-  inline: true,
-  atom: true,
-  draggable: false,
-  selectable: false,
-  content: "text*",
-  addOptions() {
-    return {
-      htmlAttributes: {
-        contenteditable: false,
-        "data-id": "auto-total-pages",
-        "aria-label": "Total page count node",
-        class: "sd-editor-auto-total-pages"
-      }
-    };
-  },
-  addAttributes() {
-    return {
-      marksAsAttrs: {
-        default: null,
-        rendered: false
-      }
-    };
-  },
-  addNodeView() {
-    return ({ node, editor, getPos, decorations }) => {
-      const htmlAttributes = this.options.htmlAttributes;
-      return new AutoPageNumberNodeView(node, getPos, decorations, editor, htmlAttributes);
-    };
-  },
-  parseDOM() {
-    return [{ tag: 'span[data-id="auto-total-pages"' }];
-  },
-  renderDOM({ htmlAttributes }) {
-    return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
-  },
-  addCommands() {
-    return {
-      /**
-       * Insert total page count
-       * @category Command
-       * @returns {Function} Command function
-       * @example
-       * editor.commands.addTotalPageCount()
-       * @note Only works in header/footer contexts
-       */
-      addTotalPageCount: () => ({ tr, dispatch, state: state2, editor }) => {
-        const { options } = editor;
-        if (!options.isHeaderOrFooter) return false;
-        const { schema } = state2;
-        const pageNumberType = schema.nodes?.["total-page-number"];
-        if (!pageNumberType) return false;
-        const currentPages = editor?.options?.parentEditor?.currentTotalPages || 1;
-        const pageNumberNode = {
-          type: "total-page-number",
-          content: [{ type: "text", text: String(currentPages) }]
-        };
-        const pageNode = schema.nodeFromJSON(pageNumberNode);
-        if (dispatch) {
-          tr.replaceSelectionWith(pageNode, false);
-        }
-        return true;
-      }
-    };
-  },
-  addShortcuts() {
-    return {
-      "Mod-Shift-alt-c": () => this.editor.commands.addTotalPageCount()
-    };
-  }
-});
-const getNodeAttributes = (nodeName, editor) => {
-  switch (nodeName) {
-    case "page-number":
-      return {
-        text: editor.options.currentPageNumber || "1",
-        className: "sd-editor-auto-page-number",
-        dataId: "auto-page-number",
-        ariaLabel: "Page number node"
-      };
-    case "total-page-number":
-      return {
-        text: editor.options.parentEditor?.currentTotalPages || "1",
-        className: "sd-editor-auto-total-pages",
-        dataId: "auto-total-pages",
-        ariaLabel: "Total page count node"
-      };
-    default:
-      return {};
-  }
-};
-class AutoPageNumberNodeView {
-  constructor(node, getPos, decorations, editor, htmlAttributes = {}) {
-    __privateAdd$1(this, _AutoPageNumberNodeView_instances);
-    this.node = node;
-    this.editor = editor;
-    this.view = editor.view;
-    this.getPos = getPos;
-    this.editor = editor;
-    this.dom = __privateMethod$1(this, _AutoPageNumberNodeView_instances, renderDom_fn).call(this, node, htmlAttributes);
-  }
-  update(node) {
-    const incomingType = node?.type?.name;
-    const currentType = this.node?.type?.name;
-    if (!incomingType || incomingType !== currentType) return false;
-    this.node = node;
-    return true;
-  }
-}
-_AutoPageNumberNodeView_instances = /* @__PURE__ */ new WeakSet();
-renderDom_fn = function(node, htmlAttributes) {
-  const attrs = getNodeAttributes(this.node.type.name, this.editor);
-  const content = document.createTextNode(String(attrs.text));
-  const nodeContent = document.createElement("span");
-  nodeContent.className = attrs.className;
-  nodeContent.setAttribute("data-id", attrs.dataId);
-  nodeContent.setAttribute("aria-label", attrs.ariaLabel);
-  const currentPos = this.getPos();
-  const { styles, marks } = getMarksFromNeighbors(currentPos, this.view);
-  __privateMethod$1(this, _AutoPageNumberNodeView_instances, scheduleUpdateNodeStyle_fn).call(this, currentPos, marks);
-  Object.assign(nodeContent.style, styles);
-  nodeContent.appendChild(content);
-  Object.entries(htmlAttributes).forEach(([key2, value]) => {
-    if (value) nodeContent.setAttribute(key2, value);
-  });
-  return nodeContent;
-};
-scheduleUpdateNodeStyle_fn = function(pos, marks) {
-  setTimeout(() => {
-    const { state: state2 } = this.editor;
-    const { dispatch } = this.view;
-    const node = state2.doc.nodeAt(pos);
-    if (!node || node.isText) return;
-    const currentMarks = node.attrs.marksAsAttrs || [];
-    const newMarks = marks.map((m2) => ({ type: m2.type.name, attrs: m2.attrs }));
-    const isEqual = JSON.stringify(currentMarks) === JSON.stringify(newMarks);
-    if (isEqual) return;
-    const newAttrs = {
-      ...node.attrs,
-      marksAsAttrs: newMarks
-    };
-    const tr = state2.tr.setNodeMarkup(pos, void 0, newAttrs);
-    dispatch(tr);
-  }, 0);
-};
-const getMarksFromNeighbors = (currentPos, view) => {
-  const $pos = view.state.doc.resolve(currentPos);
-  const styles = {};
-  const marks = [];
-  const before = $pos.nodeBefore;
-  if (before) {
-    Object.assign(styles, processMarks(before.marks));
-    marks.push(...before.marks);
-  }
-  const after = $pos.nodeAfter;
-  if (after) {
-    Object.assign(styles, { ...styles, ...processMarks(after.marks) });
-    marks.push(...after.marks);
-  }
-  return {
-    styles,
-    marks
-  };
-};
-const processMarks = (marks) => {
-  const styles = {};
-  marks.forEach((mark) => {
-    const { type: type2, attrs } = mark;
-    switch (type2.name) {
-      case "textStyle":
-        if (attrs.fontFamily) styles["font-family"] = attrs.fontFamily;
-        if (attrs.fontSize) styles["font-size"] = attrs.fontSize;
-        if (attrs.color) styles["color"] = attrs.color;
-        if (attrs.backgroundColor) styles["background-color"] = attrs.backgroundColor;
-        break;
-      case "bold":
-        styles["font-weight"] = "bold";
-        break;
-      case "italic":
-        styles["font-style"] = "italic";
-        break;
-      case "underline":
-        styles["text-decoration"] = (styles["text-decoration"] || "") + " underline";
-        break;
-      case "strike":
-        styles["text-decoration"] = (styles["text-decoration"] || "") + " line-through";
-        break;
-      default:
-        if (attrs?.style) {
-          Object.entries(attrs.style).forEach(([key2, value]) => {
-            styles[key2] = value;
-          });
-        }
-        break;
-    }
-  });
-  return styles;
-};
-const ShapeContainer = Node$1.create({
-  name: "shapeContainer",
-  group: "block",
-  content: "block+",
-  isolating: true,
-  addOptions() {
-    return {
-      htmlAttributes: {
-        class: "sd-editor-shape-container",
-        "aria-label": "Shape container node"
-      }
-    };
-  },
-  addAttributes() {
-    return {
-      fillcolor: {
-        renderDOM: (attrs) => {
-          if (!attrs.fillcolor) return {};
-          return {
-            style: `background-color: ${attrs.fillcolor}`
-          };
-        }
-      },
-      sdBlockId: {
-        default: null,
-        keepOnSplit: false,
-        parseDOM: (elem) => elem.getAttribute("data-sd-block-id"),
-        renderDOM: (attrs) => {
-          return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
-        }
-      },
-      style: {
-        renderDOM: (attrs) => {
-          if (!attrs.style) return {};
-          return {
-            style: attrs.style
-          };
-        }
-      },
-      wrapAttributes: {
-        rendered: false
-      },
-      attributes: {
-        rendered: false
-      }
-    };
-  },
-  parseDOM() {
-    return [
-      {
-        tag: `div[data-type="${this.name}"]`
-      }
-    ];
-  },
-  renderDOM({ htmlAttributes }) {
-    return [
-      "div",
-      Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-type": this.name }),
-      0
-    ];
-  }
-});
-const ShapeTextbox = Node$1.create({
-  name: "shapeTextbox",
-  group: "block",
-  content: "paragraph* block*",
-  isolating: true,
-  addOptions() {
-    return {
-      htmlAttributes: {
-        class: "sd-editor-shape-textbox",
-        "aria-label": "Shape textbox node"
-      }
-    };
-  },
-  addAttributes() {
-    return {
-      sdBlockId: {
-        default: null,
-        keepOnSplit: false,
-        parseDOM: (elem) => elem.getAttribute("data-sd-block-id"),
-        renderDOM: (attrs) => {
-          return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
-        }
-      },
-      attributes: {
-        rendered: false
-      }
-    };
-  },
-  parseDOM() {
-    return [
-      {
-        tag: `div[data-type="${this.name}"]`
-      }
-    ];
-  },
-  renderDOM({ htmlAttributes }) {
-    return [
-      "div",
-      Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-type": this.name }),
-      0
-    ];
-  }
-});
-const ContentBlock = Node$1.create({
-  name: "contentBlock",
-  group: "inline",
-  content: "",
-  isolating: true,
-  atom: true,
-  inline: true,
-  addOptions() {
-    return {
-      htmlAttributes: {
-        contenteditable: false
-      }
-    };
-  },
-  addAttributes() {
-    return {
-      horizontalRule: {
-        default: false,
-        renderDOM: ({ horizontalRule }) => {
-          if (!horizontalRule) return {};
-          return { "data-horizontal-rule": "true" };
-        }
-      },
-      size: {
-        default: null,
-        renderDOM: ({ size: size2 }) => {
-          if (!size2) return {};
-          let style2 = "";
-          if (size2.top) style2 += `top: ${size2.top}px; `;
-          if (size2.left) style2 += `left: ${size2.left}px; `;
-          if (size2.width) style2 += `width: ${size2.width.toString().endsWith("%") ? size2.width : `${size2.width}px`}; `;
-          if (size2.height)
-            style2 += `height: ${size2.height.toString().endsWith("%") ? size2.height : `${size2.height}px`}; `;
-          return { style: style2 };
-        }
-      },
-      background: {
-        default: null,
-        renderDOM: (attrs) => {
-          if (!attrs.background) return {};
-          return {
-            style: `background-color: ${attrs.background}`
-          };
-        }
-      },
-      drawingContent: {
-        rendered: false
-      },
-      attributes: {
-        rendered: false
-      }
+  },
+  addNodeView() {
+    return ({ node, editor, getPos, decorations }) => {
+      const htmlAttributes = this.options.htmlAttributes;
+      return new AutoPageNumberNodeView(node, getPos, decorations, editor, htmlAttributes);
     };
   },
   parseDOM() {
-    return [
-      {
-        tag: `div[data-type="${this.name}"]`
-      }
-    ];
+    return [{ tag: 'span[data-id="auto-page-number"' }];
   },
   renderDOM({ htmlAttributes }) {
-    return ["div", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-type": this.name })];
+    return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
   },
   addCommands() {
     return {
       /**
-       * Insert a horizontal rule
-       * @category Command
-       * @example
-       * editor.commands.insertHorizontalRule()
-       * @note Creates a visual separator between content sections
-       */
-      insertHorizontalRule: () => ({ commands: commands2 }) => {
-        return commands2.insertContent({
-          type: this.name,
-          attrs: {
-            horizontalRule: true,
-            size: { width: "100%", height: 2 },
-            background: "#e5e7eb"
-          }
-        });
-      },
-      /**
-       * Insert a content block
+       * Insert an automatic page number
        * @category Command
-       * @param {ContentBlockConfig} config - Block configuration
-       * @example
-       * // Insert a spacer block
-       * editor.commands.insertContentBlock({ size: { height: 20 } })
-       *
+       * @returns {Function} Command function
        * @example
-       * // Insert a colored divider
-       * editor.commands.insertContentBlock({
-       *   size: { width: '50%', height: 3 },
-       *   background: '#3b82f6'
-       * })
-       * @note Used for spacing, dividers, and special inline content
+       * editor.commands.addAutoPageNumber()
+       * @note Only works in header/footer contexts
        */
-      insertContentBlock: (config2) => ({ commands: commands2 }) => {
-        return commands2.insertContent({
-          type: this.name,
-          attrs: config2
-        });
+      addAutoPageNumber: () => ({ tr, dispatch, state: state2, editor }) => {
+        const { options } = editor;
+        if (!options.isHeaderOrFooter) return false;
+        const { schema } = state2;
+        const pageNumberType = schema?.nodes?.["page-number"];
+        if (!pageNumberType) return false;
+        const pageNumberNodeJSON = { type: "page-number" };
+        const pageNumberNode = schema.nodeFromJSON(pageNumberNodeJSON);
+        if (dispatch) {
+          tr.replaceSelectionWith(pageNumberNode, false);
+          tr.setMeta("forceUpdatePagination", true);
+        }
+        return true;
       }
     };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Shift-alt-p": () => this.editor.commands.addAutoPageNumber()
+    };
   }
 });
-class StructuredContentViewBase {
-  constructor(props) {
-    __publicField$1(this, "node");
-    __publicField$1(this, "view");
-    __publicField$1(this, "getPos");
-    __publicField$1(this, "decorations");
-    __publicField$1(this, "innerDecorations");
-    __publicField$1(this, "editor");
-    __publicField$1(this, "extension");
-    __publicField$1(this, "htmlAttributes");
-    __publicField$1(this, "root");
-    __publicField$1(this, "isDragging", false);
-    this.node = props.node;
-    this.view = props.editor.view;
-    this.getPos = props.getPos;
-    this.decorations = props.decorations;
-    this.innerDecorations = props.innerDecorations;
-    this.editor = props.editor;
-    this.extension = props.extension;
-    this.htmlAttributes = props.htmlAttributes;
-    this.mount(props);
-  }
-  mount() {
-    return;
-  }
-  get dom() {
-    return this.root;
-  }
-  get contentDOM() {
-    return null;
-  }
-  update(node, decorations, innerDecorations) {
-    if (node.type !== this.node.type) {
-      return false;
-    }
-    this.node = node;
-    this.decorations = decorations;
-    this.innerDecorations = innerDecorations;
-    this.updateHTMLAttributes();
-    return true;
-  }
-  stopEvent(event) {
-    if (!this.dom) return false;
-    const target = event.target;
-    const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);
-    if (!isInElement) return false;
-    const isDragEvent = event.type.startsWith("drag");
-    const isDropEvent = event.type === "drop";
-    const isInput = ["INPUT", "BUTTON", "SELECT", "TEXTAREA"].includes(target.tagName) || target.isContentEditable;
-    if (isInput && !isDropEvent && !isDragEvent) return true;
-    const { isEditable } = this.editor;
-    const { isDragging } = this;
-    const isDraggable = !!this.node.type.spec.draggable;
-    const isSelectable = NodeSelection.isSelectable(this.node);
-    const isCopyEvent = event.type === "copy";
-    const isPasteEvent = event.type === "paste";
-    const isCutEvent = event.type === "cut";
-    const isClickEvent = event.type === "mousedown";
-    if (!isDraggable && isSelectable && isDragEvent && event.target === this.dom) {
-      event.preventDefault();
-    }
-    if (isDraggable && isDragEvent && !isDragging && event.target === this.dom) {
-      event.preventDefault();
-      return false;
-    }
-    if (isDraggable && isEditable && !isDragging && isClickEvent) {
-      const dragHandle = target.closest("[data-drag-handle]");
-      const isValidDragHandle = dragHandle && (this.dom === dragHandle || this.dom.contains(dragHandle));
-      if (isValidDragHandle) {
-        this.isDragging = true;
-        document.addEventListener(
-          "dragend",
-          () => {
-            this.isDragging = false;
-          },
-          { once: true }
-        );
-        document.addEventListener(
-          "drop",
-          () => {
-            this.isDragging = false;
-          },
-          { once: true }
-        );
-        document.addEventListener(
-          "mouseup",
-          () => {
-            this.isDragging = false;
-          },
-          { once: true }
-        );
-      }
-    }
-    if (isDragging || isDropEvent || isCopyEvent || isPasteEvent || isCutEvent || isClickEvent && isSelectable) {
-      return false;
-    }
-    return true;
-  }
-  ignoreMutation(mutation) {
-    if (!this.dom || !this.contentDOM) return true;
-    if (this.node.isLeaf || this.node.isAtom) return true;
-    if (mutation.type === "selection") return false;
-    if (this.contentDOM === mutation.target && mutation.type === "attributes") return true;
-    if (this.contentDOM.contains(mutation.target)) return false;
-    return true;
-  }
-  destroy() {
-    this.dom.remove();
-    this.contentDOM?.remove();
-  }
-  updateAttributes(attrs) {
-    const pos = this.getPos();
-    if (typeof pos !== "number") {
-      return;
-    }
-    return this.view.dispatch(
-      this.view.state.tr.setNodeMarkup(pos, void 0, {
-        ...this.node.attrs,
-        ...attrs
-      })
-    );
-  }
-  updateHTMLAttributes() {
-    const { extensionService } = this.editor;
-    const { attributes } = extensionService;
-    const extensionAttrs = attributes.filter((i) => i.type === this.node.type.name);
-    this.htmlAttributes = Attribute2.getAttributesToRender(this.node, extensionAttrs);
-  }
-  createDragHandle() {
-    const dragHandle = document.createElement("span");
-    dragHandle.classList.add("sd-structured-content-draggable");
-    dragHandle.draggable = true;
-    dragHandle.contentEditable = "false";
-    dragHandle.dataset.dragHandle = "";
-    const textElement = document.createElement("span");
-    textElement.textContent = "Structured content";
-    dragHandle.append(textElement);
-    return dragHandle;
-  }
-  onDragStart(event) {
-    const { view } = this.editor;
-    const target = event.target;
-    const dragHandle = target.nodeType === 3 ? target.parentElement?.closest("[data-drag-handle]") : target.closest("[data-drag-handle]");
-    if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {
-      return;
-    }
-    let x = 0;
-    let y2 = 0;
-    if (this.dom !== dragHandle) {
-      const domBox = this.dom.getBoundingClientRect();
-      const handleBox = dragHandle.getBoundingClientRect();
-      const offsetX = event.offsetX ?? event.nativeEvent?.offsetX;
-      const offsetY = event.offsetY ?? event.nativeEvent?.offsetY;
-      x = handleBox.x - domBox.x + offsetX;
-      y2 = handleBox.y - domBox.y + offsetY;
-    }
-    event.dataTransfer?.setDragImage(this.dom, x, y2);
-    const pos = this.getPos();
-    if (typeof pos !== "number") {
-      return;
-    }
-    const selection = NodeSelection.create(view.state.doc, pos);
-    const transaction = view.state.tr.setSelection(selection);
-    view.dispatch(transaction);
-  }
-}
-class StructuredContentInlineView extends StructuredContentViewBase {
-  constructor(props) {
-    super(props);
-  }
-  mount() {
-    this.buildView();
-  }
-  get contentDOM() {
-    const contentElement = this.dom?.querySelector(`.${structuredContentInnerClass$1}`);
-    return contentElement || null;
-  }
-  createElement() {
-    const element = document.createElement("span");
-    element.classList.add(structuredContentClass$1);
-    element.setAttribute("data-structured-content", "");
-    const contentElement = document.createElement("span");
-    contentElement.classList.add(structuredContentInnerClass$1);
-    element.append(contentElement);
-    const domAttrs = Attribute2.mergeAttributes(this.htmlAttributes);
-    updateDOMAttributes(element, { ...domAttrs });
-    return { element, contentElement };
-  }
-  buildView() {
-    const { element } = this.createElement();
-    const dragHandle = this.createDragHandle();
-    element.prepend(dragHandle);
-    element.addEventListener("dragstart", (e) => this.onDragStart(e));
-    this.root = element;
-  }
-  updateView() {
-    const domAttrs = Attribute2.mergeAttributes(this.htmlAttributes);
-    updateDOMAttributes(this.dom, { ...domAttrs });
-  }
-  update(node, decorations, innerDecorations) {
-    const result = super.update(node, decorations, innerDecorations);
-    if (!result) return false;
-    this.updateView();
-    return true;
-  }
-}
-const structuredContentClass$1 = "sd-structured-content";
-const structuredContentInnerClass$1 = "sd-structured-content__content";
-const StructuredContent = Node$1.create({
-  name: "structuredContent",
-  group: "inline structuredContent",
+const TotalPageCount = Node$1.create({
+  name: "total-page-number",
+  group: "inline",
   inline: true,
-  content: "inline*",
-  isolating: true,
-  atom: false,
-  // false - has editable content.
-  draggable: true,
+  atom: true,
+  draggable: false,
+  selectable: false,
+  content: "text*",
   addOptions() {
     return {
       htmlAttributes: {
-        class: structuredContentClass$1,
-        "aria-label": "Structured content node"
+        contenteditable: false,
+        "data-id": "auto-total-pages",
+        "aria-label": "Total page count node",
+        class: "sd-editor-auto-total-pages"
       }
     };
   },
   addAttributes() {
     return {
-      id: {
+      marksAsAttrs: {
         default: null,
-        parseDOM: (elem) => elem.getAttribute("data-id"),
-        renderDOM: (attrs) => {
-          if (!attrs.id) return {};
-          return { "data-id": attrs.id };
-        }
-      },
-      sdtPr: {
         rendered: false
       }
     };
   },
+  addNodeView() {
+    return ({ node, editor, getPos, decorations }) => {
+      const htmlAttributes = this.options.htmlAttributes;
+      return new AutoPageNumberNodeView(node, getPos, decorations, editor, htmlAttributes);
+    };
+  },
   parseDOM() {
-    return [{ tag: "span[data-structured-content]" }];
+    return [{ tag: 'span[data-id="auto-total-pages"' }];
   },
   renderDOM({ htmlAttributes }) {
-    return [
-      "span",
-      Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, {
-        "data-structured-content": ""
-      }),
-      0
-    ];
+    return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
   },
-  addNodeView() {
-    return (props) => {
-      return new StructuredContentInlineView({ ...props });
+  addCommands() {
+    return {
+      /**
+       * Insert total page count
+       * @category Command
+       * @returns {Function} Command function
+       * @example
+       * editor.commands.addTotalPageCount()
+       * @note Only works in header/footer contexts
+       */
+      addTotalPageCount: () => ({ tr, dispatch, state: state2, editor }) => {
+        const { options } = editor;
+        if (!options.isHeaderOrFooter) return false;
+        const { schema } = state2;
+        const pageNumberType = schema.nodes?.["total-page-number"];
+        if (!pageNumberType) return false;
+        const currentPages = editor?.options?.parentEditor?.currentTotalPages || 1;
+        const pageNumberNode = {
+          type: "total-page-number",
+          content: [{ type: "text", text: String(currentPages) }]
+        };
+        const pageNode = schema.nodeFromJSON(pageNumberNode);
+        if (dispatch) {
+          tr.replaceSelectionWith(pageNode, false);
+        }
+        return true;
+      }
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Shift-alt-c": () => this.editor.commands.addTotalPageCount()
     };
   }
 });
-class StructuredContentBlockView extends StructuredContentViewBase {
-  constructor(props) {
-    super(props);
-  }
-  mount() {
-    this.buildView();
-  }
-  get contentDOM() {
-    const contentElement = this.dom?.querySelector(`.${structuredContentInnerClass}`);
-    return contentElement || null;
-  }
-  createElement() {
-    const element = document.createElement("div");
-    element.classList.add(structuredContentClass);
-    element.setAttribute("data-structured-content-block", "");
-    const contentElement = document.createElement("div");
-    contentElement.classList.add(structuredContentInnerClass);
-    element.append(contentElement);
-    const domAttrs = Attribute2.mergeAttributes(this.htmlAttributes);
-    updateDOMAttributes(element, { ...domAttrs });
-    return { element, contentElement };
-  }
-  buildView() {
-    const { element } = this.createElement();
-    const dragHandle = this.createDragHandle();
-    element.prepend(dragHandle);
-    element.addEventListener("dragstart", (e) => this.onDragStart(e));
-    this.root = element;
+const getNodeAttributes = (nodeName, editor) => {
+  switch (nodeName) {
+    case "page-number":
+      return {
+        text: editor.options.currentPageNumber || "1",
+        className: "sd-editor-auto-page-number",
+        dataId: "auto-page-number",
+        ariaLabel: "Page number node"
+      };
+    case "total-page-number":
+      return {
+        text: editor.options.parentEditor?.currentTotalPages || "1",
+        className: "sd-editor-auto-total-pages",
+        dataId: "auto-total-pages",
+        ariaLabel: "Total page count node"
+      };
+    default:
+      return {};
   }
-  updateView() {
-    const domAttrs = Attribute2.mergeAttributes(this.htmlAttributes);
-    updateDOMAttributes(this.dom, { ...domAttrs });
+};
+class AutoPageNumberNodeView {
+  constructor(node, getPos, decorations, editor, htmlAttributes = {}) {
+    __privateAdd$1(this, _AutoPageNumberNodeView_instances);
+    this.node = node;
+    this.editor = editor;
+    this.view = editor.view;
+    this.getPos = getPos;
+    this.editor = editor;
+    this.dom = __privateMethod$1(this, _AutoPageNumberNodeView_instances, renderDom_fn).call(this, node, htmlAttributes);
   }
-  update(node, decorations, innerDecorations) {
-    const result = super.update(node, decorations, innerDecorations);
-    if (!result) return false;
-    this.updateView();
+  update(node) {
+    const incomingType = node?.type?.name;
+    const currentType = this.node?.type?.name;
+    if (!incomingType || incomingType !== currentType) return false;
+    this.node = node;
     return true;
   }
 }
-const structuredContentClass = "sd-structured-content-block";
-const structuredContentInnerClass = "sd-structured-content-block__content";
-const StructuredContentBlock = Node$1.create({
-  name: "structuredContentBlock",
-  group: "block structuredContent",
-  content: "block*",
+_AutoPageNumberNodeView_instances = /* @__PURE__ */ new WeakSet();
+renderDom_fn = function(node, htmlAttributes) {
+  const attrs = getNodeAttributes(this.node.type.name, this.editor);
+  const content = document.createTextNode(String(attrs.text));
+  const nodeContent = document.createElement("span");
+  nodeContent.className = attrs.className;
+  nodeContent.setAttribute("data-id", attrs.dataId);
+  nodeContent.setAttribute("aria-label", attrs.ariaLabel);
+  const currentPos = this.getPos();
+  const { styles, marks } = getMarksFromNeighbors(currentPos, this.view);
+  __privateMethod$1(this, _AutoPageNumberNodeView_instances, scheduleUpdateNodeStyle_fn).call(this, currentPos, marks);
+  Object.assign(nodeContent.style, styles);
+  nodeContent.appendChild(content);
+  Object.entries(htmlAttributes).forEach(([key2, value]) => {
+    if (value) nodeContent.setAttribute(key2, value);
+  });
+  return nodeContent;
+};
+scheduleUpdateNodeStyle_fn = function(pos, marks) {
+  setTimeout(() => {
+    const { state: state2 } = this.editor;
+    const { dispatch } = this.view;
+    const node = state2.doc.nodeAt(pos);
+    if (!node || node.isText) return;
+    const currentMarks = node.attrs.marksAsAttrs || [];
+    const newMarks = marks.map((m2) => ({ type: m2.type.name, attrs: m2.attrs }));
+    const isEqual = JSON.stringify(currentMarks) === JSON.stringify(newMarks);
+    if (isEqual) return;
+    const newAttrs = {
+      ...node.attrs,
+      marksAsAttrs: newMarks
+    };
+    const tr = state2.tr.setNodeMarkup(pos, void 0, newAttrs);
+    dispatch(tr);
+  }, 0);
+};
+const getMarksFromNeighbors = (currentPos, view) => {
+  const $pos = view.state.doc.resolve(currentPos);
+  const styles = {};
+  const marks = [];
+  const before = $pos.nodeBefore;
+  if (before) {
+    Object.assign(styles, processMarks(before.marks));
+    marks.push(...before.marks);
+  }
+  const after = $pos.nodeAfter;
+  if (after) {
+    Object.assign(styles, { ...styles, ...processMarks(after.marks) });
+    marks.push(...after.marks);
+  }
+  return {
+    styles,
+    marks
+  };
+};
+const processMarks = (marks) => {
+  const styles = {};
+  marks.forEach((mark) => {
+    const { type: type2, attrs } = mark;
+    switch (type2.name) {
+      case "textStyle":
+        if (attrs.fontFamily) styles["font-family"] = attrs.fontFamily;
+        if (attrs.fontSize) styles["font-size"] = attrs.fontSize;
+        if (attrs.color) styles["color"] = attrs.color;
+        if (attrs.backgroundColor) styles["background-color"] = attrs.backgroundColor;
+        break;
+      case "bold":
+        styles["font-weight"] = "bold";
+        break;
+      case "italic":
+        styles["font-style"] = "italic";
+        break;
+      case "underline":
+        styles["text-decoration"] = (styles["text-decoration"] || "") + " underline";
+        break;
+      case "strike":
+        styles["text-decoration"] = (styles["text-decoration"] || "") + " line-through";
+        break;
+      default:
+        if (attrs?.style) {
+          Object.entries(attrs.style).forEach(([key2, value]) => {
+            styles[key2] = value;
+          });
+        }
+        break;
+    }
+  });
+  return styles;
+};
+const ShapeContainer = Node$1.create({
+  name: "shapeContainer",
+  group: "block",
+  content: "block+",
   isolating: true,
-  atom: false,
-  // false - has editable content.
-  draggable: true,
   addOptions() {
     return {
       htmlAttributes: {
-        class: structuredContentClass,
-        "aria-label": "Structured content block node"
+        class: "sd-editor-shape-container",
+        "aria-label": "Shape container node"
       }
     };
   },
   addAttributes() {
     return {
-      id: {
+      fillcolor: {
+        renderDOM: (attrs) => {
+          if (!attrs.fillcolor) return {};
+          return {
+            style: `background-color: ${attrs.fillcolor}`
+          };
+        }
+      },
+      sdBlockId: {
         default: null,
-        parseDOM: (elem) => elem.getAttribute("data-id"),
+        keepOnSplit: false,
+        parseDOM: (elem) => elem.getAttribute("data-sd-block-id"),
         renderDOM: (attrs) => {
-          if (!attrs.id) return {};
-          return { "data-id": attrs.id };
+          return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
         }
       },
-      sdtPr: {
+      style: {
+        renderDOM: (attrs) => {
+          if (!attrs.style) return {};
+          return {
+            style: attrs.style
+          };
+        }
+      },
+      wrapAttributes: {
+        rendered: false
+      },
+      attributes: {
         rendered: false
       }
     };
   },
   parseDOM() {
-    return [{ tag: "div[data-structured-content-block]" }];
+    return [
+      {
+        tag: `div[data-type="${this.name}"]`
+      }
+    ];
   },
   renderDOM({ htmlAttributes }) {
     return [
       "div",
-      Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, {
-        "data-structured-content-block": ""
-      }),
+      Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-type": this.name }),
       0
     ];
-  },
-  addNodeView() {
-    return (props) => {
-      return new StructuredContentBlockView({ ...props });
-    };
   }
 });
-class DocumentSectionView {
-  constructor(node, getPos, decorations, editor) {
-    __privateAdd$1(this, _DocumentSectionView_instances);
-    this.node = node;
-    this.editor = editor;
-    this.decorations = decorations;
-    this.view = editor.view;
-    this.getPos = getPos;
-    __privateMethod$1(this, _DocumentSectionView_instances, init_fn3).call(this);
-  }
-}
-_DocumentSectionView_instances = /* @__PURE__ */ new WeakSet();
-init_fn3 = function() {
-  const { attrs } = this.node;
-  const { id, title, description } = attrs;
-  this.dom = document.createElement("div");
-  this.dom.className = "sd-document-section-block";
-  this.dom.setAttribute("data-id", id);
-  this.dom.setAttribute("data-title", title);
-  this.dom.setAttribute("data-description", description);
-  this.dom.setAttribute("aria-label", "Document section");
-  __privateMethod$1(this, _DocumentSectionView_instances, addToolTip_fn).call(this);
-  this.contentDOM = document.createElement("div");
-  this.contentDOM.className = "sd-document-section-block-content";
-  this.contentDOM.setAttribute("contenteditable", "true");
-  this.dom.appendChild(this.contentDOM);
-};
-addToolTip_fn = function() {
-  const { title } = this.node.attrs;
-  this.infoDiv = document.createElement("div");
-  this.infoDiv.className = "sd-document-section-block-info";
-  const textSpan = document.createElement("span");
-  textSpan.textContent = title || "Document section";
-  this.infoDiv.appendChild(textSpan);
-  this.infoDiv.setAttribute("contenteditable", "false");
-  this.dom.appendChild(this.infoDiv);
-};
-const getAllSections = (editor) => {
-  if (!editor) return [];
-  const type2 = editor.schema.nodes.documentSection;
-  if (!type2) return [];
-  const sections = [];
-  const { state: state2 } = editor;
-  state2.doc.descendants((node, pos) => {
-    if (node.type.name === type2.name) {
-      sections.push({ node, pos });
-    }
-  });
-  return sections;
-};
-const exportSectionsToHTML = (editor) => {
-  const sections = getAllSections(editor);
-  const processedSections = /* @__PURE__ */ new Set();
-  const result = [];
-  sections.forEach(({ node }) => {
-    const { attrs } = node;
-    const { id, title, description } = attrs;
-    if (processedSections.has(id)) return;
-    processedSections.add(id);
-    const html = getHTMLFromNode(node, editor);
-    result.push({
-      id,
-      title,
-      description,
-      html
-    });
-  });
-  return result;
-};
-const getHTMLFromNode = (node, editor) => {
-  const tempDocument = document.implementation.createHTMLDocument();
-  const container = tempDocument.createElement("div");
-  const fragment = DOMSerializer.fromSchema(editor.schema).serializeFragment(node.content);
-  container.appendChild(fragment);
-  let html = container.innerHTML;
-  return html;
-};
-const exportSectionsToJSON = (editor) => {
-  const sections = getAllSections(editor);
-  const processedSections = /* @__PURE__ */ new Set();
-  const result = [];
-  sections.forEach(({ node }) => {
-    const { attrs } = node;
-    const { id, title, description } = attrs;
-    if (processedSections.has(id)) return;
-    processedSections.add(id);
-    result.push({
-      id,
-      title,
-      description,
-      content: node.toJSON()
-    });
-  });
-  return result;
-};
-const getLinkedSectionEditor = (id, options, editor) => {
-  const sections = getAllSections(editor);
-  const section = sections.find((s) => s.node.attrs.id === id);
-  if (!section) return null;
-  const child = editor.createChildEditor({
-    ...options,
-    onUpdate: ({ editor: childEditor, transaction }) => {
-      const isFromtLinkedParent = transaction.getMeta("fromLinkedParent");
-      if (isFromtLinkedParent) return;
-      const updatedContent = childEditor.state.doc.content;
-      const sectionNode = getAllSections(editor)?.find((s) => s.node.attrs.id === id);
-      if (!sectionNode) return;
-      const { pos, node } = sectionNode;
-      const newNode = node.type.create(node.attrs, updatedContent, node.marks);
-      const tr = editor.state.tr.replaceWith(pos, pos + node.nodeSize, newNode);
-      tr.setMeta("fromLinkedChild", true);
-      editor.view.dispatch(tr);
-    }
-  });
-  editor.on("update", ({ transaction }) => {
-    const isFromLinkedChild = transaction.getMeta("fromLinkedChild");
-    if (isFromLinkedChild) return;
-    const sectionNode = getAllSections(editor)?.find((s) => s.node.attrs.id === id);
-    if (!sectionNode) return;
-    const sectionContent = sectionNode.node.content;
-    const json = {
-      type: "doc",
-      content: sectionContent.content.map((node) => node.toJSON())
-    };
-    const childTr = child.state.tr;
-    childTr.setMeta("fromLinkedParent", true);
-    childTr.replaceWith(0, child.state.doc.content.size, child.schema.nodeFromJSON(json));
-    child.view.dispatch(childTr);
-  });
-  return child;
-};
-const SectionHelpers = {
-  getAllSections,
-  exportSectionsToHTML,
-  exportSectionsToJSON,
-  getLinkedSectionEditor
-};
-const DocumentSection = Node$1.create({
-  name: "documentSection",
+const ShapeTextbox = Node$1.create({
+  name: "shapeTextbox",
   group: "block",
-  content: "block*",
-  atom: true,
+  content: "paragraph* block*",
   isolating: true,
   addOptions() {
     return {
       htmlAttributes: {
-        class: "sd-document-section-block",
-        "aria-label": "Structured content block"
+        class: "sd-editor-shape-textbox",
+        "aria-label": "Shape textbox node"
       }
     };
   },
-  parseDOM() {
-    return [
-      {
-        tag: "div.sd-document-section-block",
-        priority: 60
-      }
-    ];
-  },
-  renderDOM({ htmlAttributes }) {
-    return ["div", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
-  },
   addAttributes() {
     return {
-      id: {},
       sdBlockId: {
         default: null,
         keepOnSplit: false,
@@ -62775,212 +63478,131 @@ const DocumentSection = Node$1.create({
           return attrs.sdBlockId ? { "data-sd-block-id": attrs.sdBlockId } : {};
         }
       },
-      title: {},
-      description: {},
-      sectionType: {},
-      isLocked: { default: false }
+      attributes: {
+        rendered: false
+      }
     };
   },
-  addNodeView() {
-    return ({ node, editor, getPos, decorations }) => {
-      return new DocumentSectionView(node, getPos, decorations, editor);
+  parseDOM() {
+    return [
+      {
+        tag: `div[data-type="${this.name}"]`
+      }
+    ];
+  },
+  renderDOM({ htmlAttributes }) {
+    return [
+      "div",
+      Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-type": this.name }),
+      0
+    ];
+  }
+});
+const ContentBlock = Node$1.create({
+  name: "contentBlock",
+  group: "inline",
+  content: "",
+  isolating: true,
+  atom: true,
+  inline: true,
+  addOptions() {
+    return {
+      htmlAttributes: {
+        contenteditable: false
+      }
     };
   },
-  addCommands() {
+  addAttributes() {
     return {
-      /**
-       * Create a lockable content section
-       * @category Command
-       * @param {SectionCreate} [options={}] - Section configuration
-       * @example
-       * editor.commands.createDocumentSection({
-       *   id: 1,
-       *   title: 'Terms & Conditions',
-       *   isLocked: true,
-       *   html: '<p>Legal content...</p>'
-       * })
-       */
-      createDocumentSection: (options = {}) => ({ tr, state: state2, dispatch, editor }) => {
-        const { selection } = state2;
-        let { from: from2, to } = selection;
-        let content = selection.content().content;
-        const { html: optionsHTML, json: optionsJSON } = options;
-        if (optionsHTML) {
-          const html = htmlHandler(optionsHTML, this.editor);
-          const doc2 = DOMParser$1.fromSchema(this.editor.schema).parse(html);
-          content = doc2.content;
-        }
-        if (optionsJSON) {
-          content = this.editor.schema.nodeFromJSON(optionsJSON);
-        }
-        if (!content?.content?.length) {
-          content = this.editor.schema.nodeFromJSON({ type: "paragraph", content: [] });
-        }
-        if (!options.id) {
-          const allSections = SectionHelpers.getAllSections(editor);
-          options.id = allSections.length + 1;
-        }
-        if (!options.title) {
-          options.title = "Document section";
-        }
-        const node = this.type.createAndFill(options, content);
-        if (!node) return false;
-        const isAlreadyInSdtBlock = findParentNode((node2) => node2.type.name === "documentSection")(selection);
-        if (isAlreadyInSdtBlock && isAlreadyInSdtBlock.node) {
-          const insertPos2 = isAlreadyInSdtBlock.pos + isAlreadyInSdtBlock.node.nodeSize;
-          from2 = insertPos2;
-          to = insertPos2;
-        }
-        tr.replaceRangeWith(from2, to, node);
-        const nodeEnd = from2 + node.nodeSize;
-        let shouldInsertParagraph = true;
-        let insertPos = nodeEnd;
-        if (nodeEnd >= tr.doc.content.size) {
-          insertPos = tr.doc.content.size;
-          if (insertPos > 0) {
-            const $endPos = tr.doc.resolve(insertPos);
-            if ($endPos.nodeBefore && $endPos.nodeBefore.type.name === "paragraph") {
-              shouldInsertParagraph = false;
-            }
-          }
-        }
-        if (shouldInsertParagraph) {
-          const emptyParagraph = tr.doc.type.schema.nodes.paragraph.create();
-          tr.insert(insertPos, emptyParagraph);
-        }
-        if (dispatch) {
-          tr.setMeta("documentSection", { action: "create" });
-          dispatch(tr);
-          setTimeout(() => {
-            try {
-              const currentState = editor.state;
-              const docSize = currentState.doc.content.size;
-              let targetPos = from2 + node.nodeSize;
-              if (shouldInsertParagraph) {
-                targetPos += 1;
-              }
-              targetPos = Math.min(targetPos, docSize);
-              if (targetPos < docSize && targetPos > 0) {
-                const newSelection = Selection.near(currentState.doc.resolve(targetPos));
-                const newTr = currentState.tr.setSelection(newSelection);
-                editor.view.dispatch(newTr);
-              }
-            } catch (e) {
-              console.warn("Could not set delayed selection:", e);
-            }
-          }, 0);
+      horizontalRule: {
+        default: false,
+        renderDOM: ({ horizontalRule }) => {
+          if (!horizontalRule) return {};
+          return { "data-horizontal-rule": "true" };
         }
-        return true;
       },
-      /**
-       * Remove section wrapper at cursor, preserving its content
-       * @category Command
-       * @example
-       * editor.commands.removeSectionAtSelection()
-       * @note Content stays in document, only section wrapper is removed
-       */
-      removeSectionAtSelection: () => ({ tr, dispatch }) => {
-        const sdtNode = findParentNode((node2) => node2.type.name === "documentSection")(tr.selection);
-        if (!sdtNode) return false;
-        const { node, pos } = sdtNode;
-        const nodeStart = pos;
-        const nodeEnd = nodeStart + node.nodeSize;
-        const contentToPreserve = node.content;
-        tr.delete(nodeStart, nodeEnd);
-        if (contentToPreserve.size > 0) {
-          tr.insert(nodeStart, contentToPreserve);
-        }
-        const newPos = Math.min(nodeStart, tr.doc.content.size);
-        tr.setSelection(Selection.near(tr.doc.resolve(newPos)));
-        if (dispatch) {
-          tr.setMeta("documentSection", { action: "delete" });
-          dispatch(tr);
+      size: {
+        default: null,
+        renderDOM: ({ size: size2 }) => {
+          if (!size2) return {};
+          let style2 = "";
+          if (size2.top) style2 += `top: ${size2.top}px; `;
+          if (size2.left) style2 += `left: ${size2.left}px; `;
+          if (size2.width) style2 += `width: ${size2.width.toString().endsWith("%") ? size2.width : `${size2.width}px`}; `;
+          if (size2.height)
+            style2 += `height: ${size2.height.toString().endsWith("%") ? size2.height : `${size2.height}px`}; `;
+          return { style: style2 };
         }
-        return true;
       },
-      /**
-       * Delete section and all its content
-       * @category Command
-       * @param {number} id - Section to delete
-       * @example
-       * editor.commands.removeSectionById(123)
-       */
-      removeSectionById: (id) => ({ tr, dispatch }) => {
-        const sections = SectionHelpers.getAllSections(this.editor);
-        const sectionToRemove = sections.find(({ node: node2 }) => node2.attrs.id === id);
-        if (!sectionToRemove) return false;
-        const { pos, node } = sectionToRemove;
-        const nodeStart = pos;
-        const nodeEnd = nodeStart + node.nodeSize;
-        tr.delete(nodeStart, nodeEnd);
-        if (dispatch) {
-          tr.setMeta("documentSection", { action: "delete", id });
-          dispatch(tr);
+      background: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.background) return {};
+          return {
+            style: `background-color: ${attrs.background}`
+          };
         }
-        return true;
       },
+      drawingContent: {
+        rendered: false
+      },
+      attributes: {
+        rendered: false
+      }
+    };
+  },
+  parseDOM() {
+    return [
+      {
+        tag: `div[data-type="${this.name}"]`
+      }
+    ];
+  },
+  renderDOM({ htmlAttributes }) {
+    return ["div", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes, { "data-type": this.name })];
+  },
+  addCommands() {
+    return {
       /**
-       * Lock section against edits
+       * Insert a horizontal rule
        * @category Command
-       * @param {number} id - Section to lock
        * @example
-       * editor.commands.lockSectionById(123)
+       * editor.commands.insertHorizontalRule()
+       * @note Creates a visual separator between content sections
        */
-      lockSectionById: (id) => ({ tr, dispatch }) => {
-        const sections = SectionHelpers.getAllSections(this.editor);
-        const sectionToLock = sections.find(({ node }) => node.attrs.id === id);
-        if (!sectionToLock) return false;
-        tr.setNodeMarkup(sectionToLock.pos, null, { ...sectionToLock.node.attrs, isLocked: true });
-        if (dispatch) {
-          tr.setMeta("documentSection", { action: "lock", id });
-          dispatch(tr);
-        }
-        return true;
+      insertHorizontalRule: () => ({ commands: commands2 }) => {
+        return commands2.insertContent({
+          type: this.name,
+          attrs: {
+            horizontalRule: true,
+            size: { width: "100%", height: 2 },
+            background: "#e5e7eb"
+          }
+        });
       },
       /**
-       * Modify section attributes or content
+       * Insert a content block
        * @category Command
-       * @param {SectionUpdate} options - Changes to apply
+       * @param {ContentBlockConfig} config - Block configuration
        * @example
-       * editor.commands.updateSectionById({ id: 123, attrs: { isLocked: false } })
-       * editor.commands.updateSectionById({ id: 123, html: '<p>New content</p>' })
-       * editor.commands.updateSectionById({
-       *   id: 123,
-       *   html: '<p>Updated</p>',
-       *   attrs: { title: 'New Title' }
+       * // Insert a spacer block
+       * editor.commands.insertContentBlock({ size: { height: 20 } })
+       *
+       * @example
+       * // Insert a colored divider
+       * editor.commands.insertContentBlock({
+       *   size: { width: '50%', height: 3 },
+       *   background: '#3b82f6'
        * })
+       * @note Used for spacing, dividers, and special inline content
        */
-      updateSectionById: ({ id, html, json, attrs }) => ({ tr, dispatch, editor }) => {
-        const sections = SectionHelpers.getAllSections(editor || this.editor);
-        const sectionToUpdate = sections.find(({ node: node2 }) => node2.attrs.id === id);
-        if (!sectionToUpdate) return false;
-        const { pos, node } = sectionToUpdate;
-        let newContent = null;
-        if (html) {
-          const htmlDoc = htmlHandler(html, editor || this.editor);
-          const doc2 = DOMParser$1.fromSchema((editor || this.editor).schema).parse(htmlDoc);
-          newContent = doc2.content;
-        }
-        if (json) {
-          newContent = (editor || this.editor).schema.nodeFromJSON(json);
-        }
-        if (!newContent) {
-          newContent = node.content;
-        }
-        const updatedNode = node.type.create({ ...node.attrs, ...attrs }, newContent, node.marks);
-        tr.replaceWith(pos, pos + node.nodeSize, updatedNode);
-        if (dispatch) {
-          tr.setMeta("documentSection", { action: "update", id, attrs });
-          dispatch(tr);
-        }
-        return true;
+      insertContentBlock: (config2) => ({ commands: commands2 }) => {
+        return commands2.insertContent({
+          type: this.name,
+          attrs: config2
+        });
       }
     };
-  },
-  addHelpers() {
-    return {
-      ...SectionHelpers
-    };
   }
 });
 const { findChildren } = helpers;
@@ -69548,7 +70170,8 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
           const prevSelection = prevState.selection;
           if (selection.from !== prevSelection.from || selection.to !== prevSelection.to) {
             setTimeout(() => {
-              const selectedResizableWrapper = document.querySelector(".sd-editor-resizable-wrapper");
+              const searchRoot = editorView?.dom;
+              const selectedResizableWrapper = searchRoot?.querySelector(".sd-editor-resizable-wrapper");
               if (selectedResizableWrapper) {
                 showResizeHandles(view2, selectedResizableWrapper);
               } else {
@@ -69829,6 +70452,7 @@ const getStarterExtensions = () => {
     Search,
     StructuredContent,
     StructuredContentBlock,
+    StructuredContentCommands,
     DocumentSection,
     NodeResizer,
     CustomSelection,
@@ -83084,7 +83708,7 @@ class SuperToolbar extends EventEmitter2 {
         if (!argument) return;
         item.onActivate({ zoom: argument });
         this.emit("superdoc-command", { item, argument });
-        const layers = document.querySelector(this.superdoc.config.selector)?.querySelector(".layers");
+        const layers = this.superdoc.element?.querySelector(".layers");
         if (!layers) return;
         const isMobileDevice = typeof screen.orientation !== "undefined";
         const isSmallScreen = window.matchMedia("(max-width: 834px)").matches;
@@ -84146,14 +84770,6 @@ function getStructureFromResolvedPos(state2, pos) {
     return null;
   }
 }
-const shouldBypassContextMenu = (event) => {
-  if (!event) return false;
-  if (event.ctrlKey || event.metaKey) {
-    return true;
-  }
-  const isKeyboardInvocation = event.type === "contextmenu" && typeof event.detail === "number" && event.detail === 0 && (event.button === 0 || event.button === void 0) && event.clientX === 0 && event.clientY === 0;
-  return Boolean(isKeyboardInvocation);
-};
 const isModuleEnabled = (editorOptions, moduleName) => {
   switch (moduleName) {
     case "ai":