raydit-editor 0.0.1 → 0.0.3

package/dist/{index.cjs → index.mjs}

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