@mx-space/cli 0.14.2 → 0.15.0

package/dist/{LexicalTable.dev-D0HU14UV.mjs → LexicalTable.dev-6IFFOAE0.mjs}

@@ -1,9 +1,9 @@
-import { f as namedSignals, l as effect, p as signal } from "./LexicalExtension.node-BUozzx4t.mjs";
-import { $r as isHTMLElement, $t as COMMAND_PRIORITY_LOW, A as $getChildCaret, Ar as getComposedEventTarget, B as $getNodeByKey, Dt as $normalizeSelection__EXPERIMENTAL, Et as $normalizeCaret, Ft as $setSelection, G as $getSelection, Gn as KEY_ARROW_RIGHT_COMMAND, Gr as isCurrentlyReadOnlyMode, Hn as IS_UNDERLINE, I as $getDocument, Jn as KEY_DELETE_COMMAND, Jr as isDOMShadowRoot, K as $getSiblingCaret, Kn as KEY_ARROW_UP_COMMAND, Kr as isDOMDocumentNode, Kt as CLICK_COMMAND, L as $getEditor, Ln as IS_ITALIC, Mr as getDOMSelectionPoints, Nr as getDOMSelectionRange, Or as getActiveElement, Pn as IS_FIREFOX, Pt as $setPointFromCaret, Qn as KEY_TAB_COMMAND, Qt as COMMAND_PRIORITY_HIGH, S as $fullReconcile, St as $isTextNode, Tr as defineExtension, U as $getPreviousSelection, Un as KEY_ARROW_DOWN_COMMAND, V as $getNodeByKeyOrThrow, W as $getRoot, Wn as KEY_ARROW_LEFT_COMMAND, Xn as KEY_ESCAPE_COMMAND, Zt as COMMAND_PRIORITY_EDITOR, _n as FORMAT_ELEMENT_COMMAND, an as CUT_COMMAND, b as $findMatchingParent, br as configExtension, ci as mergeRegister, cn as DELETE_CHARACTER_COMMAND, cr as SELECTION_CHANGE_COMMAND, ct as $isInlineElementOrDecoratorNode, dt as $isLineBreakNode, ei as isHTMLTableRowElement, fi as removeClassNamesFromElement, g as $createRangeSelectionFromDom, gn as FOCUS_COMMAND, gt as $isRootOrShadowRoot, h as $createRangeSelection, hi as setDOMUnmanaged, hn as ElementNode, hr as TEXT_TYPE_TO_FORMAT, ht as $isRootNode, i as $caretFromPoint, in as COPY_COMMAND, jn as IS_BOLD, jr as getDOMSelection, ln as DELETE_LINE_COMMAND, lr as SELECTION_INSERT_CLIPBOARD_NODES_COMMAND, m as $createPoint, mi as setDOMStyleFromCSS, mt as $isRangeSelection, n as $applyNodeReplacement, ot as $isElementNode, p as $createParagraphNode, pi as safeCast, pt as $isParagraphNode, qn as KEY_BACKSPACE_COMMAND, qr as isDOMNode, rn as CONTROLLED_TEXT_INSERTION_COMMAND, rr as PASTE_COMMAND, rt as $isChildCaret, st as $isExtendableTextPointCaret, ui as registerEventListener, un as DELETE_WORD_COMMAND, ur as SELECT_ALL_COMMAND, v as $createTextNode, vn as FORMAT_TEXT_COMMAND, vr as addClassNamesToElement, w as $getAdjacentChildCaret, wn as INSERT_PARAGRAPH_COMMAND, xr as createCommand, y as $extendCaretToRange, yt as $isSiblingCaret, z as $getNearestNodeFromDOMNode, zn as IS_STRIKETHROUGH } from "./Lexical.node-8sRFmq2X.mjs";
-import { c as CoreImportExtension, g as defineImportRule, h as contextValue, l as DOMImportExtension, m as ImportTextStyle, o as $propagateTextAlignToBlockChildren, p as ImportTextFormat, y as sel } from "./LexicalHtml.node-BYbzHNVe.mjs";
-import { d as $unwrapAndFilterDescendants, m as objectKlassEquals, n as $dfs, o as $insertFirst$1, s as $insertNodeToNearestRoot, t as $descendantsMatching } from "./LexicalUtils.node-CIgMS8cG.mjs";
-import { o as copyToClipboard, t as $getClipboardDataFromSelection } from "./LexicalClipboard.node-D4gMGws6.mjs";
-//#region ../../node_modules/.pnpm/@lexical+table@0.48.0_typescript@6.0.3/node_modules/@lexical/table/dist/LexicalTable.dev.mjs
+import { d as getPeerDependencyFromEditor, f as namedSignals, l as effect, p as signal } from "./LexicalExtension.node-5OymZQfy.mjs";
+import { $r as isHTMLElement, $t as COMMAND_PRIORITY_LOW, A as $getChildCaret, Ar as getComposedEventTarget, B as $getNodeByKey, Dt as $normalizeSelection__EXPERIMENTAL, Et as $normalizeCaret, Ft as $setSelection, G as $getSelection, Gn as KEY_ARROW_RIGHT_COMMAND, Gr as isCurrentlyReadOnlyMode, Hn as IS_UNDERLINE, I as $getDocument, Jn as KEY_DELETE_COMMAND, Jr as isDOMShadowRoot, K as $getSiblingCaret, Kn as KEY_ARROW_UP_COMMAND, Kr as isDOMDocumentNode, Kt as CLICK_COMMAND, L as $getEditor, Ln as IS_ITALIC, Mr as getDOMSelectionPoints, Nr as getDOMSelectionRange, Or as getActiveElement, Pn as IS_FIREFOX, Pt as $setPointFromCaret, Qn as KEY_TAB_COMMAND, Qt as COMMAND_PRIORITY_HIGH, S as $fullReconcile, St as $isTextNode, Tr as defineExtension, U as $getPreviousSelection, Un as KEY_ARROW_DOWN_COMMAND, V as $getNodeByKeyOrThrow, W as $getRoot, Wn as KEY_ARROW_LEFT_COMMAND, Xn as KEY_ESCAPE_COMMAND, Zt as COMMAND_PRIORITY_EDITOR, _n as FORMAT_ELEMENT_COMMAND, an as CUT_COMMAND, b as $findMatchingParent, br as configExtension, ci as mergeRegister, cn as DELETE_CHARACTER_COMMAND, cr as SELECTION_CHANGE_COMMAND, ct as $isInlineElementOrDecoratorNode, dt as $isLineBreakNode, ei as isHTMLTableRowElement, fi as removeClassNamesFromElement, g as $createRangeSelectionFromDom, gn as FOCUS_COMMAND, gt as $isRootOrShadowRoot, h as $createRangeSelection, hi as setDOMUnmanaged, hn as ElementNode, hr as TEXT_TYPE_TO_FORMAT, ht as $isRootNode, i as $caretFromPoint, in as COPY_COMMAND, jn as IS_BOLD, jr as getDOMSelection, ln as DELETE_LINE_COMMAND, lr as SELECTION_INSERT_CLIPBOARD_NODES_COMMAND, m as $createPoint, mi as setDOMStyleFromCSS, mt as $isRangeSelection, n as $applyNodeReplacement, ot as $isElementNode, p as $createParagraphNode, pi as safeCast, pt as $isParagraphNode, qn as KEY_BACKSPACE_COMMAND, qr as isDOMNode, rn as CONTROLLED_TEXT_INSERTION_COMMAND, rr as PASTE_COMMAND, rt as $isChildCaret, st as $isExtendableTextPointCaret, ui as registerEventListener, un as DELETE_WORD_COMMAND, ur as SELECT_ALL_COMMAND, v as $createTextNode, vn as FORMAT_TEXT_COMMAND, vr as addClassNamesToElement, w as $getAdjacentChildCaret, wn as INSERT_PARAGRAPH_COMMAND, xr as createCommand, y as $extendCaretToRange, yt as $isSiblingCaret, z as $getNearestNodeFromDOMNode, zn as IS_STRIKETHROUGH } from "./Lexical.node-D6wf2D5M.mjs";
+import { c as CoreImportExtension, g as defineImportRule, h as contextValue, l as DOMImportExtension, m as ImportTextStyle, o as $propagateTextAlignToBlockChildren, p as ImportTextFormat, y as sel } from "./LexicalHtml.node-DpVNt7It.mjs";
+import { d as $unwrapAndFilterDescendants, m as objectKlassEquals, n as $dfs, o as $insertFirst$1, s as $insertNodeToNearestRoot, t as $descendantsMatching } from "./LexicalUtils.node-Df9oPTlA.mjs";
+import { o as copyToClipboard, t as $getClipboardDataFromSelection } from "./LexicalClipboard.node-m4nZ7IYw.mjs";
+//#region ../../node_modules/.pnpm/@lexical+table@0.49.0_typescript@6.0.3/node_modules/@lexical/table/dist/LexicalTable.dev.mjs
 /**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
@@ -34,7 +34,7 @@ const TableCellHeaderStates = {
 	ROW: 1
 };
 /** @noInheritDoc */
-var TableCellNode = class TableCellNode extends ElementNode {
+var TableCellNode = class extends ElementNode {
 	/** @internal */
 	__colSpan;
 	/** @internal */
@@ -47,11 +47,20 @@ var TableCellNode = class TableCellNode extends ElementNode {
 	__backgroundColor;
 	/** @internal */
 	__verticalAlign;
-	static getType() {
-		return "tablecell";
-	}
-	static clone(node) {
-		return new TableCellNode(node.__headerState, node.__colSpan, node.__width, node.__key);
+	$config() {
+		return this.config("tablecell", {
+			extends: ElementNode,
+			importDOM: {
+				td: () => ({
+					conversion: $convertTableCellNodeElement,
+					priority: 0
+				}),
+				th: () => ({
+					conversion: $convertTableCellNodeElement,
+					priority: 0
+				})
+			}
+		});
 	}
 	afterCloneFrom(node) {
 		super.afterCloneFrom(node);
@@ -62,21 +71,6 @@ var TableCellNode = class TableCellNode extends ElementNode {
 		this.__headerState = node.__headerState;
 		this.__width = node.__width;
 	}
-	static importDOM() {
-		return {
-			td: (node) => ({
-				conversion: $convertTableCellNodeElement,
-				priority: 0
-			}),
-			th: (node) => ({
-				conversion: $convertTableCellNodeElement,
-				priority: 0
-			})
-		};
-	}
-	static importJSON(serializedNode) {
-		return $createTableCellNode().updateFromJSON(serializedNode);
-	}
 	updateFromJSON(serializedNode) {
 		return super.updateFromJSON(serializedNode).setHeaderStyles(serializedNode.headerState).setColSpan(serializedNode.colSpan || 1).setRowSpan(serializedNode.rowSpan || 1).setWidth(serializedNode.width || void 0).setBackgroundColor(serializedNode.backgroundColor || null).setVerticalAlign(serializedNode.verticalAlign || void 0);
 	}
@@ -309,32 +303,26 @@ function formatDevErrorMessage(message) {
 *
 */
 /** @noInheritDoc */
-var TableRowNode = class TableRowNode extends ElementNode {
+var TableRowNode = class extends ElementNode {
 	/** @internal */
 	__height;
-	static getType() {
-		return "tablerow";
-	}
-	static clone(node) {
-		return new TableRowNode(node.__height, node.__key);
+	$config() {
+		return this.config("tablerow", {
+			extends: ElementNode,
+			importDOM: { tr: () => ({
+				conversion: $convertTableRowElement,
+				priority: 0
+			}) }
+		});
 	}
 	afterCloneFrom(prevNode) {
 		super.afterCloneFrom(prevNode);
 		this.__height = prevNode.__height;
 	}
-	static importDOM() {
-		return { tr: (node) => ({
-			conversion: $convertTableRowElement,
-			priority: 0
-		}) };
-	}
-	static importJSON(serializedNode) {
-		return $createTableRowNode().updateFromJSON(serializedNode);
-	}
 	updateFromJSON(serializedNode) {
 		return super.updateFromJSON(serializedNode).setHeight(serializedNode.height);
 	}
-	constructor(height, key) {
+	constructor(height = void 0, key) {
 		super(key);
 		this.__height = height;
 	}
@@ -1003,6 +991,10 @@ function $computeTableCellRectSpans(map, boundary) {
 		topSpan
 	};
 }
+/**
+* Compute the bounding rectangle of two table cells in a table map,
+* expanding iteratively to include any merged cells that overlap the boundary.
+*/
 function $computeTableCellRectBoundary(map, cellAMap, cellBMap) {
 	let minColumn = Math.min(cellAMap.startColumn, cellBMap.startColumn);
 	let minRow = Math.min(cellAMap.startRow, cellBMap.startRow);
@@ -1375,6 +1367,7 @@ var TableSelection = class TableSelection {
 		if (!$isElementNode(focusNode)) formatDevErrorMessage(`Expected TableSelection focus to be an ElementNode`);
 		$normalizeSelection__EXPERIMENTAL(focusNode.select(0, focusNode.getChildrenSize())).insertNodes(nodes);
 	}
+	/** @deprecated Use {@link $computeTableMap} and {@link $computeTableCellRectBoundary} directly. */
 	getShape() {
 		const { anchorCell, focusCell } = $getCellNodes(this);
 		const anchorCellNodeRect = $getTableCellNodeRect(anchorCell);
@@ -1442,12 +1435,23 @@ var TableSelection = class TableSelection {
 		return textContent;
 	}
 };
+/** Type guard for {@link TableSelection}. */
 function $isTableSelection(x) {
 	return x instanceof TableSelection;
 }
+/** @deprecated Use {@link $createTableSelectionFrom} instead. */
 function $createTableSelection() {
 	return new TableSelection("root", $createPoint("root", 0, "element"), $createPoint("root", 0, "element"));
 }
+/**
+* Creates a {@link TableSelection} spanning from `anchorCell` to `focusCell`
+* within `tableNode`. In `__DEV__` mode, validates that both cells belong to
+* the given table and that the table is attached to the editor state.
+*
+* If the current selection is already a TableSelection, it clones and
+* re-targets it (preserving identity for dirty-checking); otherwise it
+* constructs a fresh one.
+*/
 function $createTableSelectionFrom(tableNode, anchorCell, focusCell) {
 	const tableNodeKey = tableNode.getKey();
 	const anchorCellKey = anchorCell.getKey();
@@ -1456,7 +1460,7 @@ function $createTableSelectionFrom(tableNode, anchorCell, focusCell) {
 	if (!tableNode.is($findTableNode(anchorCell))) formatDevErrorMessage(`$createTableSelectionFrom: anchorCell ${anchorCellKey} is not in table ${tableNodeKey}`);
 	if (!tableNode.is($findTableNode(focusCell))) formatDevErrorMessage(`$createTableSelectionFrom: focusCell ${focusCellKey} is not in table ${tableNodeKey}`);
 	const prevSelection = $getSelection();
-	const nextSelection = $isTableSelection(prevSelection) ? prevSelection.clone() : $createTableSelection();
+	const nextSelection = $isTableSelection(prevSelection) ? prevSelection.clone() : new TableSelection("root", $createPoint("root", 0, "element"), $createPoint("root", 0, "element"));
 	nextSelection.set(tableNode.getKey(), anchorCell.getKey(), focusCell.getKey());
 	return nextSelection;
 }
@@ -1680,7 +1684,7 @@ var TableObserver = class {
 		$updateDOMForSelection(editor, getTable(tableNode, tableElement), null);
 		if (setEmptySelection && $getSelection() !== null) {
 			$setSelection(null);
-			editor.dispatchCommand(SELECTION_CHANGE_COMMAND, void 0);
+			editor.dispatchCommand(SELECTION_CHANGE_COMMAND);
 		}
 	}
 	$enableHighlightStyle() {
@@ -1738,7 +1742,7 @@ var TableObserver = class {
 					this.focusCellNodeKey = targetCellNode.getKey();
 					this.tableSelection = $createTableSelectionFrom(tableNode, anchorTableCell, targetCellNode);
 					$setSelection(this.tableSelection);
-					editor.dispatchCommand(SELECTION_CHANGE_COMMAND, void 0);
+					editor.dispatchCommand(SELECTION_CHANGE_COMMAND);
 					$updateDOMForSelection(editor, this.table, this.tableSelection);
 					return true;
 				}
@@ -1800,7 +1804,7 @@ var TableObserver = class {
 			formatSelection.formatText(type, alignFormatWith);
 		});
 		$setSelection(selection);
-		this.editor.dispatchCommand(SELECTION_CHANGE_COMMAND, void 0);
+		this.editor.dispatchCommand(SELECTION_CHANGE_COMMAND);
 	}
 	$clearText() {
 		const { editor } = this;
@@ -1815,7 +1819,7 @@ var TableObserver = class {
 			tableNode.selectPrevious();
 			const parent = tableNode.getParent();
 			tableNode.remove();
-			if ($isRootNode(parent) && parent.isEmpty()) editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND, void 0);
+			if ($isRootNode(parent) && parent.isEmpty()) editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND);
 			return;
 		}
 		selectedNodes.forEach((cellNode) => {
@@ -1831,7 +1835,7 @@ var TableObserver = class {
 		});
 		$updateDOMForSelection(editor, this.table, null);
 		$setSelection(null);
-		editor.dispatchCommand(SELECTION_CHANGE_COMMAND, void 0);
+		editor.dispatchCommand(SELECTION_CHANGE_COMMAND);
 	}
 };
 const LEXICAL_ELEMENT_KEY = "__lexicalTableSelection";
@@ -1893,7 +1897,7 @@ function registerTableWindowHandlers(editor, tableObservers) {
 				if ($isTableSelection($getSelection())) {
 					for (const [observer] of tableObservers.observers.values()) observer.$clearHighlight(false);
 					$setSelection(null);
-					editor.dispatchCommand(SELECTION_CHANGE_COMMAND, void 0);
+					editor.dispatchCommand(SELECTION_CHANGE_COMMAND);
 				}
 				if (!selectionInfo) return;
 				const { tableObserver, tableElement, cellElement } = selectionInfo;
@@ -1943,7 +1947,7 @@ function $handleTableClick(editor, event, selectedDOMCell, tableElement, tableOb
 					override,
 					tableKey: tableObserver.tableNodeKey
 				});
-				editor.dispatchCommand(SELECTION_CHANGE_COMMAND, void 0);
+				editor.dispatchCommand(SELECTION_CHANGE_COMMAND);
 			}
 		};
 		const findScrollContainer = (axis) => {
@@ -2089,30 +2093,16 @@ function applyTableHandlers(tableNode, element, editor, hasTabHandler, tableObse
 		}
 		return false;
 	}, COMMAND_PRIORITY_HIGH));
-	const deleteTextHandler = (command) => () => {
+	const $deleteTextHandler = () => {
 		const selection = $getSelection();
 		if (!$isSelectionInTable(selection, tableNode)) return false;
 		if ($isTableSelection(selection)) {
 			tableObserver.$clearText();
 			return true;
-		} else if ($isRangeSelection(selection)) {
-			if (!$isTableCellNode($findParentTableCellNodeInTable(tableNode, selection.anchor.getNode()))) return false;
-			const anchorNode = selection.anchor.getNode();
-			const focusNode = selection.focus.getNode();
-			const isAnchorInside = tableNode.isParentOf(anchorNode);
-			const isFocusInside = tableNode.isParentOf(focusNode);
-			if (isAnchorInside && !isFocusInside || isFocusInside && !isAnchorInside) {
-				tableObserver.$clearText();
-				return true;
-			}
-			const nearestElementNode = $findMatchingParent(selection.anchor.getNode(), (n) => $isElementNode(n));
-			const topLevelCellElementNode = nearestElementNode && $findMatchingParent(nearestElementNode, (n) => $isElementNode(n) && $isTableCellNode(n.getParent()));
-			if (!$isElementNode(topLevelCellElementNode) || !$isElementNode(nearestElementNode)) return false;
-			if (command === DELETE_LINE_COMMAND && topLevelCellElementNode.getPreviousSibling() === null) return true;
 		}
 		return false;
 	};
-	for (const command of DELETE_TEXT_COMMANDS) tableObserver.listenersToRemove.add(editor.registerCommand(command, deleteTextHandler(command), COMMAND_PRIORITY_HIGH));
+	for (const command of DELETE_TEXT_COMMANDS) tableObserver.listenersToRemove.add(editor.registerCommand(command, $deleteTextHandler, COMMAND_PRIORITY_HIGH));
 	const $deleteCellHandler = (event) => {
 		const selection = $getSelection();
 		if (!($isTableSelection(selection) || $isRangeSelection(selection))) return false;
@@ -2179,8 +2169,6 @@ function applyTableHandlers(tableNode, element, editor, hasTabHandler, tableObse
 		if ($isTableSelection(selection)) {
 			tableObserver.$formatCells(payload);
 			return true;
-		} else if ($isRangeSelection(selection)) {
-			if (!$isTableCellNode($findMatchingParent(selection.anchor.getNode(), (n) => $isTableCellNode(n)))) return false;
 		}
 		return false;
 	}, COMMAND_PRIORITY_HIGH));
@@ -2190,15 +2178,15 @@ function applyTableHandlers(tableNode, element, editor, hasTabHandler, tableObse
 		const anchorNode = selection.anchor.getNode();
 		const focusNode = selection.focus.getNode();
 		if (!$isTableCellNode(anchorNode) || !$isTableCellNode(focusNode)) return false;
-		if ($isFullTableSelection(selection, tableNode)) {
-			tableNode.setFormat(formatType);
-			return true;
-		}
 		const [tableMap, anchorCell, focusCell] = $computeTableMap(tableNode, anchorNode, focusNode);
 		const maxRow = Math.max(anchorCell.startRow + anchorCell.cell.__rowSpan - 1, focusCell.startRow + focusCell.cell.__rowSpan - 1);
 		const maxColumn = Math.max(anchorCell.startColumn + anchorCell.cell.__colSpan - 1, focusCell.startColumn + focusCell.cell.__colSpan - 1);
 		const minRow = Math.min(anchorCell.startRow, focusCell.startRow);
 		const minColumn = Math.min(anchorCell.startColumn, focusCell.startColumn);
+		if (minRow === 0 && minColumn === 0 && maxRow === tableMap.length - 1 && maxColumn === tableMap[0].length - 1) {
+			tableNode.setFormat(formatType);
+			return true;
+		}
 		const visited = /* @__PURE__ */ new Set();
 		for (let i = minRow; i <= maxRow; i++) for (let j = minColumn; j <= maxColumn; j++) {
 			const cell = tableMap[i][j].cell;
@@ -2627,17 +2615,6 @@ function $isSelectionInTable(selection, tableNode) {
 	}
 	return false;
 }
-function $isFullTableSelection(selection, tableNode) {
-	if ($isTableSelection(selection)) {
-		const anchorNode = selection.anchor.getNode();
-		const focusNode = selection.focus.getNode();
-		if (tableNode && anchorNode && focusNode) {
-			const [map] = $computeTableMap(tableNode, anchorNode, focusNode);
-			return anchorNode.getKey() === map[0][0].cell.getKey() && focusNode.getKey() === map[map.length - 1].at(-1).cell.getKey();
-		}
-	}
-	return false;
-}
 function selectTableCellNode(tableCell, fromStart) {
 	if (fromStart) tableCell.selectStart();
 	else tableCell.selectEnd();
@@ -2923,12 +2900,20 @@ function isHTMLDivElement(element) {
 	return isHTMLElement(element) && element.nodeName === "DIV";
 }
 function $updateColgroup(dom, colCount, colWidths) {
-	const colGroup = dom.querySelector("colgroup");
-	if (!colGroup) return;
+	let colGroup = dom.querySelector(":scope > colgroup");
+	if (!colWidths) {
+		if (colGroup) colGroup.remove();
+		return;
+	}
+	if (!colGroup) {
+		colGroup = $getDocument().createElement("colgroup");
+		setDOMUnmanaged(colGroup);
+		dom.insertBefore(colGroup, dom.firstChild);
+	}
 	const cols = [];
 	for (let i = 0; i < colCount; i++) {
 		const col = $getDocument().createElement("col");
-		const width = colWidths && colWidths[i];
+		const width = colWidths[i];
 		if (width) col.style.width = `${width}px`;
 		cols.push(col);
 	}
@@ -2973,10 +2958,115 @@ function alignTableElement(dom, config, formatType) {
 	removeClassNamesFromElement(dom, ...removeClasses);
 	addClassNamesToElement(dom, ...addClasses);
 }
+function $createScrollableWrapper(tableElement, config, hideNativeScrollbar) {
+	const wrapper = $getDocument().createElement("div");
+	const classes = config.theme.tableScrollableWrapper;
+	if (classes) addClassNamesToElement(wrapper, classes);
+	else wrapper.style.overflowX = "auto";
+	if (hideNativeScrollbar) wrapper.style.scrollbarWidth = "none";
+	wrapper.appendChild(tableElement);
+	return wrapper;
+}
+function $createStickyScrollbar(config) {
+	const doc = $getDocument();
+	const scrollbar = doc.createElement("div");
+	const classes = config.theme.tableStickyScrollbar;
+	if (classes) addClassNamesToElement(scrollbar, classes);
+	else {
+		scrollbar.style.position = "sticky";
+		scrollbar.style.bottom = "0";
+		scrollbar.style.overflowX = "scroll";
+		scrollbar.style.overflowY = "hidden";
+	}
+	scrollbar.style.display = "none";
+	scrollbar.setAttribute("aria-hidden", "true");
+	scrollbar.tabIndex = -1;
+	const spacer = doc.createElement("div");
+	spacer.style.height = "1px";
+	spacer.style.width = "0px";
+	scrollbar.appendChild(spacer);
+	return scrollbar;
+}
+const overlayStickyScrollbars = /* @__PURE__ */ new WeakSet();
+function measureScrollbarThickness(scrollbar) {
+	const prevDisplay = scrollbar.style.display;
+	scrollbar.style.display = "";
+	const thickness = scrollbar.offsetHeight - scrollbar.clientHeight;
+	scrollbar.style.display = prevDisplay;
+	return thickness;
+}
+function attachStickyScrollbarListeners(elements) {
+	const { scrollable, scrollbar, tableElement } = elements;
+	if (scrollbar.classList.length === 0 && measureScrollbarThickness(scrollbar) === 0) {
+		overlayStickyScrollbars.add(scrollbar);
+		scrollbar.style.display = "none";
+		scrollable.style.scrollbarWidth = "auto";
+		return () => {};
+	}
+	const onWrapperScroll = () => {
+		if (scrollbar.scrollLeft !== scrollable.scrollLeft) scrollbar.scrollLeft = scrollable.scrollLeft;
+	};
+	const onScrollbarScroll = () => {
+		if (scrollable.scrollLeft !== scrollbar.scrollLeft) scrollable.scrollLeft = scrollbar.scrollLeft;
+	};
+	scrollable.addEventListener("scroll", onWrapperScroll, { passive: true });
+	scrollbar.addEventListener("scroll", onScrollbarScroll, { passive: true });
+	let resizeObserver = null;
+	if (typeof ResizeObserver !== "undefined") {
+		resizeObserver = new ResizeObserver(() => {
+			syncStickyScrollbar(scrollable, scrollbar);
+		});
+		resizeObserver.observe(scrollable);
+		resizeObserver.observe(tableElement);
+	}
+	const cleanup = () => {
+		scrollable.removeEventListener("scroll", onWrapperScroll);
+		scrollbar.removeEventListener("scroll", onScrollbarScroll);
+		if (resizeObserver) resizeObserver.disconnect();
+	};
+	syncStickyScrollbar(scrollable, scrollbar);
+	return cleanup;
+}
+function syncStickyScrollbar(scrollable, scrollbar) {
+	if (overlayStickyScrollbars.has(scrollbar)) return;
+	const spacer = scrollbar.firstElementChild;
+	if (!spacer || !isHTMLElement(spacer) || !scrollable.isConnected) return;
+	const view = scrollable.ownerDocument.defaultView;
+	if (!view) {
+		scrollbar.style.display = "none";
+		return;
+	}
+	const overflowX = view.getComputedStyle(scrollable).overflowX;
+	const isScrollable = overflowX === "auto" || overflowX === "scroll";
+	const scrollWidth = scrollable.scrollWidth;
+	const clientWidth = scrollable.clientWidth;
+	const spacerWidth = scrollWidth + "px";
+	if (spacer.style.width !== spacerWidth) spacer.style.width = spacerWidth;
+	const hasOverflow = isScrollable && scrollWidth > clientWidth;
+	scrollbar.style.display = hasOverflow ? "" : "none";
+}
+function findStickyScrollbarElements(dom) {
+	if (!dom.hasAttribute("data-lexical-sticky-scrollbar")) return null;
+	const firstChild = dom.firstElementChild;
+	if (!isHTMLDivElement(firstChild)) return null;
+	const tableElement = firstChild.querySelector(":scope > table");
+	if (!isHTMLTableElement(tableElement)) return null;
+	const scrollbar = firstChild.nextElementSibling;
+	if (!isHTMLDivElement(scrollbar)) return null;
+	return {
+		scrollable: firstChild,
+		scrollbar,
+		tableElement
+	};
+}
 const scrollableEditors = /* @__PURE__ */ new WeakSet();
 function $isScrollableTablesActive(editor = $getEditor()) {
 	return scrollableEditors.has(editor);
 }
+function $isStickyScrollbarActive(editor = $getEditor()) {
+	const dep = getPeerDependencyFromEditor(editor, "@lexical/table/Table");
+	return dep ? dep.output.hasStickyScrollbar.peek() && dep.output.hasHorizontalScroll.peek() : false;
+}
 function setScrollableTablesActive(editor, active) {
 	if (active) {
 		if (!editor._config.theme.tableScrollableWrapper) console.warn("TableNode: hasHorizontalScroll is active but theme.tableScrollableWrapper is not defined.");
@@ -2984,14 +3074,20 @@ function setScrollableTablesActive(editor, active) {
 	} else scrollableEditors.delete(editor);
 }
 /** @noInheritDoc */
-var TableNode = class TableNode extends ElementNode {
+var TableNode = class extends ElementNode {
 	/** @internal */
-	__rowStriping;
-	__frozenColumnCount;
-	__frozenRowCount;
-	__colWidths;
-	static getType() {
-		return "table";
+	__rowStriping = false;
+	__frozenColumnCount = 0;
+	__frozenRowCount = 0;
+	__colWidths = void 0;
+	$config() {
+		return this.config("table", {
+			extends: ElementNode,
+			importDOM: { table: () => ({
+				conversion: $convertTableElement,
+				priority: 1
+			}) }
+		});
 	}
 	getColWidths() {
 		return this.getLatest().__colWidths;
@@ -3001,9 +3097,6 @@ var TableNode = class TableNode extends ElementNode {
 		self.__colWidths = colWidths !== void 0 && __DEV__ ? Object.freeze(colWidths) : colWidths;
 		return self;
 	}
-	static clone(node) {
-		return new TableNode(node.__key);
-	}
 	afterCloneFrom(prevNode) {
 		super.afterCloneFrom(prevNode);
 		this.__colWidths = prevNode.__colWidths;
@@ -3011,25 +3104,9 @@ var TableNode = class TableNode extends ElementNode {
 		this.__frozenColumnCount = prevNode.__frozenColumnCount;
 		this.__frozenRowCount = prevNode.__frozenRowCount;
 	}
-	static importDOM() {
-		return { table: (_node) => ({
-			conversion: $convertTableElement,
-			priority: 1
-		}) };
-	}
-	static importJSON(serializedNode) {
-		return $createTableNode().updateFromJSON(serializedNode);
-	}
 	updateFromJSON(serializedNode) {
 		return super.updateFromJSON(serializedNode).setRowStriping(serializedNode.rowStriping || false).setFrozenColumns(serializedNode.frozenColumnCount || 0).setFrozenRows(serializedNode.frozenRowCount || 0).setColWidths(serializedNode.colWidths);
 	}
-	constructor(key) {
-		super(key);
-		this.__rowStriping = false;
-		this.__frozenColumnCount = 0;
-		this.__frozenRowCount = 0;
-		this.__colWidths = void 0;
-	}
 	exportJSON() {
 		return {
 			...super.exportJSON(),
@@ -3045,24 +3122,32 @@ var TableNode = class TableNode extends ElementNode {
 	getDOMSlot(element) {
 		const tableElement = !isHTMLTableElement(element) ? element.querySelector("table") : element;
 		if (!isHTMLTableElement(tableElement)) formatDevErrorMessage(`TableNode.getDOMSlot: createDOM() did not return a table`);
-		return super.getDOMSlot(element).withElement(tableElement).withAfter(tableElement.querySelector("colgroup"));
+		return super.getDOMSlot(element).withElement(tableElement).withAfter(tableElement.querySelector(":scope > colgroup"));
 	}
 	createDOM(config, editor) {
 		const tableElement = $getDocument().createElement("table");
 		if (this.__style) setDOMStyleFromCSS(tableElement.style, this.__style);
-		const colGroup = $getDocument().createElement("colgroup");
-		tableElement.appendChild(colGroup);
-		setDOMUnmanaged(colGroup);
+		if (this.getColWidths()) {
+			const colGroup = $getDocument().createElement("colgroup");
+			tableElement.appendChild(colGroup);
+			setDOMUnmanaged(colGroup);
+		}
 		addClassNamesToElement(tableElement, config.theme.table);
 		this.updateTableElement(null, tableElement, config);
 		if ($isScrollableTablesActive(editor)) {
-			const wrapperElement = $getDocument().createElement("div");
-			const classes = config.theme.tableScrollableWrapper;
-			if (classes) addClassNamesToElement(wrapperElement, classes);
-			else wrapperElement.style.overflowX = "auto";
-			wrapperElement.appendChild(tableElement);
-			this.updateTableWrapper(null, wrapperElement, tableElement, config);
-			return wrapperElement;
+			const hasStickyScrollbar = $isStickyScrollbarActive(editor);
+			const scrollableWrapper = $createScrollableWrapper(tableElement, config, hasStickyScrollbar);
+			this.updateTableWrapper(null, scrollableWrapper, tableElement, config);
+			if (hasStickyScrollbar) {
+				const stickyScrollbar = $createStickyScrollbar(config);
+				const outerWrapper = $getDocument().createElement("div");
+				outerWrapper.setAttribute("data-lexical-sticky-scrollbar", "true");
+				outerWrapper.appendChild(scrollableWrapper);
+				outerWrapper.appendChild(stickyScrollbar);
+				setDOMUnmanaged(stickyScrollbar);
+				return outerWrapper;
+			}
+			return scrollableWrapper;
 		}
 		return tableElement;
 	}
@@ -3081,7 +3166,11 @@ var TableNode = class TableNode extends ElementNode {
 	updateDOM(prevNode, dom, config) {
 		const tableElement = getTableElement(this, dom);
 		if (dom === tableElement === $isScrollableTablesActive()) return true;
-		if (isHTMLDivElement(dom)) this.updateTableWrapper(prevNode, dom, tableElement, config);
+		if (isHTMLDivElement(dom)) {
+			if (dom.hasAttribute("data-lexical-sticky-scrollbar") !== $isStickyScrollbarActive()) return true;
+			const scrollable = tableElement.parentElement;
+			if (isHTMLDivElement(scrollable)) this.updateTableWrapper(prevNode, scrollable, tableElement, config);
+		}
 		this.updateTableElement(prevNode, tableElement, config);
 		return false;
 	}
@@ -3637,6 +3726,39 @@ const TableImportRules = [
 * LICENSE file in the root directory of this source tree.
 *
 */
+function registerStickyScrollbar(editor) {
+	const attached = /* @__PURE__ */ new Map();
+	const detachAll = () => {
+		for (const { cleanup } of attached.values()) cleanup();
+		attached.clear();
+	};
+	return mergeRegister(detachAll, editor.registerMutationListener(TableNode, (nodeMutations) => {
+		for (const [nodeKey, mutation] of nodeMutations) {
+			const prev = attached.get(nodeKey);
+			if (mutation === "destroyed") {
+				if (prev) {
+					prev.cleanup();
+					attached.delete(nodeKey);
+				}
+				continue;
+			}
+			const dom = editor.getElementByKey(nodeKey);
+			const parts = dom && isHTMLElement(dom) ? findStickyScrollbarElements(dom) : null;
+			if (prev && parts && prev.parts.scrollable === parts.scrollable && prev.parts.scrollbar === parts.scrollbar && prev.parts.tableElement === parts.tableElement) {
+				syncStickyScrollbar(parts.scrollable, parts.scrollbar);
+				continue;
+			}
+			if (prev) {
+				prev.cleanup();
+				attached.delete(nodeKey);
+			}
+			if (parts) attached.set(nodeKey, {
+				cleanup: attachStickyScrollbarListeners(parts),
+				parts
+			});
+		}
+	}, { skipInitialization: false }));
+}
 /**
 * Configures {@link TableNode}, {@link TableRowNode}, {@link TableCellNode} and
 * registers table behaviors (see {@link TableConfig})
@@ -3650,6 +3772,7 @@ const TableExtension = /* @__PURE__ */ defineExtension({
 		hasCellMerge: true,
 		hasHorizontalScroll: true,
 		hasNestedTables: false,
+		hasStickyScrollbar: false,
 		hasTabHandler: true
 	}),
 	dependencies: [CoreImportExtension, /* @__PURE__ */ configExtension(DOMImportExtension, { rules: TableImportRules })],
@@ -3661,13 +3784,19 @@ const TableExtension = /* @__PURE__ */ defineExtension({
 	],
 	register(editor, config, state) {
 		const stores = state.getOutput();
+		let prevStickyScrollbar = false;
 		return mergeRegister(effect(() => {
 			const hasHorizontalScroll = stores.hasHorizontalScroll.value;
-			if ($isScrollableTablesActive(editor) !== hasHorizontalScroll) {
-				setScrollableTablesActive(editor, hasHorizontalScroll);
-				editor.update($fullReconcile);
-			}
-		}), registerTablePlugin(editor, stores), effect(() => registerTableSelectionObserver(editor, stores.hasTabHandler.value)), effect(() => stores.hasCellMerge.value ? void 0 : registerTableCellUnmergeTransform(editor)), effect(() => stores.hasCellBackgroundColor.value ? void 0 : editor.registerNodeTransform(TableCellNode, (node) => {
+			const hasStickyScrollbar = stores.hasStickyScrollbar.value && hasHorizontalScroll;
+			const hadHorizontalScroll = $isScrollableTablesActive(editor);
+			if (hadHorizontalScroll !== hasHorizontalScroll) setScrollableTablesActive(editor, hasHorizontalScroll);
+			if (hadHorizontalScroll !== hasHorizontalScroll || prevStickyScrollbar !== hasStickyScrollbar) editor.update($fullReconcile);
+			prevStickyScrollbar = hasStickyScrollbar;
+		}), registerTablePlugin(editor, stores), effect(() => registerTableSelectionObserver(editor, stores.hasTabHandler.value)), effect(() => {
+			if (stores.hasStickyScrollbar.value && stores.hasHorizontalScroll.value) return editor.registerRootListener((rootElement) => {
+				if (rootElement) return registerStickyScrollbar(editor);
+			});
+		}), effect(() => stores.hasCellMerge.value ? void 0 : registerTableCellUnmergeTransform(editor)), effect(() => stores.hasCellBackgroundColor.value ? void 0 : editor.registerNodeTransform(TableCellNode, (node) => {
 			if (node.getBackgroundColor() !== null) node.setBackgroundColor(null);
 		})));
 	}
@@ -3686,4 +3815,4 @@ const TableImportExtension = /* @__PURE__ */ defineExtension({
 	name: "@lexical/table/Import"
 });
 //#endregion
-export { $computeTableMap, $computeTableMapSkipCellCheck, $createTableCellNode, $createTableNode, $createTableNodeWithDimensions, $createTableRowNode, $createTableSelection, $createTableSelectionFrom, $deleteTableColumn, $deleteTableColumnAtSelection, $deleteTableColumn__EXPERIMENTAL, $deleteTableRowAtSelection, $deleteTableRow__EXPERIMENTAL, $findCellNode, $findTableNode, $getElementForTableNode, $getNodeTriplet, $getTableAndElementByKey, $getTableCellNodeFromLexicalNode, $getTableCellNodeRect, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $getTableRowNodeFromTableCellNodeOrThrow, $insertTableColumn, $insertTableColumnAtNode, $insertTableColumnAtSelection, $insertTableColumn__EXPERIMENTAL, $insertTableRow, $insertTableRowAtNode, $insertTableRowAtSelection, $insertTableRow__EXPERIMENTAL, $isScrollableTablesActive, $isSimpleTable, $isTableCellNode, $isTableNode, $isTableRowNode, $isTableSelection, $mergeCells, $moveTableColumn, $moveTableRow, $removeTableRowAtIndex, $setTableColumnIsHeader, $setTableRowIsHeader, $unmergeCell, $unmergeCellNode, INSERT_TABLE_COMMAND, TableCellHeaderStates, TableCellNode, TableExtension, TableImportExtension, TableImportRules, TableNode, TableObserver, TableRowNode, TableRowSchema, TableSchema, applyTableHandlers, getDOMCellFromTarget, getTableElement, getTableObserverFromTableElement, registerTableCellUnmergeTransform, registerTablePlugin, registerTableSelectionObserver, setScrollableTablesActive };
+export { $computeTableCellRectBoundary, $computeTableMap, $computeTableMapSkipCellCheck, $createTableCellNode, $createTableNode, $createTableNodeWithDimensions, $createTableRowNode, $createTableSelection, $createTableSelectionFrom, $deleteTableColumn, $deleteTableColumnAtSelection, $deleteTableColumn__EXPERIMENTAL, $deleteTableRowAtSelection, $deleteTableRow__EXPERIMENTAL, $findCellNode, $findTableNode, $getElementForTableNode, $getNodeTriplet, $getTableAndElementByKey, $getTableCellNodeFromLexicalNode, $getTableCellNodeRect, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $getTableRowNodeFromTableCellNodeOrThrow, $insertTableColumn, $insertTableColumnAtNode, $insertTableColumnAtSelection, $insertTableColumn__EXPERIMENTAL, $insertTableRow, $insertTableRowAtNode, $insertTableRowAtSelection, $insertTableRow__EXPERIMENTAL, $isScrollableTablesActive, $isSimpleTable, $isStickyScrollbarActive, $isTableCellNode, $isTableNode, $isTableRowNode, $isTableSelection, $mergeCells, $moveTableColumn, $moveTableRow, $removeTableRowAtIndex, $setTableColumnIsHeader, $setTableRowIsHeader, $unmergeCell, $unmergeCellNode, INSERT_TABLE_COMMAND, TableCellHeaderStates, TableCellNode, TableExtension, TableImportExtension, TableImportRules, TableNode, TableObserver, TableRowNode, TableRowSchema, TableSchema, applyTableHandlers, getDOMCellFromTarget, getTableElement, getTableObserverFromTableElement, registerTableCellUnmergeTransform, registerTablePlugin, registerTableSelectionObserver, setScrollableTablesActive };