@dooherceg/tiptap-controlled-editor-with-table 0.0.3 → 0.0.5

package/dist/components/tiptap-templates/simple/simple-editor.d.ts

@@ -1,8 +1,13 @@
-import { EditorOptions } from '@tiptap/react';
-interface SimpleEditorProps extends Omit<Partial<EditorOptions>, "content"> {
+import { Editor, EditorOptions } from '@tiptap/react';
+import { Ref } from 'react';
+export interface SimpleEditorProps extends Omit<Partial<EditorOptions>, "content"> {
     themeMode: "dark" | "light";
     content?: string;
     onContentChange?: (content: string) => void;
+    placeholder?: string;
+    ref?: Ref<SimpleEditorRef>;
 }
-export declare function SimpleEditor({ themeMode, content, onContentChange, }: SimpleEditorProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export interface SimpleEditorRef {
+    getEditor: () => Editor | null;
+}
+export declare function SimpleEditor({ themeMode, content, onContentChange, placeholder, ref, }: SimpleEditorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tiptap-templates/simple/simple-editor.js

@@ -1,38 +1,38 @@
 import { jsx as p, jsxs as w, Fragment as at } from "react/jsx-runtime";
 import { useEditor as Ct, EditorContext as Lt, EditorContent as wt } from "@tiptap/react";
-import { useState as vt, useRef as q, useEffect as D } from "react";
-import { Mark as Q, markPasteRule as Mt, markInputRule as xt, mergeAttributes as k, Node as L, nodeInputRule as At, ResizableNodeView as It, wrappingInputRule as S, renderNestedMarkdownContent as lt, Extension as C, parseIndentedBlocks as F, isNodeActive as _, isAtStartOfNode as St, isAtEndOfNode as Ht, getNodeType as ut, getNodeAtPosition as Et, textInputRule as y, callOrReturn as dt, getExtensionField as ct, isNodeEmpty as $t, isNodeSelection as Nt, findParentNodeClosestToPos as Rt } from "@tiptap/core";
-import { Plugin as H, PluginKey as E, TextSelection as Pt } from "prosemirror-state";
-import { dropCursor as Bt } from "prosemirror-dropcursor";
+import { useState as vt, useRef as q, useEffect as D, useImperativeHandle as Mt } from "react";
+import { Mark as Q, markPasteRule as xt, markInputRule as At, mergeAttributes as k, Node as L, nodeInputRule as It, ResizableNodeView as St, wrappingInputRule as S, renderNestedMarkdownContent as lt, Extension as C, parseIndentedBlocks as F, isNodeActive as _, isAtStartOfNode as Ht, isAtEndOfNode as Et, getNodeType as ut, getNodeAtPosition as $t, textInputRule as y, callOrReturn as dt, getExtensionField as ct, isNodeEmpty as Nt, isNodeSelection as Rt, findParentNodeClosestToPos as Pt } from "@tiptap/core";
+import { Plugin as H, PluginKey as E, TextSelection as Bt } from "prosemirror-state";
+import { dropCursor as Ot } from "prosemirror-dropcursor";
 import { DecorationSet as B, Decoration as K } from "prosemirror-view";
-import { gapCursor as Ot } from "prosemirror-gapcursor";
-import { history as Dt, redo as _t, undo as zt } from "prosemirror-history";
-import { StarterKit as Wt } from "@tiptap/starter-kit";
-import { HorizontalRule as jt } from "../../tiptap-node/horizontal-rule-node/horizontal-rule-node-extension.js";
-import { ImageUploadNode as Qt } from "../../tiptap-node/image-upload-node/image-upload-node-extension.js";
-import { ArrowLeftIcon as Kt } from "../../tiptap-icons/arrow-left-icon.js";
-import { HighlighterIcon as Vt } from "../../tiptap-icons/highlighter-icon.js";
-import { LinkIcon as qt } from "../../tiptap-icons/link-icon.js";
-import { useCursorVisibility as Ft } from "../../../hooks/use-cursor-visibility.js";
-import { useIsMobile as Ut } from "../../../hooks/use-mobile.js";
-import { useWindowSize as Gt } from "../../../hooks/use-window-size.js";
-import { handleImageUpload as Xt, MAX_FILE_SIZE as Yt } from "../../../lib/tiptap-utils.js";
-import { InsertTableButton as Zt } from "../../tiptap-ui/insert-table-button/insert-table-button.js";
-import Jt from "../../tiptap-ui/table-actions-toolbar/table-actions-toolbar.js";
-import { useTiptapEditor as te } from "../../../hooks/use-tiptap-editor.js";
-import { columnResizing as ee, tableEditing as re, CellSelection as pt, fixTables as ne, goToNextCell as U, setCellAttr as se, mergeCells as G, splitCell as X, toggleHeaderCell as ie, toggleHeader as Y, deleteTable as oe, deleteRow as ae, addRowAfter as le, addRowBefore as ue, deleteColumn as de, addColumnAfter as ce, addColumnBefore as pe } from "prosemirror-tables";
-import { Toolbar as he, ToolbarGroup as x, ToolbarSeparator as A } from "../../tiptap-ui-primitive/toolbar/toolbar.js";
+import { gapCursor as Dt } from "prosemirror-gapcursor";
+import { history as _t, redo as zt, undo as Wt } from "prosemirror-history";
+import { StarterKit as jt } from "@tiptap/starter-kit";
+import { HorizontalRule as Qt } from "../../tiptap-node/horizontal-rule-node/horizontal-rule-node-extension.js";
+import { ImageUploadNode as Kt } from "../../tiptap-node/image-upload-node/image-upload-node-extension.js";
+import { ArrowLeftIcon as Vt } from "../../tiptap-icons/arrow-left-icon.js";
+import { HighlighterIcon as qt } from "../../tiptap-icons/highlighter-icon.js";
+import { LinkIcon as Ft } from "../../tiptap-icons/link-icon.js";
+import { useCursorVisibility as Ut } from "../../../hooks/use-cursor-visibility.js";
+import { useIsMobile as Gt } from "../../../hooks/use-mobile.js";
+import { useWindowSize as Xt } from "../../../hooks/use-window-size.js";
+import { handleImageUpload as Yt, MAX_FILE_SIZE as Zt } from "../../../lib/tiptap-utils.js";
+import { InsertTableButton as Jt } from "../../tiptap-ui/insert-table-button/insert-table-button.js";
+import te from "../../tiptap-ui/table-actions-toolbar/table-actions-toolbar.js";
+import { useTiptapEditor as ee } from "../../../hooks/use-tiptap-editor.js";
+import { columnResizing as re, tableEditing as ne, CellSelection as pt, fixTables as se, goToNextCell as U, setCellAttr as ie, mergeCells as G, splitCell as X, toggleHeaderCell as oe, toggleHeader as Y, deleteTable as ae, deleteRow as le, addRowAfter as ue, addRowBefore as de, deleteColumn as ce, addColumnAfter as pe, addColumnBefore as he } from "prosemirror-tables";
+import { Toolbar as fe, ToolbarGroup as x, ToolbarSeparator as A } from "../../tiptap-ui-primitive/toolbar/toolbar.js";
 import { UndoRedoButton as Z } from "../../tiptap-ui/undo-redo-button/undo-redo-button.js";
-import { HeadingDropdownMenu as fe } from "../../tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.js";
-import { ListDropdownMenu as me } from "../../tiptap-ui/list-dropdown-menu/list-dropdown-menu.js";
-import { BlockquoteButton as ge } from "../../tiptap-ui/blockquote-button/blockquote-button.js";
-import { CodeBlockButton as be } from "../../tiptap-ui/code-block-button/code-block-button.js";
+import { HeadingDropdownMenu as me } from "../../tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.js";
+import { ListDropdownMenu as ge } from "../../tiptap-ui/list-dropdown-menu/list-dropdown-menu.js";
+import { BlockquoteButton as be } from "../../tiptap-ui/blockquote-button/blockquote-button.js";
+import { CodeBlockButton as ye } from "../../tiptap-ui/code-block-button/code-block-button.js";
 import { MarkButton as M } from "../../tiptap-ui/mark-button/mark-button.js";
-import { ColorHighlightPopover as ye, ColorHighlightPopoverButton as ke, ColorHighlightPopoverContent as Te } from "../../tiptap-ui/color-highlight-popover/color-highlight-popover.js";
-import { LinkPopover as Ce, LinkButton as Le, LinkContent as we } from "../../tiptap-ui/link-popover/link-popover.js";
+import { ColorHighlightPopover as ke, ColorHighlightPopoverButton as Te, ColorHighlightPopoverContent as Ce } from "../../tiptap-ui/color-highlight-popover/color-highlight-popover.js";
+import { LinkPopover as Le, LinkButton as we, LinkContent as ve } from "../../tiptap-ui/link-popover/link-popover.js";
 import { TextAlignButton as R } from "../../tiptap-ui/text-align-button/text-align-button.js";
-import { Button as ve } from "../../tiptap-ui-primitive/button/button.js";
-import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))$/, xe = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))/g, Ae = Q.create({
+import { Button as Me } from "../../tiptap-ui-primitive/button/button.js";
+import '../../../assets/simple-editor.css';var xe = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))$/, Ae = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))/g, Ie = Q.create({
   name: "highlight",
   addOptions() {
     return {
@@ -95,21 +95,21 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
   },
   addInputRules() {
     return [
-      xt({
-        find: Me,
+      At({
+        find: xe,
         type: this.type
       })
     ];
   },
   addPasteRules() {
     return [
-      Mt({
-        find: xe,
+      xt({
+        find: Ae,
         type: this.type
       })
     ];
   }
-}), Ie = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, Se = L.create({
+}), Se = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, He = L.create({
   name: "image",
   addOptions() {
     return {
@@ -182,7 +182,7 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
               break;
           }
       }), o.src = a.src;
-      const c = new It({
+      const c = new St({
         element: o,
         node: s,
         getPos: i,
@@ -221,8 +221,8 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
   },
   addInputRules() {
     return [
-      At({
-        find: Ie,
+      It({
+        find: Se,
         type: this.type,
         getAttributes: (t) => {
           const [, , e, r, n] = t;
@@ -231,10 +231,10 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
       })
     ];
   }
-}), He = Object.defineProperty, Ee = (t, e) => {
+}), Ee = Object.defineProperty, $e = (t, e) => {
   for (var r in e)
-    He(t, r, { get: e[r], enumerable: !0 });
-}, $e = "listItem", J = "textStyle", tt = /^\s*([-+*])\s$/, Ne = L.create({
+    Ee(t, r, { get: e[r], enumerable: !0 });
+}, Ne = "listItem", J = "textStyle", tt = /^\s*([-+*])\s$/, Re = L.create({
   name: "bulletList",
   addOptions() {
     return {
@@ -266,7 +266,7 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
   },
   addCommands() {
     return {
-      toggleBulletList: () => ({ commands: t, chain: e }) => this.options.keepAttributes ? e().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes($e, this.editor.getAttributes(J)).run() : t.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
+      toggleBulletList: () => ({ commands: t, chain: e }) => this.options.keepAttributes ? e().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(Ne, this.editor.getAttributes(J)).run() : t.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
     };
   },
   addKeyboardShortcuts() {
@@ -288,7 +288,7 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
       editor: this.editor
     })), [t];
   }
-}), Re = L.create({
+}), Pe = L.create({
   name: "listItem",
   addOptions() {
     return {
@@ -355,14 +355,14 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
       "Shift-Tab": () => this.editor.commands.liftListItem(this.name)
     };
   }
-}), Pe = {};
-Ee(Pe, {
+}), Be = {};
+$e(Be, {
   findListItemPos: () => $,
   getNextListDepth: () => V,
   handleBackspace: () => z,
   handleDelete: () => W,
   hasListBefore: () => ht,
-  hasListItemAfter: () => Be,
+  hasListItemAfter: () => Oe,
   hasListItemBefore: () => ft,
   listItemHasSubList: () => mt,
   nextListIsDeeper: () => gt,
@@ -378,7 +378,7 @@ var $ = (t, e) => {
   const r = $(t, e);
   if (!r)
     return !1;
-  const [, n] = Et(e, t, r.$pos.pos + 4);
+  const [, n] = $t(e, t, r.$pos.pos + 4);
   return n;
 }, ht = (t, e, r) => {
   const { $anchor: n } = t.selection, s = Math.max(0, n.pos - 2), i = t.doc.resolve(s).node();
@@ -402,8 +402,8 @@ var $ = (t, e) => {
     return !1;
   if (!_(t.state, e) && ht(t.state, e, r)) {
     const { $anchor: o } = t.state.selection, c = t.state.doc.resolve(o.before() - 1), l = [];
-    c.node().descendants((h, b) => {
-      h.type.name === e && l.push({ node: h, pos: b });
+    c.node().descendants((h, m) => {
+      h.type.name === e && l.push({ node: h, pos: m });
     });
     const d = l.at(-1);
     if (!d)
@@ -411,7 +411,7 @@ var $ = (t, e) => {
     const u = t.state.doc.resolve(c.start() + d.pos + 1);
     return t.chain().cut({ from: o.start() - 1, to: o.end() + 1 }, u.end()).joinForward().run();
   }
-  if (!_(t.state, e) || !St(t.state))
+  if (!_(t.state, e) || !Ht(t.state))
     return !1;
   const n = $(e, t.state);
   if (!n)
@@ -425,15 +425,15 @@ var $ = (t, e) => {
   const r = V(t, e), n = $(t, e);
   return !n || !r ? !1 : r < n.depth;
 }, W = (t, e) => {
-  if (!_(t.state, e) || !Ht(t.state, e))
+  if (!_(t.state, e) || !Et(t.state, e))
     return !1;
   const { selection: r } = t.state, { $from: n, $to: s } = r;
   return !r.empty && n.sameParent(s) ? !1 : gt(e, t.state) ? t.chain().focus(t.state.selection.from + 4).lift(e).joinBackward().run() : bt(e, t.state) ? t.chain().joinForward().joinBackward().run() : t.commands.joinItemForward();
-}, Be = (t, e) => {
+}, Oe = (t, e) => {
   var r;
   const { $anchor: n } = e.selection, s = e.doc.resolve(n.pos - n.parentOffset - 2);
   return !(s.index() === s.parent.childCount - 1 || ((r = s.nodeAfter) == null ? void 0 : r.type.name) !== t);
-}, Oe = C.create({
+}, De = C.create({
   name: "listKeymap",
   addOptions() {
     return {
@@ -477,8 +477,8 @@ var $ = (t, e) => {
       }
     };
   }
-}), et = /^(\s*)(\d+)\.\s+(.*)$/, De = /^\s/;
-function _e(t) {
+}), et = /^(\s*)(\d+)\.\s+(.*)$/, _e = /^\s/;
+function ze(t) {
   const e = [];
   let r = 0, n = 0;
   for (; r < t.length; ) {
@@ -489,15 +489,15 @@ function _e(t) {
     let d = c, u = r + 1;
     const h = [s];
     for (; u < t.length; ) {
-      const b = t[u];
-      if (b.match(et))
+      const m = t[u];
+      if (m.match(et))
         break;
-      if (b.trim() === "")
-        h.push(b), d += `
+      if (m.trim() === "")
+        h.push(m), d += `
 `, u += 1;
-      else if (b.match(De))
-        h.push(b), d += `
-${b.slice(l + 2)}`, u += 1;
+      else if (m.match(_e))
+        h.push(m), d += `
+${m.slice(l + 2)}`, u += 1;
       else
         break;
     }
@@ -528,21 +528,21 @@ function yt(t, e, r) {
       const d = o.slice(1).join(`
 `).trim();
       if (d) {
-        const b = r.blockTokens(d);
-        l.push(...b);
+        const m = r.blockTokens(d);
+        l.push(...m);
       }
       let u = i + 1;
       const h = [];
       for (; u < t.length && t[u].indent > e; )
         h.push(t[u]), u += 1;
       if (h.length > 0) {
-        const b = Math.min(...h.map((g) => g.indent)), f = yt(h, b, r);
+        const m = Math.min(...h.map((b) => b.indent)), f = yt(h, m, r);
         l.push({
           type: "list",
           ordered: !0,
           start: h[0].number,
           items: f,
-          raw: h.map((g) => g.raw).join(`
+          raw: h.map((b) => b.raw).join(`
 `)
         });
       }
@@ -556,7 +556,7 @@ function yt(t, e, r) {
   }
   return s;
 }
-function ze(t, e) {
+function We(t, e) {
   return t.map((r) => {
     if (r.type !== "list_item")
       return e.parseChildren([r])[0];
@@ -580,7 +580,7 @@ function ze(t, e) {
     };
   });
 }
-var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
+var je = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, Qe = L.create({
   name: "orderedList",
   addOptions() {
     return {
@@ -621,7 +621,7 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
   parseMarkdown: (t, e) => {
     if (t.type !== "list" || !t.ordered)
       return [];
-    const r = t.start || 1, n = t.items ? ze(t.items, e) : [];
+    const r = t.start || 1, n = t.items ? We(t.items, e) : [];
     return r !== 1 ? {
       type: "orderedList",
       attrs: { start: r },
@@ -643,7 +643,7 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
     tokenize: (t, e, r) => {
       var n;
       const s = t.split(`
-`), [i, a] = _e(s);
+`), [i, a] = ze(s);
       if (i.length === 0)
         return;
       const o = yt(i, 0, r);
@@ -662,7 +662,7 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
   },
   addCommands() {
     return {
-      toggleOrderedList: () => ({ commands: t, chain: e }) => this.options.keepAttributes ? e().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(We, this.editor.getAttributes(rt)).run() : t.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
+      toggleOrderedList: () => ({ commands: t, chain: e }) => this.options.keepAttributes ? e().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(je, this.editor.getAttributes(rt)).run() : t.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
     };
   },
   addKeyboardShortcuts() {
@@ -687,7 +687,7 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
       editor: this.editor
     })), [t];
   }
-}), Qe = /^\s*(\[([( |x])?\])\s$/, kt = L.create({
+}), Ke = /^\s*(\[([( |x])?\])\s$/, kt = L.create({
   name: "taskItem",
   addOptions() {
     return {
@@ -780,11 +780,11 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
         }
         const { checked: u } = d.target;
         n.isEditable && typeof r == "function" && n.chain().focus(void 0, { scrollIntoView: !1 }).command(({ tr: h }) => {
-          const b = r();
-          if (typeof b != "number")
+          const m = r();
+          if (typeof m != "number")
             return !1;
-          const f = h.doc.nodeAt(b);
-          return h.setNodeMarkup(b, void 0, {
+          const f = h.doc.nodeAt(m);
+          return h.setNodeMarkup(m, void 0, {
             ...f?.attrs,
             checked: u
           }), !0;
@@ -803,7 +803,7 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
   addInputRules() {
     return [
       S({
-        find: Qe,
+        find: Ke,
         type: this.type,
         getAttributes: (t) => ({
           checked: t[t.length - 1] === "x"
@@ -928,10 +928,10 @@ C.create({
   name: "listKit",
   addExtensions() {
     const t = [];
-    return this.options.bulletList !== !1 && t.push(Ne.configure(this.options.bulletList)), this.options.listItem !== !1 && t.push(Re.configure(this.options.listItem)), this.options.listKeymap !== !1 && t.push(Oe.configure(this.options.listKeymap)), this.options.orderedList !== !1 && t.push(je.configure(this.options.orderedList)), this.options.taskItem !== !1 && t.push(kt.configure(this.options.taskItem)), this.options.taskList !== !1 && t.push(Tt.configure(this.options.taskList)), t;
+    return this.options.bulletList !== !1 && t.push(Re.configure(this.options.bulletList)), this.options.listItem !== !1 && t.push(Pe.configure(this.options.listItem)), this.options.listKeymap !== !1 && t.push(De.configure(this.options.listKeymap)), this.options.orderedList !== !1 && t.push(Qe.configure(this.options.orderedList)), this.options.taskItem !== !1 && t.push(kt.configure(this.options.taskItem)), this.options.taskList !== !1 && t.push(Tt.configure(this.options.taskList)), t;
   }
 });
-var Ke = Q.create({
+var Ve = Q.create({
   name: "subscript",
   addOptions() {
     return {
@@ -966,7 +966,7 @@ var Ke = Q.create({
       "Mod-,": () => this.editor.commands.toggleSubscript()
     };
   }
-}), Ve = Q.create({
+}), qe = Q.create({
   name: "superscript",
   addOptions() {
     return {
@@ -1001,7 +1001,7 @@ var Ke = Q.create({
       "Mod-.": () => this.editor.commands.toggleSuperscript()
     };
   }
-}), qe = C.create({
+}), Fe = C.create({
   name: "textAlign",
   addOptions() {
     return {
@@ -1042,73 +1042,73 @@ var Ke = Q.create({
       "Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
     };
   }
-}), Fe = (t) => y({
+}), Ue = (t) => y({
   find: /--$/,
   replace: t ?? "—"
-}), Ue = (t) => y({
+}), Ge = (t) => y({
   find: /\.\.\.$/,
   replace: t ?? "…"
-}), Ge = (t) => y({
+}), Xe = (t) => y({
   find: /(?:^|[\s{[(<'"\u2018\u201C])(")$/,
   replace: t ?? "“"
-}), Xe = (t) => y({
+}), Ye = (t) => y({
   find: /"$/,
   replace: t ?? "”"
-}), Ye = (t) => y({
+}), Ze = (t) => y({
   find: /(?:^|[\s{[(<'"\u2018\u201C])(')$/,
   replace: t ?? "‘"
-}), Ze = (t) => y({
+}), Je = (t) => y({
   find: /'$/,
   replace: t ?? "’"
-}), Je = (t) => y({
+}), tr = (t) => y({
   find: /<-$/,
   replace: t ?? "←"
-}), tr = (t) => y({
+}), er = (t) => y({
   find: /->$/,
   replace: t ?? "→"
-}), er = (t) => y({
+}), rr = (t) => y({
   find: /\(c\)$/,
   replace: t ?? "©"
-}), rr = (t) => y({
+}), nr = (t) => y({
   find: /\(tm\)$/,
   replace: t ?? "™"
-}), nr = (t) => y({
+}), sr = (t) => y({
   find: /\(sm\)$/,
   replace: t ?? "℠"
-}), sr = (t) => y({
+}), ir = (t) => y({
   find: /\(r\)$/,
   replace: t ?? "®"
-}), ir = (t) => y({
+}), or = (t) => y({
   find: /(?:^|\s)(1\/2)\s$/,
   replace: t ?? "½"
-}), or = (t) => y({
+}), ar = (t) => y({
   find: /\+\/-$/,
   replace: t ?? "±"
-}), ar = (t) => y({
+}), lr = (t) => y({
   find: /!=$/,
   replace: t ?? "≠"
-}), lr = (t) => y({
+}), ur = (t) => y({
   find: /<<$/,
   replace: t ?? "«"
-}), ur = (t) => y({
+}), dr = (t) => y({
   find: />>$/,
   replace: t ?? "»"
-}), dr = (t) => y({
+}), cr = (t) => y({
   find: /\d+\s?([*x])\s?\d+$/,
   replace: t ?? "×"
-}), cr = (t) => y({
+}), pr = (t) => y({
   find: /\^2$/,
   replace: t ?? "²"
-}), pr = (t) => y({
+}), hr = (t) => y({
   find: /\^3$/,
   replace: t ?? "³"
-}), hr = (t) => y({
+}), fr = (t) => y({
   find: /(?:^|\s)(1\/4)\s$/,
   replace: t ?? "¼"
-}), fr = (t) => y({
+}), mr = (t) => y({
   find: /(?:^|\s)(3\/4)\s$/,
   replace: t ?? "¾"
-}), mr = C.create({
+}), gr = C.create({
   name: "typography",
   addOptions() {
     return {
@@ -1138,7 +1138,7 @@ var Ke = Q.create({
   },
   addInputRules() {
     const t = [];
-    return this.options.emDash !== !1 && t.push(Fe(this.options.emDash)), this.options.ellipsis !== !1 && t.push(Ue(this.options.ellipsis)), this.options.openDoubleQuote !== !1 && t.push(Ge(this.options.openDoubleQuote)), this.options.closeDoubleQuote !== !1 && t.push(Xe(this.options.closeDoubleQuote)), this.options.openSingleQuote !== !1 && t.push(Ye(this.options.openSingleQuote)), this.options.closeSingleQuote !== !1 && t.push(Ze(this.options.closeSingleQuote)), this.options.leftArrow !== !1 && t.push(Je(this.options.leftArrow)), this.options.rightArrow !== !1 && t.push(tr(this.options.rightArrow)), this.options.copyright !== !1 && t.push(er(this.options.copyright)), this.options.trademark !== !1 && t.push(rr(this.options.trademark)), this.options.servicemark !== !1 && t.push(nr(this.options.servicemark)), this.options.registeredTrademark !== !1 && t.push(sr(this.options.registeredTrademark)), this.options.oneHalf !== !1 && t.push(ir(this.options.oneHalf)), this.options.plusMinus !== !1 && t.push(or(this.options.plusMinus)), this.options.notEqual !== !1 && t.push(ar(this.options.notEqual)), this.options.laquo !== !1 && t.push(lr(this.options.laquo)), this.options.raquo !== !1 && t.push(ur(this.options.raquo)), this.options.multiplication !== !1 && t.push(dr(this.options.multiplication)), this.options.superscriptTwo !== !1 && t.push(cr(this.options.superscriptTwo)), this.options.superscriptThree !== !1 && t.push(pr(this.options.superscriptThree)), this.options.oneQuarter !== !1 && t.push(hr(this.options.oneQuarter)), this.options.threeQuarters !== !1 && t.push(fr(this.options.threeQuarters)), t;
+    return this.options.emDash !== !1 && t.push(Ue(this.options.emDash)), this.options.ellipsis !== !1 && t.push(Ge(this.options.ellipsis)), this.options.openDoubleQuote !== !1 && t.push(Xe(this.options.openDoubleQuote)), this.options.closeDoubleQuote !== !1 && t.push(Ye(this.options.closeDoubleQuote)), this.options.openSingleQuote !== !1 && t.push(Ze(this.options.openSingleQuote)), this.options.closeSingleQuote !== !1 && t.push(Je(this.options.closeSingleQuote)), this.options.leftArrow !== !1 && t.push(tr(this.options.leftArrow)), this.options.rightArrow !== !1 && t.push(er(this.options.rightArrow)), this.options.copyright !== !1 && t.push(rr(this.options.copyright)), this.options.trademark !== !1 && t.push(nr(this.options.trademark)), this.options.servicemark !== !1 && t.push(sr(this.options.servicemark)), this.options.registeredTrademark !== !1 && t.push(ir(this.options.registeredTrademark)), this.options.oneHalf !== !1 && t.push(or(this.options.oneHalf)), this.options.plusMinus !== !1 && t.push(ar(this.options.plusMinus)), this.options.notEqual !== !1 && t.push(lr(this.options.notEqual)), this.options.laquo !== !1 && t.push(ur(this.options.laquo)), this.options.raquo !== !1 && t.push(dr(this.options.raquo)), this.options.multiplication !== !1 && t.push(cr(this.options.multiplication)), this.options.superscriptTwo !== !1 && t.push(pr(this.options.superscriptTwo)), this.options.superscriptThree !== !1 && t.push(hr(this.options.superscriptThree)), this.options.oneQuarter !== !1 && t.push(fr(this.options.oneQuarter)), this.options.threeQuarters !== !1 && t.push(mr(this.options.threeQuarters)), t;
   }
 });
 C.create({
@@ -1220,7 +1220,7 @@ C.create({
     };
   },
   addProseMirrorPlugins() {
-    return [Bt(this.options)];
+    return [Ot(this.options)];
   }
 });
 C.create({
@@ -1269,7 +1269,7 @@ C.create({
 C.create({
   name: "gapCursor",
   addProseMirrorPlugins() {
-    return [Ot()];
+    return [Dt()];
   },
   extendNodeSchema(t) {
     var e;
@@ -1283,7 +1283,7 @@ C.create({
     };
   }
 });
-C.create({
+var br = C.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1306,7 +1306,7 @@ C.create({
               return null;
             const i = this.editor.isEmpty;
             return t.descendants((a, o) => {
-              const c = n >= o && n <= o + a.nodeSize, l = !a.isLeaf && $t(a);
+              const c = n >= o && n <= o + a.nodeSize, l = !a.isLeaf && Nt(a);
               if ((c || !this.options.showOnlyCurrent) && l) {
                 const d = [this.options.emptyNodeClass];
                 i && d.push(this.options.emptyEditorClass);
@@ -1328,8 +1328,7 @@ C.create({
       })
     ];
   }
-});
-var gr = C.create({
+}), yr = C.create({
   name: "selection",
   addOptions() {
     return {
@@ -1343,7 +1342,7 @@ var gr = C.create({
         key: new E("selection"),
         props: {
           decorations(r) {
-            return r.selection.empty || t.isFocused || !t.isEditable || Nt(r.selection) || t.view.dragging ? null : B.create(r.doc, [
+            return r.selection.empty || t.isFocused || !t.isEditable || Rt(r.selection) || t.view.dragging ? null : B.create(r.doc, [
               K.inline(r.selection.from, r.selection.to, {
                 class: e.className
               })
@@ -1402,12 +1401,12 @@ C.create({
   },
   addCommands() {
     return {
-      undo: () => ({ state: t, dispatch: e }) => zt(t, e),
-      redo: () => ({ state: t, dispatch: e }) => _t(t, e)
+      undo: () => ({ state: t, dispatch: e }) => Wt(t, e),
+      redo: () => ({ state: t, dispatch: e }) => zt(t, e)
     };
   },
   addProseMirrorPlugins() {
-    return [Dt(this.options)];
+    return [_t(this.options)];
   },
   addKeyboardShortcuts() {
     return {
@@ -1420,7 +1419,7 @@ C.create({
     };
   }
 });
-var br = L.create({
+var kr = L.create({
   name: "tableCell",
   addOptions() {
     return {
@@ -1461,7 +1460,7 @@ var br = L.create({
   renderHTML({ HTMLAttributes: t }) {
     return ["td", k(this.options.HTMLAttributes, t), 0];
   }
-}), yr = L.create({
+}), Tr = L.create({
   name: "tableHeader",
   addOptions() {
     return {
@@ -1494,7 +1493,7 @@ var br = L.create({
   renderHTML({ HTMLAttributes: t }) {
     return ["th", k(this.options.HTMLAttributes, t), 0];
   }
-}), kr = L.create({
+}), Cr = L.create({
   name: "tableRow",
   addOptions() {
     return {
@@ -1518,10 +1517,10 @@ function it(t, e, r, n, s, i) {
   let o = 0, c = !0, l = e.firstChild;
   const d = t.firstChild;
   if (d !== null)
-    for (let h = 0, b = 0; h < d.childCount; h += 1) {
-      const { colspan: f, colwidth: g } = d.child(h).attrs;
-      for (let m = 0; m < f; m += 1, b += 1) {
-        const T = s === b ? i : g && g[m], v = T ? `${T}px` : "";
+    for (let h = 0, m = 0; h < d.childCount; h += 1) {
+      const { colspan: f, colwidth: b } = d.child(h).attrs;
+      for (let g = 0; g < f; g += 1, m += 1) {
+        const T = s === m ? i : b && b[g], v = T ? `${T}px` : "";
         if (o += T || n, T || (c = !1), l) {
           if (l.style.width !== v) {
             const [I, N] = j(n, T);
@@ -1541,7 +1540,7 @@ function it(t, e, r, n, s, i) {
   const u = t.attrs.style && typeof t.attrs.style == "string" && /\bwidth\s*:/i.test(t.attrs.style);
   c && !u ? (r.style.width = `${o}px`, r.style.minWidth = "") : (r.style.width = "", r.style.minWidth = `${o}px`);
 }
-var Tr = class {
+var Lr = class {
   constructor(t, e) {
     this.node = t, this.cellMinWidth = e, this.dom = document.createElement("div"), this.dom.className = "tableWrapper", this.table = this.dom.appendChild(document.createElement("table")), t.attrs.style && (this.table.style.cssText = t.attrs.style), this.colgroup = this.table.appendChild(document.createElement("colgroup")), it(t, this.colgroup, this.table, e), this.contentDOM = this.table.appendChild(document.createElement("tbody"));
   }
@@ -1553,17 +1552,17 @@ var Tr = class {
     return !!(r && !n && (t.type === "attributes" || t.type === "childList" || t.type === "characterData"));
   }
 };
-function Cr(t, e, r, n) {
+function wr(t, e, r, n) {
   let s = 0, i = !0;
   const a = [], o = t.firstChild;
   if (!o)
     return {};
   for (let u = 0, h = 0; u < o.childCount; u += 1) {
-    const { colspan: b, colwidth: f } = o.child(u).attrs;
-    for (let g = 0; g < b; g += 1, h += 1) {
-      const m = r === h ? n : f && f[g];
-      s += m || e, m || (i = !1);
-      const [T, v] = j(e, m);
+    const { colspan: m, colwidth: f } = o.child(u).attrs;
+    for (let b = 0; b < m; b += 1, h += 1) {
+      const g = r === h ? n : f && f[b];
+      s += g || e, g || (i = !1);
+      const [T, v] = j(e, g);
       a.push(["col", { style: `${T}: ${v}` }]);
     }
   }
@@ -1573,7 +1572,7 @@ function Cr(t, e, r, n) {
 function ot(t, e) {
   return t.createAndFill();
 }
-function Lr(t) {
+function vr(t) {
   if (t.cached.tableNodeTypes)
     return t.cached.tableNodeTypes;
   const e = {};
@@ -1582,8 +1581,8 @@ function Lr(t) {
     n.spec.tableRole && (e[n.spec.tableRole] = n);
   }), t.cached.tableNodeTypes = e, e;
 }
-function wr(t, e, r, n, s) {
-  const i = Lr(t), a = [], o = [];
+function Mr(t, e, r, n, s) {
+  const i = vr(t), a = [], o = [];
   for (let l = 0; l < r; l += 1) {
     const d = ot(i.cell);
     if (d && o.push(d), n) {
@@ -1596,62 +1595,62 @@ function wr(t, e, r, n, s) {
     c.push(i.row.createChecked(null, n && l === 0 ? a : o));
   return i.table.createChecked(null, c);
 }
-function vr(t) {
+function xr(t) {
   return t instanceof pt;
 }
 var P = ({ editor: t }) => {
   const { selection: e } = t.state;
-  if (!vr(e))
+  if (!xr(e))
     return !1;
   let r = 0;
-  const n = Rt(e.ranges[0].$from, (i) => i.type.name === "table");
+  const n = Pt(e.ranges[0].$from, (i) => i.type.name === "table");
   return n?.node.descendants((i) => {
     if (i.type.name === "table")
       return !1;
     ["tableCell", "tableHeader"].includes(i.type.name) && (r += 1);
   }), r === e.ranges.length ? (t.commands.deleteTable(), !0) : !1;
-}, Mr = "";
-function xr(t) {
+}, Ar = "";
+function Ir(t) {
   return (t || "").replace(/\s+/g, " ").trim();
 }
-function Ar(t, e, r = {}) {
+function Sr(t, e, r = {}) {
   var n;
-  const s = (n = r.cellLineSeparator) != null ? n : Mr;
+  const s = (n = r.cellLineSeparator) != null ? n : Ar;
   if (!t || !t.content || t.content.length === 0)
     return "";
   const i = [];
   t.content.forEach((f) => {
-    const g = [];
-    f.content && f.content.forEach((m) => {
+    const b = [];
+    f.content && f.content.forEach((g) => {
       let T = "";
-      m.content && Array.isArray(m.content) && m.content.length > 1 ? T = m.content.map((O) => e.renderChildren(O)).join(s) : T = m.content ? e.renderChildren(m.content) : "";
-      const v = xr(T), I = m.type === "tableHeader";
-      g.push({ text: v, isHeader: I });
-    }), i.push(g);
+      g.content && Array.isArray(g.content) && g.content.length > 1 ? T = g.content.map((O) => e.renderChildren(O)).join(s) : T = g.content ? e.renderChildren(g.content) : "";
+      const v = Ir(T), I = g.type === "tableHeader";
+      b.push({ text: v, isHeader: I });
+    }), i.push(b);
   });
-  const a = i.reduce((f, g) => Math.max(f, g.length), 0);
+  const a = i.reduce((f, b) => Math.max(f, b.length), 0);
   if (a === 0)
     return "";
   const o = new Array(a).fill(0);
   i.forEach((f) => {
-    var g;
-    for (let m = 0; m < a; m += 1) {
-      const v = (((g = f[m]) == null ? void 0 : g.text) || "").length;
-      v > o[m] && (o[m] = v), o[m] < 3 && (o[m] = 3);
+    var b;
+    for (let g = 0; g < a; g += 1) {
+      const v = (((b = f[g]) == null ? void 0 : b.text) || "").length;
+      v > o[g] && (o[g] = v), o[g] < 3 && (o[g] = 3);
     }
   });
-  const c = (f, g) => f + " ".repeat(Math.max(0, g - f.length)), l = i[0], d = l.some((f) => f.isHeader);
+  const c = (f, b) => f + " ".repeat(Math.max(0, b - f.length)), l = i[0], d = l.some((f) => f.isHeader);
   let u = `
 `;
-  const h = new Array(a).fill(0).map((f, g) => d && l[g] && l[g].text || "");
-  return u += `| ${h.map((f, g) => c(f, o[g])).join(" | ")} |
+  const h = new Array(a).fill(0).map((f, b) => d && l[b] && l[b].text || "");
+  return u += `| ${h.map((f, b) => c(f, o[b])).join(" | ")} |
 `, u += `| ${o.map((f) => "-".repeat(Math.max(3, f))).join(" | ")} |
 `, (d ? i.slice(1) : i).forEach((f) => {
-    u += `| ${new Array(a).fill(0).map((g, m) => c(f[m] && f[m].text || "", o[m])).join(" | ")} |
+    u += `| ${new Array(a).fill(0).map((b, g) => c(f[g] && f[g].text || "", o[g])).join(" | ")} |
 `;
   }), u;
 }
-var Ir = Ar, Sr = L.create({
+var Hr = Sr, Er = L.create({
   name: "table",
   // @ts-ignore
   addOptions() {
@@ -1662,7 +1661,7 @@ var Ir = Ar, Sr = L.create({
       handleWidth: 5,
       cellMinWidth: 25,
       // TODO: fix
-      View: Tr,
+      View: Lr,
       lastColumnResizable: !0,
       allowTableNodeSelection: !1
     };
@@ -1675,7 +1674,7 @@ var Ir = Ar, Sr = L.create({
     return [{ tag: "table" }];
   },
   renderHTML({ node: t, HTMLAttributes: e }) {
-    const { colgroup: r, tableWidth: n, tableMinWidth: s } = Cr(t, this.options.cellMinWidth), i = e.style;
+    const { colgroup: r, tableWidth: n, tableMinWidth: s } = wr(t, this.options.cellMinWidth), i = e.style;
     function a() {
       return i || (n ? `width: ${n}` : `min-width: ${s}`);
     }
@@ -1704,34 +1703,34 @@ var Ir = Ar, Sr = L.create({
       }), r.push(e.createNode("tableRow", {}, s));
     }), e.createNode("table", void 0, r);
   },
-  renderMarkdown: (t, e) => Ir(t, e),
+  renderMarkdown: (t, e) => Hr(t, e),
   addCommands() {
     return {
       insertTable: ({ rows: t = 3, cols: e = 3, withHeaderRow: r = !0 } = {}) => ({ tr: n, dispatch: s, editor: i }) => {
-        const a = wr(i.schema, t, e, r);
+        const a = Mr(i.schema, t, e, r);
         if (s) {
           const o = n.selection.from + 1;
-          n.replaceSelectionWith(a).scrollIntoView().setSelection(Pt.near(n.doc.resolve(o)));
+          n.replaceSelectionWith(a).scrollIntoView().setSelection(Bt.near(n.doc.resolve(o)));
         }
         return !0;
       },
-      addColumnBefore: () => ({ state: t, dispatch: e }) => pe(t, e),
-      addColumnAfter: () => ({ state: t, dispatch: e }) => ce(t, e),
-      deleteColumn: () => ({ state: t, dispatch: e }) => de(t, e),
-      addRowBefore: () => ({ state: t, dispatch: e }) => ue(t, e),
-      addRowAfter: () => ({ state: t, dispatch: e }) => le(t, e),
-      deleteRow: () => ({ state: t, dispatch: e }) => ae(t, e),
-      deleteTable: () => ({ state: t, dispatch: e }) => oe(t, e),
+      addColumnBefore: () => ({ state: t, dispatch: e }) => he(t, e),
+      addColumnAfter: () => ({ state: t, dispatch: e }) => pe(t, e),
+      deleteColumn: () => ({ state: t, dispatch: e }) => ce(t, e),
+      addRowBefore: () => ({ state: t, dispatch: e }) => de(t, e),
+      addRowAfter: () => ({ state: t, dispatch: e }) => ue(t, e),
+      deleteRow: () => ({ state: t, dispatch: e }) => le(t, e),
+      deleteTable: () => ({ state: t, dispatch: e }) => ae(t, e),
       mergeCells: () => ({ state: t, dispatch: e }) => G(t, e),
       splitCell: () => ({ state: t, dispatch: e }) => X(t, e),
       toggleHeaderColumn: () => ({ state: t, dispatch: e }) => Y("column")(t, e),
       toggleHeaderRow: () => ({ state: t, dispatch: e }) => Y("row")(t, e),
-      toggleHeaderCell: () => ({ state: t, dispatch: e }) => ie(t, e),
+      toggleHeaderCell: () => ({ state: t, dispatch: e }) => oe(t, e),
       mergeOrSplit: () => ({ state: t, dispatch: e }) => G(t, e) ? !0 : X(t, e),
-      setCellAttribute: (t, e) => ({ state: r, dispatch: n }) => se(t, e)(r, n),
+      setCellAttribute: (t, e) => ({ state: r, dispatch: n }) => ie(t, e)(r, n),
       goToNextCell: () => ({ state: t, dispatch: e }) => U(1)(t, e),
       goToPreviousCell: () => ({ state: t, dispatch: e }) => U(-1)(t, e),
-      fixTables: () => ({ state: t, dispatch: e }) => (e && ne(t), !0),
+      fixTables: () => ({ state: t, dispatch: e }) => (e && se(t), !0),
       setCellSelection: (t) => ({ tr: e, dispatch: r }) => {
         if (r) {
           const n = pt.create(e.doc, t.anchorCell, t.headCell);
@@ -1754,7 +1753,7 @@ var Ir = Ar, Sr = L.create({
   addProseMirrorPlugins() {
     return [
       ...this.options.resizable && this.editor.isEditable ? [
-        ee({
+        re({
           handleWidth: this.options.handleWidth,
           cellMinWidth: this.options.cellMinWidth,
           defaultCellMinWidth: this.options.cellMinWidth,
@@ -1762,7 +1761,7 @@ var Ir = Ar, Sr = L.create({
           lastColumnResizable: this.options.lastColumnResizable
         })
       ] : [],
-      re({
+      ne({
         allowTableNodeSelection: this.options.allowTableNodeSelection
       })
     ];
@@ -1777,19 +1776,19 @@ var Ir = Ar, Sr = L.create({
       tableRole: dt(ct(t, "tableRole", e))
     };
   }
-}), Hr = C.create({
+}), $r = C.create({
   name: "tableKit",
   addExtensions() {
     const t = [];
-    return this.options.table !== !1 && t.push(Sr.configure(this.options.table)), this.options.tableCell !== !1 && t.push(br.configure(this.options.tableCell)), this.options.tableHeader !== !1 && t.push(yr.configure(this.options.tableHeader)), this.options.tableRow !== !1 && t.push(kr.configure(this.options.tableRow)), t;
+    return this.options.table !== !1 && t.push(Er.configure(this.options.table)), this.options.tableCell !== !1 && t.push(kr.configure(this.options.tableCell)), this.options.tableHeader !== !1 && t.push(Tr.configure(this.options.tableHeader)), this.options.tableRow !== !1 && t.push(Cr.configure(this.options.tableRow)), t;
   }
 });
-const Er = ({
+const Nr = ({
   onHighlighterClick: t,
   onLinkClick: e,
   isMobile: r
 }) => {
-  const { editor: n } = te();
+  const { editor: n } = ee();
   return /* @__PURE__ */ w(at, { children: [
     /* @__PURE__ */ w(x, { children: [
       /* @__PURE__ */ p(Z, { action: "undo" }),
@@ -1797,16 +1796,16 @@ const Er = ({
     ] }),
     /* @__PURE__ */ p(A, {}),
     /* @__PURE__ */ w(x, { children: [
-      /* @__PURE__ */ p(fe, { levels: [1, 2, 3, 4], portal: r }),
+      /* @__PURE__ */ p(me, { levels: [1, 2, 3, 4], portal: r }),
       /* @__PURE__ */ p(
-        me,
+        ge,
         {
           types: ["bulletList", "orderedList", "taskList"],
           portal: r
         }
       ),
-      /* @__PURE__ */ p(ge, {}),
-      /* @__PURE__ */ p(be, {})
+      /* @__PURE__ */ p(be, {}),
+      /* @__PURE__ */ p(ye, {})
     ] }),
     /* @__PURE__ */ p(A, {}),
     /* @__PURE__ */ w(x, { children: [
@@ -1815,8 +1814,8 @@ const Er = ({
       /* @__PURE__ */ p(M, { type: "strike" }),
       /* @__PURE__ */ p(M, { type: "code" }),
       /* @__PURE__ */ p(M, { type: "underline" }),
-      r ? /* @__PURE__ */ p(ke, { onClick: t }) : /* @__PURE__ */ p(ye, {}),
-      r ? /* @__PURE__ */ p(Le, { onClick: e }) : /* @__PURE__ */ p(Ce, {})
+      r ? /* @__PURE__ */ p(Te, { onClick: t }) : /* @__PURE__ */ p(ke, {}),
+      r ? /* @__PURE__ */ p(we, { onClick: e }) : /* @__PURE__ */ p(Le, {})
     ] }),
     /* @__PURE__ */ p(A, {}),
     /* @__PURE__ */ w(x, { children: [
@@ -1831,30 +1830,32 @@ const Er = ({
       /* @__PURE__ */ p(R, { align: "justify" })
     ] }),
     /* @__PURE__ */ p(A, {}),
-    /* @__PURE__ */ p(x, { children: /* @__PURE__ */ p(Zt, { onClick: () => {
+    /* @__PURE__ */ p(x, { children: /* @__PURE__ */ p(Jt, { onClick: () => {
       n && n.chain().focus().insertTable({ rows: 3, cols: 3 }).run();
     } }) }),
     r && /* @__PURE__ */ p(A, {})
   ] });
-}, $r = ({
+}, Rr = ({
   type: t,
   onBack: e
 }) => /* @__PURE__ */ w(at, { children: [
-  /* @__PURE__ */ p(x, { children: /* @__PURE__ */ w(ve, { "data-style": "ghost", onClick: e, children: [
-    /* @__PURE__ */ p(Kt, { className: "tiptap-button-icon" }),
-    t === "highlighter" ? /* @__PURE__ */ p(Vt, { className: "tiptap-button-icon" }) : /* @__PURE__ */ p(qt, { className: "tiptap-button-icon" })
+  /* @__PURE__ */ p(x, { children: /* @__PURE__ */ w(Me, { "data-style": "ghost", onClick: e, children: [
+    /* @__PURE__ */ p(Vt, { className: "tiptap-button-icon" }),
+    t === "highlighter" ? /* @__PURE__ */ p(qt, { className: "tiptap-button-icon" }) : /* @__PURE__ */ p(Ft, { className: "tiptap-button-icon" })
   ] }) }),
   /* @__PURE__ */ p(A, {}),
-  t === "highlighter" ? /* @__PURE__ */ p(Te, {}) : /* @__PURE__ */ p(we, {})
+  t === "highlighter" ? /* @__PURE__ */ p(Ce, {}) : /* @__PURE__ */ p(ve, {})
 ] });
-function fn({
+function gn({
   themeMode: t,
   content: e,
-  onContentChange: r
+  onContentChange: r,
+  placeholder: n = "",
+  ref: s
 }) {
-  const n = Ut(), { height: s } = Gt(), [i, a] = vt(
+  const i = Gt(), { height: a } = Xt(), [o, c] = vt(
     "main"
-  ), o = q(null), c = q(!1), l = Ct({
+  ), l = q(null), d = q(!1), u = Ct({
     immediatelyRender: !1,
     shouldRerenderOnTransaction: !1,
     editorProps: {
@@ -1867,84 +1868,93 @@ function fn({
       }
     },
     extensions: [
-      Wt.configure({
+      jt.configure({
         horizontalRule: !1,
         link: {
           openOnClick: !1,
           enableClickSelection: !0
         }
       }),
-      jt,
-      qe.configure({ types: ["heading", "paragraph"] }),
+      Qt,
+      Fe.configure({ types: ["heading", "paragraph"] }),
       Tt,
       kt.configure({ nested: !0 }),
-      Ae.configure({ multicolor: !0 }),
-      Se,
-      mr,
-      Ve,
-      Ke,
+      Ie.configure({ multicolor: !0 }),
+      He,
       gr,
-      Qt.configure({
+      qe,
+      Ve,
+      yr,
+      Kt.configure({
         accept: "image/*",
-        maxSize: Yt,
+        maxSize: Zt,
         limit: 3,
-        upload: Xt,
-        onError: (u) => console.error("Upload failed:", u)
+        upload: Yt,
+        onError: (m) => console.error("Upload failed:", m)
       }),
-      Hr.configure({
+      $r.configure({
         table: {
           resizable: !0
         }
+      }),
+      br.configure({
+        placeholder: n
       })
     ],
     content: e,
-    onUpdate: ({ editor: u }) => {
-      if (!c.current && r) {
-        const h = u.getHTML();
-        r(h);
+    onUpdate: ({ editor: m }) => {
+      if (!d.current && r) {
+        const f = m.getHTML();
+        r(f);
       }
     }
-  }), d = Ft({
-    editor: l,
-    overlayHeight: o.current?.getBoundingClientRect().height ?? 0
+  }), h = Ut({
+    editor: u,
+    overlayHeight: l.current?.getBoundingClientRect().height ?? 0
   });
   return D(() => {
-    !n && i !== "main" && a("main");
-  }, [n, i]), D(() => {
-    l && e !== void 0 && l.getHTML() !== e && (c.current = !0, l.commands.setContent(e, { emitUpdate: !1 }), c.current = !1);
-  }, [e, l]), D(() => {
+    !i && o !== "main" && c("main");
+  }, [i, o]), D(() => {
+    u && e !== void 0 && u.getHTML() !== e && (d.current = !0, u.commands.setContent(e, { emitUpdate: !1 }), d.current = !1);
+  }, [e, u]), D(() => {
     document.documentElement.classList.toggle("dark", t === "dark");
-  }, [t]), l ? /* @__PURE__ */ p("div", { className: "simple-editor-wrapper", children: /* @__PURE__ */ w(Lt.Provider, { value: { editor: l }, children: [
+  }, [t]), Mt(
+    s,
+    () => ({
+      getEditor: () => u
+    }),
+    [u]
+  ), u ? /* @__PURE__ */ p("div", { className: "simple-editor-wrapper", children: /* @__PURE__ */ w(Lt.Provider, { value: { editor: u }, children: [
     /* @__PURE__ */ p(
-      he,
+      fe,
       {
-        ref: o,
+        ref: l,
         style: {
-          ...n ? {
-            bottom: `calc(100% - ${s - d.y}px)`
+          ...i ? {
+            bottom: `calc(100% - ${a - h.y}px)`
           } : {}
         },
-        children: i === "main" ? /* @__PURE__ */ p(
-          Er,
+        children: o === "main" ? /* @__PURE__ */ p(
+          Nr,
           {
-            onHighlighterClick: () => a("highlighter"),
-            onLinkClick: () => a("link"),
-            isMobile: n
+            onHighlighterClick: () => c("highlighter"),
+            onLinkClick: () => c("link"),
+            isMobile: i
           }
         ) : /* @__PURE__ */ p(
-          $r,
+          Rr,
           {
-            type: i === "highlighter" ? "highlighter" : "link",
-            onBack: () => a("main")
+            type: o === "highlighter" ? "highlighter" : "link",
+            onBack: () => c("main")
           }
         )
       }
     ),
-    /* @__PURE__ */ p(Jt, {}),
+    /* @__PURE__ */ p(te, {}),
     /* @__PURE__ */ p(
       wt,
       {
-        editor: l,
+        editor: u,
         role: "presentation",
         className: "simple-editor-content"
       }
@@ -1952,5 +1962,5 @@ function fn({
   ] }) }) : null;
 }
 export {
-  fn as SimpleEditor
+  gn as SimpleEditor
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dooherceg/tiptap-controlled-editor-with-table",
   "private": false,
   "baseUrl": "./",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",