@harbour-enterprises/superdoc 0.21.0 → 0.21.1

package/dist/superdoc.umd.js

@@ -32058,37 +32058,37 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   };
   __publicField$2(_NodeTranslator, "translatorTypes", TranslatorTypes);
   let NodeTranslator = _NodeTranslator;
-  const encode$17 = (attributes) => {
+  const encode$18 = (attributes) => {
     return attributes["w:type"];
   };
-  const decode$_ = (attrs) => {
+  const decode$$ = (attrs) => {
     const { lineBreakType } = attrs;
     return lineBreakType;
   };
   const attrConfig$F = Object.freeze({
     xmlName: "w:type",
     sdName: "lineBreakType",
-    encode: encode$17,
-    decode: decode$_
+    encode: encode$18,
+    decode: decode$$
   });
-  const encode$16 = (attributes) => {
+  const encode$17 = (attributes) => {
     const xmlAttrValue = attributes["w:clear"];
     return xmlAttrValue;
   };
-  const decode$Z = (attrs) => {
+  const decode$_ = (attrs) => {
     const { clear } = attrs;
     return clear;
   };
   const attrConfig$E = Object.freeze({
     xmlName: "w:clear",
     sdName: "clear",
-    encode: encode$16,
-    decode: decode$Z
+    encode: encode$17,
+    decode: decode$_
   });
-  const validXmlAttributes$l = [attrConfig$F, attrConfig$E];
-  const XML_NODE_NAME$t = "w:br";
-  const SD_NODE_NAME$c = "lineBreak";
-  const encode$15 = (_2, encodedAttrs) => {
+  const validXmlAttributes$m = [attrConfig$F, attrConfig$E];
+  const XML_NODE_NAME$u = "w:br";
+  const SD_NODE_NAME$d = "lineBreak";
+  const encode$16 = (_2, encodedAttrs) => {
     const isPageBreak = encodedAttrs?.lineBreakType === "page";
     const translated = {
       type: isPageBreak ? "hardBreak" : "lineBreak"
@@ -32098,7 +32098,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return translated;
   };
-  const decode$Y = (params2, decodedAttrs) => {
+  const decode$Z = (params2, decodedAttrs) => {
     const { node } = params2;
     if (!node) return;
     const wBreak = { name: "w:br" };
@@ -32115,39 +32115,39 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return translated;
   };
-  const config$r = {
-    xmlName: XML_NODE_NAME$t,
-    sdNodeOrKeyName: SD_NODE_NAME$c,
+  const config$s = {
+    xmlName: XML_NODE_NAME$u,
+    sdNodeOrKeyName: SD_NODE_NAME$d,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$15,
-    decode: decode$Y,
-    attributes: validXmlAttributes$l
+    encode: encode$16,
+    decode: decode$Z,
+    attributes: validXmlAttributes$m
   };
-  const translator$15 = NodeTranslator.from(config$r);
-  const encode$14 = (attributes) => attributes?.["w:val"];
-  const decode$X = (attrs) => attrs?.highlight;
+  const translator$16 = NodeTranslator.from(config$s);
+  const encode$15 = (attributes) => attributes?.["w:val"];
+  const decode$Y = (attrs) => attrs?.highlight;
   const attrConfig$D = Object.freeze({
     xmlName: "w:val",
     sdName: "highlight",
-    encode: encode$14,
-    decode: decode$X
+    encode: encode$15,
+    decode: decode$Y
   });
-  const validXmlAttributes$k = [attrConfig$D];
-  const XML_NODE_NAME$s = "w:highlight";
+  const validXmlAttributes$l = [attrConfig$D];
+  const XML_NODE_NAME$t = "w:highlight";
   const SD_ATTR_KEY$f = "highlight";
   const DISABLED_TOKENS = /* @__PURE__ */ new Set(["transparent", "none", "inherit"]);
-  const encode$13 = (params2, encodedAttrs = {}) => {
+  const encode$14 = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     const value = encodedAttrs.highlight ?? node?.attributes?.["w:val"];
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$s,
+      xmlName: XML_NODE_NAME$t,
       sdNodeOrKeyName: SD_ATTR_KEY$f,
       attributes: { "w:val": value ?? null }
     };
   };
-  const decode$W = (params2) => {
+  const decode$X = (params2) => {
     const attrs = params2?.node?.attrs || {};
     const highlightValue = attrs.highlight ?? attrs.color ?? null;
     if (!highlightValue) return void 0;
@@ -32155,14 +32155,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!normalizedValue) return void 0;
     if (DISABLED_TOKENS.has(normalizedValue)) {
       return {
-        name: XML_NODE_NAME$s,
+        name: XML_NODE_NAME$t,
         attributes: { "w:val": "none" }
       };
     }
     const keyword = getDocxHighlightKeywordFromHex(highlightValue);
     if (keyword) {
       return {
-        name: XML_NODE_NAME$s,
+        name: XML_NODE_NAME$t,
         attributes: { "w:val": keyword }
       };
     }
@@ -32177,63 +32177,63 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
     };
   };
-  const config$q = {
-    xmlName: XML_NODE_NAME$s,
+  const config$r = {
+    xmlName: XML_NODE_NAME$t,
     sdNodeOrKeyName: SD_ATTR_KEY$f,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$13,
-    decode: decode$W,
-    attributes: validXmlAttributes$k
+    encode: encode$14,
+    decode: decode$X,
+    attributes: validXmlAttributes$l
   };
-  const translator$14 = NodeTranslator.from(config$q);
-  const encode$12 = (attributes) => {
+  const translator$15 = NodeTranslator.from(config$r);
+  const encode$13 = (attributes) => {
     return attributes["w:val"];
   };
-  const decode$V = (attrs) => {
+  const decode$W = (attrs) => {
     const { tabSize } = attrs || {};
     return tabSize;
   };
   const attrConfig$C = Object.freeze({
     xmlName: "w:val",
     sdName: "tabSize",
-    encode: encode$12,
-    decode: decode$V
+    encode: encode$13,
+    decode: decode$W
   });
-  const encode$11 = (attributes) => {
+  const encode$12 = (attributes) => {
     return attributes["w:leader"];
   };
-  const decode$U = (attrs) => {
+  const decode$V = (attrs) => {
     const { leader } = attrs || {};
     return leader;
   };
   const attrConfig$B = Object.freeze({
     xmlName: "w:leader",
     sdName: "leader",
-    encode: encode$11,
-    decode: decode$U
+    encode: encode$12,
+    decode: decode$V
   });
-  const encode$10 = (attributes) => {
+  const encode$11 = (attributes) => {
     return attributes["w:pos"];
   };
-  const decode$T = (attrs) => {
+  const decode$U = (attrs) => {
     const { pos } = attrs || {};
     return pos;
   };
   const attrConfig$A = Object.freeze({
     xmlName: "w:pos",
     sdName: "pos",
-    encode: encode$10,
-    decode: decode$T
+    encode: encode$11,
+    decode: decode$U
   });
-  const validXmlAttributes$j = [attrConfig$C, attrConfig$A, attrConfig$B];
-  const XML_NODE_NAME$r = "w:tab";
-  const SD_NODE_NAME$b = "tab";
-  const encode$$ = (_2, encodedAttrs = {}) => {
+  const validXmlAttributes$k = [attrConfig$C, attrConfig$A, attrConfig$B];
+  const XML_NODE_NAME$s = "w:tab";
+  const SD_NODE_NAME$c = "tab";
+  const encode$10 = (_2, encodedAttrs = {}) => {
     const translated = { type: "tab" };
     if (encodedAttrs) translated.attrs = { ...encodedAttrs };
     return translated;
   };
-  const decode$S = (params2, decodedAttrs = {}) => {
+  const decode$T = (params2, decodedAttrs = {}) => {
     const { node } = params2 || {};
     if (!node) return;
     const wTab = { name: "w:tab" };
@@ -32249,15 +32249,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return translated;
   };
-  const config$p = {
-    xmlName: XML_NODE_NAME$r,
-    sdNodeOrKeyName: SD_NODE_NAME$b,
+  const config$q = {
+    xmlName: XML_NODE_NAME$s,
+    sdNodeOrKeyName: SD_NODE_NAME$c,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$$,
-    decode: decode$S,
-    attributes: validXmlAttributes$j
+    encode: encode$10,
+    decode: decode$T,
+    attributes: validXmlAttributes$k
   };
-  const translator$13 = NodeTranslator.from(config$p);
+  const translator$14 = NodeTranslator.from(config$q);
   const mergeTextNodes = (nodes) => {
     if (!nodes || !Array.isArray(nodes)) {
       return nodes;
@@ -32581,17 +32581,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   };
   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") || {};
@@ -32600,9 +32599,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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") || {};
@@ -32872,91 +32869,91 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return schemaNode;
   };
-  const encode$_ = (attributes) => {
+  const encode$$ = (attributes) => {
     return attributes["w:rsidDel"];
   };
-  const decode$R = (attrs) => {
+  const decode$S = (attrs) => {
     return attrs.rsidDel;
   };
   const attrConfig$z = Object.freeze({
     xmlName: "w:rsidDel",
     sdName: "rsidDel",
-    encode: encode$_,
-    decode: decode$R
+    encode: encode$$,
+    decode: decode$S
   });
-  const encode$Z = (attributes) => {
+  const encode$_ = (attributes) => {
     return attributes["w:rsidP"];
   };
-  const decode$Q = (attrs) => {
+  const decode$R = (attrs) => {
     return attrs.rsidP;
   };
   const attrConfig$y = Object.freeze({
     xmlName: "w:rsidP",
     sdName: "rsidP",
-    encode: encode$Z,
-    decode: decode$Q
+    encode: encode$_,
+    decode: decode$R
   });
-  const encode$Y = (attributes) => {
+  const encode$Z = (attributes) => {
     return attributes["w:rsidR"];
   };
-  const decode$P = (attrs) => {
+  const decode$Q = (attrs) => {
     return attrs.rsidR;
   };
   const attrConfig$x = Object.freeze({
     xmlName: "w:rsidR",
     sdName: "rsidR",
-    encode: encode$Y,
-    decode: decode$P
+    encode: encode$Z,
+    decode: decode$Q
   });
-  const encode$X = (attributes) => {
+  const encode$Y = (attributes) => {
     return attributes["w:rsidRPr"];
   };
-  const decode$O = (attrs) => {
+  const decode$P = (attrs) => {
     return attrs.rsidRPr;
   };
   const attrConfig$w = Object.freeze({
     xmlName: "w:rsidRPr",
     sdName: "rsidRPr",
-    encode: encode$X,
-    decode: decode$O
+    encode: encode$Y,
+    decode: decode$P
   });
-  const encode$W = (attributes) => {
+  const encode$X = (attributes) => {
     return attributes["w:rsidRDefault"];
   };
-  const decode$N = (attrs) => {
+  const decode$O = (attrs) => {
     return attrs.rsidRDefault;
   };
   const attrConfig$v = Object.freeze({
     xmlName: "w:rsidRDefault",
     sdName: "rsidRDefault",
-    encode: encode$W,
-    decode: decode$N
+    encode: encode$X,
+    decode: decode$O
   });
-  const encode$V = (attributes) => {
+  const encode$W = (attributes) => {
     return attributes["w14:paraId"];
   };
-  const decode$M = (attrs) => {
+  const decode$N = (attrs) => {
     return attrs.paraId;
   };
   const attrConfig$u = Object.freeze({
     xmlName: "w14:paraId",
     sdName: "paraId",
-    encode: encode$V,
-    decode: decode$M
+    encode: encode$W,
+    decode: decode$N
   });
-  const encode$U = (attributes) => {
+  const encode$V = (attributes) => {
     return attributes["w14:textId"];
   };
-  const decode$L = (attrs) => {
+  const decode$M = (attrs) => {
     return attrs.textId;
   };
   const attrConfig$t = Object.freeze({
     xmlName: "w14:textId",
     sdName: "textId",
-    encode: encode$U,
-    decode: decode$L
+    encode: encode$V,
+    decode: decode$M
   });
-  const validXmlAttributes$i = [
+  const validXmlAttributes$j = [
     attrConfig$u,
     attrConfig$t,
     attrConfig$x,
@@ -32965,9 +32962,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     attrConfig$w,
     attrConfig$z
   ];
-  const XML_NODE_NAME$q = "w:p";
-  const SD_NODE_NAME$a = "paragraph";
-  const encode$T = (params2, encodedAttrs = {}) => {
+  const XML_NODE_NAME$r = "w:p";
+  const SD_NODE_NAME$b = "paragraph";
+  const encode$U = (params2, encodedAttrs = {}) => {
     const node = handleParagraphNode$1(params2);
     if (!node) return void 0;
     if (encodedAttrs && Object.keys(encodedAttrs).length) {
@@ -32975,7 +32972,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return node;
   };
-  const decode$K = (params2, decodedAttrs = {}) => {
+  const decode$L = (params2, decodedAttrs = {}) => {
     const translated = translateParagraphNode(params2);
     if (!translated) return void 0;
     if (decodedAttrs && Object.keys(decodedAttrs).length) {
@@ -32983,16 +32980,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return translated;
   };
-  const config$o = {
-    xmlName: XML_NODE_NAME$q,
-    sdNodeOrKeyName: SD_NODE_NAME$a,
+  const config$p = {
+    xmlName: XML_NODE_NAME$r,
+    sdNodeOrKeyName: SD_NODE_NAME$b,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$T,
-    decode: decode$K,
-    attributes: validXmlAttributes$i
+    encode: encode$U,
+    decode: decode$L,
+    attributes: validXmlAttributes$j
   };
-  const translator$12 = NodeTranslator.from(config$o);
-  const encode$S = (attributes) => {
+  const translator$13 = NodeTranslator.from(config$p);
+  const encode$T = (attributes) => {
     const raw = attributes?.["w:val"];
     if (raw === void 0 || raw === null) return void 0;
     if (typeof raw === "boolean") return raw;
@@ -33002,20 +32999,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (val === "1" || val === "true" || val === "on") return true;
     return void 0;
   };
-  const decode$J = (runProps) => {
+  const decode$K = (runProps) => {
     if (runProps?.bold === false) return "0";
     return void 0;
   };
   const attrConfig$s = Object.freeze({
     xmlName: "w:val",
     sdName: "bold",
-    encode: encode$S,
-    decode: decode$J
+    encode: encode$T,
+    decode: decode$K
   });
-  const validXmlAttributes$h = [attrConfig$s];
-  const XML_NODE_NAME$p = "w:b";
+  const validXmlAttributes$i = [attrConfig$s];
+  const XML_NODE_NAME$q = "w:b";
   const SD_ATTR_KEY$e = "bold";
-  const encode$R = (params2, encodedAttrs = {}) => {
+  const encode$S = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes[0];
     if (!node) return void 0;
@@ -33027,85 +33024,85 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     else attributes = node.attributes || {};
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$p,
+      xmlName: XML_NODE_NAME$q,
       sdNodeOrKeyName: SD_ATTR_KEY$e,
       attributes
     };
   };
-  const config$n = {
-    xmlName: XML_NODE_NAME$p,
+  const config$o = {
+    xmlName: XML_NODE_NAME$q,
     sdNodeOrKeyName: SD_ATTR_KEY$e,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$R,
-    attributes: validXmlAttributes$h
+    encode: encode$S,
+    attributes: validXmlAttributes$i
   };
-  const translator$11 = NodeTranslator.from(config$n);
-  const XML_NODE_NAME$o = "w:i";
+  const translator$12 = NodeTranslator.from(config$o);
+  const XML_NODE_NAME$p = "w:i";
   const SD_ATTR_KEY$d = "italic";
-  const encode$Q = (params2) => {
+  const encode$R = (params2) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     if (!node) return void 0;
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$o,
+      xmlName: XML_NODE_NAME$p,
       sdNodeOrKeyName: SD_ATTR_KEY$d,
       attributes: {
         "w:val": node.attributes?.["w:val"] ?? null
       }
     };
   };
-  const config$m = {
-    xmlName: XML_NODE_NAME$o,
+  const config$n = {
+    xmlName: XML_NODE_NAME$p,
     sdNodeOrKeyName: SD_ATTR_KEY$d,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$Q
+    encode: encode$R
   };
-  const translator$10 = NodeTranslator.from(config$m);
-  const encode$P = (attributes) => attributes?.["w:val"];
-  const decode$I = (attrs) => attrs?.underline;
+  const translator$11 = NodeTranslator.from(config$n);
+  const encode$Q = (attributes) => attributes?.["w:val"];
+  const decode$J = (attrs) => attrs?.underline;
   const attrConfig$r = Object.freeze({
     xmlName: "w:val",
     sdName: "underline",
-    encode: encode$P,
-    decode: decode$I
+    encode: encode$Q,
+    decode: decode$J
   });
-  const encode$O = (attributes) => attributes?.["w:color"];
-  const decode$H = (attrs) => attrs?.color;
+  const encode$P = (attributes) => attributes?.["w:color"];
+  const decode$I = (attrs) => attrs?.color;
   const attrConfig$q = Object.freeze({
     xmlName: "w:color",
     sdName: "color",
-    encode: encode$O,
-    decode: decode$H
+    encode: encode$P,
+    decode: decode$I
   });
-  const encode$N = (attributes) => attributes?.["w:themeColor"];
-  const decode$G = (attrs) => attrs?.themeColor;
+  const encode$O = (attributes) => attributes?.["w:themeColor"];
+  const decode$H = (attrs) => attrs?.themeColor;
   const attrConfig$p = Object.freeze({
     xmlName: "w:themeColor",
     sdName: "themeColor",
-    encode: encode$N,
-    decode: decode$G
+    encode: encode$O,
+    decode: decode$H
   });
-  const encode$M = (attributes) => attributes?.["w:themeTint"];
-  const decode$F = (attrs) => attrs?.themeTint;
+  const encode$N = (attributes) => attributes?.["w:themeTint"];
+  const decode$G = (attrs) => attrs?.themeTint;
   const attrConfig$o = Object.freeze({
     xmlName: "w:themeTint",
     sdName: "themeTint",
-    encode: encode$M,
-    decode: decode$F
+    encode: encode$N,
+    decode: decode$G
   });
-  const encode$L = (attributes) => attributes?.["w:themeShade"];
-  const decode$E = (attrs) => attrs?.themeShade;
+  const encode$M = (attributes) => attributes?.["w:themeShade"];
+  const decode$F = (attrs) => attrs?.themeShade;
   const attrConfig$n = Object.freeze({
     xmlName: "w:themeShade",
     sdName: "themeShade",
-    encode: encode$L,
-    decode: decode$E
+    encode: encode$M,
+    decode: decode$F
   });
-  const validXmlAttributes$g = [attrConfig$r, attrConfig$q, attrConfig$p, attrConfig$o, attrConfig$n];
-  const XML_NODE_NAME$n = "w:u";
+  const validXmlAttributes$h = [attrConfig$r, attrConfig$q, attrConfig$p, attrConfig$o, attrConfig$n];
+  const XML_NODE_NAME$o = "w:u";
   const SD_ATTR_KEY$c = "underline";
-  const encode$K = (params2, encodedAttrs = {}) => {
+  const encode$L = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     const sourceAttrs = node?.attributes || {};
@@ -33121,12 +33118,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (themeShade !== void 0 && themeShade !== null) attributes["w:themeShade"] = themeShade;
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$n,
+      xmlName: XML_NODE_NAME$o,
       sdNodeOrKeyName: SD_ATTR_KEY$c,
       attributes
     };
   };
-  const decode$D = (params2) => {
+  const decode$E = (params2) => {
     const attrs = params2?.node?.attrs || {};
     const underlineType = attrs.underlineType ?? attrs.underline ?? null;
     const color = attrs.underlineColor ?? attrs.color ?? null;
@@ -33144,20 +33141,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (themeTint) attributes["w:themeTint"] = themeTint;
     if (themeShade) attributes["w:themeShade"] = themeShade;
     return {
-      name: XML_NODE_NAME$n,
+      name: XML_NODE_NAME$o,
       attributes
     };
   };
-  const config$l = {
-    xmlName: XML_NODE_NAME$n,
+  const config$m = {
+    xmlName: XML_NODE_NAME$o,
     sdNodeOrKeyName: SD_ATTR_KEY$c,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$K,
-    decode: decode$D,
-    attributes: validXmlAttributes$g
+    encode: encode$L,
+    decode: decode$E,
+    attributes: validXmlAttributes$h
   };
-  const translator$$ = NodeTranslator.from(config$l);
-  const encode$J = (attributes) => {
+  const translator$10 = NodeTranslator.from(config$m);
+  const encode$K = (attributes) => {
     const raw = attributes?.["w:val"];
     if (raw === void 0 || raw === null) return void 0;
     if (typeof raw === "boolean") return raw;
@@ -33167,20 +33164,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (val === "1" || val === "true" || val === "on") return true;
     return void 0;
   };
-  const decode$C = (attrs) => {
+  const decode$D = (attrs) => {
     if (attrs?.strike === false) return "0";
     return void 0;
   };
   const attrConfig$m = Object.freeze({
     xmlName: "w:val",
     sdName: "strike",
-    encode: encode$J,
-    decode: decode$C
+    encode: encode$K,
+    decode: decode$D
   });
-  const validXmlAttributes$f = [attrConfig$m];
-  const XML_NODE_NAME$m = "w:strike";
+  const validXmlAttributes$g = [attrConfig$m];
+  const XML_NODE_NAME$n = "w:strike";
   const SD_ATTR_KEY$b = "strike";
-  const encode$I = (params2, encodedAttrs = {}) => {
+  const encode$J = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     if (!node) return void 0;
@@ -33193,55 +33190,55 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     else if (val === true && attributes["w:val"] === void 0) delete attributes["w:val"];
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$m,
+      xmlName: XML_NODE_NAME$n,
       sdNodeOrKeyName: SD_ATTR_KEY$b,
       attributes
     };
   };
-  const config$k = {
-    xmlName: XML_NODE_NAME$m,
+  const config$l = {
+    xmlName: XML_NODE_NAME$n,
     sdNodeOrKeyName: SD_ATTR_KEY$b,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$I,
-    attributes: validXmlAttributes$f
+    encode: encode$J,
+    attributes: validXmlAttributes$g
   };
-  const translator$_ = NodeTranslator.from(config$k);
-  const encode$H = (attributes) => attributes?.["w:val"];
-  const decode$B = (attrs) => attrs?.color;
+  const translator$$ = NodeTranslator.from(config$l);
+  const encode$I = (attributes) => attributes?.["w:val"];
+  const decode$C = (attrs) => attrs?.color;
   const attrConfig$l = Object.freeze({
     xmlName: "w:val",
     sdName: "color",
-    encode: encode$H,
-    decode: decode$B
+    encode: encode$I,
+    decode: decode$C
   });
-  const encode$G = (attributes) => attributes?.["w:themeColor"];
-  const decode$A = (attrs) => attrs?.themeColor;
+  const encode$H = (attributes) => attributes?.["w:themeColor"];
+  const decode$B = (attrs) => attrs?.themeColor;
   const attrConfig$k = Object.freeze({
     xmlName: "w:themeColor",
     sdName: "themeColor",
-    encode: encode$G,
-    decode: decode$A
+    encode: encode$H,
+    decode: decode$B
   });
-  const encode$F = (attributes) => attributes?.["w:themeTint"];
-  const decode$z = (attrs) => attrs?.themeTint;
+  const encode$G = (attributes) => attributes?.["w:themeTint"];
+  const decode$A = (attrs) => attrs?.themeTint;
   const attrConfig$j = Object.freeze({
     xmlName: "w:themeTint",
     sdName: "themeTint",
-    encode: encode$F,
-    decode: decode$z
+    encode: encode$G,
+    decode: decode$A
   });
-  const encode$E = (attributes) => attributes?.["w:themeShade"];
-  const decode$y = (attrs) => attrs?.themeShade;
+  const encode$F = (attributes) => attributes?.["w:themeShade"];
+  const decode$z = (attrs) => attrs?.themeShade;
   const attrConfig$i = Object.freeze({
     xmlName: "w:themeShade",
     sdName: "themeShade",
-    encode: encode$E,
-    decode: decode$y
+    encode: encode$F,
+    decode: decode$z
   });
-  const validXmlAttributes$e = [attrConfig$l, attrConfig$k, attrConfig$j, attrConfig$i];
-  const XML_NODE_NAME$l = "w:color";
+  const validXmlAttributes$f = [attrConfig$l, attrConfig$k, attrConfig$j, attrConfig$i];
+  const XML_NODE_NAME$m = "w:color";
   const SD_ATTR_KEY$a = "color";
-  const encode$D = (params2, encodedAttrs = {}) => {
+  const encode$E = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     const sourceAttrs = node?.attributes || {};
@@ -33256,63 +33253,63 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (themeShade !== void 0 && themeShade !== null) attributes["w:themeShade"] = themeShade;
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$l,
+      xmlName: XML_NODE_NAME$m,
       sdNodeOrKeyName: SD_ATTR_KEY$a,
       attributes
     };
   };
-  const config$j = {
-    xmlName: XML_NODE_NAME$l,
+  const config$k = {
+    xmlName: XML_NODE_NAME$m,
     sdNodeOrKeyName: SD_ATTR_KEY$a,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$D,
-    attributes: validXmlAttributes$e
+    encode: encode$E,
+    attributes: validXmlAttributes$f
   };
-  const translator$Z = NodeTranslator.from(config$j);
-  const encode$C = (attributes) => attributes?.["w:eastAsia"];
-  const decode$x = (attrs) => attrs?.eastAsia;
+  const translator$_ = NodeTranslator.from(config$k);
+  const encode$D = (attributes) => attributes?.["w:eastAsia"];
+  const decode$y = (attrs) => attrs?.eastAsia;
   const attrConfig$h = Object.freeze({
     xmlName: "w:eastAsia",
     sdName: "eastAsia",
-    encode: encode$C,
-    decode: decode$x
+    encode: encode$D,
+    decode: decode$y
   });
-  const encode$B = (attributes) => attributes?.["w:ascii"];
-  const decode$w = (attrs) => attrs?.ascii;
+  const encode$C = (attributes) => attributes?.["w:ascii"];
+  const decode$x = (attrs) => attrs?.ascii;
   const attrConfig$g = Object.freeze({
     xmlName: "w:ascii",
     sdName: "ascii",
-    encode: encode$B,
-    decode: decode$w
+    encode: encode$C,
+    decode: decode$x
   });
-  const encode$A = (attributes) => attributes?.["w:hAnsi"];
-  const decode$v = (attrs) => attrs?.hAnsi;
+  const encode$B = (attributes) => attributes?.["w:hAnsi"];
+  const decode$w = (attrs) => attrs?.hAnsi;
   const attrConfig$f = Object.freeze({
     xmlName: "w:hAnsi",
     sdName: "hAnsi",
-    encode: encode$A,
-    decode: decode$v
+    encode: encode$B,
+    decode: decode$w
   });
-  const encode$z = (attributes) => attributes?.["w:cs"];
-  const decode$u = (attrs) => attrs?.cs;
+  const encode$A = (attributes) => attributes?.["w:cs"];
+  const decode$v = (attrs) => attrs?.cs;
   const attrConfig$e = Object.freeze({
     xmlName: "w:cs",
     sdName: "cs",
-    encode: encode$z,
-    decode: decode$u
+    encode: encode$A,
+    decode: decode$v
   });
-  const encode$y = (attributes) => attributes?.["w:val"];
-  const decode$t = (attrs) => attrs?.value;
+  const encode$z = (attributes) => attributes?.["w:val"];
+  const decode$u = (attrs) => attrs?.value;
   const attrConfig$d = Object.freeze({
     xmlName: "w:val",
     sdName: "value",
-    encode: encode$y,
-    decode: decode$t
+    encode: encode$z,
+    decode: decode$u
   });
-  const validXmlAttributes$d = [attrConfig$h, attrConfig$g, attrConfig$f, attrConfig$e, attrConfig$d];
-  const XML_NODE_NAME$k = "w:rFonts";
+  const validXmlAttributes$e = [attrConfig$h, attrConfig$g, attrConfig$f, attrConfig$e, attrConfig$d];
+  const XML_NODE_NAME$l = "w:rFonts";
   const SD_ATTR_KEY$9 = "fontFamily";
-  const encode$x = (params2, encodedAttrs = {}) => {
+  const encode$y = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     const sourceAttrs = node?.attributes || {};
@@ -33338,120 +33335,120 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (attributes["w:val"] === void 0) delete attributes["w:val"];
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$k,
+      xmlName: XML_NODE_NAME$l,
       sdNodeOrKeyName: SD_ATTR_KEY$9,
       attributes
     };
   };
-  const config$i = {
-    xmlName: XML_NODE_NAME$k,
+  const config$j = {
+    xmlName: XML_NODE_NAME$l,
     sdNodeOrKeyName: SD_ATTR_KEY$9,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$x,
-    attributes: validXmlAttributes$d
+    encode: encode$y,
+    attributes: validXmlAttributes$e
   };
-  const translator$Y = NodeTranslator.from(config$i);
-  const encode$w = (attributes) => attributes?.["w:val"];
-  const decode$s = (attrs) => attrs?.styleId;
+  const translator$Z = NodeTranslator.from(config$j);
+  const encode$x = (attributes) => attributes?.["w:val"];
+  const decode$t = (attrs) => attrs?.styleId;
   const attrConfig$c = Object.freeze({
     xmlName: "w:val",
     sdName: "styleId",
-    encode: encode$w,
-    decode: decode$s
+    encode: encode$x,
+    decode: decode$t
   });
-  const validXmlAttributes$c = [attrConfig$c];
-  const XML_NODE_NAME$j = "w:rStyle";
+  const validXmlAttributes$d = [attrConfig$c];
+  const XML_NODE_NAME$k = "w:rStyle";
   const SD_ATTR_KEY$8 = "styleId";
-  const encode$v = (params2, encodedAttrs = {}) => {
+  const encode$w = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     const value = encodedAttrs.styleId ?? node?.attributes?.["w:val"];
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$j,
+      xmlName: XML_NODE_NAME$k,
       sdNodeOrKeyName: SD_ATTR_KEY$8,
       attributes: { "w:val": value ?? null }
     };
   };
-  const config$h = {
-    xmlName: XML_NODE_NAME$j,
+  const config$i = {
+    xmlName: XML_NODE_NAME$k,
     sdNodeOrKeyName: SD_ATTR_KEY$8,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$v,
-    attributes: validXmlAttributes$c
+    encode: encode$w,
+    attributes: validXmlAttributes$d
   };
-  const translator$X = NodeTranslator.from(config$h);
-  const encode$u = (attributes) => attributes?.["w:val"];
-  const decode$r = (attrs) => attrs?.fontSize;
+  const translator$Y = NodeTranslator.from(config$i);
+  const encode$v = (attributes) => attributes?.["w:val"];
+  const decode$s = (attrs) => attrs?.fontSize;
   const attrConfig$b = Object.freeze({
     xmlName: "w:val",
     sdName: "fontSize",
-    encode: encode$u,
-    decode: decode$r
+    encode: encode$v,
+    decode: decode$s
   });
-  const validXmlAttributes$b = [attrConfig$b];
-  const XML_NODE_NAME$i = "w:sz";
+  const validXmlAttributes$c = [attrConfig$b];
+  const XML_NODE_NAME$j = "w:sz";
   const SD_ATTR_KEY$7 = "fontSize";
-  const encode$t = (params2, encodedAttrs = {}) => {
+  const encode$u = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     const value = encodedAttrs.fontSize ?? node?.attributes?.["w:val"];
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$i,
+      xmlName: XML_NODE_NAME$j,
       sdNodeOrKeyName: SD_ATTR_KEY$7,
       attributes: { "w:val": value ?? null }
     };
   };
-  const config$g = {
-    xmlName: XML_NODE_NAME$i,
+  const config$h = {
+    xmlName: XML_NODE_NAME$j,
     sdNodeOrKeyName: SD_ATTR_KEY$7,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$t,
-    attributes: validXmlAttributes$b
+    encode: encode$u,
+    attributes: validXmlAttributes$c
   };
-  const translator$W = NodeTranslator.from(config$g);
-  const encode$s = (attributes) => attributes?.["w:val"];
-  const decode$q = (attrs) => attrs?.fontSizeCs;
+  const translator$X = NodeTranslator.from(config$h);
+  const encode$t = (attributes) => attributes?.["w:val"];
+  const decode$r = (attrs) => attrs?.fontSizeCs;
   const attrConfig$a = Object.freeze({
     xmlName: "w:val",
     sdName: "fontSizeCs",
-    encode: encode$s,
-    decode: decode$q
+    encode: encode$t,
+    decode: decode$r
   });
-  const validXmlAttributes$a = [attrConfig$a];
-  const XML_NODE_NAME$h = "w:szCs";
+  const validXmlAttributes$b = [attrConfig$a];
+  const XML_NODE_NAME$i = "w:szCs";
   const SD_ATTR_KEY$6 = "fontSizeCs";
-  const encode$r = (params2, encodedAttrs = {}) => {
+  const encode$s = (params2, encodedAttrs = {}) => {
     const { nodes } = params2;
     const node = nodes?.[0];
     const value = encodedAttrs.fontSizeCs ?? node?.attributes?.["w:val"];
     return {
       type: "attr",
-      xmlName: XML_NODE_NAME$h,
+      xmlName: XML_NODE_NAME$i,
       sdNodeOrKeyName: SD_ATTR_KEY$6,
       attributes: { "w:val": value ?? null }
     };
   };
-  const config$f = {
-    xmlName: XML_NODE_NAME$h,
+  const config$g = {
+    xmlName: XML_NODE_NAME$i,
     sdNodeOrKeyName: SD_ATTR_KEY$6,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$r,
-    attributes: validXmlAttributes$a
+    encode: encode$s,
+    attributes: validXmlAttributes$b
   };
-  const translator$V = NodeTranslator.from(config$f);
+  const translator$W = NodeTranslator.from(config$g);
   const runPropertyTranslators = Object.freeze({
-    "w:b": translator$11,
-    "w:i": translator$10,
-    "w:u": translator$$,
-    "w:strike": translator$_,
-    "w:color": translator$Z,
-    "w:highlight": translator$14,
-    "w:rFonts": translator$Y,
-    "w:rStyle": translator$X,
-    "w:sz": translator$W,
-    "w:szCs": translator$V
+    "w:b": translator$12,
+    "w:i": translator$11,
+    "w:u": translator$10,
+    "w:strike": translator$$,
+    "w:color": translator$_,
+    "w:highlight": translator$15,
+    "w:rFonts": translator$Z,
+    "w:rStyle": translator$Y,
+    "w:sz": translator$X,
+    "w:szCs": translator$W
   });
   const rawRunPropertyXmlNames = Object.freeze(["w:lang", "w:shd"]);
   const RAW_CHILD_NAME_SET = new Set(rawRunPropertyXmlNames);
@@ -33465,9 +33462,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       attributes: { ...candidate.attributes || {} }
     };
   };
-  const XML_NODE_NAME$g = "w:rPr";
+  const XML_NODE_NAME$h = "w:rPr";
   const SD_ATTR_KEY$5 = "runProperties";
-  const encode$q = (params2) => {
+  const encode$r = (params2) => {
     const { nodes } = params2;
     const node = nodes?.[0] || {};
     const contents = Array.isArray(node.elements) ? node.elements : [];
@@ -33501,16 +33498,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       attributes: runPropsArray
     };
   };
-  const config$e = {
-    xmlName: XML_NODE_NAME$g,
+  const config$f = {
+    xmlName: XML_NODE_NAME$h,
     sdNodeOrKeyName: SD_ATTR_KEY$5,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$q
+    encode: encode$r
   };
-  const translator$U = NodeTranslator.from(config$e);
+  const translator$V = NodeTranslator.from(config$f);
   const EAST_ASIAN_CHARACTER_REGEX = /[\u1100-\u11FF\u2E80-\u2EFF\u2F00-\u2FDF\u3040-\u30FF\u3100-\u312F\u3130-\u318F\u31A0-\u31BF\u3400-\u4DBF\u4E00-\u9FFF\uA960-\uA97F\uAC00-\uD7AF\uF900-\uFAFF\uFF00-\uFFEF]/u;
   const containsEastAsianCharacters = (text) => EAST_ASIAN_CHARACTER_REGEX.test(text);
-  const collectRunProperties = (params2, rPrNode, translator2 = translator$U) => {
+  const collectRunProperties = (params2, rPrNode, translator2 = translator$V) => {
     if (!rPrNode) return { entries: [], hadRPr: false, styleChangeMarks: [] };
     const result = translator2.encode({ ...params2, nodes: [rPrNode] }) || {};
     let entries = [];
@@ -33972,46 +33969,46 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return runs;
   };
-  const encode$p = (attributes) => {
+  const encode$q = (attributes) => {
     return attributes["w:rsidR"];
   };
-  const decode$p = (attrs) => {
+  const decode$q = (attrs) => {
     return attrs.rsidR;
   };
   const attrConfig$9 = Object.freeze({
     xmlName: "w:rsidR",
     sdName: "rsidR",
-    encode: encode$p,
-    decode: decode$p
+    encode: encode$q,
+    decode: decode$q
   });
-  const encode$o = (attributes) => {
+  const encode$p = (attributes) => {
     return attributes["w:rsidRPr"];
   };
-  const decode$o = (attrs) => {
+  const decode$p = (attrs) => {
     return attrs.rsidRPr;
   };
   const attrConfig$8 = Object.freeze({
     xmlName: "w:rsidRPr",
     sdName: "rsidRPr",
-    encode: encode$o,
-    decode: decode$o
+    encode: encode$p,
+    decode: decode$p
   });
-  const encode$n = (attributes) => {
+  const encode$o = (attributes) => {
     return attributes["w:rsidDel"];
   };
-  const decode$n = (attrs) => {
+  const decode$o = (attrs) => {
     return attrs.rsidDel;
   };
   const attrConfig$7 = Object.freeze({
     xmlName: "w:rsidDel",
     sdName: "rsidDel",
-    encode: encode$n,
-    decode: decode$n
+    encode: encode$o,
+    decode: decode$o
   });
-  const validXmlAttributes$9 = [attrConfig$9, attrConfig$8, attrConfig$7];
-  const XML_NODE_NAME$f = "w:r";
+  const validXmlAttributes$a = [attrConfig$9, attrConfig$8, attrConfig$7];
+  const XML_NODE_NAME$g = "w:r";
   const SD_KEY_NAME = "run";
-  const encode$m = (params2, encodedAttrs = {}) => {
+  const encode$n = (params2, encodedAttrs = {}) => {
     const { nodes = [], nodeListHandler } = params2 || {};
     const runNode = nodes[0];
     if (!runNode) return void 0;
@@ -34059,7 +34056,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return runNodeResult;
   };
-  const decode$m = (params2, decodedAttrs = {}) => {
+  const decode$n = (params2, decodedAttrs = {}) => {
     const { node } = params2 || {};
     if (!node) return void 0;
     const { runNode: runNodeForExport, trackingMarksByType } = prepareRunTrackingContext(node);
@@ -34116,7 +34113,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         runs.push(trackedClone);
         return;
       }
-      const runWrapper = { name: XML_NODE_NAME$f, elements: [] };
+      const runWrapper = { name: XML_NODE_NAME$g, elements: [] };
       applyBaseRunProps(runWrapper);
       if (!Array.isArray(runWrapper.elements)) runWrapper.elements = [];
       runWrapper.elements.push(cloneXmlNode(child));
@@ -34124,7 +34121,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     });
     const trackedRuns = ensureTrackedWrapper(runs, trackingMarksByType);
     if (!trackedRuns.length) {
-      const emptyRun = { name: XML_NODE_NAME$f, elements: [] };
+      const emptyRun = { name: XML_NODE_NAME$g, elements: [] };
       applyBaseRunProps(emptyRun);
       trackedRuns.push(emptyRun);
     }
@@ -34138,15 +34135,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return trackedRuns;
   };
-  const config$d = {
-    xmlName: XML_NODE_NAME$f,
+  const config$e = {
+    xmlName: XML_NODE_NAME$g,
     sdNodeOrKeyName: SD_KEY_NAME,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$m,
-    decode: decode$m,
-    attributes: validXmlAttributes$9
+    encode: encode$n,
+    decode: decode$n,
+    attributes: validXmlAttributes$a
   };
-  const translator$T = NodeTranslator.from(config$d);
+  const translator$U = NodeTranslator.from(config$e);
   const generateV2HandlerEntity = (handlerName, translator2) => ({
     handlerName,
     handler: (params2) => {
@@ -34320,13 +34317,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return table;
   }
-  const translator$S = NodeTranslator.from({
+  const translator$T = NodeTranslator.from({
     xmlName: "w:cantSplit",
     sdNodeOrKeyName: "cantSplit",
     encode: ({ nodes }) => ["1", "true"].includes(nodes[0].attributes?.["w:val"] ?? "1"),
     decode: ({ node }) => node.attrs?.cantSplit ? { attributes: {} } : void 0
   });
-  const translator$R = NodeTranslator.from({
+  const translator$S = NodeTranslator.from({
     xmlName: "w:cnfStyle",
     sdNodeOrKeyName: "cnfStyle",
     attributes: [
@@ -34352,8 +34349,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return Object.keys(decodedAttrs).length > 0 ? { attributes: decodedAttrs } : void 0;
     }
   });
-  const translator$Q = NodeTranslator.from(createSingleAttrPropertyHandler("w:divId"));
-  const translator$P = NodeTranslator.from(
+  const translator$R = NodeTranslator.from(createSingleAttrPropertyHandler("w:divId"));
+  const translator$Q = NodeTranslator.from(
     createSingleAttrPropertyHandler(
       "w:gridAfter",
       null,
@@ -34362,7 +34359,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       (v2) => integerToString(v2)
     )
   );
-  const translator$O = NodeTranslator.from(
+  const translator$P = NodeTranslator.from(
     createSingleAttrPropertyHandler(
       "w:gridBefore",
       null,
@@ -34371,21 +34368,21 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       (v2) => integerToString(v2)
     )
   );
-  const translator$N = NodeTranslator.from({
+  const translator$O = NodeTranslator.from({
     xmlName: "w:hidden",
     sdNodeOrKeyName: "hidden",
     encode: ({ nodes }) => parseBoolean(nodes[0].attributes?.["w:val"] ?? "1"),
     decode: ({ node }) => node.attrs.hidden ? { attributes: {} } : void 0
   });
-  const translator$M = NodeTranslator.from(createSingleAttrPropertyHandler("w:jc", "justification"));
-  const translator$L = NodeTranslator.from(createMeasurementPropertyHandler("w:tblCellSpacing", "tableCellSpacing"));
-  const translator$K = NodeTranslator.from({
+  const translator$N = NodeTranslator.from(createSingleAttrPropertyHandler("w:jc", "justification"));
+  const translator$M = NodeTranslator.from(createMeasurementPropertyHandler("w:tblCellSpacing", "tableCellSpacing"));
+  const translator$L = NodeTranslator.from({
     xmlName: "w:tblHeader",
     sdNodeOrKeyName: "repeatHeader",
     encode: ({ nodes }) => parseBoolean(nodes[0].attributes?.["w:val"] ?? "1"),
     decode: ({ node }) => node.attrs.repeatHeader ? { attributes: {} } : void 0
   });
-  const translator$J = NodeTranslator.from({
+  const translator$K = NodeTranslator.from({
     xmlName: "w:trHeight",
     sdNodeOrKeyName: "rowHeight",
     encode: ({ nodes }) => {
@@ -34412,11 +34409,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return Object.keys(heightAttrs).length > 0 ? { attributes: heightAttrs } : void 0;
     }
   });
-  const translator$I = NodeTranslator.from(createMeasurementPropertyHandler("w:wAfter"));
-  const translator$H = NodeTranslator.from(createMeasurementPropertyHandler("w:wBefore"));
-  const XML_NODE_NAME$e = "w:trPr";
+  const translator$J = NodeTranslator.from(createMeasurementPropertyHandler("w:wAfter"));
+  const translator$I = NodeTranslator.from(createMeasurementPropertyHandler("w:wBefore"));
+  const XML_NODE_NAME$f = "w:trPr";
   const SD_ATTR_KEY$4 = "tableRowProperties";
-  const encode$l = (params2) => {
+  const encode$m = (params2) => {
     const { nodes } = params2;
     const node = nodes[0];
     let attributes = {
@@ -34430,12 +34427,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return {
       type: NodeTranslator.translatorTypes.ATTRIBUTE,
-      xmlName: XML_NODE_NAME$e,
+      xmlName: XML_NODE_NAME$f,
       sdNodeOrKeyName: SD_ATTR_KEY$4,
       attributes
     };
   };
-  const decode$l = (params2) => {
+  const decode$m = (params2) => {
     const { tableRowProperties = {} } = params2.node.attrs || {};
     const elements = decodeProperties(propertyTranslatorsBySdName$2, tableRowProperties);
     const newNode = {
@@ -34447,6 +34444,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return newNode;
   };
   const propertyTranslators$3 = [
+    translator$T,
     translator$S,
     translator$R,
     translator$Q,
@@ -34457,8 +34455,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     translator$L,
     translator$K,
     translator$J,
-    translator$I,
-    translator$H
+    translator$I
   ];
   const propertyTranslatorsByXmlName$2 = {};
   propertyTranslators$3.forEach((translator2) => {
@@ -34468,25 +34465,25 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   propertyTranslators$3.forEach((translator2) => {
     propertyTranslatorsBySdName$2[translator2.sdNodeOrKeyName] = translator2;
   });
-  const config$c = {
-    xmlName: XML_NODE_NAME$e,
+  const config$d = {
+    xmlName: XML_NODE_NAME$f,
     sdNodeOrKeyName: SD_ATTR_KEY$4,
     type: NodeTranslator.translatorTypes.ATTRIBUTE,
-    encode: encode$l,
-    decode: decode$l
+    encode: encode$m,
+    decode: decode$m
   };
-  const translator$G = NodeTranslator.from(config$c);
-  const XML_NODE_NAME$d = "w:tr";
-  const SD_NODE_NAME$9 = "tableRow";
-  const validXmlAttributes$8 = ["w:rsidDel", "w:rsidR", "w:rsidRPr", "w:rsidTr", "w14:paraId", "w14:textId"].map(
+  const translator$H = NodeTranslator.from(config$d);
+  const XML_NODE_NAME$e = "w:tr";
+  const SD_NODE_NAME$a = "tableRow";
+  const validXmlAttributes$9 = ["w:rsidDel", "w:rsidR", "w:rsidRPr", "w:rsidTr", "w14:paraId", "w14:textId"].map(
     (xmlName) => createAttributeHandler(xmlName)
   );
-  const encode$k = (params2, encodedAttrs) => {
+  const encode$l = (params2, encodedAttrs) => {
     const { row } = params2.extraParams;
     let tableRowProperties = {};
     const tPr = row.elements.find((el) => el.name === "w:trPr");
     if (tPr) {
-      ({ attributes: tableRowProperties } = translator$G.encode({
+      ({ attributes: tableRowProperties } = translator$H.encode({
         ...params2,
         nodes: [tPr]
       }));
@@ -34499,7 +34496,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     let currentColumnIndex = 0;
     const content = cellNodes?.map((n) => {
       let columnWidth = gridColumnWidths?.[currentColumnIndex] || null;
-      const result = translator$7.encode({
+      const result = translator$8.encode({
         ...params2,
         extraParams: {
           ...params2.extraParams,
@@ -34521,7 +34518,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return newNode;
   };
-  const decode$k = (params2, decodedAttrs) => {
+  const decode$l = (params2, decodedAttrs) => {
     const { node } = params2;
     const elements = translateChildNodes(params2);
     if (node.attrs?.tableRowProperties) {
@@ -34533,7 +34530,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         }
       }
       tableRowProperties["cantSplit"] = node.attrs["cantSplit"];
-      const trPr = translator$G.decode({
+      const trPr = translator$H.decode({
         ...params2,
         node: { ...node, attrs: { ...node.attrs, tableRowProperties } }
       });
@@ -34545,22 +34542,22 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       elements
     };
   };
-  const config$b = {
-    xmlName: XML_NODE_NAME$d,
-    sdNodeOrKeyName: SD_NODE_NAME$9,
+  const config$c = {
+    xmlName: XML_NODE_NAME$e,
+    sdNodeOrKeyName: SD_NODE_NAME$a,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$k,
-    decode: decode$k,
-    attributes: validXmlAttributes$8
+    encode: encode$l,
+    decode: decode$l,
+    attributes: validXmlAttributes$9
   };
-  const translator$F = NodeTranslator.from(config$b);
-  const translator$E = NodeTranslator.from({
+  const translator$G = NodeTranslator.from(config$c);
+  const translator$F = NodeTranslator.from({
     xmlName: "w:bidiVisual",
     sdNodeOrKeyName: "rightToLeft",
     encode: ({ nodes }) => parseBoolean(nodes[0].attributes?.["w:val"] ?? "1"),
     decode: ({ node }) => node.attrs.rightToLeft ? { attributes: {} } : void 0
   });
-  const translator$D = NodeTranslator.from({
+  const translator$E = NodeTranslator.from({
     xmlName: "w:shd",
     sdNodeOrKeyName: "shading",
     attributes: [
@@ -34582,11 +34579,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return Object.keys(decodedAttrs).length > 0 ? { attributes: decodedAttrs } : void 0;
     }
   });
-  const translator$C = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblCaption", "caption"));
-  const translator$B = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblDescription", "description"));
-  const translator$A = NodeTranslator.from(createMeasurementPropertyHandler("w:tblInd", "tableIndent"));
-  const translator$z = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblLayout", "tableLayout", "w:type"));
-  const translator$y = NodeTranslator.from({
+  const translator$D = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblCaption", "caption"));
+  const translator$C = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblDescription", "description"));
+  const translator$B = NodeTranslator.from(createMeasurementPropertyHandler("w:tblInd", "tableIndent"));
+  const translator$A = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblLayout", "tableLayout", "w:type"));
+  const translator$z = NodeTranslator.from({
     xmlName: "w:tblLook",
     sdNodeOrKeyName: "tblLook",
     attributes: ["w:firstColumn", "w:firstRow", "w:lastColumn", "w:lastRow", "w:noHBand", "w:noVBand"].map((attr) => createAttributeHandler(attr, null, parseBoolean, booleanToString)).concat([createAttributeHandler("w:val")]),
@@ -34598,16 +34595,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return Object.keys(decodedAttrs).length > 0 ? { attributes: decodedAttrs } : void 0;
     }
   });
-  const translator$x = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblOverlap", "overlap"));
-  const translator$w = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblStyle", "tableStyleId"));
-  const translator$v = NodeTranslator.from(
+  const translator$y = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblOverlap", "overlap"));
+  const translator$x = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblStyle", "tableStyleId"));
+  const translator$w = NodeTranslator.from(
     createSingleAttrPropertyHandler("w:tblStyleColBandSize", "tableStyleColBandSize")
   );
-  const translator$u = NodeTranslator.from(
+  const translator$v = NodeTranslator.from(
     createSingleAttrPropertyHandler("w:tblStyleRowBandSize", "tableStyleRowBandSize")
   );
-  const translator$t = NodeTranslator.from(createMeasurementPropertyHandler("w:tblW", "tableWidth"));
-  const translator$s = NodeTranslator.from({
+  const translator$u = NodeTranslator.from(createMeasurementPropertyHandler("w:tblW", "tableWidth"));
+  const translator$t = NodeTranslator.from({
     xmlName: "w:tblpPr",
     sdNodeOrKeyName: "floatingTableProperties",
     attributes: ["w:leftFromText", "w:rightFromText", "w:topFromText", "w:bottomFromText", "w:tblpX", "w:tblpY"].map((attr) => createAttributeHandler(attr, null, parseInteger, integerToString)).concat(["w:horzAnchor", "w:vertAnchor", "w:tblpXSpec", "w:tblpYSpec"].map((attr) => createAttributeHandler(attr))),
@@ -34619,29 +34616,29 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return Object.keys(decodedAttrs).length > 0 ? { attributes: decodedAttrs } : void 0;
     }
   });
-  const translator$r = NodeTranslator.from(createBorderPropertyHandler("w:bottom"));
-  const translator$q = NodeTranslator.from(createMeasurementPropertyHandler("w:bottom", "marginBottom"));
-  const translator$p = NodeTranslator.from(createBorderPropertyHandler("w:end"));
-  const translator$o = NodeTranslator.from(createMeasurementPropertyHandler("w:end", "marginEnd"));
-  const translator$n = NodeTranslator.from(createBorderPropertyHandler("w:insideH"));
-  const translator$m = NodeTranslator.from(createBorderPropertyHandler("w:insideV"));
-  const translator$l = NodeTranslator.from(createBorderPropertyHandler("w:left"));
-  const translator$k = NodeTranslator.from(createMeasurementPropertyHandler("w:left", "marginLeft"));
-  const translator$j = NodeTranslator.from(createBorderPropertyHandler("w:right"));
-  const translator$i = NodeTranslator.from(createMeasurementPropertyHandler("w:right", "marginRight"));
-  const translator$h = NodeTranslator.from(createBorderPropertyHandler("w:start"));
-  const translator$g = NodeTranslator.from(createMeasurementPropertyHandler("w:start", "marginStart"));
-  const translator$f = NodeTranslator.from(createBorderPropertyHandler("w:top"));
-  const translator$e = NodeTranslator.from(createMeasurementPropertyHandler("w:top", "marginTop"));
-  const XML_NODE_NAME$c = "w:tblBorders";
+  const translator$s = NodeTranslator.from(createBorderPropertyHandler("w:bottom"));
+  const translator$r = NodeTranslator.from(createMeasurementPropertyHandler("w:bottom", "marginBottom"));
+  const translator$q = NodeTranslator.from(createBorderPropertyHandler("w:end"));
+  const translator$p = NodeTranslator.from(createMeasurementPropertyHandler("w:end", "marginEnd"));
+  const translator$o = NodeTranslator.from(createBorderPropertyHandler("w:insideH"));
+  const translator$n = NodeTranslator.from(createBorderPropertyHandler("w:insideV"));
+  const translator$m = NodeTranslator.from(createBorderPropertyHandler("w:left"));
+  const translator$l = NodeTranslator.from(createMeasurementPropertyHandler("w:left", "marginLeft"));
+  const translator$k = NodeTranslator.from(createBorderPropertyHandler("w:right"));
+  const translator$j = NodeTranslator.from(createMeasurementPropertyHandler("w:right", "marginRight"));
+  const translator$i = NodeTranslator.from(createBorderPropertyHandler("w:start"));
+  const translator$h = NodeTranslator.from(createMeasurementPropertyHandler("w:start", "marginStart"));
+  const translator$g = NodeTranslator.from(createBorderPropertyHandler("w:top"));
+  const translator$f = NodeTranslator.from(createMeasurementPropertyHandler("w:top", "marginTop"));
+  const XML_NODE_NAME$d = "w:tblBorders";
   const SD_ATTR_KEY$3 = "borders";
-  const encode$j = (params2) => {
+  const encode$k = (params2) => {
     const { nodes } = params2;
     const node = nodes[0];
     const attributes = encodeProperties(node, tblBordersTranslatorsByXmlName);
     return Object.keys(attributes).length > 0 ? attributes : void 0;
   };
-  const decode$j = (params2) => {
+  const decode$k = (params2) => {
     const { borders = {} } = params2.node.attrs || {};
     const elements = decodeProperties(tblBordersTranslatorsBySdName, borders);
     const newNode = {
@@ -34653,14 +34650,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return newNode;
   };
   const propertyTranslators$2 = [
-    translator$r,
-    translator$p,
+    translator$s,
+    translator$q,
+    translator$o,
     translator$n,
     translator$m,
-    translator$l,
-    translator$j,
-    translator$h,
-    translator$f
+    translator$k,
+    translator$i,
+    translator$g
   ];
   const tblBordersTranslatorsByXmlName = {};
   const tblBordersTranslatorsBySdName = {};
@@ -34668,27 +34665,27 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     tblBordersTranslatorsByXmlName[translator2.xmlName] = translator2;
     tblBordersTranslatorsBySdName[translator2.sdNodeOrKeyName] = translator2;
   });
-  const translator$d = NodeTranslator.from({
-    xmlName: XML_NODE_NAME$c,
+  const translator$e = NodeTranslator.from({
+    xmlName: XML_NODE_NAME$d,
     sdNodeOrKeyName: SD_ATTR_KEY$3,
     type: NodeTranslator.translatorTypes.NODE,
     attributes: [],
-    encode: encode$j,
-    decode: decode$j
+    encode: encode$k,
+    decode: decode$k
   });
-  const XML_NODE_NAME$b = "w:tblCellMar";
+  const XML_NODE_NAME$c = "w:tblCellMar";
   const SD_ATTR_KEY$2 = "cellMargins";
-  const encode$i = (params2) => {
+  const encode$j = (params2) => {
     const { nodes } = params2;
     const node = nodes[0];
     const attributes = encodeProperties(node, propertyTranslatorsByXmlName$1);
     return Object.keys(attributes).length > 0 ? attributes : void 0;
   };
-  const decode$i = (params2) => {
+  const decode$j = (params2) => {
     const { cellMargins = {} } = params2.node.attrs || {};
     const elements = decodeProperties(propertyTranslatorsBySdName$1, cellMargins);
     const newNode = {
-      name: XML_NODE_NAME$b,
+      name: XML_NODE_NAME$c,
       type: "element",
       attributes: {},
       elements
@@ -34696,12 +34693,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return newNode;
   };
   const propertyTranslators$1 = [
-    translator$q,
-    translator$o,
-    translator$k,
-    translator$i,
-    translator$g,
-    translator$e
+    translator$r,
+    translator$p,
+    translator$l,
+    translator$j,
+    translator$h,
+    translator$f
   ];
   const propertyTranslatorsByXmlName$1 = {};
   const propertyTranslatorsBySdName$1 = {};
@@ -34709,27 +34706,27 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     propertyTranslatorsByXmlName$1[translator2.xmlName] = translator2;
     propertyTranslatorsBySdName$1[translator2.sdNodeOrKeyName] = translator2;
   });
-  const translator$c = NodeTranslator.from({
-    xmlName: XML_NODE_NAME$b,
+  const translator$d = NodeTranslator.from({
+    xmlName: XML_NODE_NAME$c,
     sdNodeOrKeyName: SD_ATTR_KEY$2,
     type: NodeTranslator.translatorTypes.NODE,
     attributes: [],
-    encode: encode$i,
-    decode: decode$i
+    encode: encode$j,
+    decode: decode$j
   });
-  const XML_NODE_NAME$a = "w:tblPr";
+  const XML_NODE_NAME$b = "w:tblPr";
   const SD_ATTR_KEY$1 = "tableProperties";
-  const encode$h = (params2) => {
+  const encode$i = (params2) => {
     const { nodes } = params2;
     const node = nodes[0];
     const attributes = encodeProperties(node, propertyTranslatorsByXmlName);
     return {
-      xmlName: XML_NODE_NAME$a,
+      xmlName: XML_NODE_NAME$b,
       sdNodeOrKeyName: SD_ATTR_KEY$1,
       attributes
     };
   };
-  const decode$h = (params2) => {
+  const decode$i = (params2) => {
     const { tableProperties = {} } = params2.node.attrs || {};
     const elements = decodeProperties(propertyTranslatorsBySdName, tableProperties);
     const newNode = {
@@ -34741,11 +34738,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return newNode;
   };
   const propertyTranslators = [
+    translator$F,
+    translator$N,
     translator$E,
-    translator$M,
     translator$D,
+    translator$M,
     translator$C,
-    translator$L,
     translator$B,
     translator$A,
     translator$z,
@@ -34755,9 +34753,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     translator$v,
     translator$u,
     translator$t,
-    translator$s,
-    translator$d,
-    translator$c
+    translator$e,
+    translator$d
   ];
   const propertyTranslatorsByXmlName = {};
   const propertyTranslatorsBySdName = {};
@@ -34765,14 +34762,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     propertyTranslatorsByXmlName[translator2.xmlName] = translator2;
     propertyTranslatorsBySdName[translator2.sdNodeOrKeyName] = translator2;
   });
-  const config$a = {
-    xmlName: XML_NODE_NAME$a,
+  const config$b = {
+    xmlName: XML_NODE_NAME$b,
     sdNodeOrKeyName: SD_ATTR_KEY$1,
-    encode: encode$h,
-    decode: decode$h
+    encode: encode$i,
+    decode: decode$i
   };
-  const translator$b = NodeTranslator.from(config$a);
-  const translator$a = NodeTranslator.from(
+  const translator$c = NodeTranslator.from(config$b);
+  const translator$b = NodeTranslator.from(
     createSingleAttrPropertyHandler("w:gridCol", "col", "w:w", parseInteger, integerToString)
   );
   const DEFAULT_COLUMN_WIDTH_PX = 100;
@@ -34822,20 +34819,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return Math.max(fallbackWidthTwips, cellMinWidthTwips);
   };
-  const XML_NODE_NAME$9 = "w:tblGrid";
+  const XML_NODE_NAME$a = "w:tblGrid";
   const SD_ATTR_KEY = "grid";
   const cellMinWidth = pixelsToTwips(10);
-  const encode$g = (params2) => {
+  const encode$h = (params2) => {
     const { nodes } = params2;
     const node = nodes[0];
-    const attributes = encodeProperties(node, { [translator$a.xmlName]: translator$a }, true);
+    const attributes = encodeProperties(node, { [translator$b.xmlName]: translator$b }, true);
     return {
-      xmlName: XML_NODE_NAME$9,
+      xmlName: XML_NODE_NAME$a,
       sdNodeOrKeyName: SD_ATTR_KEY,
       attributes
     };
   };
-  const decode$g = (params2) => {
+  const decode$h = (params2) => {
     const { grid: rawGrid } = params2.node.attrs || {};
     const grid = Array.isArray(rawGrid) ? rawGrid : [];
     const { firstRow = {} } = params2.extraParams || {};
@@ -34854,10 +34851,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         numericWidth = fallbackColumnWidthTwips;
       }
       numericWidth = Math.max(numericWidth, cellMinWidth);
-      const decoded = translator$a.decode({
+      const decoded = translator$b.decode({
         node: { type: (
           /** @type {string} */
-          translator$a.sdNodeOrKeyName
+          translator$b.sdNodeOrKeyName
         ), attrs: { col: numericWidth } }
       });
       if (decoded) elements.push(decoded);
@@ -34892,39 +34889,100 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       columnIndex++;
     }
     const newNode = {
-      name: XML_NODE_NAME$9,
+      name: XML_NODE_NAME$a,
       attributes: {},
       elements
     };
     return newNode;
   };
-  const config$9 = {
-    xmlName: XML_NODE_NAME$9,
+  const config$a = {
+    xmlName: XML_NODE_NAME$a,
     sdNodeOrKeyName: SD_ATTR_KEY,
-    encode: encode$g,
-    decode: decode$g
+    encode: encode$h,
+    decode: decode$h
   };
-  const translator$9 = NodeTranslator.from(config$9);
-  const XML_NODE_NAME$8 = "w:tbl";
-  const SD_NODE_NAME$8 = "table";
-  const encode$f = (params2, encodedAttrs) => {
+  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) => {
     const { nodes } = params2;
     const node = nodes[0];
     const tblPr = node.elements.find((el) => el.name === "w:tblPr");
     if (tblPr) {
-      const encodedProperties = translator$b.encode({ ...params2, nodes: [tblPr] });
+      const encodedProperties = translator$c.encode({ ...params2, nodes: [tblPr] });
       encodedAttrs["tableProperties"] = encodedProperties?.attributes || {};
     }
     const tblGrid = node.elements.find((el) => el.name === "w:tblGrid");
     if (tblGrid) {
-      encodedAttrs["grid"] = translator$9.encode({ ...params2, nodes: [tblGrid] }).attributes;
+      encodedAttrs["grid"] = translator$a.encode({ ...params2, nodes: [tblGrid] }).attributes;
     }
     [
       "tableStyleId",
       "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;
@@ -34942,6 +35000,21 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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) {
@@ -34955,10 +35028,22 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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$F.encode({
+      const result = translator$G.encode({
         ...params2,
         nodes: [row],
         extraParams: {
@@ -34977,13 +35062,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       attrs: encodedAttrs
     };
   };
-  const decode$f = (params2, decodedAttrs) => {
+  const decode$g = (params2, decodedAttrs) => {
     params2.node = preProcessVerticalMergeCells(params2.node, params2);
     const { node } = params2;
     const elements = translateChildNodes(params2);
     const firstRow = node.content?.find((n) => n.type === "tableRow");
     const properties = node.attrs.grid;
-    const element = translator$9.decode({
+    const element = translator$a.decode({
       ...params2,
       node: { ...node, attrs: { ...node.attrs, grid: properties } },
       extraParams: {
@@ -34993,7 +35078,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (element) elements.unshift(element);
     if (node.attrs?.tableProperties) {
       const properties2 = { ...node.attrs.tableProperties };
-      const element2 = translator$b.decode({
+      const element2 = translator$c.decode({
         ...params2,
         node: { ...node, attrs: { ...node.attrs, tableProperties: properties2 } }
       });
@@ -35059,7 +35144,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       if (baseTblPr && baseTblPr.elements) {
         tblPr.elements.push(...baseTblPr.elements);
       }
-      const tableProperties = translator$b.encode({ ...params2, nodes: [tblPr] }).attributes;
+      const tableProperties = translator$c.encode({ ...params2, nodes: [tblPr] }).attributes;
       const { borders, rowBorders } = _processTableBorders(tableProperties.borders || {});
       if (borders) stylesToReturn.borders = borders;
       if (rowBorders) stylesToReturn.rowBorders = rowBorders;
@@ -35076,16 +35161,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return stylesToReturn;
   }
-  const config$8 = {
-    xmlName: XML_NODE_NAME$8,
-    sdNodeOrKeyName: SD_NODE_NAME$8,
+  const config$9 = {
+    xmlName: XML_NODE_NAME$9,
+    sdNodeOrKeyName: SD_NODE_NAME$9,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$f,
-    decode: decode$f,
+    encode: encode$g,
+    decode: decode$g,
     attributes: []
   };
-  const translator$8 = NodeTranslator.from(config$8);
-  const tableNodeHandlerEntity = generateV2HandlerEntity("tableNodeHandler", translator$8);
+  const translator$9 = NodeTranslator.from(config$9);
+  const tableNodeHandlerEntity = generateV2HandlerEntity("tableNodeHandler", translator$9);
   function getReferencedTableStyles(tblStyleTag, docx) {
     if (!tblStyleTag) return null;
     const stylesToReturn = {};
@@ -35447,10 +35532,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (left2 != null) elements.push({ name: "w:left", attributes: { "w:w": pixelsToTwips(left2) } });
     return elements;
   }
-  const XML_NODE_NAME$7 = "w:tc";
-  const SD_NODE_NAME$7 = "tableCell";
-  const validXmlAttributes$7 = [];
-  function encode$e(params2, encodedAttrs) {
+  const XML_NODE_NAME$8 = "w:tc";
+  const SD_NODE_NAME$8 = "tableCell";
+  const validXmlAttributes$8 = [];
+  function encode$f(params2, encodedAttrs) {
     const {
       node,
       table,
@@ -35477,31 +35562,31 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return schemaNode;
   }
-  function decode$e(params2, decodedAttrs) {
+  function decode$f(params2, decodedAttrs) {
     const translated = translateTableCell(params2);
     if (decodedAttrs && Object.keys(decodedAttrs).length) {
       translated.attributes = { ...translated.attributes || {}, ...decodedAttrs };
     }
     return translated;
   }
-  const config$7 = {
-    xmlName: XML_NODE_NAME$7,
-    sdNodeOrKeyName: SD_NODE_NAME$7,
+  const config$8 = {
+    xmlName: XML_NODE_NAME$8,
+    sdNodeOrKeyName: SD_NODE_NAME$8,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$e,
-    decode: decode$e,
-    attributes: validXmlAttributes$7
+    encode: encode$f,
+    decode: decode$f,
+    attributes: validXmlAttributes$8
   };
-  const translator$7 = NodeTranslator.from(config$7);
-  const XML_NODE_NAME$6 = "w:hyperlink";
-  const SD_NODE_NAME$6 = "link";
+  const translator$8 = NodeTranslator.from(config$8);
+  const XML_NODE_NAME$7 = "w:hyperlink";
+  const SD_NODE_NAME$7 = "link";
   const _createAttributeHandler = (xmlName, sdName) => ({
     xmlName,
     sdName,
     encode: (attributes) => attributes[xmlName],
     decode: (attributes) => attributes[sdName]
   });
-  const validXmlAttributes$6 = [
+  const validXmlAttributes$7 = [
     _createAttributeHandler("w:anchor", "anchor"),
     _createAttributeHandler("w:docLocation", "docLocation"),
     {
@@ -35514,7 +35599,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     _createAttributeHandler("r:id", "rId"),
     _createAttributeHandler("w:tgtFrame", "target")
   ];
-  const encode$d = (params2, encodedAttrs) => {
+  const encode$e = (params2, encodedAttrs) => {
     const { nodes, docx, nodeListHandler } = params2;
     const node = nodes[0];
     let href = _resolveHref(docx, encodedAttrs);
@@ -35580,7 +35665,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return href;
   };
-  function decode$d(params2) {
+  function decode$e(params2) {
     const { node } = params2;
     const linkMark = node.marks.find((m2) => m2.type === "link");
     const linkAttrs = this.decodeAttributes({ ...params2, node: linkMark });
@@ -35624,15 +35709,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     });
     return rId;
   }
-  const config$6 = {
-    xmlName: XML_NODE_NAME$6,
-    sdNodeOrKeyName: SD_NODE_NAME$6,
+  const config$7 = {
+    xmlName: XML_NODE_NAME$7,
+    sdNodeOrKeyName: SD_NODE_NAME$7,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$d,
-    decode: decode$d,
-    attributes: validXmlAttributes$6
+    encode: encode$e,
+    decode: decode$e,
+    attributes: validXmlAttributes$7
   };
-  const translator$6 = NodeTranslator.from(config$6);
+  const translator$7 = NodeTranslator.from(config$7);
   function parseTagValueJSON(json) {
     if (typeof json !== "string") {
       return {};
@@ -36427,32 +36512,32 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       elements: [...anchorElements, ...elementsWithWrap]
     };
   }
-  const XML_NODE_NAME$5 = "wp:anchor";
-  const SD_NODE_NAME$5 = ["image"];
-  const validXmlAttributes$5 = ["distT", "distB", "distL", "distR"].map((xmlName) => createAttributeHandler(xmlName));
-  function encode$c(params2) {
+  const XML_NODE_NAME$6 = "wp:anchor";
+  const SD_NODE_NAME$6 = ["image"];
+  const validXmlAttributes$6 = ["distT", "distB", "distL", "distR"].map((xmlName) => createAttributeHandler(xmlName));
+  function encode$d(params2) {
     const { node } = params2.extraParams;
     if (!node || !node.type) {
       return null;
     }
     return handleAnchorNode(params2);
   }
-  function decode$c(params2) {
+  function decode$d(params2) {
     const { node } = params2;
     if (!node || !node.type) {
       return null;
     }
     return translateAnchorNode(params2);
   }
-  const config$5 = {
-    xmlName: XML_NODE_NAME$5,
-    sdNodeOrKeyName: SD_NODE_NAME$5,
+  const config$6 = {
+    xmlName: XML_NODE_NAME$6,
+    sdNodeOrKeyName: SD_NODE_NAME$6,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$c,
-    decode: decode$c,
-    attributes: validXmlAttributes$5
+    encode: encode$d,
+    decode: decode$d,
+    attributes: validXmlAttributes$6
   };
-  const translator$5 = NodeTranslator.from(config$5);
+  const translator$6 = NodeTranslator.from(config$6);
   function handleInlineNode(params2) {
     const { node } = params2.extraParams;
     if (node.name !== "wp:inline") {
@@ -36468,41 +36553,41 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       elements: nodeElements.elements
     };
   }
-  const XML_NODE_NAME$4 = "wp:inline";
-  const SD_NODE_NAME$4 = ["image"];
-  const validXmlAttributes$4 = ["distT", "distB", "distL", "distR"].map((xmlName) => createAttributeHandler(xmlName));
-  function encode$b(params2) {
+  const XML_NODE_NAME$5 = "wp:inline";
+  const SD_NODE_NAME$5 = ["image"];
+  const validXmlAttributes$5 = ["distT", "distB", "distL", "distR"].map((xmlName) => createAttributeHandler(xmlName));
+  function encode$c(params2) {
     const { node } = params2.extraParams;
     if (!node || !node.type) {
       return null;
     }
     return handleInlineNode(params2);
   }
-  function decode$b(params2) {
+  function decode$c(params2) {
     const { node } = params2;
     if (!node || !node.type) {
       return null;
     }
     return translateInlineNode(params2);
   }
-  const config$4 = {
-    xmlName: XML_NODE_NAME$4,
-    sdNodeOrKeyName: SD_NODE_NAME$4,
+  const config$5 = {
+    xmlName: XML_NODE_NAME$5,
+    sdNodeOrKeyName: SD_NODE_NAME$5,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$b,
-    decode: decode$b,
-    attributes: validXmlAttributes$4
+    encode: encode$c,
+    decode: decode$c,
+    attributes: validXmlAttributes$5
   };
-  const translator$4 = NodeTranslator.from(config$4);
-  const XML_NODE_NAME$3 = "w:drawing";
-  const SD_NODE_NAME$3 = [];
-  const validXmlAttributes$3 = [];
-  function encode$a(params2) {
+  const translator$5 = NodeTranslator.from(config$5);
+  const XML_NODE_NAME$4 = "w:drawing";
+  const SD_NODE_NAME$4 = [];
+  const validXmlAttributes$4 = [];
+  function encode$b(params2) {
     const nodes = params2.nodes;
     const node = nodes[0];
     const translatorByChildName = {
-      "wp:anchor": translator$5,
-      "wp:inline": translator$4
+      "wp:anchor": translator$6,
+      "wp:inline": translator$5
     };
     return node.elements.reduce((acc, child) => {
       if (acc) return acc;
@@ -36511,12 +36596,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return translator2.encode({ ...params2, extraParams: { node: child } }) || acc;
     }, null);
   }
-  function decode$a(params2) {
+  function decode$b(params2) {
     const { node } = params2;
     if (!node || !node.type) {
       return null;
     }
-    const childTranslator = node.attrs.isAnchor ? translator$5 : translator$4;
+    const childTranslator = node.attrs.isAnchor ? translator$6 : translator$5;
     const resultNode = childTranslator.decode(params2);
     return wrapTextInRun(
       {
@@ -36526,15 +36611,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       []
     );
   }
-  const config$3 = {
-    xmlName: XML_NODE_NAME$3,
-    sdNodeOrKeyName: SD_NODE_NAME$3,
+  const config$4 = {
+    xmlName: XML_NODE_NAME$4,
+    sdNodeOrKeyName: SD_NODE_NAME$4,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$a,
-    decode: decode$a,
-    attributes: validXmlAttributes$3
+    encode: encode$b,
+    decode: decode$b,
+    attributes: validXmlAttributes$4
   };
-  const translator$3 = NodeTranslator.from(config$3);
+  const translator$4 = NodeTranslator.from(config$4);
   class CommandService {
     /**
      * @param {import('./commands/types/index.js').CommandServiceOptions} props
@@ -37872,7 +37957,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return getTextNodeForExport(attrs.displayLabel, [...marks, ...marksFromAttrs], params2);
   }
   function prepareImageAnnotation(params2, imageSize) {
-    return translator$3.decode({
+    return translator$4.decode({
       ...params2,
       imageSize
     });
@@ -38109,10 +38194,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return result;
   }
-  const XML_NODE_NAME$2 = "w:sdt";
-  const SD_NODE_NAME$2 = ["fieldAnnotation", "structuredContent", "structuredContentBlock", "documentSection"];
-  const validXmlAttributes$2 = [];
-  function encode$9(params2) {
+  const XML_NODE_NAME$3 = "w:sdt";
+  const SD_NODE_NAME$3 = ["fieldAnnotation", "structuredContent", "structuredContentBlock", "documentSection"];
+  const validXmlAttributes$3 = [];
+  function encode$a(params2) {
     const nodes = params2.nodes;
     const node = nodes[0];
     const { type: sdtType, handler: handler2 } = sdtNodeTypeStrategy(node);
@@ -38122,7 +38207,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const result = handler2(params2);
     return result;
   }
-  function decode$9(params2) {
+  function decode$a(params2) {
     const { node } = params2;
     if (!node || !node.type) {
       return null;
@@ -38138,85 +38223,85 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const result = decoder();
     return result;
   }
-  const config$2 = {
-    xmlName: XML_NODE_NAME$2,
-    sdNodeOrKeyName: SD_NODE_NAME$2,
+  const config$3 = {
+    xmlName: XML_NODE_NAME$3,
+    sdNodeOrKeyName: SD_NODE_NAME$3,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$9,
-    decode: decode$9,
-    attributes: validXmlAttributes$2
+    encode: encode$a,
+    decode: decode$a,
+    attributes: validXmlAttributes$3
   };
-  const translator$2 = NodeTranslator.from(config$2);
-  const encode$8 = (attributes) => {
+  const translator$3 = NodeTranslator.from(config$3);
+  const encode$9 = (attributes) => {
     return attributes["w:id"];
   };
-  const decode$8 = (attrs) => {
+  const decode$9 = (attrs) => {
     return attrs.id;
   };
   const attrConfig$6 = Object.freeze({
     xmlName: "w:id",
     sdName: "id",
-    encode: encode$8,
-    decode: decode$8
+    encode: encode$9,
+    decode: decode$9
   });
-  const encode$7 = (attributes) => {
+  const encode$8 = (attributes) => {
     return attributes["w:name"];
   };
-  const decode$7 = (attrs) => {
+  const decode$8 = (attrs) => {
     return attrs.name;
   };
   const attrConfig$5 = Object.freeze({
     xmlName: "w:name",
     sdName: "name",
-    encode: encode$7,
-    decode: decode$7
+    encode: encode$8,
+    decode: decode$8
   });
-  const encode$6 = (attributes) => {
+  const encode$7 = (attributes) => {
     return attributes["w:colFirst"];
   };
-  const decode$6 = (attrs) => {
+  const decode$7 = (attrs) => {
     return attrs.colFirst;
   };
   const attrConfig$4 = Object.freeze({
     xmlName: "w:colFirst",
     sdName: "colFirst",
-    encode: encode$6,
-    decode: decode$6
+    encode: encode$7,
+    decode: decode$7
   });
-  const encode$5 = (attributes) => {
+  const encode$6 = (attributes) => {
     return attributes["w:colLast"];
   };
-  const decode$5 = (attrs) => {
+  const decode$6 = (attrs) => {
     return attrs.colLast;
   };
   const attrConfig$3 = Object.freeze({
     xmlName: "w:colLast",
     sdName: "colLast",
-    encode: encode$5,
-    decode: decode$5
+    encode: encode$6,
+    decode: decode$6
   });
-  const encode$4 = (attributes) => {
+  const encode$5 = (attributes) => {
     return attributes["w:displacedByCustomXml"];
   };
-  const decode$4 = (attrs) => {
+  const decode$5 = (attrs) => {
     return attrs.displacedByCustomXml;
   };
   const attrConfig$2 = Object.freeze({
     xmlName: "w:displacedByCustomXml",
     sdName: "displacedByCustomXml",
-    encode: encode$4,
-    decode: decode$4
+    encode: encode$5,
+    decode: decode$5
   });
-  const validXmlAttributes$1 = [attrConfig$6, attrConfig$5, attrConfig$4, attrConfig$3, attrConfig$2];
-  const XML_NODE_NAME$1 = "w:bookmarkStart";
-  const SD_NODE_NAME$1 = "bookmarkStart";
-  const encode$3 = (params2, encodedAttrs = {}) => {
+  const validXmlAttributes$2 = [attrConfig$6, attrConfig$5, attrConfig$4, attrConfig$3, attrConfig$2];
+  const XML_NODE_NAME$2 = "w:bookmarkStart";
+  const SD_NODE_NAME$2 = "bookmarkStart";
+  const encode$4 = (params2, encodedAttrs = {}) => {
     return {
       type: "bookmarkStart",
       attrs: encodedAttrs
     };
   };
-  const decode$3 = (params2, decodedAttrs = {}) => {
+  const decode$4 = (params2, decodedAttrs = {}) => {
     const result = {
       name: "w:bookmarkStart",
       elements: []
@@ -38226,49 +38311,49 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return result;
   };
-  const config$1 = {
-    xmlName: XML_NODE_NAME$1,
-    sdNodeOrKeyName: SD_NODE_NAME$1,
+  const config$2 = {
+    xmlName: XML_NODE_NAME$2,
+    sdNodeOrKeyName: SD_NODE_NAME$2,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$3,
-    decode: decode$3,
-    attributes: validXmlAttributes$1
+    encode: encode$4,
+    decode: decode$4,
+    attributes: validXmlAttributes$2
   };
-  const translator$1 = NodeTranslator.from(config$1);
-  const encode$2 = (attributes) => {
+  const translator$2 = NodeTranslator.from(config$2);
+  const encode$3 = (attributes) => {
     return attributes["w:id"];
   };
-  const decode$2 = (attrs) => {
+  const decode$3 = (attrs) => {
     return attrs.id;
   };
   const attrConfig$1 = Object.freeze({
     xmlName: "w:id",
     sdName: "id",
-    encode: encode$2,
-    decode: decode$2
+    encode: encode$3,
+    decode: decode$3
   });
-  const encode$1 = (attributes) => {
+  const encode$2 = (attributes) => {
     return attributes["w:displacedByCustomXml"];
   };
-  const decode$1 = (attrs) => {
+  const decode$2 = (attrs) => {
     return attrs.displacedByCustomXml;
   };
   const attrConfig = Object.freeze({
     xmlName: "w:displacedByCustomXml",
     sdName: "displacedByCustomXml",
-    encode: encode$1,
-    decode: decode$1
+    encode: encode$2,
+    decode: decode$2
   });
-  const validXmlAttributes = [attrConfig$1, attrConfig];
-  const XML_NODE_NAME = "w:bookmarkEnd";
-  const SD_NODE_NAME = "bookmarkEnd";
-  const encode$18 = (params2, encodedAttrs = {}) => {
+  const validXmlAttributes$1 = [attrConfig$1, attrConfig];
+  const XML_NODE_NAME$1 = "w:bookmarkEnd";
+  const SD_NODE_NAME$1 = "bookmarkEnd";
+  const encode$1 = (params2, encodedAttrs = {}) => {
     return {
       type: "bookmarkEnd",
       attrs: encodedAttrs
     };
   };
-  const decode = (params2, decodedAttrs = {}) => {
+  const decode$1 = (params2, decodedAttrs = {}) => {
     const result = {
       name: "w:bookmarkEnd",
       elements: []
@@ -38278,15 +38363,121 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return result;
   };
+  const config$1 = {
+    xmlName: XML_NODE_NAME$1,
+    sdNodeOrKeyName: SD_NODE_NAME$1,
+    type: NodeTranslator.translatorTypes.NODE,
+    encode: encode$1,
+    decode: decode$1,
+    attributes: validXmlAttributes$1
+  };
+  const translator$1 = NodeTranslator.from(config$1);
+  const XML_NODE_NAME = "mc:AlternateContent";
+  const SD_NODE_NAME = [];
+  const validXmlAttributes = [];
+  function encode$19(params2) {
+    const { nodeListHandler } = params2;
+    const { node } = params2.extraParams;
+    if (!node || !node.type) {
+      return null;
+    }
+    const allowedNamespaces = ["wps", "wp14", "w14", "w15"];
+    const wpsNode = node.elements.find(
+      (el) => el.name === "mc:Choice" && allowedNamespaces.includes(el.attributes["Requires"])
+    );
+    if (!wpsNode) {
+      return null;
+    }
+    const contents = wpsNode.elements;
+    return nodeListHandler.handler({
+      ...params2,
+      nodes: contents,
+      path: [...params2.path || [], wpsNode]
+    });
+  }
+  function decode(params2) {
+    const { node } = params2;
+    const { drawingContent } = node.attrs;
+    const drawing = {
+      name: "w:drawing",
+      elements: [...drawingContent ? [...drawingContent.elements || []] : []]
+    };
+    const choice = {
+      name: "mc:Choice",
+      attributes: { Requires: "wps" },
+      elements: [drawing]
+    };
+    return {
+      name: "mc:AlternateContent",
+      elements: [choice]
+    };
+  }
   const config = {
     xmlName: XML_NODE_NAME,
     sdNodeOrKeyName: SD_NODE_NAME,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$18,
+    encode: encode$19,
     decode,
     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;
@@ -38301,30 +38492,30 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       doc: translateDocumentNode,
       body: translateBodyNode,
       heading: translateHeadingNode,
-      paragraph: translator$12,
-      run: translator$T,
+      paragraph: translator$13,
+      run: translator$U,
       text: translateTextNode,
       bulletList: translateList,
       orderedList: translateList,
-      lineBreak: translator$15,
-      table: translator$8,
-      tableRow: translator$F,
-      tableCell: translator$7,
-      bookmarkStart: translator$1,
-      bookmarkEnd: translator,
-      fieldAnnotation: translator$2,
-      tab: translator$13,
-      image: translator$3,
-      hardBreak: translator$15,
+      lineBreak: translator$16,
+      table: translator$9,
+      tableRow: translator$G,
+      tableCell: translator$8,
+      bookmarkStart: translator$2,
+      bookmarkEnd: translator$1,
+      fieldAnnotation: translator$3,
+      tab: translator$14,
+      image: translator$4,
+      hardBreak: translator$16,
       commentRangeStart: () => translateCommentNode(params2, "Start"),
       commentRangeEnd: () => translateCommentNode(params2, "End"),
       commentReference: () => null,
       shapeContainer: translateShapeContainer,
       shapeTextbox: translateShapeTextbox,
       contentBlock: translateContentBlock,
-      structuredContent: translator$2,
-      structuredContentBlock: translator$2,
-      documentSection: translator$2,
+      structuredContent: translator$3,
+      structuredContentBlock: translator$3,
+      documentSection: translator$3,
       "page-number": translatePageNumberNode,
       "total-page-number": translateTotalPageNumberNode
     };
@@ -38339,28 +38530,30 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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) {
@@ -38663,7 +38856,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const isTrackedNode = node.marks?.some((m2) => trackedMarks.includes(m2.type));
     if (isTrackedNode) return translateTrackedNode(params2);
     const isLinkNode = node.marks?.some((m2) => m2.type === "link");
-    if (isLinkNode) return translator$6.decode(params2);
+    if (isLinkNode) return translator$7.decode(params2);
     const { text, marks = [] } = node;
     return getTextNodeForExport(text, marks, params2);
   }
@@ -38969,7 +39162,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         markElement.type = "element";
         break;
       case "underline": {
-        const translated = translator$$.decode({
+        const translated = translator$10.decode({
           node: {
             attrs: {
               underlineType: attrs.underlineType ?? attrs.underline ?? null,
@@ -39033,7 +39226,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         break;
       case "highlight": {
         const highlightValue = attrs.color ?? attrs.highlight ?? null;
-        const translated = translator$14.decode({ node: { attrs: { highlight: highlightValue } } });
+        const translated = translator$15.decode({ node: { attrs: { highlight: highlightValue } } });
         return translated || {};
       }
     }
@@ -39089,23 +39282,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   }
   function translateContentBlock(params2) {
     const { node } = params2;
-    const { drawingContent, vmlAttributes, horizontalRule } = node.attrs;
+    const { vmlAttributes, horizontalRule } = node.attrs;
     if (vmlAttributes || horizontalRule) {
       return translateVRectContentBlock(params2);
     }
-    const drawing = {
-      name: "w:drawing",
-      elements: [...drawingContent ? [...drawingContent.elements || []] : []]
-    };
-    const choice = {
-      name: "mc:Choice",
-      attributes: { Requires: "wps" },
-      elements: [drawing]
-    };
-    const alternateContent = {
-      name: "mc:AlternateContent",
-      elements: [choice]
-    };
+    const alternateContent = translator.decode(params2);
     return wrapTextInRun(alternateContent);
   }
   function translateVRectContentBlock(params2) {
@@ -39309,7 +39490,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (mainNode.name === "w:drawing") node = mainNode;
     else node = mainNode.elements.find((el) => el.name === "w:drawing");
     if (!node) return { nodes: [], consumed: 0 };
-    const schemaNode = translator$3.encode(params2);
+    const schemaNode = translator$4.encode(params2);
     const newNodes = schemaNode ? [schemaNode] : [];
     return { nodes: newNodes, consumed: 1 };
   };
@@ -39411,8 +39592,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     handlerName: "trackChangeNodeHandler",
     handler: handleTrackChangeNode
   };
-  const hyperlinkNodeHandlerEntity = generateV2HandlerEntity("hyperlinkNodeHandler", translator$6);
-  const runNodeHandlerEntity = generateV2HandlerEntity("runNodeHandler", translator$T);
+  const hyperlinkNodeHandlerEntity = generateV2HandlerEntity("hyperlinkNodeHandler", translator$7);
+  const runNodeHandlerEntity = generateV2HandlerEntity("runNodeHandler", translator$U);
   const handleTextNode = (params2) => {
     const { nodes, insideTrackChange } = params2;
     if (nodes.length === 0 || !(nodes[0].name === "w:t" || insideTrackChange && nodes[0].name === "w:delText")) {
@@ -39453,7 +39634,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (nodes.length === 0 || nodes[0].name !== "w:p") {
       return { nodes: [], consumed: 0 };
     }
-    const schemaNode = translator$12.encode(params2);
+    const schemaNode = translator$13.encode(params2);
     const newNodes = schemaNode ? [schemaNode] : [];
     return { nodes: newNodes, consumed: 1 };
   };
@@ -39466,7 +39647,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (nodes.length === 0 || nodes[0].name !== "w:sdt") {
       return { nodes: [], consumed: 0 };
     }
-    const result = translator$2.encode(params2);
+    const result = translator$3.encode(params2);
     if (!result) {
       return { nodes: [], consumed: 0 };
     }
@@ -39556,7 +39737,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (nodes.length === 0 || nodes[0].name !== "w:br") {
       return { nodes: [], consumed: 0 };
     }
-    const result = translator$15.encode(params2);
+    const result = translator$16.encode(params2);
     if (!result) return { nodes: [], consumed: 0 };
     return {
       nodes: [result],
@@ -39628,7 +39809,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (isCustomMarkBookmark(nodes[0], params2.editor)) {
       return handleBookmarkNode(params2);
     }
-    const node = translator$1.encode(params2);
+    const node = translator$2.encode(params2);
     if (!node) return { nodes: [], consumed: 0 };
     return { nodes: [node], consumed: 1 };
   };
@@ -39660,7 +39841,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!nodes.length || nodes[0].name !== "w:bookmarkEnd") {
       return { nodes: [], consumed: 0 };
     }
-    const node = translator.encode(params2);
+    const node = translator$1.encode(params2);
     if (!node) return { nodes: [], consumed: 0 };
     return { nodes: [node], consumed: 1 };
   };
@@ -39668,32 +39849,86 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     handlerName: "w:bookmarkEndTranslator",
     handler: handleBookmarkEndNode
   };
+  const ALTERNATE_CONTENT_NODE = "mc:AlternateContent";
+  const SUPPORTED_REQUIRES = /* @__PURE__ */ new Set([
+    "wps",
+    "wp14",
+    "w14",
+    "w15",
+    "w16",
+    "w16cex",
+    "w16cid",
+    "w16du",
+    "w16sdtdh",
+    "w16sdtfl",
+    "w16se"
+  ]);
+  const skipHandlerResponse = { nodes: [], consumed: 0 };
+  const isAlternateContentNode = (node) => node?.name === ALTERNATE_CONTENT_NODE;
+  const isSupportedChoice = (choice) => {
+    if (!choice?.attributes) return false;
+    const requires = choice.attributes.Requires || choice.attributes.requires;
+    if (!requires) return false;
+    return requires.split(/\s+/).filter(Boolean).some((namespace2) => SUPPORTED_REQUIRES.has(namespace2));
+  };
+  const resolveAlternateContentElements = (alternateContent) => {
+    if (!alternateContent?.elements?.length) return null;
+    const choices = alternateContent.elements.filter((el) => el.name === "mc:Choice");
+    const fallback = alternateContent.elements.find((el) => el.name === "mc:Fallback");
+    const supportedChoice = choices.find(isSupportedChoice);
+    const selectedElements = supportedChoice?.elements || fallback?.elements || choices[0]?.elements;
+    if (!selectedElements) return null;
+    return carbonCopy(selectedElements);
+  };
+  const buildNodeWithoutAlternateContent = (node) => {
+    const { elements } = node || {};
+    if (!elements?.length) return null;
+    let replaced = false;
+    const updatedElements = [];
+    elements.forEach((element) => {
+      if (isAlternateContentNode(element)) {
+        const resolved = resolveAlternateContentElements(element);
+        if (resolved) {
+          updatedElements.push(...resolved);
+          replaced = true;
+          return;
+        }
+        updatedElements.push(carbonCopy(element));
+        return;
+      }
+      updatedElements.push(carbonCopy(element));
+    });
+    if (!replaced) return null;
+    const clone = carbonCopy(node);
+    clone.elements = updatedElements;
+    return clone;
+  };
   const handleAlternateChoice = (params2) => {
-    const skipHandlerResponse = { nodes: [], consumed: 0 };
     const { nodes, nodeListHandler } = params2;
-    if (nodes.length === 0 || nodes[0].name !== "w:p") {
+    if (!nodes?.length) {
       return skipHandlerResponse;
     }
-    const mainNode = nodes[0];
-    const node = mainNode?.elements?.find((el) => el.name === "w:r");
-    const hasAltChoice = node?.elements?.some((el) => el.name === "mc:AlternateContent");
-    if (!hasAltChoice) {
-      return skipHandlerResponse;
+    const [currentNode] = nodes;
+    if (isAlternateContentNode(currentNode)) {
+      const resolvedElements = resolveAlternateContentElements(currentNode);
+      if (!resolvedElements) {
+        return skipHandlerResponse;
+      }
+      const result2 = nodeListHandler.handler({
+        ...params2,
+        nodes: resolvedElements,
+        path: [...params2.path || [], currentNode]
+      });
+      return { nodes: result2, consumed: 1 };
     }
-    const altChoiceNode = node.elements.find((el) => el.name === "mc:AlternateContent");
-    node.elements.findIndex((el) => el.name === "mc:AlternateContent");
-    const allowedNamespaces = ["wps", "wp14", "w14", "w15"];
-    const wpsNode = altChoiceNode.elements.find(
-      (el) => el.name === "mc:Choice" && allowedNamespaces.includes(el.attributes["Requires"])
-    );
-    if (!wpsNode) {
+    const sanitizedNode = buildNodeWithoutAlternateContent(currentNode);
+    if (!sanitizedNode) {
       return skipHandlerResponse;
     }
-    const contents = wpsNode.elements;
     const result = nodeListHandler.handler({
       ...params2,
-      nodes: contents,
-      path: [...params2.path || [], wpsNode]
+      nodes: [sanitizedNode],
+      path: [...params2.path || [], sanitizedNode]
     });
     return { nodes: result, consumed: 1 };
   };
@@ -40272,7 +40507,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!nodes.length || nodes[0].name !== "w:tab") {
       return { nodes: [], consumed: 0 };
     }
-    const node = translator$13.encode(params2);
+    const node = translator$14.encode(params2);
     return { nodes: [node], consumed: 1 };
   };
   const tabNodeEntityHandler = {
@@ -40306,6 +40541,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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);
@@ -40539,6 +40775,59 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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 [];
@@ -40731,6 +41020,36 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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);
@@ -40836,7 +41155,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.20.2") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.21.1") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -40858,49 +41177,45 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     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"];
@@ -41329,7 +41644,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.20.2") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.21.1") {
     return {
       type: "element",
       name: "property",
@@ -43767,14 +44082,19 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     /**
      * 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);
@@ -43800,24 +44120,39 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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}`
         );
@@ -43828,7 +44163,48 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         }
       });
       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);
     }
@@ -43869,7 +44245,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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;
     }
     /**
@@ -43895,7 +44271,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       Object.keys(media).forEach((path) => {
         unzippedOriginalDocx.file(path, media[path]);
       });
-      await this.updateContentTypes(unzippedOriginalDocx, media);
+      await this.updateContentTypes(unzippedOriginalDocx, media, false, updatedDocs);
       return unzippedOriginalDocx;
     }
   }
@@ -55553,9 +55929,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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();
@@ -56585,6 +56963,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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;
@@ -56989,7 +57368,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   }
   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);
@@ -58167,7 +58546,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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") {
@@ -58397,6 +58776,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       element.style.isolation = "isolate";
       proseMirror.style.outline = "none";
       proseMirror.style.border = "none";
+      element.style.backgroundColor = "#fff";
+      proseMirror.style.backgroundColor = "#fff";
       const { typeface, fontSizePt, fontFamilyCss } = this.converter.getDocumentDefaultStyles() ?? {};
       const resolvedFontFamily = fontFamilyCss || typeface;
       if (resolvedFontFamily) {
@@ -58653,7 +59034,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
               files: this.options.content
             },
             media,
-            true
+            true,
+            updatedDocs
           );
           return updatedDocs;
         }
@@ -58719,7 +59101,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.20.2");
+      console.debug("[checkVersionMigrations] Current editor version", "0.21.1");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -59139,9 +59521,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             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);
       }
@@ -61196,6 +61580,30 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     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;
@@ -61233,11 +61641,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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) {
@@ -61258,6 +61662,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         props: {
           handleDOMEvents: {
             contextmenu: (view, event) => {
+              if (shouldAllowNativeContextMenu(event)) {
+                return false;
+              }
               event.preventDefault();
               const { selection } = view.state;
               if (!selection.empty) {
@@ -61265,7 +61672,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
                   setFocusMeta(view.state.tr, {
                     focused: true,
                     preservedSelection: selection,
-                    showVisualSelection: true
+                    showVisualSelection: true,
+                    skipFocusReset: true
                   })
                 );
               }
@@ -61276,6 +61684,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             },
             mousedown: (view, event) => {
               if (event.button === 2) {
+                if (shouldAllowNativeContextMenu(event)) {
+                  return false;
+                }
                 event.preventDefault();
                 const { selection: selection2 } = view.state;
                 if (!selection2.empty) {
@@ -61283,7 +61694,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
                     setFocusMeta(view.state.tr, {
                       focused: true,
                       preservedSelection: selection2,
-                      showVisualSelection: true
+                      showVisualSelection: true,
+                      skipFocusReset: true
                     })
                   );
                   this.editor.setOptions({
@@ -61306,7 +61718,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
                   setFocusMeta(view.state.tr, {
                     focused: true,
                     preservedSelection: selection,
-                    showVisualSelection: true
+                    showVisualSelection: true,
+                    skipFocusReset: false
                   })
                 );
                 this.editor.setOptions({
@@ -61324,7 +61737,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
                     setFocusMeta(view.state.tr, {
                       focused: true,
                       preservedSelection: selection,
-                      showVisualSelection: true
+                      showVisualSelection: true,
+                      skipFocusReset: false
                     })
                   );
                 }
@@ -61335,7 +61749,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
                   setFocusMeta(view.state.tr, {
                     focused: false,
                     preservedSelection: null,
-                    showVisualSelection: false
+                    showVisualSelection: false,
+                    skipFocusReset: false
                   })
                 );
                 if (!selection.empty && !this.editor.options.element?.contains(target)) {
@@ -61352,12 +61767,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
               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
                   })
                 );
               }
@@ -61368,12 +61791,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
               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 {
@@ -61381,7 +61808,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
                   setFocusMeta(view.state.tr, {
                     focused: false,
                     preservedSelection: null,
-                    showVisualSelection: false
+                    showVisualSelection: false,
+                    skipFocusReset: false
                   })
                 );
               }
@@ -77156,7 +77584,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             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 {
@@ -90692,7 +91121,7 @@ ${style2}
           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;
@@ -91267,6 +91696,115 @@ ${style2}
       this.updateToolbarState();
     }
   };
+  const onMarginClickCursorChange = (event, editor) => {
+    const y2 = event.clientY;
+    const x = event.clientX;
+    const { view } = editor;
+    const editorRect = view.dom.getBoundingClientRect();
+    let coords = {
+      left: 0,
+      top: y2
+    };
+    let isRightMargin = false;
+    if (x > editorRect.right) {
+      coords.left = editorRect.left + editorRect.width - 1;
+      isRightMargin = true;
+    } else if (x < editorRect.left) {
+      coords.left = editorRect.left;
+    }
+    const pos = view.posAtCoords(coords)?.pos;
+    if (pos) {
+      let cursorPos = pos;
+      if (isRightMargin) {
+        const $pos = view.state.doc.resolve(pos);
+        const charOffset = $pos.textOffset;
+        const node = view.state.doc.nodeAt(pos);
+        const text = node?.text;
+        const charAtPos = text?.charAt(charOffset);
+        cursorPos = node?.isText && charAtPos !== " " ? pos - 1 : pos;
+      }
+      const transaction = view.state.tr.setSelection(TextSelection$1.create(view.state.doc, cursorPos));
+      view.dispatch(transaction);
+      view.focus();
+    }
+  };
+  const checkNodeSpecificClicks = (editor, event, popoverControls) => {
+    if (!editor) return;
+    if (selectionHasNodeOrMark(editor.view.state, "link", { requireEnds: true })) {
+      popoverControls.component = LinkInput;
+      popoverControls.position = {
+        left: `${event.clientX - editor.element.getBoundingClientRect().left}px`,
+        top: `${event.clientY - editor.element.getBoundingClientRect().top + 15}px`
+      };
+      popoverControls.props = {
+        showInput: true
+      };
+      popoverControls.visible = true;
+    }
+  };
+  function selectionHasNodeOrMark(state2, name, options = {}) {
+    const { requireEnds = false } = options;
+    const $from = state2.selection.$from;
+    const $to = state2.selection.$to;
+    if (requireEnds) {
+      for (let d2 = $from.depth; d2 > 0; d2--) {
+        if ($from.node(d2).type.name === name) {
+          return true;
+        }
+      }
+      for (let d2 = $to.depth; d2 > 0; d2--) {
+        if ($to.node(d2).type.name === name) {
+          return true;
+        }
+      }
+    } else {
+      for (let d2 = $from.depth; d2 > 0; d2--) {
+        if ($from.node(d2).type.name === name) {
+          return true;
+        }
+      }
+    }
+    const markType = state2.schema.marks[name];
+    if (markType) {
+      const { from: from2, to, empty: empty2 } = state2.selection;
+      if (requireEnds) {
+        const fromMarks = markType.isInSet($from.marks());
+        const toMarks = markType.isInSet($to.marks());
+        if (fromMarks || toMarks) {
+          return true;
+        }
+        if (empty2 && markType.isInSet(state2.storedMarks || $from.marks())) {
+          return true;
+        }
+      } else {
+        if (empty2) {
+          if (markType.isInSet(state2.storedMarks || $from.marks())) {
+            return true;
+          }
+        } else {
+          let hasMark = false;
+          state2.doc.nodesBetween(from2, to, (node) => {
+            if (markType.isInSet(node.marks)) {
+              hasMark = true;
+              return false;
+            }
+          });
+          if (hasMark) return true;
+        }
+      }
+    }
+    return false;
+  }
+  function moveCursorToMouseEvent(event, editor) {
+    const { view } = editor;
+    const coords = { left: event.clientX, top: event.clientY };
+    const pos = view.posAtCoords(coords)?.pos;
+    if (typeof pos === "number") {
+      const tr = view.state.tr.setSelection(TextSelection$1.create(view.state.doc, pos));
+      view.dispatch(tr);
+      view.focus();
+    }
+  }
   const ICONS = {
     addRowBefore: plusIconSvg,
     addRowAfter: plusIconSvg,
@@ -91466,6 +92004,30 @@ ${style2}
         return baseProps;
     }
   };
+  function normalizeClipboardContent(rawClipboardContent) {
+    if (!rawClipboardContent) {
+      return {
+        html: null,
+        text: null,
+        hasContent: false,
+        raw: null
+      };
+    }
+    const html = typeof rawClipboardContent.html === "string" ? rawClipboardContent.html : null;
+    const text = typeof rawClipboardContent.text === "string" ? rawClipboardContent.text : null;
+    const hasHtml = !!html && html.trim().length > 0;
+    const hasText = !!text && text.length > 0;
+    const isObject2 = typeof rawClipboardContent === "object" && rawClipboardContent !== null;
+    const fragmentSize = typeof rawClipboardContent.size === "number" ? rawClipboardContent.size : null;
+    const nestedSize = isObject2 && rawClipboardContent.content && typeof rawClipboardContent.content.size === "number" ? rawClipboardContent.content.size : null;
+    const hasFragmentContent = (fragmentSize ?? nestedSize ?? 0) > 0;
+    return {
+      html,
+      text,
+      hasContent: hasHtml || hasText || hasFragmentContent,
+      raw: rawClipboardContent
+    };
+  }
   async function getEditorContext(editor, event) {
     const { view } = editor;
     const { state: state2 } = view;
@@ -91481,123 +92043,144 @@ ${style2}
       pos = from2;
       node = state2.doc.nodeAt(pos);
     }
-    const clipboardContent = await readFromClipboard(state2);
+    const rawClipboardContent = await readFromClipboard(state2);
+    const clipboardContent = normalizeClipboardContent(rawClipboardContent);
+    const structureFromResolvedPos = pos !== null ? getStructureFromResolvedPos(state2, pos) : null;
+    const isInTable2 = structureFromResolvedPos?.isInTable ?? selectionHasNodeOrMark(state2, "table", { requireEnds: true });
+    const isInList = structureFromResolvedPos?.isInList ?? (selectionHasNodeOrMark(state2, "bulletList", { requireEnds: false }) || selectionHasNodeOrMark(state2, "orderedList", { requireEnds: false }));
+    const isInSectionNode = structureFromResolvedPos?.isInSectionNode ?? selectionHasNodeOrMark(state2, "documentSection", { requireEnds: true });
+    const currentNodeType = node?.type?.name || null;
+    const activeMarks = [];
+    if (event && pos !== null) {
+      const $pos = state2.doc.resolve(pos);
+      if ($pos.marks && typeof $pos.marks === "function") {
+        $pos.marks().forEach((mark) => activeMarks.push(mark.type.name));
+      }
+      if (node && node.marks) {
+        node.marks.forEach((mark) => activeMarks.push(mark.type.name));
+      }
+    } else {
+      state2.storedMarks?.forEach((mark) => activeMarks.push(mark.type.name));
+      state2.selection.$head.marks().forEach((mark) => activeMarks.push(mark.type.name));
+    }
+    const isTrackedChange = activeMarks.includes("trackInsert") || activeMarks.includes("trackDelete");
+    let trackedChangeId = null;
+    if (isTrackedChange && event && pos !== null) {
+      const $pos = state2.doc.resolve(pos);
+      const marksAtPos = $pos.marks();
+      const trackedMark = marksAtPos.find((mark) => mark.type.name === "trackInsert" || mark.type.name === "trackDelete");
+      if (trackedMark) {
+        trackedChangeId = trackedMark.attrs.id;
+      }
+    }
+    const cursorCoords = pos ? view.coordsAtPos(pos) : null;
+    const cursorPosition = cursorCoords ? {
+      x: cursorCoords.left,
+      y: cursorCoords.top
+    } : null;
     return {
-      editor,
+      // Selection info
       selectedText,
+      hasSelection: !empty2,
+      selectionStart: from2,
+      selectionEnd: to,
+      // Document structure
+      isInTable: isInTable2,
+      isInList,
+      isInSectionNode,
+      currentNodeType,
+      activeMarks,
+      // Document state
+      isTrackedChange,
+      trackedChangeId,
+      documentMode: editor.options?.documentMode || "editing",
+      canUndo: computeCanUndo(editor, state2),
+      canRedo: computeCanRedo(editor, state2),
+      isEditable: editor.isEditable,
+      // Clipboard
+      clipboardContent,
+      // Position and trigger info
+      cursorPosition,
       pos,
       node,
       event,
-      clipboardContent
+      // Editor reference for advanced use cases
+      editor
     };
   }
-  const onMarginClickCursorChange = (event, editor) => {
-    const y2 = event.clientY;
-    const x = event.clientX;
-    const { view } = editor;
-    const editorRect = view.dom.getBoundingClientRect();
-    let coords = {
-      left: 0,
-      top: y2
-    };
-    let isRightMargin = false;
-    if (x > editorRect.right) {
-      coords.left = editorRect.left + editorRect.width - 1;
-      isRightMargin = true;
-    } else if (x < editorRect.left) {
-      coords.left = editorRect.left;
+  function computeCanUndo(editor, state2) {
+    if (typeof editor?.can === "function") {
+      try {
+        const can = editor.can();
+        if (can && typeof can.undo === "function") {
+          return !!can.undo();
+        }
+      } catch (error) {
+        console.warn("[SlashMenu] Unable to determine undo availability via editor.can():", error);
+      }
     }
-    const pos = view.posAtCoords(coords)?.pos;
-    if (pos) {
-      let cursorPos = pos;
-      if (isRightMargin) {
-        const $pos = view.state.doc.resolve(pos);
-        const charOffset = $pos.textOffset;
-        const node = view.state.doc.nodeAt(pos);
-        const text = node?.text;
-        const charAtPos = text?.charAt(charOffset);
-        cursorPos = node?.isText && charAtPos !== " " ? pos - 1 : pos;
+    if (isCollaborationEnabled(editor)) {
+      try {
+        const undoManager = yUndoPluginKey.getState(state2)?.undoManager;
+        return !!undoManager && undoManager.undoStack.length > 0;
+      } catch (error) {
+        console.warn("[SlashMenu] Unable to determine undo availability via y-prosemirror:", error);
       }
-      const transaction = view.state.tr.setSelection(TextSelection$1.create(view.state.doc, cursorPos));
-      view.dispatch(transaction);
-      view.focus();
     }
-  };
-  const checkNodeSpecificClicks = (editor, event, popoverControls) => {
-    if (!editor) return;
-    if (selectionHasNodeOrMark(editor.view.state, "link", { requireEnds: true })) {
-      popoverControls.component = LinkInput;
-      popoverControls.position = {
-        left: `${event.clientX - editor.element.getBoundingClientRect().left}px`,
-        top: `${event.clientY - editor.element.getBoundingClientRect().top + 15}px`
-      };
-      popoverControls.props = {
-        showInput: true
-      };
-      popoverControls.visible = true;
+    try {
+      return undoDepth(state2) > 0;
+    } catch (error) {
+      console.warn("[SlashMenu] Unable to determine undo availability via history plugin:", error);
+      return false;
     }
-  };
-  function selectionHasNodeOrMark(state2, name, options = {}) {
-    const { requireEnds = false } = options;
-    const $from = state2.selection.$from;
-    const $to = state2.selection.$to;
-    if (requireEnds) {
-      for (let d2 = $from.depth; d2 > 0; d2--) {
-        if ($from.node(d2).type.name === name) {
-          return true;
-        }
-      }
-      for (let d2 = $to.depth; d2 > 0; d2--) {
-        if ($to.node(d2).type.name === name) {
-          return true;
-        }
-      }
-    } else {
-      for (let d2 = $from.depth; d2 > 0; d2--) {
-        if ($from.node(d2).type.name === name) {
-          return true;
+  }
+  function computeCanRedo(editor, state2) {
+    if (typeof editor?.can === "function") {
+      try {
+        const can = editor.can();
+        if (can && typeof can.redo === "function") {
+          return !!can.redo();
         }
+      } catch (error) {
+        console.warn("[SlashMenu] Unable to determine redo availability via editor.can():", error);
       }
     }
-    const markType = state2.schema.marks[name];
-    if (markType) {
-      const { from: from2, to, empty: empty2 } = state2.selection;
-      if (requireEnds) {
-        const fromMarks = markType.isInSet($from.marks());
-        const toMarks = markType.isInSet($to.marks());
-        if (fromMarks || toMarks) {
-          return true;
-        }
-        if (empty2 && markType.isInSet(state2.storedMarks || $from.marks())) {
-          return true;
-        }
-      } else {
-        if (empty2) {
-          if (markType.isInSet(state2.storedMarks || $from.marks())) {
-            return true;
-          }
-        } else {
-          let hasMark = false;
-          state2.doc.nodesBetween(from2, to, (node) => {
-            if (markType.isInSet(node.marks)) {
-              hasMark = true;
-              return false;
-            }
-          });
-          if (hasMark) return true;
-        }
+    if (isCollaborationEnabled(editor)) {
+      try {
+        const undoManager = yUndoPluginKey.getState(state2)?.undoManager;
+        return !!undoManager && undoManager.redoStack.length > 0;
+      } catch (error) {
+        console.warn("[SlashMenu] Unable to determine redo availability via y-prosemirror:", error);
       }
     }
-    return false;
+    try {
+      return redoDepth(state2) > 0;
+    } catch (error) {
+      console.warn("[SlashMenu] Unable to determine redo availability via history plugin:", error);
+      return false;
+    }
   }
-  function moveCursorToMouseEvent(event, editor) {
-    const { view } = editor;
-    const coords = { left: event.clientX, top: event.clientY };
-    const pos = view.posAtCoords(coords)?.pos;
-    if (typeof pos === "number") {
-      const tr = view.state.tr.setSelection(TextSelection$1.create(view.state.doc, pos));
-      view.dispatch(tr);
-      view.focus();
+  function isCollaborationEnabled(editor) {
+    return Boolean(editor?.options?.collaborationProvider && editor?.options?.ydoc);
+  }
+  function getStructureFromResolvedPos(state2, pos) {
+    try {
+      const $pos = state2.doc.resolve(pos);
+      const ancestors = /* @__PURE__ */ new Set();
+      for (let depth = $pos.depth; depth > 0; depth--) {
+        ancestors.add($pos.node(depth).type.name);
+      }
+      const isInList = ancestors.has("bulletList") || ancestors.has("orderedList");
+      const isInTable2 = ancestors.has("table") || ancestors.has("tableRow") || ancestors.has("tableCell") || ancestors.has("tableHeader");
+      const isInSectionNode = ancestors.has("documentSection");
+      return {
+        isInTable: isInTable2,
+        isInList,
+        isInSectionNode
+      };
+    } catch (error) {
+      console.warn("[SlashMenu] Unable to resolve position for structural context:", error);
+      return null;
     }
   }
   const isModuleEnabled = (editorOptions, moduleName) => {
@@ -91611,8 +92194,52 @@ ${style2}
         return true;
     }
   };
+  function applyCustomMenuConfiguration(defaultSections, context) {
+    const { editor } = context;
+    const slashMenuConfig = editor.options?.slashMenuConfig;
+    if (!slashMenuConfig) {
+      return defaultSections;
+    }
+    let sections = [];
+    if (slashMenuConfig.includeDefaultItems !== false) {
+      sections = [...defaultSections];
+    }
+    if (slashMenuConfig.customItems && Array.isArray(slashMenuConfig.customItems)) {
+      sections = [...sections, ...slashMenuConfig.customItems];
+    }
+    if (typeof slashMenuConfig.menuProvider === "function") {
+      try {
+        sections = slashMenuConfig.menuProvider(context, sections) || sections;
+      } catch (error) {
+        console.warn("[SlashMenu] Error in custom menuProvider:", error);
+      }
+    }
+    return sections;
+  }
+  function filterCustomItems(sections, context) {
+    return sections.map((section) => {
+      const filteredItems = section.items.filter((item) => {
+        if (typeof item.showWhen === "function") {
+          try {
+            return item.showWhen(context);
+          } catch (error) {
+            console.warn(`[SlashMenu] Error in showWhen for item ${item.id}:`, error);
+            return false;
+          }
+        }
+        return true;
+      });
+      return {
+        ...section,
+        items: filteredItems
+      };
+    }).filter((section) => section.items.length > 0);
+  }
   function getItems(context) {
     const { editor, selectedText, trigger: trigger2, clipboardContent } = context;
+    const clipboardHasContent = Boolean(
+      clipboardContent?.hasContent || clipboardContent?.html || clipboardContent?.text || typeof clipboardContent?.size === "number" && clipboardContent.size > 0 || clipboardContent && typeof clipboardContent?.content?.size === "number" && clipboardContent.content.size > 0 || clipboardContent?.raw && typeof clipboardContent.raw.size === "number" && clipboardContent.raw.size > 0 || clipboardContent?.raw && typeof clipboardContent.raw?.content?.size === "number" && clipboardContent.raw.content.size > 0
+    );
     const isInTable2 = selectionHasNodeOrMark(editor.view.state, "table", { requireEnds: true });
     const isInSectionNode = selectionHasNodeOrMark(editor.view.state, "documentSection", { requireEnds: true });
     const sections = [
@@ -91749,12 +92376,13 @@ ${style2}
         ]
       }
     ];
-    const filteredSections = sections.map((section) => {
+    let allSections = applyCustomMenuConfiguration(sections, context);
+    const filteredSections = allSections.map((section) => {
       const filteredItems = section.items.filter((item) => {
         if (item.requiresModule && !isModuleEnabled(editor?.options, item.requiresModule)) return false;
         if (item.requiresSelection && !selectedText) return false;
         if (!item.allowedTriggers.includes(trigger2)) return false;
-        if (item.requiresClipboard && !clipboardContent) return false;
+        if (item.requiresClipboard && !clipboardHasContent) return false;
         if (item.requiresTableParent && !isInTable2 || item.id === "insert-table" && isInTable2) return false;
         if (item.requiresSectionParent && !isInSectionNode) return false;
         return true;
@@ -91764,7 +92392,8 @@ ${style2}
         items: filteredItems
       };
     }).filter((section) => section.items.length > 0);
-    return filteredSections;
+    const finalSections = filterCustomItems(filteredSections, context);
+    return finalSections;
   }
   const _hoisted_1$3$1 = { class: "slash-menu-items" };
   const _hoisted_2$1$1 = {
@@ -91799,6 +92428,7 @@ ${style2}
       const menuRef = ref$1(null);
       const sections = ref$1([]);
       const selectedId = ref$1(null);
+      const currentContext = ref$1(null);
       const handleEditorUpdate = () => {
         if (!props.editor?.isEditable && isOpen.value) {
           closeMenu({ restoreCursor: false });
@@ -91844,6 +92474,44 @@ ${style2}
           selectedId.value = newItems[0].id;
         }
       });
+      const customItemRefs = /* @__PURE__ */ new Map();
+      const setCustomItemRef = (el, item) => {
+        if (el && item.render) {
+          customItemRefs.set(item.id, { element: el, item });
+          nextTick(() => {
+            renderCustomItem(item.id);
+          });
+        }
+      };
+      const renderCustomItem = async (itemId) => {
+        const refData = customItemRefs.get(itemId);
+        if (!refData || refData.element.hasCustomContent) return;
+        const { element, item } = refData;
+        try {
+          if (!currentContext.value) {
+            currentContext.value = await getEditorContext(props.editor);
+          }
+          const context = currentContext.value;
+          const customElement = item.render(context);
+          if (customElement instanceof HTMLElement) {
+            element.innerHTML = "";
+            element.appendChild(customElement);
+            element.hasCustomContent = true;
+          }
+        } catch (error) {
+          console.warn(`[SlashMenu] Error rendering custom item ${itemId}:`, error);
+          element.innerHTML = `<span>${item.label || "Custom Item"}</span>`;
+          element.hasCustomContent = true;
+        }
+      };
+      const cleanupCustomItems = () => {
+        customItemRefs.forEach((refData) => {
+          if (refData.element) {
+            refData.element.hasCustomContent = false;
+          }
+        });
+        customItemRefs.clear();
+      };
       const handleGlobalKeyDown = (event) => {
         if (event.key === "Escape") {
           event.preventDefault();
@@ -91889,27 +92557,27 @@ ${style2}
       };
       const handleRightClick = async (event) => {
         const readOnly = !props.editor?.isEditable;
-        const isHoldingCtrl = event.ctrlKey;
-        if (readOnly || isHoldingCtrl) {
+        if (readOnly || shouldBypassContextMenu(event)) {
           return;
         }
         event.preventDefault();
+        const context = await getEditorContext(props.editor, event);
+        currentContext.value = context;
+        sections.value = getItems({ ...context, trigger: "click" });
+        selectedId.value = flattenedItems.value[0]?.id || null;
+        searchQuery.value = "";
         props.editor.view.dispatch(
           props.editor.view.state.tr.setMeta(SlashMenuPluginKey, {
             type: "open",
-            pos: props.editor.view.state.selection.from,
+            pos: context?.pos ?? props.editor.view.state.selection.from,
             clientX: event.clientX,
             clientY: event.clientY
           })
         );
-        searchQuery.value = "";
-        const context = await getEditorContext(props.editor, event);
-        sections.value = getItems({ ...context, trigger: "click" });
-        selectedId.value = flattenedItems.value[0]?.id || null;
       };
       const executeCommand = async (item) => {
         if (props.editor) {
-          item.action ? await item.action(props.editor) : null;
+          item.action ? await item.action(props.editor, currentContext.value) : null;
           if (item.component) {
             menuRef.value;
             const componentProps = getPropsByItemId(item.id, props);
@@ -91927,7 +92595,7 @@ ${style2}
       const closeMenu = (options = { restoreCursor: true }) => {
         if (props.editor?.view) {
           const pluginState = SlashMenuPluginKey.getState(props.editor.view.state);
-          const { anchorPos } = pluginState;
+          const anchorPos = pluginState?.anchorPos;
           props.editor.view.dispatch(
             props.editor.view.state.tr.setMeta(SlashMenuPluginKey, {
               type: "close"
@@ -91940,6 +92608,8 @@ ${style2}
             props.editor.view.dispatch(tr);
             props.editor.view.focus();
           }
+          cleanupCustomItems();
+          currentContext.value = null;
           isOpen.value = false;
           searchQuery.value = "";
           sections.value = [];
@@ -91956,19 +92626,29 @@ ${style2}
           isOpen.value = true;
           menuPosition.value = event.menuPosition;
           searchQuery.value = "";
-          const context = await getEditorContext(props.editor);
-          sections.value = getItems({ ...context, trigger: "slash" });
-          selectedId.value = flattenedItems.value[0]?.id || null;
+          if (!currentContext.value) {
+            const context = await getEditorContext(props.editor);
+            currentContext.value = context;
+            sections.value = getItems({ ...context, trigger: "slash" });
+            selectedId.value = flattenedItems.value[0]?.id || null;
+          } else if (sections.value.length === 0) {
+            const trigger2 = currentContext.value.event?.type === "contextmenu" ? "click" : "slash";
+            sections.value = getItems({ ...currentContext.value, trigger: trigger2 });
+            selectedId.value = flattenedItems.value[0]?.id || null;
+          }
         });
         props.editor.view.dom.addEventListener("contextmenu", handleRightClick);
         props.editor.on("slashMenu:close", () => {
+          cleanupCustomItems();
           isOpen.value = false;
           searchQuery.value = "";
+          currentContext.value = null;
         });
       });
       onBeforeUnmount(() => {
         document.removeEventListener("keydown", handleGlobalKeyDown);
         document.removeEventListener("mousedown", handleGlobalOutsideClick);
+        cleanupCustomItems();
         if (props.editor) {
           try {
             props.editor.off("slashMenu:open");
@@ -92015,12 +92695,19 @@ ${style2}
                     class: normalizeClass(["slash-menu-item", { "is-selected": item.id === selectedId.value }]),
                     onClick: ($event) => executeCommand(item)
                   }, [
-                    item.icon ? (openBlock(), createElementBlock("span", {
+                    item.render ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      class: "slash-menu-item-icon",
-                      innerHTML: item.icon
-                    }, null, 8, _hoisted_4$5)) : createCommentVNode("", true),
-                    createBaseVNode("span", null, toDisplayString(item.label), 1)
+                      ref_for: true,
+                      ref: (el) => setCustomItemRef(el, item),
+                      class: "slash-menu-custom-item"
+                    }, null, 512)) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
+                      item.icon ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "slash-menu-item-icon",
+                        innerHTML: item.icon
+                      }, null, 8, _hoisted_4$5)) : createCommentVNode("", true),
+                      createBaseVNode("span", null, toDisplayString(item.label), 1)
+                    ], 64))
                   ], 10, _hoisted_3$1$1);
                 }), 128))
               ], 64);
@@ -92715,34 +93402,76 @@ ${style2}
     }
   };
   const SuperInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-4d5cff52"]]);
+  const additionalHandlers = Object.freeze({
+    "mc:AlternateContent": translator,
+    "w:b": translator$12,
+    "w:bidiVisual": translator$F,
+    "w:bookmarkEnd": translator$1,
+    "w:bookmarkStart": translator$2,
+    "w:bottom": translator$s,
+    "w:br": translator$16,
+    "w:cantSplit": translator$T,
+    "w:cnfStyle": translator$S,
+    "w:color": translator$_,
+    "w:divId": translator$R,
+    "w:drawing": translator$4,
+    "w:end": translator$q,
+    "w:gridAfter": translator$Q,
+    "w:gridBefore": translator$P,
+    "w:gridCol": translator$b,
+    "w:hidden": translator$O,
+    "w:highlight": translator$15,
+    "w:hyperlink": translator$7,
+    "w:i": translator$11,
+    "w:insideH": translator$o,
+    "w:insideV": translator$n,
+    "w:jc": translator$N,
+    "w:left": translator$m,
+    "w:p": translator$13,
+    "w:r": translator$U,
+    "w:rFonts": translator$Z,
+    "w:rPr": translator$V,
+    "w:rStyle": translator$Y,
+    "w:right": translator$k,
+    "w:sdt": translator$3,
+    "w:shd": translator$E,
+    "w:start": translator$i,
+    "w:strike": translator$$,
+    "w:sz": translator$X,
+    "w:szCs": translator$W,
+    "w:tab": translator$14,
+    "w:tbl": translator$9,
+    "w:tblBorders": translator$e,
+    "w:tblCaption": translator$D,
+    "w:tblCellMar": translator$d,
+    "w:tblCellSpacing": translator$M,
+    "w:tblDescription": translator$C,
+    "w:tblGrid": translator$a,
+    "w:tblHeader": translator$L,
+    "w:tblInd": translator$B,
+    "w:tblLayout": translator$A,
+    "w:tblLook": translator$z,
+    "w:tblOverlap": translator$y,
+    "w:tblPr": translator$c,
+    "w:tblStyle": translator$x,
+    "w:tblStyleColBandSize": translator$w,
+    "w:tblStyleRowBandSize": translator$v,
+    "w:tblW": translator$u,
+    "w:tblpPr": translator$t,
+    "w:tc": translator$8,
+    "w:top": translator$g,
+    "w:tr": translator$G,
+    "w:trHeight": translator$K,
+    "w:trPr": translator$H,
+    "w:u": translator$10,
+    "w:wAfter": translator$J,
+    "w:wBefore": translator$I,
+    "wp:anchor": translator$6,
+    "wp:inline": translator$5
+  });
   const baseHandlers = {
     ...runPropertyTranslators,
-    "w:br": translator$15,
-    "w:cantSplit": translator$S,
-    "w:cnfStyle": translator$R,
-    "w:divId": translator$Q,
-    "w:gridAfter": translator$P,
-    "w:gridBefore": translator$O,
-    "w:hidden": translator$N,
-    "w:hyperlink": translator$6,
-    "w:jc": translator$M,
-    "w:p": translator$12,
-    "w:r": translator$T,
-    "w:rPr": translator$U,
-    "w:sdt": translator$2,
-    "w:tab": translator$13,
-    "w:tblCellSpacing": translator$L,
-    "w:tblHeader": translator$K,
-    "w:tc": translator$7,
-    "w:tr": translator$F,
-    "w:trHeight": translator$J,
-    "w:trPr": translator$G,
-    "w:wAfter": translator$I,
-    "w:wBefore": translator$H,
-    "wp:anchor": translator$5,
-    "wp:inline": translator$4,
-    "w:bookmarkStart": translator$1,
-    "w:bookmarkEnd": translator
+    ...additionalHandlers
   };
   const registeredHandlers = Object.freeze(baseHandlers);
   const Extensions = {
@@ -109582,6 +110311,7 @@ ${style2}
           annotations: proxy.$superdoc.config.annotations,
           isCommentsEnabled: proxy.$superdoc.config.modules?.comments,
           isAiEnabled: proxy.$superdoc.config.modules?.ai,
+          slashMenuConfig: proxy.$superdoc.config.modules?.slashMenu,
           onBeforeCreate: onEditorBeforeCreate,
           onCreate: onEditorCreate,
           onDestroy: onEditorDestroy,
@@ -109943,7 +110673,7 @@ ${style2}
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-07532c12"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-dbfba5b9"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -110045,7 +110775,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.20.2";
+      this.version = "0.21.1";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -110060,6 +110790,9 @@ ${style2}
       this.isDev = this.config.isDev || false;
       this.activeEditor = null;
       this.comments = [];
+      if (!this.config.selector) {
+        throw new Error("SuperDoc: selector is required");
+      }
       this.app.mount(this.config.selector);
       this.readyEditors = 0;
       this.isLocked = this.config.isLocked || false;
@@ -110079,6 +110812,16 @@ ${style2}
         users: this.users
       };
     }
+    /**
+     * Get the SuperDoc container element
+     * @returns {HTMLElement | null}
+     */
+    get element() {
+      if (typeof this.config.selector === "string") {
+        return document.querySelector(this.config.selector);
+      }
+      return this.config.selector;
+    }
     #patchNaiveUIStyles() {
       const cspNonce = this.config.cspNonce;
       const originalCreateElement = document.createElement;
@@ -110102,10 +110845,16 @@ ${style2}
       }
       if (hasDocumentConfig) {
         const normalized = normalizeDocumentEntry(this.config.document);
-        this.config.documents = [normalized];
+        this.config.documents = [
+          {
+            id: v4(),
+            ...normalized
+          }
+        ];
       } else if (hasDocumentUrl) {
         this.config.documents = [
           {
+            id: v4(),
             type: DOCX,
             url: this.config.document,
             name: "document.docx",
@@ -110113,33 +110862,34 @@ ${style2}
           }
         ];
       } else if (hasDocumentFile) {
+        const normalized = normalizeDocumentEntry(this.config.document);
         this.config.documents = [
           {
-            type: this.config.document.type,
-            data: this.config.document,
-            name: this.config.document.name,
-            isNewFile: true
+            id: v4(),
+            ...normalized
           }
         ];
       } else if (hasDocumentBlob) {
-        const docType = this.config.document.type || DOCX;
-        let extension = ".docx";
-        if (docType === PDF) {
-          extension = ".pdf";
-        } else if (docType === HTML) {
-          extension = ".html";
-        }
+        const normalized = normalizeDocumentEntry(this.config.document);
         this.config.documents = [
           {
-            type: docType,
-            data: this.config.document,
-            name: `document${extension}`,
-            isNewFile: true
+            id: v4(),
+            ...normalized
           }
         ];
       }
       if (Array.isArray(this.config.documents) && this.config.documents.length > 0) {
-        this.config.documents = this.config.documents.map((d2) => normalizeDocumentEntry(d2));
+        this.config.documents = this.config.documents.map((d2) => {
+          const normalized = normalizeDocumentEntry(d2);
+          if (!normalized || typeof normalized !== "object") {
+            return normalized;
+          }
+          const existingId = typeof normalized === "object" && "id" in normalized && normalized.id || d2 && typeof d2 === "object" && "id" in d2 && d2.id;
+          return {
+            ...normalized,
+            id: existingId || v4()
+          };
+        });
       }
     }
     #initVueApp() {