neuphlo-editor 2.4.2 → 2.5.0

package/dist/react/index.cjs

@@ -1384,6 +1384,8 @@ var handleCommandNavigation = (event) => {
 var import_extension_collaboration = __toESM(require("@tiptap/extension-collaboration"), 1);
 var import_extension_collaboration_caret = __toESM(require("@tiptap/extension-collaboration-caret"), 1);
 var import_extension_underline = __toESM(require("@tiptap/extension-underline"), 1);
+var import_extension_list = require("@tiptap/extension-list");
+var import_react12 = require("@tiptap/react");
 
 // src/headless/extensions/VideoBlock/VideoBlock.ts
 var import_core5 = require("@tiptap/core");
@@ -1460,6 +1462,21 @@ var VideoBlock = import_core5.Node.create({
 });
 
 // src/headless/extensions/extension-kit.ts
+var TaskItem = import_extension_list.TaskItem.extend({
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      nodeView: null
+    };
+  },
+  addNodeView() {
+    const custom = this.options.nodeView;
+    if (custom) {
+      return (0, import_react12.ReactNodeViewRenderer)(custom);
+    }
+    return this.parent?.();
+  }
+});
 var ExtensionKit = (options) => {
   const enableSlashCommand = options?.slashCommand !== false;
   const extensions = [
@@ -1467,6 +1484,8 @@ var ExtensionKit = (options) => {
     CodeBlock,
     Link,
     import_extension_underline.default,
+    import_extension_list.TaskList,
+    TaskItem.configure({ nested: true, nodeView: options?.taskItemView }),
     ImageBlock.configure({
       uploadImage: options?.uploadImage,
       browseAssets: options?.browseAssets,
@@ -1565,13 +1584,13 @@ var extension_kit_default = ExtensionKit;
 
 // src/react/menus/TextMenu.tsx
 var import_state4 = require("@tiptap/pm/state");
-var import_react13 = require("@tiptap/react");
+var import_react14 = require("@tiptap/react");
 var import_menus = require("@tiptap/react/menus");
 var import_icons_react2 = require("@tabler/icons-react");
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // src/react/menus/MenuList.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_icons_react = require("@tabler/icons-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function MenuList({
@@ -1581,10 +1600,10 @@ function MenuList({
   onSelect,
   buttonClassName
 }) {
-  const [open, setOpen] = (0, import_react12.useState)(false);
-  const [label, setLabel] = (0, import_react12.useState)("Paragraph");
-  const rootRef = (0, import_react12.useRef)(null);
-  const computeLabel = (0, import_react12.useCallback)(() => {
+  const [open, setOpen] = (0, import_react13.useState)(false);
+  const [label, setLabel] = (0, import_react13.useState)("Paragraph");
+  const rootRef = (0, import_react13.useRef)(null);
+  const computeLabel = (0, import_react13.useCallback)(() => {
     if (!editor) return "Paragraph";
     if (editor.isActive("heading", { level: 1 })) return "Heading 1";
     if (editor.isActive("heading", { level: 2 })) return "Heading 2";
@@ -1597,7 +1616,7 @@ function MenuList({
     if (editor.isActive("codeBlock")) return "Code Block";
     return "Paragraph";
   }, [editor]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setLabel(computeLabel());
     if (!editor) return;
     const update = () => setLabel(computeLabel());
@@ -1610,7 +1629,7 @@ function MenuList({
       editor.off("update", update);
     };
   }, [editor, computeLabel]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!editor) return;
     const close = () => setOpen(false);
     editor.on("selectionUpdate", close);
@@ -1620,7 +1639,7 @@ function MenuList({
       editor.off("blur", close);
     };
   }, [editor]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const handlePointerDown = (e) => {
       if (!open) return;
       const el = rootRef.current;
@@ -1635,7 +1654,7 @@ function MenuList({
     onSelect?.();
     setOpen(false);
   };
-  const isActive = (0, import_react12.useCallback)((name) => label === name, [label]);
+  const isActive = (0, import_react13.useCallback)((name) => label === name, [label]);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: rootRef, className: "nph-dropdown", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
@@ -1831,11 +1850,11 @@ function TextMenu({
   leadingExtras,
   trailingExtras
 }) {
-  const { editor } = (0, import_react13.useCurrentEditor)();
-  const [isAddingLink, setIsAddingLink] = (0, import_react14.useState)(false);
-  const [linkUrl, setLinkUrl] = (0, import_react14.useState)("");
-  const linkInputRef = (0, import_react14.useRef)(null);
-  const editorState = (0, import_react13.useEditorState)({
+  const { editor } = (0, import_react14.useCurrentEditor)();
+  const [isAddingLink, setIsAddingLink] = (0, import_react15.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react15.useState)("");
+  const linkInputRef = (0, import_react15.useRef)(null);
+  const editorState = (0, import_react14.useEditorState)({
     editor,
     selector: (ctx) => {
       if (!ctx.editor) return null;
@@ -1853,7 +1872,7 @@ function TextMenu({
       };
     }
   });
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (isAddingLink && linkInputRef.current) {
       linkInputRef.current.focus();
     }
@@ -1893,6 +1912,7 @@ function TextMenu({
     import_menus.BubbleMenu,
     {
       editor,
+      pluginKey: "textBubbleMenu",
       shouldShow: ({ editor: e, state, from, to, view }) => {
         if (e.isActive("imageBlock")) return false;
         if (e.isActive("videoBlock")) return false;
@@ -1911,7 +1931,7 @@ function TextMenu({
         return true;
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: className ? `bubble-menu ${className}` : "bubble-menu", children: [
-        leadingExtras && editor ? leadingExtras.map((renderExtra, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react14.Fragment, { children: renderExtra(editor) }, `leading-extra-${index}`)) : null,
+        leadingExtras && editor ? leadingExtras.map((renderExtra, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react15.Fragment, { children: renderExtra(editor) }, `leading-extra-${index}`)) : null,
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuList, { editor }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Separator, {}),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -2073,17 +2093,17 @@ function TextMenu({
             )
           ] });
         })(),
-        trailingExtras && editor ? trailingExtras.map((renderExtra, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react14.Fragment, { children: renderExtra(editor) }, `trailing-extra-${index}`)) : null
+        trailingExtras && editor ? trailingExtras.map((renderExtra, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react15.Fragment, { children: renderExtra(editor) }, `trailing-extra-${index}`)) : null
       ] })
     }
   );
 }
 
 // src/react/menus/SlashMenu.tsx
-var import_react15 = require("@tiptap/react");
+var import_react16 = require("@tiptap/react");
 var import_jotai6 = require("jotai");
 var import_icons_react3 = require("@tabler/icons-react");
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var SLASH_COMMANDS = [
   {
@@ -2213,9 +2233,9 @@ var SLASH_COMMANDS = [
   }
 ];
 function SlashMenu({ className }) {
-  const { editor } = (0, import_react15.useCurrentEditor)();
+  const { editor } = (0, import_react16.useCurrentEditor)();
   const query = (0, import_jotai6.useAtomValue)(queryAtom, { store: novelStore });
-  const filteredGroups = (0, import_react16.useMemo)(() => {
+  const filteredGroups = (0, import_react17.useMemo)(() => {
     if (!query) return SLASH_COMMANDS;
     const q = query.toLowerCase();
     return SLASH_COMMANDS.map((group) => ({
@@ -2256,37 +2276,37 @@ function SlashMenu({ className }) {
 }
 
 // src/react/menus/LinkMenu.tsx
-var import_react17 = require("@tiptap/react");
+var import_react18 = require("@tiptap/react");
 var import_menus2 = require("@tiptap/react/menus");
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_icons_react4 = require("@tabler/icons-react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function LinkMenu() {
-  const { editor } = (0, import_react17.useCurrentEditor)();
-  const [url, setUrl] = (0, import_react18.useState)("");
-  const [isEditing, setIsEditing] = (0, import_react18.useState)(false);
-  const inputRef = (0, import_react18.useRef)(null);
+  const { editor } = (0, import_react18.useCurrentEditor)();
+  const [url, setUrl] = (0, import_react19.useState)("");
+  const [isEditing, setIsEditing] = (0, import_react19.useState)(false);
+  const inputRef = (0, import_react19.useRef)(null);
   const currentUrl = editor?.getAttributes("link")?.href || "";
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     setUrl(currentUrl);
   }, [currentUrl]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (isEditing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
     }
   }, [isEditing]);
-  const handleSetLink = (0, import_react18.useCallback)(() => {
+  const handleSetLink = (0, import_react19.useCallback)(() => {
     if (!editor || !url) return;
     editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
     setIsEditing(false);
   }, [editor, url]);
-  const handleRemoveLink = (0, import_react18.useCallback)(() => {
+  const handleRemoveLink = (0, import_react19.useCallback)(() => {
     if (!editor) return;
     editor.chain().focus().unsetLink().run();
     setIsEditing(false);
   }, [editor]);
-  const handleOpenLink = (0, import_react18.useCallback)(() => {
+  const handleOpenLink = (0, import_react19.useCallback)(() => {
     if (url || currentUrl) {
       window.open(url || currentUrl, "_blank", "noopener,noreferrer");
     }
@@ -2402,20 +2422,20 @@ function LinkMenu() {
 
 // src/react/menus/ImageMenu.tsx
 var import_state5 = require("@tiptap/pm/state");
-var import_react19 = require("@tiptap/react");
+var import_react20 = require("@tiptap/react");
 var import_menus3 = require("@tiptap/react/menus");
 var import_icons_react5 = require("@tabler/icons-react");
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function ImageMenu({
   className,
   leadingExtras,
   trailingExtras
 }) {
-  const { editor } = (0, import_react19.useCurrentEditor)();
-  const [size, setSize] = (0, import_react20.useState)(100);
-  const [align, setAlign] = (0, import_react20.useState)("left");
-  (0, import_react20.useEffect)(() => {
+  const { editor } = (0, import_react20.useCurrentEditor)();
+  const [size, setSize] = (0, import_react21.useState)(100);
+  const [align, setAlign] = (0, import_react21.useState)("left");
+  (0, import_react21.useEffect)(() => {
     if (!editor) return;
     const update = () => {
       if (!editor.isActive("imageBlock")) return;
@@ -2460,6 +2480,7 @@ function ImageMenu({
     import_menus3.BubbleMenu,
     {
       editor,
+      pluginKey: "imageBubbleMenu",
       shouldShow: ({ editor: e, state }) => {
         if (!e.isActive("imageBlock")) return false;
         const { selection } = state;
@@ -2468,7 +2489,7 @@ function ImageMenu({
       },
       updateDelay: 0,
       children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: className ? `bubble-menu ${className}` : "bubble-menu", children: [
-        leadingExtras && editor ? leadingExtras.map((renderExtra, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react20.Fragment, { children: renderExtra(editor) }, `image-leading-extra-${index}`)) : null,
+        leadingExtras && editor ? leadingExtras.map((renderExtra, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react21.Fragment, { children: renderExtra(editor) }, `image-leading-extra-${index}`)) : null,
         /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
           "div",
           {
@@ -2568,32 +2589,32 @@ function ImageMenu({
             children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons_react5.IconTrash, { size: 16 })
           }
         ),
-        trailingExtras && editor ? trailingExtras.map((renderExtra, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react20.Fragment, { children: renderExtra(editor) }, `image-trailing-extra-${index}`)) : null
+        trailingExtras && editor ? trailingExtras.map((renderExtra, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react21.Fragment, { children: renderExtra(editor) }, `image-trailing-extra-${index}`)) : null
       ] })
     }
   );
 }
 
 // src/react/menus/ImageBlock/ImageBlockView.tsx
-var import_react26 = require("@tiptap/react");
-var import_react27 = require("react");
+var import_react27 = require("@tiptap/react");
+var import_react28 = require("react");
 var import_icons_react9 = require("@tabler/icons-react");
 
 // src/react/menus/ImageBlock/ImageBlockMenu.tsx
 var import_state6 = require("@tiptap/pm/state");
-var import_react22 = require("@tiptap/react");
-var import_react23 = require("react");
+var import_react23 = require("@tiptap/react");
+var import_react24 = require("react");
 
 // src/react/menus/ImageBlock/ImageBlockWidth.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var ImageBlockWidth = (0, import_react21.memo)(
+var ImageBlockWidth = (0, import_react22.memo)(
   ({ onChange, value }) => {
-    const [currentValue, setCurrentValue] = (0, import_react21.useState)(value);
-    (0, import_react21.useEffect)(() => {
+    const [currentValue, setCurrentValue] = (0, import_react22.useState)(value);
+    (0, import_react22.useEffect)(() => {
       setCurrentValue(value);
     }, [value]);
-    const handleChange = (0, import_react21.useCallback)(
+    const handleChange = (0, import_react22.useCallback)(
       (e) => {
         const nextValue = parseInt(e.target.value);
         onChange(nextValue);
@@ -2648,8 +2669,8 @@ ImageBlockWidth.displayName = "ImageBlockWidth";
 var import_icons_react6 = require("@tabler/icons-react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var ImageBlockMenu = ({ editor, getPos, appendTo }) => {
-  const menuRef = (0, import_react23.useRef)(null);
-  const { isVisible, align, width } = (0, import_react22.useEditorState)({
+  const menuRef = (0, import_react24.useRef)(null);
+  const { isVisible, align, width } = (0, import_react23.useEditorState)({
     editor,
     selector: (ctx) => {
       if (!ctx.editor) return { isVisible: false, align: "center", width: 100 };
@@ -2671,22 +2692,22 @@ var ImageBlockMenu = ({ editor, getPos, appendTo }) => {
       return { isVisible: visible, align: currentAlign, width: currentWidth };
     }
   });
-  const onAlignImageLeft = (0, import_react23.useCallback)(() => {
+  const onAlignImageLeft = (0, import_react24.useCallback)(() => {
     editor.chain().focus(void 0, { scrollIntoView: false }).setImageBlockAlign("left").run();
   }, [editor]);
-  const onAlignImageCenter = (0, import_react23.useCallback)(() => {
+  const onAlignImageCenter = (0, import_react24.useCallback)(() => {
     editor.chain().focus(void 0, { scrollIntoView: false }).setImageBlockAlign("center").run();
   }, [editor]);
-  const onAlignImageRight = (0, import_react23.useCallback)(() => {
+  const onAlignImageRight = (0, import_react24.useCallback)(() => {
     editor.chain().focus(void 0, { scrollIntoView: false }).setImageBlockAlign("right").run();
   }, [editor]);
-  const onWidthChange = (0, import_react23.useCallback)(
+  const onWidthChange = (0, import_react24.useCallback)(
     (value) => {
       editor.chain().focus(void 0, { scrollIntoView: false }).setImageBlockWidth(value).run();
     },
     [editor]
   );
-  const onRemoveImage = (0, import_react23.useCallback)(() => {
+  const onRemoveImage = (0, import_react24.useCallback)(() => {
     editor.chain().focus(void 0, { scrollIntoView: false }).deleteSelection().run();
   }, [editor]);
   if (!isVisible) return null;
@@ -2769,7 +2790,7 @@ var ImageBlockMenu = ({ editor, getPos, appendTo }) => {
 
 // src/react/menus/ImageBlock/ImageUploader.tsx
 var import_icons_react8 = require("@tabler/icons-react");
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/react/menus/ImageBlock/ImageBlockLoading.tsx
 var import_icons_react7 = require("@tabler/icons-react");
@@ -2787,14 +2808,14 @@ var ImageBlockLoading = () => {
 // src/react/menus/ImageBlock/ImageUploader.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var ImageUploader = ({ onUpload, editor }) => {
-  const [loading, setLoading] = (0, import_react24.useState)(false);
-  const [draggedInside, setDraggedInside] = (0, import_react24.useState)(false);
-  const fileInputRef = (0, import_react24.useRef)(null);
+  const [loading, setLoading] = (0, import_react25.useState)(false);
+  const [draggedInside, setDraggedInside] = (0, import_react25.useState)(false);
+  const fileInputRef = (0, import_react25.useRef)(null);
   const imageExtension = editor.extensionManager.extensions.find(
     (ext) => ext.name === "imageBlock"
   );
   const browseAssets = imageExtension?.options?.browseAssets;
-  const uploadFile = (0, import_react24.useCallback)(
+  const uploadFile = (0, import_react25.useCallback)(
     async (file) => {
       setLoading(true);
       try {
@@ -2813,10 +2834,10 @@ var ImageUploader = ({ onUpload, editor }) => {
     },
     [imageExtension, onUpload]
   );
-  const handleUploadClick = (0, import_react24.useCallback)(() => {
+  const handleUploadClick = (0, import_react25.useCallback)(() => {
     fileInputRef.current?.click();
   }, []);
-  const onFileChange = (0, import_react24.useCallback)(
+  const onFileChange = (0, import_react25.useCallback)(
     (e) => {
       const file = e.target.files?.[0];
       if (file) {
@@ -2825,7 +2846,7 @@ var ImageUploader = ({ onUpload, editor }) => {
     },
     [uploadFile]
   );
-  const onDrop = (0, import_react24.useCallback)(
+  const onDrop = (0, import_react25.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -2837,12 +2858,12 @@ var ImageUploader = ({ onUpload, editor }) => {
     },
     [uploadFile]
   );
-  const onDragEnter = (0, import_react24.useCallback)((e) => {
+  const onDragEnter = (0, import_react25.useCallback)((e) => {
     e.preventDefault();
     e.stopPropagation();
     setDraggedInside(true);
   }, []);
-  const onDragLeave = (0, import_react24.useCallback)((e) => {
+  const onDragLeave = (0, import_react25.useCallback)((e) => {
     e.preventDefault();
     e.stopPropagation();
     setDraggedInside(false);
@@ -2917,16 +2938,16 @@ var ImageUploader = ({ onUpload, editor }) => {
 };
 
 // src/react/menus/ImageBlock/ImageResizeHandle.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function ImageResizeHandle({
   children,
   onResize,
   currentWidth
 }) {
-  const containerRef = (0, import_react25.useRef)(null);
-  const [isResizing, setIsResizing] = (0, import_react25.useState)(false);
-  const handleMouseDown = (0, import_react25.useCallback)(
+  const containerRef = (0, import_react26.useRef)(null);
+  const [isResizing, setIsResizing] = (0, import_react26.useState)(false);
+  const handleMouseDown = (0, import_react26.useCallback)(
     (e, side) => {
       e.preventDefault();
       e.stopPropagation();
@@ -2986,19 +3007,19 @@ function ImageResizeHandle({
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var ImageBlockView = (props) => {
   const { editor, getPos, node, updateAttributes } = props;
-  const imageWrapperRef = (0, import_react27.useRef)(null);
-  const [imageError, setImageError] = (0, import_react27.useState)(false);
+  const imageWrapperRef = (0, import_react28.useRef)(null);
+  const [imageError, setImageError] = (0, import_react28.useState)(false);
   const { src, width, align, alt, loading } = node.attrs;
-  const handleUpload = (0, import_react27.useCallback)(
+  const handleUpload = (0, import_react28.useCallback)(
     (url) => {
       updateAttributes({ src: url, loading: false });
     },
     [updateAttributes]
   );
-  const onClick = (0, import_react27.useCallback)(() => {
+  const onClick = (0, import_react28.useCallback)(() => {
     editor.commands.setNodeSelection(getPos());
   }, [getPos, editor.commands]);
-  const handleResize = (0, import_react27.useCallback)(
+  const handleResize = (0, import_react28.useCallback)(
     (widthPercent) => {
       updateAttributes({ width: `${widthPercent}%` });
     },
@@ -3021,14 +3042,14 @@ var ImageBlockView = (props) => {
     position: "relative"
   });
   if (!src || src === "") {
-    if (!editor.isEditable) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react26.NodeViewWrapper, {});
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react26.NodeViewWrapper, { style: { width: "100%", marginTop: "0.5rem", marginBottom: "0.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: imageWrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageUploader, { onUpload: handleUpload, editor }) }) });
+    if (!editor.isEditable) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react27.NodeViewWrapper, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react27.NodeViewWrapper, { style: { width: "100%", marginTop: "0.5rem", marginBottom: "0.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: imageWrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageUploader, { onUpload: handleUpload, editor }) }) });
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react26.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: imageWrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageBlockLoading, {}) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react27.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: imageWrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageBlockLoading, {}) }) });
   }
   if (imageError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react26.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { contentEditable: false, ref: imageWrapperRef, style: getContentStyle(), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react27.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { contentEditable: false, ref: imageWrapperRef, style: getContentStyle(), children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "nph-image-block-error", onClick, children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons_react9.IconPhotoOff, { size: 32 }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Image could not be loaded" })
@@ -3036,7 +3057,7 @@ var ImageBlockView = (props) => {
       editor.isEditable && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageBlockMenu, { editor, getPos, appendTo: imageWrapperRef })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react26.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { contentEditable: false, ref: imageWrapperRef, style: getContentStyle(), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react27.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { contentEditable: false, ref: imageWrapperRef, style: getContentStyle(), children: [
     editor.isEditable ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageResizeHandle, { onResize: handleResize, currentWidth: width, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "img",
       {
@@ -3061,18 +3082,18 @@ var ImageBlockView = (props) => {
 
 // src/react/menus/VideoBlock/VideoBlockView.tsx
 var import_state8 = require("@tiptap/pm/state");
-var import_react30 = require("@tiptap/react");
-var import_react31 = require("react");
+var import_react31 = require("@tiptap/react");
+var import_react32 = require("react");
 
 // src/react/menus/VideoBlock/VideoBlockMenu.tsx
 var import_state7 = require("@tiptap/pm/state");
-var import_react28 = require("@tiptap/react");
-var import_react29 = require("react");
+var import_react29 = require("@tiptap/react");
+var import_react30 = require("react");
 var import_icons_react10 = require("@tabler/icons-react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var VideoBlockMenu = ({ editor, getPos }) => {
-  const menuRef = (0, import_react29.useRef)(null);
-  const { isVisible, align, width } = (0, import_react28.useEditorState)({
+  const menuRef = (0, import_react30.useRef)(null);
+  const { isVisible, align, width } = (0, import_react29.useEditorState)({
     editor,
     selector: (ctx) => {
       if (!ctx.editor) return { isVisible: false, align: "center", width: 100 };
@@ -3092,22 +3113,22 @@ var VideoBlockMenu = ({ editor, getPos }) => {
       return { isVisible: isThisNode, align: currentAlign, width: currentWidth };
     }
   });
-  const onAlignLeft = (0, import_react29.useCallback)(() => {
+  const onAlignLeft = (0, import_react30.useCallback)(() => {
     editor.chain().focus(void 0, { scrollIntoView: false }).setVideoBlockAlign("left").run();
   }, [editor]);
-  const onAlignCenter = (0, import_react29.useCallback)(() => {
+  const onAlignCenter = (0, import_react30.useCallback)(() => {
     editor.chain().focus(void 0, { scrollIntoView: false }).setVideoBlockAlign("center").run();
   }, [editor]);
-  const onAlignRight = (0, import_react29.useCallback)(() => {
+  const onAlignRight = (0, import_react30.useCallback)(() => {
     editor.chain().focus(void 0, { scrollIntoView: false }).setVideoBlockAlign("right").run();
   }, [editor]);
-  const onWidthChange = (0, import_react29.useCallback)(
+  const onWidthChange = (0, import_react30.useCallback)(
     (value) => {
       editor.chain().focus(void 0, { scrollIntoView: false }).setVideoBlockWidth(value).run();
     },
     [editor]
   );
-  const onRemove = (0, import_react29.useCallback)(() => {
+  const onRemove = (0, import_react30.useCallback)(() => {
     editor.chain().focus(void 0, { scrollIntoView: false }).deleteSelection().run();
   }, [editor]);
   if (!isVisible) return null;
@@ -3213,11 +3234,11 @@ function toEmbedUrl(url) {
 }
 var VideoBlockView = (props) => {
   const { editor, getPos, node, updateAttributes } = props;
-  const wrapperRef = (0, import_react31.useRef)(null);
+  const wrapperRef = (0, import_react32.useRef)(null);
   const { src, width, align } = node.attrs;
-  const [inputUrl, setInputUrl] = (0, import_react31.useState)("");
-  const [videoError, setVideoError] = (0, import_react31.useState)(false);
-  const isSelected = (0, import_react30.useEditorState)({
+  const [inputUrl, setInputUrl] = (0, import_react32.useState)("");
+  const [videoError, setVideoError] = (0, import_react32.useState)(false);
+  const isSelected = (0, import_react31.useEditorState)({
     editor,
     selector: (ctx) => {
       if (!ctx.editor) return false;
@@ -3225,12 +3246,12 @@ var VideoBlockView = (props) => {
       return selection instanceof import_state8.NodeSelection && selection.from === getPos();
     }
   });
-  const handleEmbed = (0, import_react31.useCallback)(() => {
+  const handleEmbed = (0, import_react32.useCallback)(() => {
     if (!inputUrl.trim()) return;
     const embedUrl = toEmbedUrl(inputUrl.trim());
     updateAttributes({ src: embedUrl });
   }, [inputUrl, updateAttributes]);
-  const handleKeyDown = (0, import_react31.useCallback)(
+  const handleKeyDown = (0, import_react32.useCallback)(
     (e) => {
       if (e.key === "Enter") {
         e.preventDefault();
@@ -3239,7 +3260,7 @@ var VideoBlockView = (props) => {
     },
     [handleEmbed]
   );
-  const onClick = (0, import_react31.useCallback)(() => {
+  const onClick = (0, import_react32.useCallback)(() => {
     editor.commands.setNodeSelection(getPos());
   }, [getPos, editor.commands]);
   const getWrapperStyle = () => {
@@ -3256,8 +3277,8 @@ var VideoBlockView = (props) => {
     }
   };
   if (!src || src === "") {
-    if (!editor.isEditable) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, {});
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: wrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-placeholder", onClick, children: [
+    if (!editor.isEditable) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react31.NodeViewWrapper, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react31.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: wrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-placeholder", onClick, children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "nph-video-placeholder__icon", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react11.IconVideo, { size: 28, stroke: 1.5 }) }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "2px" }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontSize: "14px", fontWeight: 600, lineHeight: "20px" }, children: "Add a video" }),
@@ -3293,7 +3314,7 @@ var VideoBlockView = (props) => {
     ] }) }) });
   }
   if (videoError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { contentEditable: false, ref: wrapperRef, style: { position: "relative" }, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react31.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { contentEditable: false, ref: wrapperRef, style: { position: "relative" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-block-error", onClick, children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react11.IconVideoOff, { size: 32 }),
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Video could not be loaded" }),
@@ -3302,7 +3323,7 @@ var VideoBlockView = (props) => {
       editor.isEditable && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(VideoBlockMenu, { editor, getPos })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react31.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       contentEditable: false,
@@ -3336,22 +3357,22 @@ var VideoBlockView = (props) => {
 
 // src/react/menus/DragHandle/BlockActionMenu.tsx
 var import_icons_react12 = require("@tabler/icons-react");
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function BlockActionMenu({ editor, onClose }) {
-  const executeAndClose = (0, import_react32.useCallback)(
+  const executeAndClose = (0, import_react33.useCallback)(
     (fn) => {
       fn();
       onClose();
     },
     [onClose]
   );
-  const handleDelete = (0, import_react32.useCallback)(() => {
+  const handleDelete = (0, import_react33.useCallback)(() => {
     executeAndClose(() => {
       editor.commands.deleteSelection();
     });
   }, [editor, executeAndClose]);
-  const handleDuplicate = (0, import_react32.useCallback)(() => {
+  const handleDuplicate = (0, import_react33.useCallback)(() => {
     executeAndClose(() => {
       const { state } = editor;
       const { selection } = state;
@@ -3366,7 +3387,7 @@ function BlockActionMenu({ editor, onClose }) {
       }
     });
   }, [editor, executeAndClose]);
-  const handleMoveUp = (0, import_react32.useCallback)(() => {
+  const handleMoveUp = (0, import_react33.useCallback)(() => {
     executeAndClose(() => {
       const { state } = editor;
       const { selection } = state;
@@ -3389,7 +3410,7 @@ function BlockActionMenu({ editor, onClose }) {
       }).run();
     });
   }, [editor, executeAndClose]);
-  const handleMoveDown = (0, import_react32.useCallback)(() => {
+  const handleMoveDown = (0, import_react33.useCallback)(() => {
     executeAndClose(() => {
       const { state } = editor;
       const { selection } = state;
@@ -3414,7 +3435,7 @@ function BlockActionMenu({ editor, onClose }) {
       }).run();
     });
   }, [editor, executeAndClose]);
-  const handleCopyToClipboard = (0, import_react32.useCallback)(() => {
+  const handleCopyToClipboard = (0, import_react33.useCallback)(() => {
     executeAndClose(() => {
       const { state } = editor;
       const { selection } = state;
@@ -3499,14 +3520,14 @@ function BlockActionMenu({ editor, onClose }) {
 }
 
 // src/react/menus/TableMenu.tsx
-var import_react33 = require("@tiptap/react");
+var import_react34 = require("@tiptap/react");
 var import_icons_react13 = require("@tabler/icons-react");
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function TableMenu({ className: _className }) {
-  const { editor } = (0, import_react33.useCurrentEditor)();
-  const tableInfo = (0, import_react33.useEditorState)({
+  const { editor } = (0, import_react34.useCurrentEditor)();
+  const tableInfo = (0, import_react34.useEditorState)({
     editor,
     selector: (ctx) => {
       if (!ctx.editor) return null;
@@ -3519,19 +3540,19 @@ function TableMenu({ className: _className }) {
       return null;
     }
   });
-  const [colGrips, setColGrips] = (0, import_react34.useState)([]);
-  const [rowGrips, setRowGrips] = (0, import_react34.useState)([]);
-  const [dropdown, setDropdown] = (0, import_react34.useState)(null);
-  const [tableRect, setTableRect] = (0, import_react34.useState)(null);
-  const [isHovering, setIsHovering] = (0, import_react34.useState)(false);
-  const [drag, setDrag] = (0, import_react34.useState)(null);
-  const dropdownRef = (0, import_react34.useRef)(null);
-  const dragRef = (0, import_react34.useRef)(null);
-  const getTableDom = (0, import_react34.useCallback)(() => {
+  const [colGrips, setColGrips] = (0, import_react35.useState)([]);
+  const [rowGrips, setRowGrips] = (0, import_react35.useState)([]);
+  const [dropdown, setDropdown] = (0, import_react35.useState)(null);
+  const [tableRect, setTableRect] = (0, import_react35.useState)(null);
+  const [isHovering, setIsHovering] = (0, import_react35.useState)(false);
+  const [drag, setDrag] = (0, import_react35.useState)(null);
+  const dropdownRef = (0, import_react35.useRef)(null);
+  const dragRef = (0, import_react35.useRef)(null);
+  const getTableDom = (0, import_react35.useCallback)(() => {
     if (!editor || !tableInfo) return null;
     return editor.view.nodeDOM(tableInfo.pos);
   }, [editor, tableInfo]);
-  const measureGrips = (0, import_react34.useCallback)(() => {
+  const measureGrips = (0, import_react35.useCallback)(() => {
     const tableDom = getTableDom();
     if (!tableDom) {
       setColGrips([]);
@@ -3568,7 +3589,7 @@ function TableMenu({ className: _className }) {
     });
     setRowGrips(newRowGrips);
   }, [getTableDom]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!tableInfo) {
       setColGrips([]);
       setRowGrips([]);
@@ -3602,7 +3623,7 @@ function TableMenu({ className: _className }) {
       window.removeEventListener("scroll", handleScroll);
     };
   }, [tableInfo, getTableDom, measureGrips]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!dropdown) return;
     const handlePointerDown = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
@@ -3612,7 +3633,7 @@ function TableMenu({ className: _className }) {
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [dropdown]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!editor || !dropdown) return;
     const handleTransaction = () => setDropdown(null);
     editor.on("transaction", handleTransaction);
@@ -3620,7 +3641,7 @@ function TableMenu({ className: _className }) {
       editor.off("transaction", handleTransaction);
     };
   }, [editor, dropdown]);
-  const handleColGripClick = (0, import_react34.useCallback)(
+  const handleColGripClick = (0, import_react35.useCallback)(
     (index, e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -3644,7 +3665,7 @@ function TableMenu({ className: _className }) {
     },
     [editor, tableInfo, getTableDom]
   );
-  const handleRowGripClick = (0, import_react34.useCallback)(
+  const handleRowGripClick = (0, import_react35.useCallback)(
     (index, e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -3669,7 +3690,7 @@ function TableMenu({ className: _className }) {
     },
     [editor, tableInfo, getTableDom]
   );
-  const moveColumn = (0, import_react34.useCallback)(
+  const moveColumn = (0, import_react35.useCallback)(
     (from, to) => {
       if (!editor || !tableInfo || from === to) return;
       const { state } = editor;
@@ -3696,7 +3717,7 @@ function TableMenu({ className: _className }) {
     },
     [editor, tableInfo]
   );
-  const moveRow = (0, import_react34.useCallback)(
+  const moveRow = (0, import_react35.useCallback)(
     (from, to) => {
       if (!editor || !tableInfo || from === to) return;
       const { state } = editor;
@@ -3719,7 +3740,7 @@ function TableMenu({ className: _className }) {
     },
     [editor, tableInfo]
   );
-  const handleGripDragStart = (0, import_react34.useCallback)(
+  const handleGripDragStart = (0, import_react35.useCallback)(
     (type, index, e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -4015,9 +4036,44 @@ function TableMenu({ className: _className }) {
   );
 }
 
-// src/react/Editor.tsx
-var import_react35 = require("react");
+// src/react/menus/TaskItem/TaskItemView.tsx
+var import_react36 = require("@tiptap/react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
+var createTaskItemView = (Checkbox) => {
+  const TaskItemView = ({ node, updateAttributes }) => {
+    const checked = !!node.attrs.checked;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      import_react36.NodeViewWrapper,
+      {
+        as: "li",
+        "data-checked": checked,
+        className: "nph-task-item",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { contentEditable: false, className: "nph-task-item__checkbox", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            Checkbox,
+            {
+              checked,
+              onCheckedChange: (value) => updateAttributes({ checked: value === true })
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_react36.NodeViewContent,
+            {
+              as: "div",
+              className: "nph-task-item__content" + (checked ? " nph-task-item__content--checked" : "")
+            }
+          )
+        ]
+      }
+    );
+  };
+  TaskItemView.displayName = "TaskItemView";
+  return TaskItemView;
+};
+
+// src/react/Editor.tsx
+var import_react37 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Editor5({
   content,
   className,
@@ -4037,12 +4093,19 @@ function Editor5({
   mentionOptions,
   referenceOptions,
   slashCommand,
-  placeholder
+  placeholder,
+  taskItemView,
+  checkboxComponent
 }) {
-  const [actionMenuAnchor, setActionMenuAnchor] = (0, import_react35.useState)(null);
-  const [actionMenuEditor, setActionMenuEditor] = (0, import_react35.useState)(null);
-  const actionMenuRef = (0, import_react35.useRef)(null);
-  (0, import_react35.useEffect)(() => {
+  const resolvedTaskItemView = (0, import_react37.useMemo)(() => {
+    if (taskItemView) return taskItemView;
+    if (checkboxComponent) return createTaskItemView(checkboxComponent);
+    return void 0;
+  }, [taskItemView, checkboxComponent]);
+  const [actionMenuAnchor, setActionMenuAnchor] = (0, import_react37.useState)(null);
+  const [actionMenuEditor, setActionMenuEditor] = (0, import_react37.useState)(null);
+  const actionMenuRef = (0, import_react37.useRef)(null);
+  (0, import_react37.useEffect)(() => {
     if (!actionMenuAnchor) return;
     const handlePointerDown = (e) => {
       if (actionMenuRef.current && !actionMenuRef.current.contains(e.target)) {
@@ -4052,7 +4115,7 @@ function Editor5({
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [actionMenuAnchor]);
-  const dragHandleCallbacks = (0, import_react35.useMemo)(
+  const dragHandleCallbacks = (0, import_react37.useMemo)(
     () => ({
       onAddBlock: (editor) => {
         const { state } = editor;
@@ -4090,11 +4153,11 @@ function Editor5({
   };
   const textExtras = normalizeExtras(bubbleMenuExtras?.text);
   const imageExtras = normalizeExtras(bubbleMenuExtras?.image);
-  const handleCloseActionMenu = (0, import_react35.useCallback)(() => {
+  const handleCloseActionMenu = (0, import_react37.useCallback)(() => {
     setActionMenuAnchor(null);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EditorRoot, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EditorRoot, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       EditorContent,
       {
         onUpdate,
@@ -4109,6 +4172,7 @@ function Editor5({
             collaboration,
             imageBlockView: ImageBlockView,
             videoBlockView: VideoBlockView,
+            taskItemView: resolvedTaskItemView,
             mention: mentionOptions,
             reference: referenceOptions,
             slashCommand,
@@ -4127,27 +4191,27 @@ function Editor5({
           }
         },
         children: [
-          showTextMenu ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          showTextMenu ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             TextMenu,
             {
               leadingExtras: textExtras.start,
               trailingExtras: textExtras.end
             }
           ) : null,
-          showImageMenu ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          showImageMenu ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             ImageMenu,
             {
               leadingExtras: imageExtras.start,
               trailingExtras: imageExtras.end
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LinkMenu, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableMenu, {}),
-          showSlashMenu ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SlashMenu, {}) : null
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(LinkMenu, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableMenu, {}),
+          showSlashMenu ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SlashMenu, {}) : null
         ]
       }
     ) }),
-    actionMenuAnchor && actionMenuEditor && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    actionMenuAnchor && actionMenuEditor && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         ref: actionMenuRef,
@@ -4157,7 +4221,7 @@ function Editor5({
           top: actionMenuAnchor.getBoundingClientRect().bottom + 4,
           left: actionMenuAnchor.getBoundingClientRect().left
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           BlockActionMenu,
           {
             editor: actionMenuEditor,
@@ -4170,18 +4234,18 @@ function Editor5({
 }
 
 // src/react/TableOfContents.tsx
-var import_react36 = require("@tiptap/react");
-var import_react37 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react38 = require("@tiptap/react");
+var import_react39 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function TableOfContents({
   className,
   itemClassName,
   activeClassName
 }) {
-  const { editor } = (0, import_react36.useCurrentEditor)();
-  const [activeId, setActiveId] = (0, import_react37.useState)(null);
-  const observerRef = (0, import_react37.useRef)(null);
-  const headings = (0, import_react36.useEditorState)({
+  const { editor } = (0, import_react38.useCurrentEditor)();
+  const [activeId, setActiveId] = (0, import_react39.useState)(null);
+  const observerRef = (0, import_react39.useRef)(null);
+  const headings = (0, import_react38.useEditorState)({
     editor,
     selector: (ctx) => {
       if (!ctx.editor) return [];
@@ -4200,7 +4264,7 @@ function TableOfContents({
       return items;
     }
   });
-  (0, import_react37.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!editor || !headings || headings.length === 0) return;
     observerRef.current?.disconnect();
     const callback = (entries) => {
@@ -4231,7 +4295,7 @@ function TableOfContents({
       observer.disconnect();
     };
   }, [editor, headings]);
-  const handleClick = (0, import_react37.useCallback)(
+  const handleClick = (0, import_react39.useCallback)(
     (pos) => {
       if (!editor) return;
       editor.chain().focus().setTextSelection(pos + 1).run();
@@ -4246,13 +4310,13 @@ function TableOfContents({
     [editor]
   );
   if (!editor || !headings || headings.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("nav", { className: className ?? "nph-toc", children: headings.map((heading) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("nav", { className: className ?? "nph-toc", children: headings.map((heading) => {
     const isActive = activeId === heading.id;
     const itemClass = [
       itemClassName ?? "nph-toc__item",
       isActive ? activeClassName ?? "nph-toc__item--active" : ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "button",
       {
         type: "button",