raydit-editor 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,31 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  NotionEditor: () => NotionEditor_default
+});
+module.exports = __toCommonJS(index_exports);
+
 // src/NotionEditor.tsx
-import { useEditor, EditorContent } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import Placeholder from "@tiptap/extension-placeholder";
-import Underline2 from "@tiptap/extension-underline";
-import { Color } from "@tiptap/extension-color";
-import Highlight from "@tiptap/extension-highlight";
-import Link3 from "@tiptap/extension-link";
-import {
-  Table as Table2,
-  TableRow,
-  TableCell,
-  TableHeader
-} from "@tiptap/extension-table";
-import { TextStyle } from "@tiptap/extension-text-style";
-import Superscript from "@tiptap/extension-superscript";
-import Subscript from "@tiptap/extension-subscript";
-import TextAlign from "@tiptap/extension-text-align";
-import TaskList from "@tiptap/extension-task-list";
-import TaskItem from "@tiptap/extension-task-item";
-import { BubbleMenu } from "@tiptap/react/menus";
-import { useEffect as useEffect5, useRef as useRef3 } from "react";
-import clsx from "clsx";
+var import_react8 = require("@tiptap/react");
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
+var import_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"), 1);
+var import_extension_underline = __toESM(require("@tiptap/extension-underline"), 1);
+var import_extension_color = require("@tiptap/extension-color");
+var import_extension_highlight = __toESM(require("@tiptap/extension-highlight"), 1);
+var import_extension_link = __toESM(require("@tiptap/extension-link"), 1);
+var import_extension_table = require("@tiptap/extension-table");
+var import_extension_text_style = require("@tiptap/extension-text-style");
+var import_extension_superscript = __toESM(require("@tiptap/extension-superscript"), 1);
+var import_extension_subscript = __toESM(require("@tiptap/extension-subscript"), 1);
+var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"), 1);
+var import_extension_task_list = __toESM(require("@tiptap/extension-task-list"), 1);
+var import_extension_task_item = __toESM(require("@tiptap/extension-task-item"), 1);
+var import_menus = require("@tiptap/react/menus");
+var import_react9 = require("react");
+var import_clsx = __toESM(require("clsx"), 1);
 
 // src/slash/SlashExtension.ts
-import { Extension } from "@tiptap/core";
-import Suggestion from "@tiptap/suggestion";
-import { ReactRenderer } from "@tiptap/react";
+var import_core2 = require("@tiptap/core");
+var import_suggestion = __toESM(require("@tiptap/suggestion"), 1);
+var import_react2 = require("@tiptap/react");
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -5803,13 +5834,13 @@ tippy.setDefaultProps({
 var tippy_esm_default = tippy;
 
 // src/slash/SlashMenu.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function SlashMenu({ items, command }) {
-  const [query, setQuery] = useState("");
-  const [activeIndex, setActiveIndex] = useState(0);
-  const containerRef = useRef(null);
-  const filtered = useMemo(() => {
+  const [query, setQuery] = (0, import_react.useState)("");
+  const [activeIndex, setActiveIndex] = (0, import_react.useState)(0);
+  const containerRef = (0, import_react.useRef)(null);
+  const filtered = (0, import_react.useMemo)(() => {
     return items.filter(
       (item) => {
         var _a;
@@ -5817,7 +5848,7 @@ function SlashMenu({ items, command }) {
       }
     );
   }, [items, query]);
-  const grouped = useMemo(() => {
+  const grouped = (0, import_react.useMemo)(() => {
     return filtered.reduce((acc, item) => {
       var _a, _b;
       (_b = acc[_a = item.category]) != null ? _b : acc[_a] = [];
@@ -5826,14 +5857,14 @@ function SlashMenu({ items, command }) {
     }, {});
   }, [filtered]);
   const flatItems = Object.values(grouped).flat();
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     var _a;
     const el = (_a = containerRef.current) == null ? void 0 : _a.querySelector(
       `[data-index="${activeIndex}"]`
     );
     el == null ? void 0 : el.scrollIntoView({ block: "nearest" });
   }, [activeIndex]);
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     const handler = (e) => {
       if (e.key === "ArrowDown") {
         e.preventDefault();
@@ -5853,27 +5884,27 @@ function SlashMenu({ items, command }) {
     return () => window.removeEventListener("keydown", handler);
   }, [flatItems, activeIndex, command]);
   let globalIndex = -1;
-  return /* @__PURE__ */ jsx("div", { className: "w-80 rounded-xl border bg-white shadow-2xl dark:bg-black", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-80 rounded-xl border bg-white shadow-2xl dark:bg-black", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref: containerRef,
       className: "max-h-[360px] overflow-y-auto p-2",
-      children: Object.entries(grouped).map(([category, commands]) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-xs font-semibold text-gray-500 dark:text-gray-800", children: category }),
+      children: Object.entries(grouped).map(([category, commands]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2 py-1 text-xs font-semibold text-gray-500 dark:text-gray-800", children: category }),
         commands.map((item) => {
           globalIndex += 1;
           const isActive = globalIndex === activeIndex;
-          return /* @__PURE__ */ jsxs(
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "button",
             {
               "data-index": globalIndex,
               onClick: () => command(item),
               className: `flex w-full items-center gap-3 rounded-md px-3 py-2 text-left ${isActive ? "bg-gray-100" : "hover:bg-gray-100"}`,
               children: [
-                /* @__PURE__ */ jsx("div", { className: "text-gray-500", children: item.icon }),
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.title }),
-                  item.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: item.description })
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-gray-500", children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-medium", children: item.title }),
+                  item.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-gray-500", children: item.description })
                 ] })
               ]
             },
@@ -5886,20 +5917,8 @@ function SlashMenu({ items, command }) {
 }
 
 // src/commands/slash-commands.tsx
-import {
-  Type,
-  Heading1,
-  Heading2,
-  Heading3,
-  List,
-  ListOrdered,
-  Quote,
-  Code,
-  Minus,
-  Table,
-  Link
-} from "lucide-react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var slashCommands = [
   /* ================= AI ================= */
   // {
@@ -5942,7 +5961,7 @@ var slashCommands = [
     title: "Text",
     description: "Normal paragraph",
     category: "Style",
-    icon: /* @__PURE__ */ jsx2(Type, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Type, { size: 16 }),
     keywords: ["paragraph", "text"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).setParagraph().run()
   },
@@ -5951,7 +5970,7 @@ var slashCommands = [
     title: "Heading 1",
     description: "Big section heading",
     category: "Style",
-    icon: /* @__PURE__ */ jsx2(Heading1, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Heading1, { size: 16 }),
     keywords: ["h1", "title"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).setHeading({ level: 1 }).run()
   },
@@ -5960,7 +5979,7 @@ var slashCommands = [
     title: "Heading 2",
     description: "Medium section heading",
     category: "Style",
-    icon: /* @__PURE__ */ jsx2(Heading2, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Heading2, { size: 16 }),
     keywords: ["h2"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).setHeading({ level: 2 }).run()
   },
@@ -5969,7 +5988,7 @@ var slashCommands = [
     title: "Heading 3",
     description: "Small section heading",
     category: "Style",
-    icon: /* @__PURE__ */ jsx2(Heading3, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Heading3, { size: 16 }),
     keywords: ["h3"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).setHeading({ level: 3 }).run()
   },
@@ -5977,7 +5996,7 @@ var slashCommands = [
     id: "bullet-list",
     title: "Bullet List",
     category: "Style",
-    icon: /* @__PURE__ */ jsx2(List, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.List, { size: 16 }),
     keywords: ["ul", "bullet"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleBulletList().run()
   },
@@ -5985,7 +6004,7 @@ var slashCommands = [
     id: "ordered-list",
     title: "Numbered List",
     category: "Style",
-    icon: /* @__PURE__ */ jsx2(ListOrdered, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.ListOrdered, { size: 16 }),
     keywords: ["ol", "number"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleOrderedList().run()
   },
@@ -6001,7 +6020,7 @@ var slashCommands = [
     id: "blockquote",
     title: "Quote",
     category: "Style",
-    icon: /* @__PURE__ */ jsx2(Quote, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Quote, { size: 16 }),
     keywords: ["quote"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleBlockquote().run()
   },
@@ -6009,7 +6028,7 @@ var slashCommands = [
     id: "code-block",
     title: "Code Block",
     category: "Style",
-    icon: /* @__PURE__ */ jsx2(Code, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Code, { size: 16 }),
     keywords: ["code", "pre"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run()
   },
@@ -6018,7 +6037,7 @@ var slashCommands = [
     id: "divider",
     title: "Divider",
     category: "Insert",
-    icon: /* @__PURE__ */ jsx2(Minus, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Minus, { size: 16 }),
     keywords: ["hr", "separator"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).setHorizontalRule().run()
   },
@@ -6026,7 +6045,7 @@ var slashCommands = [
     id: "table",
     title: "Table",
     category: "Insert",
-    icon: /* @__PURE__ */ jsx2(Table, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Table, { size: 16 }),
     keywords: ["table", "grid"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
   },
@@ -6052,7 +6071,7 @@ var slashCommands = [
     id: "link",
     title: "Link",
     category: "Media",
-    icon: /* @__PURE__ */ jsx2(Link, { size: 16 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Link, { size: 16 }),
     keywords: ["url"],
     command: ({ editor, range }) => editor.chain().focus().deleteRange(range).setLink({ href: "https://example.com" }).run()
   }
@@ -6080,12 +6099,12 @@ function getSafeClientRect(clientRect) {
   };
 }
 var SlashPluginKey = new PluginKey("slash-command");
-var SlashExtension = Extension.create({
+var SlashExtension = import_core2.Extension.create({
   name: "slash-command",
   addProseMirrorPlugins() {
     const editor = this.editor;
     return [
-      Suggestion({
+      (0, import_suggestion.default)({
         pluginKey: SlashPluginKey,
         editor,
         char: "/",
@@ -6119,7 +6138,7 @@ var SlashExtension = Extension.create({
               items = props.items;
               selectCommand = props.command;
               if (!editor) return;
-              component = new ReactRenderer(SlashMenu, {
+              component = new import_react2.ReactRenderer(SlashMenu, {
                 props: {
                   ...props,
                   selectedIndex
@@ -6180,37 +6199,15 @@ var SlashExtension = Extension.create({
 });
 
 // src/SelectionToolbar.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import {
-  Bold,
-  Italic,
-  Underline,
-  Strikethrough,
-  Code as Code2,
-  Link2,
-  Highlighter,
-  Type as Type2,
-  Heading1 as Heading12,
-  Heading2 as Heading22,
-  Heading3 as Heading32,
-  List as List2,
-  ListOrdered as ListOrdered2,
-  CheckSquare as CheckSquare2,
-  Quote as Quote2,
-  Code2 as Code22,
-  AlignLeft,
-  AlignCenter,
-  AlignRight,
-  AlignJustify,
-  MoreVertical
-} from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var import_react3 = require("react");
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function SelectionToolbar({ editor }) {
-  const [showColors, setShowColors] = useState2(false);
-  const [showHighlights, setShowHighlights] = useState2(false);
-  const [showTurnInto, setShowTurnInto] = useState2(false);
-  const [showMore, setShowMore] = useState2(false);
-  useEffect2(() => {
+  const [showColors, setShowColors] = (0, import_react3.useState)(false);
+  const [showHighlights, setShowHighlights] = (0, import_react3.useState)(false);
+  const [showTurnInto, setShowTurnInto] = (0, import_react3.useState)(false);
+  const [showMore, setShowMore] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
     if (!editor) return;
     const closeMenu = () => {
       setShowTurnInto(false);
@@ -6271,7 +6268,7 @@ function SelectionToolbar({ editor }) {
   const turnIntoItems = [
     {
       label: "Text",
-      icon: /* @__PURE__ */ jsx3(Type2, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Type, { size: 16 }),
       isActive: () => editor.isActive("paragraph") && !editor.isActive("bulletList") && !editor.isActive("orderedList") && !editor.isActive("taskList"),
       action: () => {
         editor.chain().focus().clearNodes().setParagraph().run();
@@ -6279,25 +6276,25 @@ function SelectionToolbar({ editor }) {
     },
     {
       label: "Heading 1",
-      icon: /* @__PURE__ */ jsx3(Heading12, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Heading1, { size: 16 }),
       isActive: () => editor.isActive("heading", { level: 1 }),
       action: () => editor.chain().focus().toggleHeading({ level: 1 }).run()
     },
     {
       label: "Heading 2",
-      icon: /* @__PURE__ */ jsx3(Heading22, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Heading2, { size: 16 }),
       isActive: () => editor.isActive("heading", { level: 2 }),
       action: () => editor.chain().focus().toggleHeading({ level: 2 }).run()
     },
     {
       label: "Heading 3",
-      icon: /* @__PURE__ */ jsx3(Heading32, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Heading3, { size: 16 }),
       isActive: () => editor.isActive("heading", { level: 3 }),
       action: () => editor.chain().focus().toggleHeading({ level: 3 }).run()
     },
     {
       label: "To-do list",
-      icon: /* @__PURE__ */ jsx3(CheckSquare2, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.CheckSquare, { size: 16 }),
       isActive: () => editor.isActive("taskList"),
       action: () => {
         if (editor.isActive("taskList")) {
@@ -6309,19 +6306,19 @@ function SelectionToolbar({ editor }) {
     },
     {
       label: "Blockquote",
-      icon: /* @__PURE__ */ jsx3(Quote2, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Quote, { size: 16 }),
       isActive: () => editor.isActive("blockquote"),
       action: () => editor.chain().focus().toggleBlockquote().run()
     },
     {
       label: "Code block",
-      icon: /* @__PURE__ */ jsx3(Code22, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Code2, { size: 16 }),
       isActive: () => editor.isActive("codeBlock"),
       action: () => editor.chain().focus().toggleCodeBlock().run()
     }
   ];
-  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 rounded-lg border border-gray-200 bg-white p-1 shadow-xl", children: [
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-1 rounded-lg border border-gray-200 bg-white p-1 shadow-xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         onClick: () => {
@@ -6335,10 +6332,10 @@ function SelectionToolbar({ editor }) {
         title: "Bullet List",
         type: "button",
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx3(List2, { size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.List, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         onClick: () => {
@@ -6352,12 +6349,12 @@ function SelectionToolbar({ editor }) {
         title: "Numbered List",
         type: "button",
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx3(ListOrdered2, { size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ListOrdered, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx3("div", { className: "mx-1 h-6 w-px bg-gray-300" }),
-    /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mx-1 h-6 w-px bg-gray-300" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "button",
         {
           onMouseDown: (e) => e.preventDefault(),
@@ -6369,11 +6366,11 @@ function SelectionToolbar({ editor }) {
           ]
         }
       ),
-      showTurnInto && /* @__PURE__ */ jsxs2("div", { className: "absolute left-0 top-full z-50 mt-2 w-52 rounded-lg border bg-white shadow-xl", children: [
-        /* @__PURE__ */ jsx3("div", { className: "px-3 py-2 text-xs font-semibold text-gray-500", children: "Turn into" }),
-        /* @__PURE__ */ jsx3("div", { className: "p-1", children: turnIntoItems.map((item) => {
+      showTurnInto && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "absolute left-0 top-full z-50 mt-2 w-52 rounded-lg border bg-white shadow-xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "px-3 py-2 text-xs font-semibold text-gray-500", children: "Turn into" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "p-1", children: turnIntoItems.map((item) => {
           const active = item.isActive();
-          return /* @__PURE__ */ jsxs2(
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "button",
             {
               onMouseDown: (e) => e.preventDefault(),
@@ -6383,8 +6380,8 @@ function SelectionToolbar({ editor }) {
               },
               className: `flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors ${active ? "bg-gray-100 text-blue-600" : "text-gray-700 hover:bg-gray-100"}`,
               children: [
-                /* @__PURE__ */ jsx3("span", { className: "flex h-5 w-5 items-center justify-center", children: item.icon }),
-                /* @__PURE__ */ jsx3("span", { children: item.label })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex h-5 w-5 items-center justify-center", children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: item.label })
               ]
             },
             item.label
@@ -6392,8 +6389,8 @@ function SelectionToolbar({ editor }) {
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: "mx-1 h-6 w-px bg-gray-300" }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mx-1 h-6 w-px bg-gray-300" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         onClick: () => editor.chain().focus().toggleBold().run(),
@@ -6401,10 +6398,10 @@ function SelectionToolbar({ editor }) {
         title: "Bold (Ctrl+B)",
         type: "button",
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx3(Bold, { size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Bold, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         onClick: () => editor.chain().focus().toggleItalic().run(),
@@ -6412,10 +6409,10 @@ function SelectionToolbar({ editor }) {
         title: "Italic (Ctrl+I)",
         type: "button",
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx3(Italic, { size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Italic, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
@@ -6423,10 +6420,10 @@ function SelectionToolbar({ editor }) {
         title: "Underline (Ctrl+U)",
         type: "button",
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx3(Underline, { size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Underline, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         onClick: () => editor.chain().focus().toggleStrike().run(),
@@ -6434,10 +6431,10 @@ function SelectionToolbar({ editor }) {
         title: "Strikethrough",
         type: "button",
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx3(Strikethrough, { size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Strikethrough, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         onClick: () => editor.chain().focus().toggleCode().run(),
@@ -6445,11 +6442,11 @@ function SelectionToolbar({ editor }) {
         title: "Code",
         type: "button",
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx3(Code2, { size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Code, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx3("div", { className: "mx-1 h-6 w-px bg-gray-300" }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mx-1 h-6 w-px bg-gray-300" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         onClick: setLink,
@@ -6457,11 +6454,11 @@ function SelectionToolbar({ editor }) {
         title: "Add Link",
         type: "button",
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx3(Link2, { size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Link2, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           onClick: () => {
@@ -6472,10 +6469,10 @@ function SelectionToolbar({ editor }) {
           title: "Text Color",
           type: "button",
           onMouseDown: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ jsx3(Type2, { size: 16 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Type, { size: 16 })
         }
       ),
-      showColors && /* @__PURE__ */ jsx3("div", { className: "absolute left-0 top-full z-50 mt-2 flex gap-1 rounded-lg border bg-white p-2 shadow-xl", children: colors.map((color) => /* @__PURE__ */ jsx3(
+      showColors && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute left-0 top-full z-50 mt-2 flex gap-1 rounded-lg border bg-white p-2 shadow-xl", children: colors.map((color) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           onClick: () => {
@@ -6491,8 +6488,8 @@ function SelectionToolbar({ editor }) {
         color.value
       )) })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           onClick: () => {
@@ -6503,10 +6500,10 @@ function SelectionToolbar({ editor }) {
           title: "Highlight",
           type: "button",
           onMouseDown: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ jsx3(Highlighter, { size: 16 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Highlighter, { size: 16 })
         }
       ),
-      showHighlights && /* @__PURE__ */ jsx3("div", { className: "absolute left-0 top-full z-50 mt-2 flex gap-1 rounded-lg border bg-white p-2 shadow-xl", children: highlights.map((highlight) => /* @__PURE__ */ jsx3(
+      showHighlights && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute left-0 top-full z-50 mt-2 flex gap-1 rounded-lg border bg-white p-2 shadow-xl", children: highlights.map((highlight) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           onClick: () => {
@@ -6526,60 +6523,60 @@ function SelectionToolbar({ editor }) {
         highlight.value
       )) })
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: "mx-1 h-6 w-px bg-gray-300" }),
-    /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mx-1 h-6 w-px bg-gray-300" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           onMouseDown: (e) => e.preventDefault(),
           onClick: () => setShowMore((v) => !v),
           className: "rounded p-1.5 hover:bg-gray-100",
-          children: /* @__PURE__ */ jsx3(MoreVertical, { size: 16 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.MoreVertical, { size: 16 })
         }
       ),
-      showMore && /* @__PURE__ */ jsxs2("div", { className: "absolute right-0 top-full z-50 mt-2 w-56 rounded-lg border bg-white shadow-xl", children: [
-        /* @__PURE__ */ jsx3("div", { className: "px-3 py-2 text-xs font-semibold text-gray-500", children: "More" }),
-        /* @__PURE__ */ jsx3("div", { className: "p-1", children: [
+      showMore && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "absolute right-0 top-full z-50 mt-2 w-56 rounded-lg border bg-white shadow-xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "px-3 py-2 text-xs font-semibold text-gray-500", children: "More" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "p-1", children: [
           {
             label: "Align left",
-            icon: /* @__PURE__ */ jsx3(AlignLeft, { size: 16 }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.AlignLeft, { size: 16 }),
             isActive: () => editor.isActive({ textAlign: "left" }),
             action: () => editor.chain().focus().setTextAlign("left").run()
           },
           {
             label: "Align center",
-            icon: /* @__PURE__ */ jsx3(AlignCenter, { size: 16 }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.AlignCenter, { size: 16 }),
             isActive: () => editor.isActive({ textAlign: "center" }),
             action: () => editor.chain().focus().setTextAlign("center").run()
           },
           {
             label: "Align right",
-            icon: /* @__PURE__ */ jsx3(AlignRight, { size: 16 }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.AlignRight, { size: 16 }),
             isActive: () => editor.isActive({ textAlign: "right" }),
             action: () => editor.chain().focus().setTextAlign("right").run()
           },
           {
             label: "Justify",
-            icon: /* @__PURE__ */ jsx3(AlignJustify, { size: 16 }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.AlignJustify, { size: 16 }),
             isActive: () => editor.isActive({ textAlign: "justify" }),
             action: () => editor.chain().focus().setTextAlign("justify").run()
           },
           { divider: true },
           {
             label: "Superscript",
-            icon: /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold", children: "x\xB2" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-sm font-semibold", children: "x\xB2" }),
             isActive: () => editor.isActive("superscript"),
             action: () => editor.chain().focus().toggleSuperscript().run()
           },
           {
             label: "Subscript",
-            icon: /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold", children: "x\u2082" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-sm font-semibold", children: "x\u2082" }),
             isActive: () => editor.isActive("subscript"),
             action: () => editor.chain().focus().toggleSubscript().run()
           }
         ].map((item, index) => {
           if ("divider" in item) {
-            return /* @__PURE__ */ jsx3(
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "div",
               {
                 className: "my-1 h-px bg-gray-200"
@@ -6588,7 +6585,7 @@ function SelectionToolbar({ editor }) {
             );
           }
           const active = item.isActive();
-          return /* @__PURE__ */ jsxs2(
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "button",
             {
               onMouseDown: (e) => e.preventDefault(),
@@ -6598,8 +6595,8 @@ function SelectionToolbar({ editor }) {
               },
               className: `flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors ${active ? "bg-gray-100 text-blue-600" : "text-gray-700 hover:bg-gray-100"}`,
               children: [
-                /* @__PURE__ */ jsx3("span", { className: "flex h-5 w-5 items-center justify-center", children: item.icon }),
-                /* @__PURE__ */ jsx3("span", { children: item.label })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex h-5 w-5 items-center justify-center", children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: item.label })
               ]
             },
             item.label
@@ -6612,10 +6609,10 @@ function SelectionToolbar({ editor }) {
 var SelectionToolbar_default = SelectionToolbar;
 
 // src/table/useRowHover.ts
-import { useEffect as useEffect3, useState as useState3 } from "react";
+var import_react4 = require("react");
 function useRowHover(editor) {
-  const [rowEl, setRowEl] = useState3(null);
-  useEffect3(() => {
+  const [rowEl, setRowEl] = (0, import_react4.useState)(null);
+  (0, import_react4.useEffect)(() => {
     if (!editor) return;
     const root = editor.view.dom;
     const onMouseMove = (e) => {
@@ -6636,7 +6633,7 @@ function useRowHover(editor) {
 }
 
 // src/table/RowAddButton.tsx
-import { MoreHorizontal } from "lucide-react";
+var import_lucide_react3 = require("lucide-react");
 
 // src/table/selectTableCell.ts
 function selectCellByDom(editor, cell) {
@@ -6646,33 +6643,33 @@ function selectCellByDom(editor, cell) {
 }
 
 // src/table/RowAddButton.tsx
-import React2 from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var import_react5 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function RowTableMenu(editor, onClose) {
-  return /* @__PURE__ */ jsxs3("div", { className: "w-56 rounded-lg border bg-white p-1 shadow-xl", children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w-56 rounded-lg border bg-white p-1 shadow-xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       MenuItem,
       {
         label: "Add row above",
         onClick: () => editor.commands.addRowBefore()
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       MenuItem,
       {
         label: "Add row below",
         onClick: () => editor.commands.addRowAfter()
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       MenuItem,
       {
         label: "Delete row",
         onClick: () => editor.commands.deleteRow()
       }
     ),
-    /* @__PURE__ */ jsx4("div", { className: "my-1 border-t" }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "my-1 border-t" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       MenuItem,
       {
         label: "Delete table",
@@ -6690,7 +6687,7 @@ function MenuItem({
   onClick,
   danger
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "button",
     {
       onClick,
@@ -6700,12 +6697,12 @@ function MenuItem({
   );
 }
 function RowAddButton({ editor, row }) {
-  const [showRowMenu, setShowRowMenu] = React2.useState(false);
+  const [showRowMenu, setShowRowMenu] = import_react5.default.useState(false);
   const firstCell = row.querySelector("td, th");
   if (!firstCell) return null;
   const rect = row.getBoundingClientRect();
-  return /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         style: {
@@ -6722,10 +6719,10 @@ function RowAddButton({ editor, row }) {
           setShowRowMenu((v) => !v);
           selectCellByDom(editor, firstCell);
         },
-        children: /* @__PURE__ */ jsx4(MoreHorizontal, { size: 14 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.MoreHorizontal, { size: 14 })
       }
     ),
-    showRowMenu && /* @__PURE__ */ jsx4(
+    showRowMenu && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",
       {
         className: "z-[1000]",
@@ -6745,10 +6742,10 @@ function RowAddButton({ editor, row }) {
 }
 
 // src/table/useColumnHover.ts
-import { useEffect as useEffect4, useState as useState4 } from "react";
+var import_react6 = require("react");
 function useColumnHover(editor) {
-  const [hovered, setHovered] = useState4(null);
-  useEffect4(() => {
+  const [hovered, setHovered] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
     if (!editor) return;
     const root = editor.view.dom;
     const onMouseMove = (e) => {
@@ -6778,34 +6775,34 @@ function useColumnHover(editor) {
 }
 
 // src/table/ColumnAddButton.tsx
-import { MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import React3 from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var import_lucide_react4 = require("lucide-react");
+var import_react7 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function ColumnTableMenu(editor, onClose) {
-  return /* @__PURE__ */ jsxs4("div", { className: "w-56 rounded-lg border bg-white p-1 shadow-xl", children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "w-56 rounded-lg border bg-white p-1 shadow-xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MenuItem2,
       {
         label: "Add column left",
         onClick: () => editor.commands.addColumnBefore()
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MenuItem2,
       {
         label: "Add column right",
         onClick: () => editor.commands.addColumnAfter()
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MenuItem2,
       {
         label: "Delete column",
         onClick: () => editor.commands.deleteColumn()
       }
     ),
-    /* @__PURE__ */ jsx5("div", { className: "my-1 border-t" }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "my-1 border-t" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MenuItem2,
       {
         label: "Delete table",
@@ -6823,7 +6820,7 @@ function MenuItem2({
   onClick,
   danger
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "button",
     {
       onClick,
@@ -6837,15 +6834,15 @@ function MenuItem2({
   );
 }
 function ColumnAddButton({ editor, table, columnIndex }) {
-  const [showColumnMenu, setShowColumnMenu] = React3.useState(false);
+  const [showColumnMenu, setShowColumnMenu] = import_react7.default.useState(false);
   const firstRow = table.querySelector("tr");
   if (!firstRow) return null;
   const cells = Array.from(firstRow.children);
   const cell = cells[columnIndex];
   if (!cell) return null;
   const rect = cell.getBoundingClientRect();
-  return /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "button",
       {
         style: {
@@ -6862,10 +6859,10 @@ function ColumnAddButton({ editor, table, columnIndex }) {
           setShowColumnMenu((v) => !v);
           selectCellByDom(editor, cell);
         },
-        children: /* @__PURE__ */ jsx5(MoreHorizontal2, { size: 14 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.MoreHorizontal, { size: 14 })
       }
     ),
-    showColumnMenu && /* @__PURE__ */ jsx5(
+    showColumnMenu && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         className: "fixed z-[1000]",
@@ -6881,8 +6878,8 @@ function ColumnAddButton({ editor, table, columnIndex }) {
 }
 
 // src/NotionEditor.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var DynamicPlaceholder = Placeholder.configure({
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DynamicPlaceholder = import_extension_placeholder.default.configure({
   placeholder: ({ node }) => {
     var _a;
     const type = node.type.name;
@@ -6924,51 +6921,51 @@ var NotionEditor = ({
   showToolbar = true,
   showTableControls = true
 }) => {
-  const lastSavedRef = useRef3("");
-  const isDirtyRef = useRef3(false);
-  const editor = useEditor({
+  const lastSavedRef = (0, import_react9.useRef)("");
+  const isDirtyRef = (0, import_react9.useRef)(false);
+  const editor = (0, import_react8.useEditor)({
     autofocus: autoFocus,
     editable: !disabled,
     extensions: [
-      StarterKit.configure({
+      import_starter_kit.default.configure({
         heading: {
           levels: [1, 2, 3]
         }
       }),
       DynamicPlaceholder,
-      Placeholder.configure({
+      import_extension_placeholder.default.configure({
         placeholder,
         showOnlyWhenEditable: true,
         includeChildren: false
       }),
       SlashExtension,
-      Underline2,
-      TextStyle,
-      Color,
-      Superscript,
-      Subscript,
-      TextAlign.configure({
+      import_extension_underline.default,
+      import_extension_text_style.TextStyle,
+      import_extension_color.Color,
+      import_extension_superscript.default,
+      import_extension_subscript.default,
+      import_extension_text_align.default.configure({
         types: ["heading", "paragraph"]
       }),
-      Highlight.configure({
+      import_extension_highlight.default.configure({
         multicolor: true
       }),
-      Link3.configure({
+      import_extension_link.default.configure({
         openOnClick: false,
         HTMLAttributes: {
           class: "text-blue-600 underline cursor-pointer hover:text-blue-800"
         }
       }),
-      Table2.configure({
+      import_extension_table.Table.configure({
         resizable: true,
         lastColumnResizable: true,
         allowTableNodeSelection: true
       }),
-      TableRow,
-      TableHeader,
-      TableCell,
-      TaskList,
-      TaskItem.configure({
+      import_extension_table.TableRow,
+      import_extension_table.TableHeader,
+      import_extension_table.TableCell,
+      import_extension_task_list.default,
+      import_extension_task_item.default.configure({
         nested: true,
         HTMLAttributes: {
           class: "task-item"
@@ -7001,23 +6998,23 @@ var NotionEditor = ({
       });
     }
   });
-  useEffect5(() => {
+  (0, import_react9.useEffect)(() => {
     if (!editor) return;
     const currentHTML = editor.getHTML();
     if (content !== void 0 && content !== currentHTML) {
       editor.commands.setContent(content || "");
     }
   }, [content, editor]);
-  useEffect5(() => {
+  (0, import_react9.useEffect)(() => {
     editor == null ? void 0 : editor.setEditable(!disabled);
   }, [disabled, editor]);
   const hoveredRow = useRowHover(editor);
   const hoveredColumn = useColumnHover(editor);
   if (!editor) return null;
-  return /* @__PURE__ */ jsxs5("div", { className: clsx("relative rounded-lg border bg-white", className), children: [
-    showToolbar && /* @__PURE__ */ jsx6(BubbleMenu, { editor, children: /* @__PURE__ */ jsx6(SelectionToolbar_default, { editor }) }),
-    showTableControls && editor && hoveredRow && /* @__PURE__ */ jsx6(RowAddButton, { editor, row: hoveredRow }),
-    showTableControls && editor && hoveredColumn && /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_clsx.default)("relative rounded-lg border bg-white", className), children: [
+    showToolbar && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menus.BubbleMenu, { editor, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectionToolbar_default, { editor }) }),
+    showTableControls && editor && hoveredRow && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RowAddButton, { editor, row: hoveredRow }),
+    showTableControls && editor && hoveredColumn && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       ColumnAddButton,
       {
         editor,
@@ -7025,11 +7022,11 @@ var NotionEditor = ({
         columnIndex: hoveredColumn.columnIndex
       }
     ),
-    /* @__PURE__ */ jsx6(
-      EditorContent,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react8.EditorContent,
       {
         editor,
-        className: clsx(
+        className: (0, import_clsx.default)(
           "prose max-w-none border border-gray-300 p-6",
           disabled && "cursor-not-allowed opacity-60",
           editorClassName
@@ -7039,7 +7036,8 @@ var NotionEditor = ({
   ] });
 };
 var NotionEditor_default = NotionEditor;
-export {
-  NotionEditor_default as NotionEditor
-};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NotionEditor
+});
 //# sourceMappingURL=index.js.map