quoin-editor 1.0.2 → 1.1.1

package/dist/{chunk-C23RQVRK.js → chunk-MUIPM26J.js}

@@ -1,66 +1,11 @@
-import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-  FOCUS_RING,
-  MenuIcon,
-  bubblePart,
-  interceptKeys,
-  keepFocus,
-  returnFocusToText
-} from "./chunk-T43RZTUT.js";
-import {
-  EditableRegion,
-  NATIVE_INTERACTION,
-  caretClientRect,
-  caretFromPoint,
-  domToPos,
-  handleCopy,
-  isComposingKey,
-  isOnFirstLine,
-  isOnLastLine,
-  lineEdgeRect,
-  neighbourBlock,
-  posToDom,
-  useEditorState,
-  useIsomorphicLayoutEffect,
-  useReadOnly
-} from "./chunk-EPARJI4V.js";
-import {
-  Transaction,
-  createPluginKey,
-  defineExtension,
-  descendantsEnd,
-  headBlockId,
-  insertBlocksStep,
-  insertHardBreak,
-  insertTextAt,
-  isCollapsed,
-  isParagraph,
-  markCoverage,
-  primaryRegion,
-  regionLength,
-  replaceBlockStep,
-  replaceInlineStep,
-  setMark,
-  textSelection,
-  toggleMark
-} from "./chunk-OBMBSU2S.js";
-import {
-  blockById,
-  cellKey,
-  countOf,
-  equalInline,
-  inlineLength,
-  newId,
-  requireBlockIndex,
-  sameItems
-} from "./chunk-4XFXB37X.js";
+import { FOCUS_RING, interceptKeys, DropdownMenuCheckboxItem, DropdownMenuSeparator, DropdownMenuRadioGroup, DropdownMenuRadioItem, MenuIcon, keepFocus, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, bubblePart, returnFocusToText, DropdownMenuItem } from './chunk-DYWU4SQ2.js';
+import { useEditorState, EditableRegion, useReadOnly, useIsomorphicLayoutEffect, isComposingKey, handleCopy, neighbourBlock, NATIVE_INTERACTION, posToDom, isOnFirstLine, isOnLastLine, caretClientRect, lineEdgeRect, caretFromPoint, domToPos } from './chunk-IEP7BPFN.js';
+import { createPluginKey, markCoverage, toggleMark, setMark, Transaction, textSelection, headBlockId, isParagraph, regionLength, primaryRegion, replaceBlockStep, insertBlocksStep, descendantsEnd, defineExtension, replaceInlineStep, isCollapsed, insertHardBreak, insertTextAt } from './chunk-L4D23LM2.js';
+import { cellKey, blockById, inlineLength, requireBlockIndex, newId, countOf, sameItems, equalInline } from './chunk-L6OW2FL3.js';
+import { memo, useCallback, useRef, useState, useEffect, useSyncExternalStore, Fragment as Fragment$1 } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+import { Table, Plus, GripVertical, GripHorizontal, AlignLeft, AlignCenter, AlignRight, ArrowUpToLine, ArrowDownToLine, ArrowUp, ArrowDown, Trash, ArrowLeftToLine, ArrowRightToLine, ArrowLeft, ArrowRight } from 'lucide-react';
 
 // src/engine/commands/table-shape.ts
 var CELL = /^cell:(\d+):(\d+)$/;
@@ -217,16 +162,9 @@ function setCellsMark(type, attrs) {
   };
 }
 
-// src/extensions/table/TableBlock.tsx
-import { useRef } from "react";
-
 // src/extensions/table/controls-slot.ts
 var CONTROLS_SLOT = "data-quoin-table-controls";
 var controlsSlot = (controller, blockId) => controller.blockElement(blockId)?.querySelector(`[${CONTROLS_SLOT}]`) ?? null;
-
-// src/extensions/table/TableCell.tsx
-import { memo, useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
 var TableCell = memo(function TableCell2({ controller, blockId, row, col, header, align, label }) {
   const inRange = useEditorState(
     controller,
@@ -251,9 +189,6 @@ var TableCell = memo(function TableCell2({ controller, blockId, row, col, header
     }
   );
 });
-
-// src/extensions/table/table-ui-store.ts
-import { useCallback as useCallback2, useSyncExternalStore } from "react";
 function createTableUiStore() {
   let state = { preview: null };
   const listeners = /* @__PURE__ */ new Set();
@@ -280,16 +215,13 @@ function tableUiStore(controller) {
 }
 function useWidthPreview(controller, blockId) {
   const store = tableUiStore(controller);
-  const read = useCallback2(() => {
+  const read = useCallback(() => {
     const { preview } = store.get();
     return preview?.block === blockId ? preview.widths : null;
   }, [store, blockId]);
   return useSyncExternalStore(store.subscribe, read, read);
 }
 
-// src/extensions/table/use-cell-press.ts
-import { useEffect } from "react";
-
 // src/engine/commands/table-commands.ts
 function changeTable(blockId, change, plan) {
   return (state, dispatch) => {
@@ -529,13 +461,10 @@ function useCellPress(controller, blockId, table, editable) {
     return () => element.removeEventListener("pointerdown", onPointerDown);
   }, [controller, blockId, table, editable]);
 }
-
-// src/extensions/table/use-reveal-cell.ts
-import { useCallback as useCallback3, useEffect as useEffect2 } from "react";
 function useRevealCell(controller, blockId) {
   const region = useEditorState(
     controller,
-    useCallback3(
+    useCallback(
       (state) => {
         const caret = headCell(state);
         return caret?.block.id === blockId ? caret.head.region : null;
@@ -543,7 +472,7 @@ function useRevealCell(controller, blockId) {
       [blockId]
     )
   );
-  useEffect2(() => {
+  useEffect(() => {
     const host = region === null ? void 0 : controller.registry.get(blockId, region);
     const root = controller.root;
     if (!host || !root?.contains(root.ownerDocument.activeElement)) return;
@@ -551,9 +480,6 @@ function useRevealCell(controller, blockId) {
   }, [controller, blockId, region]);
 }
 
-// src/extensions/table/use-table-keys.ts
-import { useEffect as useEffect3 } from "react";
-
 // src/extensions/table/vertical-cell-move.ts
 var VERTICAL = { ArrowUp: -1, ArrowDown: 1 };
 function caretAtGoal(controller, blockId, cell, direction) {
@@ -623,7 +549,7 @@ function typeOver(controller, blockId, event) {
   return controller.run(typeOverCells(event.key));
 }
 function useTableKeys(controller, blockId, editable) {
-  useEffect3(() => {
+  useEffect(() => {
     if (!editable) return;
     const intercept = (event) => {
       if (isComposingKey(controller, event)) return false;
@@ -634,9 +560,6 @@ function useTableKeys(controller, blockId, editable) {
     return interceptKeys(controller, intercept);
   }, [controller, blockId, editable]);
 }
-
-// src/extensions/table/TableBlock.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var indexes = (from, to) => Array.from({ length: Math.max(to - from, 0) }, (_, i) => from + i);
 function TableBlock({ block, controller, labels }) {
   const readOnly = useReadOnly(controller);
@@ -649,7 +572,7 @@ function TableBlock({ block, controller, labels }) {
   useTableKeys(controller, block.id, !readOnly);
   useCellPress(controller, block.id, table, !readOnly);
   useRevealCell(controller, block.id);
-  const row = (index) => /* @__PURE__ */ jsx2("tr", { children: indexes(0, cols).map((col) => /* @__PURE__ */ jsx2(
+  const row = (index) => /* @__PURE__ */ jsx("tr", { children: indexes(0, cols).map((col) => /* @__PURE__ */ jsx(
     TableCell,
     {
       controller,
@@ -663,7 +586,7 @@ function TableBlock({ block, controller, labels }) {
     col
   )) }, index);
   const scroller = readOnly ? { role: "region", "aria-label": labels.table, tabIndex: 0 } : void 0;
-  return /* @__PURE__ */ jsx2("div", { contentEditable: false, className: "quoin-table", "data-readonly": readOnly ? "" : void 0, children: /* @__PURE__ */ jsxs("div", { className: `quoin-table-scroll ${readOnly ? FOCUS_RING : ""}`, ...scroller, children: [
+  return /* @__PURE__ */ jsx("div", { contentEditable: false, className: "quoin-table", "data-readonly": readOnly ? "" : void 0, children: /* @__PURE__ */ jsxs("div", { className: `quoin-table-scroll ${readOnly ? FOCUS_RING : ""}`, ...scroller, children: [
     /* @__PURE__ */ jsxs(
       "table",
       {
@@ -671,20 +594,16 @@ function TableBlock({ block, controller, labels }) {
         "aria-label": readOnly ? void 0 : labels.table,
         style: widths === null ? void 0 : { width: widths.reduce((sum, width) => sum + width, 0), tableLayout: "fixed" },
         children: [
-          widths !== null && /* @__PURE__ */ jsx2("colgroup", { children: widths.map((width, col) => /* @__PURE__ */ jsx2("col", { style: { width } }, col)) }),
-          header && /* @__PURE__ */ jsx2("thead", { children: row(0) }),
-          rows > (header ? 1 : 0) && /* @__PURE__ */ jsx2("tbody", { children: indexes(header ? 1 : 0, rows).map(row) })
+          widths !== null && /* @__PURE__ */ jsx("colgroup", { children: widths.map((width, col) => /* @__PURE__ */ jsx("col", { style: { width } }, col)) }),
+          header && /* @__PURE__ */ jsx("thead", { children: row(0) }),
+          rows > (header ? 1 : 0) && /* @__PURE__ */ jsx("tbody", { children: indexes(header ? 1 : 0, rows).map(row) })
         ]
       }
     ),
-    !readOnly && /* @__PURE__ */ jsx2("div", { className: "quoin-table-controls", ...{ [CONTROLS_SLOT]: "" } })
+    !readOnly && /* @__PURE__ */ jsx("div", { className: "quoin-table-controls", ...{ [CONTROLS_SLOT]: "" } })
   ] }) });
 }
 
-// src/extensions/table/TableControls.tsx
-import { useCallback as useCallback5, useEffect as useEffect7, useState as useState3 } from "react";
-import { createPortal } from "react-dom";
-
 // src/extensions/table/menu-cells.ts
 var EMPTY = [];
 function lineCells(block, index, axis) {
@@ -705,14 +624,6 @@ function sameMenuCells(opened, current, target, axis) {
   const others = Array.from({ length: lines }, (_, other) => other);
   return others.every((other) => other === index || sameLine(opened, current, other, axis));
 }
-
-// src/extensions/table/TableHandles.tsx
-import { useRef as useRef3 } from "react";
-import { Plus } from "lucide-react";
-
-// src/extensions/table/ColumnResizer.tsx
-import { useEffect as useEffect4, useRef as useRef2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
 var MIN_COLUMN_WIDTH = 48;
 var MAX_COLUMN_WIDTH = 1200;
 var STEP = 10;
@@ -720,7 +631,7 @@ 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 drag = useRef2(null);
+  const drag = useRef(null);
   const width = Math.round(drawn[col] ?? 0);
   const store = tableUiStore(controller);
   const write = (px, widths) => {
@@ -758,7 +669,7 @@ function ColumnResizer(props) {
     onHold(false);
     return current;
   };
-  useEffect4(
+  useEffect(
     () => () => {
       if (drag.current !== null) store.set({ preview: null });
     },
@@ -768,7 +679,7 @@ function ColumnResizer(props) {
     const ended = stop();
     if (ended?.to != null && ended.to !== Math.round(ended.widths[col])) write(ended.to, ended.widths);
   };
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref: resizerRef,
@@ -791,31 +702,26 @@ function ColumnResizer(props) {
     }
   );
 }
-
-// src/extensions/table/HandleMenu.tsx
-import { Fragment } from "react";
-import { GripHorizontal, GripVertical } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var DESTRUCTIVE = "text-destructive focus:text-destructive";
 function HandleMenu({ controller, axis, label, style, items, open, onOpenChange, buttonRef, children }) {
   const run = (item3) => {
     if (controller.run(item3.command)) controller.announce(item3.done);
   };
-  const item2 = (entry) => /* @__PURE__ */ jsxs2(
+  const item2 = (entry) => /* @__PURE__ */ jsxs(
     DropdownMenuItem,
     {
       disabled: entry.disabled,
       className: entry.destructive ? DESTRUCTIVE : void 0,
       onSelect: () => run(entry),
       children: [
-        /* @__PURE__ */ jsx4(MenuIcon, { icon: entry.icon }),
+        /* @__PURE__ */ jsx(MenuIcon, { icon: entry.icon }),
         entry.label
       ]
     },
     entry.id
   );
-  return /* @__PURE__ */ jsxs2(DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx4(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       "button",
       {
         ref: buttonRef,
@@ -825,10 +731,10 @@ function HandleMenu({ controller, axis, label, style, items, open, onOpenChange,
         "data-axis": axis,
         className: "quoin-table-handle",
         style,
-        children: axis === "row" ? /* @__PURE__ */ jsx4(GripVertical, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx4(GripHorizontal, { "aria-hidden": "true" })
+        children: axis === "row" ? /* @__PURE__ */ jsx(GripVertical, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(GripHorizontal, { "aria-hidden": "true" })
       }
     ) }),
-    open && /* @__PURE__ */ jsxs2(
+    open && /* @__PURE__ */ jsxs(
       DropdownMenuContent,
       {
         align: "start",
@@ -839,8 +745,8 @@ function HandleMenu({ controller, axis, label, style, items, open, onOpenChange,
         children: [
           items.filter((entry) => !entry.destructive).map(item2),
           children,
-          items.filter((entry) => entry.destructive).map((entry) => /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
+          items.filter((entry) => entry.destructive).map((entry) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
             item2(entry)
           ] }, entry.id))
         ]
@@ -848,22 +754,6 @@ function HandleMenu({ controller, axis, label, style, items, open, onOpenChange,
     )
   ] });
 }
-
-// src/extensions/table/table-menu-items.ts
-import {
-  AlignCenter,
-  AlignLeft,
-  AlignRight,
-  ArrowDown,
-  ArrowDownToLine,
-  ArrowLeft,
-  ArrowLeftToLine,
-  ArrowRight,
-  ArrowRightToLine,
-  ArrowUp,
-  ArrowUpToLine,
-  Trash
-} from "lucide-react";
 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;
@@ -894,9 +784,6 @@ var alignItems = (labels) => [
   { value: "center", label: labels.alignCenter, icon: AlignCenter, done: labels.alignedCenter },
   { value: "right", label: labels.alignRight, icon: AlignRight, done: labels.alignedRight }
 ];
-
-// src/extensions/table/TableHandles.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var BESIDE = 4;
 var end = (span) => span.start + span.size;
 function edgeOf(spans, edge) {
@@ -907,9 +794,9 @@ 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 rowHandle = useRef3(null);
-  const columnHandle = useRef3(null);
-  const resizer = useRef3(null);
+  const rowHandle = useRef(null);
+  const columnHandle = useRef(null);
+  const resizer = useRef(null);
   const shape = tableShape(block);
   const row = Math.min(target.row, shape.rows - 1);
   const col = Math.min(target.col, shape.cols - 1);
@@ -938,8 +825,8 @@ function TableHandles(props) {
   };
   const place = (left, top) => ({ left, top });
   const opener = (kind) => (open) => onMenu(open ? kind : null);
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    geometry.cols.map((span, index) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    geometry.cols.map((span, index) => /* @__PURE__ */ jsx(
       ColumnResizer,
       {
         controller,
@@ -954,8 +841,8 @@ function TableHandles(props) {
       },
       index
     )),
-    /* @__PURE__ */ jsxs3("div", { role: "toolbar", "aria-label": labels.tableControls, className: "quoin-table-toolbar", onKeyDown, children: [
-      rowInsertAt === null && geometry.rows[row] && /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs("div", { role: "toolbar", "aria-label": labels.tableControls, className: "quoin-table-toolbar", onKeyDown, children: [
+      rowInsertAt === null && geometry.rows[row] && /* @__PURE__ */ jsx(
         HandleMenu,
         {
           controller,
@@ -966,7 +853,7 @@ function TableHandles(props) {
           open: menu === "row",
           onOpenChange: opener("row"),
           buttonRef: rowHandle,
-          children: row === 0 && /* @__PURE__ */ jsx5(
+          children: row === 0 && /* @__PURE__ */ jsx(
             DropdownMenuCheckboxItem,
             {
               checked: block.attrs.header !== false,
@@ -976,7 +863,7 @@ function TableHandles(props) {
           )
         }
       ),
-      columnInsertAt === null && geometry.cols[col] && /* @__PURE__ */ jsxs3(
+      columnInsertAt === null && geometry.cols[col] && /* @__PURE__ */ jsxs(
         HandleMenu,
         {
           controller,
@@ -988,14 +875,14 @@ function TableHandles(props) {
           onOpenChange: opener("column"),
           buttonRef: columnHandle,
           children: [
-            /* @__PURE__ */ jsx5(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsx5(DropdownMenuRadioGroup, { value: align ?? "", children: alignItems(labels).map(({ value, label, icon, done }) => /* @__PURE__ */ jsxs3(
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value: align ?? "", children: alignItems(labels).map(({ value, label, icon, done }) => /* @__PURE__ */ jsxs(
               DropdownMenuRadioItem,
               {
                 value,
                 onSelect: () => align === value ? run(setColumnAlign(block.id, col, null), labels.alignmentCleared) : run(setColumnAlign(block.id, col, value), done),
                 children: [
-                  /* @__PURE__ */ jsx5(MenuIcon, { icon }),
+                  /* @__PURE__ */ jsx(MenuIcon, { icon }),
                   label
                 ]
               },
@@ -1005,7 +892,7 @@ function TableHandles(props) {
         }
       )
     ] }),
-    rowEdge !== null && rowInsertAt !== null && /* @__PURE__ */ jsx5(
+    rowEdge !== null && rowInsertAt !== null && /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -1017,10 +904,10 @@ function TableHandles(props) {
         onPointerDown: keepFocus,
         onMouseDown: keepFocus,
         onClick: () => run(addRow(block.id, rowEdge), labels.rowInserted),
-        children: /* @__PURE__ */ jsx5(Plus, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
       }
     ),
-    colEdge !== null && columnInsertAt !== null && /* @__PURE__ */ jsx5(
+    colEdge !== null && columnInsertAt !== null && /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -1032,15 +919,12 @@ function TableHandles(props) {
         onPointerDown: keepFocus,
         onMouseDown: keepFocus,
         onClick: () => run(addColumn(block.id, colEdge), labels.columnInserted),
-        children: /* @__PURE__ */ jsx5(Plus, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
       }
     )
   ] });
 }
 
-// src/extensions/table/use-table-geometry.ts
-import { useState } from "react";
-
 // src/extensions/table/table-geometry.ts
 function measureTable(table, origin) {
   const box = table.getBoundingClientRect();
@@ -1103,11 +987,8 @@ function useTableGeometry(controller, blockId, slot) {
   }, [controller, blockId, slot]);
   return geometry;
 }
-
-// src/extensions/table/use-cut-cells.ts
-import { useEffect as useEffect5 } from "react";
 function useCutCells(controller) {
-  useEffect5(() => {
+  useEffect(() => {
     const root = controller.root;
     if (root === null) return;
     const onCut = (event) => {
@@ -1120,9 +1001,6 @@ function useCutCells(controller) {
     return () => root.removeEventListener("cut", onCut, true);
   }, [controller]);
 }
-
-// src/extensions/table/use-table-target.ts
-import { useCallback as useCallback4, useEffect as useEffect6, useState as useState2 } from "react";
 var EDGE_ZONE = 24;
 var EDGE_REACH = 8;
 var VIEWPORT = { left: 0, top: 0 };
@@ -1158,16 +1036,16 @@ function focusOf(root) {
   return active.closest(CONTROLS) === null ? "editor" : "controls";
 }
 function useTableTarget(controller, held) {
-  const [hovered, setHovered] = useState2(null);
-  const [focus, setFocus] = useState2("none");
+  const [hovered, setHovered] = useState(null);
+  const [focus, setFocus] = useState("none");
   const caret = useEditorState(controller, caretTarget, sameTarget);
   const hoveredBlock = hovered?.target.block ?? null;
   const shape = useEditorState(
     controller,
-    useCallback4((state) => hoveredBlock === null ? null : shapeOf(state, hoveredBlock), [hoveredBlock])
+    useCallback((state) => hoveredBlock === null ? null : shapeOf(state, hoveredBlock), [hoveredBlock])
   );
   const pointed = hovered !== null && hovered.shape === shape ? hovered.target : null;
-  useEffect6(() => {
+  useEffect(() => {
     const root = controller.root;
     if (root === null) return;
     const onPointerMove = (event) => {
@@ -1200,32 +1078,29 @@ function useTableTarget(controller, held) {
   if (focus === "controls") return caret ?? pointed;
   return pointed ?? (focus === "editor" ? caret : null);
 }
-
-// src/extensions/table/TableControls.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
 var isFocusKey = (event) => event.key === "F10" && event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
 var takesFocusKey = (state) => isCollapsed(state.selection) || cellSelection(state) !== null;
 function TableControls({ controller, labels }) {
   const readOnly = useReadOnly(controller);
-  const [held, setHeld] = useState3(null);
-  const [focusFor, setFocusFor] = useState3(null);
-  const [slot, setSlot] = useState3(null);
+  const [held, setHeld] = useState(null);
+  const [focusFor, setFocusFor] = useState(null);
+  const [slot, setSlot] = useState(null);
   const target = useTableTarget(controller, held?.target ?? null);
   useCutCells(controller);
   const blockId = target?.block ?? null;
   const block = useEditorState(
     controller,
-    useCallback5((state) => blockId === null ? null : tableBlock(state.doc, blockId), [blockId])
+    useCallback((state) => blockId === null ? null : tableBlock(state.doc, blockId), [blockId])
   );
   if (held?.menu && held.opened && block && held.opened !== block) {
     setHeld(sameMenuCells(held.opened, block, held.target, held.menu) ? { ...held, opened: block } : null);
   }
-  useEffect7(() => {
+  useEffect(() => {
     if (!readOnly && block !== null) return;
     setHeld(null);
     setFocusFor(null);
   }, [readOnly, block]);
-  useEffect7(() => {
+  useEffect(() => {
     if (readOnly) return;
     const intercept = (event) => {
       const { state } = controller.editor;
@@ -1238,12 +1113,12 @@ function TableControls({ controller, labels }) {
     };
     return interceptKeys(controller, intercept);
   }, [controller, readOnly]);
-  const onMenu = useCallback5(
+  const onMenu = useCallback(
     (menu) => setHeld(menu === null || target === null || block === null ? null : { target, menu, opened: block }),
     [target, block]
   );
-  const onHold = useCallback5((hold) => setHeld(hold && target !== null ? { target, menu: null } : null), [target]);
-  const onFocused = useCallback5(() => {
+  const onHold = useCallback((hold) => setHeld(hold && target !== null ? { target, menu: null } : null), [target]);
+  const onFocused = useCallback(() => {
     setFocusFor(null);
     setHeld((current) => current?.menu === null ? null : current);
   }, []);
@@ -1253,7 +1128,7 @@ function TableControls({ controller, labels }) {
   });
   if (target === null || block === null || readOnly || slot === null || !slot.isConnected) return null;
   return createPortal(
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx(
       PlacedHandles,
       {
         controller,
@@ -1274,7 +1149,7 @@ function TableControls({ controller, labels }) {
 }
 function PlacedHandles({ slot, ...props }) {
   const geometry = useTableGeometry(props.controller, props.block.id, slot);
-  return geometry === null ? null : /* @__PURE__ */ jsx6(TableHandles, { ...props, geometry });
+  return geometry === null ? null : /* @__PURE__ */ jsx(TableHandles, { ...props, geometry });
 }
 
 // src/extensions/table/table-labels.ts
@@ -1320,9 +1195,6 @@ function resolveTableLabels(overrides) {
   const given = Object.entries(overrides ?? {}).filter(([, value]) => value !== void 0);
   return given.length === 0 ? englishTableLabels : { ...englishTableLabels, ...Object.fromEntries(given) };
 }
-
-// src/extensions/table/table-slash-item.ts
-import { Table } from "lucide-react";
 var NEW_TABLE = { rows: 3, cols: 3 };
 var tableSlashItem = (labels) => ({
   id: "table",
@@ -1333,9 +1205,6 @@ var tableSlashItem = (labels) => ({
   keywords: ["grid", "rows", "columns", "spreadsheet", "|"],
   command: () => insertTable(NEW_TABLE.rows, NEW_TABLE.cols)
 });
-
-// src/extensions/table/table-extension.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
 var ABOVE_CORE_KEYS = 200;
 var pasteOverCells = {
   name: "table-cells",
@@ -1343,8 +1212,8 @@ var pasteOverCells = {
 };
 function tableExtension(options = {}) {
   const labels = resolveTableLabels(options.labels);
-  const TableRenderer = (props) => /* @__PURE__ */ jsx7(TableBlock, { ...props, labels });
-  const TableOverlay = ({ controller }) => /* @__PURE__ */ jsx7(TableControls, { controller, labels });
+  const TableRenderer = (props) => /* @__PURE__ */ jsx(TableBlock, { ...props, labels });
+  const TableOverlay = ({ controller }) => /* @__PURE__ */ jsx(TableControls, { controller, labels });
   const ui = {
     slashItems: [tableSlashItem(labels)],
     renderers: { TABLE: TableRenderer },
@@ -1361,25 +1230,6 @@ function tableExtension(options = {}) {
   });
 }
 
-export {
-  cellSelectionKey,
-  cellSelectionPlugin,
-  cellSelection,
-  cellsInRange,
-  selectCells,
-  deleteCellContents,
-  setCellsMark,
-  addRow,
-  removeRow,
-  moveRow,
-  addColumn,
-  removeColumn,
-  moveColumn,
-  toggleHeaderRow,
-  setColumnAlign,
-  setColumnWidth,
-  insertTable,
-  englishTableLabels,
-  tableExtension
-};
-//# sourceMappingURL=chunk-C23RQVRK.js.map
+export { addColumn, addRow, cellSelection, cellSelectionKey, cellSelectionPlugin, cellsInRange, deleteCellContents, englishTableLabels, insertTable, moveColumn, moveRow, removeColumn, removeRow, selectCells, setCellsMark, setColumnAlign, setColumnWidth, tableExtension, toggleHeaderRow };
+//# sourceMappingURL=chunk-MUIPM26J.js.map
+//# sourceMappingURL=chunk-MUIPM26J.js.map