@kedataindo/docflow-core 0.0.82 → 0.0.84

package/dist/index.cjs

@@ -39,6 +39,7 @@ __export(index_exports, {
   PaginationPlus: () => PaginationPlus,
   PerformanceMonitor: () => PerformanceMonitor,
   SearchAndReplaceExtension: () => SearchAndReplaceExtension,
+  SubdocumentProvider: () => SubdocumentProvider,
   buildAIPrompt: () => buildAIPrompt,
   clearSearch: () => clearSearch,
   collaborationExtensions: () => collaborationExtensions,
@@ -72,7 +73,6 @@ module.exports = __toCommonJS(index_exports);
 
 // src/Editor.ts
 var import_core6 = require("@tiptap/core");
-var import_state5 = require("@tiptap/pm/state");
 var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
 var import_extension_text_style = __toESM(require("@tiptap/extension-text-style"), 1);
 
@@ -127,6 +127,9 @@ function createActionMap(editor, plugins) {
 var import_extension_collaboration = require("@tiptap/extension-collaboration");
 var import_extension_collaboration_cursor = require("@tiptap/extension-collaboration-cursor");
 var import_awareness = require("y-protocols/awareness");
+var import_y_indexeddb = require("y-indexeddb");
+var import_y_webrtc = require("y-webrtc");
+var import_y_websocket = require("y-websocket");
 var Y = __toESM(require("yjs"), 1);
 var LOCAL_SIGNALING = ["ws://localhost:4444"];
 var warnedLocalSignaling = false;
@@ -157,28 +160,25 @@ function createAwarenessStates(awareness) {
   });
   return states;
 }
-async function createCollaboration(options) {
+function createCollaboration(options) {
   const ydoc = new Y.Doc();
   if (options.initialStorageState) {
     Y.applyUpdate(ydoc, options.initialStorageState);
   }
   let persistence;
   if (options.offline) {
-    const { IndexeddbPersistence } = await import("y-indexeddb");
-    persistence = new IndexeddbPersistence(`docflow-${options.room}`, ydoc);
+    persistence = new import_y_indexeddb.IndexeddbPersistence(`docflow-${options.room}`, ydoc);
   }
   let provider = null;
   if (options.provider === "webrtc") {
-    const { WebrtcProvider } = await import("y-webrtc");
-    provider = new WebrtcProvider(options.room, ydoc, {
+    provider = new import_y_webrtc.WebrtcProvider(options.room, ydoc, {
       signaling: resolveSignalingUrls(options.signaling)
     });
   } else if (options.provider === "websocket") {
     if (!options.websocketUrl) {
       throw new Error('[Collaboration] websocketUrl is required when provider is "websocket"');
     }
-    const { WebsocketProvider } = await import("y-websocket");
-    provider = new WebsocketProvider(options.websocketUrl, options.room, ydoc);
+    provider = new import_y_websocket.WebsocketProvider(options.websocketUrl, options.room, ydoc);
   }
   const awareness = provider?.awareness ?? new import_awareness.Awareness(ydoc);
   awareness.setLocalStateField("user", options.user);
@@ -244,7 +244,8 @@ async function createCollaboration(options) {
   };
   return { ydoc, provider, awareness, persistence, whenReady, destroy, setLocalCursorEnabled };
 }
-function collaborationExtensions(setup) {
+function collaborationExtensions(options) {
+  const setup = "ydoc" in options ? options : createCollaboration(options);
   const extensions = [
     import_extension_collaboration.Collaboration.configure({ document: setup.ydoc })
   ];
@@ -320,42 +321,6 @@ var BlockAttributesExtension = import_core.Extension.create({
   }
 });
 
-// src/collab/seedEmptyFragment.ts
-var Y2 = __toESM(require("yjs"), 1);
-var PROVISIONAL_SEED_ORIGIN = "docflow:provisional-seed";
-function isPristineEmptyParagraph(element) {
-  return element.length === 0 && Object.keys(element.getAttributes()).length === 0;
-}
-function seedEmptyFragment(doc, field = "default") {
-  const fragment = doc.getXmlFragment(field);
-  const paragraph = new Y2.XmlElement("paragraph");
-  const observer = (_events, transaction) => {
-    if (transaction.origin === PROVISIONAL_SEED_ORIGIN) return;
-    if (paragraph.parent !== fragment) return;
-    if (!isPristineEmptyParagraph(paragraph)) return;
-    if (fragment.length < 2) return;
-    const index = fragment.toArray().indexOf(paragraph);
-    if (index === -1) return;
-    doc.transact(() => {
-      fragment.delete(index);
-    }, PROVISIONAL_SEED_ORIGIN);
-  };
-  let disposed = false;
-  const dispose = () => {
-    if (disposed) return;
-    disposed = true;
-    fragment.unobserveDeep(observer);
-  };
-  if (fragment.length > 0) {
-    return { seeded: false, dispose };
-  }
-  fragment.observeDeep(observer);
-  doc.transact(() => {
-    fragment.insert(0, [paragraph]);
-  }, PROVISIONAL_SEED_ORIGIN);
-  return { seeded: true, dispose };
-}
-
 // src/EditorContext.ts
 var import_core2 = require("@tiptap/core");
 var EditorContextExtension = import_core2.Extension.create({
@@ -378,11 +343,336 @@ var EditorContextExtension = import_core2.Extension.create({
   }
 });
 
-// src/SearchAndReplace.ts
+// src/ManualColumnResize.ts
 var import_core3 = require("@tiptap/core");
 var import_state2 = require("@tiptap/pm/state");
+var ManualColumnResize = import_core3.Extension.create({
+  name: "manualColumnResize",
+  addProseMirrorPlugins() {
+    const key2 = new import_state2.PluginKey("manualColumnResize");
+    return [new import_state2.Plugin({
+      key: key2,
+      view(view) {
+        const observer = view;
+        function pauseObserver() {
+          try {
+            observer.domObserver?.stop?.();
+          } catch (_) {
+          }
+        }
+        function resumeObserver() {
+          try {
+            observer.domObserver?.start?.();
+          } catch (_) {
+          }
+        }
+        function getMaxContainerWidth(tableEl) {
+          let curr = tableEl.parentElement;
+          while (curr) {
+            const style = window.getComputedStyle(curr);
+            const paddingLeft = parseFloat(style.paddingLeft) || 0;
+            const paddingRight = parseFloat(style.paddingRight) || 0;
+            const availWidth = curr.clientWidth - paddingLeft - paddingRight;
+            if (availWidth > 100 && (curr.classList.contains("docs-editor__paper") || curr.classList.contains("docs-editor-page") || curr.classList.contains("ProseMirror") || curr.classList.contains("rm-with-pagination"))) {
+              return availWidth;
+            }
+            curr = curr.parentElement;
+          }
+          return tableEl.parentElement?.clientWidth || 614;
+        }
+        const onMouseDown = function(event) {
+          if (event.button !== 0) return;
+          const td = event.target.closest("td, th");
+          if (!td) return;
+          const r = td.getBoundingClientRect();
+          const parent = td.parentElement;
+          if (!parent) return;
+          const cellColSpan = td.colSpan || 1;
+          let logicalStart = 0;
+          let foundCell = false;
+          for (const sibling of Array.from(parent.children)) {
+            if (sibling === td) {
+              foundCell = true;
+              break;
+            }
+            logicalStart += sibling.colSpan || 1;
+          }
+          if (!foundCell) return;
+          const table = td.closest("table");
+          if (!table) return;
+          const distRight = Math.abs(event.clientX - r.right);
+          const distLeft = Math.abs(event.clientX - r.left);
+          let targetColIdx = -1;
+          if (distRight <= 16) {
+            targetColIdx = logicalStart + cellColSpan - 1;
+          } else if (distLeft <= 16 && logicalStart > 0) {
+            targetColIdx = logicalStart - 1;
+          } else {
+            return;
+          }
+          const colsList = table.querySelectorAll("colgroup col");
+          const totalCols = colsList.length || table.querySelector("tr")?.children.length || 0;
+          const allColWidths = [];
+          for (let c = 0; c < totalCols; c++) {
+            const colEl = colsList[c];
+            const w = colEl ? parseFloat(colEl.style.width) : 0;
+            allColWidths[c] = w || initialWidth(table, c);
+          }
+          const isLastCol = targetColIdx === totalCols - 1;
+          const neighborIdx = targetColIdx + 1;
+          const startX = event.clientX;
+          const startW = allColWidths[targetColIdx] || initialWidth(table, targetColIdx);
+          const startNeighborW = !isLastCol ? allColWidths[neighborIdx] || initialWidth(table, neighborIdx) : 0;
+          const maxContainerW = getMaxContainerWidth(table);
+          let otherColsW = 0;
+          allColWidths.forEach((w, idx) => {
+            if (idx !== targetColIdx) otherColsW += w;
+          });
+          const maxNwLastCol = Math.max(20, maxContainerW - otherColsW);
+          function updateDOMWidths() {
+            let totalWidth = 0;
+            allColWidths.forEach((w, idx) => {
+              const col = table.querySelector(`colgroup col:nth-child(${idx + 1})`);
+              if (col) col.style.setProperty("width", w + "px", "important");
+              table.querySelectorAll("tr").forEach(function(row) {
+                const cell = row.children[idx];
+                if (cell) {
+                  cell.style.setProperty("width", w + "px", "important");
+                  cell.setAttribute("width", String(w));
+                }
+              });
+              totalWidth += w;
+            });
+            if (totalWidth > 0) {
+              table.style.setProperty("width", Math.min(totalWidth, maxContainerW) + "px", "important");
+            }
+          }
+          event.stopPropagation();
+          let lastNw = startW;
+          const onMove = function(e) {
+            if (!e.buttons) {
+              onUp(e);
+              return;
+            }
+            const rawDiff = e.clientX - startX;
+            if (isLastCol) {
+              const nw = Math.min(maxNwLastCol, Math.max(20, startW + rawDiff));
+              allColWidths[targetColIdx] = nw;
+              lastNw = nw;
+            } else {
+              const delta = Math.max(20 - startW, Math.min(rawDiff, startNeighborW - 20));
+              allColWidths[targetColIdx] = startW + delta;
+              allColWidths[neighborIdx] = startNeighborW - delta;
+              lastNw = allColWidths[targetColIdx];
+            }
+            let borderPos = table.getBoundingClientRect().left;
+            for (let i = 0; i <= targetColIdx; i++) borderPos += allColWidths[i];
+            showLine(table, borderPos);
+            pauseObserver();
+            updateDOMWidths();
+            resumeObserver();
+          };
+          const onUp = function(upEvent) {
+            document.removeEventListener("mousemove", onMove);
+            document.removeEventListener("mouseup", onUp, true);
+            upEvent.stopPropagation();
+            hideLine();
+            if (lastNw === startW) return;
+            try {
+              const { state } = view;
+              const { doc } = state;
+              let tablePos = -1;
+              doc.descendants((node, pos) => {
+                if (tablePos >= 0) return false;
+                if (node.type.name === "table") {
+                  try {
+                    const dom = view.nodeDOM(pos);
+                    if (dom === table || dom instanceof HTMLElement && dom.contains(table) || table.contains(dom)) {
+                      tablePos = pos;
+                      return false;
+                    }
+                  } catch (_) {
+                  }
+                }
+                return true;
+              });
+              if (tablePos >= 0) {
+                const tableNode = doc.nodeAt(tablePos);
+                if (tableNode) {
+                  const tr = state.tr;
+                  tableNode.forEach((row, rowOffset) => {
+                    let cellColIdx = 0;
+                    row.forEach((cell, cellOffset) => {
+                      const colspan = cell.attrs.colspan || 1;
+                      const cellPos = tablePos + 1 + rowOffset + 1 + cellOffset;
+                      const cw = new Array(colspan);
+                      for (let k = 0; k < colspan; k++) {
+                        cw[k] = allColWidths[cellColIdx + k] || 100;
+                      }
+                      tr.setNodeMarkup(cellPos, null, { ...cell.attrs, colwidth: cw });
+                      cellColIdx += colspan;
+                    });
+                  });
+                  view.dispatch(tr);
+                  pauseObserver();
+                  updateDOMWidths();
+                  resumeObserver();
+                }
+              } else {
+                console.warn("[Resize] could not find table position in doc");
+              }
+            } catch (err) {
+              console.warn("[Resize] transaction failed, falling back to DOM:", err);
+              pauseObserver();
+              updateDOMWidths();
+              resumeObserver();
+            }
+          };
+          document.addEventListener("mousemove", onMove);
+          document.addEventListener("mouseup", onUp, true);
+        };
+        function initialWidth(table, colIdx) {
+          const firstRow = table.querySelector("tr");
+          if (!firstRow) return 100;
+          const cell = firstRow.children[colIdx];
+          if (!cell) return 100;
+          return Math.round(cell.getBoundingClientRect().width) || cell.offsetWidth || 100;
+        }
+        let lineEl = null;
+        let isDragging = false;
+        function getOrCreateLine() {
+          if (!lineEl) {
+            lineEl = document.createElement("div");
+            lineEl.className = "docflow-active-border-line";
+            Object.assign(lineEl.style, {
+              position: "fixed",
+              width: "3px",
+              background: "#06b6d4",
+              boxShadow: "0 0 8px rgba(6, 182, 212, 0.9)",
+              pointerEvents: "none",
+              zIndex: "999999",
+              display: "none",
+              borderRadius: "1.5px"
+            });
+            const dotTop = document.createElement("div");
+            Object.assign(dotTop.style, {
+              position: "absolute",
+              top: "-4px",
+              left: "-3.5px",
+              width: "10px",
+              height: "10px",
+              borderRadius: "50%",
+              background: "#ffffff",
+              border: "2px solid #06b6d4"
+            });
+            const dotBottom = document.createElement("div");
+            Object.assign(dotBottom.style, {
+              position: "absolute",
+              bottom: "-4px",
+              left: "-3.5px",
+              width: "10px",
+              height: "10px",
+              borderRadius: "50%",
+              background: "#ffffff",
+              border: "2px solid #06b6d4"
+            });
+            lineEl.appendChild(dotTop);
+            lineEl.appendChild(dotBottom);
+            document.body.appendChild(lineEl);
+          }
+          return lineEl;
+        }
+        function showLine(table, borderX) {
+          const line = getOrCreateLine();
+          const tableRect = table.getBoundingClientRect();
+          line.style.left = `${borderX - 1.5}px`;
+          line.style.top = `${tableRect.top}px`;
+          line.style.height = `${tableRect.height}px`;
+          line.style.display = "block";
+          document.body.style.cursor = "col-resize";
+          view.dom.style.cursor = "col-resize";
+        }
+        function hideLine() {
+          if (lineEl) {
+            lineEl.style.display = "none";
+          }
+          document.body.style.cursor = "";
+          view.dom.style.cursor = "";
+        }
+        const onMouseMoveHover = function(event) {
+          if (isDragging) return;
+          const target = event.target;
+          const td = target.closest("td, th");
+          if (!td) {
+            hideLine();
+            return;
+          }
+          const r = td.getBoundingClientRect();
+          const distRight = Math.abs(event.clientX - r.right);
+          const distLeft = Math.abs(event.clientX - r.left);
+          const parent = td.parentElement;
+          if (!parent) {
+            hideLine();
+            return;
+          }
+          const colIdx = Array.from(parent.children).indexOf(td);
+          let borderX = -1;
+          if (distRight <= 16) {
+            borderX = r.right;
+          } else if (distLeft <= 16 && colIdx > 0) {
+            borderX = r.left;
+          }
+          if (borderX >= 0) {
+            const table = td.closest("table");
+            if (table) {
+              showLine(table, borderX);
+            }
+          } else {
+            hideLine();
+          }
+        };
+        document.addEventListener("mousemove", onMouseMoveHover, true);
+        view.dom.addEventListener("mousedown", function handleMouseDown(event) {
+          onMouseDown(event);
+          const td = event.target.closest("td, th");
+          if (!td) return;
+          const r = td.getBoundingClientRect();
+          const distRight = Math.abs(event.clientX - r.right);
+          const distLeft = Math.abs(event.clientX - r.left);
+          const parent = td.parentElement;
+          if (!parent) return;
+          const colIdx = Array.from(parent.children).indexOf(td);
+          if (distRight <= 16 || distLeft <= 16 && colIdx > 0) {
+            isDragging = true;
+            hideLine();
+            const onDragEnd = function() {
+              isDragging = false;
+              hideLine();
+              document.removeEventListener("mouseup", onDragEnd, true);
+            };
+            document.addEventListener("mouseup", onDragEnd, true);
+          }
+        }, true);
+        return {
+          destroy: function() {
+            document.removeEventListener("mousemove", onMouseMoveHover, true);
+            if (lineEl && lineEl.parentElement) {
+              lineEl.parentElement.removeChild(lineEl);
+            }
+            lineEl = null;
+            hideLine();
+          }
+        };
+      }
+    })];
+  }
+});
+
+// src/SearchAndReplace.ts
+var import_core4 = require("@tiptap/core");
+var import_state3 = require("@tiptap/pm/state");
 var import_view2 = require("@tiptap/pm/view");
-var searchAndReplaceKey = new import_state2.PluginKey("searchAndReplace");
+var searchAndReplaceKey = new import_state3.PluginKey("searchAndReplace");
 var EMPTY_STATE = { query: "", matches: [], activeIndex: 0 };
 function findMatches(doc, query) {
   const matches = [];
@@ -407,7 +697,7 @@ function computeState(doc, query, activeIndex = 0) {
   const matches = findMatches(doc, query);
   return { query, matches, activeIndex: clampIndex(activeIndex, matches) };
 }
-var searchPlugin = new import_state2.Plugin({
+var searchPlugin = new import_state3.Plugin({
   key: searchAndReplaceKey,
   state: {
     init: () => EMPTY_STATE,
@@ -439,7 +729,7 @@ var searchPlugin = new import_state2.Plugin({
     }
   }
 });
-var SearchAndReplaceExtension = import_core3.Extension.create({
+var SearchAndReplaceExtension = import_core4.Extension.create({
   name: "searchAndReplace",
   addProseMirrorPlugins() {
     return [searchPlugin];
@@ -459,7 +749,7 @@ function activateMatch(editor, index) {
   const match = s.matches[index];
   const tr = editor.state.tr.setMeta(searchAndReplaceKey, { type: "setActive", index });
   if (match) {
-    tr.setSelection(import_state2.TextSelection.create(editor.state.doc, match.from, match.to));
+    tr.setSelection(import_state3.TextSelection.create(editor.state.doc, match.from, match.to));
     tr.scrollIntoView();
   }
   editor.view.dispatch(tr);
@@ -496,13 +786,13 @@ function replaceAll(editor, replacement) {
   return s.matches.length;
 }
 
-// src/pagination/PaginationPlus.ts
-var import_core4 = require("@tiptap/core");
-var import_state3 = require("@tiptap/pm/state");
+// ../../node_modules/.pnpm/tiptap-pagination-plus@3.1.0_patch_hash=4857789ba5672a185fb96bdd854e03e0c6ec8ed26abfeea_16730b2b361cd3f71113c52459ed62fd/node_modules/tiptap-pagination-plus/dist/PaginationPlus.js
+var import_core5 = require("@tiptap/core");
+var import_state4 = require("@tiptap/pm/state");
 var import_transform = require("@tiptap/pm/transform");
 var import_view3 = require("@tiptap/pm/view");
 
-// src/pagination/utils.ts
+// ../../node_modules/.pnpm/tiptap-pagination-plus@3.1.0_patch_hash=4857789ba5672a185fb96bdd854e03e0c6ec8ed26abfeea_16730b2b361cd3f71113c52459ed62fd/node_modules/tiptap-pagination-plus/dist/utils.js
 var updateCssVariables = (targetNode, config) => {
   const cssVariables = {
     "rm-page-height": `${config.pageHeight}px`,
@@ -529,32 +819,75 @@ var getPageSize = (height, width, marginTop, marginBottom, marginLeft, marginRig
     marginRight
   };
 };
-var getHeaderHeightSelector = (pageNumber, type) => {
-  return type === "actual" ? `.rm-page-header-${pageNumber}` : `.rm-page-header-${pageNumber} .rm-page-header-content`;
-};
 var getHeaderHeight = (targetNode, pageNumbers, type) => {
   const headerHeightMap = /* @__PURE__ */ new Map();
   const clientHeader = targetNode.querySelector(getHeaderHeightSelector(0, type));
   headerHeightMap.set(0, clientHeader ? clientHeader.clientHeight : 0);
   pageNumbers.forEach((pageNumber) => {
-    const ch = targetNode.querySelector(getHeaderHeightSelector(pageNumber, type));
-    headerHeightMap.set(pageNumber, ch ? ch.clientHeight : 0);
+    const clientHeader2 = targetNode.querySelector(getHeaderHeightSelector(pageNumber, type));
+    const headerHeight = clientHeader2 ? clientHeader2.clientHeight : 0;
+    headerHeightMap.set(pageNumber, headerHeight);
   });
   return headerHeightMap;
 };
-var getFooterHeightSelector = (pageNumber, type) => {
-  return type === "actual" ? `.rm-page-footer-${pageNumber}` : `.rm-page-footer-${pageNumber} .rm-page-footer-content`;
+var getHeaderHeightSelector = (pageNumber, type) => {
+  return type === "actual" ? `.rm-page-header-${pageNumber}` : `.rm-page-header-${pageNumber} .rm-page-header-content`;
 };
 var getFooterHeight = (targetNode, pageNumbers, type) => {
   const footerHeightMap = /* @__PURE__ */ new Map();
   const clientFooter = targetNode.querySelector(getFooterHeightSelector(0, type));
   footerHeightMap.set(0, clientFooter ? clientFooter.clientHeight : 0);
   pageNumbers.forEach((pageNumber) => {
-    const cf = targetNode.querySelector(getFooterHeightSelector(pageNumber, type));
-    footerHeightMap.set(pageNumber, cf ? cf.clientHeight : 0);
+    const clientFooter2 = targetNode.querySelector(getFooterHeightSelector(pageNumber, type));
+    const footerHeight = clientFooter2 ? clientFooter2.clientHeight : 0;
+    footerHeightMap.set(pageNumber, footerHeight);
   });
   return footerHeightMap;
 };
+var getFooterHeightSelector = (pageNumber, type) => {
+  return type === "actual" ? `.rm-page-footer-${pageNumber}` : `.rm-page-footer-${pageNumber} .rm-page-footer-content`;
+};
+function deepEqualIterative(a, b) {
+  if (a === b)
+    return true;
+  if (typeof a !== "object" || typeof b !== "object" || a == null || b == null) {
+    return false;
+  }
+  const stack = [{ x: a, y: b }];
+  while (stack.length) {
+    const _stackItem = stack.pop();
+    if (!_stackItem)
+      continue;
+    const { x, y } = _stackItem;
+    if (x === y)
+      continue;
+    if (typeof x !== typeof y)
+      return false;
+    if (typeof x !== "object")
+      return false;
+    if (x == null || y == null)
+      return false;
+    const xKeys = Object.keys(x);
+    const yKeys = Object.keys(y);
+    if (xKeys.length !== yKeys.length)
+      return false;
+    for (const key2 of xKeys) {
+      if (!(key2 in y))
+        return false;
+      const xVal = x[key2];
+      const yVal = y[key2];
+      if (xVal === yVal)
+        continue;
+      if (typeof xVal === "object" && typeof yVal === "object") {
+        stack.push({ x: xVal, y: yVal });
+      } else {
+        if (xVal !== yVal)
+          return false;
+      }
+    }
+  }
+  return true;
+}
 function getCustomPages(customHeader, customFooter) {
   return [...Object.keys(customHeader), ...Object.keys(customFooter)].map(Number);
 }
@@ -569,8 +902,8 @@ function getFooter(footerRightContent, footerLeftContent, onFooterClick, pageNum
   pageFooterContent.classList.add("rm-page-footer-content");
   pageFooterContent.style.width = "100%";
   pageFooterContent.style.overflow = "hidden";
-  const footerRight = (footerRightContent || "").replace("{page}", `<span class="rm-page-number"></span>`);
-  const footerLeft = (footerLeftContent || "").replace("{page}", `<span class="rm-page-number"></span>`);
+  const footerRight = footerRightContent.replace("{page}", `<span class="rm-page-number"></span>`);
+  const footerLeft = footerLeftContent.replace("{page}", `<span class="rm-page-number"></span>`);
   const pageFooterLeft = document.createElement("div");
   pageFooterLeft.classList.add("rm-page-footer-left");
   pageFooterLeft.innerHTML = footerLeft;
@@ -593,8 +926,8 @@ function getHeader(headerRightContent, headerLeftContent, onHeaderClick, pageNum
   pageHeaderContent.classList.add("rm-page-header-content");
   pageHeaderContent.style.width = "100%";
   pageHeaderContent.style.overflow = "hidden";
-  const headerLeft = (headerLeftContent || "").replace("{page}", `<span class="rm-page-number-plus"></span>`);
-  const headerRight = (headerRightContent || "").replace("{page}", `<span class="rm-page-number-plus"></span>`);
+  const headerLeft = headerLeftContent.replace("{page}", `<span class="rm-page-number-plus"></span>`);
+  const headerRight = headerRightContent.replace("{page}", `<span class="rm-page-number-plus"></span>`);
   const pageHeaderLeft = document.createElement("div");
   pageHeaderLeft.classList.add("rm-page-header-left");
   pageHeaderLeft.innerHTML = headerLeft;
@@ -618,40 +951,24 @@ var getHeight = (pageOptions, _headerHeight, _footerHeight) => {
 };
 var headerClickEvent = (pageNumber, onHeaderClick) => {
   return (event) => {
-    onHeaderClick?.({ event, pageNumber });
+    onHeaderClick === null || onHeaderClick === void 0 ? void 0 : onHeaderClick({
+      event,
+      pageNumber
+    });
   };
 };
 var footerClickEvent = (pageNumber, onFooterClick) => {
   return (event) => {
-    onFooterClick?.({ event, pageNumber });
+    onFooterClick === null || onFooterClick === void 0 ? void 0 : onFooterClick({
+      event,
+      pageNumber
+    });
   };
 };
 
-// src/pagination/pageCount.ts
-var MAX_PAGES = 1e3;
-function grownPageCount(input) {
-  const { currentPageCount, lastPageGap, pageContentAreaHeight, maxPagesByContent } = input;
-  if (!(lastPageGap > 0) || !(pageContentAreaHeight > 0)) {
-    return currentPageCount;
-  }
-  const addPage = Math.ceil(lastPageGap / pageContentAreaHeight);
-  if (!Number.isFinite(addPage) || addPage <= 0) {
-    return currentPageCount;
-  }
-  const contentCap = Math.max(currentPageCount, maxPagesByContent + 1);
-  const desired = currentPageCount + addPage;
-  if (desired > contentCap) {
-    return contentCap;
-  }
-  if (desired > MAX_PAGES) {
-    return currentPageCount;
-  }
-  return desired;
-}
-
-// src/pagination/PaginationPlus.ts
+// ../../node_modules/.pnpm/tiptap-pagination-plus@3.1.0_patch_hash=4857789ba5672a185fb96bdd854e03e0c6ec8ed26abfeea_16730b2b361cd3f71113c52459ed62fd/node_modules/tiptap-pagination-plus/dist/PaginationPlus.js
 var page_count_meta_key = "PAGE_COUNT_META_KEY";
-var key = new import_state3.PluginKey("brDecoration");
+var key = new import_state4.PluginKey("brDecoration");
 function buildDecorations(doc) {
   const decorations = [];
   doc.descendants((node, pos) => {
@@ -669,7 +986,7 @@ function buildDecorations(doc) {
 }
 var defaultPageConfig = {
   enabled: true,
-  pageBreakBackground: "#f1f5f9",
+  pageBreakBackground: "#ffffff",
   pageHeight: 800,
   pageWidth: 789,
   marginTop: 20,
@@ -686,17 +1003,14 @@ var defaultPageConfig = {
   customHeader: {},
   customFooter: {}
 };
-var defaultOptions = {
-  pageGapBorderSize: 1,
-  pageGapBorderColor: "#e5e5e5",
-  ...defaultPageConfig
-};
+var defaultOptions = Object.assign({ pageGapBorderSize: 1, pageGapBorderColor: "#e5e5e5" }, defaultPageConfig);
 var refreshPage = (targetNode, paginationEnabled = true) => {
+  var _a;
   const paginationElement = targetNode.querySelector("[data-rm-pagination]");
   if (paginationEnabled) {
     targetNode.removeAttribute("rm-pagination-disabled");
     if (paginationElement) {
-      const lastPageBreak = paginationElement.lastElementChild?.querySelector(".breaker");
+      const lastPageBreak = (_a = paginationElement.lastElementChild) === null || _a === void 0 ? void 0 : _a.querySelector(".breaker");
       if (lastPageBreak) {
         const minHeight = lastPageBreak.offsetTop + lastPageBreak.offsetHeight;
         targetNode.style.minHeight = `calc(${minHeight}px + 2px)`;
@@ -704,305 +1018,65 @@ var refreshPage = (targetNode, paginationEnabled = true) => {
     }
   } else {
     targetNode.setAttribute("rm-pagination-disabled", "");
-    targetNode.style.minHeight = "auto";
+    targetNode.style.minHeight = `auto`;
   }
 };
 var getPageConfig = (_storage, _currentOptions) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
   const pageConfig = {
-    enabled: _storage.enabled ?? defaultOptions.enabled,
-    pageBreakBackground: _storage.pageBreakBackground ?? defaultOptions.pageBreakBackground,
-    pageHeight: _storage.pageHeight ?? defaultOptions.pageHeight,
-    pageWidth: _storage.pageWidth ?? defaultPageConfig.pageWidth,
-    marginTop: _storage.marginTop ?? defaultPageConfig.marginTop,
-    marginBottom: _storage.marginBottom ?? defaultPageConfig.marginBottom,
-    marginLeft: _storage.marginLeft ?? defaultPageConfig.marginLeft,
-    marginRight: _storage.marginRight ?? defaultPageConfig.marginRight,
-    pageGap: _storage.pageGap ?? defaultPageConfig.pageGap,
-    contentMarginTop: _storage.contentMarginTop ?? defaultPageConfig.contentMarginTop,
-    contentMarginBottom: _storage.contentMarginBottom ?? defaultPageConfig.contentMarginBottom,
-    footerRight: _storage.footerRight ?? defaultPageConfig.footerRight,
-    footerLeft: _storage.footerLeft ?? defaultPageConfig.footerLeft,
-    headerRight: _storage.headerRight ?? defaultPageConfig.headerRight,
-    headerLeft: _storage.headerLeft ?? defaultPageConfig.headerLeft,
-    customHeader: _storage.customHeader ?? defaultPageConfig.customHeader,
-    customFooter: _storage.customFooter ?? defaultPageConfig.customFooter
+    enabled: (_a = _storage.enabled) !== null && _a !== void 0 ? _a : defaultOptions.enabled,
+    pageBreakBackground: (_b = _storage.pageBreakBackground) !== null && _b !== void 0 ? _b : defaultOptions.pageBreakBackground,
+    pageHeight: (_c = _storage.pageHeight) !== null && _c !== void 0 ? _c : defaultOptions.pageHeight,
+    pageWidth: (_d = _storage.pageWidth) !== null && _d !== void 0 ? _d : defaultPageConfig.pageWidth,
+    marginTop: (_e = _storage.marginTop) !== null && _e !== void 0 ? _e : defaultPageConfig.marginTop,
+    marginBottom: (_f = _storage.marginBottom) !== null && _f !== void 0 ? _f : defaultPageConfig.marginBottom,
+    marginLeft: (_g = _storage.marginLeft) !== null && _g !== void 0 ? _g : defaultPageConfig.marginLeft,
+    marginRight: (_h = _storage.marginRight) !== null && _h !== void 0 ? _h : defaultPageConfig.marginRight,
+    pageGap: (_j = _storage.pageGap) !== null && _j !== void 0 ? _j : defaultPageConfig.pageGap,
+    contentMarginTop: (_k = _storage.contentMarginTop) !== null && _k !== void 0 ? _k : defaultPageConfig.contentMarginTop,
+    contentMarginBottom: (_l = _storage.contentMarginBottom) !== null && _l !== void 0 ? _l : defaultPageConfig.contentMarginBottom,
+    footerRight: (_m = _storage.footerRight) !== null && _m !== void 0 ? _m : defaultPageConfig.footerRight,
+    footerLeft: (_o = _storage.footerLeft) !== null && _o !== void 0 ? _o : defaultPageConfig.footerLeft,
+    headerRight: (_p = _storage.headerRight) !== null && _p !== void 0 ? _p : defaultPageConfig.headerRight,
+    headerLeft: (_q = _storage.headerLeft) !== null && _q !== void 0 ? _q : defaultPageConfig.headerLeft,
+    customHeader: (_r = _storage.customHeader) !== null && _r !== void 0 ? _r : defaultPageConfig.customHeader,
+    customFooter: (_s = _storage.customFooter) !== null && _s !== void 0 ? _s : defaultPageConfig.customFooter
   };
   return {
     config: pageConfig,
-    options: { ..._currentOptions, ...pageConfig }
+    options: Object.assign(Object.assign({}, _currentOptions), pageConfig)
   };
 };
 var getPageConfigFromOptions = (_currentOptions) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
   return {
-    enabled: _currentOptions.enabled ?? defaultOptions.enabled,
-    pageBreakBackground: _currentOptions.pageBreakBackground ?? defaultOptions.pageBreakBackground,
-    pageHeight: _currentOptions.pageHeight ?? defaultOptions.pageHeight,
-    pageWidth: _currentOptions.pageWidth ?? defaultPageConfig.pageWidth,
-    marginTop: _currentOptions.marginTop ?? defaultPageConfig.marginTop,
-    marginBottom: _currentOptions.marginBottom ?? defaultPageConfig.marginBottom,
-    marginLeft: _currentOptions.marginLeft ?? defaultPageConfig.marginLeft,
-    marginRight: _currentOptions.marginRight ?? defaultPageConfig.marginRight,
-    pageGap: _currentOptions.pageGap ?? defaultPageConfig.pageGap,
-    contentMarginTop: _currentOptions.contentMarginTop ?? defaultPageConfig.contentMarginTop,
-    contentMarginBottom: _currentOptions.contentMarginBottom ?? defaultPageConfig.contentMarginBottom,
-    footerRight: _currentOptions.footerRight ?? defaultPageConfig.footerRight,
-    footerLeft: _currentOptions.footerLeft ?? defaultPageConfig.footerLeft,
-    headerRight: _currentOptions.headerRight ?? defaultPageConfig.headerRight,
-    headerLeft: _currentOptions.headerLeft ?? defaultPageConfig.headerLeft,
-    customHeader: _currentOptions.customHeader ?? defaultPageConfig.customHeader,
-    customFooter: _currentOptions.customFooter ?? defaultPageConfig.customFooter
+    enabled: (_a = _currentOptions.enabled) !== null && _a !== void 0 ? _a : defaultOptions.enabled,
+    pageBreakBackground: (_b = _currentOptions.pageBreakBackground) !== null && _b !== void 0 ? _b : defaultOptions.pageBreakBackground,
+    pageHeight: (_c = _currentOptions.pageHeight) !== null && _c !== void 0 ? _c : defaultOptions.pageHeight,
+    pageWidth: (_d = _currentOptions.pageWidth) !== null && _d !== void 0 ? _d : defaultPageConfig.pageWidth,
+    marginTop: (_e = _currentOptions.marginTop) !== null && _e !== void 0 ? _e : defaultPageConfig.marginTop,
+    marginBottom: (_f = _currentOptions.marginBottom) !== null && _f !== void 0 ? _f : defaultPageConfig.marginBottom,
+    marginLeft: (_g = _currentOptions.marginLeft) !== null && _g !== void 0 ? _g : defaultPageConfig.marginLeft,
+    marginRight: (_h = _currentOptions.marginRight) !== null && _h !== void 0 ? _h : defaultPageConfig.marginRight,
+    pageGap: (_j = _currentOptions.pageGap) !== null && _j !== void 0 ? _j : defaultPageConfig.pageGap,
+    contentMarginTop: (_k = _currentOptions.contentMarginTop) !== null && _k !== void 0 ? _k : defaultPageConfig.contentMarginTop,
+    contentMarginBottom: (_l = _currentOptions.contentMarginBottom) !== null && _l !== void 0 ? _l : defaultPageConfig.contentMarginBottom,
+    footerRight: (_m = _currentOptions.footerRight) !== null && _m !== void 0 ? _m : defaultPageConfig.footerRight,
+    footerLeft: (_o = _currentOptions.footerLeft) !== null && _o !== void 0 ? _o : defaultPageConfig.footerLeft,
+    headerRight: (_p = _currentOptions.headerRight) !== null && _p !== void 0 ? _p : defaultPageConfig.headerRight,
+    headerLeft: (_q = _currentOptions.headerLeft) !== null && _q !== void 0 ? _q : defaultPageConfig.headerLeft,
+    customHeader: (_r = _currentOptions.customHeader) !== null && _r !== void 0 ? _r : defaultPageConfig.customHeader,
+    customFooter: (_s = _currentOptions.customFooter) !== null && _s !== void 0 ? _s : defaultPageConfig.customFooter
   };
 };
-var paginationKey = new import_state3.PluginKey("pagination");
-var getExistingPageCount = (view) => {
-  const editorDom = view.dom;
-  const paginationElement = editorDom.querySelector("[data-rm-pagination]");
-  if (paginationElement) {
-    return paginationElement.children.length;
-  }
-  return 0;
-};
-var lastContentChild = (editorDom) => {
-  for (let i = editorDom.children.length - 1; i >= 0; i--) {
-    const child = editorDom.children[i];
-    if (!(child instanceof HTMLElement)) continue;
-    if (child.hasAttribute("data-rm-pagination")) continue;
-    if (child.classList.contains("rm-page-break")) continue;
-    return child;
-  }
-  return null;
-};
-var pageGapTracker = /* @__PURE__ */ new WeakMap();
-var calculatePageCount = (view, pageOptions, headerHeight = 0, footerHeight = 0) => {
-  const editorDom = view.dom;
-  const _pageHeaderHeight = pageOptions.contentMarginTop + pageOptions.marginTop + headerHeight;
-  const _pageFooterHeight = pageOptions.contentMarginBottom + pageOptions.marginBottom + footerHeight;
-  const pageContentAreaHeight = pageOptions.pageHeight - _pageHeaderHeight - _pageFooterHeight;
-  const paginationElement = editorDom.querySelector("[data-rm-pagination]");
-  const currentPageCount = getExistingPageCount(view);
-  if (paginationElement) {
-    const lastElementOfEditor = lastContentChild(editorDom);
-    const lastPageBreak = paginationElement.lastElementChild?.querySelector(".breaker");
-    if (lastElementOfEditor && lastPageBreak) {
-      const lastElementRect = lastElementOfEditor.getBoundingClientRect();
-      const lastPageBreakRect = lastPageBreak.getBoundingClientRect();
-      const lastPageGap = lastElementRect.bottom - lastPageBreakRect.bottom;
-      if (lastPageGap > 0) {
-        const addPage = Math.ceil(lastPageGap / pageContentAreaHeight);
-        let totalEditorContentHeight = 0;
-        for (const child of Array.from(editorDom.children)) {
-          if (!(child instanceof HTMLElement)) continue;
-          if (child.hasAttribute("data-rm-pagination")) continue;
-          if (child.classList.contains("rm-page-break")) continue;
-          totalEditorContentHeight += child.getBoundingClientRect().height;
-        }
-        const maxPagesByContent = Math.ceil(totalEditorContentHeight / pageContentAreaHeight);
-        const prev = pageGapTracker.get(editorDom);
-        if (prev && prev.pages < currentPageCount && lastPageGap > prev.gap - 2 && currentPageCount >= maxPagesByContent) {
-          return currentPageCount;
-        }
-        const recent = prev?.recent ?? [];
-        let flapping = prev?.flapping ?? [];
-        if (recent.length >= 4 && recent.filter((p) => p === currentPageCount + addPage).length >= 2 && currentPageCount >= maxPagesByContent) {
-          flapping = [.../* @__PURE__ */ new Set([...flapping, currentPageCount + addPage, currentPageCount])];
-          pageGapTracker.set(editorDom, { gap: lastPageGap, pages: currentPageCount, recent, flapping });
-          return currentPageCount;
-        }
-        pageGapTracker.set(editorDom, { gap: lastPageGap, pages: currentPageCount, recent, flapping });
-        return grownPageCount({
-          currentPageCount,
-          lastPageGap,
-          pageContentAreaHeight,
-          maxPagesByContent
-        });
-      } else {
-        const allBreaksAfterLastElement = Array.from(paginationElement.querySelectorAll(".breaker"));
-        const allBreaksAfterLastElementRect = allBreaksAfterLastElement.filter(
-          (element) => element.getBoundingClientRect().top > lastElementRect.bottom
-        );
-        const removePage = allBreaksAfterLastElementRect.length;
-        if (removePage > 1) {
-          return currentPageCount - (removePage - 1);
-        } else {
-          return currentPageCount;
-        }
-      }
-    }
-    return 1;
-  } else {
-    const editorHeight = editorDom.scrollHeight;
-    let pageCount = Math.ceil(editorHeight / pageContentAreaHeight);
-    pageCount = pageCount <= 0 ? 1 : pageCount;
-    return pageCount;
-  }
-};
-var getNewPageCount = (view, pageOptions) => {
-  if (pageOptions.enabled) {
-    const pageCount = calculatePageCount(view, pageOptions);
-    return pageCount <= 1 ? 1 : pageCount;
-  } else return 0;
-};
-function createDecoration(pageOptions, headerHeightMap, footerHeightMap) {
-  if (!pageOptions.enabled) return [];
-  const commonHeaderOptions = {
-    headerLeft: pageOptions.headerLeft,
-    headerRight: pageOptions.headerRight
-  };
-  const commonFooterOptions = {
-    footerLeft: pageOptions.footerLeft,
-    footerRight: pageOptions.footerRight
-  };
-  return [
-    import_view3.Decoration.widget(
-      0,
-      (view) => {
-        const _pageGap = pageOptions.pageGap;
-        const _pageBreakBackground = pageOptions.pageBreakBackground;
-        const el = document.createElement("div");
-        el.dataset.rmPagination = "true";
-        const pageBreakDefinition = (firstPage, pageHeader, pageFooter, headerHeight, footerHeight, pageNumber) => {
-          const { _pageHeaderHeight, _pageHeight } = getHeight(pageOptions, headerHeight, footerHeight);
-          const pageContainer = document.createElement("div");
-          pageContainer.classList.add("rm-page-break");
-          const page = document.createElement("div");
-          page.classList.add("page");
-          page.style.position = "relative";
-          page.style.float = "left";
-          page.style.clear = "both";
-          const marginTop = firstPage ? `calc(${_pageHeaderHeight}px + ${_pageHeight}px)` : _pageHeight + "px";
-          if (pageNumber) {
-            page.style.marginTop = `var(--rm-page-content-${pageNumber}, ${marginTop})`;
-          } else {
-            page.style.marginTop = firstPage ? `var(--rm-page-content-first, ${marginTop})` : `var(--rm-page-content-general, ${marginTop})`;
-          }
-          const pageBreak = document.createElement("div");
-          pageBreak.classList.add("breaker");
-          pageBreak.style.width = `calc(100% + var(--rm-margin-left) + var(--rm-margin-right))`;
-          pageBreak.style.marginLeft = `calc(-1 * var(--rm-margin-left))`;
-          pageBreak.style.marginRight = `calc(-1 * var(--rm-margin-right))`;
-          pageBreak.style.position = "relative";
-          pageBreak.style.float = "left";
-          pageBreak.style.clear = "both";
-          pageBreak.style.left = "0px";
-          pageBreak.style.right = "0px";
-          pageBreak.style.zIndex = "2";
-          const pageSpace = document.createElement("div");
-          pageSpace.classList.add("rm-pagination-gap");
-          pageSpace.style.height = _pageGap + "px";
-          pageSpace.style.borderLeft = "1px solid";
-          pageSpace.style.borderRight = "1px solid";
-          pageSpace.style.position = "relative";
-          pageSpace.style.setProperty("width", "calc(100% + 2px)", "important");
-          pageSpace.style.left = "-1px";
-          pageSpace.style.backgroundColor = _pageBreakBackground;
-          pageSpace.style.borderLeftColor = _pageBreakBackground;
-          pageSpace.style.borderRightColor = _pageBreakBackground;
-          pageBreak.append(pageFooter, pageSpace, pageHeader);
-          pageContainer.append(page, pageBreak);
-          return pageContainer;
-        };
-        const _headerHeight = headerHeightMap.get(0) || 0;
-        const _footerHeight = footerHeightMap.get(0) || 0;
-        const fragment = document.createDocumentFragment();
-        const pageCount = getNewPageCount(view, pageOptions);
-        for (let i = 0; i < pageCount; i++) {
-          const pageNumber = i + 1;
-          const headerPageNumber = i + 2;
-          if (headerPageNumber in pageOptions.customHeader || pageNumber in pageOptions.customFooter || pageNumber in pageOptions.customHeader) {
-            let _headerOptions = commonHeaderOptions;
-            let _footerOptions = commonFooterOptions;
-            let _pageHeaderHeight = _headerHeight;
-            let _pageFooterHeight = _footerHeight;
-            if (headerPageNumber in pageOptions.customHeader) {
-              _headerOptions = pageOptions.customHeader[headerPageNumber] || commonHeaderOptions;
-              _pageHeaderHeight = headerHeightMap.get(headerPageNumber) || 0;
-            }
-            if (pageNumber in pageOptions.customFooter) {
-              _footerOptions = pageOptions.customFooter[pageNumber] || commonFooterOptions;
-              _pageFooterHeight = footerHeightMap.get(pageNumber) || 0;
-            }
-            const _pageHeader = getHeader(
-              _headerOptions.headerRight,
-              _headerOptions.headerLeft,
-              headerClickEvent(headerPageNumber, pageOptions.onHeaderClick),
-              headerPageNumber
-            );
-            const _pageFooter = getFooter(
-              _footerOptions.footerRight,
-              _footerOptions.footerLeft,
-              footerClickEvent(pageNumber, pageOptions.onFooterClick),
-              pageNumber
-            );
-            const pageBreak = pageBreakDefinition(
-              i === 0,
-              _pageHeader,
-              _pageFooter,
-              _pageHeaderHeight,
-              _pageFooterHeight,
-              pageNumber
-            );
-            fragment.appendChild(pageBreak);
-          } else {
-            const __pageHeader = getHeader(
-              commonHeaderOptions.headerRight,
-              commonHeaderOptions.headerLeft,
-              headerClickEvent(headerPageNumber, pageOptions.onHeaderClick)
-            );
-            const __pageFooter = getFooter(
-              commonFooterOptions.footerRight,
-              commonFooterOptions.footerLeft,
-              footerClickEvent(pageNumber, pageOptions.onFooterClick)
-            );
-            fragment.appendChild(pageBreakDefinition(i === 0, __pageHeader, __pageFooter, _headerHeight, _footerHeight));
-          }
-        }
-        el.append(fragment);
-        el.id = "pages";
-        el.classList.add("rm-pages-wrapper");
-        return el;
-      },
-      { side: -1 }
-    ),
-    import_view3.Decoration.widget(
-      0,
-      () => {
-        const pageNumber = 1;
-        let _headerOptions = commonHeaderOptions;
-        if (pageNumber in pageOptions.customHeader) {
-          _headerOptions = pageOptions.customHeader[pageNumber];
-        }
-        const el = getHeader(
-          _headerOptions.headerRight,
-          _headerOptions.headerLeft,
-          headerClickEvent(pageNumber, pageOptions.onHeaderClick)
-        );
-        el.classList.add("rm-first-page-header");
-        return el;
-      },
-      { side: -1 }
-    )
-  ];
-}
-var PAGE_SIZES = {
-  A4: getPageSize(1123, 794, 95, 95, 76, 76),
-  A3: getPageSize(1591, 1123, 95, 95, 76, 76),
-  A5: getPageSize(794, 419, 76, 76, 57, 57),
-  LETTER: getPageSize(1060, 818, 96, 96, 96, 96),
-  LEGAL: getPageSize(1404, 818, 96, 96, 96, 96),
-  TABLOID: getPageSize(1635, 1060, 96, 96, 96, 96)
-};
-var PaginationPlus = import_core4.Extension.create({
+var paginationKey = new import_state4.PluginKey("pagination");
+var PaginationPlus = import_core5.Extension.create({
   name: "PaginationPlus",
   addOptions() {
     return defaultOptions;
   },
   addStorage() {
-    return {
-      ...defaultOptions,
-      headerHeight: /* @__PURE__ */ new Map(),
-      footerHeight: /* @__PURE__ */ new Map(),
-      appliedConfig: defaultPageConfig
-    };
+    return Object.assign(Object.assign({}, defaultOptions), { headerHeight: /* @__PURE__ */ new Map(), footerHeight: /* @__PURE__ */ new Map(), appliedConfig: defaultPageConfig });
   },
   onCreate() {
     const { options: _currentOptions } = getPageConfig(this.storage, this.options);
@@ -1010,180 +1084,210 @@ var PaginationPlus = import_core4.Extension.create({
     const targetNode = this.editor.view.dom;
     targetNode.classList.add("rm-with-pagination");
     targetNode.style.border = `1px solid var(--rm-page-gap-border-color)`;
-    targetNode.style.paddingLeft = "var(--rm-margin-left)";
-    targetNode.style.paddingRight = "var(--rm-margin-right)";
-    targetNode.style.width = "var(--rm-page-width)";
-    updateCssVariables(targetNode, { ..._currentOptions, ...pageConfig });
-    if (!document.querySelector("style[data-rm-pagination-style]")) {
-      const style = document.createElement("style");
-      style.dataset.rmPaginationStyle = "";
-      style.textContent = `
-        .rm-pagination-gap{
-          border-top: 1px solid;
-          border-bottom: 1px solid;
-          border-color: var(--rm-page-gap-border-color);
-        }
-        .rm-with-pagination,
-        .rm-with-pagination .rm-first-page-header {
-          counter-reset: page-number page-number-plus 1;
-        }
-        .rm-with-pagination .image-plus-wrapper,
-        .rm-with-pagination .table-plus td,
-        .rm-with-pagination .table-plus th {
-          max-height: var(--rm-max-content-child-height);
-          overflow-y: auto;
-        }
-        .rm-with-pagination .image-plus-wrapper {
-          overflow-y: visible;
-        }
-        .rm-with-pagination .rm-page-break {
-          counter-increment: page-number page-number-plus;
-        }
-        .rm-with-pagination .rm-page-break:last-child .rm-pagination-gap {
-          display: none;
-        }
-        .rm-with-pagination .rm-page-break:last-child .rm-page-header {
-          display: none;
-        }
-        .rm-with-pagination table tr td,
-        .rm-with-pagination table tr th {
-          word-break: break-all;
-        }
-        .rm-with-pagination table > tr {
-          display: grid;
-          min-width: 100%;
-        }
-        .rm-with-pagination table {
-          border-collapse: collapse;
-          width: 100%;
-          display: contents;
-        }
-        .rm-with-pagination table tbody > tr{
-          display: table-row !important;
-        }
-        .rm-with-pagination *:has(>br.ProseMirror-trailingBreak:only-child) {
-          display: table;
-          width: 100%;
-        }
-        .rm-with-pagination .rm-br-decoration {
-          display: table;
-          width: 100%;
-        }
-        .rm-with-pagination .table-row-group {
-          max-height: var(--rm-max-content-child-height);
-          overflow-y: auto;
-          width: 100%;
-        }
-        .rm-with-pagination .rm-page-footer-left,
-        .rm-with-pagination .rm-page-footer-right,
-        .rm-with-pagination .rm-page-header-left,
-        .rm-with-pagination .rm-page-header-right {
-          display: inline-block;
-        }
-        .rm-with-pagination .rm-page-header-left,
-        .rm-with-pagination .rm-page-footer-left{
-          float: left;
-          margin-left: var(--rm-margin-left);
-        }
-        .rm-with-pagination .rm-page-header-right,
-        .rm-with-pagination .rm-page-footer-right{
-          float: right;
-          margin-right: var(--rm-margin-right);
-        }
-        .rm-with-pagination .rm-first-page-header .rm-page-header-right{
-          margin-right: 0px !important;
-        }
-        .rm-with-pagination .rm-first-page-header .rm-page-header-left{
-          margin-left: 0px !important;
-        }
-        .rm-with-pagination .rm-page-number::before {
-          content: counter(page-number);
-        }
-        .rm-with-pagination .rm-page-number-plus::before {
-          content: counter(page-number-plus);
-        }
-        .rm-with-pagination .rm-page-header,
-        .rm-with-pagination .rm-page-footer{
-          width: 100%;
-        }
-        .rm-with-pagination .rm-page-header{
-          padding-bottom: var(--rm-content-margin-top) !important;
-          padding-top: var(--rm-margin-top) !important;
-          display: inline-flex;
-          justify-content: space-between;
-          max-height: calc(calc(var(--rm-page-height) * 0.45) - var(--rm-margin-top) - var(--rm-content-margin-top));
-          overflow-y: hidden;
-        }
-        .rm-with-pagination .rm-page-footer{
-          padding-top: var(--rm-content-margin-bottom) !important;
-          padding-bottom: var(--rm-margin-bottom) !important;
-          display: inline-flex;
-          justify-content: space-between;
-          max-height: calc(calc(var(--rm-page-height) * 0.45) - var(--rm-content-margin-bottom) - var(--rm-margin-bottom));
-          overflow-y: hidden;
-        }
-        .rm-with-pagination[rm-pagination-disabled] {
-          padding-top: var(--rm-margin-top) !important;
-          padding-bottom: var(--rm-margin-bottom) !important;
-        }
-      `;
-      document.head.appendChild(style);
-    }
+    targetNode.style.paddingLeft = `var(--rm-margin-left)`;
+    targetNode.style.paddingRight = `var(--rm-margin-right)`;
+    targetNode.style.width = `var(--rm-page-width)`;
+    updateCssVariables(targetNode, Object.assign(Object.assign({}, _currentOptions), pageConfig));
+    const style = document.createElement("style");
+    style.dataset.rmPaginationStyle = "";
+    style.textContent = `
+      .rm-pagination-gap{
+        border-top: 1px solid;
+        border-bottom: 1px solid;
+        border-color: var(--rm-page-gap-border-color);
+      }
+      .rm-with-pagination,
+      .rm-with-pagination .rm-first-page-header {
+        counter-reset: page-number page-number-plus 1;
+      }
+      .rm-with-pagination .image-plus-wrapper,
+      .rm-with-pagination .table-plus td,
+      .rm-with-pagination .table-plus th {
+        max-height: var(--rm-max-content-child-height);
+        overflow-y: auto;
+      }
+      .rm-with-pagination .image-plus-wrapper {
+        overflow-y: visible;
+      }
+      .rm-with-pagination .rm-page-break {
+        counter-increment: page-number page-number-plus;
+      }
+      
+      .rm-with-pagination .rm-page-break:last-child .rm-pagination-gap {
+        display: none;
+      }
+      .rm-with-pagination .rm-page-break:last-child .rm-page-header {
+        display: none;
+      }
+      
+      .rm-with-pagination table tr td,
+      .rm-with-pagination table tr th {
+        word-break: break-all;
+      }
+      .rm-with-pagination table > tr {
+        display: grid;
+        min-width: 100%;
+      }
+      .rm-with-pagination table {
+        border-collapse: collapse;
+        width: 100%;
+        display: contents;
+      }
+      .rm-with-pagination table tbody > tr{
+        display: table-row !important;
+      }
+      .rm-with-pagination *:has(>br.ProseMirror-trailingBreak:only-child) {
+        display: table;
+        width: 100%;
+      }
+      .rm-with-pagination .rm-br-decoration {
+        display: table;
+        width: 100%;
+      }
+      .rm-with-pagination .table-row-group {
+        max-height: var(--rm-max-content-child-height);
+        overflow-y: auto;
+        width: 100%;
+      }
+      .rm-with-pagination .rm-page-footer-left,
+      .rm-with-pagination .rm-page-footer-right,
+      .rm-with-pagination .rm-page-header-left,
+      .rm-with-pagination .rm-page-header-right {
+        display: inline-block;
+      }
+      
+      .rm-with-pagination .rm-page-header-left,
+      .rm-with-pagination .rm-page-footer-left{
+        float: left;
+        margin-left: var(--rm-margin-left);
+      }
+      .rm-with-pagination .rm-page-header-right,
+      .rm-with-pagination .rm-page-footer-right{
+        float: right;
+        margin-right: var(--rm-margin-right);
+      }
+      .rm-with-pagination .rm-first-page-header .rm-page-header-right{
+        margin-right: 0px !important;
+      }
+      .rm-with-pagination .rm-first-page-header .rm-page-header-left{
+        margin-left: 0px !important;
+      }
+      .rm-with-pagination .rm-page-number::before {
+        content: counter(page-number);
+      }
+      .rm-with-pagination .rm-page-number-plus::before {
+        content: counter(page-number-plus);
+      }
+      .rm-with-pagination .rm-page-header,
+      .rm-with-pagination .rm-page-footer{
+        width: 100%;
+      }
+      .rm-with-pagination .rm-page-header{
+        padding-bottom: var(--rm-content-margin-top) !important;
+        padding-top: var(--rm-margin-top) !important;
+        display: inline-flex;
+        justify-content: space-between;
+        max-height: calc(calc(var(--rm-page-height) * 0.45) - var(--rm-margin-top) - var(--rm-content-margin-top));
+        overflow-y: hidden;
+      }
+      .rm-with-pagination .rm-page-footer{
+        padding-top: var(--rm-content-margin-bottom) !important;
+        padding-bottom: var(--rm-margin-bottom) !important;
+        display: inline-flex;
+        justify-content: space-between;
+        max-height: calc(calc(var(--rm-page-height) * 0.45) - var(--rm-content-margin-bottom) - var(--rm-margin-bottom));
+        overflow-y: hidden;
+      }
+      .rm-with-pagination[rm-pagination-disabled] {
+        padding-top: var(--rm-margin-top) !important;
+        padding-bottom: var(--rm-margin-bottom) !important;
+      }
+    `;
+    document.head.appendChild(style);
     refreshPage(targetNode, _currentOptions.enabled);
   },
   addProseMirrorPlugins() {
+    const editor = this.editor;
     const storage = this.storage;
-    const options = this.options;
     return [
-      new import_state3.Plugin({
+      new import_state4.Plugin({
         key: paginationKey,
         state: {
-          init: () => import_view3.DecorationSet.empty,
-          apply: (tr, old) => {
-            const { options: _currentOptions, config: pageConfig } = getPageConfig(storage, options);
-            if (!pageConfig.enabled) {
-              return import_view3.DecorationSet.empty;
+          init: (_, state) => {
+            const _currentOptions = getPageConfigFromOptions(this.options);
+            const pageConfig = getPageConfigFromOptions(this.options);
+            const widgetList = createDecoration(Object.assign(Object.assign({}, this.options), _currentOptions), /* @__PURE__ */ new Map(), /* @__PURE__ */ new Map());
+            storage.pageBreakBackground = _currentOptions.pageBreakBackground;
+            storage.pageHeight = _currentOptions.pageHeight;
+            storage.pageWidth = _currentOptions.pageWidth;
+            storage.marginTop = _currentOptions.marginTop;
+            storage.marginBottom = _currentOptions.marginBottom;
+            storage.marginLeft = _currentOptions.marginLeft;
+            storage.marginRight = _currentOptions.marginRight;
+            storage.pageGap = _currentOptions.pageGap;
+            storage.contentMarginTop = _currentOptions.contentMarginTop;
+            storage.contentMarginBottom = _currentOptions.contentMarginBottom;
+            storage.footerRight = _currentOptions.footerRight;
+            storage.footerLeft = _currentOptions.footerLeft;
+            storage.headerRight = _currentOptions.headerRight;
+            storage.headerLeft = _currentOptions.headerLeft;
+            storage.customHeader = _currentOptions.customHeader;
+            storage.customFooter = _currentOptions.customFooter;
+            storage.headerHeight = /* @__PURE__ */ new Map();
+            storage.footerHeight = /* @__PURE__ */ new Map();
+            storage.appliedConfig = pageConfig;
+            return {
+              decorations: import_view3.DecorationSet.create(state.doc, widgetList)
+            };
+          },
+          apply: (tr, oldDeco, oldState, newState) => {
+            const { options: _currentOptions, config: pageConfig } = getPageConfig(storage, this.options);
+            if (storage.enabled === storage.appliedConfig.enabled && storage.enabled === false && storage.appliedConfig.enabled === false) {
+              return oldDeco;
             }
-            const footerHeight = storage.footerHeight;
-            const headerHeight = storage.headerHeight;
-            const isPageCountChanged = tr.getMeta(page_count_meta_key);
-            if (isPageCountChanged || tr.docChanged) {
-              return import_view3.DecorationSet.create(
-                tr.doc,
-                createDecoration(
-                  { ..._currentOptions, ...pageConfig },
-                  headerHeight ?? /* @__PURE__ */ new Map(),
-                  footerHeight ?? /* @__PURE__ */ new Map()
-                )
-              );
+            const pageCount = getNewPageCount(editor.view, Object.assign(Object.assign({}, _currentOptions), pageConfig));
+            const currentPageCount = getExistingPageCount(editor.view);
+            const getNewDecoration = () => {
+              const { options: _currentOptions2, config: pageConfig2 } = getPageConfig(storage, this.options);
+              updateCssVariables(editor.view.dom, _currentOptions2);
+              let headerHeight = "headerHeight" in this.storage ? this.storage.headerHeight : /* @__PURE__ */ new Map();
+              let footerHeight = "footerHeight" in this.storage ? this.storage.footerHeight : /* @__PURE__ */ new Map();
+              const widgetList = createDecoration(Object.assign(Object.assign({}, _currentOptions2), pageConfig2), headerHeight, footerHeight);
+              storage.appliedConfig = pageConfig2;
+              storage.headerHeight = headerHeight;
+              storage.footerHeight = footerHeight;
+              return {
+                decorations: import_view3.DecorationSet.create(newState.doc, [...widgetList]),
+                footerHeight
+              };
+            };
+            if (
+              // If pagination is enabled only then check for other changes
+              (pageCount > 1 ? pageCount : 1) !== currentPageCount || storage.enabled !== storage.appliedConfig.enabled || storage.pageBreakBackground !== storage.appliedConfig.pageBreakBackground || storage.pageHeight !== storage.appliedConfig.pageHeight || storage.pageWidth !== storage.appliedConfig.pageWidth || storage.marginTop !== storage.appliedConfig.marginTop || storage.marginBottom !== storage.appliedConfig.marginBottom || storage.marginLeft !== storage.appliedConfig.marginLeft || storage.marginRight !== storage.appliedConfig.marginRight || storage.pageGap !== storage.appliedConfig.pageGap || storage.contentMarginTop !== storage.appliedConfig.contentMarginTop || storage.contentMarginBottom !== storage.appliedConfig.contentMarginBottom || storage.headerLeft !== storage.appliedConfig.headerLeft || storage.headerRight !== storage.appliedConfig.headerRight || storage.footerLeft !== storage.appliedConfig.footerLeft || storage.footerRight !== storage.appliedConfig.footerRight || !deepEqualIterative(storage.appliedConfig.customHeader, storage.customHeader) || !deepEqualIterative(storage.appliedConfig.customFooter, storage.customFooter)
+            ) {
+              return getNewDecoration();
             }
-            return old;
+            return oldDeco;
           }
         },
         props: {
           decorations(state) {
-            return paginationKey.getState(state) ?? import_view3.DecorationSet.empty;
+            var _a;
+            return (_a = this.getState(state)) === null || _a === void 0 ? void 0 : _a.decorations;
           }
         },
-        view: () => {
+        view: (editorView) => {
           return {
             update: (view) => {
-              const { options: _currentOptions, config: pageConfig } = getPageConfig(storage, options);
+              const { options: _currentOptions, config: pageConfig } = getPageConfig(storage, this.options);
               if (!pageConfig.enabled && !view.dom.hasAttribute("rm-pagination-disabled")) {
                 refreshPage(view.dom, false);
                 return;
               }
-              const pageCount = getNewPageCount(view, { ..._currentOptions, ...pageConfig });
+              const pageCount = getNewPageCount(view, Object.assign(Object.assign({}, _currentOptions), pageConfig));
               const currentPageCount = getExistingPageCount(view);
               const triggerUpdate = (_footerHeight) => {
                 requestAnimationFrame(() => {
-                  const history = pageGapTracker.get(view.dom);
-                  if (history && history.flapping && history.flapping.includes(pageCount)) {
-                    return;
-                  }
-                  if (history && history.recent) {
-                    history.recent.push(pageCount);
-                  }
                   const tr = view.state.tr.setMeta(page_count_meta_key, { footerHeight: _footerHeight });
                   view.dispatch(tr);
                 });
@@ -1207,7 +1311,7 @@ var PaginationPlus = import_core4.Extension.create({
                 }
               }
               const pagesSetToCheck = /* @__PURE__ */ new Set([1, ...footerHeightForCurrentPages.keys(), ...headerHeightForCurrentPages.keys()]);
-              let missingPageNumber;
+              let missingPageNumber = void 0;
               for (let i = 1; i <= pageCount; i++) {
                 if (!pagesSetToCheck.has(i)) {
                   missingPageNumber = i;
@@ -1218,18 +1322,18 @@ var PaginationPlus = import_core4.Extension.create({
                 pagesSetToCheck.add(missingPageNumber);
               }
               pagesSetToCheck.delete(0);
-              const pageContentHeightVariable = {};
-              let maxContentHeight;
+              let pageContentHeightVariable = {};
+              let maxContentHeight = void 0;
               for (const page of pagesSetToCheck) {
-                const hHeight = headerHeightForCurrentPages.has(page) ? headerHeightForCurrentPages.get(page) || 0 : headerHeightForCurrentPages.get(0) || 0;
-                const fHeight = footerHeightForCurrentPages.has(page) ? footerHeightForCurrentPages.get(page) || 0 : footerHeightForCurrentPages.get(0) || 0;
-                const { _pageHeaderHeight, _pageHeight } = getHeight(_currentOptions, hHeight, fHeight);
+                const headerHeight2 = headerHeightForCurrentPages.has(page) ? headerHeightForCurrentPages.get(page) || 0 : headerHeightForCurrentPages.get(0) || 0;
+                const footerHeight2 = footerHeightForCurrentPages.has(page) ? footerHeightForCurrentPages.get(page) || 0 : footerHeightForCurrentPages.get(0) || 0;
+                const { _pageHeaderHeight, _pageHeight } = getHeight(_currentOptions, headerHeight2, footerHeight2);
                 const contentHeight = page === 1 ? _pageHeight + _pageHeaderHeight : _pageHeight;
                 if (page === 1) {
-                  pageContentHeightVariable["rm-page-content-first"] = `${contentHeight}px`;
+                  pageContentHeightVariable[`rm-page-content-first`] = `${contentHeight}px`;
                 }
                 if (page === missingPageNumber) {
-                  pageContentHeightVariable["rm-page-content-general"] = `${contentHeight}px`;
+                  pageContentHeightVariable[`rm-page-content-general`] = `${contentHeight}px`;
                 } else {
                   pageContentHeightVariable[`rm-page-content-${page}`] = `${contentHeight}px`;
                 }
@@ -1238,28 +1342,25 @@ var PaginationPlus = import_core4.Extension.create({
                 }
               }
               if (maxContentHeight) {
-                ;
-                view.dom.style.setProperty("--rm-max-content-child-height", `${maxContentHeight - 10}px`);
+                view.dom.style.setProperty(`--rm-max-content-child-height`, `${maxContentHeight - 10}px`);
               }
-              Object.entries(pageContentHeightVariable).forEach(([k, value]) => {
-                ;
-                view.dom.style.setProperty(`--${k}`, value);
+              Object.entries(pageContentHeightVariable).forEach(([key2, value]) => {
+                view.dom.style.setProperty(`--${key2}`, value);
               });
               refreshPage(view.dom, _currentOptions.enabled);
+              return;
             }
           };
         }
       }),
-      new import_state3.Plugin({
+      new import_state4.Plugin({
         key,
         state: {
           init(_, state) {
             return buildDecorations(state.doc);
           },
           apply(tr, old) {
-            if (tr.docChanged || tr.steps.some(
-              (step) => step instanceof import_transform.ReplaceStep || step instanceof import_transform.ReplaceAroundStep || step instanceof import_transform.AddMarkStep || step instanceof import_transform.RemoveMarkStep || step instanceof import_transform.RemoveNodeMarkStep || step instanceof import_transform.AttrStep
-            )) {
+            if (tr.docChanged || tr.steps.some((step) => step instanceof import_transform.ReplaceStep) || tr.steps.some((step) => step instanceof import_transform.ReplaceAroundStep) || tr.steps.some((step) => step instanceof import_transform.AddMarkStep) || tr.steps.some((step) => step instanceof import_transform.RemoveMarkStep) || tr.steps.some((step) => step instanceof import_transform.RemoveNodeMarkStep) || tr.steps.some((step) => step instanceof import_transform.AttrStep)) {
               return buildDecorations(tr.doc);
             }
             return old;
@@ -1267,7 +1368,8 @@ var PaginationPlus = import_core4.Extension.create({
         },
         props: {
           decorations(state) {
-            return key.getState(state) ?? import_view3.DecorationSet.empty;
+            var _a;
+            return (_a = key.getState(state)) !== null && _a !== void 0 ? _a : import_view3.DecorationSet.empty;
           }
         }
       })
@@ -1307,14 +1409,31 @@ var PaginationPlus = import_core4.Extension.create({
         this.storage.marginRight = margins.right;
         return true;
       },
-      updateHeaderContent: (left, right) => () => {
-        if (left !== void 0) this.storage.headerLeft = left;
-        if (right !== void 0) this.storage.headerRight = right;
+      updateContentMargins: (margins) => () => {
+        this.storage.contentMarginTop = margins.top;
+        this.storage.contentMarginBottom = margins.bottom;
         return true;
       },
-      updateFooterContent: (left, right) => () => {
-        if (left !== void 0) this.storage.footerLeft = left;
-        if (right !== void 0) this.storage.footerRight = right;
+      updateHeaderContent: (left, right, pageNumber) => () => {
+        if (pageNumber) {
+          this.storage.customHeader = Object.assign(Object.assign({}, this.storage.customHeader), { [pageNumber]: { headerLeft: left, headerRight: right } });
+        } else {
+          this.storage.headerLeft = left;
+          this.storage.headerRight = right;
+        }
+        return true;
+      },
+      updateFooterContent: (left, right, pageNumber) => () => {
+        if (pageNumber) {
+          this.storage.customFooter = Object.assign(Object.assign({}, this.storage.customFooter), { [pageNumber]: { footerLeft: left, footerRight: right } });
+        } else {
+          this.storage.footerLeft = left;
+          this.storage.footerRight = right;
+        }
+        return true;
+      },
+      togglePagination: () => () => {
+        this.storage.enabled = !this.storage.enabled;
         return true;
       },
       enablePagination: () => () => {
@@ -1328,94 +1447,203 @@ var PaginationPlus = import_core4.Extension.create({
     };
   }
 });
-
-// src/pagination/PaginationCaretFix.ts
-var import_core5 = require("@tiptap/core");
-var import_state4 = require("@tiptap/pm/state");
-var PAGINATION_CLASS = "rm-with-pagination";
-var PAGINATION_DISABLED_ATTR = "rm-pagination-disabled";
-var dragStates = /* @__PURE__ */ new WeakMap();
-var isPaginationActive = (view) => {
-  const dom = view.dom;
-  return dom.classList.contains(PAGINATION_CLASS) && dom.getAttribute(PAGINATION_DISABLED_ATTR) === null;
+var getExistingPageCount = (view) => {
+  const editorDom = view.dom;
+  const paginationElement = editorDom.querySelector("[data-rm-pagination]");
+  if (paginationElement) {
+    return paginationElement.children.length;
+  }
+  return 0;
 };
-var isEditable = (view) => view.dom.getAttribute("contenteditable") !== "false";
-var isPlainSingleLeftClick = (event) => event.button === 0 && event.detail === 1 && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey;
-function posFromTextOffset(view, textNode, offset) {
-  if (textNode.nodeType !== Node.TEXT_NODE || !view.dom.contains(textNode)) return null;
-  const text = textNode;
-  const clamped = Math.min(Math.max(0, offset), text.length);
-  const parent = text.parentElement;
-  if (parent?.closest?.('[contenteditable="false"]')) return null;
-  let pos = view.posAtDOM(text, clamped, -1);
-  if (pos < 0) pos = view.posAtDOM(text, clamped, 1);
-  if (pos < 0) return null;
-  return view.state.doc.resolve(pos).parent.isTextblock ? pos : null;
-}
-function resolvePosFromNativePoint(view, clientX, clientY) {
-  const doc = view.dom.ownerDocument;
-  if (typeof doc.caretRangeFromPoint !== "function") return null;
-  const range = doc.caretRangeFromPoint(clientX, clientY);
-  if (!range) return null;
-  return posFromTextOffset(view, range.startContainer, range.startOffset);
-}
-function stopDrag(view) {
-  const drag = dragStates.get(view);
-  if (!drag) return;
-  dragStates.delete(view);
-  const doc = view.dom.ownerDocument;
-  doc.removeEventListener("mousemove", drag.onMouseMove);
-  doc.removeEventListener("mouseup", drag.onMouseUp);
-}
-function beginDrag(view, anchorPos) {
-  stopDrag(view);
-  const doc = view.dom.ownerDocument;
-  const onMouseMove = (event) => {
-    const drag = dragStates.get(view);
-    if (!drag) return;
-    const pos = resolvePosFromNativePoint(view, event.clientX, event.clientY);
-    if (pos === null) return;
-    const from = Math.min(drag.anchorPos, pos);
-    const to = Math.max(drag.anchorPos, pos);
-    view.dispatch(view.state.tr.setSelection(import_state4.TextSelection.create(view.state.doc, from, to)));
-  };
-  const onMouseUp = () => {
-    stopDrag(view);
-  };
-  dragStates.set(view, { anchorPos, onMouseMove, onMouseUp });
-  doc.addEventListener("mousemove", onMouseMove);
-  doc.addEventListener("mouseup", onMouseUp);
-}
-function interceptPaginationMouseDown(view, event) {
-  if (!isPaginationActive(view) || !isPlainSingleLeftClick(event) || !isEditable(view)) return false;
-  const pos = resolvePosFromNativePoint(view, event.clientX, event.clientY);
-  if (pos === null) return false;
-  view.focus();
-  view.dispatch(view.state.tr.setSelection(import_state4.TextSelection.create(view.state.doc, pos)));
-  beginDrag(view, pos);
-  return true;
-}
-var PaginationCaretFix = import_core5.Extension.create({
-  name: "paginationCaretFix",
-  addProseMirrorPlugins() {
-    return [
-      new import_state4.Plugin({
-        key: new import_state4.PluginKey("paginationCaretFix"),
-        props: {
-          handleDOMEvents: {
-            mousedown: (view, event) => {
-              try {
-                return interceptPaginationMouseDown(view, event);
-              } catch {
-                return false;
-              }
-            }
+var pageGapTracker = /* @__PURE__ */ new WeakMap();
+var calculatePageCount = (view, pageOptions, headerHeight = 0, footerHeight = 0) => {
+  var _a;
+  const editorDom = view.dom;
+  const _pageHeaderHeight = pageOptions.contentMarginTop + pageOptions.marginTop + headerHeight;
+  const _pageFooterHeight = pageOptions.contentMarginBottom + pageOptions.marginBottom + footerHeight;
+  const pageContentAreaHeight = pageOptions.pageHeight - _pageHeaderHeight - _pageFooterHeight;
+  const paginationElement = editorDom.querySelector("[data-rm-pagination]");
+  const currentPageCount = getExistingPageCount(view);
+  if (paginationElement) {
+    const lastElementOfEditor = editorDom.lastElementChild;
+    const lastPageBreak = (_a = paginationElement.lastElementChild) === null || _a === void 0 ? void 0 : _a.querySelector(".breaker");
+    if (lastElementOfEditor && lastPageBreak) {
+      const lastElementRect = lastElementOfEditor.getBoundingClientRect();
+      const lastPageBreakRect = lastPageBreak.getBoundingClientRect();
+      const lastPageGap = lastElementRect.bottom - lastPageBreakRect.bottom;
+      if (lastPageGap > 0) {
+        const addPage = Math.ceil(lastPageGap / pageContentAreaHeight);
+        if (lastElementRect.height > pageContentAreaHeight) {
+          const isSplittableTable = (lastElementOfEditor === null || lastElementOfEditor === void 0 ? void 0 : lastElementOfEditor.tagName) === "TABLE" && lastElementOfEditor.hasAttribute("data-tps-splittable");
+          if (!isSplittableTable) {
+            return currentPageCount;
           }
         }
-      })
-    ];
+        const prev = pageGapTracker.get(editorDom);
+        if (prev && prev.pages < currentPageCount && lastPageGap > prev.gap - 2) {
+          return currentPageCount;
+        }
+        pageGapTracker.set(editorDom, { gap: lastPageGap, pages: currentPageCount });
+        let totalEditorContentHeight = 0;
+        for (const child of editorDom.children) {
+          if (!(child instanceof HTMLElement)) continue;
+          if (child.hasAttribute("data-rm-pagination")) continue;
+          if (child.classList.contains("rm-page-break")) continue;
+          totalEditorContentHeight += child.getBoundingClientRect().height;
+        }
+        const maxPagesByContent = Math.ceil(totalEditorContentHeight / pageContentAreaHeight);
+        const contentCap = Math.max(currentPageCount, maxPagesByContent + 1);
+        if (currentPageCount + addPage > contentCap) {
+          return contentCap;
+        }
+        const MAX_PAGES = 1e3;
+        if (currentPageCount + addPage > MAX_PAGES) {
+          return currentPageCount;
+        }
+        return currentPageCount + addPage;
+      } else {
+        pageGapTracker.delete(editorDom);
+        const allBreaksAfterLastElement = Array.from(paginationElement.querySelectorAll(".breaker"));
+        const allBreaksAfterLastElementRect = allBreaksAfterLastElement.filter((element) => element.getBoundingClientRect().top > lastElementRect.bottom);
+        const removePage = allBreaksAfterLastElementRect.length;
+        if (removePage > 1) {
+          return currentPageCount - removePage;
+        } else {
+          return currentPageCount;
+        }
+      }
+    }
+    return 1;
+  } else {
+    const editorHeight = editorDom.scrollHeight;
+    let pageCount = Math.ceil(editorHeight / pageContentAreaHeight);
+    pageCount = pageCount <= 0 ? 1 : pageCount;
+    return pageCount;
   }
-});
+};
+var getNewPageCount = (view, pageOptions) => {
+  if (pageOptions.enabled) {
+    const pageCount = calculatePageCount(view, pageOptions);
+    return pageCount <= 1 ? 1 : pageCount;
+  } else {
+    return 0;
+  }
+};
+function createDecoration(pageOptions, headerHeightMap, footerHeightMap) {
+  if (!pageOptions.enabled) {
+    return [];
+  }
+  const commonHeaderOptions = { headerLeft: pageOptions.headerLeft, headerRight: pageOptions.headerRight };
+  const commonFooterOptions = { footerLeft: pageOptions.footerLeft, footerRight: pageOptions.footerRight };
+  const pageWidget = import_view3.Decoration.widget(0, (view) => {
+    const _pageGap = pageOptions.pageGap;
+    const _pageBreakBackground = pageOptions.pageBreakBackground;
+    const el = document.createElement("div");
+    el.dataset.rmPagination = "true";
+    const pageBreakDefinition = (firstPage, pageHeader, pageFooter, headerHeight, footerHeight, pageNumber) => {
+      const { _pageHeaderHeight, _pageHeight } = getHeight(pageOptions, headerHeight, footerHeight);
+      const pageContainer = document.createElement("div");
+      pageContainer.classList.add("rm-page-break");
+      const page = document.createElement("div");
+      page.classList.add("page");
+      page.style.position = "relative";
+      page.style.float = "left";
+      page.style.clear = "both";
+      const marginTop = firstPage ? `calc(${_pageHeaderHeight}px + ${_pageHeight}px)` : _pageHeight + "px";
+      if (pageNumber) {
+        page.style.marginTop = `var(--rm-page-content-${pageNumber}, ${marginTop})`;
+      } else {
+        page.style.marginTop = firstPage ? `var(--rm-page-content-first, ${marginTop})` : `var(--rm-page-content-general, ${marginTop})`;
+      }
+      const pageBreak = document.createElement("div");
+      pageBreak.classList.add("breaker");
+      pageBreak.style.width = `calc(100% + var(--rm-margin-left) + var(--rm-margin-right))`;
+      pageBreak.style.marginLeft = `calc(-1 * var(--rm-margin-left))`;
+      pageBreak.style.marginRight = `calc(-1 * var(--rm-margin-right))`;
+      pageBreak.style.position = "relative";
+      pageBreak.style.float = "left";
+      pageBreak.style.clear = "both";
+      pageBreak.style.left = `0px`;
+      pageBreak.style.right = `0px`;
+      pageBreak.style.zIndex = "2";
+      const pageSpace = document.createElement("div");
+      pageSpace.classList.add("rm-pagination-gap");
+      pageSpace.style.height = _pageGap + "px";
+      pageSpace.style.borderLeft = "1px solid";
+      pageSpace.style.borderRight = "1px solid";
+      pageSpace.style.position = "relative";
+      pageSpace.style.setProperty("width", "calc(100% + 2px)", "important");
+      pageSpace.style.left = "-1px";
+      pageSpace.style.backgroundColor = _pageBreakBackground;
+      pageSpace.style.borderLeftColor = _pageBreakBackground;
+      pageSpace.style.borderRightColor = _pageBreakBackground;
+      pageBreak.append(pageFooter, pageSpace, pageHeader);
+      pageContainer.append(page, pageBreak);
+      return pageContainer;
+    };
+    const _headerHeight = headerHeightMap.get(0) || 0;
+    const _footerHeight = footerHeightMap.get(0) || 0;
+    const fragment = document.createDocumentFragment();
+    const pageCount = getNewPageCount(view, pageOptions);
+    for (let i = 0; i < pageCount; i++) {
+      const pageNumber = i + 1;
+      const headerPageNumber = i + 2;
+      if (headerPageNumber in pageOptions.customHeader || pageNumber in pageOptions.customFooter || pageNumber in pageOptions.customHeader) {
+        let _headerOptions = commonHeaderOptions;
+        let _footerOptions = commonFooterOptions;
+        let _pageHeaderHeight = _headerHeight;
+        let _pageFooterHeight = _footerHeight;
+        if (headerPageNumber in pageOptions.customHeader) {
+          _headerOptions = pageOptions.customHeader[headerPageNumber] || commonHeaderOptions;
+          _pageHeaderHeight = headerHeightMap.get(headerPageNumber) || 0;
+        }
+        if (pageNumber in pageOptions.customFooter) {
+          _footerOptions = pageOptions.customFooter[pageNumber] || commonFooterOptions;
+          _pageFooterHeight = footerHeightMap.get(pageNumber) || 0;
+        }
+        let _pageHeader = getHeader(_headerOptions.headerRight, _headerOptions.headerLeft, headerClickEvent(headerPageNumber, pageOptions.onHeaderClick), headerPageNumber);
+        let _pageFooter = getFooter(_footerOptions.footerRight, _footerOptions.footerLeft, footerClickEvent(pageNumber, pageOptions.onFooterClick), pageNumber);
+        let pageBreak = pageBreakDefinition(i === 0, _pageHeader, _pageFooter, _pageHeaderHeight, _pageFooterHeight, pageNumber);
+        fragment.appendChild(pageBreak);
+      } else {
+        const __pageHeader = getHeader(commonHeaderOptions.headerRight, commonHeaderOptions.headerLeft, headerClickEvent(headerPageNumber, pageOptions.onHeaderClick));
+        const __pageFooter = getFooter(commonFooterOptions.footerRight, commonFooterOptions.footerLeft, footerClickEvent(pageNumber, pageOptions.onFooterClick));
+        fragment.appendChild(pageBreakDefinition(i === 0, __pageHeader, __pageFooter, _headerHeight, _footerHeight));
+      }
+    }
+    el.append(fragment);
+    el.id = "pages";
+    el.classList.add("rm-pages-wrapper");
+    return el;
+  }, { side: -1 });
+  const firstHeaderWidget = import_view3.Decoration.widget(0, () => {
+    const pageNumber = 1;
+    let _headerOptions = commonHeaderOptions;
+    if (pageNumber in pageOptions.customHeader) {
+      _headerOptions = pageOptions.customHeader[pageNumber];
+    }
+    const el = getHeader(_headerOptions.headerRight, _headerOptions.headerLeft, headerClickEvent(pageNumber, pageOptions.onHeaderClick));
+    el.classList.add("rm-first-page-header");
+    return el;
+  }, { side: -1 });
+  return [pageWidget, firstHeaderWidget];
+}
+
+// ../../node_modules/.pnpm/tiptap-pagination-plus@3.1.0_patch_hash=4857789ba5672a185fb96bdd854e03e0c6ec8ed26abfeea_16730b2b361cd3f71113c52459ed62fd/node_modules/tiptap-pagination-plus/dist/constants.js
+var A4_PAGE_SIZE = getPageSize(1123, 794, 95, 95, 76, 76);
+var A3_PAGE_SIZE = getPageSize(1591, 1123, 95, 95, 76, 76);
+var A5_PAGE_SIZE = getPageSize(794, 419, 76, 76, 57, 57);
+var LETTER_PAGE_SIZE = getPageSize(1060, 818, 96, 96, 96, 96);
+var LEGAL_PAGE_SIZE = getPageSize(1404, 818, 96, 96, 96, 96);
+var TABLOID_PAGE_SIZE = getPageSize(1635, 1060, 96, 96, 96, 96);
+var PAGE_SIZES = {
+  A4: A4_PAGE_SIZE,
+  A3: A3_PAGE_SIZE,
+  A5: A5_PAGE_SIZE,
+  LETTER: LETTER_PAGE_SIZE,
+  LEGAL: LEGAL_PAGE_SIZE,
+  TABLOID: TABLOID_PAGE_SIZE
+};
 
 // src/PerformanceMonitor.ts
 var TARGET_FRAME_MS = 1e3 / 60;
@@ -1784,7 +2012,7 @@ function createEditor(options = {}) {
     content: options.content ? migrateContent(options.content) : options.content
   };
   const plugins = migratedOptions.plugins ?? [];
-  const collaborationSetup = migratedOptions.collaboration;
+  const collaborationSetup = !migratedOptions.collaboration ? void 0 : "ydoc" in migratedOptions.collaboration ? migratedOptions.collaboration : createCollaboration(migratedOptions.collaboration);
   const performanceMonitor = migratedOptions.debug ? createPerformanceMonitor() : void 0;
   let tiptapEditor = createTiptapEditor(migratedOptions, plugins, collaborationSetup);
   let pluginActions = createActionMap(tiptapEditor, plugins);
@@ -1825,6 +2053,7 @@ function createEditor(options = {}) {
         plugin.hooks?.onDestroy?.(tiptapEditor);
       }
       tiptapEditor.destroy();
+      collaborationSetup?.destroy();
       performanceMonitor?.destroy();
     },
     use: (plugin) => {
@@ -1844,336 +2073,12 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
   const pluginExtensions = collectExtensions(plugins);
   const blockAttrs = options.getPageMap ? BlockAttributesExtension.configure({ pageMap: options.getPageMap }) : BlockAttributesExtension;
   const paginationExt = options.paginationOptions ? PaginationPlus.configure(options.paginationOptions) : PaginationPlus;
-  const ManualColumnResize = import_core6.Extension.create({
-    name: "manualColumnResize",
-    addProseMirrorPlugins() {
-      const key2 = new import_state5.PluginKey("manualColumnResize");
-      return [new import_state5.Plugin({
-        key: key2,
-        view(view) {
-          function pauseObserver() {
-            try {
-              view.domObserver?.stop?.();
-            } catch (_) {
-            }
-          }
-          function resumeObserver() {
-            try {
-              view.domObserver?.start?.();
-            } catch (_) {
-            }
-          }
-          function getMaxContainerWidth(tableEl) {
-            let curr = tableEl.parentElement;
-            while (curr) {
-              const style = window.getComputedStyle(curr);
-              const paddingLeft = parseFloat(style.paddingLeft) || 0;
-              const paddingRight = parseFloat(style.paddingRight) || 0;
-              const availWidth = curr.clientWidth - paddingLeft - paddingRight;
-              if (availWidth > 100 && (curr.classList.contains("docs-editor__paper") || curr.classList.contains("docs-editor-page") || curr.classList.contains("ProseMirror") || curr.classList.contains("rm-with-pagination"))) {
-                return availWidth;
-              }
-              curr = curr.parentElement;
-            }
-            return tableEl.parentElement?.clientWidth || 614;
-          }
-          const onMouseDown = function(event) {
-            if (event.button !== 0) return;
-            const td = event.target.closest("td, th");
-            if (!td) return;
-            const r = td.getBoundingClientRect();
-            const parent = td.parentElement;
-            if (!parent) return;
-            const cellColSpan = td.colSpan || 1;
-            let logicalStart = 0;
-            let foundCell = false;
-            for (const sibling of Array.from(parent.children)) {
-              if (sibling === td) {
-                foundCell = true;
-                break;
-              }
-              logicalStart += sibling.colSpan || 1;
-            }
-            if (!foundCell) return;
-            const table = td.closest("table");
-            if (!table) return;
-            const distRight = Math.abs(event.clientX - r.right);
-            const distLeft = Math.abs(event.clientX - r.left);
-            let targetColIdx = -1;
-            if (distRight <= 16) {
-              targetColIdx = logicalStart + cellColSpan - 1;
-            } else if (distLeft <= 16 && logicalStart > 0) {
-              targetColIdx = logicalStart - 1;
-            } else {
-              return;
-            }
-            const colsList = table.querySelectorAll("colgroup col");
-            const totalCols = colsList.length || table.querySelector("tr")?.children.length || 0;
-            const allColWidths = [];
-            for (let c = 0; c < totalCols; c++) {
-              const colEl = colsList[c];
-              const w = colEl ? parseFloat(colEl.style.width) : 0;
-              allColWidths[c] = w || initialWidth(table, c);
-            }
-            const isLastCol = targetColIdx === totalCols - 1;
-            const neighborIdx = targetColIdx + 1;
-            const startX = event.clientX;
-            const startW = allColWidths[targetColIdx] || initialWidth(table, targetColIdx);
-            const startNeighborW = !isLastCol ? allColWidths[neighborIdx] || initialWidth(table, neighborIdx) : 0;
-            const maxContainerW = getMaxContainerWidth(table);
-            let otherColsW = 0;
-            allColWidths.forEach((w, idx) => {
-              if (idx !== targetColIdx) otherColsW += w;
-            });
-            const maxNwLastCol = Math.max(20, maxContainerW - otherColsW);
-            function updateDOMWidths() {
-              let totalWidth = 0;
-              allColWidths.forEach((w, idx) => {
-                const col = table.querySelector(`colgroup col:nth-child(${idx + 1})`);
-                if (col) col.style.setProperty("width", w + "px", "important");
-                table.querySelectorAll("tr").forEach(function(row) {
-                  const cell = row.children[idx];
-                  if (cell) {
-                    cell.style.setProperty("width", w + "px", "important");
-                    cell.setAttribute("width", String(w));
-                  }
-                });
-                totalWidth += w;
-              });
-              if (totalWidth > 0) {
-                table.style.setProperty("width", Math.min(totalWidth, maxContainerW) + "px", "important");
-              }
-            }
-            event.stopPropagation();
-            let lastNw = startW;
-            const onMove = function(e) {
-              if (!e.buttons) {
-                onUp(e);
-                return;
-              }
-              const rawDiff = e.clientX - startX;
-              if (isLastCol) {
-                const nw = Math.min(maxNwLastCol, Math.max(20, startW + rawDiff));
-                allColWidths[targetColIdx] = nw;
-                lastNw = nw;
-              } else {
-                const delta = Math.max(20 - startW, Math.min(rawDiff, startNeighborW - 20));
-                allColWidths[targetColIdx] = startW + delta;
-                allColWidths[neighborIdx] = startNeighborW - delta;
-                lastNw = allColWidths[targetColIdx];
-              }
-              let borderPos = table.getBoundingClientRect().left;
-              for (let i = 0; i <= targetColIdx; i++) borderPos += allColWidths[i];
-              showLine(table, borderPos);
-              pauseObserver();
-              updateDOMWidths();
-              resumeObserver();
-            };
-            const onUp = function(upEvent) {
-              document.removeEventListener("mousemove", onMove);
-              document.removeEventListener("mouseup", onUp, true);
-              upEvent.stopPropagation();
-              hideLine();
-              if (lastNw === startW) return;
-              try {
-                const { state } = view;
-                const { doc } = state;
-                let tablePos = -1;
-                doc.descendants((node, pos) => {
-                  if (tablePos >= 0) return false;
-                  if (node.type.name === "table") {
-                    try {
-                      const dom = view.nodeDOM(pos);
-                      if (dom === table || dom instanceof HTMLElement && dom.contains(table) || table.contains(dom)) {
-                        tablePos = pos;
-                        return false;
-                      }
-                    } catch (_) {
-                    }
-                  }
-                  return true;
-                });
-                if (tablePos >= 0) {
-                  const tableNode = doc.nodeAt(tablePos);
-                  if (tableNode) {
-                    const tr = state.tr;
-                    tableNode.forEach((row, rowOffset) => {
-                      let cellColIdx = 0;
-                      row.forEach((cell, cellOffset) => {
-                        const colspan = cell.attrs.colspan || 1;
-                        const cellPos = tablePos + 1 + rowOffset + 1 + cellOffset;
-                        const cw = new Array(colspan);
-                        for (let k = 0; k < colspan; k++) {
-                          cw[k] = allColWidths[cellColIdx + k] || 100;
-                        }
-                        tr.setNodeMarkup(cellPos, null, { ...cell.attrs, colwidth: cw });
-                        cellColIdx += colspan;
-                      });
-                    });
-                    view.dispatch(tr);
-                    pauseObserver();
-                    updateDOMWidths();
-                    resumeObserver();
-                  }
-                } else {
-                  console.warn("[Resize] could not find table position in doc");
-                }
-              } catch (err) {
-                console.warn("[Resize] transaction failed, falling back to DOM:", err);
-                pauseObserver();
-                updateDOMWidths();
-                resumeObserver();
-              }
-            };
-            document.addEventListener("mousemove", onMove);
-            document.addEventListener("mouseup", onUp, true);
-          };
-          function initialWidth(table, colIdx) {
-            const firstRow = table.querySelector("tr");
-            if (!firstRow) return 100;
-            const cell = firstRow.children[colIdx];
-            if (!cell) return 100;
-            return Math.round(cell.getBoundingClientRect().width) || cell.offsetWidth || 100;
-          }
-          let lineEl = null;
-          let isDragging = false;
-          function getOrCreateLine() {
-            if (!lineEl) {
-              lineEl = document.createElement("div");
-              lineEl.className = "docflow-active-border-line";
-              Object.assign(lineEl.style, {
-                position: "fixed",
-                width: "3px",
-                background: "#06b6d4",
-                boxShadow: "0 0 8px rgba(6, 182, 212, 0.9)",
-                pointerEvents: "none",
-                zIndex: "999999",
-                display: "none",
-                borderRadius: "1.5px"
-              });
-              const dotTop = document.createElement("div");
-              Object.assign(dotTop.style, {
-                position: "absolute",
-                top: "-4px",
-                left: "-3.5px",
-                width: "10px",
-                height: "10px",
-                borderRadius: "50%",
-                background: "#ffffff",
-                border: "2px solid #06b6d4"
-              });
-              const dotBottom = document.createElement("div");
-              Object.assign(dotBottom.style, {
-                position: "absolute",
-                bottom: "-4px",
-                left: "-3.5px",
-                width: "10px",
-                height: "10px",
-                borderRadius: "50%",
-                background: "#ffffff",
-                border: "2px solid #06b6d4"
-              });
-              lineEl.appendChild(dotTop);
-              lineEl.appendChild(dotBottom);
-              document.body.appendChild(lineEl);
-            }
-            return lineEl;
-          }
-          function showLine(table, borderX) {
-            const line = getOrCreateLine();
-            const tableRect = table.getBoundingClientRect();
-            line.style.left = `${borderX - 1.5}px`;
-            line.style.top = `${tableRect.top}px`;
-            line.style.height = `${tableRect.height}px`;
-            line.style.display = "block";
-            document.body.style.cursor = "col-resize";
-            view.dom.style.cursor = "col-resize";
-          }
-          function hideLine() {
-            if (lineEl) {
-              lineEl.style.display = "none";
-            }
-            document.body.style.cursor = "";
-            view.dom.style.cursor = "";
-          }
-          const onMouseMoveHover = function(event) {
-            if (isDragging) return;
-            const target = event.target;
-            const td = target.closest("td, th");
-            if (!td) {
-              hideLine();
-              return;
-            }
-            const r = td.getBoundingClientRect();
-            const distRight = Math.abs(event.clientX - r.right);
-            const distLeft = Math.abs(event.clientX - r.left);
-            const parent = td.parentElement;
-            if (!parent) {
-              hideLine();
-              return;
-            }
-            const colIdx = Array.from(parent.children).indexOf(td);
-            let borderX = -1;
-            if (distRight <= 16) {
-              borderX = r.right;
-            } else if (distLeft <= 16 && colIdx > 0) {
-              borderX = r.left;
-            }
-            if (borderX >= 0) {
-              const table = td.closest("table");
-              if (table) {
-                showLine(table, borderX);
-              }
-            } else {
-              hideLine();
-            }
-          };
-          document.addEventListener("mousemove", onMouseMoveHover, true);
-          view.dom.addEventListener("mousedown", function handleMouseDown(event) {
-            onMouseDown(event);
-            const td = event.target.closest("td, th");
-            if (!td) return;
-            const r = td.getBoundingClientRect();
-            const distRight = Math.abs(event.clientX - r.right);
-            const distLeft = Math.abs(event.clientX - r.left);
-            const parent = td.parentElement;
-            if (!parent) return;
-            const colIdx = Array.from(parent.children).indexOf(td);
-            if (distRight <= 16 || distLeft <= 16 && colIdx > 0) {
-              isDragging = true;
-              hideLine();
-              const onDragEnd = function() {
-                isDragging = false;
-                hideLine();
-                document.removeEventListener("mouseup", onDragEnd, true);
-              };
-              document.addEventListener("mouseup", onDragEnd, true);
-            }
-          }, true);
-          return {
-            destroy: function() {
-              document.removeEventListener("mousemove", onMouseMoveHover, true);
-              if (lineEl && lineEl.parentElement) {
-                lineEl.parentElement.removeChild(lineEl);
-              }
-              lineEl = null;
-              hideLine();
-            }
-          };
-        }
-      })];
-    }
-  });
   let extensions = [
     ManualColumnResize,
     baseStarterKit,
     import_extension_text_style.default,
     blockAttrs,
     paginationExt,
-    // Always present — fixes caret-on-click misplacement caused by the
-    // pagination DOM (header/footer/gap widgets breaking linear coordinates).
-    // No-op (gated at runtime) when pagination is off or disabled.
-    PaginationCaretFix,
     // Always present — carries host-injected ports (onImageUpload, citation, …)
     // in storage so plugin commands can reach them through the editor instance.
     EditorContextExtension.configure({
@@ -2188,18 +2093,9 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
   ];
   const content = options.collaboration ? void 0 : options.content;
   if (options.collaboration && collaborationSetup) {
-    const seed = seedEmptyFragment(collaborationSetup.ydoc);
-    if (seed.seeded) {
-      extensions.push(
-        import_core6.Extension.create({
-          name: "provisionalSeedCleanup",
-          onDestroy: () => seed.dispose()
-        })
-      );
-    }
     extensions = [...extensions, ...collaborationExtensions(collaborationSetup)];
   }
-  const tiptapEditor = new import_core6.Editor({
+  return new import_core6.Editor({
     element: options.target,
     content,
     extensions,
@@ -2214,7 +2110,6 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
       transformPastedHTML: sanitizePastedHTML
     }
   });
-  return tiptapEditor;
 }
 
 // src/FontSize.ts
@@ -2327,6 +2222,113 @@ var FontSizeExtension = import_core7.Extension.create({
   }
 });
 
+// src/SubdocumentProvider.ts
+var import_awareness2 = require("y-protocols/awareness");
+var import_y_websocket2 = require("y-websocket");
+var Y2 = __toESM(require("yjs"), 1);
+var SubdocumentProvider = class {
+  parentDoc;
+  subdocs;
+  awareness;
+  options;
+  states = /* @__PURE__ */ new Map();
+  activeQueue = [];
+  parentProvider = null;
+  constructor(options) {
+    this.options = {
+      maxActive: options.maxActive ?? 5,
+      onStateChange: options.onStateChange ?? (() => {
+      }),
+      ...options
+    };
+    this.parentDoc = new Y2.Doc();
+    this.subdocs = this.parentDoc.getMap("subdocs");
+    this.awareness = new import_awareness2.Awareness(this.parentDoc);
+    this.awareness.setLocalStateField("user", this.options.user);
+    this.parentProvider = new import_y_websocket2.WebsocketProvider(
+      this.options.websocketUrl,
+      `${this.options.roomPrefix}/_parent`,
+      this.parentDoc
+    );
+  }
+  /** Create a new subdocument. Does NOT activate it. */
+  createSubdoc(id, initialState) {
+    if (this.states.has(id)) return this.states.get(id).doc;
+    const doc = new Y2.Doc();
+    if (initialState) Y2.applyUpdate(doc, initialState);
+    doc.getXmlFragment("default");
+    this.subdocs.set(id, doc);
+    this.states.set(id, {
+      id,
+      doc,
+      provider: null,
+      active: false
+    });
+    this.options.onStateChange(this.getAllStates());
+    return doc;
+  }
+  /** Activate a subdocument — connects it to the network for live sync. */
+  activate(id) {
+    const state = this.states.get(id);
+    if (!state || state.active) return;
+    if (this.activeQueue.length >= this.options.maxActive) {
+      const oldest = this.activeQueue.shift();
+      if (oldest) this.deactivate(oldest);
+    }
+    const doc = state.doc;
+    const roomName = `${this.options.roomPrefix}/${id}`;
+    const provider = new import_y_websocket2.WebsocketProvider(
+      this.options.websocketUrl,
+      roomName,
+      doc
+    );
+    provider.awareness.setLocalStateField("user", this.options.user);
+    state.provider = provider;
+    state.active = true;
+    this.activeQueue.push(id);
+    this.options.onStateChange(this.getAllStates());
+  }
+  /** Deactivate a subdocument — disconnects it from the network. */
+  deactivate(id) {
+    const state = this.states.get(id);
+    if (!state || !state.active) return;
+    state.provider?.destroy();
+    state.provider = null;
+    state.active = false;
+    const idx = this.activeQueue.indexOf(id);
+    if (idx >= 0) this.activeQueue.splice(idx, 1);
+    this.options.onStateChange(this.getAllStates());
+  }
+  /** Get the Y.XmlFragment for a subdocument. */
+  getFragment(id) {
+    const doc = this.states.get(id)?.doc ?? this.subdocs.get(id);
+    if (!doc) return null;
+    return doc.getXmlFragment("default");
+  }
+  /** Check if a subdocument is currently active (syncing). */
+  isActive(id) {
+    return this.states.get(id)?.active ?? false;
+  }
+  /** Get all subdocument states. */
+  getAllStates() {
+    return Array.from(this.states.values());
+  }
+  /** Get IDs of all active subdocuments. */
+  getActiveIds() {
+    return [...this.activeQueue];
+  }
+  /** Destroy all subdocuments and providers. */
+  destroy() {
+    for (const [id] of this.states) {
+      this.deactivate(id);
+    }
+    this.parentProvider?.destroy();
+    this.parentDoc.destroy();
+    this.states.clear();
+    this.activeQueue.length = 0;
+  }
+};
+
 // src/ai/prompts.ts
 var CONTEXT_CHAR_CAP = 1500;
 var ONLY_RESULT = "Return ONLY the resulting text \u2014 no preamble, no explanation, no commentary, no markdown fences.";
@@ -2600,6 +2602,7 @@ function openaiCompatibleProvider(config) {
   PaginationPlus,
   PerformanceMonitor,
   SearchAndReplaceExtension,
+  SubdocumentProvider,
   buildAIPrompt,
   clearSearch,
   collaborationExtensions,