@estiva-app/ui 0.65.3 → 0.67.0

package/dist/editor.js

@@ -580,6 +580,155 @@ function EditorBlockHandle({ editor, turnInto = [], actions, children, className
   return /* @__PURE__ */ jsx3(BlockHandle, { editing, actions, className, children });
 }
 
+// src/EditorTableControls.tsx
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef3, useState as useState2 } from "react";
+import { TextSelection } from "@tiptap/pm/state";
+import { addColumnAfter, addColumnBefore, addRowAfter, addRowBefore, deleteColumn, deleteRow, deleteTable, toggleHeader } from "@tiptap/pm/tables";
+import { IconColumnInsertLeft, IconColumnInsertRight, IconGripHorizontal, IconGripVertical, IconPlus, IconRowInsertBottom, IconRowInsertTop, IconTrash as IconTrash2 } from "@tabler/icons-react";
+import { cn } from "@estiva-app/ui";
+import { IconButton } from "@estiva-app/ui";
+
+// src/looks.ts
+var FLOATING_SURFACE_CLASSES = "rounded-lg border border-border-default bg-bg-elevated shadow-lg";
+
+// src/EditorTableControls.tsx
+import { Menu, MenuItem as MenuItem2, MenuSeparator } from "@estiva-app/ui";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function inCell(editor, cell, command) {
+  const { view } = editor;
+  if (!view.dom.contains(cell)) return false;
+  const at = view.posAtDOM(cell, 0);
+  view.dispatch(view.state.tr.setSelection(TextSelection.near(view.state.doc.resolve(at))));
+  const done = command(view.state, view.dispatch, view);
+  editor.commands.focus();
+  return done;
+}
+function isHeaderRow(row) {
+  return row.cells.length > 0 && Array.from(row.cells).every((c) => c.tagName === "TH");
+}
+function deleteTableRow(editor, cell) {
+  const row = cell.closest("tr");
+  const table = cell.closest("table");
+  if (!row || !table || table.rows.length <= 1) return inCell(editor, cell, deleteTable);
+  const header = isHeaderRow(row);
+  return inCell(editor, cell, header ? (state, dispatch, view) => deleteRow(state, dispatch) && (!view || toggleHeader("row")(view.state, view.dispatch)) : deleteRow);
+}
+function deleteTableColumn(editor, cell) {
+  const row = cell.closest("tr");
+  return inCell(editor, cell, row && row.cells.length > 1 ? deleteColumn : deleteTable);
+}
+function appendTableRow(editor, table) {
+  const last = table.rows[table.rows.length - 1]?.cells[0];
+  return !!last && inCell(editor, last, addRowAfter);
+}
+function appendTableColumn(editor, table) {
+  const first = table.rows[0];
+  const last = first?.cells[first.cells.length - 1];
+  return !!last && inCell(editor, last, addColumnAfter);
+}
+function place(frame, { table, row, cell }) {
+  const at = frame.getBoundingClientRect();
+  const t = table.getBoundingClientRect();
+  const r = row.getBoundingClientRect();
+  const c = cell.getBoundingClientRect();
+  return {
+    tableBox: { top: t.top - at.top, left: t.left - at.left, width: t.width, height: t.height },
+    rowBox: { top: r.top - at.top, height: r.height },
+    columnBox: { left: c.left - at.left, width: c.width }
+  };
+}
+var ICON = { size: 16, stroke: 1.5, className: "text-text-secondary" };
+var keepFocus = (e) => e.preventDefault();
+var HANDLE_BOX = cn(FLOATING_SURFACE_CLASSES, "shadow-none");
+function EditorTableControls({ editor, children, className }) {
+  const frame = useRef3(null);
+  const [hovered, setHovered] = useState2(null);
+  const [menu, setMenu] = useState2(null);
+  const editable = !!editor && editor.isEditable;
+  const follow = useCallback2(
+    (target) => {
+      if (!editor || !frame.current || !(target instanceof Element)) return;
+      if (target.closest("[data-table-control]")) return;
+      const cell = target.closest("td, th");
+      const row = cell?.closest("tr");
+      const table = row?.closest("table");
+      if (!cell || !row || !table || !editor.view.dom.contains(table)) {
+        setHovered(null);
+        return;
+      }
+      const next = { table, row, cell, ...place(frame.current, { table, row, cell }) };
+      setHovered((was) => was && was.cell === cell && JSON.stringify([was.tableBox, was.rowBox, was.columnBox]) === JSON.stringify([next.tableBox, next.rowBox, next.columnBox]) ? was : next);
+    },
+    [editor]
+  );
+  useEffect2(() => {
+    if (!editor) return;
+    const changed = ({ transaction }) => {
+      if (transaction.docChanged && !menu) setHovered(null);
+    };
+    editor.on("transaction", changed);
+    return () => {
+      editor.off("transaction", changed);
+    };
+  }, [editor, menu]);
+  const shown = editable ? hovered : null;
+  const run = (act) => () => {
+    if (editor) act();
+    setMenu(null);
+    setHovered(null);
+  };
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      ref: frame,
+      className: cn("relative", className),
+      onMouseMove: (e) => {
+        if (!menu) follow(e.target);
+      },
+      onMouseLeave: () => {
+        if (!menu) setHovered(null);
+      },
+      children: [
+        children,
+        shown && editor && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+          /* @__PURE__ */ jsx4("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute -translate-x-1/2 -translate-y-1/2"), style: { left: shown.tableBox.left, top: shown.rowBox.top + shown.rowBox.height / 2 }, children: /* @__PURE__ */ jsxs3(
+            Menu,
+            {
+              open: menu === "row",
+              onOpenChange: (open) => setMenu(open ? "row" : null),
+              trigger: /* @__PURE__ */ jsx4(IconButton, { "aria-label": "Row menu", tooltip: "Row", className: "h-6 w-4 p-0", children: /* @__PURE__ */ jsx4(IconGripVertical, { size: 16, stroke: 1.5 }) }),
+              children: [
+                !isHeaderRow(shown.row) && /* @__PURE__ */ jsx4(MenuItem2, { label: "Insert above", leading: /* @__PURE__ */ jsx4(IconRowInsertTop, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addRowBefore)) }),
+                /* @__PURE__ */ jsx4(MenuItem2, { label: "Insert below", leading: /* @__PURE__ */ jsx4(IconRowInsertBottom, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addRowAfter)) }),
+                /* @__PURE__ */ jsx4(MenuSeparator, {}),
+                /* @__PURE__ */ jsx4(MenuItem2, { label: "Delete", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => deleteTableRow(editor, shown.cell)) }),
+                /* @__PURE__ */ jsx4(MenuItem2, { label: "Delete table", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => inCell(editor, shown.cell, deleteTable)) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx4("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute -translate-x-1/2 -translate-y-1/2"), style: { left: shown.columnBox.left + shown.columnBox.width / 2, top: shown.tableBox.top }, children: /* @__PURE__ */ jsxs3(
+            Menu,
+            {
+              open: menu === "column",
+              onOpenChange: (open) => setMenu(open ? "column" : null),
+              trigger: /* @__PURE__ */ jsx4(IconButton, { "aria-label": "Column menu", tooltip: "Column", className: "h-4 w-6 p-0", children: /* @__PURE__ */ jsx4(IconGripHorizontal, { size: 16, stroke: 1.5 }) }),
+              children: [
+                /* @__PURE__ */ jsx4(MenuItem2, { label: "Insert left", leading: /* @__PURE__ */ jsx4(IconColumnInsertLeft, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addColumnBefore)) }),
+                /* @__PURE__ */ jsx4(MenuItem2, { label: "Insert right", leading: /* @__PURE__ */ jsx4(IconColumnInsertRight, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addColumnAfter)) }),
+                /* @__PURE__ */ jsx4(MenuSeparator, {}),
+                /* @__PURE__ */ jsx4(MenuItem2, { label: "Delete", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => deleteTableColumn(editor, shown.cell)) }),
+                /* @__PURE__ */ jsx4(MenuItem2, { label: "Delete table", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => inCell(editor, shown.cell, deleteTable)) })
+              ]
+            }
+          ) }),
+          shown.row === shown.table.rows[shown.table.rows.length - 1] && /* @__PURE__ */ jsx4("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute flex h-4"), style: { left: shown.tableBox.left, top: shown.tableBox.top + shown.tableBox.height, width: shown.tableBox.width }, children: /* @__PURE__ */ jsx4(IconButton, { "aria-label": "Add row", tooltip: "Add row", className: "h-full w-full p-0", onMouseDown: keepFocus, onClick: run(() => appendTableRow(editor, shown.table)), children: /* @__PURE__ */ jsx4(IconPlus, { size: 12, stroke: 1.5 }) }) }),
+          shown.cell === shown.row.cells[shown.row.cells.length - 1] && /* @__PURE__ */ jsx4("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute flex w-4"), style: { left: shown.tableBox.left + shown.tableBox.width, top: shown.tableBox.top, height: shown.tableBox.height }, children: /* @__PURE__ */ jsx4(IconButton, { "aria-label": "Add column", tooltip: "Add column", className: "h-full w-full p-0", onMouseDown: keepFocus, onClick: run(() => appendTableColumn(editor, shown.table)), children: /* @__PURE__ */ jsx4(IconPlus, { size: 12, stroke: 1.5 }) }) })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/ComposerTriggers.tsx
 import { Extension as Extension3 } from "@tiptap/core";
 import { PluginKey as PluginKey3 } from "@tiptap/pm/state";
@@ -589,7 +738,7 @@ import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
 import { Avatar } from "@estiva-app/ui";
 import { EnterHint } from "@estiva-app/ui";
 import { inlineChipClassName } from "@estiva-app/ui";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var PEOPLE_LIMIT = 6;
 function filterPeople(people, query) {
   const q = query.toLowerCase();
@@ -607,8 +756,8 @@ function peopleMenu(urgent) {
     row: (person) => ({
       label: person.name,
       description: person.description,
-      leading: person.avatar ?? /* @__PURE__ */ jsx4(Avatar, { size: 32, alt: person.name }),
-      hint: /* @__PURE__ */ jsx4(EnterHint, {}),
+      leading: person.avatar ?? /* @__PURE__ */ jsx5(Avatar, { size: 32, alt: person.name }),
+      hint: /* @__PURE__ */ jsx5(EnterHint, {}),
       size: "tall"
     })
   };
@@ -735,9 +884,9 @@ var CaptionedReference = Mention.extend({
   addNodeView() {
     const { icon, iconFor } = this.options;
     return ReactNodeViewRenderer(
-      ({ node }) => /* @__PURE__ */ jsxs3(NodeViewWrapper, { as: "span", className: inlineChipClassName("neutral", "max-w-[24ch] cursor-default"), children: [
-        /* @__PURE__ */ jsx4("span", { className: "flex items-center justify-center w-4 h-4 shrink-0 text-text-secondary", children: iconFor?.(node.attrs.uri ?? null) ?? icon }),
-        /* @__PURE__ */ jsx4("span", { className: "truncate", children: captionOf(node.attrs.label, node.attrs.snippet) })
+      ({ node }) => /* @__PURE__ */ jsxs4(NodeViewWrapper, { as: "span", className: inlineChipClassName("neutral", "max-w-[24ch] cursor-default"), children: [
+        /* @__PURE__ */ jsx5("span", { className: "flex items-center justify-center w-4 h-4 shrink-0 text-text-secondary", children: iconFor?.(node.attrs.uri ?? null) ?? icon }),
+        /* @__PURE__ */ jsx5("span", { className: "truncate", children: captionOf(node.attrs.label, node.attrs.snippet) })
       ] }),
       { as: "span" }
     );
@@ -759,7 +908,7 @@ function referenceMenu({ ariaLabel, sectionLabel, icon, iconFor }) {
       return groups;
     },
     itemKey: (item) => `reference-${item.id}`,
-    row: (item) => ({ leading: item.icon ?? iconFor?.(item.uri) ?? icon, label: captionOf(item.label, item.snippet), description: item.description, hint: /* @__PURE__ */ jsx4(EnterHint, {}) })
+    row: (item) => ({ leading: item.icon ?? iconFor?.(item.uri) ?? icon, label: captionOf(item.label, item.snippet), description: item.description, hint: /* @__PURE__ */ jsx5(EnterHint, {}) })
   };
 }
 var listed = (options, query) => options.sections ? options.sections(query).flatMap((section) => section.items.map((item) => ({ ...item, section: section.label }))) : filterReferences(options.items(), query);
@@ -793,6 +942,7 @@ var ReferenceTrigger = Extension3.create({
     ];
   }
 });
+var offers = (editor, command) => !command.needs || command.needs.every((name) => editor.extensionManager.extensions.some((extension) => extension.name === name));
 var FORMATS = [
   { id: "paragraph", label: "Text" },
   { id: "heading", label: "Heading", trigger: "#" },
@@ -802,11 +952,16 @@ var FORMATS = [
   { id: "bulletList", label: "Bulleted list", trigger: "-" },
   { id: "orderedList", label: "Numbered list", trigger: "1." }
 ];
+var DOCUMENT_FORMATS = [
+  { id: "checklist", label: "Checklist", trigger: "[]" },
+  { id: "note", label: "Note" },
+  { id: "warning", label: "Warning" }
+];
 function applyFormat(editor, id, code = "inline") {
   const chain = editor.chain().focus();
   const run = (command, ...args) => {
-    const named = chain[command];
-    return named ? named(...args).run() : false;
+    const named2 = chain[command];
+    return named2 ? named2(...args).run() : false;
   };
   switch (id) {
     case "paragraph":
@@ -823,17 +978,38 @@ function applyFormat(editor, id, code = "inline") {
       return run("toggleOrderedList");
     case "code":
       return run(code === "block" ? "toggleCodeBlock" : "toggleCode");
+    case "checklist": {
+      if (!editor.isActive("listItem") && !run("toggleBulletList")) return false;
+      if (typeof editor.getAttributes("listItem").checked === "boolean") return true;
+      return editor.chain().updateAttributes("listItem", { checked: false }).run();
+    }
+    case "note":
+    case "warning": {
+      if (!editor.isActive("blockquote") && !run("toggleBlockquote")) return false;
+      return editor.chain().updateAttributes("blockquote", { tone: id }).run();
+    }
     default:
       return false;
   }
 }
+var KEYWORDS = {
+  checklist: ["todo", "task"],
+  note: ["callout"],
+  warning: ["callout"]
+};
+var NEEDS = {
+  checklist: ["checklist"],
+  note: ["callout"],
+  warning: ["callout"]
+};
 function formatSection(code = "inline") {
   return {
     label: "Format",
-    commands: FORMATS.map((format) => ({
+    commands: (code === "block" ? [...FORMATS, ...DOCUMENT_FORMATS] : FORMATS).map((format) => ({
       key: `format-${format.id}`,
       row: { label: format.label, shortcut: code === "block" && format.blockTrigger || format.trigger },
-      keywords: [format.id],
+      keywords: [format.id, ...KEYWORDS[format.id] ?? []],
+      ...NEEDS[format.id] ? { needs: NEEDS[format.id] } : {},
       run: (editor) => {
         applyFormat(editor, format.id, code);
       }
@@ -865,7 +1041,9 @@ var SlashCommands = Extension3.create({
         char: "/",
         startOfLine: false,
         pluginKey: new PluginKey3("slashCommands"),
-        items: ({ query }) => filterSlashSections(sections, query).flatMap((section, at) => section.commands.map((command) => ({ ...command, section: at }))),
+        items: ({ query, editor }) => filterSlashSections(sections, query).flatMap(
+          (section, at) => section.commands.filter((command) => offers(editor, command)).map((command) => ({ ...command, section: at }))
+        ),
         command: ({ editor, range, props }) => {
           editor.chain().focus().deleteRange(range).run();
           props.run(editor);
@@ -884,11 +1062,14 @@ var SlashCommands = Extension3.create({
 });
 
 // src/BlockNodes.tsx
-import { Extension as Extension4, Node as Node2 } from "@tiptap/core";
+import { Extension as Extension4, InputRule, Node as Node2 } from "@tiptap/core";
+import { DOMSerializer } from "@tiptap/pm/model";
 import { Plugin as Plugin3, PluginKey as PluginKey4 } from "@tiptap/pm/state";
 import { Mapping, ReplaceAroundStep } from "@tiptap/pm/transform";
-import { NodeViewWrapper as NodeViewWrapper2, ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { NodeViewWrapper as NodeViewWrapper2, ReactNodeViewRenderer as ReactNodeViewRenderer2, ReactRenderer as ReactRenderer2 } from "@tiptap/react";
+import { Checkbox } from "@estiva-app/ui";
+import { calloutLook } from "@estiva-app/ui";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var BLOCK_TYPES = [
   "paragraph",
   "heading",
@@ -1118,7 +1299,7 @@ var ReferenceNode = Node2.create({
   addNodeView() {
     const View = this.options.view;
     if (!View) return null;
-    return ReactNodeViewRenderer2(({ node }) => /* @__PURE__ */ jsx5(NodeViewWrapper2, { as: "span", className: "inline", children: /* @__PURE__ */ jsx5(View, { uri: String(node.attrs.uri ?? "") }) }));
+    return ReactNodeViewRenderer2(({ node }) => /* @__PURE__ */ jsx6(NodeViewWrapper2, { as: "span", className: "inline", children: /* @__PURE__ */ jsx6(View, { uri: String(node.attrs.uri ?? "") }) }));
   }
 });
 var UnknownBlock = Node2.create({
@@ -1146,7 +1327,7 @@ var UnknownBlock = Node2.create({
 function UnknownBlockView({ node }) {
   const source = node.attrs.source;
   const text = String(node.attrs.text ?? "");
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     NodeViewWrapper2,
     {
       "data-block-id": source?.id,
@@ -1186,15 +1367,174 @@ var AttachmentNode = Node2.create({
   addNodeView() {
     const View = this.options.view;
     if (!View) return null;
-    return ReactNodeViewRenderer2(({ node }) => /* @__PURE__ */ jsx5(NodeViewWrapper2, { className: "my-2", children: /* @__PURE__ */ jsx5(View, { attrs: node.attrs }) }));
+    return ReactNodeViewRenderer2(({ node }) => /* @__PURE__ */ jsx6(NodeViewWrapper2, { className: "my-2", children: /* @__PURE__ */ jsx6(View, { attrs: node.attrs }) }));
+  }
+});
+var TICK = "checklistTick";
+function isChecklistTick(transaction) {
+  return transaction.getMeta(TICK) === true;
+}
+function named(chain, command, ...args) {
+  const own = chain[command];
+  return own ? own(...args) : chain;
+}
+function itemAtCaret(state) {
+  const { $from } = state.selection;
+  if ($from.depth < 2) return null;
+  const item = $from.node(-1);
+  if (item.type.name !== "listItem" || $from.index(-1) !== 0) return null;
+  return { node: item, pos: $from.before(-1) };
+}
+var sameAttrs = (a, b) => Object.keys({ ...a.attrs, ...b.attrs }).every((key) => a.attrs[key] === b.attrs[key]);
+function listItemView(editor, node, view, getPos) {
+  const toDOM = node.type.spec.toDOM;
+  const { dom, contentDOM } = toDOM ? DOMSerializer.renderSpec(document, toDOM(node)) : { dom: document.createElement("li"), contentDOM: void 0 };
+  const checked = node.attrs.checked;
+  if (typeof checked !== "boolean") return { dom, contentDOM: contentDOM ?? dom, update: (next) => next.type === node.type && sameAttrs(next, node) };
+  const li = dom;
+  const box = document.createElement("span");
+  box.contentEditable = "false";
+  box.setAttribute("data-checklist-box", "");
+  const body = document.createElement("div");
+  li.replaceChildren(box, body);
+  const tick = (next) => {
+    const pos = getPos();
+    if (pos === void 0 || !view.editable) return;
+    view.dispatch(view.state.tr.setNodeAttribute(pos, "checked", next).setMeta(TICK, true));
+  };
+  let words = node.firstChild?.textContent.trim() || "Item";
+  const props = () => ({ checked, onChange: view.editable ? tick : void 0, "aria-label": words });
+  const renderer = new ReactRenderer2(Checkbox, { editor, props: props(), as: "span" });
+  box.appendChild(renderer.element);
+  let drawn = "";
+  const sync = () => {
+    const now = `${view.editable}:${words}`;
+    if (now === drawn) return;
+    drawn = now;
+    renderer.updateProps(props());
+    for (const [name, value] of Object.entries({ role: "checkbox", "aria-checked": String(checked), "aria-readonly": "true", "aria-label": words })) {
+      if (view.editable) box.removeAttribute(name);
+      else box.setAttribute(name, value);
+    }
+  };
+  sync();
+  editor.on("update", sync);
+  return {
+    dom: li,
+    contentDOM: body,
+    update: (next) => {
+      if (next.type !== node.type || !sameAttrs(next, node)) return false;
+      words = next.firstChild?.textContent.trim() || "Item";
+      sync();
+      return true;
+    },
+    stopEvent: (event) => box.contains(event.target),
+    ignoreMutation: (mutation) => box.contains(mutation.target),
+    destroy: () => {
+      editor.off("update", sync);
+      renderer.destroy();
+    }
+  };
+}
+var Checklist = Extension4.create({
+  name: "checklist",
+  // Before the list item's own Enter and Backspace.
+  priority: 101,
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["listItem"],
+        attributes: {
+          checked: {
+            default: null,
+            keepOnSplit: false,
+            parseHTML: (element) => {
+              const value = element.getAttribute("data-checked");
+              return value === "true" ? true : value === "false" ? false : null;
+            },
+            renderHTML: (attributes) => typeof attributes.checked === "boolean" ? { "data-checked": String(attributes.checked) } : {}
+          }
+        }
+      }
+    ];
+  },
+  addInputRules() {
+    return [
+      new InputRule({
+        find: /^\[([ xX]?)\]\s$/,
+        handler: ({ state, range, match, chain }) => {
+          const checked = match[1].toLowerCase() === "x";
+          const inList = itemAtCaret(state) !== null;
+          if (!inList && !chain().toggleBulletList) return null;
+          const deleted = chain().deleteRange(range);
+          const listed2 = inList ? deleted : named(deleted, "toggleBulletList");
+          listed2.updateAttributes("listItem", { checked }).run();
+        }
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => {
+        const { state } = this.editor;
+        const item = itemAtCaret(state);
+        const { $from, empty } = state.selection;
+        if (!item || typeof item.node.attrs.checked !== "boolean") return false;
+        if (!empty) return this.editor.chain().deleteSelection().splitListItem("listItem", { checked: false }).run();
+        if ($from.parent.content.size === 0) return false;
+        if ($from.parentOffset > 0) return this.editor.commands.splitListItem("listItem", { checked: false });
+        return this.editor.chain().splitListItem("listItem", { checked: item.node.attrs.checked }).command(({ tr }) => {
+          tr.setNodeAttribute(tr.mapping.map(item.pos), "checked", false);
+          return true;
+        }).run();
+      },
+      Backspace: () => {
+        const { state } = this.editor;
+        const item = itemAtCaret(state);
+        const { $from, empty } = state.selection;
+        if (!item || !empty || $from.parentOffset > 0 || typeof item.node.attrs.checked !== "boolean") return false;
+        this.editor.view.dispatch(state.tr.setNodeAttribute(item.pos, "checked", null));
+        return true;
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const editor = this.editor;
+    return [
+      new Plugin3({
+        key: new PluginKey4("checklist"),
+        props: { nodeViews: { listItem: (node, view, getPos) => listItemView(editor, node, view, getPos) } }
+      })
+    ];
+  }
+});
+var Callout = Extension4.create({
+  name: "callout",
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["blockquote"],
+        attributes: {
+          tone: {
+            default: null,
+            parseHTML: (element) => element.getAttribute("data-tone"),
+            // As `RichText` draws it: the tone as written, and the look it is drawn in.
+            renderHTML: (attributes) => typeof attributes.tone === "string" ? { "data-tone": attributes.tone, "data-callout": calloutLook(attributes.tone) } : {}
+          }
+        }
+      }
+    ];
   }
 });
 export {
   AttachmentNode,
   BlockId,
+  Callout,
   CaptionedReference,
+  Checklist,
   CodeBlockColours,
   EditorBlockHandle,
+  EditorTableControls,
   FORMATS,
   KeptSelection,
   PastedImages,
@@ -1205,14 +1545,19 @@ export {
   SlashCommands,
   UnknownBlock,
   UrgentPersonMention,
+  appendTableColumn,
+  appendTableRow,
   applyFormat,
   blockDropCursor,
   deleteBlock,
+  deleteTableColumn,
+  deleteTableRow,
   duplicateBlock,
   filterPeople,
   filterReferences,
   filterSlashSections,
   formatSection,
+  isChecklistTick,
   isSuggestionActive,
   isSuggestionOpen,
   moveBlock,