@threadlabs/looma 0.1.5 → 0.1.7

package/editor/{chunk-CWCXYQMT.js → chunk-OK5NARJI.js}

@@ -1,3 +1,7 @@
+import {
+  TABLE_CELL_BACKGROUND_OPTIONS
+} from "./chunk-CX4QDKSV.js";
+
 // src/table-context-menu.ts
 var TAG = "ui-editor-table-context-menu";
 function dispatchTableAction(element, action) {
@@ -34,10 +38,14 @@ if (typeof HTMLElement !== "undefined") {
       this.render();
       this.addEventListener("click", this.onClick);
       window.addEventListener("resize", this.scheduleViewportPosition);
+      window.visualViewport?.addEventListener("resize", this.scheduleViewportPosition);
+      window.visualViewport?.addEventListener("scroll", this.scheduleViewportPosition);
     }
     disconnectedCallback() {
       this.removeEventListener("click", this.onClick);
       window.removeEventListener("resize", this.scheduleViewportPosition);
+      window.visualViewport?.removeEventListener("resize", this.scheduleViewportPosition);
+      window.visualViewport?.removeEventListener("scroll", this.scheduleViewportPosition);
       if (this.positionFrame !== null) {
         cancelAnimationFrame(this.positionFrame);
         this.positionFrame = null;
@@ -61,10 +69,13 @@ if (typeof HTMLElement !== "undefined") {
       menu.style.translate = "";
       const rect = menu.getBoundingClientRect();
       const gutter = 12;
-      const viewportWidth = window.visualViewport?.width ?? window.innerWidth;
-      const viewportHeight = window.visualViewport?.height ?? window.innerHeight;
-      const offsetX = rect.right > viewportWidth - gutter ? viewportWidth - gutter - rect.right : Math.max(0, gutter - rect.left);
-      const offsetY = rect.bottom > viewportHeight - gutter ? viewportHeight - gutter - rect.bottom : Math.max(0, gutter - rect.top);
+      const visualViewport = window.visualViewport;
+      const viewportLeft = visualViewport?.offsetLeft ?? 0;
+      const viewportTop = visualViewport?.offsetTop ?? 0;
+      const viewportRight = viewportLeft + (visualViewport?.width ?? window.innerWidth);
+      const viewportBottom = viewportTop + (visualViewport?.height ?? window.innerHeight);
+      const offsetX = rect.right > viewportRight - gutter ? viewportRight - gutter - rect.right : Math.max(0, viewportLeft + gutter - rect.left);
+      const offsetY = rect.bottom > viewportBottom - gutter ? viewportBottom - gutter - rect.bottom : Math.max(0, viewportTop + gutter - rect.top);
       if (offsetX !== 0 || offsetY !== 0) {
         menu.style.translate = `${offsetX}px ${offsetY}px`;
       }
@@ -79,18 +90,10 @@ if (typeof HTMLElement !== "undefined") {
       this.hidden = !open;
       if (!open) return;
       const currentBackground = this.getAttribute("cell-background");
-      const backgroundActions = [
-        { action: "background-none", label: "Default", value: null, swatch: null },
-        { action: "background-gray", label: "Gray", value: "#f3f4f6", swatch: "#f3f4f6" },
-        { action: "background-yellow", label: "Yellow", value: "#fef3c7", swatch: "#fef3c7" },
-        { action: "background-blue", label: "Blue", value: "#dbeafe", swatch: "#dbeafe" },
-        { action: "background-green", label: "Green", value: "#dcfce7", swatch: "#dcfce7" },
-        { action: "background-red", label: "Red", value: "#fee2e2", swatch: "#fee2e2" }
-      ];
       const sections = [
         {
           heading: "Cell background",
-          backgrounds: backgroundActions
+          backgrounds: TABLE_CELL_BACKGROUND_OPTIONS
         },
         {
           heading: "Structure",
@@ -176,6 +179,7 @@ if (typeof HTMLElement !== "undefined") {
       return [
         "open",
         "cell-alignment",
+        "cell-background",
         "can-add-row-after",
         "can-add-column-after",
         "can-add-row-before",
@@ -252,6 +256,7 @@ if (typeof HTMLElement !== "undefined") {
         return;
       }
       const activeAlignment = this.getAlignmentAttr();
+      const currentBackground = this.getAttribute("cell-background");
       const alignmentActions = [
         { action: "align-left", label: "Left" },
         { action: "align-center", label: "Center" },
@@ -269,6 +274,13 @@ if (typeof HTMLElement !== "undefined") {
             { action: "add-column-before", label: "Add column left", can: "can-add-column-before" }
           ]
         },
+        {
+          heading: "Cells",
+          actions: [
+            { action: "merge-cells", label: "Merge selected cells", can: "can-merge-cells" },
+            { action: "split-cell", label: "Split merged cell", can: "can-split-cell" }
+          ]
+        },
         {
           heading: "Table",
           actions: [
@@ -295,14 +307,23 @@ if (typeof HTMLElement !== "undefined") {
           (action) => `<button type="button" data-action="${action.action}">${action.label}</button>`
         ).join(""),
         structuralActions.length > 0 ? "</div>" : "",
-        availableOverflowSections.length > 0 ? '<div class="ui-editor-table-toolbar__sep" aria-hidden="true"></div>' : "",
-        availableOverflowSections.length > 0 ? '<div class="ui-editor-table-toolbar__overflow">' : "",
-        availableOverflowSections.length > 0 ? `<button type="button" class="ui-editor-table-toolbar__more" data-action="toggle-overflow" aria-haspopup="menu" aria-expanded="${this.#overflowOpen ? "true" : "false"}">Table options</button>` : "",
-        availableOverflowSections.length > 0 && this.#overflowOpen ? [
+        '<div class="ui-editor-table-toolbar__sep" aria-hidden="true"></div>',
+        '<div class="ui-editor-table-toolbar__overflow">',
+        `<button type="button" class="ui-editor-table-toolbar__more" data-action="toggle-overflow" aria-haspopup="menu" aria-expanded="${this.#overflowOpen ? "true" : "false"}">Table options</button>`,
+        this.#overflowOpen ? [
           '<div class="ui-editor-table-toolbar__menu" role="menu" aria-label="More table actions">',
+          '<div class="ui-editor-table-toolbar__menu-section" role="none">',
+          '<div class="ui-editor-table-toolbar__menu-heading" role="presentation">Background</div>',
+          '<div class="ui-editor-table-toolbar__swatches" role="group" aria-label="Cell background">',
+          TABLE_CELL_BACKGROUND_OPTIONS.map((background) => {
+            const isSelected = (background.value ?? "") === (currentBackground ?? "");
+            return `<button type="button" class="ui-editor-table-toolbar__swatch-button" role="menuitemradio" aria-checked="${isSelected ? "true" : "false"}" data-action="${background.action}"${isSelected ? ' data-selected="true"' : ""}><span class="ui-editor-table-toolbar__swatch${background.swatch ? "" : " ui-editor-table-toolbar__swatch--default"}"${background.swatch ? ` style="--ui-editor-table-toolbar-swatch:${background.swatch}"` : ""}></span><span>${background.label}</span></button>`;
+          }).join(""),
+          "</div>",
+          "</div>",
           availableOverflowSections.map(
             (section) => [
-              '<div class="ui-editor-table-toolbar__menu-section" role="none">',
+              '<div class="ui-editor-table-toolbar__menu-section ui-editor-table-toolbar__menu-section--divided" role="none">',
               `<div class="ui-editor-table-toolbar__menu-heading" role="presentation">${section.heading}</div>`,
               section.actions.map((action) => {
                 const tone = "tone" in action ? action.tone : void 0;
@@ -313,7 +334,7 @@ if (typeof HTMLElement !== "undefined") {
           ).join(""),
           "</div>"
         ].join("") : "",
-        availableOverflowSections.length > 0 ? "</div>" : "",
+        "</div>",
         "</div>"
       ].join("");
     }
@@ -659,6 +680,8 @@ if (typeof HTMLElement !== "undefined") {
       this.addEventListener("mouseover", this.onMouseOver);
       window.addEventListener("resize", this.onViewportChange);
       window.addEventListener("scroll", this.onViewportChange, true);
+      window.visualViewport?.addEventListener("resize", this.onViewportChange);
+      window.visualViewport?.addEventListener("scroll", this.onViewportChange);
       this.render();
     }
     disconnectedCallback() {
@@ -667,6 +690,8 @@ if (typeof HTMLElement !== "undefined") {
       this.removeEventListener("mouseover", this.onMouseOver);
       window.removeEventListener("resize", this.onViewportChange);
       window.removeEventListener("scroll", this.onViewportChange, true);
+      window.visualViewport?.removeEventListener("resize", this.onViewportChange);
+      window.visualViewport?.removeEventListener("scroll", this.onViewportChange);
     }
     onMouseDown = (event) => {
       event.preventDefault();
@@ -712,18 +737,24 @@ if (typeof HTMLElement !== "undefined") {
         this.style.display = "none";
         return;
       }
-      const viewportWidth = window.innerWidth;
-      const viewportHeight = window.innerHeight;
+      const visualViewport = window.visualViewport;
+      const viewportWidth = visualViewport?.width ?? window.innerWidth;
+      const viewportHeight = visualViewport?.height ?? window.innerHeight;
       this.style.display = "block";
       this.style.position = "fixed";
       this.style.zIndex = "500";
-      if (viewportWidth < MOBILE_BREAKPOINT) {
-        this.style.left = "0";
-        this.style.right = "0";
-        this.style.bottom = "0";
-        this.style.top = "";
-        this.style.width = "100%";
-        this.style.maxHeight = "60dvh";
+      if (window.innerWidth < MOBILE_BREAKPOINT) {
+        const toolbarReserve = 56;
+        const menuHeight = Math.min(
+          MENU_HEIGHT_ESTIMATE,
+          Math.max(0, viewportHeight - toolbarReserve)
+        );
+        this.style.left = `${visualViewport?.offsetLeft ?? 0}px`;
+        this.style.right = "";
+        this.style.bottom = "";
+        this.style.top = `${(visualViewport?.offsetTop ?? 0) + viewportHeight - menuHeight - toolbarReserve}px`;
+        this.style.width = `${viewportWidth}px`;
+        this.style.maxHeight = `${menuHeight}px`;
         return;
       }
       let top;

package/editor/extensions/index.d.ts

@@ -1,5 +1,6 @@
-import { AnyExtension, Editor, Range } from '@tiptap/core';
-import { a as TableOverlayActionEventDetail } from '../table-overlay-DTr3KC9e.js';
+import { AnyExtension, Editor, Range, Extension } from '@tiptap/core';
+import { d as TableContextMenuActionEventDetail, f as TableOverlayActionEventDetail } from '../table-overlay-Bq0F5xPg.js';
+export { a as TABLE_CELL_BACKGROUND_PRESETS } from '../table-overlay-Bq0F5xPg.js';
 
 /**
  * Default Tiptap extension preset for Looma editor.
@@ -11,12 +12,26 @@ interface DefaultEditorExtensionsOptions {
     linkOpenOnClick?: boolean;
     imageInline?: boolean;
 }
+/** Complete Looma table support as one Tiptap extension. */
+declare const LoomaTableKit: AnyExtension;
+/** Individual table extensions for consumers that prefer an explicit extension list. */
+declare function getLoomaTableExtensions(): AnyExtension[];
 /**
  * Returns the default Looma editor extensions (Vanilla Tiptap).
  * Use with new Editor({ extensions: getDefaultEditorExtensions(), ... }) or framework useEditor().
  */
 declare function getDefaultEditorExtensions(options?: DefaultEditorExtensionsOptions): AnyExtension[];
 
+type TableCellAlignment = "left" | "center" | "right";
+type TableCellBackground = string | null;
+declare const LoomaTable: AnyExtension;
+declare const LoomaTableHeader: AnyExtension;
+declare const LoomaTableCell: AnyExtension;
+declare function getActiveTableCellAlignment(editor: Editor): TableCellAlignment;
+declare function getActiveTableCellBackground(editor: Editor): TableCellBackground;
+declare function setActiveTableCellAlignment(editor: Editor, alignment: TableCellAlignment): boolean;
+declare function setActiveTableCellBackground(editor: Editor, backgroundColor: TableCellBackground): boolean;
+
 /**
  * Table overlay action handler — maps boundaryIndex to Tiptap table commands.
  * Use with looma-editor-table-overlay-action: call this from the adapter's handler.
@@ -27,6 +42,30 @@ interface InsertTableAtRangeOptions {
     cols?: number;
     withHeaderRow?: boolean;
 }
+interface TableActionCapabilities {
+    canAddRowBefore: boolean;
+    canAddRowAfter: boolean;
+    canAddColumnBefore: boolean;
+    canAddColumnAfter: boolean;
+    canDeleteRow: boolean;
+    canDeleteColumn: boolean;
+    canDeleteTable: boolean;
+    canMergeCells: boolean;
+    canSplitCell: boolean;
+}
+interface ActiveTableUiState {
+    active: boolean;
+    showToolbar: boolean;
+    cellAlignment: TableCellAlignment;
+    cellBackground: TableCellBackground;
+    capabilities: TableActionCapabilities;
+}
+/** Text formatting belongs to actual text selections, not table CellSelections. */
+declare function shouldShowTextFormattingToolbar(editor: Editor, from?: number, to?: number): boolean;
+/** Returns Looma's complete interaction state for the table containing the selection. */
+declare function getActiveTableUiState(editor: Editor): ActiveTableUiState;
+/** Executes a toolbar/context-menu action using Looma's table behavior policy. */
+declare function handleTableAction(editor: Editor, detail: TableContextMenuActionEventDetail): boolean;
 /**
  * Deletes a slash-command range (or other inline trigger text) and inserts a table.
  * Use this when apps want a stable default `/table` behavior without owning table policy.
@@ -53,22 +92,37 @@ declare function normalizeActiveTableColumnWidths(editor: Editor, tableElement:
  */
 declare function handleTableOverlayAction(editor: Editor, detail: TableOverlayActionEventDetail): boolean;
 
-type TableCellAlignment = "left" | "center" | "right";
-type TableCellBackground = string | null;
-declare const TABLE_CELL_BACKGROUND_PRESETS: {
-    readonly none: null;
-    readonly gray: "#f3f4f6";
-    readonly yellow: "#fef3c7";
-    readonly blue: "#dbeafe";
-    readonly green: "#dcfce7";
-    readonly red: "#fee2e2";
-};
-declare const LoomaTable: AnyExtension;
-declare const LoomaTableHeader: AnyExtension;
-declare const LoomaTableCell: AnyExtension;
-declare function getActiveTableCellAlignment(editor: Editor): TableCellAlignment;
-declare function getActiveTableCellBackground(editor: Editor): TableCellBackground;
-declare function setActiveTableCellAlignment(editor: Editor, alignment: TableCellAlignment): boolean;
-declare function setActiveTableCellBackground(editor: Editor, backgroundColor: TableCellBackground): boolean;
+interface LoomaSlashCommandContext {
+    editor: Editor;
+    range: Range;
+}
+interface LoomaSlashMenuSnapshot {
+    active: boolean;
+    items: LoomaSlashCommand[];
+    selectedIndex: number;
+    query: string;
+    rect: DOMRect | null;
+    select: ((index: number) => void) | null;
+}
+interface LoomaSlashCommandOptions {
+    commands: LoomaSlashCommand[];
+    onStateChange?: (state: LoomaSlashMenuSnapshot) => void;
+    onOpenImagePicker?: () => void;
+}
+declare function getDefaultSlashCommands(onOpenImagePicker?: () => void): LoomaSlashCommand[];
+interface LoomaSlashCommand {
+    title: string;
+    description: string;
+    icon: string;
+    keywords: string[];
+    command: (context: LoomaSlashCommandContext) => void;
+}
+/**
+ * Framework-neutral slash-command extension used by the turnkey editor.
+ * Consumers embedding Looma into their own Tiptap instance can configure the
+ * same behavior and render any menu they choose from `onStateChange`.
+ */
+declare const LoomaSlashCommand: Extension<LoomaSlashCommandOptions, any>;
+declare function createLoomaSlashCommandExtension(options?: Partial<LoomaSlashCommandOptions>): Extension<LoomaSlashCommandOptions, any>;
 
-export { type DefaultEditorExtensionsOptions, type InsertTableAtRangeOptions, LoomaTable, LoomaTableCell, LoomaTableHeader, TABLE_CELL_BACKGROUND_PRESETS, type TableCellAlignment, type TableCellBackground, getActiveTableCellAlignment, getActiveTableCellBackground, getDefaultEditorExtensions, handleTableOverlayAction, insertTableAtRange, normalizeActiveTableColumnWidths, setActiveTableCellAlignment, setActiveTableCellBackground };
+export { type ActiveTableUiState, type DefaultEditorExtensionsOptions, type InsertTableAtRangeOptions, LoomaSlashCommand, type LoomaSlashCommandContext, LoomaSlashCommand as LoomaSlashCommandItem, type LoomaSlashCommandOptions, type LoomaSlashMenuSnapshot, LoomaTable, LoomaTableCell, LoomaTableHeader, LoomaTableKit, type TableActionCapabilities, type TableCellAlignment, type TableCellBackground, createLoomaSlashCommandExtension, getActiveTableCellAlignment, getActiveTableCellBackground, getActiveTableUiState, getDefaultEditorExtensions, getDefaultSlashCommands, getLoomaTableExtensions, handleTableAction, handleTableOverlayAction, insertTableAtRange, normalizeActiveTableColumnWidths, setActiveTableCellAlignment, setActiveTableCellBackground, shouldShowTextFormattingToolbar };

package/editor/extensions/index.js

@@ -1,28 +1,46 @@
 import {
+  LoomaSlashCommand,
   LoomaTable,
   LoomaTableCell,
   LoomaTableHeader,
-  TABLE_CELL_BACKGROUND_PRESETS,
+  LoomaTableKit,
+  createLoomaSlashCommandExtension,
   getActiveTableCellAlignment,
   getActiveTableCellBackground,
+  getActiveTableUiState,
   getDefaultEditorExtensions,
+  getDefaultSlashCommands,
+  getLoomaTableExtensions,
+  handleTableAction,
   handleTableOverlayAction,
   insertTableAtRange,
   normalizeActiveTableColumnWidths,
   setActiveTableCellAlignment,
-  setActiveTableCellBackground
-} from "../chunk-YGJLGDQC.js";
+  setActiveTableCellBackground,
+  shouldShowTextFormattingToolbar
+} from "../chunk-NJ2KAMS2.js";
+import {
+  TABLE_CELL_BACKGROUND_PRESETS
+} from "../chunk-CX4QDKSV.js";
 export {
+  LoomaSlashCommand,
   LoomaTable,
   LoomaTableCell,
   LoomaTableHeader,
+  LoomaTableKit,
   TABLE_CELL_BACKGROUND_PRESETS,
+  createLoomaSlashCommandExtension,
   getActiveTableCellAlignment,
   getActiveTableCellBackground,
+  getActiveTableUiState,
   getDefaultEditorExtensions,
+  getDefaultSlashCommands,
+  getLoomaTableExtensions,
+  handleTableAction,
   handleTableOverlayAction,
   insertTableAtRange,
   normalizeActiveTableColumnWidths,
   setActiveTableCellAlignment,
-  setActiveTableCellBackground
+  setActiveTableCellBackground,
+  shouldShowTextFormattingToolbar
 };

package/editor/index.d.ts

@@ -1,4 +1,4 @@
-export { InsertTableEventDetail, SlashMenuAnchorRect, SlashMenuHighlightEventDetail, SlashMenuItem, SlashMenuSelectEventDetail, TableContextMenuAction, TableContextMenuActionEventDetail, TableContextMenuActionEventDetail as TableToolbarActionEventDetail } from './ui.js';
-export { T as TableOverlayAction, a as TableOverlayActionEventDetail } from './table-overlay-DTr3KC9e.js';
-export { DefaultEditorExtensionsOptions, InsertTableAtRangeOptions, LoomaTable, LoomaTableCell, LoomaTableHeader, TABLE_CELL_BACKGROUND_PRESETS, TableCellAlignment, TableCellBackground, getActiveTableCellAlignment, getActiveTableCellBackground, getDefaultEditorExtensions, handleTableOverlayAction, insertTableAtRange, normalizeActiveTableColumnWidths, setActiveTableCellAlignment, setActiveTableCellBackground } from './extensions/index.js';
+export { T as TABLE_CELL_BACKGROUND_OPTIONS, a as TABLE_CELL_BACKGROUND_PRESETS, b as TableCellBackgroundAction, c as TableContextMenuAction, d as TableContextMenuActionEventDetail, e as TableOverlayAction, f as TableOverlayActionEventDetail, d as TableToolbarActionEventDetail } from './table-overlay-Bq0F5xPg.js';
+export { InsertTableEventDetail, SlashMenuAnchorRect, SlashMenuHighlightEventDetail, SlashMenuItem, SlashMenuSelectEventDetail } from './ui.js';
+export { ActiveTableUiState, DefaultEditorExtensionsOptions, InsertTableAtRangeOptions, LoomaSlashCommand, LoomaSlashCommandContext, LoomaSlashCommand as LoomaSlashCommandItem, LoomaSlashCommandOptions, LoomaSlashMenuSnapshot, LoomaTable, LoomaTableCell, LoomaTableHeader, LoomaTableKit, TableActionCapabilities, TableCellAlignment, TableCellBackground, createLoomaSlashCommandExtension, getActiveTableCellAlignment, getActiveTableCellBackground, getActiveTableUiState, getDefaultEditorExtensions, getDefaultSlashCommands, getLoomaTableExtensions, handleTableAction, handleTableOverlayAction, insertTableAtRange, normalizeActiveTableColumnWidths, setActiveTableCellAlignment, setActiveTableCellBackground, shouldShowTextFormattingToolbar } from './extensions/index.js';
 import '@tiptap/core';

package/editor/index.js

@@ -1,29 +1,49 @@
-import "./chunk-CWCXYQMT.js";
+import "./chunk-OK5NARJI.js";
 import {
+  LoomaSlashCommand,
   LoomaTable,
   LoomaTableCell,
   LoomaTableHeader,
-  TABLE_CELL_BACKGROUND_PRESETS,
+  LoomaTableKit,
+  createLoomaSlashCommandExtension,
   getActiveTableCellAlignment,
   getActiveTableCellBackground,
+  getActiveTableUiState,
   getDefaultEditorExtensions,
+  getDefaultSlashCommands,
+  getLoomaTableExtensions,
+  handleTableAction,
   handleTableOverlayAction,
   insertTableAtRange,
   normalizeActiveTableColumnWidths,
   setActiveTableCellAlignment,
-  setActiveTableCellBackground
-} from "./chunk-YGJLGDQC.js";
+  setActiveTableCellBackground,
+  shouldShowTextFormattingToolbar
+} from "./chunk-NJ2KAMS2.js";
+import {
+  TABLE_CELL_BACKGROUND_OPTIONS,
+  TABLE_CELL_BACKGROUND_PRESETS
+} from "./chunk-CX4QDKSV.js";
 export {
+  LoomaSlashCommand,
   LoomaTable,
   LoomaTableCell,
   LoomaTableHeader,
+  LoomaTableKit,
+  TABLE_CELL_BACKGROUND_OPTIONS,
   TABLE_CELL_BACKGROUND_PRESETS,
+  createLoomaSlashCommandExtension,
   getActiveTableCellAlignment,
   getActiveTableCellBackground,
+  getActiveTableUiState,
   getDefaultEditorExtensions,
+  getDefaultSlashCommands,
+  getLoomaTableExtensions,
+  handleTableAction,
   handleTableOverlayAction,
   insertTableAtRange,
   normalizeActiveTableColumnWidths,
   setActiveTableCellAlignment,
-  setActiveTableCellBackground
+  setActiveTableCellBackground,
+  shouldShowTextFormattingToolbar
 };

package/editor/table-overlay-Bq0F5xPg.d.ts

@@ -0,0 +1,64 @@
+declare const TABLE_CELL_BACKGROUND_PRESETS: {
+    readonly none: null;
+    readonly gray: "#f3f4f6";
+    readonly yellow: "#fef3c7";
+    readonly blue: "#dbeafe";
+    readonly green: "#dcfce7";
+    readonly red: "#fee2e2";
+};
+declare const TABLE_CELL_BACKGROUND_OPTIONS: readonly [{
+    readonly action: "background-none";
+    readonly label: "Default";
+    readonly value: null;
+    readonly swatch: null;
+}, {
+    readonly action: "background-gray";
+    readonly label: "Gray";
+    readonly value: "#f3f4f6";
+    readonly swatch: "#f3f4f6";
+}, {
+    readonly action: "background-yellow";
+    readonly label: "Yellow";
+    readonly value: "#fef3c7";
+    readonly swatch: "#fef3c7";
+}, {
+    readonly action: "background-blue";
+    readonly label: "Blue";
+    readonly value: "#dbeafe";
+    readonly swatch: "#dbeafe";
+}, {
+    readonly action: "background-green";
+    readonly label: "Green";
+    readonly value: "#dcfce7";
+    readonly swatch: "#dcfce7";
+}, {
+    readonly action: "background-red";
+    readonly label: "Red";
+    readonly value: "#fee2e2";
+    readonly swatch: "#fee2e2";
+}];
+type TableCellBackgroundAction = typeof TABLE_CELL_BACKGROUND_OPTIONS[number]["action"];
+
+/**
+ * ui-editor-table-context-menu — web component for table cell context menu.
+ * Emits custom events for each action; the adapter (Vue/React) wires Tiptap commands.
+ * Domain-neutral: no Tiptap dependency.
+ */
+
+type TableContextMenuAction = "align-left" | "align-center" | "align-right" | TableCellBackgroundAction | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "delete-row" | "delete-column" | "delete-table" | "merge-cells" | "split-cell";
+interface TableContextMenuActionEventDetail {
+    action: TableContextMenuAction;
+}
+
+/**
+ * ui-editor-table-overlay — table edge controls for row/column insertion.
+ * Emits looma-editor-table-overlay-action with insertion intent.
+ * Domain-neutral: no Tiptap dependency.
+ */
+type TableOverlayAction = "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after";
+interface TableOverlayActionEventDetail {
+    action: TableOverlayAction;
+    boundaryIndex: number;
+}
+
+export { TABLE_CELL_BACKGROUND_OPTIONS as T, TABLE_CELL_BACKGROUND_PRESETS as a, type TableCellBackgroundAction as b, type TableContextMenuAction as c, type TableContextMenuActionEventDetail as d, type TableOverlayAction as e, type TableOverlayActionEventDetail as f };

package/editor/ui.d.ts

@@ -1,14 +1,4 @@
-export { T as TableOverlayAction, a as TableOverlayActionEventDetail } from './table-overlay-DTr3KC9e.js';
-
-/**
- * ui-editor-table-context-menu — web component for table cell context menu.
- * Emits custom events for each action; the adapter (Vue/React) wires Tiptap commands.
- * Domain-neutral: no Tiptap dependency.
- */
-type TableContextMenuAction = "align-left" | "align-center" | "align-right" | "background-none" | "background-gray" | "background-yellow" | "background-blue" | "background-green" | "background-red" | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "delete-row" | "delete-column" | "delete-table" | "merge-cells" | "split-cell";
-interface TableContextMenuActionEventDetail {
-    action: TableContextMenuAction;
-}
+export { T as TABLE_CELL_BACKGROUND_OPTIONS, a as TABLE_CELL_BACKGROUND_PRESETS, b as TableCellBackgroundAction, c as TableContextMenuAction, d as TableContextMenuActionEventDetail, e as TableOverlayAction, f as TableOverlayActionEventDetail, d as TableToolbarActionEventDetail } from './table-overlay-Bq0F5xPg.js';
 
 /**
  * ui-editor-insert-table-grid — web component for picking table dimensions.
@@ -45,4 +35,4 @@ interface SlashMenuSelectEventDetail {
  */
 type SlashMenuAnchorRect = Pick<DOMRectReadOnly, "left" | "top" | "right" | "bottom"> | Pick<DOMRectReadOnly, "x" | "y" | "width" | "height">;
 
-export type { InsertTableEventDetail, SlashMenuAnchorRect, SlashMenuHighlightEventDetail, SlashMenuItem, SlashMenuSelectEventDetail, TableContextMenuAction, TableContextMenuActionEventDetail, TableContextMenuActionEventDetail as TableToolbarActionEventDetail };
+export type { InsertTableEventDetail, SlashMenuAnchorRect, SlashMenuHighlightEventDetail, SlashMenuItem, SlashMenuSelectEventDetail };

package/editor/ui.js

@@ -1 +1,9 @@
-import "./chunk-CWCXYQMT.js";
+import "./chunk-OK5NARJI.js";
+import {
+  TABLE_CELL_BACKGROUND_OPTIONS,
+  TABLE_CELL_BACKGROUND_PRESETS
+} from "./chunk-CX4QDKSV.js";
+export {
+  TABLE_CELL_BACKGROUND_OPTIONS,
+  TABLE_CELL_BACKGROUND_PRESETS
+};