quoin-editor 2.0.5 → 2.1.0

package/dist/{chunk-7J63427U.cjs → chunk-GQSBOBOM.cjs}

@@ -1,33 +1,27 @@
 'use strict';
 
-var chunkEBSDPHPS_cjs = require('./chunk-EBSDPHPS.cjs');
-var chunk2QKFRKOP_cjs = require('./chunk-2QKFRKOP.cjs');
+var chunk4UFWFV43_cjs = require('./chunk-4UFWFV43.cjs');
+var chunkN25EH2GZ_cjs = require('./chunk-N25EH2GZ.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
-var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
-var chunkI7X7B3WD_cjs = require('./chunk-I7X7B3WD.cjs');
+var chunkZ5EEDCRI_cjs = require('./chunk-Z5EEDCRI.cjs');
+var chunk4JDRDPLC_cjs = require('./chunk-4JDRDPLC.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
 
 // src/engine/commands/table-shape.ts
-var CELL = /^cell:(\d+):(\d+)$/;
 var tableShape = (block) => ({
-  rows: chunkI7X7B3WD_cjs.countOf(block.attrs.rows),
-  cols: chunkI7X7B3WD_cjs.countOf(block.attrs.cols)
+  rows: chunk4JDRDPLC_cjs.countOf(block.attrs.rows),
+  cols: chunk4JDRDPLC_cjs.countOf(block.attrs.cols)
 });
 var ALIGNS = ["left", "center", "right"];
 var columnAligns = (block, cols) => Array.from({ length: cols }, (_, col) => {
   const align = Array.isArray(block.attrs.align) ? block.attrs.align[col] : null;
   return ALIGNS.includes(align) ? align : null;
 });
-var validWidths = (value, cols) => Array.isArray(value) && value.length === cols && value.every((width) => typeof width === "number" && width > 0) ? value : null;
-var storedWidths = (block, cols) => validWidths(block.attrs.widths, cols);
-function cellOf(region) {
-  const match = CELL.exec(region);
-  return match === null ? null : [Number(match[1]), Number(match[2])];
-}
+var storedWidths = (block, cols) => chunk4JDRDPLC_cjs.validWidths(block.attrs.widths, cols);
 function tableBlock(doc, id) {
-  const block = chunkI7X7B3WD_cjs.blockById(doc, id);
+  const block = chunk4JDRDPLC_cjs.blockById(doc, id);
   return block?.type === "TABLE" ? block : null;
 }
 var isIndex = (index, length) => Number.isInteger(index) && index >= 0 && index < length;
@@ -41,32 +35,32 @@ function rebuiltTable(block, plan) {
   for (let row = 0; row < plan.rows; row++) {
     for (let col = 0; col < plan.cols; col++) {
       const from = plan.source(row, col);
-      regions[chunkI7X7B3WD_cjs.cellKey(row, col)] = from === null ? [] : block.regions[chunkI7X7B3WD_cjs.cellKey(...from)] ?? [];
+      regions[chunk4JDRDPLC_cjs.cellKey(row, col)] = from === null ? [] : block.regions[chunk4JDRDPLC_cjs.cellKey(...from)] ?? [];
     }
   }
   return { ...block, attrs: { ...block.attrs, ...plan.attrs, rows: plan.rows, cols: plan.cols }, regions };
 }
 function followedPos(pos, blockId, plan) {
-  const cell = pos.block === blockId ? cellOf(pos.region) : null;
+  const cell = pos.block === blockId ? chunkZ5EEDCRI_cjs.cellOf(pos.region) : null;
   if (cell === null) return pos;
   const moved = plan.target(cell);
-  return moved === null ? { block: blockId, region: chunkI7X7B3WD_cjs.cellKey(...plan.landing(cell)), offset: 0 } : { ...pos, region: chunkI7X7B3WD_cjs.cellKey(...moved) };
+  return moved === null ? { block: blockId, region: chunk4JDRDPLC_cjs.cellKey(...plan.landing(cell)), offset: 0 } : { ...pos, region: chunk4JDRDPLC_cjs.cellKey(...moved) };
 }
 function followedSelection(selection, blockId, plan) {
   if (selection?.kind !== "text") return selection;
   const anchor = followedPos(selection.anchor, blockId, plan);
   const head = followedPos(selection.head, blockId, plan);
-  return anchor === selection.anchor && head === selection.head ? selection : chunkFK7EBZPX_cjs.textSelection(anchor, head);
+  return anchor === selection.anchor && head === selection.head ? selection : chunkZ5EEDCRI_cjs.textSelection(anchor, head);
 }
 
 // src/engine/state/cell-selection.ts
-var cellSelectionKey = chunkFK7EBZPX_cjs.createPluginKey("cellSelection");
+var cellSelectionKey = chunkZ5EEDCRI_cjs.createPluginKey("cellSelection");
 function rangeOfSelection({ doc, selection }) {
   if (selection?.kind !== "text") return null;
   const { anchor, head } = selection;
   if (anchor.block !== head.block || anchor.region === head.region || tableBlock(doc, anchor.block) === null) return null;
-  const from = cellOf(anchor.region);
-  const to = cellOf(head.region);
+  const from = chunkZ5EEDCRI_cjs.cellOf(anchor.region);
+  const to = chunkZ5EEDCRI_cjs.cellOf(head.region);
   return from && to ? { block: anchor.block, anchor: from, head: to } : null;
 }
 var sameCell = (a, b) => a[0] === b[0] && a[1] === b[1];
@@ -85,81 +79,19 @@ function cellSelection(state) {
 }
 var between = (value, a, b) => value >= Math.min(a, b) && value <= Math.max(a, b);
 var rangeHasCell = ({ anchor, head }, [row, col]) => between(row, anchor[0], head[0]) && between(col, anchor[1], head[1]);
-function cellsInRange({ anchor, head }) {
-  const cells = [];
-  for (let row = Math.min(anchor[0], head[0]); row <= Math.max(anchor[0], head[0]); row++) {
-    for (let col = Math.min(anchor[1], head[1]); col <= Math.max(anchor[1], head[1]); col++) cells.push([row, col]);
-  }
-  return cells;
-}
+var cellsInRange = ({ anchor, head }) => chunkZ5EEDCRI_cjs.cellsBetween(anchor, head);
 function selectCells(blockId, anchor, head) {
   return (state, dispatch) => {
     const block = tableBlock(state.doc, blockId);
     const { rows, cols } = block === null ? { rows: 0, cols: 0 } : tableShape(block);
     const inside = ([row, col]) => isIndex(row, rows) && isIndex(col, cols);
     if (block === null || !inside(anchor) || !inside(head)) return false;
-    const end2 = chunkI7X7B3WD_cjs.cellKey(...head);
-    const selection = chunkFK7EBZPX_cjs.textSelection(
-      { block: blockId, region: chunkI7X7B3WD_cjs.cellKey(...anchor), offset: 0 },
-      { block: blockId, region: end2, offset: chunkI7X7B3WD_cjs.inlineLength(block.regions[end2] ?? []) }
+    const end = chunk4JDRDPLC_cjs.cellKey(...head);
+    const selection = chunkZ5EEDCRI_cjs.textSelection(
+      { block: blockId, region: chunk4JDRDPLC_cjs.cellKey(...anchor), offset: 0 },
+      { block: blockId, region: end, offset: chunk4JDRDPLC_cjs.inlineLength(block.regions[end] ?? []) }
     );
-    dispatch?.(new chunkFK7EBZPX_cjs.Transaction(state).setSelection(selection));
-    return true;
-  };
-}
-
-// src/engine/commands/cell-commands.ts
-function filledCells(doc, range) {
-  const regions = chunkI7X7B3WD_cjs.blockById(doc, range.block)?.regions ?? {};
-  return cellsInRange(range).flatMap((cell) => {
-    const region = chunkI7X7B3WD_cjs.cellKey(...cell);
-    const length = chunkI7X7B3WD_cjs.inlineLength(regions[region] ?? []);
-    return length > 0 ? [{ region, length }] : [];
-  });
-}
-function firstCell({ block, anchor, head }) {
-  return { block, region: chunkI7X7B3WD_cjs.cellKey(Math.min(anchor[0], head[0]), Math.min(anchor[1], head[1])), offset: 0 };
-}
-function emptied(state, range) {
-  const tr = new chunkFK7EBZPX_cjs.Transaction(state);
-  for (const { region, length } of filledCells(state.doc, range)) {
-    tr.step(chunkFK7EBZPX_cjs.replaceInlineStep(range.block, region, 0, length, []));
-  }
-  return tr;
-}
-var deleteCellContents = (state, dispatch) => {
-  const range = cellSelection(state);
-  if (range === null) return false;
-  dispatch?.(emptied(state, range).setSelection(chunkFK7EBZPX_cjs.textSelection(firstCell(range))));
-  return true;
-};
-function typeOverCells(text) {
-  return (state, dispatch) => {
-    const range = cellSelection(state);
-    if (range === null || text === "") return false;
-    const tr = emptied(state, range);
-    dispatch?.(tr.setSelection(chunkFK7EBZPX_cjs.textSelection(chunkFK7EBZPX_cjs.insertTextAt(tr, state.schema, firstCell(range), text))));
-    return true;
-  };
-}
-function setCellsMark(type, attrs) {
-  return (state, dispatch) => {
-    const range = cellSelection(state);
-    const cells = range === null ? [] : filledCells(state.doc, range);
-    const regions = range === null ? void 0 : chunkI7X7B3WD_cjs.blockById(state.doc, range.block)?.regions;
-    if (range === null || regions === void 0 || cells.length === 0) return false;
-    const carried = cells.every(({ region }) => chunkFK7EBZPX_cjs.markCoverage(regions[region], type, attrs).every);
-    const mark = carried ? chunkFK7EBZPX_cjs.toggleMark(type, attrs) : chunkFK7EBZPX_cjs.setMark(type, attrs);
-    const tr = new chunkFK7EBZPX_cjs.Transaction(state);
-    for (const { region, length } of cells) {
-      const start = { block: range.block, region, offset: 0 };
-      const whole = chunkFK7EBZPX_cjs.textSelection(start, { ...start, offset: length });
-      mark({ ...state, doc: tr.doc, selection: whole, storedMarks: null }, (cell) => {
-        for (const step of cell.steps) tr.step(step);
-      });
-    }
-    if (!tr.docChanged) return false;
-    dispatch?.(tr);
+    dispatch?.(new chunkZ5EEDCRI_cjs.Transaction(state).setSelection(selection));
     return true;
   };
 }
@@ -168,7 +100,7 @@ function setCellsMark(type, attrs) {
 var CONTROLS_SLOT = "data-quoin-table-controls";
 var controlsSlot = (controller, blockId) => controller.blockElement(blockId)?.querySelector(`[${CONTROLS_SLOT}]`) ?? null;
 var TableCell = react.memo(function TableCell2({ controller, blockId, row, col, header, align, label }) {
-  const inRange = chunk2QKFRKOP_cjs.useEditorState(
+  const inRange = chunkN25EH2GZ_cjs.useEditorState(
     controller,
     react.useCallback(
       (state) => {
@@ -187,7 +119,7 @@ var TableCell = react.memo(function TableCell2({ controller, blockId, row, col,
       "data-col": col,
       "data-in-range": inRange ? "" : void 0,
       style: align === null ? void 0 : { textAlign: align },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunk2QKFRKOP_cjs.EditableRegion, { block: blockId, region: chunkI7X7B3WD_cjs.cellKey(row, col), label, className: "quoin-table-text" })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkN25EH2GZ_cjs.EditableRegion, { block: blockId, region: chunk4JDRDPLC_cjs.cellKey(row, col), label, className: "quoin-table-text" })
     }
   );
 });
@@ -224,13 +156,67 @@ function useWidthPreview(controller, blockId) {
   return react.useSyncExternalStore(store.subscribe, read, read);
 }
 
+// src/engine/commands/cell-commands.ts
+function filledCells(doc, range) {
+  const regions = chunk4JDRDPLC_cjs.blockById(doc, range.block)?.regions ?? {};
+  return cellsInRange(range).flatMap((cell) => {
+    const region = chunk4JDRDPLC_cjs.cellKey(...cell);
+    const length = chunk4JDRDPLC_cjs.inlineLength(regions[region] ?? []);
+    return length > 0 ? [{ region, length }] : [];
+  });
+}
+function overCells(state, write) {
+  const { selection } = state;
+  if (cellSelection(state) === null || selection?.kind !== "text") return null;
+  const tr = new chunkZ5EEDCRI_cjs.Transaction(state);
+  return tr.setSelection(chunkZ5EEDCRI_cjs.textSelection(write(tr, chunkZ5EEDCRI_cjs.deleteRange(tr, state.schema, selection.anchor, selection.head))));
+}
+var deleteCellContents = (state, dispatch) => {
+  const tr = overCells(state, (_, caret) => caret);
+  if (tr !== null) dispatch?.(tr);
+  return tr !== null;
+};
+function typeOverCells(content) {
+  return (state, dispatch) => {
+    if (content.length === 0) return false;
+    const tr = overCells(state, (into, caret) => {
+      if (typeof content === "string") return chunkZ5EEDCRI_cjs.insertTextAt(into, state.schema, caret, content);
+      into.step(chunkZ5EEDCRI_cjs.replaceInlineStep(caret.block, caret.region, caret.offset, caret.offset, content));
+      return { ...caret, offset: caret.offset + chunk4JDRDPLC_cjs.inlineLength(content) };
+    });
+    if (tr !== null) dispatch?.(tr);
+    return tr !== null;
+  };
+}
+function setCellsMark(type, attrs) {
+  return (state, dispatch) => {
+    const range = cellSelection(state);
+    const cells = range === null ? [] : filledCells(state.doc, range);
+    const regions = range === null ? void 0 : chunk4JDRDPLC_cjs.blockById(state.doc, range.block)?.regions;
+    if (range === null || regions === void 0 || cells.length === 0) return false;
+    const carried = cells.every(({ region }) => chunkZ5EEDCRI_cjs.markCoverage(regions[region], type, attrs).every);
+    const mark = carried ? chunkZ5EEDCRI_cjs.toggleMark(type, attrs) : chunkZ5EEDCRI_cjs.setMark(type, attrs);
+    const tr = new chunkZ5EEDCRI_cjs.Transaction(state);
+    for (const { region, length } of cells) {
+      const start = { block: range.block, region, offset: 0 };
+      const whole = chunkZ5EEDCRI_cjs.textSelection(start, { ...start, offset: length });
+      mark({ ...state, doc: tr.doc, selection: whole, storedMarks: null }, (cell) => {
+        for (const step of cell.steps) tr.step(step);
+      });
+    }
+    if (!tr.docChanged) return false;
+    dispatch?.(tr);
+    return true;
+  };
+}
+
 // src/engine/commands/table-commands.ts
 function changeTable(blockId, change, plan) {
   return (state, dispatch) => {
     const block = tableBlock(state.doc, blockId);
     const next = block && change(block);
     if (!next) return false;
-    const tr = new chunkFK7EBZPX_cjs.Transaction(state).step(chunkFK7EBZPX_cjs.replaceBlockStep(next));
+    const tr = new chunkZ5EEDCRI_cjs.Transaction(state).step(chunkZ5EEDCRI_cjs.replaceBlockStep(next));
     dispatch?.(plan ? tr.setSelection(followedSelection(state.selection, blockId, plan)) : tr);
     return true;
   };
@@ -334,35 +320,35 @@ var setColumnWidth = (blockId, col, px, drawn) => changeTable(blockId, (block) =
   if (!isIndex(col, cols) || !(width > 0)) return null;
   const stored = storedWidths(block, cols);
   if (stored?.[col] === width) return null;
-  const measured = drawn && validWidths(drawn.map(Math.round), cols);
+  const measured = drawn && chunk4JDRDPLC_cjs.validWidths(drawn.map(Math.round), cols);
   const widths = stored ?? measured ?? Array(cols).fill(DEFAULT_COLUMN_WIDTH);
   return withAttrs(block, { widths: spliced(widths, col, 1, width) });
 });
 var isCount = (value) => Number.isInteger(value) && value > 0;
 function emptyCells({ rows, cols }) {
   const regions = {};
-  for (let row = 0; row < rows; row++) for (let col = 0; col < cols; col++) regions[chunkI7X7B3WD_cjs.cellKey(row, col)] = [];
+  for (let row = 0; row < rows; row++) for (let col = 0; col < cols; col++) regions[chunk4JDRDPLC_cjs.cellKey(row, col)] = [];
   return regions;
 }
 function insertTable(rows, cols, options = {}) {
   return (state, dispatch) => {
     const { doc, schema } = state;
-    const id = chunkFK7EBZPX_cjs.headBlockId(state.selection);
+    const id = chunkZ5EEDCRI_cjs.headBlockId(state.selection);
     if (id === null || !isCount(rows) || !isCount(cols)) return false;
-    const index = chunkI7X7B3WD_cjs.requireBlockIndex(doc, id);
+    const index = chunk4JDRDPLC_cjs.requireBlockIndex(doc, id);
     const current = doc.blocks[index];
-    const fills = chunkFK7EBZPX_cjs.isParagraph(current) && chunkFK7EBZPX_cjs.regionLength(current, chunkFK7EBZPX_cjs.primaryRegion(schema, current) ?? "") === 0;
+    const fills = chunkZ5EEDCRI_cjs.isParagraph(current) && chunkZ5EEDCRI_cjs.regionLength(current, chunkZ5EEDCRI_cjs.primaryRegion(schema, current) ?? "") === 0;
     const table = {
-      id: fills ? current.id : (options.newId ?? chunkI7X7B3WD_cjs.newId)(),
+      id: fills ? current.id : (options.newId ?? chunk4JDRDPLC_cjs.newId)(),
       type: "TABLE",
       indent: current.indent,
       attrs: { header: true, align: Array.from({ length: cols }, () => null), rows, cols },
       regions: emptyCells({ rows, cols })
     };
-    const tr = new chunkFK7EBZPX_cjs.Transaction(state).step(
-      fills ? chunkFK7EBZPX_cjs.replaceBlockStep(table) : chunkFK7EBZPX_cjs.insertBlocksStep(chunkFK7EBZPX_cjs.descendantsEnd(doc, index), [table])
+    const tr = new chunkZ5EEDCRI_cjs.Transaction(state).step(
+      fills ? chunkZ5EEDCRI_cjs.replaceBlockStep(table) : chunkZ5EEDCRI_cjs.insertBlocksStep(chunkZ5EEDCRI_cjs.descendantsEnd(doc, index), [table])
     );
-    dispatch?.(tr.setSelection(chunkFK7EBZPX_cjs.textSelection({ block: table.id, region: chunkI7X7B3WD_cjs.cellKey(0, 0), offset: 0 })));
+    dispatch?.(tr.setSelection(chunkZ5EEDCRI_cjs.textSelection({ block: table.id, region: chunk4JDRDPLC_cjs.cellKey(0, 0), offset: 0 })));
     return true;
   };
 }
@@ -372,18 +358,18 @@ function headCell({ doc, selection }) {
   if (selection?.kind !== "text") return null;
   const { head } = selection;
   const block = tableBlock(doc, head.block);
-  const cell = block && cellOf(head.region);
+  const cell = block && chunkZ5EEDCRI_cjs.cellOf(head.region);
   return block && cell ? { block, cell, head, shape: tableShape(block) } : null;
 }
-var cellLength = (block, [row, col]) => chunkI7X7B3WD_cjs.inlineLength(block.regions[chunkI7X7B3WD_cjs.cellKey(row, col)] ?? []);
+var cellLength = (block, [row, col]) => chunk4JDRDPLC_cjs.inlineLength(block.regions[chunk4JDRDPLC_cjs.cellKey(row, col)] ?? []);
 var cellPos = (block, cell, atEnd = false) => ({
   block: block.id,
-  region: chunkI7X7B3WD_cjs.cellKey(...cell),
+  region: chunk4JDRDPLC_cjs.cellKey(...cell),
   offset: atEnd ? cellLength(block, cell) : 0
 });
-var moveTo = (state, pos) => new chunkFK7EBZPX_cjs.Transaction(state).setSelection(chunkFK7EBZPX_cjs.textSelection(pos));
+var moveTo = (state, pos) => new chunkZ5EEDCRI_cjs.Transaction(state).setSelection(chunkZ5EEDCRI_cjs.textSelection(pos));
 var thenCaretIn = (command, blockId, at) => (state, dispatch) => {
-  const caret = chunkFK7EBZPX_cjs.textSelection({ block: blockId, region: chunkI7X7B3WD_cjs.cellKey(...at), offset: 0 });
+  const caret = chunkZ5EEDCRI_cjs.textSelection({ block: blockId, region: chunk4JDRDPLC_cjs.cellKey(...at), offset: 0 });
   return command(state, dispatch && ((tr) => dispatch(tr.setSelection(caret))));
 };
 var cellAtIndex = (index, { cols }) => [Math.floor(index / cols), index % cols];
@@ -416,11 +402,11 @@ var enterInCell = (state, dispatch) => {
   if (row === shape.rows - 1 && cellLength(block, cell) === 0) {
     return thenCaretIn(addRow(block.id, shape.rows), block.id, [shape.rows, col])(state, dispatch);
   }
-  return chunkFK7EBZPX_cjs.insertHardBreak(state, dispatch);
+  return chunkZ5EEDCRI_cjs.insertHardBreak(state, dispatch);
 };
 var stopAtCellEdge = (atEnd) => (state) => {
   const caret = headCell(state);
-  if (caret === null || !chunkFK7EBZPX_cjs.isCollapsed(state.selection)) return false;
+  if (caret === null || !chunkZ5EEDCRI_cjs.isCollapsed(state.selection)) return false;
   return caret.head.offset === (atEnd ? cellLength(caret.block, caret.cell) : 0);
 };
 var firstThatApplies = (...commands) => (state, dispatch) => commands.some((command) => command(state, dispatch));
@@ -442,7 +428,7 @@ var tableKeymap = {
 };
 
 // src/extensions/table/use-cell-press.ts
-function cellOf2(element) {
+function pressedCell(element) {
   const row = element.getAttribute("data-row");
   const col = element.getAttribute("data-col");
   return element.matches("td, th") && row !== null && col !== null ? [Number(row), Number(col)] : null;
@@ -452,8 +438,8 @@ function useCellPress(controller, blockId, table, editable) {
     const element = table.current;
     if (!editable || element === null) return;
     const onPointerDown = (event) => {
-      const cell = event.button === 0 && event.pointerType !== "touch" ? cellOf2(event.target) : null;
-      const block = cell && chunkI7X7B3WD_cjs.blockById(controller.editor.state.doc, blockId);
+      const cell = event.button === 0 && event.pointerType !== "touch" ? pressedCell(event.target) : null;
+      const block = cell && chunk4JDRDPLC_cjs.blockById(controller.editor.state.doc, blockId);
       if (!cell || !block) return;
       event.preventDefault();
       event.stopPropagation();
@@ -464,7 +450,7 @@ function useCellPress(controller, blockId, table, editable) {
   }, [controller, blockId, table, editable]);
 }
 function useRevealCell(controller, blockId) {
-  const region = chunk2QKFRKOP_cjs.useEditorState(
+  const region = chunkN25EH2GZ_cjs.useEditorState(
     controller,
     react.useCallback(
       (state) => {
@@ -481,97 +467,15 @@ function useRevealCell(controller, blockId) {
     host.closest("td, th")?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
   }, [controller, blockId, region]);
 }
-
-// src/extensions/table/vertical-cell-move.ts
-var VERTICAL = { ArrowUp: -1, ArrowDown: 1 };
-function caretAtGoal(controller, blockId, cell, direction) {
-  const region = chunkI7X7B3WD_cjs.cellKey(...cell);
-  const host = controller.registry.get(blockId, region);
-  const { goalX } = controller;
-  const line = host && chunk2QKFRKOP_cjs.lineEdgeRect(host, direction < 0);
-  if (!host || !line || goalX === null) return null;
-  const box = host.getBoundingClientRect();
-  const x = Math.min(Math.max(goalX, box.left), box.right - 1);
-  const point = chunk2QKFRKOP_cjs.caretFromPoint(host.ownerDocument, x, line.top + line.height / 2);
-  const pos = point && chunk2QKFRKOP_cjs.domToPos(controller.registry, point.node, point.offset);
-  return pos && pos.block === blockId && pos.region === region ? pos : null;
-}
-var plainArrow = (event) => event.altKey || event.ctrlKey || event.metaKey ? void 0 : VERTICAL[event.key];
-function caretOnEdgeLine(controller, head, direction) {
-  const host = controller.registry.get(head.block, head.region);
-  const point = chunk2QKFRKOP_cjs.posToDom(controller.registry, head);
-  if (!host || !point || !(direction < 0 ? chunk2QKFRKOP_cjs.isOnFirstLine(host, point) : chunk2QKFRKOP_cjs.isOnLastLine(host, point))) return null;
-  return { left: chunk2QKFRKOP_cjs.caretClientRect(point)?.left ?? null };
-}
-function columnAt(controller, blockId, row, x) {
-  const cells = Array.from(controller.blockElement(blockId)?.querySelector("table")?.rows[row]?.cells ?? []);
-  const index = cells.findIndex((cell) => x < cell.getBoundingClientRect().right);
-  return index === -1 ? Math.max(cells.length - 1, 0) : index;
-}
-function enterTable(controller, blockId, event) {
-  const direction = plainArrow(event);
-  const { state } = controller.editor;
-  const { selection } = state;
-  const block = tableBlock(state.doc, blockId);
-  if (direction === void 0 || event.shiftKey || block === null || selection?.kind !== "text") return false;
-  if (!chunkFK7EBZPX_cjs.isCollapsed(selection) || chunk2QKFRKOP_cjs.neighbourBlock(state.doc, selection.head.block, direction)?.id !== blockId) return false;
-  const caret = caretOnEdgeLine(controller, selection.head, direction);
-  if (caret === null) return false;
-  controller.goalX ??= caret.left;
-  const { rows, cols } = tableShape(block);
-  const row = direction > 0 ? 0 : rows - 1;
-  const { goalX } = controller;
-  const cell = [row, goalX === null ? direction > 0 ? 0 : cols - 1 : columnAt(controller, blockId, row, goalX)];
-  const pos = caretAtGoal(controller, blockId, cell, direction) ?? cellPos(block, cell, direction < 0);
-  controller.dispatch(controller.editor.createTransaction().setSelection(chunkFK7EBZPX_cjs.textSelection(pos)));
-  return true;
-}
-function moveBetweenRows(controller, blockId, event) {
-  const direction = plainArrow(event);
-  const { state } = controller.editor;
-  const caret = headCell(state);
-  if (direction === void 0 || caret === null || caret.block.id !== blockId || state.selection?.kind !== "text") {
-    return false;
-  }
-  const target = [caret.cell[0] + direction, caret.cell[1]];
-  if (target[0] < 0 || target[0] >= caret.shape.rows) return false;
-  const edge = caretOnEdgeLine(controller, caret.head, direction);
-  if (edge === null) return false;
-  controller.goalX ??= edge.left;
-  const pos = caretAtGoal(controller, blockId, target, direction) ?? cellPos(caret.block, target, direction < 0);
-  const selection = event.shiftKey ? chunkFK7EBZPX_cjs.textSelection(state.selection.anchor, pos) : chunkFK7EBZPX_cjs.textSelection(pos);
-  controller.dispatch(controller.editor.createTransaction().setSelection(selection));
-  return true;
-}
-
-// src/extensions/table/use-table-keys.ts
-var printable = (event) => [...event.key].length === 1 && !event.ctrlKey && !event.metaKey;
-function typeOver(controller, blockId, event) {
-  if (cellSelection(controller.editor.state)?.block !== blockId || !printable(event)) return false;
-  return controller.run(typeOverCells(event.key));
-}
-function useTableKeys(controller, blockId, editable) {
-  react.useEffect(() => {
-    if (!editable) return;
-    const intercept = (event) => {
-      if (chunk2QKFRKOP_cjs.isComposingKey(controller, event)) return false;
-      const handled = typeOver(controller, blockId, event) || moveBetweenRows(controller, blockId, event) || enterTable(controller, blockId, event);
-      if (handled) event.preventDefault();
-      return handled;
-    };
-    return chunkEBSDPHPS_cjs.interceptKeys(controller, intercept);
-  }, [controller, blockId, editable]);
-}
 var indexes = (from, to) => Array.from({ length: Math.max(to - from, 0) }, (_, i) => from + i);
 function TableBlock({ block, controller, labels }) {
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const table = react.useRef(null);
   const { rows, cols } = tableShape(block);
   const header = block.attrs.header !== false && rows > 0;
   const aligns = columnAligns(block, cols);
   const preview = useWidthPreview(controller, block.id);
   const widths = preview?.length === cols ? preview : storedWidths(block, cols);
-  useTableKeys(controller, block.id, !readOnly);
   useCellPress(controller, block.id, table, !readOnly);
   useRevealCell(controller, block.id);
   const row = (index) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: indexes(0, cols).map((col) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -588,7 +492,7 @@ function TableBlock({ block, controller, labels }) {
     col
   )) }, index);
   const scroller = readOnly ? { role: "region", "aria-label": labels.table, tabIndex: 0 } : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { contentEditable: false, className: "quoin-table", "data-readonly": readOnly ? "" : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `quoin-table-scroll ${readOnly ? chunkEBSDPHPS_cjs.FOCUS_RING : ""}`, ...scroller, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { contentEditable: false, className: "quoin-table", "data-readonly": readOnly ? "" : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `quoin-table-scroll ${readOnly ? chunk4UFWFV43_cjs.FOCUS_RING : ""}`, ...scroller, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "table",
       {
@@ -612,10 +516,10 @@ function lineCells(block, index, axis) {
   const { rows, cols } = tableShape(block);
   return Array.from(
     { length: axis === "row" ? cols : rows },
-    (_, other) => axis === "row" ? block.regions[chunkI7X7B3WD_cjs.cellKey(index, other)] ?? EMPTY : block.regions[chunkI7X7B3WD_cjs.cellKey(other, index)] ?? EMPTY
+    (_, other) => axis === "row" ? block.regions[chunk4JDRDPLC_cjs.cellKey(index, other)] ?? EMPTY : block.regions[chunk4JDRDPLC_cjs.cellKey(other, index)] ?? EMPTY
   );
 }
-var sameLine = (before, after, index, axis) => chunkI7X7B3WD_cjs.sameItems(lineCells(before, index, axis), lineCells(after, index, axis), chunkI7X7B3WD_cjs.equalInline);
+var sameLine = (before, after, index, axis) => chunk4JDRDPLC_cjs.sameItems(lineCells(before, index, axis), lineCells(after, index, axis), chunk4JDRDPLC_cjs.equalInline);
 function sameMenuCells(opened, current, target, axis) {
   const shape = tableShape(opened);
   const lines = axis === "row" ? shape.rows : shape.cols;
@@ -632,7 +536,7 @@ var STEP = 10;
 var LARGE_STEP = 50;
 var clampWidth = (px) => Math.min(MAX_COLUMN_WIDTH, Math.max(MIN_COLUMN_WIDTH, Math.round(px)));
 function ColumnResizer(props) {
-  const { controller, labels, blockId, col, drawn, style, resizerRef, onHold, onBack } = props;
+  const { controller, labels, blockId, col, drawn, direction, style, resizerRef, onHold, onBack } = props;
   const drag = react.useRef(null);
   const width = Math.round(drawn[col] ?? 0);
   const store = tableUiStore(controller);
@@ -640,11 +544,12 @@ function ColumnResizer(props) {
     if (!controller.readOnly) controller.run(setColumnWidth(blockId, col, px, widths));
   };
   const onKeyDown = (event) => {
-    if (chunk2QKFRKOP_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkN25EH2GZ_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const step = event.shiftKey ? LARGE_STEP : STEP;
     const tab = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
-    if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
-      const next = clampWidth(width + (event.key === "ArrowLeft" ? -step : step));
+    const arrow = chunkN25EH2GZ_cjs.arrowAsWritten(event.key, direction);
+    if (arrow === "ArrowLeft" || arrow === "ArrowRight") {
+      const next = clampWidth(width + (arrow === "ArrowLeft" ? -step : step));
       if (next !== width) write(next, drawn);
     } else if (tab && event.shiftKey) onBack();
     else if (tab || event.key === "Escape") controller.focus();
@@ -660,7 +565,8 @@ function ColumnResizer(props) {
   const onPointerMove = (event) => {
     const current = drag.current;
     if (current === null) return;
-    current.to = clampWidth(current.widths[col] + event.clientX - current.x);
+    const moved = event.clientX - current.x;
+    current.to = clampWidth(current.widths[col] + (direction === "rtl" ? -moved : moved));
     const widths = current.widths.map((px, i) => i === col ? current.to ?? px : px);
     store.set({ preview: { block: blockId, widths } });
   };
@@ -677,7 +583,7 @@ function ColumnResizer(props) {
     },
     [store]
   );
-  const end2 = () => {
+  const end = () => {
     const ended = stop();
     if (ended?.to != null && ended.to !== Math.round(ended.widths[col])) write(ended.to, ended.widths);
   };
@@ -695,11 +601,11 @@ function ColumnResizer(props) {
       "aria-valuetext": labels.columnWidth(width),
       className: "quoin-table-resizer",
       style,
-      ...{ [chunk2QKFRKOP_cjs.NATIVE_INTERACTION]: "" },
+      ...{ [chunkN25EH2GZ_cjs.NATIVE_INTERACTION]: "" },
       onKeyDown,
       onPointerDown,
       onPointerMove,
-      onPointerUp: end2,
+      onPointerUp: end,
       onPointerCancel: stop
     }
   );
@@ -710,20 +616,20 @@ function HandleMenu({ controller, axis, label, style, items, open, onOpenChange,
     if (controller.run(item3.command)) controller.announce(item3.done);
   };
   const item2 = (entry) => /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkEBSDPHPS_cjs.DropdownMenuItem,
+    chunk4UFWFV43_cjs.DropdownMenuItem,
     {
       disabled: entry.disabled,
       className: entry.destructive ? DESTRUCTIVE : void 0,
       onSelect: () => run(entry),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.MenuIcon, { icon: entry.icon }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.MenuIcon, { icon: entry.icon }),
         entry.label
       ]
     },
     entry.id
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkEBSDPHPS_cjs.DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk4UFWFV43_cjs.DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         ref: buttonRef,
@@ -733,22 +639,22 @@ function HandleMenu({ controller, axis, label, style, items, open, onOpenChange,
         "data-axis": axis,
         className: "quoin-table-handle",
         style,
-        children: axis === "row" ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.GripVertical, { "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.GripHorizontal, { "aria-hidden": "true" })
+        children: axis === "row" ? /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.GripVertical, { "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.GripHorizontal, { "aria-hidden": "true" })
       }
     ) }),
     open && /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEBSDPHPS_cjs.DropdownMenuContent,
+      chunk4UFWFV43_cjs.DropdownMenuContent,
       {
         align: "start",
         "aria-label": label,
         "aria-labelledby": void 0,
-        onCloseAutoFocus: chunkEBSDPHPS_cjs.returnFocusToText(controller),
-        ...chunkEBSDPHPS_cjs.bubblePart(controller),
+        onCloseAutoFocus: chunk4UFWFV43_cjs.returnFocusToText(controller),
+        ...chunk4UFWFV43_cjs.bubblePart(controller),
         children: [
           items.filter((entry) => !entry.destructive).map(item2),
           children,
           items.filter((entry) => entry.destructive).map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.DropdownMenuSeparator, {}),
             item2(entry)
           ] }, entry.id))
         ]
@@ -757,16 +663,59 @@ function HandleMenu({ controller, axis, label, style, items, open, onOpenChange,
   ] });
 }
 
+// src/extensions/table/table-geometry.ts
+function measureTable(table, origin) {
+  const box = table.getBoundingClientRect();
+  const first = table.rows[0];
+  return {
+    left: box.left - origin.left,
+    top: box.top - origin.top,
+    width: box.width,
+    height: box.height,
+    rows: Array.from(table.rows, (row) => {
+      const rect = row.getBoundingClientRect();
+      return { start: rect.top - origin.top, size: rect.height };
+    }),
+    cols: Array.from(first?.cells ?? [], (cell) => {
+      const rect = cell.getBoundingClientRect();
+      return { start: rect.left - origin.left, size: rect.width };
+    }),
+    direction: chunkN25EH2GZ_cjs.inlineDirection(table)
+  };
+}
+var sameSpans = (a, b) => a.length === b.length && a.every((span, i) => span.start === b[i].start && span.size === b[i].size);
+var sameGeometry = (a, b) => a === b || a !== null && b !== null && a.left === b.left && a.top === b.top && a.width === b.width && a.height === b.height && a.direction === b.direction && sameSpans(a.rows, b.rows) && sameSpans(a.cols, b.cols);
+var spanEnd = (span) => span.start + span.size;
+var leadingEdge = (span, direction) => direction === "rtl" ? spanEnd(span) : span.start;
+var trailingEdge = (span, direction) => direction === "rtl" ? span.start : spanEnd(span);
+function spanAt(spans, at) {
+  const inside = spans.findIndex((span) => span.start <= at && at < spanEnd(span));
+  if (inside !== -1) return inside;
+  const distances = spans.map((span) => Math.min(Math.abs(span.start - at), Math.abs(spanEnd(span) - at)));
+  return distances.indexOf(Math.min(...distances));
+}
+function edgeNear(spans, at, reach, direction = "ltr") {
+  if (spans.length === 0) return null;
+  const last = trailingEdge(spans[spans.length - 1], direction);
+  const edges = [...spans.map((span) => leadingEdge(span, direction)), last];
+  const index = edges.findIndex((edge) => Math.abs(edge - at) <= reach);
+  return index === -1 ? null : index;
+}
+function edgeAt(spans, edge, direction = "ltr") {
+  if (edge === null || !Number.isInteger(edge) || edge < 0 || edge > spans.length || spans.length === 0) return null;
+  return edge === spans.length ? trailingEdge(spans[edge - 1], direction) : leadingEdge(spans[edge], direction);
+}
+
 // src/extensions/table/table-menu-items.ts
 var item = (id, label, icon, command, done, options = {}) => ({ id, label, icon, command, done, ...options });
 function rowMenuItems(labels, blockId, row, { rows }) {
   const { rowInserted, rowMoved, rowDeleted } = labels;
   return [
-    item("above", labels.insertRowAbove, chunkEBSDPHPS_cjs.ArrowUpToLine, addRow(blockId, row), rowInserted),
-    item("below", labels.insertRowBelow, chunkEBSDPHPS_cjs.ArrowDownToLine, addRow(blockId, row + 1), rowInserted),
-    item("up", labels.moveRowUp, chunkEBSDPHPS_cjs.ArrowUp, moveRow(blockId, row, row - 1), rowMoved, { disabled: row === 0 }),
-    item("down", labels.moveRowDown, chunkEBSDPHPS_cjs.ArrowDown, moveRow(blockId, row, row + 1), rowMoved, { disabled: row === rows - 1 }),
-    item("delete", labels.deleteRow, chunkEBSDPHPS_cjs.Trash, removeRow(blockId, row), rowDeleted, { disabled: rows === 1, destructive: true })
+    item("above", labels.insertRowAbove, chunk4UFWFV43_cjs.ArrowUpToLine, addRow(blockId, row), rowInserted),
+    item("below", labels.insertRowBelow, chunk4UFWFV43_cjs.ArrowDownToLine, addRow(blockId, row + 1), rowInserted),
+    item("up", labels.moveRowUp, chunk4UFWFV43_cjs.ArrowUp, moveRow(blockId, row, row - 1), rowMoved, { disabled: row === 0 }),
+    item("down", labels.moveRowDown, chunk4UFWFV43_cjs.ArrowDown, moveRow(blockId, row, row + 1), rowMoved, { disabled: row === rows - 1 }),
+    item("delete", labels.deleteRow, chunk4UFWFV43_cjs.Trash, removeRow(blockId, row), rowDeleted, { disabled: rows === 1, destructive: true })
   ];
 }
 function columnMenuItems(labels, blockId, col, { cols }, direction = "ltr") {
@@ -777,32 +726,28 @@ function columnMenuItems(labels, blockId, col, { cols }, direction = "ltr") {
   const last = col === cols - 1;
   const [leftEdge, rightEdge] = direction === "rtl" ? [last, first] : [first, last];
   return [
-    item("left", labels.insertColumnLeft, chunkEBSDPHPS_cjs.ArrowLeftToLine, addColumn(blockId, direction === "rtl" ? col + 1 : col), columnInserted),
-    item("right", labels.insertColumnRight, chunkEBSDPHPS_cjs.ArrowRightToLine, addColumn(blockId, direction === "rtl" ? col : col + 1), columnInserted),
-    item("move-left", labels.moveColumnLeft, chunkEBSDPHPS_cjs.ArrowLeft, moveColumn(blockId, col, onTheLeft), columnMoved, { disabled: leftEdge }),
-    item("move-right", labels.moveColumnRight, chunkEBSDPHPS_cjs.ArrowRight, moveColumn(blockId, col, onTheRight), columnMoved, { disabled: rightEdge }),
-    item("delete", labels.deleteColumn, chunkEBSDPHPS_cjs.Trash, removeColumn(blockId, col), columnDeleted, {
+    item("left", labels.insertColumnLeft, chunk4UFWFV43_cjs.ArrowLeftToLine, addColumn(blockId, direction === "rtl" ? col + 1 : col), columnInserted),
+    item("right", labels.insertColumnRight, chunk4UFWFV43_cjs.ArrowRightToLine, addColumn(blockId, direction === "rtl" ? col : col + 1), columnInserted),
+    item("move-left", labels.moveColumnLeft, chunk4UFWFV43_cjs.ArrowLeft, moveColumn(blockId, col, onTheLeft), columnMoved, { disabled: leftEdge }),
+    item("move-right", labels.moveColumnRight, chunk4UFWFV43_cjs.ArrowRight, moveColumn(blockId, col, onTheRight), columnMoved, { disabled: rightEdge }),
+    item("delete", labels.deleteColumn, chunk4UFWFV43_cjs.Trash, removeColumn(blockId, col), columnDeleted, {
       disabled: cols === 1,
       destructive: true
     })
   ];
 }
 var alignItems = (labels) => [
-  { value: "left", label: labels.alignLeft, icon: chunkEBSDPHPS_cjs.AlignLeft, done: labels.alignedLeft },
-  { value: "center", label: labels.alignCenter, icon: chunkEBSDPHPS_cjs.AlignCenter, done: labels.alignedCenter },
-  { value: "right", label: labels.alignRight, icon: chunkEBSDPHPS_cjs.AlignRight, done: labels.alignedRight }
+  { value: "left", label: labels.alignLeft, icon: chunk4UFWFV43_cjs.AlignLeft, done: labels.alignedLeft },
+  { value: "center", label: labels.alignCenter, icon: chunk4UFWFV43_cjs.AlignCenter, done: labels.alignedCenter },
+  { value: "right", label: labels.alignRight, icon: chunk4UFWFV43_cjs.AlignRight, done: labels.alignedRight }
 ];
 var BESIDE = 4;
-var end = (span) => span.start + span.size;
-function edgeOf(spans, edge) {
-  if (edge === null || !Number.isInteger(edge) || edge < 0 || edge > spans.length || spans.length === 0) return null;
-  return edge === spans.length ? end(spans[edge - 1]) : spans[edge].start;
-}
+var besideRows = ({ left, width, direction }) => direction === "rtl" ? left + width + BESIDE : left - BESIDE;
 var middle = (span) => span.start + span.size / 2;
 var isTab = (event) => event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
 function TableHandles(props) {
   const { controller, labels, block, target, geometry, menu, onMenu, onHold, focusRequested, onFocused } = props;
-  const direction = controller.root === null ? "ltr" : chunk2QKFRKOP_cjs.inlineDirection(controller.root);
+  const { direction } = geometry;
   const rowHandle = react.useRef(null);
   const columnHandle = react.useRef(null);
   const resizer = react.useRef(null);
@@ -812,9 +757,9 @@ function TableHandles(props) {
   const align = columnAligns(block, shape.cols)[col];
   const drawn = geometry.cols.map((span) => span.size);
   const { rowEdge, colEdge } = target;
-  const rowInsertAt = edgeOf(geometry.rows, rowEdge);
-  const columnInsertAt = edgeOf(geometry.cols, colEdge);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  const rowInsertAt = edgeAt(geometry.rows, rowEdge);
+  const columnInsertAt = edgeAt(geometry.cols, colEdge, direction);
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     if (!focusRequested) return;
     (columnHandle.current ?? rowHandle.current)?.focus();
     onFocused();
@@ -825,7 +770,7 @@ function TableHandles(props) {
   const onKeyDown = (event) => {
     const handles = [rowHandle.current, columnHandle.current].filter((handle) => handle !== null);
     const index = handles.indexOf(event.target);
-    if (index === -1 || chunk2QKFRKOP_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (index === -1 || chunkN25EH2GZ_cjs.isComposingKey(controller, event.nativeEvent)) return;
     if (event.key === "ArrowLeft" || event.key === "ArrowRight") handles[(index + 1) % handles.length].focus();
     else if (isTab(event) && !event.shiftKey && resizer.current !== null) resizer.current.focus();
     else if (isTab(event) || event.key === "Escape") controller.focus();
@@ -843,7 +788,8 @@ function TableHandles(props) {
         blockId: block.id,
         col: index,
         drawn,
-        style: { left: end(span), top: geometry.top, height: geometry.height },
+        direction,
+        style: { left: trailingEdge(span, direction), top: geometry.top, height: geometry.height },
         resizerRef: index === col ? resizer : void 0,
         onHold,
         onBack: () => (columnHandle.current ?? rowHandle.current)?.focus()
@@ -857,13 +803,13 @@ function TableHandles(props) {
           controller,
           axis: "row",
           label: labels.rowOptions(row + 1),
-          style: place(geometry.left - BESIDE, middle(geometry.rows[row])),
+          style: place(besideRows(geometry), middle(geometry.rows[row])),
           items: rowMenuItems(labels, block.id, row, shape),
           open: menu === "row",
           onOpenChange: opener("row"),
           buttonRef: rowHandle,
           children: row === 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEBSDPHPS_cjs.DropdownMenuCheckboxItem,
+            chunk4UFWFV43_cjs.DropdownMenuCheckboxItem,
             {
               checked: block.attrs.header !== false,
               onCheckedChange: (on) => run(toggleHeaderRow(block.id), on ? labels.headerRowOn : labels.headerRowOff),
@@ -884,14 +830,14 @@ function TableHandles(props) {
           onOpenChange: opener("column"),
           buttonRef: columnHandle,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.DropdownMenuRadioGroup, { value: align ?? "", children: alignItems(labels).map(({ value, label, icon, done }) => /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkEBSDPHPS_cjs.DropdownMenuRadioItem,
+            /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.DropdownMenuRadioGroup, { value: align ?? "", children: alignItems(labels).map(({ value, label, icon, done }) => /* @__PURE__ */ jsxRuntime.jsxs(
+              chunk4UFWFV43_cjs.DropdownMenuRadioItem,
               {
                 value,
                 onSelect: () => align === value ? run(setColumnAlign(block.id, col, null), labels.alignmentCleared) : run(setColumnAlign(block.id, col, value), done),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.MenuIcon, { icon }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.MenuIcon, { icon }),
                   label
                 ]
               },
@@ -909,11 +855,11 @@ function TableHandles(props) {
         "aria-label": labels.insertRowAt(rowEdge + 1),
         "data-axis": "row",
         className: "quoin-table-insert",
-        style: place(geometry.left - BESIDE, rowInsertAt),
-        onPointerDown: chunkEBSDPHPS_cjs.keepFocus,
-        onMouseDown: chunkEBSDPHPS_cjs.keepFocus,
+        style: place(besideRows(geometry), rowInsertAt),
+        onPointerDown: chunk4UFWFV43_cjs.keepFocus,
+        onMouseDown: chunk4UFWFV43_cjs.keepFocus,
         onClick: () => run(addRow(block.id, rowEdge), labels.rowInserted),
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.Plus, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.Plus, { "aria-hidden": "true" })
       }
     ),
     colEdge !== null && columnInsertAt !== null && /* @__PURE__ */ jsxRuntime.jsx(
@@ -925,51 +871,17 @@ function TableHandles(props) {
         "data-axis": "column",
         className: "quoin-table-insert",
         style: place(columnInsertAt, geometry.top),
-        onPointerDown: chunkEBSDPHPS_cjs.keepFocus,
-        onMouseDown: chunkEBSDPHPS_cjs.keepFocus,
+        onPointerDown: chunk4UFWFV43_cjs.keepFocus,
+        onMouseDown: chunk4UFWFV43_cjs.keepFocus,
         onClick: () => run(addColumn(block.id, colEdge), labels.columnInserted),
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.Plus, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.Plus, { "aria-hidden": "true" })
       }
     )
   ] });
 }
-
-// src/extensions/table/table-geometry.ts
-function measureTable(table, origin) {
-  const box = table.getBoundingClientRect();
-  const first = table.rows[0];
-  return {
-    left: box.left - origin.left,
-    top: box.top - origin.top,
-    width: box.width,
-    height: box.height,
-    rows: Array.from(table.rows, (row) => {
-      const rect = row.getBoundingClientRect();
-      return { start: rect.top - origin.top, size: rect.height };
-    }),
-    cols: Array.from(first?.cells ?? [], (cell) => {
-      const rect = cell.getBoundingClientRect();
-      return { start: rect.left - origin.left, size: rect.width };
-    })
-  };
-}
-var sameSpans = (a, b) => a.length === b.length && a.every((span, i) => span.start === b[i].start && span.size === b[i].size);
-var sameGeometry = (a, b) => a === b || a !== null && b !== null && a.left === b.left && a.top === b.top && a.width === b.width && a.height === b.height && sameSpans(a.rows, b.rows) && sameSpans(a.cols, b.cols);
-function spanAt(spans, at) {
-  const inside = spans.findIndex((span) => at < span.start + span.size);
-  return inside === -1 ? spans.length - 1 : inside;
-}
-function edgeNear(spans, at, reach) {
-  if (spans.length === 0) return null;
-  const edges = [spans[0].start, ...spans.map((span) => span.start + span.size)];
-  const index = edges.findIndex((edge) => Math.abs(edge - at) <= reach);
-  return index === -1 ? null : index;
-}
-
-// src/extensions/table/use-table-geometry.ts
 function useTableGeometry(controller, blockId, slot) {
   const [geometry, setGeometry] = react.useState(null);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     const table = controller.blockElement(blockId)?.querySelector("table");
     const view = slot.ownerDocument.defaultView;
     if (!table || !view) return;
@@ -984,31 +896,103 @@ function useTableGeometry(controller, blockId, slot) {
       frame = view.requestAnimationFrame(measure);
     };
     const unsubscribe = controller.editor.subscribe(later);
+    const unwatch = chunk4UFWFV43_cjs.watchDirection(table, later);
     const observer = new ResizeObserver(later);
     observer.observe(table);
     view.addEventListener("resize", later);
     return () => {
       view.cancelAnimationFrame(frame);
       unsubscribe();
+      unwatch();
       observer.disconnect();
       view.removeEventListener("resize", later);
     };
   }, [controller, blockId, slot]);
   return geometry;
 }
-function useCutCells(controller) {
+
+// src/extensions/table/vertical-cell-move.ts
+var VERTICAL = { ArrowUp: -1, ArrowDown: 1 };
+function caretAtGoal(controller, blockId, cell, direction) {
+  const region = chunk4JDRDPLC_cjs.cellKey(...cell);
+  const host = controller.registry.get(blockId, region);
+  const { goalX } = controller;
+  const line = host && chunkN25EH2GZ_cjs.lineEdgeRect(host, direction < 0);
+  if (!host || !line || goalX === null) return null;
+  const box = host.getBoundingClientRect();
+  const x = Math.min(Math.max(goalX, box.left), box.right - 1);
+  const point = chunkN25EH2GZ_cjs.caretFromPoint(host.ownerDocument, x, line.top + line.height / 2);
+  const pos = point && chunkN25EH2GZ_cjs.domToPos(controller.registry, point.node, point.offset);
+  return pos && pos.block === blockId && pos.region === region ? pos : null;
+}
+var plainArrow = (event) => event.altKey || event.ctrlKey || event.metaKey ? void 0 : VERTICAL[event.key];
+function caretOnEdgeLine(controller, head, direction) {
+  const host = controller.registry.get(head.block, head.region);
+  const point = chunkN25EH2GZ_cjs.posToDom(controller.registry, head);
+  if (!host || !point || !(direction < 0 ? chunkN25EH2GZ_cjs.isOnFirstLine(host, point) : chunkN25EH2GZ_cjs.isOnLastLine(host, point))) return null;
+  return { left: chunkN25EH2GZ_cjs.caretClientRect(point)?.left ?? null };
+}
+function columnAt(controller, blockId, row, x) {
+  const cells = Array.from(controller.blockElement(blockId)?.querySelector("table")?.rows[row]?.cells ?? []);
+  const spans = cells.map((cell) => {
+    const { left, width } = cell.getBoundingClientRect();
+    return { start: left, size: width };
+  });
+  return Math.max(spanAt(spans, x), 0);
+}
+function enterTable(controller, event) {
+  const direction = plainArrow(event);
+  const { state } = controller.editor;
+  const { selection } = state;
+  if (direction === void 0 || event.shiftKey || selection?.kind !== "text" || !chunkZ5EEDCRI_cjs.isCollapsed(selection)) return false;
+  const block = chunkN25EH2GZ_cjs.neighbourBlock(state.doc, selection.head.block, direction);
+  if (block?.type !== "TABLE") return false;
+  const blockId = block.id;
+  const caret = caretOnEdgeLine(controller, selection.head, direction);
+  if (caret === null) return false;
+  controller.goalX ??= caret.left;
+  const { rows, cols } = tableShape(block);
+  const row = direction > 0 ? 0 : rows - 1;
+  const { goalX } = controller;
+  const cell = [row, goalX === null ? direction > 0 ? 0 : cols - 1 : columnAt(controller, blockId, row, goalX)];
+  const pos = caretAtGoal(controller, blockId, cell, direction) ?? cellPos(block, cell, direction < 0);
+  controller.dispatch(controller.editor.createTransaction().setSelection(chunkZ5EEDCRI_cjs.textSelection(pos)));
+  return true;
+}
+function moveBetweenRows(controller, event) {
+  const direction = plainArrow(event);
+  const { state } = controller.editor;
+  const caret = headCell(state);
+  if (direction === void 0 || caret === null || state.selection?.kind !== "text") return false;
+  const blockId = caret.block.id;
+  const target = [caret.cell[0] + direction, caret.cell[1]];
+  if (target[0] < 0 || target[0] >= caret.shape.rows) return false;
+  const edge = caretOnEdgeLine(controller, caret.head, direction);
+  if (edge === null) return false;
+  controller.goalX ??= edge.left;
+  const pos = caretAtGoal(controller, blockId, target, direction) ?? cellPos(caret.block, target, direction < 0);
+  const selection = event.shiftKey ? chunkZ5EEDCRI_cjs.textSelection(state.selection.anchor, pos) : chunkZ5EEDCRI_cjs.textSelection(pos);
+  controller.dispatch(controller.editor.createTransaction().setSelection(selection));
+  return true;
+}
+
+// src/extensions/table/use-table-keys.ts
+var printable = (event) => [...event.key].length === 1 && !event.ctrlKey && !event.metaKey;
+function typeOver(controller, event) {
+  if (cellSelection(controller.editor.state) === null || !printable(event)) return false;
+  return controller.run(typeOverCells(event.key));
+}
+function useTableKeys(controller, editable) {
   react.useEffect(() => {
-    const root = controller.root;
-    if (root === null) return;
-    const onCut = (event) => {
-      if (controller.readOnly || cellSelection(controller.editor.state) === null) return;
-      event.stopPropagation();
-      chunk2QKFRKOP_cjs.handleCopy(controller, event, false);
-      controller.run(deleteCellContents);
+    if (!editable) return;
+    const intercept = (event) => {
+      if (chunkN25EH2GZ_cjs.isComposingKey(controller, event)) return false;
+      const handled = typeOver(controller, event) || moveBetweenRows(controller, event) || enterTable(controller, event);
+      if (handled) event.preventDefault();
+      return handled;
     };
-    root.addEventListener("cut", onCut, true);
-    return () => root.removeEventListener("cut", onCut, true);
-  }, [controller]);
+    return chunk4UFWFV43_cjs.interceptKeys(controller, intercept);
+  }, [controller, editable]);
 }
 var EDGE_ZONE = 24;
 var EDGE_REACH = 8;
@@ -1019,6 +1003,7 @@ function caretTarget(state) {
   const caret = headCell(state);
   return caret && { block: caret.block.id, row: caret.cell[0], col: caret.cell[1], rowEdge: null, colEdge: null };
 }
+var nearRowStarts = ({ left, width, direction }, x) => direction === "rtl" ? x > left + width - EDGE_ZONE : x < left + EDGE_ZONE;
 function pointerTarget(controller, event) {
   const blockId = controller.blockAt(event.target);
   const block = blockId === void 0 ? null : tableBlock(controller.editor.state.doc, blockId);
@@ -1029,8 +1014,8 @@ function pointerTarget(controller, event) {
   const row = spanAt(geometry.rows, y);
   const col = spanAt(geometry.cols, x);
   if (row < 0 || col < 0) return null;
-  const rowEdge = x < geometry.left + EDGE_ZONE ? edgeNear(geometry.rows, y, EDGE_REACH) : null;
-  const colEdge = y < geometry.top + EDGE_ZONE ? edgeNear(geometry.cols, x, EDGE_REACH) : null;
+  const rowEdge = nearRowStarts(geometry, x) ? edgeNear(geometry.rows, y, EDGE_REACH) : null;
+  const colEdge = y < geometry.top + EDGE_ZONE ? edgeNear(geometry.cols, x, EDGE_REACH, geometry.direction) : null;
   return { block: block.id, row, col, rowEdge, colEdge };
 }
 function shapeOf(state, blockId) {
@@ -1047,9 +1032,9 @@ function focusOf(root) {
 function useTableTarget(controller, held) {
   const [hovered, setHovered] = react.useState(null);
   const [focus, setFocus] = react.useState("none");
-  const caret = chunk2QKFRKOP_cjs.useEditorState(controller, caretTarget, sameTarget);
+  const caret = chunkN25EH2GZ_cjs.useEditorState(controller, caretTarget, sameTarget);
   const hoveredBlock = hovered?.target.block ?? null;
-  const shape = chunk2QKFRKOP_cjs.useEditorState(
+  const shape = chunkN25EH2GZ_cjs.useEditorState(
     controller,
     react.useCallback((state) => hoveredBlock === null ? null : shapeOf(state, hoveredBlock), [hoveredBlock])
   );
@@ -1088,16 +1073,16 @@ function useTableTarget(controller, held) {
   return pointed ?? (focus === "editor" ? caret : null);
 }
 var isFocusKey = (event) => event.key === "F10" && event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
-var takesFocusKey = (state) => chunkFK7EBZPX_cjs.isCollapsed(state.selection) || cellSelection(state) !== null;
+var takesFocusKey = (state) => chunkZ5EEDCRI_cjs.isCollapsed(state.selection) || cellSelection(state) !== null;
 function TableControls({ controller, labels }) {
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const [held, setHeld] = react.useState(null);
   const [focusFor, setFocusFor] = react.useState(null);
   const [slot, setSlot] = react.useState(null);
   const target = useTableTarget(controller, held?.target ?? null);
-  useCutCells(controller);
+  useTableKeys(controller, !readOnly);
   const blockId = target?.block ?? null;
-  const block = chunk2QKFRKOP_cjs.useEditorState(
+  const block = chunkN25EH2GZ_cjs.useEditorState(
     controller,
     react.useCallback((state) => blockId === null ? null : tableBlock(state.doc, blockId), [blockId])
   );
@@ -1114,13 +1099,13 @@ function TableControls({ controller, labels }) {
     const intercept = (event) => {
       const { state } = controller.editor;
       const caret = caretTarget(state);
-      if (!isFocusKey(event) || chunk2QKFRKOP_cjs.isComposingKey(controller, event) || caret === null || !takesFocusKey(state)) return false;
+      if (!isFocusKey(event) || chunkN25EH2GZ_cjs.isComposingKey(controller, event) || caret === null || !takesFocusKey(state)) return false;
       event.preventDefault();
       setHeld({ target: caret, menu: null });
       setFocusFor(caret.block);
       return true;
     };
-    return chunkEBSDPHPS_cjs.interceptKeys(controller, intercept);
+    return chunk4UFWFV43_cjs.interceptKeys(controller, intercept);
   }, [controller, readOnly]);
   const onMenu = react.useCallback(
     (menu) => setHeld(menu === null || target === null || block === null ? null : { target, menu, opened: block }),
@@ -1131,11 +1116,13 @@ function TableControls({ controller, labels }) {
     setFocusFor(null);
     setHeld((current) => current?.menu === null ? null : current);
   }, []);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
-    const drawn = block === null || readOnly ? null : controlsSlot(controller, block.id);
-    setSlot((current) => current === drawn ? current : drawn);
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
+    const element = block === null || readOnly ? null : controlsSlot(controller, block.id);
+    const drawn = element && block && { block: block.id, element };
+    setSlot((current) => current?.element === drawn?.element && current?.block === drawn?.block ? current : drawn);
   });
-  if (target === null || block === null || readOnly || slot === null || !slot.isConnected) return null;
+  const placed = slot !== null && slot.block === block?.id && slot.element.isConnected ? slot.element : null;
+  if (target === null || block === null || readOnly || placed === null) return null;
   return reactDom.createPortal(
     /* @__PURE__ */ jsxRuntime.jsx(
       PlacedHandles,
@@ -1144,7 +1131,7 @@ function TableControls({ controller, labels }) {
         labels,
         block,
         target,
-        slot,
+        slot: placed,
         menu: held?.menu ?? null,
         onMenu,
         onHold,
@@ -1153,7 +1140,7 @@ function TableControls({ controller, labels }) {
       },
       block.id
     ),
-    slot
+    placed
   );
 }
 function PlacedHandles({ slot, ...props }) {
@@ -1161,6 +1148,78 @@ function PlacedHandles({ slot, ...props }) {
   return geometry === null ? null : /* @__PURE__ */ jsxRuntime.jsx(TableHandles, { ...props, geometry });
 }
 
+// src/engine/commands/paste-cells.ts
+var unmoved = (cell) => cell;
+function grown(block, rows, cols) {
+  const shape = tableShape(block);
+  if (rows <= shape.rows && cols <= shape.cols) return null;
+  const added = Math.max(cols - shape.cols, 0);
+  const widths = storedWidths(block, shape.cols);
+  return rebuiltTable(block, {
+    rows: Math.max(rows, shape.rows),
+    cols: shape.cols + added,
+    source: (row, col) => row < shape.rows && col < shape.cols ? [row, col] : null,
+    target: unmoved,
+    landing: unmoved,
+    attrs: {
+      align: [...columnAligns(block, shape.cols), ...Array(added).fill(null)],
+      ...widths && { widths: [...widths, ...Array(added).fill(widths[shape.cols - 1])] }
+    }
+  });
+}
+function pasteCells(source) {
+  return (state, dispatch) => {
+    const { doc, schema, selection } = state;
+    const { rows, cols } = tableShape(source);
+    if (selection?.kind !== "text" || rows === 0 || cols === 0) return false;
+    const { anchor, head } = selection;
+    const inCells = anchor.block === head.block && chunkZ5EEDCRI_cjs.cellOf(anchor.region) !== null && chunkZ5EEDCRI_cjs.cellOf(head.region) !== null;
+    if (!inCells || tableBlock(doc, head.block) === null) return false;
+    const tr = new chunkZ5EEDCRI_cjs.Transaction(state).setOrigin("paste");
+    const { from, to } = chunkZ5EEDCRI_cjs.orderedRange(doc, anchor, head);
+    const [top, left] = chunkZ5EEDCRI_cjs.cellOf(chunkZ5EEDCRI_cjs.deleteRange(tr, schema, from, to).region);
+    const larger = grown(tableBlock(tr.doc, head.block), top + rows, left + cols);
+    if (larger !== null) tr.step(chunkZ5EEDCRI_cjs.replaceBlockStep(larger));
+    const block = tableBlock(tr.doc, head.block);
+    let caret = head;
+    for (const [row, col] of chunkZ5EEDCRI_cjs.cellsBetween([0, 0], [rows - 1, cols - 1])) {
+      const region = chunk4JDRDPLC_cjs.cellKey(top + row, left + col);
+      const content = source.regions[chunk4JDRDPLC_cjs.cellKey(row, col)] ?? [];
+      const length = chunkZ5EEDCRI_cjs.regionLength(block, region);
+      if (length > 0 || content.length > 0) tr.step(chunkZ5EEDCRI_cjs.replaceInlineStep(block.id, region, 0, length, content));
+      caret = { block: block.id, region, offset: chunk4JDRDPLC_cjs.inlineLength(content) };
+    }
+    dispatch?.(tr.setSelection(chunkZ5EEDCRI_cjs.textSelection(caret)));
+    return true;
+  };
+}
+
+// src/extensions/table/paste-over-cells.ts
+function richBlocks(state, pasted) {
+  const slice = pasted?.json || pasted?.html ? chunkZ5EEDCRI_cjs.sliceFromClipboard({ json: pasted.json, html: pasted.html }) : null;
+  if (slice === null) return null;
+  const codec = chunk4JDRDPLC_cjs.createBlockCodec(state.schema);
+  const blocks = slice.blocks.flatMap((block) => codec.toEngineBlocks(block));
+  return { blocks, open: slice.openStart && slice.openEnd };
+}
+function lineOf(state, rich) {
+  const [only] = rich?.blocks ?? [];
+  if (!rich?.open || rich.blocks.length !== 1 || !chunkZ5EEDCRI_cjs.isTextFlow(state.schema, only)) return void 0;
+  return only.regions[chunkZ5EEDCRI_cjs.primaryRegion(state.schema, only) ?? ""];
+}
+var pasteOverCells = {
+  name: "table-cells",
+  match(text, state, pasted) {
+    const { doc, selection } = state;
+    if (selection?.kind !== "text" || tableBlock(doc, selection.head.block) === null) return null;
+    const rich = richBlocks(state, pasted);
+    const [only] = rich?.blocks.length === 1 ? rich.blocks : [];
+    if (only?.type === "TABLE") return pasteCells(only);
+    if (cellSelection(state) === null) return null;
+    return typeOverCells(lineOf(state, rich) ?? text.replace(/\r\n?/g, "\n"));
+  }
+};
+
 // src/extensions/table/table-labels.ts
 var englishTableLabels = {
   table: "Table",
@@ -1209,15 +1268,11 @@ var tableSlashItem = (labels) => ({
   title: labels.table,
   description: labels.tableDescription,
   group: "advanced",
-  icon: chunkEBSDPHPS_cjs.Table,
+  icon: chunk4UFWFV43_cjs.Table,
   keywords: ["grid", "rows", "columns", "spreadsheet", "|"],
   command: () => insertTable(NEW_TABLE.rows, NEW_TABLE.cols)
 });
 var ABOVE_CORE_KEYS = 200;
-var pasteOverCells = {
-  name: "table-cells",
-  match: (text, state) => cellSelection(state) === null ? null : typeOverCells(text.replace(/\r\n?/g, "\n"))
-};
 function tableExtension(options = {}) {
   const labels = resolveTableLabels(options.labels);
   const TableRenderer = (props) => /* @__PURE__ */ jsxRuntime.jsx(TableBlock, { ...props, labels });
@@ -1228,7 +1283,7 @@ function tableExtension(options = {}) {
     blockNames: { TABLE: labels.table },
     overlays: [TableOverlay]
   };
-  return chunkFK7EBZPX_cjs.defineExtension({
+  return chunkZ5EEDCRI_cjs.defineExtension({
     name: "table",
     priority: ABOVE_CORE_KEYS,
     plugins: [cellSelectionPlugin],