@kopexa/tiptap 1.0.0 → 13.0.0

package/dist/extensions/table/kit.js

@@ -1,1034 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key2 of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key2) && key2 !== except)
-        __defProp(to, key2, { get: () => from[key2], enumerable: !(desc = __getOwnPropDesc(from, key2)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
-
-// src/extensions/table/kit.ts
-var kit_exports = {};
-__export(kit_exports, {
-  TableKit: () => TableKit
-});
-module.exports = __toCommonJS(kit_exports);
-var import_react = require("@tiptap/react");
-
-// src/extensions/table/table/table.ts
-var import_extension_table = require("@tiptap/extension-table");
-var import_tables2 = require("@tiptap/pm/tables");
-
-// src/extensions/table/table/table-controls.ts
-var import_core = require("@tiptap/core");
-var import_state = require("@tiptap/pm/state");
-var import_view = require("@tiptap/pm/view");
-var key = new import_state.PluginKey("tableControls");
-function tableControls() {
-  return new import_state.Plugin({
-    key,
-    state: {
-      init() {
-        return new TableControlsState();
-      },
-      apply(tr, prev) {
-        return prev.apply(tr);
-      }
-    },
-    props: {
-      handleDOMEvents: {
-        mousemove: (view, event) => {
-          var _a;
-          const pluginState = key.getState(view.state);
-          if (!event.target.closest(".table-wrapper") && pluginState.values.hoveredTable) {
-            return view.dispatch(
-              view.state.tr.setMeta(key, {
-                setHoveredTable: null,
-                setHoveredCell: null
-              })
-            );
-          }
-          const pos = view.posAtCoords({
-            left: event.clientX,
-            top: event.clientY
-          });
-          if (!pos || pos.pos < 0 || pos.pos > view.state.doc.content.size)
-            return;
-          const table = (0, import_core.findParentNode)((node) => node.type.name === "table")(
-            import_state.TextSelection.create(view.state.doc, pos.pos)
-          );
-          const cell = (0, import_core.findParentNode)(
-            (node) => node.type.name === "tableCell" || node.type.name === "tableHeader"
-          )(import_state.TextSelection.create(view.state.doc, pos.pos));
-          if (!table || !cell) return;
-          if (((_a = pluginState.values.hoveredCell) == null ? void 0 : _a.pos) !== cell.pos) {
-            return view.dispatch(
-              view.state.tr.setMeta(key, {
-                setHoveredTable: table,
-                setHoveredCell: cell
-              })
-            );
-          }
-        }
-      },
-      decorations: (state) => {
-        const pluginState = key.getState(state);
-        if (!pluginState) {
-          return null;
-        }
-        const { hoveredTable, hoveredCell } = pluginState.values;
-        const docSize = state.doc.content.size;
-        if (hoveredTable && hoveredCell && hoveredTable.pos < docSize && hoveredCell.pos < docSize) {
-          const decorations = [
-            import_view.Decoration.node(
-              hoveredTable.pos,
-              hoveredTable.pos + hoveredTable.node.nodeSize,
-              {},
-              {
-                hoveredTable,
-                hoveredCell
-              }
-            )
-          ];
-          return import_view.DecorationSet.create(state.doc, decorations);
-        }
-        return null;
-      }
-    }
-  });
-}
-var TableControlsState = class {
-  constructor(props = {}) {
-    __publicField(this, "values");
-    this.values = {
-      hoveredTable: null,
-      hoveredCell: null,
-      ...props
-    };
-  }
-  apply(tr) {
-    const actions = tr.getMeta(key);
-    if ((actions == null ? void 0 : actions.setHoveredTable) !== void 0) {
-      this.values.hoveredTable = actions.setHoveredTable;
-    }
-    if ((actions == null ? void 0 : actions.setHoveredCell) !== void 0) {
-      this.values.hoveredCell = actions.setHoveredCell;
-    }
-    return this;
-  }
-};
-
-// src/extensions/table/table/table-view.tsx
-var import_dom = require("@floating-ui/dom");
-var import_tables = require("@tiptap/pm/tables");
-var import_jsx_dom_cjs = require("jsx-dom-cjs");
-
-// src/extensions/table/table/icons.ts
-var icons = {
-  colorPicker: `<svg xmlns="http://www.w3.org/2000/svg" length="24" viewBox="0 0 24 24" style="transform: ;msFilter:;"><path fill="rgb(var(--color-text-300))" d="M20 14c-.092.064-2 2.083-2 3.5 0 1.494.949 2.448 2 2.5.906.044 2-.891 2-2.5 0-1.5-1.908-3.436-2-3.5zM9.586 20c.378.378.88.586 1.414.586s1.036-.208 1.414-.586l7-7-.707-.707L11 4.586 8.707 2.293 7.293 3.707 9.586 6 4 11.586c-.378.378-.586.88-.586 1.414s.208 1.036.586 1.414L9.586 20zM11 7.414 16.586 13H5.414L11 7.414z"></path></svg>`,
-  deleteColumn: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash-2"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,
-  deleteRow: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash-2"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,
-  insertLeftTableIcon: `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    length={12}
-    viewBox="0 -960 960 960"
-      >
-    <path
-      d="M224.617-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm147.691-607.69q0-4.616-3.846-8.463-3.846-3.846-8.462-3.846H600q-4.616 0-8.462 3.846-3.847 3.847-3.847 8.463v535.382q0 4.616 3.847 8.463Q595.384-200 600-200h135.383q4.616 0 8.462-3.846 3.846-3.847 3.846-8.463v-535.382ZM587.691-200h160-160Z"
-      fill="rgb(var(--color-text-300))"
-    />
-  </svg>
-`,
-  insertRightTableIcon: `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    length={12}
-    viewBox="0 -960 960 960"
-  >
-    <path
-      d="M600-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm-375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm-12.308-607.69v535.382q0 4.616 3.846 8.463 3.846 3.846 8.462 3.846H360q4.616 0 8.462-3.846 3.847-3.847 3.847-8.463v-535.382q0-4.616-3.847-8.463Q364.616-760 360-760H224.617q-4.616 0-8.462 3.846-3.846 3.847-3.846 8.463Zm160 547.691h-160 160Z"
-      fill="rgb(var(--color-text-300))"
-    />
-  </svg>
-`,
-  insertTopTableIcon: `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    length={24}
-    viewBox="0 -960 960 960"
-  >
-    <path
-      d="M212.309-527.693q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0 375.383q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-59.999h535.382q4.616 0 8.463-3.846 3.846-3.846 3.846-8.462V-360q0-4.616-3.846-8.462-3.847-3.847-8.463-3.847H212.309q-4.616 0-8.463 3.847Q200-364.616 200-360v135.383q0 4.616 3.846 8.462 3.847 3.846 8.463 3.846Zm-12.309-160v160-160Z"
-      fill="rgb(var(--color-text-300))"
-    />
-  </svg>
-`,
-  toggleColumnHeader: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-toggle-right"><rect width="20" height="12" x="2" y="6" rx="6" ry="6"/><circle cx="16" cy="12" r="2"/></svg>`,
-  toggleRowHeader: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-toggle-right"><rect width="20" height="12" x="2" y="6" rx="6" ry="6"/><circle cx="16" cy="12" r="2"/></svg>`,
-  insertBottomTableIcon: `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    length={24}
-    viewBox="0 -960 960 960"
-  >
-    <path
-      d="M212.309-152.31q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-375.383q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm535.382-219.998H212.309q-4.616 0-8.463 3.846-3.846 3.846-3.846 8.462V-600q0 4.616 3.846 8.462 3.847 3.847 8.463 3.847h535.382q4.616 0 8.463-3.847Q760-595.384 760-600v-135.383q0-4.616-3.846-8.462-3.847-3.846-8.463-3.846ZM200-587.691v-160 160Z"
-      fill="rgb(var(--color-text-300))"
-    />
-  </svg>
-`
-};
-
-// src/extensions/table/table/table-view.tsx
-var Popover = class {
-  constructor(content, opts) {
-    __publicField(this, "reference");
-    __publicField(this, "floating");
-    __publicField(this, "cleanupAutoUpdate", null);
-    __publicField(this, "onDocClick", (e) => {
-      if (!this.floating.contains(e.target) && !this.reference.contains(e.target)) {
-        this.hide();
-      }
-    });
-    __publicField(this, "onEsc", (e) => {
-      if (e.key === "Escape") this.hide();
-    });
-    __publicField(this, "_placement");
-    __publicField(this, "_offsetPx");
-    // biome-ignore lint/correctness/noUnusedPrivateClassMembers: backwards. will be used later
-    __publicField(this, "_interactive");
-    var _a, _b, _c, _d;
-    this.reference = opts.reference;
-    this.floating = document.createElement("div");
-    this.floating.setAttribute("role", "dialog");
-    this.floating.setAttribute("aria-modal", "false");
-    this.floating.style.position = "fixed";
-    this.floating.style.zIndex = "9999";
-    this.floating.style.display = "none";
-    this.floating.className = "rounded-md border bg-background px-2 py-2.5 text-xs shadow-sm min-w-[12rem] whitespace-nowrap";
-    this.floating.appendChild(content);
-    const host = (_a = opts.container) != null ? _a : document.body;
-    host.appendChild(this.floating);
-    this._placement = (_b = opts.placement) != null ? _b : "right";
-    this._offsetPx = (_c = opts.offsetPx) != null ? _c : 6;
-    this._interactive = (_d = opts.interactive) != null ? _d : true;
-  }
-  async _updatePosition() {
-    const { x, y } = await (0, import_dom.computePosition)(this.reference, this.floating, {
-      placement: this._placement,
-      middleware: [(0, import_dom.offset)(this._offsetPx), (0, import_dom.flip)(), (0, import_dom.shift)({ padding: 8 })]
-    });
-    Object.assign(this.floating.style, { left: `${x}px`, top: `${y}px` });
-  }
-  show() {
-    if (this.floating.style.display !== "none") return;
-    this.floating.style.display = "block";
-    this.cleanupAutoUpdate = (0, import_dom.autoUpdate)(
-      this.reference,
-      this.floating,
-      () => this._updatePosition()
-    );
-    document.addEventListener("keydown", this.onEsc, { passive: true });
-    document.addEventListener("mousedown", this.onDocClick, { capture: true });
-    requestAnimationFrame(() => this._updatePosition());
-  }
-  hide() {
-    var _a;
-    if (this.floating.style.display === "none") return;
-    this.floating.style.display = "none";
-    (_a = this.cleanupAutoUpdate) == null ? void 0 : _a.call(this);
-    this.cleanupAutoUpdate = null;
-    document.removeEventListener("keydown", this.onEsc);
-    document.removeEventListener("mousedown", this.onDocClick, {
-      capture: true
-    });
-  }
-  toggle() {
-    if (this.floating.style.display === "none") this.show();
-    else this.hide();
-  }
-  destroy() {
-    this.hide();
-    this.floating.remove();
-  }
-  get el() {
-    return this.floating;
-  }
-};
-function setCellsBackgroundColor(editor, color) {
-  return editor.chain().focus().updateAttributes("tableCell", {
-    background: color.backgroundColor,
-    textColor: color.textColor
-  }).run();
-}
-function setTableRowBackgroundColor(editor, color) {
-  const { state, dispatch } = editor.view;
-  const { selection } = state;
-  if (!(selection instanceof import_tables.CellSelection)) return false;
-  const hoveredCell = selection.$headCell || selection.$anchorCell;
-  let rowDepth = hoveredCell.depth;
-  while (rowDepth > 0 && hoveredCell.node(rowDepth).type.name !== "tableRow") {
-    rowDepth--;
-  }
-  if (hoveredCell.node(rowDepth).type.name !== "tableRow") return false;
-  const rowStartPos = hoveredCell.start(rowDepth);
-  const tr = state.tr.setNodeMarkup(rowStartPos - 1, null, {
-    ...hoveredCell.node(rowDepth).attrs,
-    background: color.backgroundColor,
-    textColor: color.textColor
-  });
-  dispatch(tr);
-  return true;
-}
-var columnsToolboxItems = [
-  {
-    label: "Toggle column header",
-    icon: icons.toggleColumnHeader,
-    action: ({ editor }) => editor.chain().focus().toggleHeaderColumn().run()
-  },
-  {
-    label: "Add column before",
-    icon: icons.insertLeftTableIcon,
-    action: ({ editor }) => editor.chain().focus().addColumnBefore().run()
-  },
-  {
-    label: "Add column after",
-    icon: icons.insertRightTableIcon,
-    action: ({ editor }) => editor.chain().focus().addColumnAfter().run()
-  },
-  { label: "Pick color", icon: "", action: () => {
-  } },
-  {
-    label: "Delete column",
-    icon: icons.deleteColumn,
-    action: ({ editor }) => editor.chain().focus().deleteColumn().run()
-  }
-];
-var rowsToolboxItems = [
-  {
-    label: "Toggle row header",
-    icon: icons.toggleRowHeader,
-    action: ({ editor }) => editor.chain().focus().toggleHeaderRow().run()
-  },
-  {
-    label: "Add row above",
-    icon: icons.insertTopTableIcon,
-    action: ({ editor }) => editor.chain().focus().addRowBefore().run()
-  },
-  {
-    label: "Add row below",
-    icon: icons.insertBottomTableIcon,
-    action: ({ editor }) => editor.chain().focus().addRowAfter().run()
-  },
-  { label: "Pick color", icon: "", action: () => {
-  } },
-  {
-    label: "Delete row",
-    icon: icons.deleteRow,
-    action: ({ editor }) => editor.chain().focus().deleteRow().run()
-  }
-];
-function buildToolboxContent({
-  items,
-  onClickItem,
-  onSelectColor,
-  colors
-}) {
-  return (0, import_jsx_dom_cjs.h)(
-    "div",
-    { className: "space-y-2" },
-    items.map((item) => {
-      if (item.label === "Pick color") {
-        return (0, import_jsx_dom_cjs.h)("div", { className: "flex flex-col" }, [
-          (0, import_jsx_dom_cjs.h)("hr", { className: "!my-2 border" }),
-          (0, import_jsx_dom_cjs.h)("div", { className: "text-foreground text-sm" }, item.label),
-          (0, import_jsx_dom_cjs.h)(
-            "div",
-            { className: "grid grid-cols-6 gap-x-1 gap-y-2.5 mt-2" },
-            Object.entries(colors).map(
-              ([_, colorValue]) => {
-                var _a;
-                return (0, import_jsx_dom_cjs.h)("button", {
-                  // @ts-expect-error JSX
-                  type: "button",
-                  className: "grid place-items-center size-6 rounded outline-none ring-offset-2 focus-visible:ring",
-                  style: `background-color:${colorValue.backgroundColor};color:${colorValue.textColor || "inherit"};`,
-                  innerHTML: (_a = colorValue.icon) != null ? _a : `<span class="text-md" style="color:${colorValue.textColor || "inherit"}">A</span>`,
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onSelectColor(colorValue);
-                  }
-                });
-              }
-            )
-          ),
-          (0, import_jsx_dom_cjs.h)("hr", { className: "!my-2 border" })
-        ]);
-      }
-      return (0, import_jsx_dom_cjs.h)(
-        "button",
-        {
-          // @ts-expect-error JSX
-          type: "button",
-          className: "w-full flex items-center gap-2 px-1 py-1.5 bg-background hover:bg-muted text-sm text-foreground rounded",
-          onClick: (e) => {
-            e.stopPropagation();
-            onClickItem(item);
-          }
-        },
-        [
-          (0, import_jsx_dom_cjs.h)("span", { className: "h-3 w-3 shrink-0", innerHTML: item.icon }),
-          (0, import_jsx_dom_cjs.h)("div", { className: "label" }, item.label)
-        ]
-      );
-    })
-  );
-}
-function createToolbox({
-  triggerButton,
-  items,
-  onSelectColor,
-  onClickItem,
-  colors,
-  appendTo
-}) {
-  if (!triggerButton) {
-    return null;
-  }
-  const content = buildToolboxContent({
-    items,
-    onClickItem,
-    onSelectColor,
-    colors
-  });
-  const pop = new Popover(content, {
-    reference: triggerButton,
-    container: appendTo != null ? appendTo : void 0,
-    placement: "right",
-    offsetPx: 6,
-    interactive: true
-  });
-  const onTrigger = (e) => {
-    e.stopPropagation();
-    pop.toggle();
-  };
-  triggerButton.addEventListener("click", onTrigger);
-  return {
-    show: () => pop.show(),
-    hide: () => pop.hide(),
-    destroy: () => {
-      pop.destroy();
-      triggerButton.removeEventListener("click", onTrigger);
-    }
-  };
-}
-var TableView = class {
-  constructor(node, cellMinWidth, decorations, editor, getPos) {
-    __publicField(this, "node");
-    __publicField(this, "cellMinWidth");
-    __publicField(this, "decorations");
-    __publicField(this, "editor");
-    __publicField(this, "getPos");
-    __publicField(this, "hoveredCell", null);
-    __publicField(this, "map");
-    __publicField(this, "root");
-    __publicField(this, "table");
-    __publicField(this, "colgroup");
-    __publicField(this, "tbody");
-    __publicField(this, "rowsControl");
-    __publicField(this, "columnsControl");
-    __publicField(this, "columnsToolbox");
-    __publicField(this, "rowsToolbox");
-    __publicField(this, "controls");
-    var _a, _b, _c, _d;
-    this.node = node;
-    this.cellMinWidth = cellMinWidth;
-    this.decorations = decorations.slice();
-    this.editor = editor;
-    this.getPos = getPos;
-    this.hoveredCell = null;
-    this.map = import_tables.TableMap.get(node);
-    if (editor.isEditable) {
-      this.rowsControl = (0, import_jsx_dom_cjs.h)(
-        "div",
-        { className: "rows-control" },
-        (0, import_jsx_dom_cjs.h)("button", {
-          // @ts-expect-error JSX
-          type: "button",
-          className: "rows-control-div",
-          onClick: () => this.selectRow(),
-          "aria-label": "Row actions"
-        })
-      );
-      this.columnsControl = (0, import_jsx_dom_cjs.h)(
-        "div",
-        { className: "columns-control" },
-        (0, import_jsx_dom_cjs.h)("button", {
-          // @ts-expect-error JSX
-          type: "button",
-          className: "columns-control-div",
-          onClick: () => this.selectColumn(),
-          "aria-label": "Column actions"
-        })
-      );
-      this.controls = (0, import_jsx_dom_cjs.h)(
-        "div",
-        { className: "table-controls", contentEditable: "false" },
-        this.rowsControl,
-        this.columnsControl
-      );
-      const palette = {
-        Blue: { backgroundColor: "#D9E4FF", textColor: "#171717" },
-        Orange: { backgroundColor: "#FFEDD5", textColor: "#171717" },
-        Grey: { backgroundColor: "#F1F1F1", textColor: "#171717" },
-        Yellow: { backgroundColor: "#FEF3C7", textColor: "#171717" },
-        Green: { backgroundColor: "#DCFCE7", textColor: "#171717" },
-        Red: { backgroundColor: "#FFDDDD", textColor: "#171717" },
-        Pink: { backgroundColor: "#FFE8FA", textColor: "#171717" },
-        Purple: { backgroundColor: "#E8DAFB", textColor: "#171717" },
-        None: {
-          backgroundColor: "transparent",
-          textColor: "inherit",
-          icon: `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ban"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg>`
-        }
-      };
-      this.columnsToolbox = createToolbox({
-        triggerButton: (_a = this.columnsControl) == null ? void 0 : _a.querySelector(
-          ".columns-control-div"
-        ),
-        items: columnsToolboxItems,
-        colors: palette,
-        appendTo: (_b = this.controls) != null ? _b : null,
-        onSelectColor: (color) => setCellsBackgroundColor(this.editor, color),
-        onClickItem: (item) => {
-          var _a2, _b2;
-          item.action({
-            editor: this.editor,
-            triggerButton: (_a2 = this.columnsControl) == null ? void 0 : _a2.firstElementChild,
-            controlsContainer: this.controls
-          });
-          (_b2 = this.columnsToolbox) == null ? void 0 : _b2.hide();
-        }
-      });
-      this.rowsToolbox = createToolbox({
-        triggerButton: (_c = this.rowsControl) == null ? void 0 : _c.querySelector(
-          ".rows-control-div"
-        ),
-        items: rowsToolboxItems,
-        colors: palette,
-        appendTo: (_d = this.controls) != null ? _d : null,
-        onSelectColor: (color) => setTableRowBackgroundColor(editor, color),
-        onClickItem: (item) => {
-          var _a2, _b2;
-          item.action({
-            editor: this.editor,
-            triggerButton: (_a2 = this.rowsControl) == null ? void 0 : _a2.firstElementChild,
-            controlsContainer: this.controls
-          });
-          (_b2 = this.rowsToolbox) == null ? void 0 : _b2.hide();
-        }
-      });
-    }
-    this.colgroup = (0, import_jsx_dom_cjs.h)(
-      "colgroup",
-      null,
-      Array.from({ length: this.map.width }, () => 1).map(() => (0, import_jsx_dom_cjs.h)("col"))
-    );
-    this.tbody = (0, import_jsx_dom_cjs.h)("tbody");
-    this.table = (0, import_jsx_dom_cjs.h)(
-      "table",
-      null,
-      this.colgroup,
-      this.tbody
-    );
-    this.root = (0, import_jsx_dom_cjs.h)(
-      "div",
-      {
-        className: "table-wrapper horizontal-scrollbar scrollbar-md controls--disabled"
-      },
-      this.controls,
-      this.table
-    );
-    this.render();
-  }
-  get dom() {
-    return this.root;
-  }
-  get contentDOM() {
-    return this.tbody;
-  }
-  update(node, decorations) {
-    if (node.type !== this.node.type) return false;
-    this.node = node;
-    this.decorations = [...decorations];
-    this.map = import_tables.TableMap.get(this.node);
-    if (this.editor.isEditable) this.updateControls();
-    this.render();
-    return true;
-  }
-  render() {
-    if (this.colgroup.children.length !== this.map.width) {
-      const cols = Array.from({ length: this.map.width }, () => 1).map(
-        () => (0, import_jsx_dom_cjs.h)("col")
-      );
-      this.colgroup.replaceChildren(...cols);
-    }
-    (0, import_tables.updateColumnsOnResize)(
-      this.node,
-      this.colgroup,
-      this.table,
-      this.cellMinWidth
-    );
-  }
-  ignoreMutation() {
-    return true;
-  }
-  updateControls() {
-    var _a;
-    const { hoveredTable: table, hoveredCell: cell } = Object.values(
-      this.decorations
-    ).reduce(
-      (acc, curr) => {
-        if (curr.spec.hoveredCell !== void 0)
-          acc.hoveredCell = curr.spec.hoveredCell;
-        if (curr.spec.hoveredTable !== void 0)
-          acc.hoveredTable = curr.spec.hoveredTable;
-        return acc;
-      },
-      {}
-    );
-    if (table === void 0 || cell === void 0) {
-      this.root.classList.add("controls--disabled");
-      return;
-    }
-    this.root.classList.remove("controls--disabled");
-    this.hoveredCell = cell;
-    const cellDom = this.editor.view.nodeDOM(cell.pos);
-    if (!this.table || !cellDom) return;
-    const tableRect = this.table.getBoundingClientRect();
-    const cellRect = cellDom.getBoundingClientRect();
-    if (this.columnsControl) {
-      this.columnsControl.style.left = `${cellRect.left - tableRect.left - (((_a = this.table.parentElement) == null ? void 0 : _a.scrollLeft) || 0)}px`;
-      this.columnsControl.style.width = `${cellRect.width}px`;
-    }
-    if (this.rowsControl) {
-      this.rowsControl.style.top = `${cellRect.top - tableRect.top}px`;
-      this.rowsControl.style.height = `${cellRect.height}px`;
-    }
-  }
-  selectColumn() {
-    if (!this.hoveredCell) return;
-    const colIndex = this.map.colCount(
-      this.hoveredCell.pos - (this.getPos() + 1)
-    );
-    const anchorCellPos = this.hoveredCell.pos;
-    const headCellPos = this.map.map[colIndex + this.map.width * (this.map.height - 1)] + (this.getPos() + 1);
-    const cellSelection = import_tables.CellSelection.create(
-      this.editor.view.state.doc,
-      anchorCellPos,
-      headCellPos
-    );
-    this.editor.view.dispatch(this.editor.state.tr.setSelection(cellSelection));
-  }
-  selectRow() {
-    if (!this.hoveredCell) return;
-    const anchorCellPos = this.hoveredCell.pos;
-    const anchorCellIndex = this.map.map.indexOf(
-      anchorCellPos - (this.getPos() + 1)
-    );
-    const headCellPos = this.map.map[anchorCellIndex + (this.map.width - 1)] + (this.getPos() + 1);
-    const cellSelection = import_tables.CellSelection.create(
-      this.editor.state.doc,
-      anchorCellPos,
-      headCellPos
-    );
-    this.editor.view.dispatch(
-      this.editor.view.state.tr.setSelection(cellSelection)
-    );
-  }
-};
-
-// src/utils/index.ts
-var import_state2 = require("@tiptap/pm/state");
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-function findParentNodeOfType(selection, typeName) {
-  let depth = selection.$anchor.depth;
-  while (depth > 0) {
-    const node = selection.$anchor.node(depth);
-    if (node.type.name === typeName) {
-      return { node, pos: selection.$anchor.start(depth) - 1 };
-    }
-    depth--;
-  }
-  return null;
-}
-
-// src/extensions/table/table/utilities/insert-line-above-table-action.ts
-var insertLineAboveTableAction = ({
-  editor
-}) => {
-  if (!editor.isActive("table")) return false;
-  try {
-    const { selection } = editor.state;
-    const tableNode = findParentNodeOfType(selection, "table");
-    if (!tableNode) return false;
-    const tablePos = tableNode.pos;
-    const firstRow = tableNode.node.child(0);
-    const selectionPath = selection.$anchor.path;
-    const selectionInFirstRow = selectionPath.includes(firstRow);
-    if (!selectionInFirstRow) return false;
-    if (tablePos === 0) {
-      editor.chain().insertContentAt(tablePos, { type: "paragraph" }).run();
-      editor.chain().setTextSelection(tablePos + 1).run();
-    } else {
-      const prevNodePos = tablePos - 1;
-      if (prevNodePos <= 0) return false;
-      const prevNode = editor.state.doc.nodeAt(prevNodePos - 1);
-      if (prevNode && prevNode.type.name === "paragraph") {
-        const endOfParagraphPos = tablePos - prevNode.nodeSize;
-        editor.chain().setTextSelection(endOfParagraphPos).run();
-      } else {
-        return false;
-      }
-    }
-    return true;
-  } catch (e) {
-    console.error("failed to insert line above table", e);
-    return false;
-  }
-};
-
-// src/extensions/table/table/utilities/insert-line-below-table-action.ts
-var insertLineBelowTableAction = ({
-  editor
-}) => {
-  if (!editor.isActive("table")) return false;
-  try {
-    const { selection } = editor.state;
-    const tableNode = findParentNodeOfType(selection, "table");
-    if (!tableNode) return false;
-    const tablePos = tableNode.pos;
-    const table = tableNode.node;
-    const rowCount = table.childCount;
-    const lastRow = table.child(rowCount - 1);
-    const selectionPath = selection.$anchor.path;
-    const selectionInLastRow = selectionPath.includes(lastRow);
-    if (!selectionInLastRow) return false;
-    const nextNodePos = tablePos + table.nodeSize;
-    const nextNode = editor.state.doc.nodeAt(nextNodePos);
-    if (nextNode && nextNode.type.name === "paragraph") {
-      const endOfParagraphPos = nextNodePos + nextNode.nodeSize - 1;
-      editor.chain().setTextSelection(endOfParagraphPos).run();
-    } else if (!nextNode) {
-      editor.chain().insertContentAt(nextNodePos, { type: "paragraph" }).run();
-      editor.chain().setTextSelection(nextNodePos + 1).run();
-    } else {
-      return false;
-    }
-    return true;
-  } catch (e) {
-    console.error("failed to insert line above table", e);
-    return false;
-  }
-};
-
-// src/extensions/table/table/table.ts
-var Table = import_extension_table.Table.extend({
-  addOptions() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      HTMLAttributes: {},
-      resizable: true,
-      handleWidth: 5,
-      cellMinWidth: 100,
-      lastColumnResizable: true,
-      allowTableNodeSelection: true
-    };
-  },
-  addKeyboardShortcuts() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      Tab: () => {
-        if (this.editor.isActive("table")) {
-          if (this.editor.isActive("listItem") || this.editor.isActive("taskItem")) {
-            return false;
-          }
-          if (this.editor.commands.goToNextCell()) {
-            return true;
-          }
-          if (!this.editor.can().addRowAfter()) {
-            return false;
-          }
-          return this.editor.chain().addRowAfter().goToNextCell().run();
-        }
-        return false;
-      },
-      ArrowDown: insertLineBelowTableAction,
-      ArrowUp: insertLineAboveTableAction
-    };
-  },
-  addNodeView() {
-    return ({ editor, getPos, node, decorations }) => {
-      const { cellMinWidth } = this.options;
-      return new TableView(
-        node,
-        cellMinWidth,
-        // biome-ignore lint/suspicious/noExplicitAny: prosemirror
-        decorations,
-        editor,
-        getPos
-      );
-    };
-  },
-  addProseMirrorPlugins() {
-    const isResizable = this.options.resizable && this.editor.isEditable;
-    const plugins = [
-      (0, import_tables2.tableEditing)({
-        allowTableNodeSelection: this.options.allowTableNodeSelection
-      }),
-      tableControls()
-    ];
-    if (isResizable) {
-      plugins.unshift(
-        (0, import_tables2.columnResizing)({
-          handleWidth: this.options.handleWidth,
-          cellMinWidth: this.options.cellMinWidth,
-          // View: TableView,
-          lastColumnResizable: this.options.lastColumnResizable
-        })
-      );
-    }
-    return plugins;
-  }
-});
-
-// src/extensions/table/table-cell.ts
-var import_core2 = require("@tiptap/core");
-var TableCell = import_core2.Node.create({
-  name: "tableCell",
-  content: "block+",
-  // DONT allow table in table.
-  tableRole: "cell",
-  isolating: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  parseHTML() {
-    return [{ tag: "td" }];
-  },
-  renderHTML({ node, HTMLAttributes }) {
-    return [
-      "td",
-      (0, import_core2.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
-        style: `background-color: ${node.attrs.background}; color: ${node.attrs.textColor}`
-      }),
-      0
-    ];
-  },
-  addAttributes() {
-    return {
-      colspan: {
-        default: 1,
-        parseHTML: (element) => {
-          const colspan = element.getAttribute("colspan");
-          const value = colspan ? Number.parseInt(colspan, 10) : 1;
-          return value;
-        }
-      },
-      rowspan: {
-        default: 1,
-        parseHTML: (element) => {
-          const rowspan = element.getAttribute("rowspan");
-          const value = rowspan ? Number.parseInt(rowspan, 10) : 1;
-          return value;
-        }
-      },
-      colwidth: {
-        default: null,
-        parseHTML: (element) => {
-          const colwidth = element.getAttribute("colwidth");
-          const value = colwidth ? [Number.parseInt(colwidth, 10)] : null;
-          return value;
-        }
-      },
-      background: {
-        default: null
-      },
-      textColor: {
-        default: null
-      },
-      style: {
-        default: null
-      }
-    };
-  }
-  // addProseMirrorPlugins() {
-  // 	return [
-  // 		new Plugin({
-  // 			props: {
-  // 				decorations: (state) => {
-  // 					const { isEditable } = this.editor;
-  // 					if (!isEditable) {
-  // 						return DecorationSet.empty;
-  // 					}
-  // 					const { doc, selection } = state;
-  // 					const decorations: Decoration[] = [];
-  // 					const cells = getCellsInColumn(0)(selection);
-  // 					if (cells) {
-  // 						cells.forEach(({ pos }: { pos: number }, index: number) => {
-  // 							decorations.push(
-  // 								Decoration.widget(pos + 1, () => {
-  // 									const rowSelected = isRowSelected(index)(selection);
-  // 									let className = "grip-row";
-  // 									if (rowSelected) {
-  // 										className += " selected";
-  // 									}
-  // 									if (index === 0) {
-  // 										className += " first";
-  // 									}
-  // 									if (index === cells.length - 1) {
-  // 										className += " last";
-  // 									}
-  // 									const grip = document.createElement("a");
-  // 									grip.className = className;
-  // 									grip.addEventListener("mousedown", (event) => {
-  // 										event.preventDefault();
-  // 										event.stopImmediatePropagation();
-  // 										this.editor.view.dispatch(
-  // 											selectRow(index)(this.editor.state.tr),
-  // 										);
-  // 									});
-  // 									return grip;
-  // 								}),
-  // 							);
-  // 						});
-  // 					}
-  // 					return DecorationSet.create(doc, decorations);
-  // 				},
-  // 			},
-  // 		}),
-  // 	];
-  // },
-});
-
-// src/extensions/table/table-header.ts
-var import_extension_table2 = require("@tiptap/extension-table");
-var TableHeader = import_extension_table2.TableHeader.extend({
-  addAttributes() {
-    return {
-      colspan: {
-        default: 1
-      },
-      rowspan: {
-        default: 1
-      },
-      colwidth: {
-        default: null,
-        parseHTML: (element) => {
-          const colwidth = element.getAttribute("colwidth");
-          const value = colwidth ? [Number.parseInt(colwidth, 10)] : null;
-          return value;
-        }
-      },
-      background: {
-        default: "none"
-      },
-      style: {
-        default: null
-      }
-    };
-  }
-  // addProseMirrorPlugins() {
-  // 	return [
-  // 		new Plugin({
-  // 			props: {
-  // 				decorations: (state) => {
-  // 					const { isEditable } = this.editor;
-  // 					if (!isEditable) {
-  // 						return DecorationSet.empty;
-  // 					}
-  // 					const { doc, selection } = state;
-  // 					const decorations: Decoration[] = [];
-  // 					const cells = getCellsInRow(0)(selection);
-  // 					if (cells) {
-  // 						cells.forEach(({ pos }, index) => {
-  // 							decorations.push(
-  // 								Decoration.widget(pos + 1, () => {
-  // 									const colSelected = isColumnSelected(index)(selection);
-  // 									let className = "grip-column";
-  // 									if (colSelected) {
-  // 										className += " selected";
-  // 									}
-  // 									if (index === 0) {
-  // 										className += " first";
-  // 									}
-  // 									if (index === cells.length - 1) {
-  // 										className += " last";
-  // 									}
-  // 									const grip = document.createElement("a");
-  // 									grip.className = className;
-  // 									grip.addEventListener("mousedown", (event) => {
-  // 										event.preventDefault();
-  // 										event.stopImmediatePropagation();
-  // 										this.editor.view.dispatch(
-  // 											selectColumn(index)(this.editor.state.tr),
-  // 										);
-  // 									});
-  // 									return grip;
-  // 								}),
-  // 							);
-  // 						});
-  // 					}
-  // 					return DecorationSet.create(doc, decorations);
-  // 				},
-  // 			},
-  // 		}),
-  // 	];
-  // },
-});
-
-// src/extensions/table/table-row.ts
-var import_extension_table3 = require("@tiptap/extension-table");
-var TableRow = import_extension_table3.TableRow.extend({
-  allowGapCursor: false,
-  content: "(tableCell | tableHeader)*"
-});
-
-// src/extensions/table/kit.ts
-var TableKit = import_react.Extension.create({
-  name: "tableKit",
-  addExtensions() {
-    const extensions = [];
-    if (this.options.table !== false) {
-      extensions.push(Table.configure(this.options.table));
-    }
-    if (this.options.tableCell !== false) {
-      extensions.push(TableCell.configure(this.options.tableCell));
-    }
-    if (this.options.tableHeader !== false) {
-      extensions.push(TableHeader.configure(this.options.tableHeader));
-    }
-    if (this.options.tableRow !== false) {
-      extensions.push(TableRow.configure(this.options.tableRow));
-    }
-    return extensions;
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TableKit
-});